html,body{
width:100%;
	height:100%;
	background:url(../imagenes/fondo.gif) repeat 50% 50% fixed;
	font-family:Verdana;
}

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


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

* { 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:Verdana;
  font-weight:700;
  font-size:13px;
  margin: 0;
  padding-bottom:-2px;
  cursor: pointer;
  text-decoration: none;
  color: #4c4b4c;
  /* Prevent highlight colour when element is tapped */
  text-transform:uppercase;
  line-height:30px;
}
.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;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e2ac37;
  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  {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#menudencia{ position: fixed; display:block; height:120px;width:100%;z-index:4; text-decoration:none; font-family:Verdana;background-color:#ffffff; }


/******************************
 SLIDE 1 
*******************************/
#slide1{
background: url(../imagenes/inicio.jpg) no-repeat center center fixed  ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-size:cover;
min-height:750px;
height:100%;
}

/******************************
 SLIDE 2 
*******************************/
#slide2{
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;
height:580px;
}


/******************************
 SLIDE 3
*******************************/
#tercero{
background: url(../imagenes/contacto.jpg) no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-size:cover;
height:323px;
}


.lafle:hover{
	cursor:pointer;
	opacity:.5;
}


.texto1{ color:#ffffff;
font-weight:700;
font-size:20px;
font-family:Verdana;}

.texto2{ color:#de9f16;
font-weight:400;
font-size:20px;
font-family:Verdana;}

.texto2a{ color:#484748;
font-weight:400;
font-size:20px;
font-family:Verdana;}

.texto3{ color:#484748;
font-weight:400;
font-size:16px;
font-family:Verdana; text-decoration:none;}


#primer, #primer1, #primer2{ 
display: inline-block;
vertical-align:top;

}

#primer{ 
width:520px;
vertical-align:middle;position:absolute;
left:5%;
top:15px;
}

#primer1{
width:190px;margin-right:-4px ;
text-align:left; 
}

#primer2{
width:330px;margin-right:-4px ;
text-align: center; top:43px;position:absolute;
}

.logosh{ width:118px;}

#cita{
position: fixed; 
z-index:5; 
top:20px;
width:120px;
right:5%;
height:30px;
}

.jomi{ width:1048px; height:448px;}


#servicios, #servicios1, #servicios2{ 
display: inline-block;
vertical-align:top;

}

#servicios{ 
width:950px;
vertical-align:middle;
}

#servicios1{
width:450px;margin-right:-4px ;
text-align:left; height:160px;
}

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

#sirveme{
POSITION: absolute; 
z-index: 0; 
height: 140px; 
top:0;
width:129px;
left:0;
z-index:99;}

#sirveme2{
POSITION: absolute; 
z-index: 0; 
height: 140px; 
top:0;
width:348px;
left:102px;
z-index:1; }

.conta{ width:90%; max-width:1138px;}

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

}

#contacto{ 
width:875px;
vertical-align:middle;
}

#contacto1{
width:600px;margin-right:-4px ;
text-align:left; 
}

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

#contacto3{
width:225px;margin-right:-4px ;
text-align: center; 
}

#laimacon{
position: absolute; 
z-index:0; 
bottom:2px;
width:252px;
right:0;
height:218px;
}

@media screen and (max-width: 1050px)
 {
	 .jomi{ width:800px; height:343px;}
 }
 
 @media screen and (max-width: 970px)
 { 
 #servicios{ 
width:450px;
vertical-align:middle;
}

#servicios1{
width:450px;margin-right:0px ;
text-align:left; height:160px;
}

#servicios2{ display:none;
}

#slide2{
height:780px;
}

 }
 
@media screen and (max-width: 890px)
 {  
 #contacto{ 
width:90%; max-width:600px;
vertical-align:middle;
}

#contacto1{
width:90%;margin-right:0px ;
text-align:left; 
}

#contacto2{ display:none;
}

#contacto3{
width:90%;margin-right:0px ;
text-align: center; 
}

#tercero{
height:500px;
}

 }
 
@media screen and (max-width: 800px)
 { 
 .jomi{ width:600px; height:257px;}
 }
 
@media screen and (max-width: 600px)
 {
	 .jomi{ width:450px; height:193px;}
#primer{ 
width:450px;
vertical-align:middle;position:absolute;
left:50%;
margin-left:-225px;
top:10px;
}

#primer1{
width:100%;margin-right:0px ;
text-align:center; 
}

#primer2{
width:100%;margin-right:0px ;
text-align: center; top:73px;position:absolute;
}

.logosh{ width:90px;}

#cita{
position: fixed; 
z-index:5; 
top:0;
width:120px;
right:0;
background-color:#ffffff;
} 
 }