/* CSS Document */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}
body {
	background: #FFF;
}
header{
	position: relative;
	width: 100%;
	height: 130px;
	background: linear-gradient(top,#4AB8EB 100px,#0090BD 100px);
	background: -webkit-linear-gradient(top,#4AB8EB 100px,#0090BD 100px);
	background: -moz-linear-gradient(top,#4AB8EB 100px,#0090BD 100px);
	background: -ms-linear-gradient(top,#4AB8EB 100px,#0090BD 100px);
	box-shadow: 0 5px 10px rgba(0,0,0,0.4);
	border-bottom: #F7BF3E solid 1px;
	box-sizing: border-box;
}
#header_centro{
	position: relative;
	width: 1024px;
	height: 130px;
	margin: 0 auto;
}
#logo{
	float: left;
	margin-top: 11px;
}
#menu{
	color: #FFF;
	font-family: 'MyriadWebPro';
	font-size: 18px;
	margin: 40px 30px;
	float: left;
}
#menu li{
	list-style: none;
	display: inline-block;
	padding: 0 35px;
	border-right: rgba(255,255,255,0.5) solid 1px;
	text-align: center;
	float: left;
}
#menu li:last-child{
	border-right: none;
}
#menu li a{
	color: #FFF;
	display: block;
	position: relative;
	text-align: center;
	position: relative;
	top: 0;
	transition: all 0.2s ease-out;
	padding: 0;
}
#menu li a:hover{
	top: -3px;
	text-shadow: 0 3px 5px rgba(0,0,0,0.4);
}
a.inicio_sesion{
	width: 140px;
	height: 37px;
	background: url(../imagenes/iniciar_sesion.png), #E7ECED;
	background-position: left top, left top;
	background-repeat: no-repeat, no-repeat;
	border-radius: 5px;
	float: left;
	margin-top: 31px;
	margin-left: 350px;
	display: block;
	color: #0090BD;
	box-sizing: border-box;
	font-family: 'MyriadWebPro';
	padding: 11px 0 0 52px;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 3px 0 rgba(0,0,0,0.15);
	transition: all 0.2s ease-out;
}
a.inicio_sesion:hover{
	background: url(../imagenes/iniciar_sesion2.png), #E7ECED;
	background-position: left top, left top;
	background-repeat: no-repeat, no-repeat;
	color: #0080AA;
}
a.ico_mundo{
	width: 34px;
	height: 35px;
	background: url(../imagenes/ico_mundo.png) no-repeat left top;
	display: block;
	float: right;
	margin-top: 32px;
	position: relative;
	top: 0;
	transition: all 0.2s ease-out;
	border-radius: 50%;
}
a.ico_mundo:hover{
	top: -3px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
#banner{
	width: 100%;
	float: left;
	background: linear-gradient(top, #DDD 50%, #FFF 50%, #FFF 100%);
	background: -webkit-linear-gradient(top, #DDD 50%, #FFF 50%, #FFF 100%);
	background: -moz-linear-gradient(top, #DDD 50%, #FFF 50%, #FFF 100%);
	background: -ms-linear-gradient(top, #DDD 50%, #FFF 50%, #FFF 100%);
	padding: 20px 0;
}
#banner_interno{
	width: 1024px;
	height: 278px;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	background: url(../imagenes/banner.jpg) no-repeat left -465px;
	box-sizing: border-box;
	padding: 90px 500px 0 30px;
	text-shadow: 0 4px 2px rgba(0,0,0,0.75);
	box-shadow: 0 3px 10px rgba(0,0,0,0.6);
	border-bottom: rgba(0,0,0,0.4) solid 1px;
}
#banner_interno h1{
	color: #FFF;
	font-family: 'MyriadWebPro';
	font-size: 48px;
	font-weight: bold;
}
#banner_interno p{
	color: #FFF;
	font-family: 'MyriadWebPro';
	font-size: 30px;
}
#modulos{
	width: 100%;
	float: left;
	padding: 30px 0 40px 0;
	background: linear-gradient(bottom, #EEE 0%, #FFF 50%);
	background: -webkit-linear-gradient(bottom, #EEE 0%, #FFF 50%);
	background: -moz-linear-gradient(bottom, #EEE 0%, #FFF 50%);
	background: -ms-linear-gradient(bottom, #EEE 0%, #FFF 50%);
}
#modulos_interno{
	width: 1024px;
	margin: 0 auto;
}
#modulos_interno li{
	width: 326px;
	height: 101px;
	display: inline-block;
	float: left;
	list-style: none;
	position: relative;
}
#modulos_interno li:nth-child(2){
	margin: 0 23px;
}
#modulos_interno li a{
	display: block;
}

/*modulo_pacientes*/
#modulos_interno li a.modulo_pacientes{
	width: 326px;
	height: 101px;
	background: url(../imagenes/modulo_pacientes.png) no-repeat left top;
	display: block;
	border-radius: 10px;
	transition: all 0.2s ease-out;
	position: absolute;
	top: 0;
}
#modulos_interno li:hover a.modulo_pacientes{
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(90deg);
	top: -50px;
	filter: brightness(200%);
}
#modulos_interno li a.modulo_pacientes #ico_pacientes{
	position: absolute;
	width: 125px;
	height: 140px;
	background: url(../imagenes/ico_pacientes.png) no-repeat left top;
	left: 9px;
	top: -22px;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes{
	position: absolute;
	font-family: 'MyriadWebPro';
	color: #0090BD;
	font-size: 20px;
	line-height: 20px;
	left: 120px;
	bottom: 50px;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes span.modulo_bold{
	color: #00536F;
	font-size: 22px;
	font-weight: bold;
	display: block;
	clear: both;
}
#txt_ingresar{
	font-family: 'MyriadWebPro';
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    display: block;
    left: 235px;
    bottom: 15px;
    padding-right: 15px;
    background: url(../imagenes/flecha_ingresar.png) no-repeat right center;
    width: 60px;
    position: absolute;
}



#modulos_interno li a.modulo_pacientes2{
	width: 326px;
	height: 101px;
	background: url(../imagenes/modulo_pacientes2.png) no-repeat left top;
	display: block;
	border-radius: 10px;
	transition: all 0.2s ease-out;
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(90deg);
	position: absolute;
	top: 55px;
	filter: brightness(0);
}
#modulos_interno li:hover a.modulo_pacientes2{
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(0deg);
	top: 0px;
	filter: brightness(100%);
}
#modulos_interno li a.modulo_pacientes2 #ico_pacientes{
	position: absolute;
	width: 125px;
	height: 140px;
	background: url(../imagenes/ico_pacientes2.png) no-repeat left top;
	left: 9px;
	top: -22px;
}
#modulos_interno li a.modulo_pacientes2 #txt_pacientes{
	position: absolute;
	font-family: 'MyriadWebPro';
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	left: 120px;
	bottom: 50px;
}
#modulos_interno li a.modulo_pacientes2 #txt_pacientes span.modulo_bold{
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	display: block;
	clear: both;
}
/*fin modulo_pacientes*/


/*modulo_indicadores*/
#modulos_interno li a.modulo_indicadores{
	width: 326px;
	height: 101px;
	background: url(../imagenes/modulo_indicadores.png) no-repeat left top;
	display: block;
	border-radius: 10px;
	transition: all 0.2s ease-out;
	position: absolute;
	top: 0;
}
#modulos_interno li:hover a.modulo_indicadores{
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(90deg);
	top: -50px;
	filter: brightness(200%);
}
#modulos_interno li a.modulo_indicadores #ico_pacientes{
	position: absolute;
	width: 166px;
	height: 131px;
	background: url(../imagenes/ico_indicadores.png) no-repeat left top;
	left: 0;
    top: -30px;
	border-radius: 0 0 0 10px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores{
	position: absolute;
	font-family: 'MyriadWebPro';
	color: #FF7F00;
	font-size: 20px;
	line-height: 20px;
	left: 170px;
	bottom: 50px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores span.modulo_bold{
	color: #663300;
	font-size: 22px;
	font-weight: bold;
	display: block;
	clear: both;
}
#txt_ingresar{
	font-family: 'MyriadWebPro';
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    display: block;
    left: 235px;
    bottom: 15px;
    padding-right: 15px;
    background: url(../imagenes/flecha_ingresar.png) no-repeat right center;
    width: 60px;
    position: absolute;
}



#modulos_interno li a.modulo_indicadores2{
	width: 326px;
	height: 101px;
	background: url(../imagenes/modulo_indicadores2.png) no-repeat left top;
	display: block;
	border-radius: 10px;
	transition: all 0.2s ease-out;
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(90deg);
	position: absolute;
	top: 55px;
	filter: brightness(0);
}
#modulos_interno li:hover a.modulo_indicadores2{
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(0deg);
	top: 0px;
	filter: brightness(100%);
}
#modulos_interno li a.modulo_indicadores2 #ico_pacientes{
	position: absolute;
	width: 166px;
	height: 131px;
	background: url(../imagenes/ico_indicadores2.png) no-repeat left top;
	left: 0;
	top: -30px;
	border-radius: 0 0 0 10px;
}
#modulos_interno li a.modulo_indicadores2 #txt_indicadores{
	position: absolute;
	font-family: 'MyriadWebPro';
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	left: 170px;
	bottom: 50px;
}
#modulos_interno li a.modulo_indicadores2 #txt_indicadores span.modulo_bold{
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	display: block;
	clear: both;
}
/*fin modulo_indicadores*/


/*modulo_analisis*/
#modulos_interno li a.modulo_analisis{
	width: 326px;
	height: 101px;
	background: url(../imagenes/modulo_analisis.png) no-repeat left top;
	display: block;
	border-radius: 10px;
	transition: all 0.2s ease-out;
	position: absolute;
	top: 0;
}
#modulos_interno li:hover a.modulo_analisis{
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(90deg);
	top: -50px;
	filter: brightness(200%);
}
#modulos_interno li a.modulo_analisis #ico_pacientes{
	position: absolute;
	width: 132px;
	height: 88px;
	background: url(../imagenes/ico_analisis.png) no-repeat left top;
	left: 13px;
	top: 8px;
	border-radius: 0 0 0 10px;
}
#modulos_interno li a.modulo_analisis #txt_analisis{
	position: absolute;
	font-family: 'MyriadWebPro';
	color: #149577;
	font-size: 20px;
	line-height: 20px;
	left: 170px;
	bottom: 50px;
}
#modulos_interno li a.modulo_analisis #txt_analisis span.modulo_bold{
	color: #0F5E54;
	font-size: 22px;
	font-weight: bold;
	display: block;
	clear: both;
}
#txt_ingresar{
	font-family: 'MyriadWebPro';
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    display: block;
    left: 235px;
    bottom: 15px;
    padding-right: 15px;
    background: url(../imagenes/flecha_ingresar.png) no-repeat right center;
    width: 60px;
    position: absolute;
}



#modulos_interno li a.modulo_analisis2{
	width: 326px;
	height: 101px;
	background: url(../imagenes/modulo_analisis2.png) no-repeat left top;
	display: block;
	border-radius: 10px;
	transition: all 0.2s ease-out;
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(90deg);
	position: absolute;
	top: 55px;
	filter: brightness(0);
}
#modulos_interno li:hover a.modulo_analisis2{
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(0deg);
	top: 0px;
	filter: brightness(100%);
}
#modulos_interno li a.modulo_analisis2 #ico_pacientes{
	position: absolute;
	width: 132px;
	height: 88px;
	background: url(../imagenes/ico_analisis2.png) no-repeat left top;
	left: 13px;
	top: 8px;
	border-radius: 0 0 0 10px;
}
#modulos_interno li a.modulo_analisis2 #txt_analisis{
	position: absolute;
	font-family: 'MyriadWebPro';
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	left: 170px;
	bottom: 50px;
}
#modulos_interno li a.modulo_analisis2 #txt_analisis span.modulo_bold{
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	display: block;
	clear: both;
}
/*fin modulo_analisis*/

footer{
	width: 100%;
	float: left;
	background: url(../imagenes/footer.jpg), #EEE;
	background-position: left bottom, left top;
	background-repeat: repeat-x, repeat-x;
}
#footer_interno{
	width: 1024px;
	height: 92px;
	margin: 0 auto;
	border: #FFF solid 2px;
	background: #DDD;
	border-radius: 20px;
	margin-bottom: 30px;
}
a.logo_ascofame{
	display: block;
	float: left;
	margin: 16px 0 0 16px;
}
ul.menu_footer{
	float: right;
	display: block;
	margin: 32px 0 0 0;
}
ul.menu_footer li{
	font-family: 'MyriadWebPro';
	font-size: 16px;
	display: inline-block;
	float: left;
	padding: 5px 20px;
	border-left: #FFF solid 1px;
	border-right: #999 solid 1px;
	box-sizing: border-box;
}
ul.menu_footer li a{
	color: #007BA4;
	transition: all 0.3s ease-out;
}
ul.menu_footer li a:hover{
	color: #00536F;
}
ul.menu_footer li:nth-child(1){
	padding: 2px 10px;
	border-right: none;
	border-left: none;
}
ul.menu_footer li:nth-child(2){
	padding: 3px 20px 3px 10px;
	border-left: none;
}
ul.menu_footer li:last-child{
	border-right: none;
}
ul.menu_footer li a.ico_facebook{
	display: block;
	width: 24px;
	height: 22px;
	background: url( ../imagenes/ico_redes.png) left top no-repeat;
	transition: all 0.3s ease-out;
}
ul.menu_footer li a.ico_facebook:hover{
	background: url( ../imagenes/ico_redes2.png) left top no-repeat;
}
ul.menu_footer li a.ico_twitter{
	display: block;
	width: 24px;
	height: 22px;
	background: url( ../imagenes/ico_redes.png) -24px top no-repeat;
	transition: all 0.3s ease-out;
}
ul.menu_footer li a.ico_twitter:hover{
	background: url( ../imagenes/ico_redes2.png) -24px top no-repeat;
}

/*login*/
#login, #usermenu {
	font-family: 'MyriadWebPro';
	position: absolute;
    width: 230px;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    background: #FFF;
    border: #999 solid 1px;
    box-sizing: border-box;
    right: 10px;
    top: 85px;
    z-index: 100;
	animation: anim_login 0.3s;
	padding: 15px;
	display: none;
}
#login::before, #usermenu::before {
	content: "";
	width: 27px;
	height: 14px;
	position: absolute;
	background: url(../imagenes/flecha_login.png);
	top: -14px;
	left: 20px;
	top: -14px;
}
@keyframes anim_login{
	0%{opacity: 0;
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotatey(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotatey(90deg);
	}
	100%{opacity: 1;
	-webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotatey(45deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotatey(0deg);
	}
}
/*fin_login*/

#login h2, #usermenu h2{
	color: #0090BD;
	font-family: 'MyriadWebPro';
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 10px;
}
.input_usuario{
	width: 100%;
	padding: 7px 7px 7px 35px;
	border: #CCC solid 1px;
	box-sizing: border-box;
	color: #999;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	background: url(../imagenes/ico_uss.png) no-repeat 5px center;
}
.input_pass{
	width: 100%;
	padding: 7px 7px 7px 35px;
	border: #CCC solid 1px;
	box-sizing: border-box;
	color: #999;
	font-size: 16px;
	letter-spacing: 2px;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	background: url(../imagenes/ico_pass.png) no-repeat 5px center;
}
.input_captcha{
	width: 100%;
	padding: 7px 7px 7px 35px;
	border: #CCC solid 1px;
	box-sizing: border-box;
	color: #999;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	/*background: url(../imagenes/ico_uss.png) no-repeat 5px center;*/
}
.label_captcha {
	font-size: 14px;
	color: #333232;
	text-align: center;
	width: 198px;
	display: block;
	font-style: italic;
}
.err, .suc {
	color: #fff;
	text-align: center;
	padding: 10px 2%;
	font-size: 16px;
	width: 96%;
}
.err {
	background-color: #8d2421;
	border-top-color: #d43f3a;
	border-bottom-color: #d43f3a;
}
.suc {
	background-color: #389b38;
	border-top-color: #4cae4c;
	border-bottom-color: #4cae4c;
}
#login form, #usermenu form{
	font-size: 15px;
	color: #666;
}

/* para Firefox */
.input_usuario:-moz-placeholder, .input_pass:-moz-placeholder {
	color: #BBB;
	font-size: 12px;
	letter-spacing: 0;
} 
/* para Chrome */
.input_usuario::-webkit-input-placeholder, .input_pass::-webkit-input-placeholder {
	color: #BBB;
	font-size: 12px;
	letter-spacing: 0;
} 
/* para Internet Explorer */
.input_usuario:-ms-input-placeholder, .input_pass:-ms-input-placeholder {
	color: #BBB;
	font-size: 13px;
	letter-spacing: 0;
}

#login form li, #usermenu form li {
	list-style: none;
	font-size: 13px;
	color: #4AB8EB;
	margin-bottom: 3px;
}
#login form li a, #usermenu form li a {
	color: #4AB8EB;
}
#login form li a:hover, #usermenu form li a:hover{
	color: #0090BD;
}
#login form #casilla_verificacion{
	font-size: 13px;
	margin: 10px 0;
	position: relative;
}
#login form #casilla_verificacion p{
	display: block;
	position: absolute;
	top: -1px;
	left: 20px;
}
.bot_form {
	padding: 8px 10px;
	background: #4AB8EB;
	border-radius: 5px;
	border: none;
	color: #FFF;
	cursor: pointer;
	transition: all 0.2s ease-out;
	margin-right: 5px;
	font-family: 'MyriadWebPro';
	font-size: 16px;
}
.bot_form:hover {
	background: #0090BD;
	color: #FFF;
}

/*contenido*/
#contenido{
	width: 100%;
	float: left;
	padding: 30px 0 40px 0;
	background: linear-gradient(bottom, #EEE 0%, #FFF 50%);
	background: -webkit-linear-gradient(bottom, #EEE 0%, #FFF 50%);
	background: -moz-linear-gradient(bottom, #EEE 0%, #FFF 50%);
	background: -ms-linear-gradient(bottom, #EEE 0%, #FFF 50%);
}
#contenido_interno{
	width: 1024px;
	margin: 0 auto;
	overflow: visible;
}

/*aside*/
aside{
	width: 200px;
	float: left;
}
aside #menu_aside{
	width: 100%;
	float: left;
	border-radius: 10px;
	background: #F7F7F7;
	box-sizing: border-box;
	border: #DDD solid 1px;
	overflow: hidden;
}
aside #menu_aside ul{
	display: block;
	width: 80%;
	margin: 0 10%;
}
aside #menu_aside li{
	font-family: 'MyriadWebPro';
	color: #666;
	font-size: 16px;
	padding: 10px 5px;
	list-style: none;
	box-sizing: border-box;
	border-bottom: #CCC dotted 2px;
	width: 100%;
}
aside #menu_aside li:last-child{
	border-bottom: none;
}
aside #menu_aside li a{
	color: #4AB8EB;
	display: block;
	width: 100%;
	padding-left: 30px; 
	box-sizing: border-box;
}
aside #menu_aside li a:hover{
	color: #0090BD;
}
aside #menu_aside li a.bot_nuevo_current{
	background: url(../imagenes/iconos_menu2.png) no-repeat left top;
	padding-left: 30px;
	color: #0090BD;
	cursor: auto;
	font-weight: bold;
}
aside #menu_aside li a.bot_seguimiento_current{
	background: url(../imagenes/iconos_menu2.png) no-repeat left -43px;
	padding-left: 30px;
	color: #0090BD;
	cursor: auto;
	font-weight: bold;
}
aside #menu_aside li a.bot_buscar_current{
	background: url(../imagenes/iconos_menu2.png) no-repeat left -85px;
	padding-left: 30px;
	color: #0090BD;
	cursor: auto;
	font-weight: bold;
}
aside #menu_aside li a.menu_indicador{
	background: url(../imagenes/vineta_1.png) no-repeat left 3px;
	transition: all 0.2s ease-out;
}
aside #menu_aside li a.menu_indicador:hover{
	background: url(../imagenes/vineta_2.png) no-repeat 10px 3px;
	padding-left: 40px;
	font-weight: bold;
}
aside #menu_aside li a.menu_importacion{
	background: url(../imagenes/vineta_1.png) no-repeat left 3px;
	transition: all 0.2s ease-out;
}
aside #menu_aside li a.menu_importacion:hover{
	background: url(../imagenes/vineta_3.png) no-repeat 10px 3px;
	padding-left: 40px;
	font-weight: bold;
}
aside #menu_aside li a.bot_nuevo{
	background: url(../imagenes/iconos_menu.png) no-repeat left top;
	transition: all 0.2s ease-out;
}
aside #menu_aside li a.bot_nuevo:hover{
	background: url(../imagenes/iconos_menu2.png) no-repeat 10px top;
	padding-left: 40px;
	font-weight: bold;
}
aside #menu_aside li a.bot_seguimiento{
	background: url(../imagenes/iconos_menu.png) no-repeat left -43px;
	transition: all 0.2s ease-out;
}
aside #menu_aside li a.bot_seguimiento:hover{
	background: url(../imagenes/iconos_menu2.png) no-repeat 10px -43px;
	padding-left: 40px;
	font-weight: bold;
}
aside #menu_aside li a.bot_buscar{
	background: url(../imagenes/iconos_menu.png) no-repeat left -85px;
	transition: all 0.2s ease-out;
}
aside #menu_aside li a.bot_buscar:hover{
	background: url(../imagenes/iconos_menu2.png) no-repeat 10px -85px;
	padding-left: 40px;
	font-weight: bold;
}
h3{
	background: url(../imagenes/ico_pacientes2.png), linear-gradient(top,#0090BD,#00536F);
	background: url(../imagenes/ico_pacientes2.png), -webkit-linear-gradient(top,#0090BD,#00536F);
	background-repeat: no-repeat, no-repeat;
	background-position: 13px center, left top;
	background-size: 15%, 100%; 
	padding: 10px 10px 10px 55px;
	color: #FFF;
	font-family: 'MyriadWebPro';
	box-sizing: border-box;
	text-shadow: 0 2px 3px rgba(0,0,0,0.5);
	font-weight: normal;
}
h3.indicadores{
	background: url(../imagenes/ico_indicadores2.png), linear-gradient(top,#F57425,#8C2300);
	background: url(../imagenes/ico_indicadores2.png), -webkit-linear-gradient(top,#F57425,#8C2300);
	background: url(../imagenes/ico_indicadores2.png), -moz-linear-gradient(top,#F57425,#8C2300);
	background: url(../imagenes/ico_indicadores2.png), -ms-linear-gradient(top,#F57425,#8C2300);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, left top;
	background-size: 26%, 100%; 
	padding: 10px 10px 10px 65px;
	color: #FFF;
	font-family: 'MyriadWebPro';
	box-sizing: border-box;
	text-shadow: 0 2px 3px rgba(0,0,0,0.5);
	font-weight: normal;
}
h3.analisis{
	background: url(../imagenes/ico_analisis2.png), linear-gradient(top,#17A694,#116C61);
	background: url(../imagenes/ico_analisis2.png), -webkit-linear-gradient(top,#17A694,#116C61);
	background: url(../imagenes/ico_analisis2.png), -moz-linear-gradient(top,#17A694,#116C61);
	background: url(../imagenes/ico_analisis2.png), -ms-linear-gradient(top,#17A694,#116C61);
	background-repeat: no-repeat, no-repeat;
	background-position: 9px center, left top;
	background-size: 22%, 100%; 
	padding: 10px 10px 10px 65px;
	color: #FFF;
	font-family: 'MyriadWebPro';
	box-sizing: border-box;
	text-shadow: 0 2px 3px rgba(0,0,0,0.5);
	font-weight: normal;
}
#logo_institucion{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
}



/*section*/
section{
	width: 800px;
	float: right;
	border-radius: 10px;
	padding: 20px;
	background: #FFF;
	box-sizing: border-box;
	border: #DDD solid 1px;
	position: relative;
}
h2{
	color: #0090BD;
	font-family: 'MyriadWebPro';
	font-size: 28px;
	margin-bottom: 20px;
}
h2 span{
	color: #00536F;
	font-weight: bold;
}
.clearfix{
	overflow: auto;
}
h4{
	color: #FFF;
	background: #999;
	padding: 10px 10px;
	margin-bottom: 10px;
}
h7{
	color: #FF7F00;
	font-family: 'MyriadWebPro';
	font-size: 28px;
	margin-bottom: 20px;
	display: block;
}
h7 span{
	color: #663300;
	font-weight: bold;
}
h8{
	color: #149577;
	font-family: 'MyriadWebPro';
	font-size: 28px;
	margin-bottom: 20px;
	display: block;
}
h8 span{
	color: #0F5E54;
	font-weight: bold;
}
article{
	border: #DDD solid 1px;
	padding: 10px;
	font-family: 'MyriadWebPro';
	font-size: 16px;
	color: #666;
	background: #F0F0F0;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px; 
}
article forms{
	width: 100%;
    font-family: 'MyriadWebPro';
    font-size: 16px;
    margin: 20px 0 0 0;
    display: block;
    float: left;
}
article forms #fila_form{
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
article forms #fila_form2{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	float: left;
	background: rgba(0,0,0,0.1);
	padding: 10px;
	box-sizing: border-box;
}
article forms #fila_fecha{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	float: left;
	background: rgba(0,0,0,0.1);
	padding: 10px;
	box-sizing: border-box;
}
article forms #input_izquierdo{
	width: 48%;
	height: auto;
	float: left;
}
article forms #input_derecho{
	width: 48%;
	height: auto;
	float: right;
}
article forms #cuadro_form{
	width: 48%;
	height: auto;
	float: left;
	box-sizing: border-box;
	border: #CCC solid 1px;
	background: rgba(255,255,255,0.6);
	padding: 10px;
	margin: 0 1% 10px 1%;
}
article forms #cuadro_form td{
	padding-bottom: 5px;
}
article forms .input_form{
	width: 90%;
    font-family: 'MyriadWebPro';
    font-size: 16px;
    border-radius: 5px;
    padding: 6px;
    display: block;
    float: left;
    border: #4BB8EB solid 1px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
}
article forms .input_form_mitad{
	width: 43%;
    font-family: 'MyriadWebPro';
    font-size: 16px;
    border-radius: 5px;
    padding: 6px;
    display: block;
    float: left;
    border: #4BB8EB solid 1px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
}
/* para Firefox */
.input_form:-moz-placeholder, .input_pass:-moz-placeholder {
	color: #BBB;
	font-size: 16px;
	letter-spacing: 0;
} 
/* para Chrome */
.input_form::-webkit-input-placeholder, .input_pass::-webkit-input-placeholder {
	color: #BBB;
	font-size: 16px;
	letter-spacing: 0;
} 
/* para Internet Explorer */
.input_form:-ms-input-placeholder, .input_pass:-ms-input-placeholder {
	color: #BBB;
	font-size: 16px;
	letter-spacing: 0;
}
a.ico_ayuda {
	width: 20px;
    height: 20px;
    background: url(../imagenes/ico_ayuda.png) no-repeat left top;
    display: block;
    transition: all 0.3s ease-out;
    float: left;
    margin: 6px 0 0 5px;
	cursor: pointer;
}
a.ico_ayuda_popup {
	width: 20px;
    height: 20px;
    background: url(../imagenes/ico_ayuda.png) no-repeat left top;
    display: block;
    transition: all 0.3s ease-out;
    float: right;
    /*margin: 6px 0 0 5px;*/
	cursor: pointer;
}
a.ico_ayuda:hover, a.ico_ayuda_popup:hover {
	background: url(../imagenes/ico_ayuda2.png) no-repeat left top;
}
.texto_form{
	float: left;
	margin: 7px 15px 0 0;
	display: block;
}
.tit_form{
	float: left;
	margin: 7px 20px 0 0;
	display: block;
	font-weight: bold;
}
.tit_form_popup {
	float: left;
	display: block;
	font-weight: bold;
}
.titulo_tabla{
	background: #4AB8EB;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}
.titulo_tabla2{
	background: #00A2D7;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}
.tabla1{
	border-bottom: #CCC solid 1px;
	background: #FFF;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
}
.tabla2{
	border-bottom: #CCC solid 1px;
	background: #F7F7F7;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
}
.tabla_seguimiento{
	width: 33%;
	text-align: center;
}
.tabla_acciones{
	width: 33%;
	text-align: center;
}
a.acciones1{
	width: 20px;
	height: 16px;
	background: url(../imagenes/acciones1.png) no-repeat center;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
a.acciones1:hover{
	background: url(../imagenes/acciones1_2.png) no-repeat center;
}
a.acciones2{
	width: 16px;
	height: 16px;
	background: url(../imagenes/acciones2.png) no-repeat center;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
a.acciones2:hover{
	background: url(../imagenes/acciones2_2.png) no-repeat center;
}
a.acciones3{
	width: 15px;
	height: 16px;
	background: url(../imagenes/acciones3.png) no-repeat center;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
a.acciones3:hover{
	background: url(../imagenes/acciones3_2.png) no-repeat center;
}
#programar_alerta{
	width: 100%;
    float: left;
}
#programar_alerta a.bot_alerta{
	padding: 4px 9px;
    box-sizing: border-box;
    background: #85B200;
    margin: 10px 0;
    border-radius: 5px;
    color: #FFF;
    font-size: 13px;
    display: block;
    float: left;
    border: #FFF solid 1px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	transition: all 0.3s ease-out; 
}
#programar_alerta a.bot_alerta:hover{
	background: #769D00;
}
#seguimiento1, #seguimiento2, #seguimiento3{
	width: 26px;
	height: 26px;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: visible;
}
a.img_seguimiento1{
	width: 26px;
	height: 26px;
	background: url(../imagenes/1.png) no-repeat center;
	display: block;
	cursor: pointer;
}
a.img_seguimiento1_gris{
	width: 26px;
	height: 26px;
	background: url(../imagenes/1_1.png) no-repeat center;
	margin: 0 auto;
	display: block;
}
a.img_seguimiento2{
	width: 26px;
	height: 26px;
	background: url(../imagenes/2.png) no-repeat center;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}
a.img_seguimiento2_gris{
	width: 26px;
	height: 26px;
	background: url(../imagenes/2_1.png) no-repeat center;
	margin: 0 auto;
	display: block;
}
a.img_seguimiento3{
	width: 26px;
	height: 26px;
	background: url(../imagenes/3.png) no-repeat center;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}
a.img_seguimiento3_gris{
	width: 26px;
	height: 26px;
	background: url(../imagenes/3_1.png) no-repeat center;
	margin: 0 auto;
	display: block;
}
a.img_seguimiento4{
	width: 26px;
	height: 26px;
	background: url(../imagenes/4.png) no-repeat center;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}
a.img_seguimiento4_gris{
	width: 26px;
	height: 26px;
	background: url(../imagenes/4_1.png) no-repeat center;
	margin: 0 auto;
	display: block;
}
#pop_seguimiento, #pop_seguimiento2, #pop_seguimiento3{
	font-family: 'MyriadWebPro';
	/*position: absolute;*/
    width: 90%; /*width: 500px;*/
    /*border-radius: 10px;*/
    /*box-shadow: 0 5px 10px rgba(0,0,0,0.3);*/
    background: #FFF;
    /*border: #999 solid 1px;*/
    /*box-sizing: border-box;*/
    /*left: -245px;
    top: 32px;*/
    /*z-index: 100;
	animation: anim_login 0.3s;*/
	padding: 15px;
	/*display: none;*/
}
#pop_seguimiento::before, #pop_seguimiento2::before, #pop_seguimiento3::before{
	/*content: "";
	width: 27px;
	height: 14px;
	position: absolute;
	background: url(../imagenes/flecha_login.png);
	top: -14px;
	left: 243px;
	top: -14px;*/
}
#pop_seguimiento form, #pop_seguimiento2 form, #pop_seguimiento3 form{
	/*overflow-y: scroll;*/
	height: 1000px;/*height: 100%;*/
	font-size: 14px;
}
#pop_seguimiento form .input_form, #pop_seguimiento2 form .input_form, #pop_seguimiento3 form .input_form {
    width: 90%;
	height: 33px;
    font-family: 'MyriadWebPro';
    font-size: 16px;
    border-radius: 5px;
    padding: 6px;
    display: block;
    float: left;
    border: #4BB8EB solid 1px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
}
#pop_seguimiento form #fila_form, #pop_seguimiento2 form #fila_form, #pop_seguimiento3 form #fila_form {
    width: 100%;
	/*margin-bottom: 40px;*/
	margin-bottom: 25px;
    float: left;
}
#pop_seguimiento form #input_izquierdo, #pop_seguimiento2 form #input_izquierdo, #pop_seguimiento3 form #input_izquierdo {
    width: 35%;
    /*height: 0;*/
    float: left;
}
#pop_seguimiento form #input_derecho, #pop_seguimiento2 form #input_derecho, #pop_seguimiento3 form #input_derecho {
    width: 63%;
    float: left;
    /*height: 0px;*/
}
.cerrar_pop{
	/*width: 10px;
	height: 10px;
	background: url(../imagenes/cerrar_pop.png);
	position: absolute;
	top: 10px;
	right: 10px;*/
	display: block;
	cursor: pointer;
	float: left;
	position: fixed;
	top: 20px;
	right: 20px;
}
h5{
	color: #00536F;
    font-size: 16px;
    text-align: left;
	border-bottom: #CCC solid 1px;
	padding-bottom: 10px;
}
h5 span{
	color: #0090BD;
}
h6{
	color: #0090BD;
    font-size: 16px;
    text-align: left;
	border-bottom: #CCC solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
    position: relative;
}
.limpiar{
	padding: 4px 8px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: normal;
	color: #F7BF3E;
	background: linear-gradient(top,#0090BD,#00536F);
	background: -webkit-linear-gradient(top,#0090BD,#00536F);
	background: -moz-linear-gradient(top,#0090BD,#00536F);
	background: -ms-linear-gradient(top,#0090BD,#00536F);
	border-radius: 5px;
	transition: all 0.1s ease-out;
	border: none;
	cursor: pointer;
}
.limpiar:hover{
	top: -2px;
	right: 0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3)
}

.bot_enviar{
	padding: 4px 9px 4px 25px;
    box-sizing: border-box;
    background: url(../imagenes/lupa.png), #769D00;
	background-repeat: no-repeat, no-repeat;
	background-position: 7px center, left top;
    margin: 0 auto;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    display: block;
    border: #FFF solid 2px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	transition: all 0.3s ease-out; 
	font-weight: bold;
	cursor: pointer;
}
.bot_enviar:hover{
	background: url(../imagenes/lupa.png), #85B200;
	background-repeat: no-repeat, no-repeat;
	background-position: 7px center, left top;
}

.bot_enviar{
	padding: 4px 9px 4px 25px;
    box-sizing: border-box;
    background: url(../imagenes/lupa.png), #769D00;
	background-repeat: no-repeat, no-repeat;
	background-position: 7px center, left top;
    margin: 0 auto;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    display: block;
    border: #FFF solid 2px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	transition: all 0.3s ease-out; 
	font-weight: bold;
	cursor: pointer;
}
.bot_enviar:hover{
	background: url(../imagenes/lupa.png), #85B200;
	background-repeat: no-repeat, no-repeat;
	background-position: 7px center, left top;
}

p span{
	color: #0090BD;
	font-weight: bold;
}
.bot_exportar{
	padding: 45px 14px 5px 14px;
    box-sizing: border-box;
    background: url(../imagenes/exportar.png), #769D00;
    background-position: center 5px, left top;
    background-repeat: no-repeat, no-repeat;
    margin: 0 auto;
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
    display: block;
    border: #FFF solid 2px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    transition: all 0.3s ease-out;
    font-weight: normal;
    cursor: pointer;
	width: 180px;
}
.bot_exportar:hover{
	background: url(../imagenes/exportar.png), #85B200;
	background-position: center 5px, left top;
	background-repeat: no-repeat, no-repeat;
}
.bot_graficar{
	padding: 8px 14px 8px 50px;
    box-sizing: border-box;
    background: url(../imagenes/ico_graficar.png), #769D00;
    background-position: 13px 7px, left top;
    background-repeat: no-repeat, no-repeat;
    margin: 0 auto;
    border-radius: 10px;
    color: #FFF;
    font-size: 16px;
    display: block;
    border: #FFF solid 2px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    transition: all 0.3s ease-out;
    font-weight: bold;
    cursor: pointer;
}
.bot_graficar:hover{
	background: url(../imagenes/ico_graficar.png), #85B200;
	background-position: 13px 7px, left top;
	background-repeat: no-repeat, no-repeat;
}
.bot_cargar_archivo{
    /*margin: 10px auto;
    display: block;
	font-family: 'MyriadWebPro';
	color: #666;
	border: #CCC solid 1px;
	border-radius: 10px;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	outline: none;*/
	width: 100%
}
#tabla_indicadores{
	width: 60%;
	height: auto;
	margin: 0 20% 20px 20%;
	text-align: center;
	float: left;
}
#grafica_indicador{
	width: 100%;
	height: 400px;
	float: left;
	background: #FFF;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: #DDD solid 1px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}
#confidencialidad{
	width: 100%;
	border-radius: 10px;
    padding: 20px 20px 20px 120px;
    background: url(../imagenes/confidencial.png), #FFF;
	background-position: 20px center, left top;
	background-repeat: no-repeat, no-repeat;
    box-sizing: border-box;
    border: #DDD solid 1px;
	float: left;
	font-size: 14px;
}
#graficar{
	width: 100%;
	border-radius: 10px;
    padding: 20px;
    background: #FFF;
    box-sizing: border-box;
    border: #DDD solid 1px;
	float: left;
}

/*Mobil 768px*/
@media only screen and (max-width:768px){

header {
    position: relative;
    width: 100%;
    height: 130px;
    background: linear-gradient(top,#4AB8EB 70px,#0090BD 70px);
    background: -webkit-linear-gradient(top,#4AB8EB 70px,#0090BD 70px);
    background: -moz-linear-gradient(top,#4AB8EB 70px,#0090BD 70px);
    background: -ms-linear-gradient(top,#4AB8EB 70px,#0090BD 70px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    border-bottom: #F7BF3E solid 1px;
    box-sizing: border-box;
}
#header_centro {
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0 auto;
}
#logo {
    float: left;
    margin-top: 11px;
	margin-left: 1%;
}
#menu {
        color: #FFF;
    font-family: 'MyriadWebPro';
    font-size: 18px;
    margin: 0;
    float: none;
    position: absolute;
    right: 5px;
    bottom: 20px;
}
#banner_interno {
    width: 98%;
    height: 200px;
    margin: 0 1%;
    background: url(../imagenes/banner.jpg) no-repeat left -357px;
    background-size: 150%;
    padding: 40px 300px 0 30px;
}
#banner_interno p {
    font-size: 25px;
}
#banner_interno h1 {
    font-size: 40px;
}
a.ico_mundo {
    position: initial;
    margin-top: 18px;
    margin-right: 34px;
    float: right;
}
a.inicio_sesion {
    float: left;
    margin: 16px 0 0 262px;
}
#login {
    top: 70px;
}
#modulos_interno {
    width: 100%;
    margin: 0 1%;
}
#modulos_interno li {
    width: 32%;
}
#modulos_interno li a.modulo_pacientes {
    width: 100%;
	background: url(../imagenes/modulo_pacientes.png) no-repeat -9px top;
}
#txt_ingresar {
    left: 169px;
	font-size: 14px;
	width: 52px;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes {
    font-size: 15px;
    line-height: 16px;
    left: 100px;
    bottom: 55px;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes span.modulo_bold {
    font-size: 18px;
}
#modulos_interno li a.modulo_pacientes #ico_pacientes {
    left: 0;
}

#modulos_interno li a.modulo_pacientes2{
	width: 100%;
	background: url(../imagenes/modulo_pacientes2.png) no-repeat -9px top;
}
#modulos_interno li a.modulo_pacientes2 #ico_pacientes{
	left: 0;
}
#modulos_interno li a.modulo_pacientes2 #txt_pacientes{
	font-size: 15px;
    line-height: 16px;
    left: 100px;
    bottom: 55px;
}
#modulos_interno li a.modulo_pacientes2 #txt_pacientes span.modulo_bold{
	font-size: 18px;
}
	
#modulos_interno li a.modulo_indicadores {
    width: 100%;
	background: url(../imagenes/modulo_indicadores.png) no-repeat -9px top;
}
#modulos_interno li a.modulo_indicadores #ico_pacientes {
    background: url(../imagenes/ico_indicadores.png) no-repeat -9px top;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores {
    font-size: 15px;
    line-height: 16px;
    left: 154px;
    bottom: 55px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores span.modulo_bold {
    font-size: 18px;
}
	
#modulos_interno li a.modulo_indicadores2{
	width: 100%;
	background: url(../imagenes/modulo_indicadores2.png) no-repeat -9px top;
}
#modulos_interno li a.modulo_indicadores2 #ico_pacientes{
	left: 0;
}
#modulos_interno li a.modulo_indicadores2 #txt_indicadores{
	font-size: 15px;
    line-height: 16px;
    left: 154px;
    bottom: 55px;
}
#modulos_interno li a.modulo_indicadores2 #txt_indicadores span.modulo_bold{
	font-size: 18px;
}

#modulos_interno li a.modulo_analisis {
    width: 100%;
	background: url(../imagenes/modulo_analisis.png) no-repeat -14px top;
}
#modulos_interno li a.modulo_analisis #ico_pacientes {
    left: 0;
}
#modulos_interno li a.modulo_analisis #txt_analisis {
    font-size: 15px;
    line-height: 16px;
    left: 156px;
    bottom: 55px;
}
#modulos_interno li a.modulo_analisis #txt_analisis span.modulo_bold {
    font-size: 18px;
}
	
#modulos_interno li a.modulo_analisis2{
	width: 100%;
	background: url(../imagenes/modulo_analisis2.png) no-repeat -9px top;
}
#modulos_interno li a.modulo_analisis2 #ico_pacientes{
	left: 0;
}
#modulos_interno li a.modulo_analisis2 #txt_analisis{
	font-size: 15px;
    line-height: 16px;
    left: 156px;
    bottom: 55px;
}
#modulos_interno li a.modulo_analisis2 #txt_analisis span.modulo_bold{
	font-size: 18px;
}
	
#modulos_interno li:nth-child(2) {
    margin: 0 1%;
}
#footer_interno {
    width: 98%;
    height: 92px;
    margin: 0 1%;
    border: #FFF solid 2px;
    background: #DDD;
    border-radius: 20px;
    margin-bottom: 30px;
}
	
#contenido_interno {
    width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}
aside{
	width: 25%	
}
#logo_institucion {
    text-align: center;
}
section {
    width: 73%;
    float: right;
    border-radius: 10px;
    padding: 20px;
    background: #FFF;
    box-sizing: border-box;
    border: #DDD solid 1px;
    position: relative;
}
#tabla_indicadores {
    width: 100%;
    margin: 0;
}
article forms .input_form {
    width: 89%;
}
.tit_form {
    float: none; 
    margin: 7px 20px 0 0;
    display: block;
    font-weight: bold;
    clear: both;
}
.tit_form_popup {
    float: none; 
    display: block;
    font-weight: bold;
    clear: both;
}
article forms #cuadro_form {
    width: 100%;
	margin: 0 0 10px 0;
}
	}

/*Mobil 425px*/
@media only screen and (max-width:425px){
header {
    position: relative;
    width: 100%;
    height: 224px;
    background: linear-gradient(top,#4AB8EB 70px,#0090BD 70px,#0090BD 171px, #4AB8EB 171px, #F6A540 171px, #F6A540 225px);
    background: -webkit-linear-gradient(top,#4AB8EB 70px,#0090BD 70px,#0090BD 171px, #4AB8EB 171px, #F6A540 171px, #F6A540 225px);
    background: -moz-linear-gradient(top,#4AB8EB 70px,#0090BD 70px,#0090BD 171px, #4AB8EB 171px, #F6A540 171px, #F6A540 225px);
    background: -ms-linear-gradient(top,#4AB8EB 70px,#0090BD 70px,#0090BD 171px, #4AB8EB 171px, #F6A540 171px, #F6A540 225px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    border-bottom: #F7BF3E solid 1px;
    box-sizing: border-box;
}
#logo {
    float: none;
    margin: 0px auto;
    width: 258px;
    position: relative;
    top: 11px;
}
#menu {
    color: #FFF;
    font-family: 'MyriadWebPro';
    font-size: 18px;
    margin: 0;
    float: left;
    position: absolute;
    right: 0;
    bottom: -41px;
    width: 100%;
	background: #00536F;
	padding: 10px 0;
	box-sizing: border-box;
}
#menu ul {
	display: block;
	margin: 0 auto;
	width: 92%;
}
#menu li {
    list-style: none;
    display: inline-block;
    padding: 0 20px;
    border-right: rgba(255,255,255,0.5) solid 1px;
    text-align: center;
    float: left;
}
a.ico_mundo {
    position: initial;
    margin-top: 67px;
    margin-right: 20px;
    float: right;
	background: url( ../imagenes/ico_mundo2.png);
}
a.inicio_sesion {
    float: left;
    margin: 65px 0 0 20px;
}	
#login {
    font-family: 'MyriadWebPro';
    position: absolute;
    width: 96%;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    background: #FFF;
    border: #999 solid 1px;
    box-sizing: border-box;
    right: 2%;
    top: 230px;
    z-index: 100;
    animation: anim_login 0.3s;
    padding: 15px;
    display: none;
}	
#login form input.bot_form {
    padding: 10px 30px;
    background: #4AB8EB;
    border-radius: 5px;
    border: none;
    color: #FFF;
    cursor: pointer;
    transition: all 0.2s ease-out;
    margin: 0 0 10px 0;
    font-family: 'MyriadWebPro';
    font-size: 16px;
    box-sizing: border-box;
    width: 100%;
}	
#banner_interno {
    width: 98%;
    height: 170px;
    margin: 0 1%;
    background: url(../imagenes/banner.jpg) no-repeat left -160px;
    background-size: 150%;
    padding: 40px 100px 0 20px;
}
#banner_interno p {
    font-size: 20px;
	line-height: 20px;
}
#banner_interno h1 {
    font-size: 30px;
}
#modulos {
    padding: 20px 0 30px 0;
}
#modulos_interno li {
    width: 98%;
	margin-bottom: 50px;
	border-top: #CCC solid 1px;
	border-radius: 10px;
}
#modulos_interno li:nth-child(2) {
    margin: 0 0 50px 0;
}
#modulos_interno li:last-child {
    margin: 0;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes {
    font-size: 20px;
    line-height: 18px;
    left: 134px;
    bottom: 55px;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes span.modulo_bold {
    font-size: 24px;
	clear: none;
	display: inline;
	margin-right: 5px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores {
    font-size: 20px;
    line-height: 18px;
    left: 154px;
    bottom: 55px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores span.modulo_bold {
    font-size: 24px;
	clear: none;
	display: inline;
	margin-right: 5px;
}
#modulos_interno li a.modulo_analisis #txt_analisis {
    font-size: 20px;
    line-height: 18px;
    left: 154px;
    bottom: 55px;
}
#modulos_interno li a.modulo_analisis #txt_analisis span.modulo_bold {
    font-size: 24px;
	clear: none;
	display: inline;
	margin-right: 5px;
}
#txt_ingresar {
    left: auto;
    font-size: 15px;
    width: 55px;
    right: 15px;
}
#footer_interno {
    width: 98%;
    height: auto;
    float: left;
    margin: 0 1%;
    border: #FFF solid 2px;
    background: #DDD;
    border-radius: 20px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
a.logo_ascofame {
    display: block;
    float: none;
	width: 189px;
    margin: 10px auto;
}
ul.menu_footer {
    float: right;
    display: block;
    margin: 10px 0;
	width: 100%;
}
ul.menu_footer li {
    font-family: 'MyriadWebPro';
    font-size: 14px;
    display: inline-block;
    float: left;
    padding: 5px 12px;
    border-left: #FFF solid 1px;
    border-right: #999 solid 1px;
    box-sizing: border-box;
}
ul.menu_footer li:nth-child(1) {
    padding: 2px 5px;
    border-right: none;
    border-left: none;
}
ul.menu_footer li:nth-child(2) {
    padding: 3px 9px 3px 5px;
    border-left: none;
}
	
#contenido {
    padding: 30px 0 20px 0;
}	
#contenido_interno {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: left;
}
aside {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
#logo_institucion {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    float: left;
    text-align: center;
}
aside #menu_aside {
    width: 98%;
    float: left;
    border-radius: 10px;
    background: #F7F7F7;
    box-sizing: border-box;
    border: #DDD solid 1px;
    overflow: hidden;
    margin: 0 1%;
}
h3.indicadores {
    background: url(../imagenes/ico_indicadores2.png), linear-gradient(top,#F57425,#8C2300);
    background: url(../imagenes/ico_indicadores2.png), -webkit-linear-gradient(top,#F57425,#8C2300);
    background: url(../imagenes/ico_indicadores2.png), -moz-linear-gradient(top,#F57425,#8C2300);
    background: url(../imagenes/ico_indicadores2.png), -ms-linear-gradient(top,#F57425,#8C2300);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left top;
    background-size: 15%, 100%;
    padding: 10px 10px 10px 75px;
    color: #FFF;
    font-family: 'MyriadWebPro';
    box-sizing: border-box;
    text-shadow: 0 2px 3px rgba(0,0,0,0.5);
    font-weight: normal;
}
h3.analisis {
    background: url(../imagenes/ico_analisis2.png), linear-gradient(top,#17A694,#116C61);
    background: url(../imagenes/ico_analisis2.png), -webkit-linear-gradient(top,#17A694,#116C61);
    background: url(../imagenes/ico_analisis2.png), -moz-linear-gradient(top,#17A694,#116C61);
    background: url(../imagenes/ico_analisis2.png), -ms-linear-gradient(top,#17A694,#116C61);
    background-repeat: no-repeat, no-repeat;
    background-position: 18px center, left top;
    background-size: 10%, 100%;
    padding: 10px 10px 10px 65px;
    color: #FFF;
    font-family: 'MyriadWebPro';
    box-sizing: border-box;
    text-shadow: 0 2px 3px rgba(0,0,0,0.5);
    font-weight: normal;
}
section {
    width: 98%;
    float: left;
    border-radius: 10px;
    padding: 2%;
    background: #FFF;
    box-sizing: border-box;
    border: #DDD solid 1px;
    position: relative;
    margin: 0 1%;
}
#grafica_indicador {
    width: 100%;
    height: 200px;
    float: left;
    background: #FFF;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: #DDD solid 1px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
#tabla_indicadores {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    text-align: center;
    float: left;
}	
article forms #input_izquierdo {
    width: 100%;
    height: auto;
    float: left;
	margin-bottom: 10px;
}
article forms #input_derecho {
    width: 100%;
    height: auto;
    float: right;
	margin-bottom: 10px;
}
article forms #fila_form {
    width: 100%;
    margin-bottom: 0;
    float: left;
}
.texto_form {
    float: left;
    margin: 7px 15px 0 0;
    display: block;
	clear: both;
}
article forms .input_form_mitad {
    width: 90%;
	margin-bottom: 10px;
}
h3 {
    background: url(../imagenes/ico_pacientes2.png), linear-gradient(top,#0090BD,#00536F);
    background: url(../imagenes/ico_pacientes2.png), -webkit-linear-gradient(top,#0090BD,#00536F);
    background-repeat: no-repeat, no-repeat;
    background-position: 18px center, left top;
    background-size: 8%, 100%;
    padding: 10px 10px 10px 65px;
    color: #FFF;
    font-family: 'MyriadWebPro';
    box-sizing: border-box;
    text-shadow: 0 2px 3px rgba(0,0,0,0.5);
    font-weight: normal;
}
.bot_exportar {
	width: 100%;
    padding: 45px 9px 5px 9px;
    box-sizing: border-box;
    background: url(../imagenes/exportar.png), #769D00;
    background-position: center 5px, left top;
    background-repeat: no-repeat, no-repeat;
    margin: 0 auto;
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
    display: block;
    border: #FFF solid 2px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    transition: all 0.3s ease-out;
    font-weight: normal;
    cursor: pointer;
}
#confidencialidad {
    width: 100%;
    border-radius: 10px;
    padding: 120px 15px 15px 15px;
    background: url(../imagenes/confidencial.png), #FFF;
    background-position: center 20px, left top;
    background-repeat: no-repeat, no-repeat;
    box-sizing: border-box;
    border: #DDD solid 1px;
    float: left;
    font-size: 14px;
	text-align: center;
}
article forms .input_form {
    width: 90%;
}
	}

/*Mobil 375px*/
@media only screen and (max-width:375px){
#header_centro {
    position: relative;
    width: 100%;
    height: 109px;
    margin: 0 auto;
}
#menu {
    color: #FFF;
    font-family: 'MyriadWebPro';
    font-size: 18px;
    margin: 0;
    float: left;
    position: absolute;
    right: 0;
    bottom: -62px;
    width: 100%;
    background: #00536F;
    padding: 10px 0;
    box-sizing: border-box;
}
#menu ul {
    display: block;
    margin: 0 auto;
    width: 100%;
}
#menu li {
    list-style: none;
    display: inline-block;
    padding: 0 22px;
    border-right: rgba(255,255,255,0.5) solid 1px;
    text-align: center;
    float: left;
    font-size: 16px;
}
#banner_interno {
    padding: 60px 20px 0 20px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.75);
}
#modulos_interno li a.modulo_pacientes #txt_pacientes {
    font-size: 20px;
    line-height: 18px;
    left: 154px;
    bottom: 52px;
}
#modulos_interno li a.modulo_pacientes #txt_pacientes span.modulo_bold {
    font-size: 24px;
    clear: none;
    display: block;
    margin-right: 5px;
}
#modulos_interno li a.modulo_pacientes #ico_pacientes {
    left: 10px;
}
#modulos_interno li a.modulo_analisis #ico_pacientes {
    left: 10px;
}
#modulos_interno li a.modulo_pacientes {
    background: url(../imagenes/modulo_pacientes.png) no-repeat 0px top;
}
#modulos_interno li a.modulo_analisis {
    background: url(../imagenes/modulo_analisis.png) no-repeat -4px top;
}
ul.menu_footer li:nth-child(1) {
    padding: 2px 5px;
    border-right: none;
    border-left: none;
    width: 50%;
    text-align: right;
    margin-bottom: 20px;
}
ul.menu_footer li a.ico_facebook {
    display: block;
    width: 24px;
    height: 22px;
    background: url(../imagenes/ico_redes.png) left top no-repeat;
    transition: all 0.3s ease-out;
    float: right;
}
ul.menu_footer li:nth-child(2) {
    padding: 3px 9px 3px 5px;
    border-left: none;
	border-right: none;
    width: 50%;
    text-align: left;
    margin-bottom: 20px;
}
ul.menu_footer li a.ico_twitter {
    display: block;
    width: 24px;
    height: 22px;
    background: url(../imagenes/ico_redes.png) -24px top no-repeat;
    transition: all 0.3s ease-out;
}
ul.menu_footer li {
    font-family: 'MyriadWebPro';
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: 5px 10px;
    border-left: #FFF solid 1px;
    border-right: #999 solid 1px;
    box-sizing: border-box;
    width: 33%;
    text-align: center;
}
h2 {
    font-size: 26px;
}
	}

/*Mobil 325px*/
@media only screen and (max-width:325px){

#menu li {
    padding: 0 13px;
}
#banner_interno {
	width: 98%;
    height: 150px;
    margin: 0 1%;
    background: url(../imagenes/banner.jpg) no-repeat left -160px;
    background-size: 150%;
    padding: 20px 20px 0 20px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.75);
}
#modulos_interno li a.modulo_pacientes #txt_pacientes {
    left: 124px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores {
    font-size: 20px;
    line-height: 18px;
    left: 164px;
    bottom: 52px;
}
#modulos_interno li a.modulo_indicadores #txt_indicadores span.modulo_bold {
    display: block;
}
#modulos_interno li a.modulo_analisis #txt_analisis {
    font-size: 20px;
    line-height: 18px;
    left: 164px;
    bottom: 52px;
}
#modulos_interno li a.modulo_analisis #txt_analisis span.modulo_bold {
    display: block;
}
ul.menu_footer li:nth-child(1) {
    padding: 2px 5px;
    border: none;
    width: 50%;
    text-align: right;
    margin-bottom: 20px;
	float: left;
	display: inline-block;
	clear: none;
}
ul.menu_footer li:nth-child(2) {
    padding: 3px 9px 3px 5px;
    border: none;
    width: 50%;
    text-align: left;
    margin-bottom: 20px;
	float: right;
	display: inline-block;
	clear: none;
}
ul.menu_footer li:nth-child(3) {
	border-top: none;
}
ul.menu_footer li:last-child {
	border-bottom: none;
}
ul.menu_footer li {
    font-family: 'MyriadWebPro';
    font-size: 16px;
    display: block;
    float: none;
    padding: 10px 11px;
    border-left: none;
    border-right: none;
	border-bottom: #999 solid 1px;
	border-top: #FFF solid 1px;
    box-sizing: border-box;
    width: 50%;
    text-align: center;
	margin: 0 auto;
	clear: both;
}
	}
.jqueryOutput {
	width: 90%;
	display: block;
	clear: both;
	background-color: rgba(255,255,255,0.8);
}
.jqueryOutput ul {
	margin: 0 5%;
}
.jqueryOutput ul li {
	cursor: pointer;
	margin: 5px 0;
}
#popupJquery {
	background-color: rgba(0,0,0,0.75);
	display: none;
	z-index: 1000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
#popupJquery iframe {
	border: none;
	position: fixed;
	top: 5%;
	bottom: 5%;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 90%;
}