.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }

.row-fila{ margin: 0 -15px}
.col-columna-1,.col-columna-2,.col-columna-3,.col-columna-4,.col-columna-5,.col-columna-6,.col-columna-7,.col-columna-8,.col-columna-9,.col-columna-10,.col-columna-11,.col-columna-12{
	position: relative;
  	min-height: 1px;
  	padding-right: 15px;
  	padding-left: 15px;
}
.pseudo-input{ display: inline-block;}
/* para superiores a moviles*/
@media only screen and (min-width : 768px) {

.pull-left { float:left; }
.pull-right { float:right; }

/*columnas*/
.col-columna-1,.col-columna-2,.col-columna-3,.col-columna-4,.col-columna-5,.col-columna-6,.col-columna-7,.col-columna-8,.col-columna-9,.col-columna-10,.col-columna-11,.col-columna-12{
  	float: left;
  	padding-right: 0;
  	padding-left: 0;}
.col-columna-12 {
    width: 100%;
  }
  .col-columna-11 {
    width: 91.66666667%;
  }
  .col-columna-10 {
    width: 83.33333333%;
  }
  .col-columna-9 {
    width: 75%;
  }
  .col-columna-8 {
    width: 66.66666667%;
  }
  .col-columna-7 {
    width: 58.33333333%;
  }
  .col-columna-6 {
    width: 50%;
  }
  .col-columna-5 {
    width: 41.66666667%;
  }
  .col-columna-4 {
    width: 33.33333333%;
  }
  .col-columna-3 {
    width: 25%;
  }
  .col-columna-2 {
    width: 16.66666667%;
  }
  .col-columna-1 {
    width: 8.33333333%;
  }
#sticky_navigation {
	width:100%;
	z-index:10
}
#barra-contextual {
	position:relative;
	clear:both;
	background:#4A4A4A;
	border-bottom:1px solid #000;
	text-align:center;
}
.fixed {
	position:fixed!important;
	top:0px!important;
	left:0px!important;
	width:100%!important;
	z-index:10!important;
}
.ie6 .fixed, .ie7 .fixed {
	position: relative;
	width: auto;
	z-index: 1;
}
/*para que suba el menu a la altura del logo*/	
#navegacion-principal {
	clear:none;
	float:left;
}
#navegacion-principal .navitem {
	width:auto;
	float:left;
	display:block;
}
#navegacion-principal .navitem a {
	width:auto;
	float:none;
	padding:0 0.8em;
	font-size:1.3em;
	color:#B4D3E7;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:50px;
	height:50px;
}

#navegacion-principal .activo a {
	position:relative;
	color:#FFF!important;
	background-color:#02436F;
	background-image: linear-gradient(#026AB0, #024D7F);
}
#navegacion-principal .expander a, #navegacion-principal .navitem a:hover {
	position:relative;
	color:#000!important;
	background-color:#DDD;
	background-image: linear-gradient(#EEE, #DDD);
}
#navegacion-principal.inactiva .navitem .a:hover, #navegacion-principal.inactiva .expander .a {
	background:none!important;
	color:#B4D3E7!important;
}
/* subnavegacion */
.subnavegacion .item li {
	display:inline-block;
	vertical-align:top;
}
.subnavegacion .item li li {
	display:block;
	width:auto
}
/*cabecera usuario*/
#cabecera-usuario {
	float:right;
	position:relative;
	margin:0 7px 0 0
}
#cabecera-usuario-idiomas > ul{ margin: 0; padding: 0; list-style: none;}
#cabecera-usuario-idiomas .item {
	float:right;
	position:relative;
	margin:0 7px 0 0
}
#cabecera-usuario-idiomas .encabezado {
	position:relative;
	font-size:12px;
	color:#FFF;
	padding:0 15px 0 0;
	height:50px;
	line-height:50px;
}
#cabecera-usuario-idiomas .encabezado a {
	text-decoration:none;
	color:#FFF;
}
#cabecera-usuario-idiomas .encabezado:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -2px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-top: 5px solid;
	right: 0px;
	z-index: 1;
	border-top-color: #0287DF;
}
#cabecera-usuario-idiomas .encabezado .fa{ display: none;}
#cabecera-usuario-idiomas .item.hover .encabezado a { color:#B4D3E7 }
#nombreseccion { display:none; }
#barra-navegacion{float:right;
	position:absolute;
	right:0px;
	top:0px;}
#nav-soporte,#nav-documentacion,#nav-administracion { float: left;}
#nav-soporte a,#nav-documentacion a,#nav-administracion a {
	height:28px;
	line-height:28px;
	display:block;
	padding:0 1em;
	color:#E7E9EA;
	background:#696969;
	border-left:1px solid #404F5A;
	text-decoration:none;
}
#nav-soporte a:hover,#nav-documentacion a:hover,#nav-administracion a:hover {
	color:#FFF;
	background:#000;
}

/*subnavegacion*/
#navegacion-principal .subnavegacion {
	width:auto;
	min-width:250px;
}
.subnavegacion .item {
	display:block;
	width:80%;
	text-align:left;
	margin:0 auto 1em auto;
}
.subnavegacion .encabezado { display:none; }
.subnavegacion .subencabezado {
	display: inline-block;
	padding: 0 0 0 1em;
	font-size: 1.5em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}
.subnavegacion .subencabezado a { color:#3399CB; }
.subnavegacion .level1 { padding: 0; /*max-height:250px;
	overflow:auto;
	overflow-x:hidden;*/ }

/*Opciones-seccion*/
#opciones-seccion {
	margin:0 auto 1em auto;
	text-align:right;
	border-bottom:2px solid #D7D8D9
}
#opciones-seccion .encabezado { display:none; }
#opciones-seccion ul {
	clear:both;
	display:block;
}
#opciones-seccion ul li {
	display:inline-block;
	border-right:1px solid #FFF;
	margin-left:-3px;
}
#opciones-seccion ul li:nth-child(1) { margin-left:0; }
#opciones-seccion ul li a {
	text-decoration:none;
	display:inline-block;
	height:2.5em;
	padding:0 1.5em;
	color:#596366;
	background-color:#E8EAEA;
	background-image: linear-gradient(#F7F8F8, #E8EAEA);
	line-height:2.5;
	text-transform:uppercase;
}
#opciones-seccion ul li.activo a, #opciones-seccion ul li a:hover {
	position:relative;
	z-index:4;
	color:#FFF;
	background-color:#025287;
	background-image: linear-gradient(#025287, #90B3CA);
	box-sizing:border-box;
}
#opciones-seccion ul li.activo a { font-weight:bold; }
#opciones-seccion #li_ubicaciones{ float: left;}
#opciones-seccion #li_circuitos{ float: left;}
/*excepciones*/
#li_group_consulta_cobertura{ display: block; float: right;}
#li_group_consulta_cobertura h6{ float: left; line-height: 2.5; padding: 0 5px; font-weight: bold; font-size: 0.90em; margin: 0!important}
#li_group_consulta_cobertura ul{ clear: none!important; float: left; margin: 0; line-height: 1; vertical-align: top}
#li_group_ubicaciones_circuitos{ display: block; float: left;}
#li_group_ubicaciones_circuitos ul{ clear: none!important; float: left; margin: 0; line-height: 1; vertical-align: top}
/*botones filtrado*/



/*listado IPS*/
.listado-IPs ol {
	word-break:break-all;
	
}
.listado-IPs ol li {
	line-height: 1;
	margin:0 5px 15px 5px;
	display: inline-block;
	word-break:break-word;

}
.listado-IPs .col2 li,.listado-IPs .col3 li,.listado-IPs .col4 li{margin: 0 0 12px 0;padding: 0 0 0 10px;box-sizing: border-box;}
.listado-IPs .col2 li{ width: 50%}
.listado-IPs .col3 li{ width: 33%}
.listado-IPs .col4 li{ width: 25%}

.listado-directorios {
	display:block;
	margin:0 0 0.63em 0
}
.listado-directorios ol li {
	display:inline-block;
	margin:0 0.63em 0 0
}
.bloque header .actions{ margin: -8px 0 5px 0}
.nav-actions{ margin-bottom: 10px;}
.nav-actions .left {
	float:left;
}
.nav-actions .right {
	float:right;
}
.nav-actions .left li{ margin-right: 4px;}
.nav-actions .right li{ margin-left: 4px;}

/*aquí iban los bloques principales, pero se pasan a tamaños a partir de 768px*/
.grafico {
	text-align:center;
	margin:0 auto;
	box-sizing:border-box;/*background: #FAFAFA;
	border: 1px solid #F0F0F0;
	padding: 0.63em;*/
}
.grafico img { max-width:100%; }
.listado-graficos .grafico { margin:0 auto 1em auto }
/*formularios capa*/
.field_block {
	clear:both;
	margin:0 0 1em 0
}
.field_block .field_label {
	line-height:2;
	color:#333;
	float:left;
	width:32%;
	text-align:right;
}
.field_block .field_label2 {
	line-height:2;
	color:#333;
	float:left;
	width:40%;
	text-align:right;
}
.field_block .field_label3 {
	line-height:2;
	color:#333;
	float:left;
	width:22%;
	text-align:right;
}
.field_block .field_label4 {
	line-height:2;
	color:#333;
	float:left;
	width:32%;
	text-align:right;
}
.tipo-caja-rango .field_label { padding-top:20px; }
.field_block .field_desc {
	width:66%;
	float:right;
	text-align:left;
}
.field_block .field_desc2 {
	width:58%;
	float:right;
	text-align:left;
}
.field_block .field_desc3 {
	width:76%;
	float:right;
	text-align:left;
}
.field_block .field_desc4 {
	width:66%;
	float:right;
	text-align:left;
}
.field_block .field_info {
	display:inline-block;
	padding:0 0 0 0.50em
}

.formulario input[type="text"], .formulario input[type="email"], .formulario input[type="number"], .formulario input[type="password"] { width:80%; }
.formulario textarea {
	width:100%;
	height:7em;
}
.field_input_y_boton input,.pseudo-input{ width: calc(80% - 110px)!important;}
.form_actions {
	font-size:1.1em;
	padding:0.63em 0 0 0;
	clear:both;
	text-align:center;
}
.formulario .field_info {
	font-size:0.90em;
	color:#666;
	line-height:1.8em;
}
.texto-formulario {
	text-align:center;
	margin:0 auto;
	padding:2em 0
}
/*inputs de formulario - anchos*/
.pseudo_label{ margin-left: 10px;color:#333;}
.input-xxsmall { width:30px!important; }
.input-xmsmall { width:45px!important; }
.input-xsmall { width:60px!important; }
.input-small { width:90px!important }
.input-medium { width:120px!important }
.input-large { width:150px!important }
.input-xlarge { width:210px!important }
.input-xxlarge { width:270px!important }
.input-fecha { width:110px!important; }
/* paginacion ============================================================= */
.paginacion { float:right; }
/*TABLAS*/
.tablainterior {
	float:left;
	width:49.90%;
}

/*confirm box*/
#confirmBox {
	width:460px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
}

/*botones +*/
table.reducida .collapsarContenido a{ border: none;}
table.collapsada .collapsarContenido a{ border: none;}
table.reducida .collapsarContenido{ width: 40px;}
table.collapsada .collapsarContenido{ width: 40px;}

/*botones*/
.botonAlta{ float: left;}

/*tablas graficos*/
.graficos-2-columnas{ display: inline-block; width: 90%;}
.grafico-left{ display: inline-block!important; width: 55%; }
.grafico-right{ display: inline-block!important; width: 40%; margin-left: 10px}
/*.leyendas-personalizadas .columna{ width: 33%; float: left;}*/
}
/* Smartphones (vertical y horizontal) */
/* Smartphones 767 */
@media only screen and (max-width : 767px) {
#wrap { overflow:hidden }
#content { padding:0; }
#sarelightbox-bloque {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	margin:0px!important;
}
#cabecera {
	min-height:40px;
	position:static;
}
#sarelogo {
	margin:0 auto 0.31em auto;
	float:none;
	width:160px;
	text-align:center;
}
#barra-contextual {
	clear:both;
	background:#4A4A4A;
	border-bottom:1px solid #000;
	text-align:left;
}
#cabecera-usuario-idiomas{ position: absolute; float: right; width: 90px; top: 0px; right: 0px;}
#cabecera-usuario-idiomas .item {
	width:40px;
	height:40px;
	float: right;
	display: block;
	border-left: 1px solid #2B82BC
}
#cabecera-usuario-idiomas .navegacion {
	position: absolute;
    top: 40px;
    right: 0;
}
#cabecera-usuario-idiomas .encabezado{ width: auto!important;}
#cabecera-usuario-idiomas .encabezado a{
    background: none!important;
    width: auto!important;
    overflow: hidden!important;
    text-indent: 0px!important;
    color: #FFF;
    line-height: 40px;
    font-size: 22px;
    padding: 0;
    text-align: center;
}
#cabecera-usuario-idiomas .encabezado .literal{
    display: none!important;
}
#cabecera-usuario-idiomas .item.hover.hover ul {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	background:#FFF;
	display:block;
}
#cabecera-usuario-idiomas .navegacion ul li a { font-size:1.3em; }
#navegacion-principal { position:static; }
#navegacion-principal .encabezado { 
	text-transform:uppercase;
	position:absolute;
	left:10px;
	top:8px;
	text-decoration:none;
	height:24px;
}
#navegacion-principal .encabezado a {
	position:relative;
	width:24px;
	height:24px;
	line-height:24px;
	display:block;
	background:url(/img/spr-ico-menu.png) 0 -20px no-repeat;
	overflow:hidden;
	text-indent:-999em;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
}
#navegacion-principal.ActivoMenu .encabezado a {
	background-position:0 2px;
	padding:0;/*width:24px;
	overflow:hidden;
	text-indent:-999em;*/
}
#navegacion-principal ul {
	display:none;
	text-transform:uppercase;
	position:absolute;
	z-index:10;
	width:100%;
	text-align:left;
	background-color: #026AAF;
	background-image: linear-gradient(#025E9B, #01365A);
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3)
}
#navegacion-principal .navitem {
	margin:0 auto;
	border-bottom:1px solid #026AAF;
	display:block;
	color:#FFF;
}
#navegacion-principal .navitem a {
	text-decoration:none;
	font-size:1.3em;
	height:36px;
	line-height:36px;
	color:#FFF;
	text-align:left;
	padding:0 1em;
	display:block;
	position:relative;
}
#navegacion-principal .navitem .a:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	margin-left:-7px;
	bottom: -30px;
	border: 15px solid;
	border-color: #026AAF transparent transparent transparent;
	z-index:10;
}
#navegacion-principal .navitem .a:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	margin-left:-7px;
	bottom: -28px;
	border: 15px solid;
	border-color: #024B7C transparent transparent transparent;
	z-index:11;
}
#navegacion-principal .navitem .a:hover:after { border-color: #B4D3E7 transparent transparent transparent; }
#navegacion-principal .activo {
	font-weight:bold;
	display:block;
}
#navegacion-principal .navitem a:hover {
	background:#B4D3E7;
	color:#FFF;
}
#navegacion-principal .navitem.itemView { display:block; }
#navegacion-principal.ActivoMenu ul { display:block; }
#navegacion-principal.inactiva .navitem { display:none; }
.cerrar_menu {
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
	background: #EFEFEF;
	z-index:10
}
#nombreseccion {
	text-align:left;
	padding:0.31em 0.63em;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	display:none;
	background:#026AAF;
	color: #FFF;
	border-bottom: none;
}
/*miga*/
#breadcrumbs, #breadcrumbs ul, #breadcrumbs .current {
	width:auto;
	margin:0 auto;
	text-align:center;
}
#breadcrumbs li { font-size:0.96em; }
#breadcrumbs .last, #breadcrumbs .current {
	text-align:center;
	background:#3A3A3A;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
}
/*Nav soporte*/
#nav-soporte {
	position:absolute;
	width:40px;
	height:40px;
	top:0px;
	right:45px;
	border-left:1px solid #2B82BC;
	text-align:center;
	margin:0 auto;
}
#nav-soporte a {
	height:40px;
	display:block;
	background:url(/img/spr-icos-cab-320.png) -35px 50% no-repeat;
	width:30px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	text-indent:-999em;
}
#nav-documentacion {
	position:absolute;
	width:40px;
	height:40px;
	top:0px;
	right:85px;
	border-left:1px solid #2B82BC;
	text-align:center;
	margin:0 auto;
}
#nav-documentacion a {
	height:40px;
	display:block;
	background:url(/img/spr-icos-cab-320.png) 1px 50% no-repeat;
	width:30px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	text-indent:-999em;
}
#nav-administracion {
	position:absolute;
	width:40px;
	height:40px;
	top:0px;
	right:85px;
	border-left:1px solid #2B82BC;
	text-align:center;
	margin:0 auto;
}
#nav-administracion a {
	height:40px;
	display:block;
	background:url(/img/spr-icos-cab-320.png) 1px 50% no-repeat;
	width:30px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	text-indent:-999em;
}
/*nueva navegacion*/
#nueva-navegacion{    display: block;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background: #777;
    position: relative;
    top: 1px;}
    #nueva-navegacion > ul{ 
    float: none;
    display: inline-block;
    text-align: center;
	}
/*subnavegacion*/
.subnavegacion {
	display:none;
	position:absolute;
	width:100%;
	z-index:99;
}
.subnavegacion .encabezado {
	background-color: #026AAF;
	background-image: linear-gradient(#01365A, #025E9B);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	padding:0.31em 0.63em;
	font-size:1.6em;
	font-weight:bold;
}
.subnavegacion .subencabezado {
	background:#3399CB;
	background-image: linear-gradient(#3399CB, #025E9B);
	display: block;
	padding: 0.48em 1em 0.48em 1.8em;
	font-size: 1.4em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}
.subnavegacion .subencabezado::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -3px;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid;
	left: 12px;
	z-index: 1;
	border-left-color: #FFF;
}
.subnavegacion .subencabezado a {
	color:#FFF;
	text-decoration:none;
}
.subnavegacion .inner {
	clear:both;
	height:250px;
	overflow:auto;
	float:none;
	text-align:left;
	padding:0 0 1em 0;
}
.subnavegacion .level1 { padding: 1em; }
/*zona de contenidos*/
#zona-de-contenidos {
	padding:0.5em;
	position:relative;
}
/*opciones seccion*/
#opciones-seccion {
	margin:0 auto 1em auto;
	width:100%;
}
#opciones-seccion .encabezado {
	position: absolute;
	display: block;
	top: -26px;
	right: 5px;
}
#opciones-seccion .encabezado a {
	height:24px;
	width:24px;
	line-height:24px;
	display:block;
	background:url(/img/spr-ico-submenu.png) 0 -20px no-repeat;
	overflow:hidden;
	text-indent:-999em;
}
#opciones-seccion ul li{
	clear:both;
	background-color:#025E9B;
	background-image: linear-gradient(#027AC9, #025E9B);
	border-bottom:1px solid #FFF;
	box-sizing:border-box;
}
#opciones-seccion ul li.activo{
	clear:both;
	background-color: #024E80;
	background-image: none;
}
#opciones-seccion.ActivoMenu ul { display:block; }
#opciones-seccion ul li a {
	text-decoration:none;
	display:block;
	text-align:left;
	color:#FFF;
	font-size:1.1em;
	padding:0.63em;
	text-transform:uppercase;
	box-sizing:border-box;
}
#opciones-seccion ul li a:hover {
	color:#FFF;
	font-weight:bold;
}
#opciones-tercermenu ul li a {
	padding:0 0.5em;
	font-size:0.90em;
}
/*excepciones*/	
#li_group_consulta_cobertura{ display: block; float: none;}
#li_group_consulta_cobertura h6{ padding: 0.63em; float: none; text-transform: uppercase; color: #FFF; text-align: left; font-size: 1.1em}
#li_group_consulta_cobertura ul{ float: none;}
#li_group_consulta_cobertura ul li{font-size: 0.90em;}
#li_group_consulta_cobertura ul li a{ text-transform:none; padding-left: 25px;}
#li_group_ubicaciones_circuitos{ display: block; float: none;}
#li_group_ubicaciones_circuitos ul{ float: none;}
#li_group_ubicaciones_circuitos ul li{font-size: 0.90em;}
#li_group_ubicaciones_circuitos ul li a{ text-transform:none; padding-left: 25px;}
/*listado IPS*/
.listado-IPs ol li {
display: inline-block;
line-height: 1;
margin: 0 5px 15px 5px;
word-break: break-all;
}
/*bloques*/
.bloque, .bloque-tabla {
	clear:both;
	margin: 0 auto 1.5em auto;
	/*overflow:auto;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	overflow-y:hidden;*/
}

/*GRAFICOS e IMAGENES*/
.grafico {
	text-align:center;
	margin:0 auto;
	box-sizing:border-box
}
.grafico img { max-width:100%; }
.listado-graficos .grafico { margin:0 auto 1em auto }
/*formularios capa*/
.field_block {
	clear:both;
	margin:0 0 1em 0
}
.field_block .field_label {
	line-height:2;
	color:#333;
	text-align: left;
}
.field_block .field_label2 {
	line-height:2;
	color:#333;
	text-align: left;
}
.field_block .field_label3 {
	line-height:2;
	color:#333;
	text-align: left;
}
.field_block .field_label4 {
	line-height:2;
	color:#333;
	text-align: left;
}
.pseudo_label{ display: block; margin-top: 10px; line-height:2;
	color:#333;
	text-align: left;}
.field_block .field_desc { text-align:left; }
.field_block .field_desc2 { text-align:left; }
.field_block .field_desc3 { text-align:left; }
.field_block .field_desc4 { text-align:left; }
.field_block input, .field_block select { width:100%; }
.field_block .field_info {
	display:inline-block;
	padding:0 0 0 0.50em
}

input[type="text"] { width:100% }
input[type="text"], input[type="email"], input[type="number"], input[type="password"], .formulario textarea, .formulario select {
	color:#666;
	border:1px solid #CCC;
	border-radius:0px;
	padding:0.40em 0.31em;
	box-sizing:border-box;
}
.field_input_y_boton input,.pseudo-input{ width: calc(100% - 110px);}
/****************************************/
.formulario textarea {
	width:100%;
	height:7em;
	box-sizing:border-box;
}
.form_actions {
	font-size:1.1em;
	padding:0.63em 0 0 0;
	clear:both;
	text-align:center;
}
.formulario .field_info {
	font-size:0.90em;
	color:#666;
	line-height:1.8em;
}
/****************************************/
/*tablas interiores*/
.tablasinteriores th, .tablasinteriores td { border-bottom:3px solid #CCC; }
.tablasinteriores th *, .tablasinteriores td * { border:none!important }
.encabezado-ubicacion {
	display:block;
	margin:0px
}
.selectfiltro{ float:right; position:relative;}
.selectfiltro select{ font-size:11px; position:absolute; right:0px; top:0px; z-index:9 }
.dataTables_info,.dataTables_paginate{ clear:both; margin: 5px auto}
/*-----*/
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }
.filtro .filtrar{ text-align:center!important;}
.filtro .filtrar label{ display: block; text-align:left!important;}
.filtro .filtrar button{ margin: 7px auto 10px auto }
/*confirm box*/
#confirmBox {
	width:100%;
	position:fixed;
	left:0;
	top:50%;
	margin:-130px 0 0 0;
}

table.reducida .collapsarContenido a{ background-color: #F2F2F2!important; border: 1px solid #EEE!important}
table.collapsada .collapsarContenido a{ background-color: #F2F2F2!important; border: 1px solid #EEE!important}

}
/* Smartphones 320 o menores */
@media only screen and (max-width : 320px) {
/* Aqui vuestros estilos */
#sarelogo {
	margin:0 auto 0.31em auto;
	float:none;
	width:30px;
	overflow:hidden;
	text-align:center;
}
#sarelogo img {
	width:auto;
	height:32px;
	margin:5px auto 0 auto;
	max-width:inherit!important;
}
#navegacion-principal .navitem {
	width:auto;
	float:none;
	display:block;
	text-align:center;
	margin:0 auto;
}
#navegacion-principal .navitem a {
	width:auto;
	float:none;
	display:block;
	text-align:center;
	margin:0 auto;
}
#navegacion-principal ul { width:100% }
.listado-IPs ol li {
	width:auto;
	display:block;
}
}
 @media only screen and (min-width : 980px) {
/*espacios*/
.cAuto {
	width:auto;
	display:inline-block
}
.c100 {
	margin:10px auto;
	clear:both;
	text-align:center;
}
.c20 {
	width:19%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
}
.c30 {
	width:29%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
}
.c33 {
	width:31%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
}
.c40 {
	width:39%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
}
.c50 {
	width:49%;
	float:right;
	vertical-align:top;
	box-sizing:border-box;
	clear: none;
}
.c50.first { float:left; }
.c60 {
	width:59%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
	box-sizing:border-box;
}
.c70 {
	width:69%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
	box-sizing:border-box;
}
.c80 {
	width:79%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
	box-sizing:border-box;
}
.c90 {
	width:89%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em 0 0;
	box-sizing:border-box;
}
/*tablas*/
.t50 {
	width:49%;
	display:inline-block;
	margin:0 0 0 1%;
	vertical-align:middle;
}
.t50.first { margin:0; }
}
/* iPads (horizontal) */
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }
#navegacion-principal{
clear: both;
float: none;
}
#navegacion-principal .navitem a{ line-height: 36px; height: 36px; padding: 10px;}
#sarelogo img{ height: 36px!important;}
#nombre_usuario{ line-height: 36px; height: 36px;}

#navegacion-principal .navitem {
    float:left;
    text-align:center;
    line-height:2;
    border-top: 1px solid #0263A4
}

/* one item */
#navegacion-principal .navitem:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
#navegacion-principal .navitem:first-child:nth-last-child(2),
#navegacion-principal .navitem:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

/* three items */
#navegacion-principal .navitem:first-child:nth-last-child(3),
#navegacion-principal .navitem:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

/* four items */
#navegacion-principal .navitem:first-child:nth-last-child(4),
#navegacion-principal .navitem:first-child:nth-last-child(4) ~ li {
    width: 25%;
}
/* four items */
#navegacion-principal .navitem:first-child:nth-last-child(5),
#navegacion-principal .navitem:first-child:nth-last-child(5) ~ li {
    width: 20%;
    font-size: 20px;
}
/* five items */
#navegacion-principal .navitem:first-child:nth-last-child(6),
#navegacion-principal .navitem:first-child:nth-last-child(6) ~ li {
    width: 16.66%;
    font-size: 0.9em
}
#breadcrumbs{ float: left;}
#barra-navegacion{ float: right; position: static;}
}
@media only screen and (min-width : 980px) and (max-width : 1024px) and (orientation : landscape) {
/* Aqui vuestros estilos */
#zona-de-contenidos{ padding: 15px 10px;}
}

/* iPads (vertical) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

/* Aqui vuestros estilos */

img { max-width:100%; }
#navegacion-principal { float:none; }
#navegacion-principal .navitem {
	float:left;
	display:block;
}
#navegacion-principal .navitem a {
	width:auto;
	float:none;
	display:block;
}
}
/* Pantallas 1024 */
@media only screen and (min-width : 1024px) {
#navegacion-principal .navitem a { padding:0 1.5rem; }
/* Aqui vuestros estilos */
.colAB {
	clear:left;
	float:left;
	width:63%;
	margin:0 0 1em 0
}
.colC {
	float:right;
	width:35%;
}
}
/* Escritorios y portatiles */
@media only screen and (min-width : 1224px) {
#navegacion-principal .navitem a { padding:0 2rem; }
/* Aqui vuestros estilos */
.vc_grafico {
	text-align:center;
	margin:0 auto;
}
.vc_grafico img {
	width:100%;
	max-width:500px;
}
.subnavegacion .item li {
	display:inline-block;
}
.subnavegacion .item li a { padding-left:3em }
.subnavegacion .item li a::before { left:2em; }
.subnavegacion .item li li {
	display:block;
	width:auto
}
}

/* Pantallas grandes */
@media only screen and (min-width : 1650px) {
/* Aqui vuestros estilos */
#navegacion-principal .navitem a { padding:0 3rem; }
}

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-resolution: 1.5dppx) {
/* Aqui vuestros estilos */

}
/*ESPECIFICO GRAFICOS*/
@media only screen and (min-width : 480px) and (max-width : 767px) {
#container, .grafico .contenedor { height: 180px!important; /*background:red;*/}
}
@media only screen and (min-width : 768px) and (max-width : 979px) {
#container, .grafico .contenedor { height: 300px;}
.c50 .grafico #container, .c50 .grafico .contenedor { height: 200px!important; }
.minicontainerC { top:0px!important; }
.grafico-left #container, .grafico .contenedor { height: 200px!important; }
}
@media only screen and (min-width : 1024px) and (max-width : 1279px) {
#container, .grafico .contenedor {
	width:80%;
	height: 310px;/*background:yellow;*/
}
.grafico-left #container, .grafico .contenedor { height: 200px!important; }
.c50 .grafico #container, .c50 .grafico .contenedor {
	width:96%;
	height: 200px!important;
}
}
@media only screen and (max-width : 479px) {
.grafico-correo .flotr-title{ position: static; text-align: center!important; width: auto!important; left: 0px!important}
.nav-actions{ float: none;}
.nav-actions ul,.nav-actions ul li{ display: block!important; float: none!important;}

#sarelogo {
margin: 3px auto 0 44px;
float: left;
width: 145px;
text-align: center;
}
#sarelogo img {
text-align: center;
margin: 5px auto 0 auto;
max-width: 145px;
}
.leyendas-personalizadas .columna{ width: 100%!important; float: none!important; margin-bottom: 10px}
}
@media only screen and (min-width : 1280px) {
#firmasGlobales textarea{ height:127px!important;}
#container, .grafico .contenedor {
	width:80%;
	max-width:800px;
	height: 310px;/* background:orange;*/
}
.c50 .grafico #container, .c50 .grafico .contenedor {
	width:96%;
	height: 200px!important;
}
.c33 .grafico #container, .c33 .grafico .contenedor {
	width:96%;
	height: 200px!important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
/*#wrap{background:yellow;}*/
#wrap {
font-size:1.36em;
}
#content {
/*background:yellow*/
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
#wrap {
font-size:1.50em;
}
#content {
/*background:red*/
}
}

@media only screen and (max-width: 767px) {
	
	/* Force table to not be like tables anymore */
	table.reducida{ width:100%!important; display: block; min-height:28px;}
	table.reducida tbody, 
	table.reducida th, 
	table.reducida td, 
	table.reducida { 
		display: block;
		min-height:28px;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	table.reducida thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	table.reducida tr { border: 1px solid #ccc; width: 100%;
display: block;
box-sizing: border-box;}
 
	table.reducida td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
		white-space: normal;
		text-align:left!important;
	}
 
	table.reducida td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		content: attr(data-title); 
		color:#000;
	}
 
	/*
	Label the data
	*/
	td.reducida:before { content: attr(title); color:#000;}
	td.reducida-data-title:before { content: attr(data-title)!important; color:#000;}
	table.reducida .dataTables_empty,table.reducida .details{
		position: static;
		padding: 10px!important; 
		text-align:center!important;
		font-weight: bold!important;}
	table.reducida .dataTables_empty:before,table.reducida .details:before{ content: none!important;position: static!important;
		/* Top/left values mimic padding */
		top: 0!important;
		left: 0!important;
		width: auto!important;
		padding: 6px!important; 
		text-align:center!important;
		font-weight: bold!important;
		}
		table.reducida .details{
		position: static;
		padding: 0px!important; 
		text-align:left!important;
		font-weight: normal!important;}
	table.reducida .details:before{ content: none!important;position: static!important;
		/* Top/left values mimic padding */
		top: 0!important;
		left: 0!important;
		width: auto!important; 
		padding: 0px!important; 
		text-align:left!important;
		font-weight: bold!important;
		}
		table.reducida .details .alert-info{ margin: -2px 0px -1px 0px!important;
border-radius: 0px!important; }
	.botones-accion{ float:none;}
	.asico{ position:static!important; vertical-align:top!important}
	.grafico-correo .label_fecha{margin-top: 28px!important; right: 10px!important;}
	.grafico-correo .anno-mes{ position:static!important}
	.grafico-correo .flotr-title{ text-align: left!important; left: 40px!important}
}

@media only screen and (min-width : 480px) {
.pull50 {
	width:49%;
	float:right;
	vertical-align:top;
	box-sizing:border-box;
}
.pull50.first { float:left; }
.grafico-correo .anno-mes {
	position:absolute;
	left:10px;
	top:-5px;
	height:20px;
	line-height:20px;
}
.grafico-correo .label_fecha {
	border-color:#000!important;
	border-bottom:none;
	height:20px;
	line-height:20px;
	padding:0 10px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	top: 0px;
	position: absolute;
	right: 10px;
	background: #FFF;
	z-index: 999;
}

}

/*----------------- TABLAS ----------------------*/

@media only screen and (max-width: 1024px) {
	table#buzones{ width:100%!important}
	table#buzones td:nth-child(1),table#buzones th:nth-child(1),
        table#buzones td:nth-child(2),table#buzones th:nth-child(2)
        {display: none;}
}
 
@media only screen and (max-width: 979px) {
	table#buzones{ width:100%!important}
	table#buzones td:nth-child(1),table#buzones th:nth-child(1),
        table#buzones td:nth-child(2),table#buzones th:nth-child(2),
        table#buzones td:nth-child(4),table#buzones th:nth-child(4),
        table#buzones td:nth-child(9),table#buzones th:nth-child(9)
        {display: none;}
        
        table#asistencias{ width:100%!important}
	table#asistencias td:nth-child(2),table#asistencias th:nth-child(2),
        table#asistencias td:nth-child(5),table#asistencias th:nth-child(5),
        table#asistencias td:nth-child(8),table#asistencias th:nth-child(8) 
        {display: none;}
        
        table#monitores{ width:100%!important}
	table#monitores td:nth-child(3),table#monitores th:nth-child(3)
        {display: none;}
       
        table#circuitos{ width:100%!important}
	table#circuitos td:nth-child(5),table#circuitos th:nth-child(5),table#circuitos select[rel="6"]
        {display: none;}
        
        table#t_ubicaciones{ width:100%!important}
	table#t_ubicaciones td:nth-child(2),table#t_ubicaciones th:nth-child(2),table#t_ubicaciones select[rel="1"],table#t_ubicaciones select[rel="2"]
        {display: none;}

    .cAuto, .c100, .c10, .c20, .c30, .c40, .c50, .c60, .c70, .c80, .c90 {
	margin:0 auto 1em auto;
	padding:0;
	clear:both;
	box-sizing:border-box;
}

/*informacion contextual*/
.ocultar-info-context{ display: none;}
}
 


/*------------------------------------------------------------------------------------------------------------------*/
/*graficos redes*/
.zona-rosco-redes{ background: #DDD}
.zona-rosco-redes #rosco{ min-height: 200px}
.zona-rosco-redes #roscoLegend{ min-height: 100px;}
.zona-rosco-redes #apps{ min-height: 200px;}
.graficos-redes .encabezado{ text-align: left; font-weight: bold; line-height: 1; color: #333; margin-bottom: 12px; padding-left:35px;}
/*.graficos-redes .encabezado
	{text-align: left;
    font-weight: bold;
    line-height: 1.3;
    color: #333;
    margin-left: 65px;
    padding: 5px 15px;
    border: 1px solid #666;
    width: auto;
    display: inline-block;
    border-bottom: 1px solid #FFF;
    position: relative;
    z-index: 1;
    top: 1px;}*/
.graficos-redes > li{ text-align: left; border-top: 2px solid #EEE; display: block; margin: 0 auto 15px auto; padding: 10px 0 0;}
.graficos-redes > li:nth-of-type(1){ border-top: none;padding: 0;}
.grafico-redes-tipo1 { margin-bottom: 5px;}
.grafico-redes-tipo1 #container,.grafico-redes-tipo1 .contenedor{ height: 200px; }
.grafico-redes-tipo2 #container,.grafico-redes-tipo2 .contenedor{ height: 200px; }
.graficos-redes .flotr-titles{ font-size: 12px; font-weight: normal;}
@media only screen and (min-width : 980px) {
.graficos-redes{ margin-top: -15px}
.grafico-redes-tipo1 #container,.grafico-redes-tipo1 .contenedor{ height: 150px; }
.grafico-redes-tipo2 #container,.grafico-redes-tipo2 .contenedor{ height: 100px; }
.grafico-unico .grafico-redes-tipo1 #container,.grafico-unico .grafico-redes-tipo1 .contenedor,.grafico-unico .grafico-redes-tipo2 #container,.grafico-unico .grafico-redes-tipo2 .contenedor{ height: 200px;}
}
.fa.icon-white {
    color: white;
}
.fa.icon-white .a:hover{
    color: red;
}