body { -webkit-tap-highlight-color:transparent !important;font-family:Arial;color:#000;border:0px solid blue;}
h1 { font-size: 1.2em; }
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:none; }
a{text-decoration:none;}
img{max-width:100%;} 
div,header,footer{box-sizing:border-box;border-color:transparent;}
.clear{clear:both;}
.padding_20{padding:20px;}
.padding_10{padding:10px;}
.margin_bottom_20{margin-bottom:20px;}
.margin_bottom_30{margin-bottom:30px;}

.radius{border-radius:20px;}
.bgwhite{background-color:#fff;}
.right{text-align:right;}
.center{text-align:center;}

.newspaper {
padding:0px 0 20px;
  }
  
.bold{font-weight:bold;}
  

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


#header{
background-color:#fff;/*background: linear-gradient(#C140C6, #eb8eef);*/

}
#innerheader{border:0px solid red;
padding:0 10px 10px;
background-color:#fff;
}

#banner{border:0px solid green;
background-color:#065382;
}
#innerbanner{
/*height:200px;*/
/*background-color:#C0D9C7;*/
}


#content{
background-color:#fff;
color:#3C4E5D;
}
#innercontent{
/*height:300px;*/
background-color:#fff;
color:#333;
padding-bottom:30px;
}


#footer{
background-color:#065382;
/*background: linear-gradient(#A6BBFA, #fff);*/
}
#innerfooter{
height:200px;
/*background-color:#F5FCD3;*/
}

/**** header ****/
#iconos{border:0px solid red;}

#innerheader .tel a{color:#065382;}




#titulo{position:relative;height:100px;color:#065382;}

#logo{position:absolute;
top:0;
left:0px;}


#titulo #inst{border:0px solid blue;
position:absolute;
top:10px;
left:100px;
}

#titulo #razon{
font-size:22px;text-align:center;font-weight:bold;}

#titulo #sub_razon{
font-size:12px;text-align:right;}




#text_areas{color:#3C4E5D;}
#text_areas h2{font-size:20px;padding:30px 0 10px;}
#text_areas h3{font-size:16px;padding-bottom:0px;}
#text_areas h4{font-size:14px;padding-bottom:0px;}
#text_areas p{font-size:14px;padding-bottom:10px;text-align:justify;line-height:20px;}


@media only screen and (min-width: 400px) {#titulo #inst{top:10px;left:110px;}}
@media only screen and (min-width: 480px) {
#logo{top:0;left:30px;}
#titulo #inst{top:20px;left:150px;}
}

@media only screen and (min-width: 720px) {
#logo{top:0;left:110px;}
#titulo #inst{top:20px;left:240px;}
#titulo #inst #razon{font-size:26px;}
#titulo #inst #sub_razon{font-size:14px;}
}

@media only screen and (min-width: 1024px) {
#titulo #inst{top:20px;left:350px;}

.newspaper {
  column-count: 1;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule: 0px solid #999;
  column-count: 2;
  }
  
}

@media only screen and (min-width: 1280px) {
#logo{top:0px;left:420px;}
#titulo #inst{top:10px;left:550px;}
#titulo #inst #razon{font-size:32px;}
#titulo #inst #sub_razon{font-size:16px;}
}

/**** banner ****/
.texto_banner {border:0px solid red;
color:#fff;
padding:0 0px 10px 20px;
}

.texto_banner #banner_titulo{font-size:20px;font-weight:normal;padding:15px 0 5px 20px;border:0px solid red;}
#texto_banner .dos{font-size:22px;}
.texto_banner ul{list-style-type:none;width:90%;}
.texto_banner ul a{color:#fff;text-decoration:none;}
.texto_banner ul a:hover{color:#ccc;}

.texto_banner li{font-size:19px;margin-bottom:16px;padding:8px;border:1px solid #fff;
height:29px;line-height:32px;}
.texto_banner li:hover{border:1px solid #ccc;}
.texto_banner li.naranja{/*background-color:#FF7C00;*/}
.texto_banner .innerli{border:0px solid lime;background:url('../imagenes/flecha-blanca27.png') no-repeat top right;}

.texto_banner .innerli3{background-color:#fff;color:#3C4E5D;}
#tt a:hover:{color:blue;}
 /**** content ****/
 #content h1{color:#3C4E5D;}
.float_right{float:right;}
/*.max_width{max-width:300px;}*/
#contenido img{margin-left:20px;}
.margin_right_20{margin-right:20px;
}
#link_turno{color:#fff;margin-bottom:20px;}
#turno{width:250px;font-size:26px;line-height:1.6em;background-color:#EE7734;color:#fff;font-weight:bold;margin:0 auto;padding:10px 20px;text-align:center;}
#turno:hover{background-color:#065382;}

/**footer****/
#footer{padding:30px 10px;border:0px solid #AF005C;}
#footer p,#footer a{color:#fff;}
#footer a:hover{color:#ccc;}
#footer p#ziete{
padding-top:20px;text-align:center;
}
#footer p#ziete a{
font-size:.8em;
color:#ccc;
text-decoration:underline;
}
#footer p#ziete a:hover{
color:#fff;
text-decoration:none;
}
#footer p#ziete a #verlo{
display:none;
}
#footer p#ziete a:hover span#verlo{
display:inline;
color: #fff;
text-shadow:#fff 0px 0px 0px;
}	
	
#fixed{
position:fixed;
bottom:30px;
right:30px;
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;}
.texto_banner #banner_titulo{padding-top:75px;font-size:26px;}
#texto_banner #banner_titulo{font-size:28px;font-weight:normal;padding-top:10px;padding-bottom:5px;}
}/* 1024px */

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