* { box-sizing: border-box; }
body {
 	background:#CFD2D9;
	background-color: #CFD2D9;
	background-image:url(bg_main.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	margin: 0;
	/* Disable Pull dowun refresh on Chrome mobile */
	overscroll-behavior-y:contain;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #4C4E4B;
	line-height:110%; 
}
h1{
	font-size:28px;
	text-shadow: 1px 1px 1px #fff;
}
h2{
	font-size:20px;
	text-shadow: 1px 1px 1px #fff;
}
/*--------- OOCSS -------------- */
.rojo{ color:#EC1C24; }
.azul { color:#006699; }
.verde { color:#13B820; }
.naranja { color:#C98A17; }
.gris_claro { color:#999999; }
.pad10{ padding:10px; }
.pad20{ padding:20px; }
.pad34{ padding:34px; }
.fz11 { font-size:11px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz16 { font-size:16px; }
.fz18 { font-size:18px; }
.fz22 { font-size:22px; }
.fz28 { font-size:28px; }
.fz40 { font-size:40px; }
.fz50 { font-size:50px; }
.fz70 { font-size:70px; }
.italico { font-style:italic; }
.negrita { font-weight:bold; }
.hide { display:none; }
.edBox { display:none; }
.centro { text-align:center; }
.div_boxsize {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.lnh_100{ line-height:100%; }
.lnh_120{ line-height:120%; }
.lnh_130{ line-height:130%; }
.marcoFoto1 { border-radius:10px; }
/*--------- Lineas -------------- */
.punteada{
	border-top:1px dashed;
}
.punteada2{
	border-top:1px dotted;
}
/*--------- Errores -------------- */
.mess_rojo{
	width:100%;
	background:#F1DFDF; background-color:#F1DFDF;
	border:1px solid #AC6767;
	border-left:4px solid #AC6767;
	font-size:13px;
	color:#990000;
	text-align:center;
	padding: 14px 4px;
	margin-bottom:26px;
}
.mess_verde{
	width:100%;
	background:#BBD8BD; background-color:#BBD8BD;
	border:1px solid #0BC113;
	border-left:4px solid #0BC113;
	font-size:13px;
	color:#0AA211;
	text-align:center;
	padding:14px 0;
	margin-bottom:26px;
}
/*--------- LIGAS href -------------- */
.liga_grisch{
	font-size:12px;
	color:#999999;
	text-decoration:underline;
}
.liga_naranja {
	font-size:12px;
	font-weight: bold;
	color:#C98A17;
	text-decoration:none;
}
.liga_naranja:hover {
	text-decoration: underline;
}
/*--------- Wrappers principales y layout -------------- */
.principal{
	width:100%;
	/*border:1px solid red;*/
}
.miCanvas{ 
	min-width:760px; /*iPad*/
	max-width:1024px;
	/*border:1px solid blue;*/
	text-align:center;
	margin:0px auto;
}
.box_cols{  /*Dos columnas layout*/
	width:100%;
	/*border:1px solid green;*/
	position:relative;
}
.col_izq{
	display: block;
	text-align:left;
	width:126px;
	z-index:2;
	position:absolute;
	top:0; left:0;
}
.col_der{
	text-align:left;
	background:#E1E0E5;
	background-color:#E1E0E5;
	margin-left:126px;
	margin-right:10px;
	min-height:600px;
	box-shadow:-2px 0px 4px #B3B3BB;
	z-index:1;
}
.caja20 {
	display: block;
	padding: 20px;
	box-sizing: border-box;
}
/*--------- Video embededs -------------- */
.col_der iframe[src*=youtube]{
	/*iframe, object, embed {*/
	max-width: 100%;
	max-height: 100%;
	border: none;
}
/*--------- Cabeza y boton de configuracion ------- */
.cabeza{
	height:60px;
	text-align:left;
	background-image:url(logo_zyd3.png);
	background-repeat:no-repeat;
	background-position:10px 4px;
	position:relative;
}
.head_lines {
	position:absolute; 
	top:6px; 
	left:170px; 
	border-left:1px solid #565656; 
	border-right:1px solid #9B9B9B; 
	height:46px;
}
.head_data_desktop {
	display: block;
	position:absolute; 
	top:10px; 
	left:190px; 
	color:#E6E6E6;
	font-size:14px; 
	text-shadow: 1px 1px 1px #444444;
}
.head_data_mobile {
	display: none;
	position:absolute; 
	top:8px; 
	left:190px; 
	color:#E6E6E6;
	font-size:14px; 
	text-shadow: 1px 1px 1px #444444;
}
.head_config{
	background-image:url(btn_config.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:38px; height:38px;
	position:absolute;
	top:10px; right:30px;
	cursor:pointer;
}
.menuMobil {
	display: none;
}
.dropdown-content {
  display: none;
  position: absolute;
  top: 59px; right:0px;
  background-color: #444;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
	display: block;
	padding: 12px 16px;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #222222;
	text-decoration:none;
}
.dropdown-content a:hover {background-color: #000;}
.show {display: block;}


/*--------- Menu principal -------------- */
.menu_boton{
	text-align:center;
	width:100%; height:100px;
	font-size:12px;
	font-weight:bold;
	color:#7C7C7C;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding-top:14px;
}
.mpr_href{
	display:block;
	text-decoration:none;
	width:100%; height:86%;
	color:#7C7C7C;
}
.separa_menupr{
	text-align:center;
	width:80%;
	margin:0 auto;
	border-bottom:1px solid #C3C3C3;
}
.menuBtn_activo{
	text-align:center; 
	margin-left:4px;
	width:122px; height:100px;
	background-color:#E1E0E5;
	font-size:12px;
	font-weight:bold;
	color:#7C7C7C;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding-top:14px;
	border-radius:8px 0 0 8px;
	box-shadow:-2px 3px 2px #B3B3BB;
}
/*--------- HOME layout -------------- */
.home_userbox{
	width:100%;
	background: linear-gradient(#335AB9, #1D3A80);
	background: -webkit-linear-gradient(#335AB9, #1D3A80);
	border-radius:6px;
	padding:22px 12px 0 22px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	min-height:190px;
}
.hola_box{
	width:90%;
}
.hola_box .pic{
	width:150px;
	float:left;
	text-align:left;
}
.hola_box .datos{
	float:left;
	text-align:left; 
	font-size:22px;
	font-weight:normal;
	color:#fff;
	line-height:120%;
	text-shadow: 1px 1px 1px #152F79;
	padding-top:18px;
	padding-bottom: 0px;
}
/*@media only screen and (max-width:1020px){
	.hola_box{ width:100%; }
}*/
/*Noticias y anuncios*/
.noticia_data{
	text-align:left;
	padding:10px;
}
/*--------- Examen layout -------------- */
.mi_pregunta{
	line-height:140%;
}
.mi_pregunta p {
	/*Para no tener conflictos con WYSIWYG*/
	/*display:inline;*/
}
.separa_pregs{
	border-top:1px solid #CACACA;
	border-bottom:1px solid #EBEBEB;
	margin:32px 0;
}
.ex_opciones{
	/*Espacio entre las opciones de respuestas*/
	margin:10px 0;
}
.txtarea_resp{
	/*Espacio entre las opciones de respuestas*/
	background:#ececee; 
	background-color:#ececee;
	font-family:Arial, Helvetica, sans-serif;
	width:98%;
	border-style: solid;
	border-color: #c7c7cb; 
	border-width:thin;
	text-align:left;
	padding:8px;
	color:#333333;
	font-size:12px;
	line-height:130%;
	overflow:hidden;
	resize:vertical;
	margin:10px 0;
}
.barra_tiempo{
	width:100%;
	text-align:center;
	position: fixed;
	left:0; bottom:0;
	background:#BC4C1C; background-color:#BC4C1C;
	color:#fff;
	text-shadow: 1px 1px 1px #873714;
	font-size:18px;
	padding:8px 0px;
	z-index:1002;
}
.barra_tiempo .sss{
	text-align:left;
	position:absolute;
	left:10px; top:8px;
	color:#fff;
	text-shadow: 1px 1px 1px #873714;
	font-size:12px;
}
.resp_calif{
	/*Cada opcion de respuesta ya calificada*/
	border-radius:14px;
	box-shadow: -2px 2px 1px #CCCCCC;
	border:1px solid #C3C3C3;
	text-align:left;
	padding:16px 2px 14px 10px;
	min-height:20px;
	margin:10px 0;
}
.mala{
	width:100%;
	background: linear-gradient(#E60022, #990000);
	background: -webkit-linear-gradient(#E60022, #990000);
	border-radius:14px;
	box-shadow: -2px 3px 1px #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	position:relative;
	padding:3px;
	margin:10px 0;
}
.mala .ico{
	background-image:url(ico_mal.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:36px; height:36px;
	position:absolute;
	margin:auto 10px;
	top: 0; bottom: 0;
}
.mala .texto{
	text-align:left;
	padding:16px 2px 14px 10px;
	margin-left:46px;
	/*border:1px solid blue;*/
	min-height:20px;
}
.buena{
	width:100%;
	background: linear-gradient(#66C63C, #3EA510);
	background: -webkit-linear-gradient(#66C63C, #3EA510);
	border-radius:14px;
	box-shadow: -2px 3px 1px #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	position:relative;
	padding:3px;
	margin:12px 0;
}
.buena .ico{
	background-image:url(ico_bien.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:36px; height:36px;
	position:absolute;
	margin:auto 10px;
	top: 0; bottom: 0;
}
.buena .texto{
	text-align:left;
	padding:16px 2px 14px 10px;
	margin-left:46px;
	/*border:1px solid blue;*/
	min-height:20px;
}
.buena2{
	width:100%;
	border:1px solid #53B727;
	border-radius:14px;
	box-shadow: -2px 2px 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#53B727;
	position:relative;
	padding:3px;
	margin:12px 0;
}
.buena2 .ico{
	background-image:url(ico_bien2.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:36px; height:36px;
	position:absolute;
	margin:auto 10px;
	top: 0; bottom: 0;
}
.buena2 .texto{
	text-align:left;
	padding:16px 2px 14px 10px;
	margin-left:46px;
	/*border:1px solid blue;*/
	min-height:20px;
}
.buena_mala{
	width:100%;
	border:1px solid #C83131;
	border-radius:14px;
	box-shadow: -2px 2px 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C83131;
	position:relative;
	padding:3px;
	margin:12px 0;
}
.buena_mala .ico{
	background-image:url(ico_bienmal.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:36px; height:36px;
	position:absolute;
	margin:auto 10px;
	top: 0; bottom: 0;
}
.buena_mala .texto{
	text-align:left;
	padding:16px 2px 14px 10px;
	margin-left:46px;
	/*border:1px solid blue;*/
	min-height:20px;
}
.corrs_multiple{ /*Recuadro solo para preguntas tipo M*/
	width:100%;
	text-align:center;
	background:#D7A51E; background-color:#D7A51E;
	color:#fff;
	text-shadow: 1px 1px 1px #9F7B1A;
	padding:14px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-top:20px;
}
.r_alim{ /*Retroalimentacion*/
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#006699;
	position:relative;
	padding:3px;
	margin:10px 0;
}
.r_alim .ico{
	background-image:url(ico_sign.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:31px; height:31px;
	position:absolute;
	margin:auto 2px;
	top: 0; bottom: 0;
}
.r_alim .texto{
	text-align:left;
	padding:16px 2px 14px 10px;
	margin-left:40px;
	/*border:1px solid blue;*/
	min-height:20px;
}
/*--------- PERFIL layout -------------- */
.perfil_userbox{
	width:100%;
	background: linear-gradient(#D38C10, #B6790F);
	background: -webkit-linear-gradient(#D38C10, #B6790F);
	padding:26px 12px 0 22px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	min-height:180px;
}
.perfil_box{
	width:90%;
}
.perfil_box .pic{
	width:150px;
	float:left;
	text-align:left;
}
.perfil_box .datos{
	float:left;
	text-align:left; 
	font-size:22px;
	font-weight:normal;
	color:#fff;
	line-height:100%;
	text-shadow: 1px 1px 1px #8D4F06;
	padding-top:18px;
}
.perfil_padd {
	padding-left:20px; 
	padding-top:10px;
}
/*--------- Botones -------------- */
.button_azul {
	color:#D9D7D7;
	font-size:13px; font-weight:bold;
	border:1px solid #3458B8;
	border-radius:6px;
	background-color: #284593;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3559B9), to(#284593));
	background-image: -webkit-linear-gradient(top, #3559B9, #284593);
	background-image: -moz-linear-gradient(top, #3559B9, #284593);
	background-image: -o-linear-gradient(top, #3559B9, #284593);
	background-image: linear-gradient(to bottom, #3559B9, #284593);
	-webkit-box-shadow: inset 0 1px 1px #fff;
	padding:10px 20px;
	margin:0;
}
.button_azul:hover {
	color:#fff;
	text-shadow: 1px 1px 1px #172E6B;
	cursor:pointer;
}
.button_verde {
	color:#D9D7D7;
	font-size:13px; font-weight:bold;
	border:1px solid #049C4D;
	border-radius:6px;
	background-color: #157041;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00A54F), to(#157041));
	background-image: -webkit-linear-gradient(top, #00A54F, #157041);
	background-image: -moz-linear-gradient(top, #00A54F, #157041);
	background-image: -o-linear-gradient(top, #00A54F, #157041);
	background-image: linear-gradient(to bottom, #00A54F, #157041);
	-webkit-box-shadow: inset 0 1px 1px #fff;
	padding:8px 30px;
	margin:0;
	cursor:pointer;
}
.button_rojo:hover {
	color:#fff;
	text-shadow: 1px 1px 1px #416E19;
	cursor:pointer;
}
.button_rojo {
	color:#D9D7D7;
	font-size:13px; font-weight:bold;
	border:1px solid #990707;
	border-radius:6px;
	background-color: #990707;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#990707));
	background-image: -webkit-linear-gradient(top, #cc0000, #990707);
	background-image: -moz-linear-gradient(top, #cc0000, #990707);
	background-image: -o-linear-gradient(top, #cc0000, #990707);
	background-image: linear-gradient(to bottom, #cc0000, #990707);
	-webkit-box-shadow: inset 0 1px 1px #fff;
	padding:10px 20px;
	margin:0;
}
.button_rojo:hover {
	color:#fff;
	text-shadow: 1px 1px 1px #550808;
	cursor:pointer;
}
/*--------- Fondos para titulos -------------- */
.fecha_bg{
	width:240px;
	background:#ECECEE; background-color:#ECECEE;
	padding:6px;
	border-radius:8px;
	box-shadow: -1px 1px 2px #B8B7BC;
}
.fecha_titulo {
	width:45%;
}
.titulo_bg{
	width:100%;
	background:#ECECEE; background-color:#ECECEE;
	padding:28px 20px;
	border-radius:8px;
	box-shadow: -1px 1px 2px #B8B7BC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.mensajeWrap{
	width:100%;
	background-color:#ECECEE;
	padding:18px 10px;
	border-radius:8px;
	box-shadow: -1px 1px 2px #B8B7BC;
    box-sizing: border-box;
	position: relative;
}
.mensajeWrap .fecha {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 110px;
	position: relative;
	padding-left: 68px;
}
.mensajeWrap .fecha .dia {
	display: block;
	position: absolute;
	top: 8px;
	left: 5px;
}
.mensajeWrap .cuerpo {
	display: inline-block;
	padding:10px;
	vertical-align: middle;
	width: 530px;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}
.mensajeWrap .firma {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	padding-left: 10px;
}
.exam_calificacion{
	width:100%;
	text-align:center;
	background:#006699; background-color:#006699;
	padding:22px;
	border-radius:8px;
	font-size:18px;
	line-height:120%;
	color:#fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:24px;
}
.cap_wrapp {
	display: block;
	text-align: left;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	margin-left: 10px;
}
.cap_wrapp .carpeta_icon {
	background-image:url(ico_carpeta.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:50px;
	height:50px;
	position: absolute;
	top: 22px;
	left: 0;
}
.cap_wrapp .pdf_icon {
	background-image:url(pdf_icon.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:50px;
	height:50px;
	position: absolute;
	top: 22px;
	left: 0;
}
.cap_wrapp .vid_icon {
	background-image:url(vid_icon.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:50px;
	height:50px;
	position: absolute;
	top: 22px;
	left: 0;
}
.cap_wrapp .txt {
	display: block;
	width: 90%;
	border-left: 1px solid #BBBBBB;
	padding: 12px 20px;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: 50px;
}
.cap_wrapp .txt .titulo {
	font-weight: bold;
	margin-bottom: 6px;
}
.cap_wrapp .txt .liga {
	margin-top: 6px;
}
.cap_wrapp .txt .lectura {
	display: inline-block;
	margin: 0;
}
.smartDisplay {
	display: inline-block;
}
/*--------- Tablas -------------- */
.div_tablahead{
	border:1px solid #C9C9CB;
	background: linear-gradient(#E2E2E4, #D6D5DB);
	background: -webkit-linear-gradient(#E2E2E4, #D6D5DB);
	border-radius:6px;
	font-size:14px;
	font-weight:bold;
	padding:14px;
	text-shadow: 1px 1px 1px #F4F4F4;
	margin-bottom:-2px; margin-left:-1px; margin-right:-1px;
}
.serie {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	position: absolute;
	top: 14px;
	right: 14px;
	text-align: right;
}
.div_tablacell{
	border:1px solid #C9C9CB;
	border-top:none;
}
.tabla_transp{
	width:100%;
	border-collapse:collapse;
	overflow-x:auto;
}
.tabla_transp tr, .tabla_transp td{
	border:none;
	padding:10px 10px;
}
.tabla_perfil{
	width:100%;
	border-collapse:collapse;
	overflow-x:auto;
}
.tabla_perfil tr, .tabla_perfil td{
	border:none;
	padding:10px 0;
	text-align:left;
	vertical-align:middle;
}
.td_180 {
	width:180px;
}
/*--------- Formas -------------- */
.forma_perfil{
	background:#B5B5B5; background-color:#B5B5B5;
	width:97%; height:32px;
	border-style: none; 
	border-width:thin;
	border-radius:4px;
	box-shadow:inset 2px 1px 2px #999999;
	text-align:left;
	padding-left:10px;
	color:#555555;
}
.forma_select{
	background:#B5B5B5; background-color:#B5B5B5;
	width:100%; height:32px;
	border-style: none; 
	border-width:thin;
	border-radius:4px;
	box-shadow:inset 2px 1px 2px #999999;
	text-align:left;
	padding-left:10px;
	color:#555555;
}
.forma_txtarea{
	background:#B5B5B5; background-color:#B5B5B5;
	width:96%; height:90px;
	border-style: none; 
	border-width:thin;
	border-radius:4px;
	box-shadow:inset 2px 1px 2px #999999;
	text-align:left;
	padding-left:10px;
	color:#555555;
}
/*--------- Paginacion ------------*/
.paginacion {
	/*border:1px solid; */
	font-size:12px;
	text-align:left;
	padding:12px 0 12px 12px;
}
.pagNumActive {
    color: #666;
    text-decoration: none;
	background:#CCCCCC;
	background-color:#CCCCCC;
	border-radius:4px;
    border:1px solid #999999;
	padding:5px 8px;
}
.paginationNumbers a:link {
    color: #888888;
    text-decoration: none;
	background: linear-gradient(#E2E2E4, #D6D5DB);
	background: -webkit-linear-gradient(#E2E2E4, #D6D5DB);
	border-radius:4px;
    border:1px solid #C9C9CB;
	padding:5px 8px;
}
.paginationNumbers a:visited {
    color: #888888;
    text-decoration: none;
	background: linear-gradient(#E2E2E4, #D6D5DB);
	background: -webkit-linear-gradient(#E2E2E4, #D6D5DB);
	border-radius:4px;
    border:1px solid #C9C9CB;
	padding:5px 8px;
}
.paginationNumbers a:hover {
    border:1px solid #999999;
}
.paginationNumbers a:active {
    color: #888888;
    text-decoration: none;
	background: linear-gradient(#E2E2E4, #D6D5DB);
	background: -webkit-linear-gradient(#E2E2E4, #D6D5DB);
	border-radius:4px;
    border:1px solid #C9C9CB;
	padding:5px 8px;
}
.atras_adelante {
    color: #888888;
    text-decoration: none;
	background: linear-gradient(#E2E2E4, #D6D5DB);
	background: -webkit-linear-gradient(#E2E2E4, #D6D5DB);
	border-radius:4px;
    border:1px solid #C9C9CB;
	padding:5px 8px;
}
.atras_adelante:hover {
	border:1px solid #999999;
}
/*----- Pop up css -----*/
#fade {
	display: none; 
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .70;
	z-index: 9999;
}
.popup_block{
	display: none;
	color:#F6F6F6;
	background: #4D4D4D; 
	text-align:left;
	padding: 10px;
	padding-right:0px;
	padding-bottom:0px;
	border: 10px solid #4D4D4D;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pop_img{
	/*Imagenes por pregunta*/
	width:100%;
	height:400px;
	overflow:auto;
}
img.btn_close {
	float: right;
	margin: -40px -26px 0 0;
}
/*--IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
#hey{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*---  Bullets customizados para evaluaciones (Radio y Checkmarks) ---*/
.radioBullet {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	padding-top: 2px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Escondemos la visualizacion por defecto del explorador */
.radioBullet input {
  position: absolute;
  opacity: 0;
}
/* Creamos nuestro propio disenio del radio */
.radioBullet .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bbb;
}
/* Mouse over background color */
.radioBullet:hover input ~ .checkmark {
  background-color: #C2C4C7;
}
/* Radio button inactivo */
.radioBullet input:checked ~ .checkmark {
  background-color: #E2E4EB;
}
/* Indicador (the dot/circle - hidden when not checked) */
.radioBullet .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Indicator (dot/circle) activo */
.radioBullet input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.radioBullet .checkmark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #006699;
}
.chmarkBullet {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	padding-top: 2px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Escondemos la visualizacion por defecto del explorador */
.chmarkBullet input {
  position: absolute;
  opacity: 0;
}
/* Creamos nuestro propio disenio del radio */
.chmarkBullet .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 30%;
  border: 1px solid #bbb;
}
/* Mouse over background color */
.chmarkBullet:hover input ~ .checkmark {
  background-color: #C2C4C7;
}
/* button inactivo */
.chmarkBullet input:checked ~ .checkmark {
  background-color: #006699;
}
/* Indicador (the dot/circle - hidden when not checked) */
.chmarkBullet .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Indicator (dot/circle) activo */
.chmarkBullet input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.chmarkBullet .checkmark:after {
	left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width:1020px){
	.mensajeWrap .fecha {
		display: block;
		text-align: left;
		vertical-align: none;
		width: 100%;
		position: relative;
		padding-left: 63px;
		padding-bottom: 16px;
	}
	.mensajeWrap .fecha .dia {
		display: block;
		position: absolute;
		top: 8px;
		left: 5px;
	}
	.mensajeWrap .cuerpo {
		display: block;
		padding:10px;
		vertical-align: none;
		width: 100%;
		border-top: 1px solid #D3D3D3;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #D3D3D3;
	}
	.mensajeWrap .firma {
		display: block;
		vertical-align: none;
		width: 100%;
		padding-left: 10px;
		padding-top: 16px;
	}
}
@media only screen and (max-width:481px){
	.miCanvas{ 
		min-width: 100%;
		max-width: 100%;
	}
	.head_lines {
		left: 160px; 
	}
	.head_config{
		top: 5px; right:5px;
	}
	.head_data_desktop {
		display: none;
	}
	.head_data_mobile {
		display: block;
		left: 176px; 
	}
	/**/
	.pad34{ padding: 20px; }
	.col_izq{
		display: none;
	}
	.col_der{
		margin-left: 0px;
		width: 100%;
	}
	.menuMobil {
		display: block;
	}
	.dropdown-content a {
		padding: 22px 16px;
	}
	/**/
	.marcoFoto1 { 
		border-radius: 100px;
		box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.5);
	}
			.home_userbox{
				width:100%;
				background: linear-gradient(#335AB9, #1D3A80);
				background: -webkit-linear-gradient(#335AB9, #1D3A80);
				border-radius:6px;
				padding:22px 12px 0 22px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */
				min-height:190px;
			}
	.hola_box{
		width: 100%;
	}
	.hola_box .pic{
		width: 150px;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.hola_box .datos{
		float:none;
		text-align: center; 
		font-size:22px;
		font-weight:normal;
		color:#fff;
		line-height:120%;
		text-shadow: 1px 1px 1px #152F79;
		padding-top:18px;
		padding-bottom: 14px;
	}
	/*Examenes*/
	.fecha_bg{
		width: 100%;
	}
	.fecha_titulo {
		width: 30%;
	}
	.serie {
		font-size: 12px;
		color: #999;
		font-weight: normal;
		position: relative;
		top: 0px;
		right: 0px;
		text-align: left;
		padding-top: 6px;
	}
	/*Capacitacion*/
	.cap_wrapp {
		margin-left: 0px;
	}
	.cap_wrapp .txt {
		width: 82%;
	}
	.cap_wrapp .txt .lectura {
		display: block;
		margin: 12px 0;
	}
	.smartDisplay {
		display: none;
	}
	/*Perfil*/
	.perfil_box{
		width: 100%;
	}
	.perfil_box .pic{
		width:150px;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.perfil_box .datos{
		float:none;
		text-align: center; 
		padding-bottom: 8px;
	}
	.perfil_padd {
		padding-left: 6px; 
		padding-top: 10px;
	}
	.td_180 {
		width: 100px;
	}
}