html, body { margin:0; padding:0; height:100%; }
   iframe { display:block; border:none; }
* { margin: 0px;
padding: 0px; outline: 0;
}


* {
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0px;
padding:0px;

}

@font-face 	 {font-family: negra; src: url(bold.woff) format('truetype'); }
@font-face 	 {font-family: conde; src: url(DejaVuSansCondensed-webfont.woff) format('truetype'); }
.texto1
	{
	font-family: conde;
	color:#504f51;
	font-size:20px;
font-weight: 400;
text-align:justify;
	}

.texto2
	{
	font-family: conde;
	color:#504f51;
	font-size:14px;
font-weight: 400;
line-height: 170%;text-align:justify;
	}


.con1
	{
	font-family: conde;
	color:#e7d53a;
	font-size:15px;
text-align:justify;

	}
	
.con2
	{
	font-family: conde;
	color:#ffffff;
	font-size:13px;
text-align:justify;
	}

.con22
	{
	font-family: conde;
	color:#e7d53a;
	font-size:13px;
text-align:justify;
	}

.servi
	{
	font-family: conde;
	color:#ffffff;
	font-size:13px;
	}

#footer {
	width: 100%;
	height: 200px;
	background: #333;
	border-top: 2px solid #000;
	position: absolute;
	bottom: 0;
}
header {
  margin: 0;
  position: fixed;
  width: 100%;
  z-index:999;
  height:97PX;
}



#navi {  
	  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  
  font-family: negra;
  font-weight:700;
	color:#fff;
	font-size:14px;
text-decoration:none;
}
#navi li {
	margin-top:0px;
	margin-left:20px;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
	display:block;
	-webkit-transition: all .2s ease-in-out;
	text-align:left;text-decoration: none;
}

#navi li:hover{
	cursor:pointer;
	color: #dfc907;
	text-decoration: none;
	
}

#navi2 {  
	  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  
  font-family: negra;
  font-weight:700;
	color:#fff;
	font-size:16px;
text-decoration:none;
}
#navi2 li {
	margin-top:0px;
	margin-left:20px;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
	display:block;
	-webkit-transition: all .2s ease-in-out;
	text-align:left;text-decoration: none;
}

#navi2 li:hover{
	cursor:pointer;
	color: #dfc907;
	text-decoration: none;
	
}



#ampliar2 img{
-webkit-transform:scale(1);
-webkit-transition-duration: 0.5s;
-webkit-opacity: 1;

-moz-transform:scale(1);
-moz-transition-duration: 0.5s;
-moz-opacity: 1;

-ms-transform:scale(1);
-ms-transition-duration: 0.5s;
-ms-opacity: 1;

}
#ampliar2 img:hover{
-webkit-transform:scale(1.2);
-webkit-opacity:1;
-webkit-transition-duration: 0.5s;

-moz-transform:scale(1.2);
-moz-opacity:1;
-moz-transition-duration: 0.5s;

-ms-transform:scale(1.2);
-ms-opacity:1;
-ms-transition-duration: 0.5s;

}  


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

.envatologo{
position:fixed;
top:60px;
right:10px;
width:197px;
margin-top:-41px;
margin-left:-98px;
z-index:1;
}
.slide{
	background-attachment: fixed;
	width:100%;
	
	position: relative;
}
.wrapper{
	width:960px;
	height:700px;
	margin:0 auto;
	position:relative;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}

.separador
{
position: absolute;
background:url(../abajo.png);
	/*nos posicionamos en el centro del navegador*/
bottom:0%;
left:0;
	/*determinamos una anchura*/
width:100%;	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
height:6px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	z-index: 2;
}



.button{
	display: block;

	z-index: 3;
}
.button:hover{
	cursor:pointer;
}

.fondoflecha{
	display: block;
	width: 105px;
	height: 10px;
	position: absolute;
	bottom: 20px;
	left: 90%;
	margin-left: -21px;
	z-index: 2;
	background:url(../imagenes/pabajo.png);
}


.button2{
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	bottom:93px;
	right:68px;

	z-index:3;
}
.button2:hover{
	cursor:pointer;
}
.fondoflecha2{
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	bottom:93px;
	right:68px;
	z-index:2;
}





	
/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-color:#FFF;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;
}

#slide1 .conteneitor
	{ top: 50%;
left: 50%;
height:992px;
width:433px;
margin-top:-496px;
	}
/******************************
 SLIDE 2 
*******************************/
#slide2{
	background-image:url(../imagenes/f2.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;
}
#slide2 img:first-child{
	position:absolute;
top: 700px;
left: 150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:20px;
	left:0px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:20px;
	left:600px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:500px;
	left:0px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;	top:200px;

	right:300px;
}


#slide2 article {
	width: 570px;
	height: 360px;
	margin-left: 200px;
	top: 226px;
	position: absolute;
}



/******************************
 SLIDE 3
*******************************/
#slide3{
	background-color:#000000;
	background-image:url(../imagenes/f3.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;
}
#slide2 img:first-child{
	position:absolute;
top: 700px;
left: 150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:20px;
	left:0px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:20px;
	left:600px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:500px;
	left:0px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;	top:200px;

	right:300px;
}

/******************************
 SLIDE 4
*******************************/
#slide4{
	background-image:url(../imagenes/contacto.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;

}

/******************************
 SLIDE 5
*******************************/
#slide5{
	background-image:url(../imagenes/f5.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;
}


/******************************
 SLIDE 6
*******************************/
#slide6{
	background-image:url(../imagenes/f6.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;
}


/******************************
 SLIDE 7
*******************************/
#slide7{
	background-image:url(../imagenes/f7.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
height:100%;
}


#llanta{
	display:block;
 animation:giros 2s   infinite;
 -webkit-animation:giros 2s   infinite;
 -ms-animation:giros 2s   infinite;
 -moz-animation:giros 2s   infinite;
 -0-animation:giros 2s  infinite ;
}


@-webkit-keyframes giros{

 0%{
       }

 100%{opacity:1;
         -webkit-transform : rotate(360deg); /* Chrome - Safari */
          }
}

@-moz-keyframes giros{

 0%{
       }

 100%{opacity:1;
         -moz-transform : rotate(360deg); /* Chrome - Safari */
          }
}

@-o-keyframes giros{

 0%{
       }

 100%{opacity:1;
         -o-transform : rotate(360deg); /* Chrome - Safari */
          }
}

@keyframes giros{

 0%{
       }

 100%{opacity:1;
         transform : rotate(360deg); /* Chrome - Safari */
          }
}

.transparente3 {background: rgba(0, 0, 0, 0.3);
text-align:left;
padding:10px;
HEIGHT: 18px;
width:280px;
  border: 0px solid #e7d53a;
  font-size:14PX;
color: #ffffff;
	font-family: conde;
}


.transparente8 {
	background: rgba(0, 0, 0, 0.3);
text-align:left;
padding:10px;
HEIGHT: 45px;
width:280px;
  border: 0px solid #e7d53a;
  font-size:14PX;
color: #ffffff;
	font-family: conde;
 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}



input[type=submit] {
	padding:5px 15px; background: rgba(0, 0, 0, 00); border:0 none;
    cursor:pointer;
text-align:center;
HEIGHT: 30px;
width:100px;
  border: 0px solid #e7d53a;
  font-size:14PX;
color: #ffffff;
	font-family: conde;

}