/* CSS Document */
body{margin:0; background:url(../fondo.jpg)no-repeat center center fixed;}

#titulo{
width:100%;
height:200px;}

#logo{ width:320px;
float:left;
overflow:hidden;
margin-left:40px;
margin-top:10px;
height:130px;}

#logo img{ width:320px;
height:130px;}



ul,li{
margin:0px;
padding:0px;
}
			

#indices{width:520px;
height:100px;
margin-top:90px;
float: right;
margin-right:50px;
}
			
			
ul, li {
list-style:none;

}

#indices > li {
float:left;}

			
#indices li a {
height:20px;
width:100px;
padding-top:5px;				
text-align:center;
font:10pt "trebuchet ms";
transition:0.5s ease;
color:#FD0100;
box-shadow:rgb(255,102,0) 1px 0 0 0;
text-decoration:none;
display:block;}
			
#indices li a:hover {
color:#FFF;
background:rgba(227,227,227,1);
height:25px;
-webkit-transform: scale(1.1,1.1)
}
			
#indices li ul {
display:none;
position: absolute;
min-width:140px;
}
			
#indices li:hover > ul {
display:block;
}
			
#indices li ul li {
position:relative;
}
			
#indices li ul li ul {
				right:-140px;
				top:0px;
}


#papa

 {   box-shadow: rgba(102,255,255,1) 0 0 11px 0 ;
	 width:100%;
	 clear:both;
	 height:456px;
	 overflow:hidden;
 }
 


#animacion

 {  
	 width:100%;
	 clear:both;
	 height:450px;
	 overflow:hidden;
 }
 
#texto{
clear:both;
width:100%;
height:100px;
color: #03C;
font:11pt "trebuchet ms";
} 

#texto p{position:relative;
width:420px;
font:11pt "trebuchet ms";
-webkit-animation:mover 8s linear infinite;
float:left;
}

@keyframes mover
{
0%{top:0; left:0;}
25%{top:0px; left:250px;}
50%{top:0px; left:500px;}
75%{top:0px; left:750px;}
100%{top:0px; left:0px;}
}

#imagen{ width:110px;
float:right;
margin-right:30px;
height:50px;}

#imagen img{ width:110px;
height:50px;}

#fondo{ width:1200px;
margin:0 auto;
height:2200px;
border: #999 1px solid;}

#menu{ width:200px;
height:300px;
margin-top:30px;
margin-left:30px;
float:left}

#menu a{ display:block;
text-decoration:none;
width:160px;
color:rgba(255,255,255,1);
height:30px;
border-radius:5pt;
background:#27B0F4;
padding-top:10px;
text-align:center;
margin-left:20px;
margin-top:10px;
transition:ease 0.5s;
border:1px solid rgba(255,255,255,1);
font:10pt "trebuchet ms";}

#menu a:hover{ background:rgba(214,214,214,1);
transform:scale(1.1,1.1);
height:40px;}

#mensaje{ width:900px;
margin-top:30px;
margin-left:30px;
height:300px;
float:left}

#mensaje h4{ color: #F00;
font:10pt "trebuchet ms";
text-align:justify;
margin-left:20px;}

#mensaje p{ color:rgba(58,0,213,1);
font:10pt "trebuchet ms";
text-align:justify;
margin-left:20px;}

#mensaje img{ width:350px;
margin-left:20px;
height:200px;
float:right}

#fondo2{
clear:both; width:1200px;
height:650px;}

.capa1{
	margin:25px;
width:560px;
height:280px;}

.capa1 img{ width:220px;
margin:15px;
height:180px;
float:left}

.capa1 p{ text-align:justify;
color:rgba(58,0,213,1);
font:10pt "trebuchet" ms;
margin-right:15px;
padding-top:15px;
}

#titulo1{ width:560px;
height:45px;
background: rgba(102,255,204,1);}

#titulo1 h4{ color:rgba(255,255,255,1);
margin-left:20px;
font:12pt "trebuchet ms";
padding-top:10px;
}

#mitad1{ width:800px;
height:640px;
box-shadow:rgba(221,221,221,1) 1px 0 0 0 ;
float: left;}


#mitad2{ width:400px;
float:left;
height:640px;}

#forma{ width:328px;
margin-top:24px;
margin-left:31px;
height:500px;}

#mitad2 img{ width: 330px;
height:200px;}
#forma p{color:rgba(58,0,213,1);
font:11pt "trebuchet" ms;
text-align:justify;
margin-left:20px;
margin-right:20px;}




#consultas{ width:200px;
height:180px;
float:right;}

#consultas p{color:rgba(58,0,213,1);
font:10pt "trebuchet ms";
text-align:justify;
margin-left:20px;
}

#consultas > img{ width:150px;
height:80px;
padding-top:15px;}

#sociales{ width:200px;
height:40px;
float:right;}

#sociales img{ width:35px;
height:35px;}



#fondo3{
width:1199px;
height:360px;}

#fotos_vehi{ width:1200px;
background: rgba(102,255,204,1);
height:45px;}

#fotos_vehi h4{color:rgba(255,255,255,1);
margin-left:20px;
padding-top:10px;
font:12pt "trebuchet ms";

}

.cuadros{ width:220px;
height:220px;
float:left;
border-radius:10pt;
margin-top:40px;
margin-left:62px;
border: #DDD solid 1px;}

.cuadros img{ width:190px;
margin-top:30px;
transition:0.5s ease;
margin-left:15px;
height:150px;}

.cuadros img:hover { transform:scale(1.3,1.3)}

#fondo4{ clear:both;
width:1200px;
background:rgba(102,255,255,1);
height:360px;}

#cr{ width:1200px;
padding-top:5px;
height:350px;}


.kaka{width:300px;
height:300px;
margin-top:60px;
margin-left:60px;
float:left;
box-shadow:rgb(221,221,221) 1px 0 0 0}

.kaka h4{color:rgb(255,102,0);
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
margin-left:20px;
margin-right:20px
}

.kaka p{color:rgba(58,0,213,1);
font:10pt "trebuchet ms";
text-align:justify;
margin-left:20px;
margin-right:20px}

.kaka li{ font:10pt "trebuchet ms";
text-align:justify;
margin-left:20px;
color:rgb(255,102,0);
margin-right:20px}

.kaka img{ width:20px;}

#final{ clear:both;
width:100%;
height:50px;
background:rgba(221,221,221,1)}

#final p{ text-align:center;
font:9pt "trebuchet ms";
padding-top:10px;}