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

#innerheader,#innerbanner,#innercontent,#innerfooter{margin:0 auto;}


#header{background-color:#333;color:#fff;}
#innerheader{/*background-color:#CE0071;*/}


/*
#banner{
background-color:#C0D9C7; background: linear-gradient(#C0D9C7, #F5FCD3);
 height: 100%;
}
#innerbanner{}
*/

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


#footer{background-color:#333;}

}

/**** header ****/
#innerheader h1{padding:20px 0 5px;text-align:center;font-size:36px;}
#logo,#sociales{text-align:center;padding-bottom:20px;}



/**** banner ****/

/**** content ****/
#innercontent{}
#innercontent p{font-size:14px;line-height:20px;padding-bottom:10px;}



/**** footer ****/
#fsociales {padding-top:20px;}
#fsociales a{display:block;color:#fff;padding-bottom:10px;text-decoration:none;}
  #fsociales a:hover{text-decoration:underline;}
  
#fixed{
position:fixed;
bottom:20px;
right:20px;
z-index:1000;
}







	
	
/*******************    piso BICOLOR   ******************/
/*
.hijo_bicolor{float:left;width:100%;}
	
.bk_drerecha{background-color:red;}	
.bk_izquierda{background-color:green;}
.derecha,.izquierda{height:200px;border:1px solid black;}



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



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


}

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

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

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


 
/* 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;}

 

}/* 1024px */

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

}/* 1280px */