@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700,900');
html,body{
width:100%;
	height:100%;
}

.boton {
	/*display:none;*/
	padding: 15px;
	background: #000;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	top: 15px;
	right: 15px;
	border-radius: 15px;
	text-decoration: none;
	z-index: 9999;
}

.link-negro {
    text-decoration: none; 
    color: black;
}

.link-blanco {
    text-decoration: none; 
    color: white;
}

#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
	background-color:#262c2e;
    z-index: 9999;
}


#loader2 {
    width: 236px;
    height: 70px;
    position: absolute;
    left:50%; top:50%;
    background: url(../imagenes/logo.png) no-repeat center 0;
	margin-left:-118px;
	margin-top:-31px;
}

* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

header{ z-index:999;}

.os-animation{
            opacity: 0;
        }  

        .os-animation.animated{
            opacity: 1;
        }   
 

[class^="hvr-"] {
font-family: 'Titillium Web', sans-serif;
  font-weight:700;
  font-size:16px;
  margin: 0;
  padding-bottom:-2px;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.hvr-underline-reveal {
  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;
  line-height:76px;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #11316a;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hvr-underline-reveal2 {
  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;
  line-height:76px;
}
.hvr-underline-reveal2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #11316a;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal2:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


[class^="hvr-2"] {
font-family: 'Titillium Web', sans-serif;
  font-weight:900;
  font-size:14px;
  margin: 0;
  padding-bottom:-2px;
  cursor: pointer;
  text-decoration: none;
  color: #c6af74;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-transform:uppercase;
}


#menudencia{ 
position: absolute;
width:1200px;
left:50%;
margin-left:-600px;
top:50px;
height:80px;
text-align:center;
 }

#arriba, #arriba1, #arriba2, #arriba3{ 
display: inline-block;
vertical-align:top;
}

#arriba{ 
width:1190px;
vertical-align:middle;
}

#arriba1{
width:400px;margin-right:-4px ;
text-align:center; 
}

#arriba2{
width:350px;margin-right:-4px ;
text-align: justify;
}

#arriba3{
width:440px;margin-right:-4px ; margin-top:25px;
text-align: center;
}

#menudo2{ display:none;}

#falsa{ width:100%; height:230px;}

#cita{ z-index:9999;position:absolute;
  top: 29px;
  right: 122px;}

/******************************
 SLIDE 1 
*******************************/
#slide1{
width:100%;
height:100%;
min-height:600px;	
}

/******************************
 SLIDE 2 
*******************************/
#slide2{
	background-color:#ffffff;
height:374px;
}


/******************************
 SLIDE 3
*******************************/
#slide3{
background: url(../imagenes/fondo2.jpg) no-repeat center center  fixed ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-size:cover;

}

/******************************
 SLIDE 4
*******************************/
#slide4{
	background-color:#ffffff;
}


/******************************
 SLIDE 5
*******************************/
#cinco{
	background-color:#113069;
}

/******************************
 SLIDE 6
*******************************/
#seis{
	background-color:#0b2554;
	height:60px;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	line-height:60px;
	text-transform:uppercase;
}

/******************************
contactame
*******************************/
#contactame{
background: url(../imagenes/contacto.jpg) no-repeat center center  fixed ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-size:cover;
}

/******************************
contacto2
*******************************/
#contactame2{
	background-color:#ffffff;
}

#flecha{
POSITION: absolute; 
z-index: 1; 
height:39px; 
bottom:0px;
width:127px;
left:50%;
margin-left:-63px;
}
#flechaas{
POSITION: absolute; 
z-index: 0; 
height:39px; 
bottom:0px;
width:127px;
left:50%;
margin-left:-63px;
}


.texto1{ color:#ffffff;
font-weight:300;
font-size:18px;
font-family: 'Titillium Web', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.texto1a{ color:#000000;
font-weight:500;
font-size:18px;
font-family: 'Titillium Web', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.texto2{ color:#262c2e;
font-weight:700;
font-size:55px;
font-family: 'Titillium Web', sans-serif;
line-height:95%;
}

.texto3{ color:#262c2e;
font-weight:400;
font-size:20px;
font-family: 'Titillium Web', sans-serif; line-height:200%;
}

.texto4{ color:#262c2e;
font-weight:400;
font-size:30px;
font-family: 'Titillium Web', sans-serif; line-height:200%;
}

.texto4a{ color:#ffffff;
font-weight:400;
font-size:30px;
font-family: 'Titillium Web', sans-serif; line-height:200%;
}

.texto5{ color:#11316a;
font-weight:400;
font-size:30px;
font-family: 'Titillium Web', sans-serif; line-height:200%;
}

.tcon{ color:#555555;
font-weight:400;
font-size:25px;
font-family: 'Titillium Web', sans-serif; 
}

.texto6{ color:#ffffff;
font-weight:300;
font-size:18px;
font-family: 'Titillium Web', sans-serif;
letter-spacing:1px;
}

.tcon2{ color:#555555;
font-weight:300;
font-size:15px;
font-family: 'Titillium Web', sans-serif; 
}

.texto7{ color:#11316a;
font-weight:500;
font-size:42px;
font-family: 'Titillium Web', sans-serif;
letter-spacing:1px;
}


.texto8{ color:#11316a;
font-weight:500;
font-size:24px;
font-family: 'Titillium Web', sans-serif;
letter-spacing:1px;
}
.texto9{ color:#000000;
font-weight:500;
font-size:18px;
font-family: 'Titillium Web', sans-serif;
letter-spacing:1px;
}

#primero{
POSITION: absolute; 
z-index: 0; 
height: 267px; 
left:50%; 
top:230px;
margin-left:-200px;
width:400px;	
}

#segundo{
POSITION: absolute; 
z-index: 0; 
height: 76px; 
left:50%; 
bottom:-33px;
width:1px;
margin-left:-3px;
}

#lasllantas, #lasllantas1, #lasllantas2{ 
display: inline-block;
vertical-align:top;
}

#lasllantas{ 
width:1200px;
vertical-align:middle;text-align:center; 
}

#lasllantas1{
width:250px;margin-right:-4px ; height:270px;
text-align:center; 
}

#lasllantas2{
width:50px;margin-right:-4px ;
text-align:center; 
}

#marcas, #marcas1, #marcas2, #marcas3, #marcas4, #marcas5{ 
display: inline-block;
vertical-align:top;
}

#marcas{ width:90%;
max-width:1200px;
vertical-align:middle;text-align:center; 
}

#marcas1{
width:250px;margin-right:-4px ;
text-align:center; height:80px;
}

#marcas2{
width:270px;margin-right:-4px ;
text-align:center;  height:80px;
}

#marcas3{
width:190px;margin-right:-4px ;
text;text-align:center;  height:80px;
}

#marcas4{
width:250px;margin-right:-4px ;
text;text-align:center;  height:80px;
}

#marcas5{
width:240px;margin-right:-4px ;
text;text-align:center;  height:80px;
}

#pie, #pie1, #pie2, #pie3, #pie4, #pie0{ 
display: inline-block;
vertical-align:top;
}

#pie{ 
width:1200px;
vertical-align:middle;text-align:center; 
}

#pie1{
width:250px;margin-right:-4px ;
text-align:left; 
}

#pie2{
width:360px;margin-right:-4px ;
text-align:left; margin-top:20px; 
}

#pie3{
width:220px;margin-right:-4px ;
text-align:left; margin-top:20px; 
}

#pie4{
width:250px;margin-right:-4px ;
text-align:left; margin-top:20px; 
}

#pie0{
width:40px;margin-right:-4px ;
text-align:left; 
}

.losbotos a:hover { opacity:.8;}

.lateibol2{ max-width:700px; width:90%;} 

.combo{
	font-size: 13px;
	color: #7c7c7c;
	background-color: #ebebeb;
	border-width:0;
	padding-left:30px;
	width:80%;
	height:60px;
}


input[type="submit"] {
  display: inline-block;
  color:#ffffff;
  background-color:#11316a;
  width: 130px;
     height: 60px;
  border: none;

}
input[type="submit"]:hover{
	cursor: pointer;
}

#contacto, #contacto1, #contacto2{ 
display: inline-block;
vertical-align:top;
}

#contacto{ 
width:1150px;
vertical-align:middle;
text-align:left;
}

#contacto1{
width:250px;margin-right:-4px ;
text-align:center; height:90px;}

#contacto2{
width:150px;margin-right:-4px ;
text-align:right; height:90px;}

@media screen and (max-width: 1200px)
 {
     .boton { top: 15px; }
     
#contacto{ 
width:950px;
vertical-align:middle;
text-align:left;
}

#contacto1{
width:200px;margin-right:-4px ;
text-align:center; height:90px;}

#contacto2{
width:150px;margin-right:-4px ;
text-align:center; height:90px;}	 
 }
 
@media screen and (max-width: 1200px)
 {
     .boton { top: 15px; }
     
	 #menudencia{ 
width:900px;
left:50%;
margin-left:-450px;
 }


#arriba{ 
width:890px;
}

#arriba1{
width:270px;
}

#arriba2{
width:300px;
}

#arriba3{
width:320px;
}

#lasllantas{ 
width:500px;
vertical-align:middle;text-align:center; 
}

#lasllantas1{
width:250px;margin-right:-4px ;
}

#lasllantas2{
	display:none;
}

#pie{ 
width:720px; 
}

#pie1{
width:360px;
}

#pie2{
width:360px;
}

#pie3{
width:360px; 
}

#pie4{
width:360px; 
}

#pie0{
	display:none;
}


 }
@media screen and (max-width:1000px)
 {
     .boton { top: 15px; }
     
	  #flecha{
	 display:none;
}
#flechaas{
display:none;
}  
 }
 
@media screen and (max-width: 950px)
 { 
     .boton { top: 15px; }
     
 #contacto{ 
width:350px;
vertical-align:middle;
text-align:left;
}

#contacto1{
width:350px;margin-right:0px ;
text-align:center; height:90px;}

#contacto2{
width:350px;margin-right:0px ;
text-align:center; height:90px;}
 }
 
 
@media screen and (max-width: 900px)
 { 
     .boton { top: 90px; }
 #menudencia{ 
 display:none;
 }
 #falsa{ width:100%; height:120px;}

#menudo2{ display:block; position:absolute; width:100%; z-index:999;}

#primero{
top:200px;
}

#slide2{
height:350px;
}

 }
 
 @media screen and (max-width: 790px)
 {  
     .boton { top: 90px; }
     
 #primero{
top:300px;
}

#slide2{
height:450px;
}

#pie{ 
width:360px; 
}

#pie1{
width:360px;margin-right:0px ;
text-align:center; 
}

#pie2{
width:360px;margin-right:0px ;
text-align:center; margin-top:20px; 
}

#pie3{
width:360px;margin-right:0px ;
text-align:center; margin-top:20px; 
}

#pie4{
width:360px;margin-right:0px ;
text-align:center; margin-top:20px; 
}

 }
 
 
 @media screen and (max-width: 550px)
 { 
     .boton { top: 90px; }
     
 #primero{
top:350px;
}

#slide2{
height:500px;
}

#lasllantas{ 
width:202px;
vertical-align:middle;text-align:center; 
}

#lasllantas1{
width:202px;margin-right:0px ; 
}


 }
 
  @media screen and (max-width: 450px)
 { 
     .boton { top: 120px; }
     
 #primero{
top:390px;
}

#slide2{
height:530px;
}

 }
 
@keyframes nubee  {
  0% {
    -webkit-transform: scale(1) translateX(0) translateY(0);
    -ms-transform: scale(1) translateX(0) translateY(0);
    transform: scale(1)translateX(0) translateY(0);
  }

  50% {
    -webkit-transform: scale(1.1) translateX(-15px) translateY(-5px);
    -ms-transform: scale(1.1) translateX(-5px) translateY(-5px);
    transform: scale(1.1) translateX(-15px) translateY(-5px);
  }

  100% {
    -webkit-transform: scale(1) translateX(0) translateY(0);
    -ms-transform: scale(1) translateX(0) translateY(0);
    transform: scale(1) translateX(0) translateY(0);
  }

}

@keyframes nubee2  {
  0% {
    opacity: 1;
    -webkit-transform: scale(.6);
    transform: scale(.6);
  }
  

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(.6);
    transform: scale(.6);
  }

}


@keyframes nubee3  {
  0%, 100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  10%, 30%, 50%{
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

}


.ball2 {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
	-0-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 0;    }

    100% {
opacity: 1;   -moz-transform: translateY(16px); };
}



@-webkit-keyframes spin {
    0% {
opacity: 0;   }

    100% {
opacity: 1;    -webkit-transform: translateY(16px);};
}

@-o-keyframes spin {
    0% {
opacity: 0;   }

    100% {
opacity: 1;    -0-transform: translateY(16px);};
}

.flecha2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(-6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(-6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(-6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}