/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
html,body {
  margin:0;
  padding:0;
  height: 100%;
  overflow: hidden;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}
section, header{
  display: block;
}

body{
	font-family: "Asap", Arial, serif;
	background: black;
	font-weight: 400;
	font-size: small;
	line-height: 1.8em;
	color: #593741;
}
a{
  color: #ddd;
  text-decoration: none;
}
.container{
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}
.clr{
  clear: both;
}

/* MENU */

.menu {
    /*background:#f00;*/
  position: absolute;
  bottom: 5%;  
  line-height: 30px;
  display: none;
}

.menu span {
  padding-right: 15px;
  border-right: 1px solid white;
  
}

.menu span:last-child {
  border-right: 0;
}

.menu span a {
    /*background:#003300;*/
  color: white;
  margin-left:15px;
}

.menu span a:hover {
  padding-bottom: 8px;
  border-bottom: 3px solid white;
}

/* SLIDES */
.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}

.slide .slide_container, .slide .titleimg, .slide .charsimg, .slide .text1, .slide .text2  {
  position: absolute;  
}

.slide_container {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
	}

/*AGREGADOS LOCOS DE LEO*/

/*.slideTiles {
	height:2400px;
	width: 100%;
	max-width: 1600px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	}*/
	
/*.slideLeft {
	background: transparent url("../images/tile_frame1_left.png") repeat-y center; float:left;
	height:100%;
	width:128px;
	}
.slideRight {
	background: transparent url("../images/tile_frame1_right.png") repeat-y center; float:right;
	height:100%;
	width:128px;
}*/
	
/* FIN AGREGADOS LOCOS DE LEO*/	

/* SLIDE 1: WHO IS THE GAUCHO? */
.slide1 {
background: #ffbf87; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffbf87 0%, #707f42 64%, #274f00 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffbf87), color-stop(64%,#707f42), color-stop(100%,#274f00)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffbf87 0%,#707f42 64%,#274f00 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffbf87 0%,#707f42 64%,#274f00 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffbf87 0%,#707f42 64%,#274f00 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffbf87 0%,#707f42 64%,#274f00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf87', endColorstr='#274f00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.slide1 .slide_container{
  background: transparent url("../images/bkg_frame1.jpg") no-repeat center; 
  width: 1024px;
  height: 768px;
}

.slide1 .titleimg {
  left: 65px;
  top: 62px;
}

.slide1 .charsimg {
  left: 99px;
  top: 340px;
}

.slide1 .text1 {
  width: 480px;
  height: 150px;
  left: 63px;
  top: 124px;
  text-align: left;
}

.slide1 .text2 {
  width: 350px;
  height: 135px;
  left: 569px;
  top: 504px;
  text-align: left;
  color: white;
}


/* SLIDE 2: THE DEVELOPMENT BACKSTORY */
.slide2 {
  /*background: #718B2B url("../images/tile_frame2.gif") repeat-x center; */
  background: #040810;
}

.slide2 .slide_container{
  background: transparent url("../images/bkg_frame2.jpg") no-repeat center; 
  width: 1024px;
  height: 768px;
}

.slide2 .titleimg {
  left: 65px;
  top: 42px;
}

.slide2 .charsimg {
  left: 400px;
  top: 58px;
}

.slide2 .text1 {
  width: 350px;
  height: 150px;
  left: 63px;
  top: 104px;
  text-align: left;
  color: white;
}

.slide2 .text2 {
  width: 390px;
  height: 135px;
  left: 630px;
  top: 404px;
  text-align: left;
  color: white;
}

/* SLIDE 3: DEMO */
.slide3 {
background: #b1f4be; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #b1f4be 0%, #238de1 51%, #005ca3 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b1f4be), color-stop(51%,#238de1), color-stop(100%,#005ca3)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #b1f4be 0%,#238de1 51%,#005ca3 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #b1f4be 0%,#238de1 51%,#005ca3 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #b1f4be 0%,#238de1 51%,#005ca3 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #b1f4be 0%,#238de1 51%,#005ca3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1f4be', endColorstr='#005ca3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.slide3 .slide_container{
  background: transparent url("../images/bkg_frame3.jpg") no-repeat center; 
  width: 1024px;
  height: 768px;
}

.slide3 .titleimg {
  left: 62px;
  top: 529px;
}

.slide3 .charsimg {
  left: 225px;
  top: 100px;
}

.slide3 .text1 {
  width: 620px;
  /*height: 150px;*/
  left: 63px;
  top: 571px;
  text-align: left;
  color: white;
  background: #00bf87;
}

.slide3 .text2 {
  width: 703px;
  /*height: 135px;*/
  left: 63px;
  top: 600px;
  text-align: left;
  color: white;
  background: #00bf87;
}

/* SLIDE 4: ABOUT US */
.slide4 {
  /*background: #718B2B url("../images/tile_frame4.gif") repeat-x center; */
background: #963b1b; /* Old browsers */
background: -moz-linear-gradient(top,  #963b1b 1%, #4c1e0d 5%, #2f1308 10%, #000000 52%, #010504 78%, #0b3a2e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#963b1b), color-stop(5%,#4c1e0d), color-stop(10%,#2f1308), color-stop(52%,#000000), color-stop(78%,#010504), color-stop(100%,#0b3a2e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #963b1b 1%,#4c1e0d 5%,#2f1308 10%,#000000 52%,#010504 78%,#0b3a2e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #963b1b 1%,#4c1e0d 5%,#2f1308 10%,#000000 52%,#010504 78%,#0b3a2e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #963b1b 1%,#4c1e0d 5%,#2f1308 10%,#000000 52%,#010504 78%,#0b3a2e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #963b1b 1%,#4c1e0d 5%,#2f1308 10%,#000000 52%,#010504 78%,#0b3a2e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#963b1b', endColorstr='#0b3a2e',GradientType=0 ); /* IE6-9 */



}

.slide4 .slide_container{
  background: transparent url("../images/bkg_frame4.jpg") no-repeat center; 
  width: 1024px;
  height: 768px;
}

.slide4 .titleimg {
  left: 33px;
  top: 37px;
}

.slide4 .charsimg {
  left: 118px;
  top: 300px;
}

.slide4 .text1 {
  width: 900px;
  height: 150px;
  left: 33px;
  top: 80px;
  text-align: left;
  color: white;
}

.slide4 .text2 {
  width: 390px;
  height: 135px;
  left: 630px;
  top: 404px;
  text-align: left;
  color: white;
}


#twitter-widget{
	position: absolute;
	right: 268px;
	bottom: 10px;
	z-index: 1000;
}

#facebook-widget {
	position: absolute;
	right: 5px;
	bottom: 10px;
	z-index: 1000;
	background: black;
}

#social-widgets{
	position: absolute;
	right: 2%;
	bottom: 13%;
	z-index: 100;
}

.fb-like-box {background-color: rgba(0, 0, 0, 0.5) !important;  -webkit-border-radius: 5px; border-radius: 5px !important;}
.twtr-tweet {border: 2px solid rgba(255, 255, 255, 0.1) !important; }


#spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
}