body{font-family:'Roboto', sans-serif; font-weight:400; font-size:16px;}

.menu{background:#004b87; color:#FFF;}
.left{text-align:left;}
.right{text-align:right;}
.gris{color:#999; font-size:.8em;}
.usuario{float:left; vertical-align:middle; margin-right:.6em;}
.textpeque{font-size:.9em; color:#666;}
.textpeque1{font-size:.9em;}
.ventanacentro{text-align:center;}
.tmp{background:#FF0000;}
p{margin:.5em 0 0 0;}
.justificado{text-align:justify;}
.img-circle-left{float:left; border-radius:50%; border:3px solid #63c6ff; margin-right:.5em;}
.error_contactar{color:#FF0000;}
.doctor{color:#328CAF; font-size:.8em; margin-left:.5em;}

.modulos{margin:.8em 0;}

.modulo{background:#004b87; margin:0; padding:2px; color:#FFF;
-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);}
 
.modulo1{margin:0 auto; width:90%; height:100px;}

.submenu{margin:0 auto; padding:0; text-align:left; font-family:'Bitter', serif;}
.submenu li{list-style:none; border-bottom:1px solid #63C6FF; padding:.3em 0;}
.submenu li a{text-decoration:none; color:#FFF;}
.submenu li a:hover{color:#63C6FF;}

a{color:#666; margin:0 ;padding:0;height:1%; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}

.en1{
color:#FFF;
background:#FB7D04;
display:table-cell;
width:20%;
padding:1em;
text-align:center;
font-weight:bold;
-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);}

.en1:hover{text-decoration:none; color:#004B87; background:#FFF;}

.en2{color:#63c6ff; text-decoration:underline;}
.en2:hover{color:#FFF;}

.en3{font-family:'Bitter', serif; color:#FFF; text-decoration:none; font-weight:bold;}
.en3:hover, en3:visited, en3:active{color:#FB7D04; text-decoration:none; font-weight:bold;}

.en4{color:#FFF; text-decoration:none; font-weight:bold;}
.en4:hover, en3:visited, en3:active{color:#000; text-decoration:none; font-weight:bold;}

.en5{color:#FFF; text-decoration:none; font-weight:bold; background:#fb7d04; padding:.3em .8em;}
.en5:hover, en3:visited, en3:active{color:#000; text-decoration:none; font-weight:bold;}

.en6{color:#004b87; text-decoration:none; font-weight:bold;}
.en6:hover, en3:visited, en3:active{color:#004b87; text-decoration:underline; font-weight:bold;}

.enviar{bottom:0; background:#F00; height:200px;}

.naranja{color:#FB7D04; font-weight:bold;}
.img-circle{border:2px solid #328CAF;}

h1{font-size:2em; color:#004B87; margin:.4em 0 0 0;}
h2{font-family:'Bitter', serif; font-size:1.4em; color:#63C6FF; padding:0 0 .5em 0;}
h3{font-size:1.2em; color:#328CAF;}

.modulo1 h2{color:#FFF; font-size:1.2em; line-height:1.3em;}
.full-width-logo h1{color:#000033; font-size:2.5em; font-family:'Bitter', serif; padding:0; margin:0;}
.full-width-logo h2{color:#FFF; font-size:1.5em; font-family:'Bitter', serif; padding:0; margin:0;}

.full-width-presentacion h1{color:#FFF; font-size:3em; font-family:'Bitter', serif;}
.full-width-presentacion h2{color:#FFF; font-size:1.5em; font-family:'Roboto', sans-serif; font-weight:700;}

.full-width-tit_modulos h1{color:#FFF; padding-bottom:.4em; font-size:1.6em; font-family:'Roboto', sans-serif; font-weight:700;}

.full-width{width:100%; background:#004b87; padding:.5em;}

.full-width-logo{position:absolute; width:100%; padding-bottom:.6em; background:url(../imagenes/transparente.png);}
.full-width-video{position:relative; width:100%; background:#000033; padding:0; margin-bottom:2px;}
.full-width-presentacion{position:absolute; padding:0; margin:0; bottom:5%; text-align:center; width:100%;}
.full-width-tit_modulos{position:absolute; padding:0; margin:0; bottom:0; text-align:left; width:100%;}

.full-width-degradado{width:100%; padding:0;
background:-webkit-linear-gradient(#CCC, #FFF);
background:-moz-linear-gradient(#CCC, #FFF);
background:-o-linear-gradient(#CCC, #FFF);
background:linear-gradient(#CCC, #FFF);
background:linear-gradient(top left, #CCC, #FFF);}

.full-width-cierre{color:#63C6FF; background:#011E46; padding:.8em; width:100%; text-align:center;}
.full-width-cierre-imgfondo{color:#63C6FF; padding:.8em; width:100%; height:auto; margin-top:2em;
background:#001739 url(../imagenes/fondo_cierre.jpg) center;
background-size:no-repeat fixed 100% 100%;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;*/}

input, textarea{color:#000;}

.btn{color:#FFF; background:#FB7D04; font-weight:bold;}
.btn:hover{color:#011E46; background:#FB7D04; font-weight:bold;}

.btngris{color:#fff; background:#999; font-weight:bold; padding:.8em;}
.btngris:hover{color:#fff; background:#333; font-weight:bold;}

.tabla1{margin:0 auto; border-collapse:collapse; table-layout:auto; width:100%;}
.tabla1 td{padding:.5em; vertical-align:top;}
.tabla1 tr:nth-child(odd){background:#e5e5e5;}
.tabla1 tr:nth-child(even){background:#FFF;}

.tabla2{margin:0 auto; border-collapse:collapse; table-layout:fixed; width:100%;}
.tabla2 td{padding:0; vertical-align:top; border-bottom:1px solid #DDD;}
.tabla2 tr:nth-child(odd){}
.tabla2 tr:nth-child(even){}

.contenedor{margin:0; padding:.4em; background:#DDD; box-sizing:border-box;}


@media (max-width:400px){
h1{font-size:2em;}
.modulo1 h2{font-size:1em; line-height:1em;}
}

@media (min-width:400px) and (max-width:1024px){
h1{font-size:2.5em; margin:.4em 0 0 0;}
.modulo1 h2{font-size:1em; line-height:1em;}
.full-width-presentacion h1{font-size:2.5em;}
.full-width-presentacion h2{font-size:1.5em;}
.full-width-logo h1{font-size:1em;}
.full-width-logo h2{font-size:.9em;}
}