body { -webkit-tap-highlight-color:transparent !important;font-family:Arial;color:#000;border:0px solid blue;}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: normal; margin: 0px 0; }
p { font-size: .9em; margin: 5px 0; }
ul { padding-left: 10px; margin: 10px 0; list-style-type:disc; }

img{max-width:100%;} 
div,header,footer{box-sizing:border-box;}
.clear{clear:both;}
.center{text-align:center;}
#innerheader,#innerbanner,#innercontent,#innerfooter{margin:0 auto;}


#header{
background-color:#fff;}
#innerheader{

/*background-color:#CE0071;*/
}

#banner{
background-color:#0055AC; 
 height: 100%;
}
#innerbanner{
/*height:200px;*/
/*background-color:#C0D9C7;*/
}


#content{
background-color:#fff;
}
#innercontent{
height:300px;
background-color:#fff;
}


.huella{vertical-align:-3px;padding-right:10px;}
.huella_1{vertical-align:-9px;padding-right:10px;}

#footer{
background-color:#fff;}
#innerfooter{
padding:20px 0;
/*background-color:#F5FCD3;*/
}

/**** header ****/
#logo,#sociales{text-align:center;padding-bottom:20px;}
header h1{font-weight:bold;font-size:12px;line-height:16px;padding:0px;background-color:#fff;color:#0556A7;text-align:center;}

/**** banner ****/
#banner{color:#fff;text-align:center;}
#banner h2{font-weight:bold;font-size:30px;line-height:40px;padding:20px 0 10px;}
#banner p{font-weight:bold;font-size:20px;line-height:30px;padding-bottom:30px;}
#presupuesto{background-color:#fff;color:#0556A7;padding:15px 30px;font-size:20px;font-weight:bold;text-decoration:none;border-radius:10px;} 
#presupuesto:hover{color:#DD252F;}
.caja_boton{height:50px;}
/**** content ****/
#presupuesto2{background-color:#0556A7;color:#fff;padding:15px 30px;font-size:20px;font-weight:bold;text-decoration:none;border-radius:10px;} 
#presupuesto2:hover{background-color:#DD252F;}
/**** footer ****/
#innerfooter p{
color:#0055AC;
font-size:13px;line-height:20px;
font-weight:bold;
}
#innerfooter p a{
color:#0055AC;
text-decoration:none;
}
#innerfooter p img{
vertical-align:-4px;
}
	
#fixed{
position:fixed;
bottom:20px;
right:20px;
z-index:1000;
}



 
/* 480px */
@media only screen and (min-width: 30em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:30em;}
}/* 480px */


/* 720px */
@media only screen and (min-width: 45em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:45em;}


}/* 720px */

/* 1024*/
@media only screen and (min-width: 64em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:62em;}
 #banner h2{font-size:30px;line-height:40px;padding:80px 0 10px;}
#banner p{font-size:20px;line-height:30px;padding-bottom:20px;}


}/* 1024px */

/* 1280x */  
@media only screen and (min-width: 80em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:80em;}

 #banner h2{font-size:36px;line-height:40px;padding:120px 0 10px;}
#banner p{font-size:24px;line-height:30px;padding-bottom:30px;}

}/* 1280px */ 



	
/*******************    piso BICOLOR   ******************/
	
.hijo_bicolor{float:left;width:100%;}

.hijo_bicolor h2{font-weight:bold;font-size:30px;line-height:40px;padding:20px 20px 0;}
.hijo_bicolor p{font-weight:bold;font-size:15px;line-height:24px;padding:0 10px 5px 0;}
	
.verde{background-color:#61CE70;color:#fff;}	
.blanco{background-color:white;}
.rojo{background-color:#DD252F;color:#fff;}	
.celeste{background-color:#6EC1E4;color:#fff;}	

.txt_izquierda{text-align:left;padding:0px 20px;}
.txt_derecha{text-align:right;padding:0px 20px;}

.txt_contacto{text-align:right;padding:0px 20px;}
.txt_contacto h2{font-weight:bold;font-size:50px;line-height:60px;padding:20px 20px 30px;}
.txt_contacto p{font-weight:bold;font-size:20px;line-height:30px;padding-bottom:30px;}

/*.derecha,.izquierda{height:200px;border:1px solid black;}*/


/* 480px */
@media only screen and (min-width: 30em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:30em;}
}/* 480px */


/* 720px */
@media only screen and (min-width: 45em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:45em;}


}/* 720px */

/* 1024*/
@media only screen and (min-width: 64em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:62em;}

 .hijo_bicolor{width:50%;}
 .derecha{float:right;width:512px;}
  .izquierda{float:left;width:512px;}

}/* 1024px */

/* 1280x */  
@media only screen and (min-width: 80em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:80em;}
	.derecha{width:640px;}
  .izquierda{width:640px;}


}/* 1280px */ 


/******************************************************************/