@charset "utf-8";
/* CSS Document */

body{
background-color:#FFF;
margin:0;
}

dd{
text-align:justify;
}

#titu{
color:#39F;
}



.clasparrafo{
text-align:justify;
}

#submenu{
width:620px;
min-height:68px;
float:left;
padding:50px 0 0 0;
}

.clasep1{
margin:10px 0 0 0;
color:#030;
font-size:16px;
}

/*FORMULARIO*/

.botonformu{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+99,d1d1d1+100,fefefe+100 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 99%, rgba(209,209,209,1) 100%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

border:solid 4px #666666;
padding:8px 35px 8px 35px;
margin:4px 0 4px 0;
color:#06F;
font-size:12px;
border-radius:7px;
}


.formu{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+99,d1d1d1+100,fefefe+100 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 99%, rgba(209,209,209,1) 100%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
 border:solido 1px #666666;
 width:90%;
 padding:8px 8% 8px 2%;
 margin:4px 0 4px 0;
 border-radius:7px;
}
/*FORMULARIO*/


#titulo4{
width:100%;
min-height:35px;
color:#960;
text-align:center;
font-size:28px;
padding:10px 0 0 0;
margin:0 auto;
border-bottom:solid 3px #999900;
border-top:solid 3px #999900;
overflow:hidden
}

.clastitulo4{
float:left;
}

#titulo1{
width:500px;
min-height:30px;
float:left;
font-size:36px;
}

#titulo2{
width:440px;
min-height:30px;
float:left;
font-size:24px;
text-align:right;
}



#c1 a{
color:#FFF;
text-decoration:none;
}

#c2{
background-color:#FFF;
font-size:20px;
text-align:center;
width:150px;
margin:9px 0 0 0;
float:left;
border-bottom:solid 2px #CCFF00;
}

#c2 a{
color:#90F;
text-decoration:none;
}

#c1:hover{
background:#F60;

/*ZOOM CON POCO RELIEVE */
transform : scale(1.1);
-moz-transform : scale(1.1); /* Firefox */
-webkit-transform : scale(1.1); /* Chrome - Safari */
-o-transform : scale(1.5); /* Opera */
-ms-transform : scale(1.1); /* IE9 */;
/*ZOOM CON POCO RELIEVE */	
}

#c2:hover a{
color:#300;	
}

#imagen{
max-width:1000px;
margin:0 auto;
}

#cuerpo{
background-color:#FFF;
max-width:1000px;
/*min-height:250px;*/
margin:0 auto;
overflow:hidden;
}


footer{
background-color:#FF9;
max-width:1000px;
min-height:100px;
border-radius:0 0 18px 18px;
margin:0 auto;

text-align:center;
color:#960;
padding:15px 0 0 0;
}

/*CLASE 2*/
@keyframes entradac1{
0%{
 opacity:0;
 transform:translateY(-200px)
}
}
/*CLASE 2*/

/*CLASE 1*/
@keyframes entradac2{
0%{
   opacity:0;
}
30%{
	opacity:0;
	transform:translateY(-200px);
	}
}
/*CLASE 1*/

/*CLASE 3*/
@keyframes entradac3{
0%{
   opacity:0;
}
45%{
	opacity:0;
	transform:translateY(-200px);
	}

}
/*CLASE 3*/

/*LOGO*/ 
 @keyframes catalogo{
0%{
transform:translateX(-350px)
}	
}
/*LOGO*/

/*PANTALLA DE ESCRITORIO*/
@media screen and (min-width:1200px)
{
  header{
max-width:1100px;
min-height:150px;
margin:0 auto;
overflow:hidden;
padding:12px 0 0 0;
}

#horizo{
  display:none;
}
  
  #conte, #conte1{
  width:450px;
  min-height:190px;
  float:left;
  margin:12px 0 0 5px;
  
  }
  
   #logo{
width:300px;
min-height:90px;
margin:0 0 0 100px;
animation:2s catalogo 1;
}

#cajas{
width:460px;
min-height:90px;
margin:9px 0 0 25px;
}

#c1{
background-color:#FC0;
font-size:20px;
text-align:center;
width:120px;
margin:9px 0 0 20px;
float:left;
border-radius:7px;

/*ZOOM DESPACIO
transition: 1.5s ease;
-ms-transition:1.5s ease;
-moz-transition: 1.5s ease; /* Firefox 
-webkit-transition: 1.5s ease; /* Chrome - Safari 
-o-transition: 1.5s ease; /* Opera 
ZOOM DESPACIO*/
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out; /* Chrome - Safari*/
-moz-transition:-moz-transform 1s ease-out; /* Firefox*/
-o-transition:-o-transform 1s ease-out; /* Opera*/
-ms-transition:-ms-transform 1s ease-out; /*Explorer*/
transition:transform 1s ease-out;
}
 
.clase1{
min-height:60px;
padding:5px 0 0 0;
animation:2s entradac2 1;
}

.clase2{
min-height:48px;
padding:4% 0 0 0;
animation:1s entradac1 1;
}

.clase3{
min-height:48px;
padding:4% 0 0 0;
animation:3s entradac3 1;
}

#envuelve{
width:100%;
min-height:100px;
}

#mapa{
width:500px;
	
float:left;
}

#detalle{
width:500px;
float:right;
}
/*VISION MISION*/
#somos{
width:400px;
margin:0 0 0 30px;
float:left;
}
/*VISION MISION*/

/*ACORDION*/
#texto{	
width:500px;
min-height:100px;
float:left;
}

#imag{	
width:427px;
min-height:100px;
float:left;
padding:40px 0 0 0;
text-align:center;
}
/*ACORDION*/
}
/*PANTALLA DE ESCRITORIO*/



/*PANTALLA DE CELULAR*/
@media screen and (max-width:1200px)
{
	header{
max-width:1000px;
min-height:150px;
margin:0 auto;
overflow:hidden;
padding:12px 0 0 0;
}	
	
#conte1, #detalle{
  display:none;
}
  
  #horizo{
background-color:#069;
max-width:1000px;
min-height:50px;
margin:0 auto;
}
  
   #conte{
   width:100%;
   margin:0 auto;
   padding:0;
   }
   
    #logo{
width:260px;
padding:0;
margin:0 auto;
overflow:hidden;
animation:1s catalogo 1;
}

#logo img{
text-align:center;
margin:0 auto;
max-width:100%;
}

#cajas{
width:100%;
min-height:90px;
padding:0;
}

#c1{
background-color:#FC0;
width:100%;
font-size:30px;
text-align:center;
margin:9px 0 10px 0;
border-radius:7px;

}

.clase1{
min-height:60px;
padding:5px 0 0 0;
animation:2s entradac2 1;
}

.clase2{
min-height:45px;
padding:2% 0 1% 0;
animation:1s entradac1 1;
}

.clase3{
min-height:45px;
padding:2% 0 1% 0;
animation:3s entradac3 1;
}

#envuelve{
width:100%;
}

#mapa{
width:100%;
}

/*VISION MISION*/
#somos{
width:90%;
text-align:center;
margin:0 auto;
float:left;
}
/*VISION MISION*/

/*ACORDION*/
#texto{
width:100%;
min-height:100px;
float:left;
}

#imag{
max-width:427px;
min-height:100px;
margin:0 auto;
text-align:center;
}

#imag img{
width:100%;
}
/*ACORDION*/

}
/*PANTALLA DE CELULAR*/