

/* 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; height:60px;}
 
/*------------------------- 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:#47A1D9; width:14%;}
.nav1 .submenu_navegacion {background-color:#47A1D9;}
.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;}
.col_nav12 {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; position:relative; float:left;list-style-type:none;} 

#mcab ul {
	display:none;
  margin: 0;
  position: absolute;
  top:100%;
  background: white;
  padding: 0;
  left: -1px;
  border: 1px solid #EEE;
  border-top:none;
  z-index: 999;
}

#mcab .li_pitaghoras ul { top:97%;}
#mcab .usuario_int ul { top:99%;}

#mcab li:hover ul { display: block;}

#mcab ul li { 
  float: none;
  border-left: none;
  padding: .5em 1em;
  border-bottom: 1px solid #EEE;
  font-size: 14px;
  white-space: nowrap;
}

#mcab ul li a:hover { color:#e2001a;} 
  
#mcab li .num_avisos, #mcab li .num_msgbz {
  position: absolute;
  top: 6px;
  right: 3px;
  background: #B20000;
  color: #FFF;
  font-size: 11px;
  padding: 3px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;
}

#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:#47A1D9;}

.cont_ext {padding-left:2%;width:96%;padding-bottom:10em;}

#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.45em 0;}

#navegacion #logotipo_int a {text-align: center;}

#navegacion li a:hover {color:#333333;}

#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;}
#mcab li.li_pitaghoras {padding:1em 1em;}  
#mcab li.li_pitaghoras img { width:30px;}

.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_1_5 {font-size:1.5em;}
.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 #47A1D9;background-color:#47A1D9;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:#47A1D9;color:#FFFFFF;}
.ui-datepicker-calendar input.current {background-color:#47A1D9;color:#FFFFFF;}
.ui-datepicker-calendar td.current:hover {background-color:#47A1D9;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:#47A1D9;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:#ffa600 !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:#37B0A7 url("imgs/tituloizda.gif") repeat-y top left;}
span.stit2 {padding:3px 16px 3px 6px;background:#37B0A7 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;
  height:30px;
 }
 
 .bl_der .list_bred ul li {
 		height:auto;
 }
 
 .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 ul,
.list_bred li.linv1_hover ul { 
  position: absolute;
  top: 53px;
  margin:0;
	padding:0;
  display: block;
  background-color: #FFF;
  right: -1px;
  border: 1px solid #EEE;
  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: 46px;
}

.list_bred li.linv1:hover ul li,
.list_bred li.linv1_hover ul li {
  border-top:1px solid #EEE;
  padding: .75em 10%;
  margin: 0;
  width: 80%;
}

.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;
 }

.bl-ampli {
	overflow: hidden;
}
  
.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%; 
}

.ampli.t31_8 .t98.padl2p, .ampli.t23_3 .t98.padl2p { 
	width:100% !important;
	padding-left:0;
}

.ampli.t31_8 .caja_ampli, .ampli.t23_3 .t40 { width:98% !important; padding-left:2%; border-bottom:1px solid #EEE;}


.ampli img.t40 { width:40% !important; padding-left:0;}

.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 #37B0A7;
	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;
}

.col_anot {
	height:50px;
	overflow:hidden;
}

.titalu {padding-top:25px !important;height:39px;}

.tittot{ height:45px;padding-top: 20px !important;}

.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:#333333;}
.forminact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#CCCCCC;}
.formact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#29968D;}
.formsobcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.formsobcs {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.formsobcn {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.formcampos {font-family:Lato,Arial,sans-serif;font-size:14px;border:1px #37B0A7 solid;color:#333333;background-color:#CAEFEC;}
.formselect {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;background-color:#CAEFEC;}
.formcaja {font-family:Lato,Arial,sans-serif;font-size:14px; border:1px #37B0A7 solid;color: #333333;background-color:#37B0A7;}

select.form {color:#333333;background-color:#FAFAFA;border:1px solid #DDDDDD;}
input.form {color:#333333;background-color:#FAFAFA;border:1px solid #DDDDDD;padding:0 .25em;}
textarea.form {color:#333333;background-color:#FAFAFA;border:1px solid #DDDDDD;}

.norm {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.normcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#37B0A7;}
.norminact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#CCCCCC;}
.normact {font-family:Lato,Arial,sans-serif;font-size:14px;color:#29968D;}
.normsobcp {font-family:Lato,Arial,sans-serif;font-size:14px;color:#FFFFFF;}
.normsobcs {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.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:#333333;margin:0 0 5px 5px;height:1.25em;}
.norm_input {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333; width:240px;margin:0 0 5px 0;}

.pq {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#333333;}
.pqcp {font-family:Lato,Arial,sans-serif;font-size:0.625em;color:#37B0A7;}
.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:#333333;}

.gr {font-family:Lato,Arial,sans-serif;font-size:25px;color:#333333;}
.grcp {font-family:Lato,Arial,sans-serif;font-size:20px; color:#37B0A7;}
.grinact {font-family:Lato,Arial,sans-serif;font-size:20px; color:#CCCCCC;}
.gract {font-family:Lato,Arial,sans-serif;font-size:25px; color:#29968D;}
.grsobcn {font-family:Lato,Arial,sans-serif;font-size:20px; color:#333333;}
.grsobcs {font-family:Lato,Arial,sans-serif;font-size:20px; color:#333333;}
.grsobcp {font-family:Lato,Arial,sans-serif;font-size:20px; color:#FFFFFF;}

.btnpestsobcp {font-family:Lato,Arial,sans-serif;font-size:14px;;color:#333333;}
.btn {font-family:Lato,Arial,sans-serif;font-size:14px;;color:#333333;}
.sobcn {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.sobcs {font-family:Lato,Arial,sans-serif;font-size:14px;color:#333333;}
.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:#333333;}
a.forminact:link {color:#CCCCCC;}
a.formact:link {color:#29968D;}
a.formsobcn:link {color:#333333;}
a.formsobcs:link {color:#333333;}
a.formsobcp:link {color:#FFFFFF;}

a.norm:link {color:#333333;}
a.normcp:link {color:#37B0A7;}
a.norminact:link {color:#CCCCCC;}
a.normact:link {color:#29968D;}

a.gr:link {color:#333333;}
a.grcp:link {color:#37B0A7;}
a.grinact:link {color:#CCCCCC;}
a.gract:link {color:#29968D;}

a.btn:link {color:#333333;}
a.btnpestsobcp:link {color:#333333;}
a.sobcn:link {color:#333333;}
a.sobcs:link {color:#333333;}
a.sobcp:link {color:#FFFFFF;}

a.grsobcn:link {color:#333333;}
a.grsobcs:link {color:#333333;}
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:#333333;}
a.forminact:visited {color:#CCCCCC;}
a.formact:visited {color:#29968D;}
a.formsobcn:visited {color:#333333;}
a.formsobcs:visited {color:#333333;}
a.formsobcp:visited {color:#FFFFFF;}

a.norm:visited {color:#333333;}
a.normcp:visited {color:#37B0A7;}
a.norminact:visited {color:#CCCCCC;}
a.normact:visited {color:#29968D;}

a.gr:visited {color:#333333;}
a.grcp:visited {color:#37B0A7;}
a.grinact:visited {color:#CCCCCC;}
a.gract:visited {color:#29968D;}

a.btn:visited {color:#333333;}
a.btnpestsobcp:visited {color:#333333;}
a.sobcn:visited {color:#333333;}
a.sobcs:visited {color:#333333;}
a.sobcp:visited {color:#FFFFFF;}
a.grsobcn:visited {color:#333333;}
a.grsobcs:visited {color:#333333;}
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:#EF2715;}
a.forminact:hover {color:#EF2715;}
a.formact:hover {color:#EF2715;}
a.formsobcn:hover {color:#EF2715;}
a.formsobcs:hover {color:#EF2715;}
a.formsobcp:hover {color:#EF2715;}

a.norm:hover {color:#EF2715;}
a.normcp:hover {color:#EF2715;}
a.norminact:hover {color:#EF2715;}
a.normact:hover {color:#EF2715;}

a.gr:hover {color:#EF2715;}
a.grcp:hover {color:#EF2715;}
a.grinact:hover {color:#EF2715;}
a.gract:hover {color:#EF2715;}

a.btnover {font-family:Lato,Arial,sans-serif;font-size:14px;;color:#EF2715;}
a.btn:hover {color:#EF2715;}
a.btnpestsobcp:hover {color:#EF2715;}
a.sobcn:hover {color:#EF2715;}
a.sobcs:hover {color:#EF2715;}
a.sobcp:hover {color:#EF2715;}
a.grsobcn:hover {color:#EF2715;}
a.grsobcs:hover {color:#EF2715;}
a.grsobcp:hover {color:#EF2715;}

a.btnbarragr:hover {color:#EF2715;}
a.btnbarra:hover {color:#EF2715;}

a.naveg:hover {color:#666666}

/* enlaces - color de los active */

a.form:active {color:#333333;}
a.forminact:active {color:#CCCCCC;}
a.formact:active {color:#29968D;}
a.formsobcn:active {color:#333333;}
a.formsobcs:active {color:#333333;}
a.formsobcp:active {color:#FFFFFF;}

a.norm:active {color:#333333;}
a.normcp:active {color:#37B0A7;}
a.norminact:active {color:#CCCCCC;}
a.normact:active {color:#29968D;}

a.gr:active {color:#333333;}
a.grcp:active {color:#37B0A7;}
a.grinact:active {color:#CCCCCC;}
a.gract:active {color:#29968D;}

a.btn:active {color:#333333;}
a.btnpestsobcp:active {color:#333333;}
a.sobcn:active {color:#333333;}
a.sobcs:active {color:#333333;}
a.sobcp:active {color:#FFFFFF;}
a.grsobcn:active {color:#333333;}
a.grsobcs:active {color:#333333;}
a.grsobcp:active {color:#FFFFFF;}

a.btnbarragr:active {color:#FFFFFF;}
a.btnbarra:active {color:#FFFFFF;}

a.naveg:active {color:#666666;}
a.act {color:#37B0A7;}

.despcheck {
	position:absolute;
	top:1.4em;
	padding:.5em 1em;
	border:1px solid #DDDDDD;
	width:8em;
	border-radius:4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	display:none;
	z-index:999;
}

.cajasel {
	border:1px solid #F0F0F0;
	background-color:#FAFAFA;
}

.capa_pause {
	background:rgba(212, 212, 212, 0.60);
	position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:100;
}

.capa_play {
	position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:100;
}

.capa_pause span, .capa_play span { 
	position:absolute;
	left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
  -webkit-transform: translate(-50%, -40%);	
  width:100%;
}

.ic_pause .fa { font-size:60px;}

.ic_edit .fa {font-size:70px;}

.ic_edit .fa, .ic_pause .fa { 
	background: rgba(255, 255, 255, 0.80);
	border-radius: 50px;
  border: 1px solid #eee;
  box-shadow: 1px 1px 0px 0px #d6d6d6;
  width: 60px;
	height: 60px;
}

.ic_edit .fa-pencil {	padding:5px 15px 25px 15px;}

.ic_pause .fa-pause { padding:15px 18px 15px 12px; }

.ic_pause .fa-play { padding:15px 15px 15px 15px; }

.ic_edit .fa:hover, .ic_pause .fa:hover { background:#FFF;}

.bt-ampli {	position:absolute; bottom:-36px; left:45%; cursor:pointer;	}

.bt-ampli .fa {
	background:#FFF;
	border:1px solid #eee;
	box-shadow:1px 1px 0px 0px #d6d6d6;
	width:18px;
  height:18px;
  padding:4px 4px 4px 6px;
}

.submampli {
  position:absolute;
  padding:1em 0 1em 0;
  width:225px;
  border-radius:4px;
  display:none;
  left:0;
  top:-2px;
 }
 
.submampli li {
  list-style-type:none;
}

.submampli li a {
  width:80%;
  padding:.5em 10%;
}

.submampli li:hover, .submampli li a:hover { 
	background:#CAEFEC;
	color:#333333 !important;
}

.bt-ampli:hover .submampli {display:block;}

.bt-ampli:hover .fa {
	background:#37B0A7;
	color:#FFFFFF !important;
	border:1px solid #37B0A7;
}

/* 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 #37B0A7;background-color:#37B0A7;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:#37B0A7;color:#FFFFFF;}
.ui-datepicker-calendar input.current {background-color:#37B0A7;color:#FFFFFF;}
.ui-datepicker-calendar td.current:hover {background-color:#37B0A7;color:#FFFFFF;}
.ui-datepicker-calendar {width:227px;height:140px;margin-top:0;}
.ui-datepicker-calendar td.ui-datepicker-week-end {background-color:#DDDDDD;color:#333333;}
.ui-datepicker-calendar td.ui-datepicker-today {background-color:#37B0A7;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:#FF9100 !important;}

/* FRAMESET */
frameset {margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}

a {color:#333333;}

/* 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:#FF9100;color:#FFFFFF;}  
.cb a {color:#FFFFFF !important;}  
.cp {background-color:#37B0A7;color:#FFFFFF;}
.cp a {color:#FFFFFF !important;}
.cs {background-color:#CAEFEC;color:#333333;}
.cs a {color:#333333 !important;}
.cn {background-color:#DDDDDD;color:#333333;}
.cbot {background-color:#FFFFFF;color:#333333;}
.cbot a {color:#333333 !important;}

.fndb {background-color:#FFF;}
.bgb {background-color:#FFF;}
.bg_ng2 {background-color:#F7F7F7;}
.bgn {background:none !important;}


.colpri {color:#37B0A7;}
.colovrbot {color:#37B0A7;}
.colgen{color:#333333;}
.colact{color:#29968D;}
a.colact {color:#29968D;}



/* 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: #EF2715;}

.boton {
  display:inline-block;
  padding:.5em;
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  border-bottom:3px solid #DDDDDD;
  color:#333333;
  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:#37B0A7;
}

.boton:hover {
  background-color:#37B0A7;
  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:#37B0A7;
  color:#FFFFFF;
}

.msolapas li .boton:hover .fa, .msolapas li:hover .fa {
  color:#FFFFFF !important;
}

.msolapas li.linv1:hover .botondesp {
  background-color:#37B0A7;
  color:#FFFFFF;
 }
  
.msolapas li.linv1 .submsolapas {display: none;}
.msolapas li.linv1:hover span, .msolapas li.linv1_hover span {color:#333333;}
.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:#CAEFEC; 
  color:#333333; 
}

.submsolapas li:hover a {
  color:#333333 !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;
}

/* --- Paginación --- */

.paginacion {
	display: inline-block;
	border-radius: 4px;
	white-space: nowrap;
	margin:0;
}

.paginacion>li {
  display: inline;
}

.paginacion>li:first-child>a, .paginacion>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.paginacion>li:last-child>a, .paginacion>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.paginacion>li>a, .paginacion>li>span {
  position: relative;
  float: left;
 	padding: 7px 12px;
  margin-left: -1px;
  line-height: 1.25;
  color: #333333;
  text-decoration: none;
  background-color: #FFF;
  border: 1px solid #DDD;
}

.paginacion>li:last-child>span, .paginacion>li:first-child>span {
	background-color:#F3F3F3;
	color:#B7B7B7;
	padding: 6px 12px;
  height: 19px;
}

.paginacion .active a, .paginacion a:focus, .paginacion a:hover {
 	color: #FFFFFF;
  background-color: #37B0A7;
  border-color: #37B0A7;
}

.paginacion .active a, .paginacion .active a:focus, .paginacion .active a:hover  {
	cursor: default;
	 z-index: 3;
}

/* 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;}
.va_tt {vertical-align:text-top;}

.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 #333333;}
.brcg2 {border-right:1px solid #333333;}
.brcg4 {border-left:1px solid #333333;}
.brcp {border:1px solid #37B0A7;}
.brcp1 {border-top:1px solid #37B0A7;}
.brcp2 {border-right:1px solid #37B0A7;}
.brcp3 {border-bottom:1px solid #37B0A7;}
.brcp4 {border-left:1px solid #37B0A7;}
.brcs {border:1px solid #CAEFEC;}

.brcn {border:1px solid #DDDDDD;}
.brcn1 {border-top:1px solid #DDDDDD;}
.brcn2 {border-right:1px solid #DDDDDD;}
.brcn3 {border-bottom:1px solid #DDDDDD;}
.brcn4 {border-left:1px solid #DDDDDD;}

.brad4 {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.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%;}
.t8_2 {width: 8.2%;}
.t10 {width:10%;}
.t12 {width:12%;}
.t14 {width:14%;}
.t15 {width:15%;}
.t16 {width:16%;}
.t18_4 {width:18.4%;}
.t20 {width:20%;}
.t22_7 {width:22.7%;}
.t23 {width:23%;}
.t23_3 {width:23.3%;}
.t24 {width:24%;}
.t25 {width:25%;}
.t27 {width:27%;}
.t30 {width:30%;}
.t31 {width:31%;}
.t31_3 {width:31.3%;}
.t31_8 {width:31.85%;}
.t32 {width:32%;}
.t33 {width:33%;}
.t35 {width:35%;}
.t38_8 {width:38.8%;}
.t39 {width:39%;}
.t40 {width:40%;}
.t44 {width: 44%;}
.t45 {width:45%;}
.t47 {width: 47%;}
.t48 {width:48%;}
.t48_5 {width:48.5%;}
.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_6 {width:65.6%;}
.t65_8 {width:65.85%;}
.t66 {width:66%;}
.t67 {width: 67%;}
.t70 {width:70%;}
.t73 {width:73%;}
.t74 {width:74%;}
.t74_2 {width:74.2%;}
.t74_3 {width:74.35%;}
.t79_6 {width:79.6%;}
.t75 {width:75%;}
.t80 {width:80%;}
.t84 {width: 84%;}
.t85 {width:85%;}
.t88 {width:88%;}
.t89_8 {width: 89.8%;}
.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;}

.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%;}
.marr2p {margin-right: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 1420px */
@media screen and (max-width: 1420px) {
	.ampli.t48_8 .padl2p.t98 { padding-left:0; width:100%;}
	.ampli.t48_8 .bl_izq.t40 { width:94%; border-bottom:1px solid #EEE; padding:0 3%;}
}

/* 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) {

	#cnav {background-color:#37B0A7;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:#DDDDDD;border: 1px solid #37B0A7; 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:#37B0A7;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 2em 0 !important;}
}
/* Fin pantallas inferior a 700px */


.mple {background:#37B0A7 url("imgs/icple.png") no-repeat right 8px bottom 6px;}
.mdesp {background:#37B0A7 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:#47A1D9;
  	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;
  }
    
}

