/* Hoja de estilos de ESENCIA */
/*-------------------------- CSS para la zona interna -----------------------*/

html {
	margin:0;
	padding:0;
}

.cajadesp, .caja {background-color:#FFF;border:1px solid #E7E7E7;border-bottom:4px solid #E7E7E7; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}

img {border:0;}

a {text-decoration:none;}

.oculto {display:none;}

form {margin:0;padding:0;}

#cabsup {background-color:#FFF;border-bottom:1px solid #EEE;}
 
/*------------------------- Mensajes emergente -----------------------*/

#emergentes {width:1px;height:1px;overflow:hidden;display:none;}

#cnav-ic{
 display:none; 
}
/*---------------- CSS para cabecera, menú de navegación y pie de la zona interna ----------------*/
 
.cab_int {float:none;margin:0 auto;position:relative;padding:0;width:95%;}
      
.cont_ext {padding:0;width:100%;}  

#navegacion {float:none;font-weight:bold;margin:0;padding:0;position:relative;text-transform:uppercase;width:100%;}  

.flecha {font-size:35px;position:absolute;top:14px;right:-12px;margin:0;width:14px !important;z-index:100;}

.nav1 {background-color:#377F9F; width:14%;}
.nav1 .submenu_navegacion {background-color:#377F9F;}
.nav2 {background-color:#FFC000;}
.nav2 .submenu_navegacion {background-color:#FFC000;}
.col_nav2 {color:#FFC000;}
.nav3 {background-color:#FF9406;}
.col_nav3 {color:#FF9406;}
.nav3 .submenu_navegacion {background-color:#FF9406;}
.nav4 {background-color:#9ED201;}
.col_nav4 {color:#9ED201;}
.nav4 .submenu_navegacion {background-color:#9ED201;}
.nav5 {background-color:#68CA05;}
.col_nav5 {color:#68CA05;}
.nav5 .submenu_navegacion {background-color:#68CA05;}
.nav6 {background-color:#00D09C;}
.col_nav6 {color:#00D09C;}
.nav6 .submenu_navegacion {background-color:#00D09C;}
.nav11 {background-color:#00D2D1;}
.col_nav11 {color:#00D2D1;}
.nav11 .submenu_navegacion {background-color:#00D2D1;}
.nav7 {background-color:#0084B4;}
.col_nav7 {color:#0084B4;}
.nav7 .submenu_navegacion {background-color:#0084B4;}
.nav12 {background-color:#006A93;}
.nav12 .submenu_navegacion {background-color:#006A93;}
.nav8 {background-color:#003267;}
.col_nav8 {color:#003267;}
.nav8 .submenu_navegacion {background-color:#003267;}
.nav10 {background-color:#330065;}
.col_nav10 {color:#330065;}
.nav10 .submenu_navegacion {background-color:#330065;}
.nav9 {background-color:#9387CC;}
.col_nav9{color:#9387CC;}
.nav9 .submenu_navegacion {background-color:#9387CC;}
.nav13 {background-color:#30B5E5;}
.col_nav13 {color:#30B5E5;}
.nav13 .submenu_navegacion {background-color:#30B5E5;}

#navegacion li {display:block;float:left;list-style-type:none;padding:0;}

#navegacion .submenu_navegacion {margin:0;padding:0 0 .5em 0;width:100%;}
 
#navegacion .submenu_navegacion li a {color:#FFF;padding:0;width:auto;height:auto;}
#navegacion .submenu_navegacion li a:hover{color:#FFF;text-decoration:underline;}
	
.txtnav {color:#FFF !important;}
    
#navegacion .submenu_navegacion li a.pri {border-left:none;}

#mcab li {display:block;float:left;list-style-type:none;}

#foot_int {background:#FFF;border-top:1px solid #EEE;margin-top:2%;padding:1em 0;}
#copy_foot {height:2.375em;padding:1.25em .9375em 0 0;	}
#logos_foot {	width:230px;height:58px;}


/* ESTO ES PROVISIONAL HASTA QUE EL SYSTEM ESTE EN CAPAS */
#contenido_int table {clear:both;}
/* FIN DE LA ZONA PROVISIONAL */

.cab_int {float:left;margin:0;width:86%;}
     
#cnav {position:relative;float:left;padding:0;margin:0;background:none;width:14%;}
#cnav.cp {background:#211915;}

.cont_ext {padding-left:2%;width:96%;}

#navegacion {float:left;}  
  
#navegacion li {width:100%;}

#navegacion li a {color:#FFFFFF;position:relative;float:left;margin:0;padding: 1.25em 10% 1.25em 10%;width:80%;text-align:left;}
#navegacion li i {text-align:center;width:1.5em;}

.nav1 a {padding: 1.25em 10% 1.25em 12%;width:78%;}
.nav1 a.padlr5p {padding: 1.35em 5% 1.35em 5%;}

#navegacion li a.pad0 {padding:0;}

#navegacion #logotipo_int {background:#FFF;padding:0.35em 0;}

#navegacion #logotipo_int a {text-align: center;}

#navegacion li a:hover {color:#131304;}

#navegacion .txtnav {display:inline;padding: 0 0 0 .5em;  }

#navegacion .submenu_navegacion {float:left;position:relative;top:0;}

#navegacion .submenu_navegacion li {
	color:#FFF;
	padding:0 0 .75em 20%;
	width:80%;
}

#navegacion.navweb {
	position:absolute !important;
	top:64px !important;
	left:0 !important;
	width:14% !important;
	padding:0 !important;
	margin:0 !important;
	z-index:100 !important;
}

#navegacion.navweb #logotipo_int {display:none;}

#logo-mv {display:none;}

#mcab li { border-left:1px solid #EEE; padding:1.25em 1em; width:auto;}
  
#mcab li.usuario_int {width:auto;}

.padr025{padding-right: 0.25em;}
.padr05{padding-right: 0.5em;}
.marb0375 {margin-bottom: 0.375em;}

.fs_0_9375 {font-size:0.9375em;}
.fs_0_75 {font-size:0.75em;}
.fs_1_25 {font-size:1.25em;}
.fs_2 {font-size:2em;}
.fs_3 {font-size:3em;}

.col_ng1 {color:#FFF !important;}
.col_ng1 .v_norm {color:#FFF !important;}
.col_ng2 {color:#85B200 !important;}
.col_ng3 {color:#999 !important;}
.col_ng4 {color:#B20000 !important;}
.col_ng5 {color:#000 !important;}
.col_ng6 {color:#FF0000 !important;}
.col_ng7 {color:#FFBF00 !important;}
.col_ng8 {color:#212121; !important;}
.bg_ng1 {background-color:#FFF;}

@media screen and (max-width: 1280px) {
  .nav_ext {width:18% !important;}
  
  #navegacion.navweb { width:18% !important;}
}

@media screen and (max-width: 1024px) {
  .nav_ext {width:22% !important;}
  
  #navegacion.navweb { width:22% !important;}
   
  .flecha{display:none;}
}

@media screen and (max-width: 980px) {
  .nav_ext {width:25% !important;}
  
  #navegacion.navweb { width:25% !important;}
}

@media screen and (max-width: 800px) {
  .nav_ext {width:30% !important;}
  
  #navegacion.navweb { width:30% !important;}
}

@media screen and (max-width: 700px) {
  .nav_ext {width:22% !important;}
  .nav_ext .txt {display:none;}
  .nav_ext .t65 {padding:1.35em 10% !important; text-align:center; border-right:1px solid #FFF; width:35%;}
  #navegacion.navweb { top:60px;}
}

@media screen and (max-width: 640px) {
  #navegacion.navweb #mcab li { padding:1.2em 0.5em;}
}

@media screen and (max-width: 500px) {
	.nav_ext {width:30% !important;}
	#navegacion.navweb #mcab {border-top:1px solid #EEE;}
  #navegacion.navweb #mcab li { padding:0.5em;}
  #navegacion.navweb #mcab li.usuario_int { border:none;}
}

/* MMS */

/* DATEPICKER */
.cab_datepicker{background-color:#EEEEEE;width:228px;margin:0;}
.ui-datepicker-header{border:1px solid #999999;border-bottom:none;float:left;font-size:12px;position:relative;padding:5px;width:215px;}
.ui-datepicker-title {border:1px solid #999999;background-color:#FFF;position:relative;float:left;width:172px;text-align:center;}
.ui-datepicker-calendar {border:1px solid #999999;border-top:none;background-color:#EEEEEE;padding:5px;z-index:99999;margin-top:0 !important;width:229px;}
.ui-datepicker-calendar td {border:1px solid #EEEEEE;text-align:center;font-family:Trebuchet MS, sans-serif;font-size:12px;padding:1px 3px;background-color:#FFF;}
.ui-datepicker-calendar tr.monthLabel td {background-color:#FFFFFF;border:1px solid #999999;font-weight:bold;}
.ui-datepicker-calendar tr.navigation td {cursor:pointer;}
.ui-datepicker-calendar tr.navigation td:hover {text-decoration:underline;}
.ui-datepicker-calendar th {border:1px solid #4E8FBB;background-color:#4E8FBB;color:#FFFFFF;font-weight:bold;font-size:12px;}
.ui-datepicker-calendar td.day, .datepickerControl td.dayothermonth {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.dayothermonth {color:#999999;font-style:italic;}
.ui-datepicker-calendar td.day:hover {background-color:#EBE4C0;}
.ui-datepicker-calendar td.hour {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.minute {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td input,
.ui-datepicker-calendar td button {font-size:11px;padding:0;border:1px solid #999999;text-align:center;}
.ui-datepicker-calendar td.ampm {cursor:pointer;background-color:#CCCCCC;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.current {font-weight:bold;background-color:#4E8FBB;color:#FFFFFF;}
.ui-datepicker-calendar input.current {background-color:#4E8FBB;color:#FFFFFF;}
.ui-datepicker-calendar td.current:hover {background-color:#4E8FBB;color:#FFFFFF;}
.ui-datepicker-calendar {width:227px;height:140px;margin-top:0;}
.ui-datepicker-calendar td.ui-datepicker-week-end {background-color:#D9D9D9;color:#131304;}
.ui-datepicker-calendar td.ui-datepicker-today {background-color:#4E8FBB;color:#FFFFFF;}
.ui-datepicker-calendar td.ui-datepicker-today a {color:#FFFFFF;}
.ui-datepicker-next {position:relative;float:right;height:12px;width:20px;}
.ui-datepicker-prev {position:relative;float:left;height:12px;width:20px;}
.ui-datepicker-next span {background:#EEE url("imgs/ic_datepicker_next.png") no-repeat 0 0;display:block;height:12px;left:0;position:absolute;top:2px;width:20px;}
.ui-datepicker-prev span{background:#EEE url("imgs/ic_datepicker_prev.png") no-repeat 0 0;display:block;height:12px;left:0;position:absolute;top:2px;width:20px;}
.ui-datepicker-trigger {margin:0 0 0 5px;}
.ui-datepicker-current-day {background:#F29D00 !important;}

body {
	margin:0;
	padding:0;
	height:100%;
	width:99.9%;
	border:0;
	font-family: 'Lato', Lato,Arial,sans-serif;
	font-size:100%;
	background:#F2F2F2 url("imgs/fnd_admin.png") repeat-x 0 0;
}

/* FORMULARIOS */
span.stit1 {padding:3px 0 3px 14px;background:#377F9F url("imgs/tituloizda.gif") repeat-y top left;}
span.stit2 {padding:3px 16px 3px 6px;background:#377F9F url("imgs/titulodcha.gif") repeat-y top right;}


/* PANEL DE CONTROL */
.lsts li {list-style-type:decimal-leading-zero;}


/* BARRA EDICION */

.list_bred {
  white-space:nowrap;
}

.list_bred li {
  list-style-type:none;
  position:relative;
  float:left;
  margin:0 0.25em;
  padding:1em 0;
 }
 
 .bl_der .list_bred li { 
  padding:.7em 1em;
  border-left:1px solid #EEE;
 }
 
 .t31_8 .bl_der .list_bred li, .t23_3 .bl_der .list_bred li { 
 	 padding:.5em .625em;
	}
   
.list_bred ul {
  display:inline;
  margin:0;
  padding:0;
}

.li_sombreado, .list_bred li.linv1 ul li:hover {
  background-color:#F0F0F0;
}

.list_bred li.linv1 {
	margin:0;
  border:1px solid #FFF;
  border-left: 1px solid #EEE;
 }
 
 .list_bred li.mlinv2 {
   text-align:center;
}

.list_bred li.linv1 ul {
  display:none;
}

.list_bred li.linv1:hover {
	border:1px solid #CCC;	
}
 
.list_bred li.linv1:hover ul,
.list_bred li.linv1_hover ul { 
    position: absolute;
    top: 3.6em;
    margin:0;
  	padding:0;
    display: block;
    background-color: #FFF;
    right: -1px;
    border: 1px solid #ccc;
    z-index: 300;
    width:200px;
 }
 
.t31_8 .list_bred li.linv1:hover ul,
.t31_8 .list_bred li.linv1_hover ul,
.t23_3 .list_bred li.linv1:hover ul,
.t23_3 .list_bred li.linv1_hover ul { 
	top: 2.3em;
}

.list_bred li.linv1:hover ul li,
.list_bred li.linv1_hover ul li {
  border-top:1px solid #EEE;
  padding: 1em 10%;
  margin: 0;
  width: 79%;
}

.list_bred li.linv1:hover ul li.li_sombreado a,
.list_bred li.linv1_hover ul li.li_sombreado a {
  width:92%;
  padding-top:2px;
  padding-bottom:2px;
  display: block;
}

.ampli {
  background-color:#FFF;
  border-bottom:4px solid #EEE;
  margin-bottom:1.5em !important;
  padding:0;
 }

  
.t32 .imgampli, .t31 .imgampli {
  width:30%;
 }

.t32 .imgampli img, .t31 .imgampli img  {
  width:90%;
 }

.t24 .imgampli, .t23 .imgampli {
 width: 50%; 
}

.t24 .imgampli img, .t23 .imgampli img {
 width:90%; 
}


.amppag {
  background: transparent url("imgs/fnd_pag.png") repeat-x 0 7px;
 }
 
.amppag span {
  background-color:#F0F0F0;
  font-size:14px;
 }
 
 
/* PROMPT */
/*#popup_container {min-width:240px;max-width:480px;}*/
.a_cerrarvw span {background: transparent url("imgs/bt_cerrar.gif") no-repeat 0 0;position:absolute;top:0;right:0;width:16px; height:16px;}

#popup_container {
	background: #FFF;	
	border: 1px solid #377F9F;
	color: #000;	    
  font-family: Verdana,Arial,Helvetica,sans-serif;  
  width:50%;
  min-width:360px;
}


/* Anotaciones */
#conten_anotaciones { 
	overflow-x: scroll;
	width:78%;
}
 
#alumnos_anot {
	width:20%;	
}

.fila_anot {
  cursor:context-menu;
	height:16px;
}

.husform_detalles {background-color:#FFF;height:70%;left:-1px;margin-bottom:10px;padding:1% 0 0 1%;position:absolute;top:345px;width:99%;z-index:500;}

.centrado .titformul{margin:16px 0 0 0;}

.pcol1 { width:45%; }
.pcol2 { width:52%; }

.mceEditor table {
max-width:none; /* Bug in computation of fullscreen */
}

.mceEditor table.mceLayout {
width:100% !important;
height:auto !important;
} 

table.mceToolbar { float:left; }
body .mceToolbar div {
white-space:normal;
}

a {text-decoration:none}
.form {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;}
.forminact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#CCCCCC;}
.formact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#216985;}
.formsobcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.formsobcs {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;}
.formsobcn {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.formcampos {font-family:Lato,Arial,sans-serif;font-size:14px;border:1px #377F9F solid;color:#000000;background-color:#9B9B9B;}
.formselect {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;background-color:#9B9B9B;}
.formcaja {font-family:Lato,Arial,sans-serif;font-size:14px; border:1px #377F9F solid;color: #000000;background-color:#377F9F;}

select.form {color:#000000;background-color:#FAFAFA;border:1px solid #F0F0F0;}
input.form {color:#000000;background-color:#FAFAFA;border:1px solid #F0F0F0;}
textarea.form {color:#000000;background-color:#FAFAFA;border:1px solid #F0F0F0;}

.norm {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;}
.normcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#377F9F;}
.norminact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#CCCCCC;}
.normact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#216985;}
.normsobcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.normsobcs {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;}
.normsobcn {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.normsobcb {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.norm_select {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;margin:0 0 5px 5px;height:1.25em;}
.norm_input {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000; width:240px;margin:0 0 5px 0;}

.pq {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#000000;}
.pqcp {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#377F9F;}
.pqsobcp {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#FFFFFF;}
.pqsobcb {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#FFFFFF;}
.pqsobcs {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#000000;}

.gr {font-family:Lato,Arial,sans-serif;font-size:25px;color:#000000;}
.grcp {font-family:Lato,Arial,sans-serif;font-size:20px; color:#377F9F;}
.grinact {font-family:Lato,Arial,sans-serif;font-size:20px; color:#CCCCCC;}
.gract {font-family:Lato,Arial,sans-serif;font-size:25px; color:#216985;}
.grsobcn {font-family:Lato,Arial,sans-serif;font-size:20px; color:#333333;}
.grsobcs {font-family:Lato,Arial,sans-serif;font-size:20px; color:#000000;}
.grsobcp {font-family:Lato,Arial,sans-serif;font-size:20px; color:#FFFFFF;}

.btnpestsobcp {font-family:Lato,Arial,sans-serif;font-size:14px;;color:#000000;}
.btn {font-family:Lato,Arial,sans-serif;font-size:14px;;color:#000000;}
.sobcn {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.sobcs {font-family:Lato,Arial,sans-serif;font-size:14px;color:#000000;}
.sobcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.sobcb {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}

.btnbarragr {font-family:Lato,Arial,sans-serif;font-size:16px;color:#FFFFFF;}
.btnbarra {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.naveg {font-family:Lato,Arial,sans-serif;font-size:0.5625em;color:#666666;}

/* enlaces - color de los link */

a.form:link {color:#000000;}
a.forminact:link {color:#CCCCCC;}
a.formact:link {color:#216985;}
a.formsobcn:link {color:#333333;}
a.formsobcs:link {color:#000000;}
a.formsobcp:link {color:#FFFFFF;}

a.norm:link {color:#000000;}
a.normcp:link {color:#377F9F;}
a.norminact:link {color:#CCCCCC;}
a.normact:link {color:#216985;}

a.gr:link {color:#000000;}
a.grcp:link {color:#377F9F;}
a.grinact:link {color:#CCCCCC;}
a.gract:link {color:#216985;}

a.btn:link {color:#000000;}
a.btnpestsobcp:link {color:#000000;}
a.sobcn:link {color:#333333;}
a.sobcs:link {color:#000000;}
a.sobcp:link {color:#FFFFFF;}

a.grsobcn:link {color:#333333;}
a.grsobcs:link {color:#000000;}
a.grsobcp:link {color:#FFFFFF;}

a.btnbarragr:link {color:#FFFFFF;}
a.btnbarra:link {color:#FFFFFF;}
a.naveg:link {color:#666666}

/* enlaces - color de los visited */

a.form:visited {color:#000000;}
a.forminact:visited {color:#CCCCCC;}
a.formact:visited {color:#216985;}
a.formsobcn:visited {color:#333333;}
a.formsobcs:visited {color:#000000;}
a.formsobcp:visited {color:#FFFFFF;}

a.norm:visited {color:#000000;}
a.normcp:visited {color:#377F9F;}
a.norminact:visited {color:#CCCCCC;}
a.normact:visited {color:#216985;}

a.gr:visited {color:#000000;}
a.grcp:visited {color:#377F9F;}
a.grinact:visited {color:#CCCCCC;}
a.gract:visited {color:#216985;}

a.btn:visited {color:#000000;}
a.btnpestsobcp:visited {color:#000000;}
a.sobcn:visited {color:#333333;}
a.sobcs:visited {color:#000000;}
a.sobcp:visited {color:#FFFFFF;}
a.grsobcn:visited {color:#333333;}
a.grsobcs:visited {color:#000000;}
a.grsobcp:visited {color:#FFFFFF;}

a.btnbarragr:visited {color:#FFFFFF;}
a.btnbarra:visited {color:#FFFFFF;}
a.naveg:visited {color:#666666}

/* enlaces - color de los over */

a.form:hover {color:#F5A623;}
a.forminact:hover {color:#F5A623;}
a.formact:hover {color:#F5A623;}
a.formsobcn:hover {color:#F5A623;}
a.formsobcs:hover {color:#F5A623;}
a.formsobcp:hover {color:#F5A623;}

a.norm:hover {color:#F5A623;}
a.normcp:hover {color:#F5A623;}
a.norminact:hover {color:#F5A623;}
a.normact:hover {color:#F5A623;}

a.gr:hover {color:#F5A623;}
a.grcp:hover {color:#F5A623;}
a.grinact:hover {color:#F5A623;}
a.gract:hover {color:#F5A623;}

a.btnover {font-family:Lato,Arial,sans-serif;font-size:14px;;color:#F5A623;}
a.btn:hover {color:#F5A623;}
a.btnpestsobcp:hover {color:#F5A623;}
a.sobcn:hover {color:#F5A623;}
a.sobcs:hover {color:#F5A623;}
a.sobcp:hover {color:#F5A623;}
a.grsobcn:hover {color:#F5A623;}
a.grsobcs:hover {color:#F5A623;}
a.grsobcp:hover {color:#F5A623;}

a.btnbarragr:hover {color:#F5A623;}
a.btnbarra:hover {color:#F5A623;}

a.naveg:hover {color:#666666}

/* enlaces - color de los active */

a.form:active {color:#000000;}
a.forminact:active {color:#CCCCCC;}
a.formact:active {color:#216985;}
a.formsobcn:active {color:#333333;}
a.formsobcs:active {color:#000000;}
a.formsobcp:active {color:#FFFFFF;}

a.norm:active {color:#000000;}
a.normcp:active {color:#377F9F;}
a.norminact:active {color:#CCCCCC;}
a.normact:active {color:#216985;}

a.gr:active {color:#000000;}
a.grcp:active {color:#377F9F;}
a.grinact:active {color:#CCCCCC;}
a.gract:active {color:#216985;}

a.btn:active {color:#000000;}
a.btnpestsobcp:active {color:#000000;}
a.sobcn:active {color:#333333;}
a.sobcs:active {color:#000000;}
a.sobcp:active {color:#FFFFFF;}
a.grsobcn:active {color:#333333;}
a.grsobcs:active {color:#000000;}
a.grsobcp:active {color:#FFFFFF;}

a.btnbarragr:active {color:#FFFFFF;}
a.btnbarra:active {color:#FFFFFF;}

a.naveg:active {color:#666666;}
a.act {color:#377F9F;}
/* Significado de los estilos:

  act (color activo)
  barra (texto barra exterior)
  btn (texto botón)
  cn (color neutro)
  cp (color principal)
  cs (color secundario)
  form (texto en formularios)
  gr (texto grande)
  inact (color inactivo)
  norm (texto normal)
  pest (texto pestaña)
  sob (sobre)
  naveg (barra de navegación)

  ej:
     btnpestsobcp -> texto de botones y pestañas sobre color principal
     normcp -> texto normal de color principal
     titnocp -> título que no es de color principal
*/


.tabla_productos {
  width: 100%;
  border-collapse: collapse;
  border-top: 0;
  font-size: 0.875em;
}

.tabla_productos thead {
  position: sticky;
  top: 0;
}

.tabla_productos thead th {
  background-color: #377F9F;
  color: white;
  padding: 1em;
  text-align: left;
}

.tabla_productos tbody {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: 0;
}

.tabla_productos tbody .fondo_gris + .fondo_blanco, .tabla_productos tbody .fondo_blanco + .fondo_gris {
  border-top: 2px solid rgba(0, 0, 0, 0.125);
}

.tabla_productos tbody tr {
  background-color: white;
  border-top: 1px dashed rgba(0, 0, 0, 0.125);
}

.tabla_productos tbody .fondo_gris {
  background-color: #f0f0f0;
}

.tabla_productos tbody tr.pausado {
  background-color: #fff5c9;
}

.tabla_productos tbody tr.no_publicado {
  background-color: #ffe3e3;
}

.tabla_productos .fa-check-circle {
  color: green;
}

.tabla_productos tbody .estado {
  white-space: nowrap;
}

.tabla_productos tbody .pausado .estado {
  color: orange;
  font-weight: bold;
}

.tabla_productos tbody .no_publicado .estado {
  color: red;
  font-weight: bold;
}

.tabla_productos tbody td {
  padding: 0.5em 1em;
}

.tabla_productos tbody td a {
  color: #216985;
}

.filtro_productos {
  display: flex;
  align-items: center;
}

.filtro_productos label {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.filtro_productos input[type="text"] {
  padding: 0.375em 0.75em;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-right: 1em;
}

.lista_checks {
  margin-left: auto;
  margin-right: 0;
  font-size: 0.875em;
  display: flex;
  align-items: center;
}

.lista_checks label + label {
  margin-left: 1em;
}

.lista_checks label input {
  margin-right: 0.5em;
  cursor: pointer;
}

.fila_oculta {
  display: none !important;
}

/* DATEPICKER */
.cab_datepicker{background-color:#EEEEEE;width:228px;margin:0;}
.ui-datepicker-header{border:1px solid #999999;border-bottom:none;float:left;font-size:12px;position:relative;padding:5px;width:215px;}
.ui-datepicker-title {border:1px solid #999999;background-color:#FFF;position:relative;float:left;width:172px;text-align:center;}
.ui-datepicker-calendar {border:1px solid #999999;border-top:none;background-color:#EEEEEE;padding:5px;z-index:99999;margin-top:0 !important;width:229px;}
.ui-datepicker-calendar td {border:1px solid #EEEEEE;text-align:center;font-family:Trebuchet MS, sans-serif;font-size:12px;padding:1px 3px;background-color:#FFF;}
.ui-datepicker-calendar tr.monthLabel td {background-color:#FFFFFF;border:1px solid #999999;font-weight:bold;}
.ui-datepicker-calendar tr.navigation td {cursor:pointer;}
.ui-datepicker-calendar tr.navigation td:hover {text-decoration:underline;}
.ui-datepicker-calendar th {border:1px solid #377F9F;background-color:#377F9F;color:#FFFFFF;font-weight:bold;font-size:12px;}
.ui-datepicker-calendar td.day, .datepickerControl td.dayothermonth {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.dayothermonth {color:#999999;font-style:italic;}
.ui-datepicker-calendar td.day:hover {background-color:#EBE4C0;}
.ui-datepicker-calendar td.hour {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.minute {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td input,
.ui-datepicker-calendar td button {font-size:11px;padding:0;border:1px solid #999999;text-align:center;}
.ui-datepicker-calendar td.ampm {cursor:pointer;background-color:#CCCCCC;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.current {font-weight:bold;background-color:#377F9F;color:#FFFFFF;}
.ui-datepicker-calendar input.current {background-color:#377F9F;color:#FFFFFF;}
.ui-datepicker-calendar td.current:hover {background-color:#377F9F;color:#FFFFFF;}
.ui-datepicker-calendar {width:227px;height:140px;margin-top:0;}
.ui-datepicker-calendar td.ui-datepicker-week-end {background-color:#F0F0F0;color:#333333;}
.ui-datepicker-calendar td.ui-datepicker-today {background-color:#377F9F;color:#FFFFFF;}
.ui-datepicker-calendar td.ui-datepicker-today a {color:#FFFFFF;}
.ui-datepicker-next {position:relative;float:right;height:12px;width:20px;}
.ui-datepicker-prev {position:relative;float:left;height:12px;width:20px;}
.ui-datepicker-next span {background:#EEE url("imgs/ic_datepicker_next.png") no-repeat 0 0;display:block;height:12px;left:0;position:absolute;top:2px;width:20px;}
.ui-datepicker-prev span{background:#EEE url("imgs/ic_datepicker_prev.png") no-repeat 0 0;display:block;height:12px;left:0;position:absolute;top:2px;width:20px;}
.ui-datepicker-trigger {margin:0 0 0 5px;vertical-align:middle;}
.ui-datepicker-current-day {background:#F5A623 !important;}

/* FRAMESET */
frameset {margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}

a {color:#000000;}

/* BLOQUES */

.bl_izq {position:relative;float:left;margin:0;padding:0;}
.bl_der {position:relative;float:right;margin:0;padding:0;}
.bl_izq_nv {position:relative;float:left;margin:0;padding:0;overflow:hidden;}
.bl_der_nv {position:relative;float:right;margin:0;padding:0;overflow:hidden;}
.blq {position:relative;float:left;margin:0;padding:0;clear:both;width:100%;}

.lineaf {position:relative;float:left;margin:0 0 .5em 0;padding:0;clear:both;width:100%;}
.ohid {overflow:hidden;}
.oau {overflow:auto;}
.clb {clear:both;}
.cln {clear:none;}
.dbl {display: block;}
.psr {position:relative;}
.fl_l{float:left;}
.fl_r{float:right;}

.fot_txabs {position:absolute;bottom:0;left:0;}

.lty_n {list-style-type: none;}

.oculto {display:none;}
.dbl {display:block;}
.dinl {display:inline;}

.centrado {clear:both;position:relative;width:96%;margin:0 auto;padding:0;z-index:1;}

/* COLORES Y FONDOS */
.cb {background-color:#F5A623;color:#FFFFFF;}  
.cb a {color:#FFFFFF !important;}  
.cp {background-color:#211915;color:#FFFFFF;}
.cp a {color:#FFFFFF !important;}
.cs {background-color:#9B9B9B;color:#000000;}
.cs a {color:#000000 !important;}
.cn {background-color:#F0F0F0;color:#333333;}
.cbot {background-color:#FFFFFF;color:#000000;}
.cbot a {color:#000000 !important;}

.fndb {background-color:#FFF;}
.bgb {background-color:#FFF;}
.bgn {background:none !important;}

.colpri {color:#211915;}
.colovrbot {color:#211915;}
.colgen{color:#000000;}
.colact{color:#211915;}
a.colact {color:#211915;}



/* NAVEGACIÓN */

#navegacion_titular{font-family:Century Gothic, Tahoma, sans-serif;}
#navegacion_titular ul li{list-style-type:none;display:inline;font-family:Arial, Tahoma,sans-serif;font-size:1em;color:#000;text-transform:capitalize;}
#navegacion_titular ul li a {color:#000;}
#navegacion_titular h2 {color:#000;font-size:1.5em;font-family:Arial, Tahoma, sans-serif;}
#navegacion_titular h2 .gract{color:#000;font-size:22px;font-family:Arial, Tahoma, sans-serif;}

/* SOLAPAS */

#solapas{
 margin-top:2em;
 z-index:501;
 display:block;
}
#solapas li {
  background:#EEE;
  list-style-type:none;
  float:left;
  margin:0;
  padding:1.4em 1.4em;
  border:1px solid #EEE;
  border-right:1px solid #E0E0E0;
  font-family:Lato,Arial,sans-serif;
  font-size:0.875em;;
}

#solapas li.act {
  background-color: #FFF;
  border-bottom:1px solid #FFF;
}

#solapas li img {display:block;float:left;margin:-2px 0 0 0;padding:0 8px 0 0;}

#solapas li a {
  color:#000;
  padding:8px 0;
}

#solapas li a:hover {color: #F5A623;}

.boton {
  display:inline-block;
  padding:.5em;
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  border-bottom:3px solid #DDDDDD;
  color:#000000;
  font-family:Lato,Arial,sans-serif;
  font-size:0.875em;cursor:pointer;
  text-transform:capitalize;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* iconos fuente awesome*/
.boton .fa {
  color:#211915;
}

.boton:hover {
  background-color:#211915;
  color:#FFFFFF;
  border:1px solid #DDDDDD;
  border-bottom:3px solid #DDDDDD;
}

.boton:hover .fa {
  color:#FFFFFF;
}
  
.botondesp {
  padding:1.625em;
  background-color:#FFF;
  border-right:1px solid #EEE;
  color:#777;
  font-family:Lato,Arial,sans-serif;
  font-size:0.875em;
  cursor:pointer;
 }

#titsolapas{display:none;}

.cont-solapas {
  background:#FFF;
  margin:0;
  padding:0;
  border:1px solid #EDEDED;
  border-bottom:3px solid #EDEDED;
  z-index:500;
  text-transform:capitalize;
}

.msolapas li {list-style-type:none;float:left;margin:0;padding:0;z-index:200;}

.msolapas li .boton {
  padding:1.6em;
  background-color:#FFF;
  border:none;
  border-right:1px solid #EEE;
  color:#777;
  font-family:Lato,Arial,sans-serif;
  font-size:0.875em;
  cursor:pointer;
  border-radius:inherit;
 } 
 
.bl_der.msolapas li .boton {
  border-right:none;
  border-left:1px solid #EEE;
}
  
.msolapas li .boton:hover {
  background-color:#211915;
  color:#FFFFFF;
}

.msolapas li .boton:hover .fa, .msolapas li:hover .fa {
  color:#FFFFFF !important;
}

.msolapas li.linv1:hover .botondesp {
  background-color:#211915;
  color:#FFFFFF;
 }
  
.msolapas li.linv1 .submsolapas {display: none;}
.msolapas li.linv1:hover span, .msolapas li.linv1_hover span {color:#000000;}
.msolapas li.lihover .submsolapas {display:block;}
.msolapas li.linv1:hover .submsolapas {display:block;}
.msolapas li.linv1_hover .submsolapas {display:block;}

.submsolapas {
  position:absolute;
  padding:1em 0 1em 0;
  width:225px;
 }
.submsolapas li {
  width:80%;
  padding:.5em 10%;
}

.submsolapas li:hover {
  background:#9B9B9B; 
  color:#000000; 
}

.submsolapas li:hover a {
  color:#000000 !important; 
}


/* EDITOR */

.blq_nv p,
.blq_nv ul,
.blq_nv ol {
  margin-bottom: 0;
  padding-bottom: 0;
}

.heditor_first {margin-top: 0;padding-top: 0;}
.heditor_first_left {margin-top: 0;padding-top: 0;text-align: left;}
.heditor_first_right {margin-top: 0;padding-top: 0;text-align: right;}
.heditor_first_center {margin-top: 0;padding-top: 0;text-align: center;}
.heditor_first_justify {margin-top: 0;padding-top: 0;text-align: justify;}
.heditor_left {text-align: left;margin-top: 0;text-align: left;}
.heditor_right {text-align: right;margin-top: 0;text-align: right;}
.heditor_center {text-align: center;padding-top: 0; margin-top: 0;}
.heditor_justify {text-align: justify;margin-top: 0;padding-top: 0;}
.heditor_underline {text-decoration: underline;}

 ul.heditor_first {padding:0;}
.heditor_first li {padding: .25em 0;list-style-position: inside;}


/* TABLAS */

.tb_fixed {table-layout: fixed;width: 99%;}
.tb_colap {border-collapse:collapse;}
.td_tb {border-collapse:separate;empty-cells:show;}
.tbest {border-spacing: .5em 1em;}
.tb_brs0{border-spacing:0;}

.tabla {
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}

.tablafix {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

/* ESTILOS GENÉRICOS */


* --------- Alineaciones textos,imágenes ------------------ */	

img {vertical-align: middle;}

.va_m {vertical-align:middle;}
.va_b{vertical-align:bottom;}
.va_t{vertical-align:top;}
.va_s {vertical-align:sub;}

.txa_r {text-align:right;}
.txa_l {text-align:left;}
.txa_c {text-align:center;}

.txt_b {font-weight: bold;}
.txt_n {font-weight: normal;}
.txt_it{font-style: italic;}
.txt_u{text-transform:uppercase;}
.txt_c{text-transform:capitalize;}



.cr_p{cursor:pointer;}
.cr_m{cursor:move;}
.lst_n {list-style-type:none;}

/* Bordes */
.brcg {border:1px solid #000000;}
.brcg2 {border-right:1px solid #000000;}
.brcg4 {border-left:1px solid #000000;}
.brcp {border:1px solid #211915;}
.brcp1 {border-top:1px solid #211915;}
.brcp2 {border-right:1px solid #211915;}
.brcp3 {border-bottom:1px solid #211915;}
.brcp4 {border-left:1px solid #211915;}
.brcs {border:1px solid #9B9B9B;}

.brcn {border:1px solid #F0F0F0;}
.brcn1 {border-top:1px solid #F0F0F0;}
.brcn2 {border-right:1px solid #F0F0F0;}
.brcn3 {border-bottom:1px solid #F0F0F0;}
.brcn4 {border-left:1px solid #F0F0F0;}

.brn{border:none;}
.brrn{border-right:none;}
.brbn{border-bottom:none;}
.brln{border-left:none;}
.brtn{border-top:none;}
.br0 {border:1px solid #000;}

.bgb {background-color:#FFF;}
.bgn {background:none !important;}
.bgc {background-color:#CCC;}

.brng1_1 {border-top:1px solid #EEE;}
.brng1_2 {border-right:1px solid #EEE;}
.brng1_3 {border-bottom:1px solid #EEE;}
.brng1_4 {border-left:1px solid #EEE;}

.brng2{border:1px solid #CCC;}
.brng2_1 {border-top:1px solid #CCC;}
.brng2_2 {border-right:1px solid #CCC;}
.brng2_3 {border-bottom:1px solid #CCC;}
.brng2_4 {border-left:1px solid #CCC;}

.brng3{border:1px solid #FFF;}
.brng3_1 {border-top:1px solid #FFF;}
.brng3_2 {border-right:1px solid #FFF;}
.brng3_3 {border-bottom:1px solid #FFF;}
.brng3_4 {border-left:1px solid #FFF;}

.primero { border: none !important;}

/* Tamaños */
.t1 {width: 1%;}
.t4 {width: 4%;}
.t5 {width:5%;}
.t6 {width: 6%;}
.t7 {width: 7%;}
.t8 {width: 8%;}
.t10 {width:10%;}
.t14 {width:14%;}
.t15 {width:15%;}
.t20 {width:20%;}
.t23 {width:23%;}
.t23_3 {width:23.3%;}
.t24 {width:24%;}
.t25 {width:25%;}
.t27 {width:27%;}
.t30 {width:30%;}
.t31 {width:31%;}
.t31_8 {width:31.85%;}
.t32 {width:32%;}
.t33 {width:33%;}
.t35 {width:35%;}
.t39 {width:39%;}
.t40 {width:40%;}
.t44 {width: 44%;}
.t45 {width:45%;}
.t47 {width: 47%;}
.t48 {width:48%;}
.t48_8 {width:48.8%;}
.t49 {width:49%;}
.t50 {width:50%;}
.t55 {width:55%;}
.t58 {width:58%;}
.t60 {width:60%;}
.t62 {width:62%;}
.t63 {width:63%;}
.t65 {width:65%;}
.t65_8 {width:65.85%;}
.t66 {width:66%;}
.t67 {width: 67%;}
.t69 {width: 69%;}
.t70 {width:70%;}
.t73 {width:73%;}
.t74 {width:74%;}
.t74_3 {width:74.35%;}
.t75 {width:75%;}
.t80 {width:80%;}
.t84 {width: 84%;}
.t85 {width:85%;}
.t88 {width:88%;}
.t90 {width:90%;}
.t91 {width: 91%;}
.t92 {width:92%;}
.t93 {width:93%;}
.t94 {width:94%;}
.t95 {width:95%;}
.t95_8 {width:95.75%;}
.t96 {width:96%;}
.t97 {width:97%;}
.t98 {width:98%;}
.t99 {width:99%;}
.t99_8 {width:99.85%;}
.t100 {width:100%;}
.t1005 {width:10.5%;}
.wauto {width:auto !important;}

.ampli.t31_8 .t40, .ampli.t23_3 .t40 {width:100%;}

.t1.625em {width:1.625em;}

/* z-index */
.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.z6 {z-index:6;}
.z10{z-index:10;}
.z20{z-index:20;}
.z21{z-index:21;}
.z600{z-index:600;}


/* Alturas */

.h20 {height:1.25em;}
.h30 {height:1.875em;}
.h38 {height:2.35em;}

.mh60 {min-height:60px;}
.mh180 {min-height:180px;}
.mh600 {min-height:600px;}

/* PADDINGS */

.pad0 {padding:0;}
.padl0 {padding-left:0;}
.padt1 {padding-top:1px;}
.padl1 {padding-left:1px;}
.padtb1 {padding-top:1px;padding-bottom:1px;}

.pad2{padding:.125em;}
.padt2 {padding-top:.125em;}
.padr2 {padding-right:.125em;}
.padl2 {padding-left:.125em;}
.padb2{padding-bottom:.125em;}
.padtb2 {padding-top:.125em;padding-bottom:.125em;}
.padlr2 {padding-left:.125em;padding-right:.125em;}

.pad3{padding:.2em;}
.padt3 {padding-top: .2em;}
.padb3 {padding-bottom: .2em;}
.padr3{padding-right:.2em;}
.padl3{padding-left:.2em;}
.padtb3 {padding-top:.2em;padding-bottom:.2em;}
.padlr3{padding-left:.2em;padding-right:.2em;}

.pad4{padding:.25em;}
.padt4 {padding-top:.25em;}
.padr4{padding-right:.25em;}
.padl4{padding-left:.25em;}
.padb4 {padding-bottom:.25em;}
.padtb4 {padding-top:.25em;padding-bottom:.25em;}
.padlr4{padding-left:.25em;padding-right:.25em;}

.pad5 {padding:.3125em;}
.padt5 {padding-top:.3125em;}
.padr5 {padding-right:.3125em;}
.padb5 {padding-bottom:.3125em;}
.padl5 {padding-left:.3125em;}
.padtb5 {padding-top:.3125em;padding-bottom:.3125em;}

.pad6 {padding:.375em;}
.padl6 {padding-left:.375em;}
.padlr6 {padding-left:.375em;padding-right:.375em;}
.padtb6 {padding-top:.375em !important;padding-bottom:.375em !important;}
.padb6 {padding-bottom:.375em;}

.padb7 {padding-bottom:.4375em;}
.pad8 {padding:.5em;}
.padt8 {padding-top:.5em;}
.padr8 {padding-right:.5em;}
.padb8 {padding-bottom:.5em;}
.padl8 {padding-left:.5em;}
.padtb8 {padding-top:.5em;padding-bottom:.5em;}
.padlr8 {padding-left:.5em;padding-right:.5em;}

.pad9 {padding:.5625em;}
.padtb9 {padding-top:.5625em;padding-bottom:.5625em;}
.padlr9 {padding-left:.5625em !important; padding-right:.5625em!important;}
.pad10 {padding:.625em;}
.padt10 {padding-top:.625em;}
.padr10 {padding-right:.625em;}
.padb10 {padding-bottom:.625em;}
.padtb10 {padding-top:.625em;padding-bottom:.625em;}
.padl10 {padding-left:.625em;}
.pad12 {padding:.75em;}
.padb12 {padding-bottom:.75em;}
.padlr14 {padding-left:14px; padding-right:14px;}
.padl15 {padding-left:15px;}
.padlr12 {padding-left:.75em;padding-right:.75em;}
.padlr13 {padding-left:13px;padding-right:13px;}
.pad16 {padding:1em;}
.padt16 {padding-top:1em;}
.padb16 {padding-bottom:1em;}
.padr16 {padding-right:1em;}
.padlr16 {padding-left:1em;padding-right:1em;}
.padl16 {padding-left:1em;}
.padtb16 {padding-top:1em;padding-bottom:1em;}
.padt20 {padding-top:1.25em;}
.padl24 {padding-left: 1.5em;}
.padr24 {padding-right: 1.5em;}
.padt32 {padding-top:2em;}
.padr32 {padding-right:2em;}
.padl32 {padding-left:2em;}
.padlr32 {padding-left:2em;padding-right:2em;}
.padl48 {padding-left:3em;}


/* paddings en % */

.pad1p {padding:1%;}
.padlr1p {padding-left:1%;padding-right:1%;}
.pad2p {padding:2%;}
.padr2p {padding-right:2%;}
.padb2p {padding-bottom:2%;}
.padl2p {padding-left:2%;}
.padlr2p {padding-right:2%;padding-left:2%;}
.padlr3p {padding-right:3%;padding-left:3%;}
.padlr4p {padding-right:4%;padding-left:4%;}
.pad4p {padding:4% !important;}
.padl5p {padding-left:5%;}
.padr5p {padding-right:5%;}


/* márgenes */

.mar0 {margin:0;}
.marauto {margin:0 auto;}
.mart1 {margin-top:.0625em;}

.mart2 {margin-top: .125em;}

.mart4 {margin-top: .25em;}
.marr4 {margin-right: .25em;}
.marb4 {margin-bottom: .25em;}
.marl4 {margin-left: .25em;}
.martb4 {margin-top: .25em;margin-bottom: .25em;}

.marr5 {margin-right:5px;}
.martb5 {margin-top:5px;margin-bottom:5px;}
.marlr5 {margin-left:5px;margin-right:5px;}
.marb6 {margin-bottom:6px;}

.martb8 {margin-top: .5em; margin-bottom: .5em;}
.marlr8 {margin-left: .5em; margin-right: .5em;}
.mart8 {margin-top: .5em;}
.marr8 {margin-right: .5em;}
.marb8 {margin-bottom: .5em;}
.marl8 {margin-left: .5em;}

.mart10 {margin-top:.625em;}
.marr10 {margin-right:.625em;}
.marb10 {margin-bottom:.625em;}
.martb10 {margin-top:.625em;margin-bottom:.625em;}
.marlr10 {margin-left:.625em;margin-right:.625em;}

.marl11 {margin-left:11px;}

.mar12 {margin:.75em;}
.marb12 {margin-bottom:.75em;}
.mart12 {margin-top:.75em;}
.marr12 {margin-right:.75em;}
.marl12 {margin-left:.75em;}

.mart13 {margin-top: .8em;}

.marr16{ margin-right:1em;}
.mart16 {margin-top:1em;}
.marb16 {margin-bottom:1em;}
.marl16 {margin-left: 1em;}
.martb16 {margin-top: 1em;margin-bottom:1em;}

.marl20 {margin-left: 1.25em;}
.marlr20 {margin-left: 1.25em; margin-right:1.25em;}

.marb24 {margin-bottom:1.5em;}
.marl24 {margin-left: 1.5em;}

.mart32 {margin-top:2em;}
.marl32 {margin-left:2em;}
.marr32 {margin-right:2em;}
.marb32 {margin-bottom: 2em;}
.martb32 {margin-top: 2em;margin-bottom: 2em;}

.marl34 {margin-left:2.125em;}
.mart48 {margin-top:3em;}


/*  márgenes en % */

.marl1p {margin-left:1%;}
.marl2p {margin-left:2%;}
.marl3p {margin-left:3%;}
.marl4p {margin-left:4%;}
.marr4p {margin-right:4%;}


/* media queries comunes a system y v_portal */

/* pantallas superiores a 800px e inferiores a 1200px*/
@media screen and (min-width: 800px) and (max-width: 1200px) {
  #navegacion .txtnav {
    display: block;
    font-size: 90%;
    padding:0;
  }
}

/* Pantallas inferiores a 1500px */
@media screen and (max-width: 1500px) {
	#navegacion li a {
		padding:1.25em 3% 1.25em 3%;
		width:94%;	
	}
	#navegacion li a .txt {font-size:13px;}
	#navegacion li .norm {font-size:13px;}
}

/* Pantallas inferiores a 1280px */
@media screen and (max-width: 1280px) {
	#navegacion li a {
		padding:1.1em 3% 1.1em 3%;	
	}
	#navegacion #logotipo_int { padding:.5em 0;}
	#navegacion li i.padr05 { padding-right:.25em;}
	#alumnos_anot { width:30%;}
  #conten_anotaciones { width:68%; }
}
/* Fin pantallas inferiores a 1280px */

/* Pantallas inferiores a 1200px */
@media screen and (max-width: 1200px) {
	#navegacion #logotipo_int { padding:.6em 0;}
	#navegacion li a { padding:1.05em 3% 1.05em 3%;}
	#navegacion li a .txt {font-size:12px;}
	#navegacion li .norm {font-size:12px;}
	.nav1 .norm {font-size:12px;padding-top:1.6em;padding-bottom:1.6em;}
}

/* Pantallas inferiores a 1110px */
@media screen and (max-width: 1110px) {
	#cnav, #cabsup .nav1 {width:16%;}
	.cab_int {width:84%;}
}


/* Pantallas inferiores a 1024px */
@media screen and (max-width: 1024px) {
	body {
		background:#F2F2F2 url("imgs/fnd_admin_1024.png") repeat-x 0 0;	
	}
	#cnav {background-color:#211915;float:left;margin:0;padding:0;position:relative;width:100%;z-index:5;}
	#cnav.mh600 { height:auto !important; min-height:auto !important;}
		
	#navegacion li {width:9.09%;}
  
  #navegacion li a {display:block;width:100%;height:30px;padding:1.5em 0;text-align: center;}
  #navegacion li .norm {font-size:14px;}
  	
  #cabsup .nav1 {padding:.25em 3% !important; width:3%;}
  .nav1 a {padding:1.5em 0;}
  
  #navegacion #logotipo_int {
  	position:absolute;
  	top:-62px;
  	left:9%;
  	width:143px;
  	padding:0;
  }
  
  #navegacion #logotipo_int a {
  	height:auto;
  	padding:0 !important;
  }
  
  #navegacion li i.padr05 { padding-right:0;}

  #navegacion li .txt, .nav1 a .txt {display:none;} 
  
  #navegacion .submenu_navegacion {position:absolute;top:72px;left:0;z-index:200;}
  
  #navegacion .submenu_navegacion li {border-bottom:none;color:#FFF;padding:.5em 0;width:auto;}  
  
  #navegacion .submenu_navegacion li a {border-right:1px solid #FFF;color:#FFF;padding:0 1em;}
  
  #mcab li {padding:1.5em 1em;}
  
  .cab_int {width:100%;}
	.cont_ext {padding:0 2%;}
	
	#solapas { margin-top:1em;}
	
	#solapas li { padding:1em;}
	
	.msolapas li a.boton, .msolapas li a.botondesp { padding:1em 1.6em;}
	
	.cont-solapas { margin-bottom:1em;}
	
}
/* Fin pantallas inferiores a 1024px */

/* Pantallas inferiores a 800px */
@media screen and (max-width: 800px) {
	
	#cabsup .nav1 { padding: .25em 3.2% .25em 3% !important;}
	
	#navegacion #logotipo_int {left:12%;}
	
	#navegacion_titular .t92 { width:80%;}
	
	.cont-solapas .msolapas.bl_der {float:left;border-right:1px solid #eee;}
	.cont-solapas .msolapas.bl_izq {border-bottom:1px solid #eee;}
	
	.pcol1 { width:100%;}
  .pcol2 { width:100%;}
  
  #alumnos_anot { width:40%; }
  #conten_anotaciones { width:58%; }
	.fila_anot {height:26px;}
}
/* Fin pantallas inferiores a 800px */


/* Pantallas inferiores a 760px */
@media screen and (max-width: 760px) {
	
	#cabsup .nav1 { padding: 0 4.2% 0 2% !important;}
	
	#navegacion #logotipo_int {left:10%;}
	
	#mcab { width: 68%;}
	#mcab li { float:right; padding:.25em 4%;border:none;}
	
	#mcab li.usuario_int {padding:.5em 4% 0 4%;width:92%;text-align:right;}
}
/* Fin pantallas inferiores a 760px */

/* pantalla inferior a 700 */
@media screen and (max-width: 700px) {
	#titsolapas{display:block;}
  #solapas{display:none;}
  #navegacion_titular .t7 {width:12%;}
  #navegacion_titular .t92 {width:88%;}
	#solapas {background:#F0F0F0;border: 1px solid #211915; margin:0 0 1em 0; padding:0; width:100%;}
	#solapas li {border:none; padding:1%; width:98%;}
	#solapas li.link {background:none;border:none;}
	#solapas .cn , #solapas li:hover {background:#377F9F;color:#FFFFFF;}
	#solapas li:hover a {color:#FFFFFF;}
	#solapas li a:hover {color:#FFFFFF;position:relative;}
	#solapas .act {display:none;}
	.ampli {width:100% !important;margin:0.5em 0 !important;}
}
/* Fin pantallas inferior a 700px */


.mple {background:#211915 url("imgs/icple.png") no-repeat right 8px bottom 6px;}
.mdesp {background:#211915 url("imgs/icdesp.png") no-repeat right 8px bottom 6px;}

/* pantalla inferior a 580 */
@media screen and (max-width: 580px) {

	#navegacion_titular {
		padding:0 5%;
		width:90%;
		margin:1.5em 0 0 0;
	}
	
	#navegacion_titular h2 {
		font-size:1em;	
	}
	
  #navegacion_titular ul li .gr, #navegacion_titular ul li .gract {
    font-size:14px !important; 
  }
  
  #navegacion_titular h2 .gract {
   font-size:16px !important; 
  }
  #navegacion_titular .t92 {width:80%;float:right;}
   
  
  #navegacion {display:none;} 
    
  #navegacion li {width:100%;}
  #navegacion li a {display:block;height:32px;padding:1% 0 1% 5%;text-align:left;width: 95%;}
  #navegacion .submenu_navegacion {float:left;position:relative;top:0;}
  #navegacion .submenu_navegacion li {border-top:1px solid #FFF;color:#FFF;padding: .5em 0 .5em 20%;width: 80%;}
  
  #navegacion li .txt { display: inline-block;}
  
  #navegacion li i.padr05 { padding-right:.5em;}
  
  #mcab li.usuario_int {width:auto !important;}
  #mcab li {padding:.5em 4%;}
  
  .btn-wr {
  	background:#2C85BD;
  	color:#FFFFFF;
    display:block !important;
    height:1em;
    width:2em;
    position:absolute;
    bottom:-2em;
    right:4%; 
    padding:0.5em 0;
    cursor:pointer;
    text-align:center;
  }
   
  .btn-wr.open {
   
  }
  
  .btn-wr.close {
    
  }
  
  #mcab {border-top:1px solid #eee; width:100%;}
  
  #cabsup .nav1 {
  	padding: 0 5% !important; 
  	width:4em;
  }
  
  .nav1 a {
    font-size: 12px;
    padding: 1em 0;
	}
	
	.nav1 i.padr05 { padding:0 0 0 1em;}
	
	#logo-mv {display:block;}
	
	#navegacion #logotipo_int {display:none;}
    
  .t24, .t23, .t32, .t31, .t49, .t48, .t65, .t66, .t64, .t74, .t73 {
   width:100%; 
  }
  
  .pcol2 #sortable .t31 {
  	margin: .5em 0 0 0;
  }
  
  
}