/*
	---- Reset blocks ----
	Sergio Hoyuela, Virtual Cube Engineering
*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video { margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

	/*	---- Fonts loader  ---- */
/*	@font-face { font-family: open-sans; src: url("open-sans-Regular.ttf"); 	}
	@font-face { font-family: open-sans-bold; src: url("open-sans-Bold.ttf"); 	}
	@font-face { font-family: open-sans-semibold; src: url("open-sans-Semibold.ttf"); 	}
*/

@font-face {
	font-family: 'open-sans-light';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
	font-family: 'open-sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
	font-family: 'open-sans-semibold';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
	font-family: 'open-sans-bold';
	font-style: normal;
	font-weight: 900;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

	/* 	----------------------- */

/* Older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	body { line-height: 1; font-family:open-sans,arial; font-weight:normal; font-size:62.5%; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	*:focus { outline: none; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }

::-webkit-input-placeholder {color: #ccc; }
:-moz-placeholder { color: #ccc; opacity:  1; }
::-moz-placeholder { color: #ccc; opacity:  1; }
:-ms-input-placeholder { color: #ccc; }


/* Common effects */
	/* * { -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }*/

	::-webkit-scrollbar { width: 5px; height: 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	::-webkit-scrollbar-track:enabled { background-color: none; }
	::-webkit-scrollbar-thumb:vertical { background-color: #006eba; opacity:0.6; }
	::-webkit-scrollbar-thumb:horizontal { background-color: #006eba; opacity:0.6; }
	::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder , :-ms-input-placeholder  { color: #626262; font-family:open-sans; font-size:13px; font-weight:bold; text-transform:lowercase; }


/*	----------------------- */
/*  ---- check browser ---- */
	#checkbrowser {display:none; width:100%; position:absolute; left:0; top:0; right:0; height:100vh; background:rgba(0,0,0,0.45); z-index:9999; margin:0 auto;}
	.boxbrowser { padding-top:30px;position: relative; top:30%; background-color: #fff; display:inline-block; width:360px; height:208px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

		.boxbrowser p { padding-bottom:20px; font-family:arial; font-size:9pt; color: #000; }
			.boxbrowser a { text-decoration:none; text-decoration: underline; color: #000;}

		.closebox { position:absolute; right:5px; top:5px; z-index:90;}
			.closebox img:hover { cursor:pointer; }
			.closebox a { text-decoration:none;}
			.closebox a:hover { cursor:pointer;}

/*	----------------------- */
/*	---- Common Styles ---- */
	h1, h2, h3, h4, h5, h6 { width:100%; text-align:left; }
	h1,h2 { font-family:open-sans-semibold; font-size:27pt;  }
	h3 { font-family:open-sans-semibold; font-size:15pt; text-decoration: uppercase;  }

	p { font-family: open-sans; font-size:11pt; line-height:1.6;}

	a { text-decoration:none; }
	a:hover { text-decoration:none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; cursor:pointer; }

	html { }
	.main_bg_login {
    background: url("../img/fondo_login.jpg") no-repeat top center;
        background-attachment: scroll;
        background-size: auto;
    background-attachment: fixed;
    background-size: cover;
	}
	.main_bg {
    background: #fcfce1
		}
	#fullwrap { margin:0 auto; width:100%; overflow:hidden;}
	#fullwrap_e { margin:0 auto; width:100%; height:100vh; overflow:hidden;}

		header { margin:0 auto; position:relative; /*height:76px;*/ width:100%; /*background: rgba(255,255,255,1);*/ z-index:999; }
			header .logo { margin:0 auto; text-align:center;top:50px}
			header .logo_izq {float:left;padding:20px 0; vertical-align:middle;}
			header .logo img { width:200px; margin-top:50px;}
			header .logo_izq img {width:120px;vertical-align: middle; margin-right:15px;}
				h3.extranet-titulo { width:100%;text-align:center;color:blue;font-weight:bold; margin-top:30px;margin-top:30px;
					text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
				}
				.rounded_box { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
					border-bottom-left-radius:8px; border-bottom-right-radius:8px;border-top-left-radius:8px; border-top-right-radius:8px;
					 border: 1px solid #ccc;
				}
				.boton {width:90px;padding:9px;text-align:center;margin-right:12px; display:inline-block;line-height: 1.5; background-color:#76d8d8;color:#fcfefc;font-weight:700;}
					.boton:hover {cursor:pointer;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; background-color: #bbb; color:#535353}
					.boton:hover img {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
					.boton img {width:18px;float:left;}

	.logosmarcas {width:100%;overflow:hidden;text-align:center;}
		.logosmarcas img {width:150px;vertical-align:middle}

		.perso {width:100%;list-style:none;}
			.perso label {width:27%; float:left;line-height:1.2}
			.perso li {width:100%;display:block;text-align:left;margin-bottom:3px;}
			.perso input[type=text] {width:65%;padding:3px;}
			.perso ul {margin-left:10px;margin-bottom:10px;}
			.perso span {font-weight:bold;text-decoration:underline; font-size:14px;text-align:left;}

	#login { width:400px; height:190px; padding:20px; margin:0 auto; position:relative;
		-webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(15%);
		background:#fff; border:1px solid #ccc; box-shadow: 1px 2px 5px #535353;
	}
		#login h3 { width:100%; text-align:center; color:#fff; font-family: open-sans-bold; font-size:20pt;
				text-shadow: -1px 0 #2fb6ba, 0 1px #2fb6ba, 1px 0 #2fb6ba, 0 -1px #2fb6ba;
		}
		#login ul { list-style:none; font-size:16px; color: #ffffff; margin-left:5%; padding:30px;}
		#login ul li { position:relative; float:left; display:block; height:36px; margin-bottom:10px;}
		#login ul li label { width:120px; position:relative; float: left; }
		#login input[type=text] { background: url(../img/usuario.png) no-repeat left; background-size:25px 26px; color:#535353; }
		#login input[type=password] { background: url(../img/candado.png) no-repeat left; background-size:25px 26px; color:#535353; }
		#login input[type=text], #login input[type=password] { width:300px; height:30px; font-size:18px;
				border:none; outline:none; text-align:center;margin-bottom:5px; padding:5px;
				border-bottom:1px solid #ccc;
		}
		#login input[type=button] { width: 310px; font-size:20px; height:40px; padding:5px; color: yellow; padding:2px; border:1px solid red; background-color:#2fb6ba; outline:none; }
		#login input[type=button]:hover { background-color:red; color: #fff;  cursor:pointer;
				-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;
		}
		#login input[type=button]:active { box-shadow: 0 0 14px #ccc; background-color: #2fb6ba; }
		#login input {margin-bottom:4px;}

		#message_zone { width:400px; height:35px; padding:20px; margin:0 auto; top:120px; position:relative;
					-webkit-transform: translateY(90%); -ms-transform: translateY(90%); transform: translateY(90%);
					background-color: #2fb6ba; display:none;
		}
		#message_zone p { text-align:center; width:100%; font-family:open-sans-bold !important; font-size:22px !important; color: #fff !important; }



		section { }
		aside { }
		.prefooter { height:250px; background-color: #234a5d; color:#fff; width:100%; margin:0 auto; text-align:center; overflow:hidden; }
		footer { height:60px; margin:0 auto; background-color: #17303e; width:100%; overflow:hidden;}


	#full_separador { position:relative; width:100%; border-top: 4px solid #2fb6ba; clear:both; padding-bottom:15px; height:5px;}
	#full_separador2 { position:relative; width:100%; border-bottom: 4px solid #2fb6ba; clear:both; padding-bottom:15px; height:5px;}

	.sabana { width:100%; height:100%; overflow:hidden; text-align:center; position:absolute; z-index:10; display:none;}
		.sabana img { width:50px !important; position:relative;  }

	.contenedor_extranet { margin:0 auto; width:100%;}
		.col_e1 { width:100%; position:relative; float:left; clear:both; }
		.col_e2 { width:100%; position:relative; float:left; clear:both; margin-bottom:100px; }

	.filatabla {position:relative;width:100%;}
		.col {float:left;display:block;position:relative;padding:10px;text-align:center;margin:0 auto;}
			.ancho38 {width:38%;}
			.ancho58 {width:58%;}

	#extranet { top:10px; width:93%; }
	.mensajero {display:none}

	.caption_tabla { margin:10px 0;}

	/* pestañas */
		.pestanas { padding:0; }
		.pestanas ul { list-style:none; padding:0; width:100%; }
			ul.pestana {width:100%;margin:0;padding:0;list-style:none; float:left; white-space: nowrap;/*background-color: #38b5e4;*/

			}

				.pestana li, .pestana_ant li, .pestana_hc li { /*margin-right:10px;*/ text-align:center; display:inline-block;
					padding:0px; line-height:1em;background:#aaa; margin:0 1px;}
				.pestana li::before { content:'' !important; }
					.pestana li:first-child {margin-left:0px}
				.pestana li.selected, .pestana_ant li.selected, .pestana_hc li.selected {background:#f4f4f4;color:#fff!important;}
					.pestana li.selected {
						color:yellow!important;
						border-top:4px solid #f4f4f4;border-left:4px solid #f4f4f4;border-right:4px solid #f4f4f4;border-bottom:4px solid #f4f4f4;
				}
				.pestana li.selected::after,.pestana_ant li.selected::after,.pestana_hc li.selected::after {
					content: ''; display: block; width: 100%; height: 2px; margin-top:4px;
					transition: width .3s; z-index:1; position:relative;
					color:#fff;
				}
					.pestana li.selected::after { background: #f4f4f4;color:#f4f4f4; }
					.pestana li a:link,.pestana li a:active,.pestana li a:visited, .pestana li a:hover {
						line-height:30px;font-size:14px;text-decoration:none;display:block;color:#000;padding:0 15px;
					}
					.pestana li.selected a:link,.pestana li.selected a:active,.pestana li.selected a:visited,.pestana li.selected a:hover{ color:#000; }
					.pestana_hc li.selected a:link,.pestana_hc li.selected a:active,.pestana_hc li.selected a:visited,.pestana_hc li.selected a:hover{   }
						.pestana li.selected a {font-weight:bold;font-size:20px;}
					.pestana li::after { content: ''; display: block; width: 0; height: 2px; margin-top:4px;
					transition: width .3s; z-index:1; position:relative; }
						.pestana li::after { background: #f4f4f4; }
						.pestana li:hover::after { width: 100%; }

				div.cont_pestana {
					margin:0;padding:20px; /*border:4px solid red;*/padding:15px;position:relative;width:100%;
					background:#f4f4f4; font-size:14px; color:#000; font-family:open-sans; overflow-y:auto; height:100%;
					overflow-x: hidden; min-height: 70vh;
					webkit-box-shadow: 5px 5px 1px -1px rgba(0,0,0,0.25);
					-moz-box-shadow: 5px 5px 1px -1px rgba(0,0,0,0.25);
					box-shadow: 5px 5px 1px -1px rgba(0,0,0,0.25);
				}

				.cont_pestana p {font-size:14px;line-height:100%;margin:0;padding-left:8px;}
	/* ----------- */
	/* --- graficas ---- */
		#grafica {display:none;width:95%;height:45vh;}
		#barrita {display:block;}
		#grafica, #barrita { border:1px solid #ccc;float:left;}

		.losbotones {clear:both;overflow:hidden;float:right;}
			.buttons {min-width: 310px;text-align: center;margin: 1rem 0;font-size: 0;}
			.buttons button {cursor: pointer;border: 1px solid silver;border-right-width: 0;background-color: #f8f8f8;
    		font-size: 1rem;padding: 0.5rem;transition-duration: 0.3s;margin: 0;
			}
			.buttons button:first-child {border-top-left-radius: 0.3em;border-bottom-left-radius: 0.3em;}
			.buttons button:last-child {border-top-right-radius: 0.3em;border-bottom-right-radius: 0.3em;border-right-width: 1px;}

			.buttons button:hover {color: white;background-color: rgb(158 159 163);outline: none;}
			.buttons button.active {background-color: #0051b4;color: white;}

	/*-- tablas --*/
	.ancho45 {width:45%;}
	.resumenestados {white-space:nowrap;width:100%;font-family: open-sans;}
		.resumenestados caption {font-size:16px; color:blue; background-color:#ccc;width:100%;padding:10px 0;font-weight:bold;}
		.resumenestados .tituloscom {font-weight:bold;background-color:blue;color:#fff;font-size:14px;padding:5px;}
			.tituloscom td, .tituloscom th {padding:5px;}
		.resumenestados td {min-width:5px;width:auto;max-width:70px;padding:3px;}
		.resumenestados td.izq {text-align:left;}
		.resumenestados td.cen {text-align:center;}
		.resumenestados td.der {text-align:right;}

	.boxbuscador {width:95%;font-family:open-sans;font-size:12px;border:1px solid #ccc; padding:5px 0; margin-left:20px;}
		.boxbuscador span {width:auto;font-weight:bold;font-size:12px;font-family:open-sans;margin:0 10px;}
		.boxbuscador ul {list-style:none; width:auto; margin-bottom:10px;}
		.boxbuscador li {display:inline-block;width:auto;margin:0 10px;}

	.paginacion {width:100%;display:block;text-align:center;margin:0 auto;padding:5px}
		.paginacion span {padding:5px;display:inline-block;text-align:center; margin-right:4px;}
			.paginacion a {text-decoration:none;color:#000;}
			.paginacion .pnoactiva:hover {background:#ccc;}
			.paginacion .pnoactiva a:hover {background:#ddd;color:#fff;font-weight:bold;}
		.pactiva {background:#ddd;font-weight:bold;border:1px solid #ddd;}
		.pnoactiva {background:#fff;border:1px solid #ddd;}
		.bloquesigpag, .bloqueantpag {background:#000;color:fff;font-weight:bold;}
		.bloqueantpag {}

			.textcen {text-align:center;}
			.textder {text-align:right;}
			.textizq {text-align:left;}

	.acciones {list-style:none;display:inline;float:right}
	.col1buscador {width:65%;position:relative;display:inline-block; padding:5px;vertical-align:middle;}
	.col2buscador {width:30%;position:relative;display:inline-block;float:right;text-align:right;padding-top:20px;}

	.contenido_con .filamain, .contenido_com .filamain {height:28px;line-height:1.7; border-bottom:1px dotted #535353;}
		.contenido_con .filamain > .columna, .contenido_com .filamain > .columna {line-height:1.7;}
	.contenido_con .filamain:hover, .contenido_com .filamain:hover {cursor:pointer;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; background-color: #aee8dd !important; border-top:1px solid #535353;border-bottom:1px solid #535353;}
	.ancho3 {width:3%;}
	.boxbuscador select {max-width:180px}

	.drop-down1 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down1 select { display: none; }
	.drop-down1 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 20px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:300px; box-shadow:1px 2px 4px #535353}
	.drop-down1 .select-list li { display: none; }
	.drop-down1 .select-list li span { display: inline-block; min-height: 20px; min-width: 280px; width: 100%; padding: 3px 0; background-color: #fff;
		background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
		.drop-down1 .select-list li span:hover, .drop-down1 .select-list li span:focus { opacity: 1; }

	.drop-down2 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down2 select { display: none; }
	.drop-down2 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:250px; box-shadow:1px 2px 4px #535353}
	.drop-down2 .select-list li { display: none; }
	.drop-down2 .select-list li span { display: inline-block; min-height: 20px; min-width: 280px; width: 100%; padding: 5px 15px 5px 35px; background-color: #fff;
		background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
	.drop-down2 .select-list li span:hover, .drop-down2 .select-list li span:focus { opacity: 1; }

	.drop-down3 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down3 select { display: none; }
	.drop-down3 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:100px; box-shadow:1px 2px 4px #535353 }
	.drop-down3 .select-list li { display: none; }
	.drop-down3 .select-list li span { display: inline-block; min-width: 235px; width: 100%; padding: 5px 15px 5px 35px; background-color: #fff;
				background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
	.drop-down3 .select-list li span:hover, .drop-down3 .select-list li span:focus { opacity: 1; }

	.drop-down11 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down11 select { display: none; }
	.drop-down11 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 20px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:300px; box-shadow:1px 2px 4px #535353}
	.drop-down11 .select-list li { display: none; }
	.drop-down11 .select-list li span { display: inline-block; min-height: 20px; min-width: 280px; width: 100%; padding: 3px 0; background-color: #fff;
		background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
		.drop-down11 .select-list li span:hover, .drop-down11 .select-list li span:focus { opacity: 1; }

	.drop-down22 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down22 select { display: none; }
	.drop-down22 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:250px; box-shadow:1px 2px 4px #535353}
	.drop-down22 .select-list li { display: none; }
	.drop-down22 .select-list li span { display: inline-block; min-height: 20px; min-width: 280px; width: 100%; padding: 5px 15px 5px 35px; background-color: #fff;
		background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
	.drop-down22 .select-list li span:hover, .drop-down22 .select-list li span:focus { opacity: 1; }

	.drop-down33 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down33 select { display: none; }
	.drop-down33 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:100px; box-shadow:1px 2px 4px #535353 }
	.drop-down33 .select-list li { display: none; }
	.drop-down33 .select-list li span { display: inline-block; min-width: 235px; width: 100%; padding: 5px 15px 5px 35px; background-color: #fff;
				background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
	.drop-down33 .select-list li span:hover, .drop-down33 .select-list li span:focus { opacity: 1; }

	.drop-down44 { position: relative; display: inline-block; width: 280px; margin-top: 0; font-family: open-sans; }
	.drop-down44 select { display: none; }
	.drop-down44 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #fff; overflow-y:auto; overflow-x:hidden; height:100px; box-shadow:1px 2px 4px #535353 }
	.drop-down44 .select-list li { display: none; }
	.drop-down44 .select-list li span { display: inline-block; min-width: 235px; width: 100%; padding: 5px 15px 5px 35px; background-color: #fff;
				background-position: left 10px center; background-repeat: no-repeat; font-size: 12px; text-align: left; color: #000; opacity: 0.7; box-sizing: border-box; }
	.drop-down44 .select-list li span:hover, .drop-down44 .select-list li span:focus { opacity: 1; }

	.select-list li span:hover {cursor:pointer}
	.select-list-link {text-decoration:none; color:#535353;}
	.button {padding:5px}

	.isloading {width:100%;height:100%;position:absolute;margin:0 auto; background:rgba(255,255,255,0.85);z-index:9999;display:none;}
		.loader {margin-top:15%;margin-left:46%;width:auto!important;}