@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: #ffffff;
  /* 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-shadow: 0px 1px 2px rgba(0, 0, 0, 0.60);
text-align: justify;
}

#arriba3{
width:440px;margin-right:-4px ; margin-top:25px;
text-align: center;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.60);
}

#menudo2{ display:none;}

#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
*******************************/
#slide33{
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;

}

/******************************
 servicios
*******************************/
#servicios{
background: url(../imagenes/servicios.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;
}

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

}


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

#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;
}

#flechaser{
POSITION: absolute; 
z-index: 2; 
height:39px; 
top:420px;
width:127px;
left:50%;
margin-left:-63px;
}

#flechaser2{
POSITION: absolute; 
z-index: 1; 
height:39px; 
top:420px;
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;
}

.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%;
}

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

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

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

.texto9{ color:#000000;
font-weight:700;
font-size:19px;
font-family: 'Titillium Web', sans-serif;
letter-spacing:1px;
}

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

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

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

#falsa2{ width:90%; max-width:600px;}

#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:left;  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:0px; 
}

#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;}

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

.lima{ width:90%; max-width:1314px; display:block;}

.lima2{ display:none;}

#servi, #servi1{ 
display: inline-block;
vertical-align:top;
}

#servi{ width:1260px;
vertical-align:middle;text-align:left; 
}

#servi1{
width:420px;margin-right:-4px ;
text-align:center; 
}

#loservi, #loservi1, #loservi2, #loservi3{ 
display: inline-block;
vertical-align:top;
}

#loservi{ width:1260px;
vertical-align:middle;text-align:left; 
}

#loservi1{
width:635px;margin-right:-4px ;
text-align:center; 
}

#loservi2{
width:54px;margin-right:-4px ;
text-align:center; 
}

#loservi3{
width:571px;margin-right:-4px ;
text-align:left; 
}

.lim{ width:100%;}

@media screen and (max-width: 1260px)
 {
     .boton { top: 15px; }
     
	 #servi{ width:900px;
}

#servi1{
width:450px;margin-right:-4px ;
}

#loservi{ width:900px;
vertical-align:middle;text-align:left; 
}

#loservi1{
width:425px;margin-right:-4px ;
text-align:center; 
}

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

#loservi3{
width:425px;margin-right:-4px ;
text-align:left; 
}

 }
 
@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;
}  .lima{ display:none;}

.lima2{ width:90%; max-width:557px; display:block;}
 }
 
@media screen and (max-width: 900px)
 {
     .boton { top: 90px; }
     
 #flechaser{ display:none;
}

#flechaser2{
display:none;
}
 #servi{ width:420px; text-align:center;
}

#servi1{
width:420px;margin-right:0px ;
}
 
 #menudencia{ 
 display:none;
 }
 

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

#primero{
top:200px;
}

#slide2{
height:350px;
}

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

#loservi{ width:450px;
vertical-align:middle;text-align:left; 
}

#loservi1, #loservi3{
width:450px;margin-right:0px ;
text-align:center; 
}

#loservi2{ display:none; 
}

 }
 
 @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);}
}