/*
	---- 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; }

/* Older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	body { line-height: 1; font-family:raleway,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; }

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

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

::-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:raleway; 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: url("../img/fondo_login.jpg") no-repeat top center;
        background-attachment: scroll;
        background-size: auto;
    background-attachment: fixed;
    background-size: cover;
	}
	#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:10px 0;}
			header .logo img { width:200px; margin-top:50px;}
			header .logo_izq img {width:60%;}
				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: 2px solid red;
				}

	#login { width:400px; height:190px; padding:20px; margin:0 auto; position:relative;
		-webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%);
		background:#fff; border:1px solid #ccc; box-shadow: 1px 2px 5px #535353;
	}
		#login h3 { width:100%; text-align:center; color:#fff; font-family: raleway-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:raleway-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%;min-height: 70vh;}
		.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;/*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;}
				.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:14px;border:1px solid #ccc; padding:10px 0; margin-left:20px;}
		.boxbuscador span {width:auto;font-weight:bold;font-size:14px;font-family:open-sans;margin:0 10px;}
		.boxbuscador ul {list-style:none;}
		.boxbuscador li {display:inline-block;width:auto;margin:0 10px;}