@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

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,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family: 'Dosis', sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.2; font-family: 'Roboto Condensed', sans-serif;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input:not([type="checkbox"]):not([type="radio"]){-webkit-appearance:none;-webkit-border-radius:0}

div, input, select, textarea { font-family: 'Roboto Condensed', sans-serif; }
table { padding: 0px; margin: 0px; font-family: 'Roboto Condensed', sans-serif; }
tr { }
td { vertical-align: top; font-family: 'Roboto Condensed', sans-serif; }
a { text-decoration: none; color: #333333; font-family: 'Roboto Condensed', sans-serif; }
.opcion {
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	display: block; padding: 4px 8px; background-color: #8790ab; color: #FFFFFF; text-align: left;
	float: left; margin-right: 5px; margin-bottom: 3px;
}
.opcion-top {
	width: 140px; 
}
.opcion-middle {
 height: 30px;
}
.opcion-middle .a {
	font-family: 'Roboto Condensed', sans-serif;
	width: 450px;
	float: left;
	vertical-align: middle;
	padding-top: 6px;
}
.opcion-middle .b {
	font-family: 'Roboto Condensed', sans-serif;
	width: 100px;
	float: left;
	text-align: center;
	font-size: 1.5em;
}
.opcion-middle .c {
	font-family: 'Roboto Condensed', sans-serif;
	width: 200px;
	text-align: right;
	float: left;
	font-size: 1.2em;
	padding-top: 3px;
}
.opcion:hover {
	text-decoration: underline;
}
.opcion-act {
	background-color: #00bfff; 
}
.opcion-title, .opcion-title .a, .opcion-title .b, .opcion-title .c {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #d2d5e0; 
	color: #293d3d;
	font-size: 1em;
	padding-top: 6px;
}
.opcion-result {
	background-color: #e1e3ea; 
	color: #293d3d;
}
.resultados {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #FFFFFF;
	margin-top: 20px;
}
.resultados tr td {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 6px 8px;
	border-bottom: 1px solid #c2d6d6;
	font-size: 0.9em;
}
.resultadosTr td {
	color: #00bfff;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding: 10px 15px;	
}
.header_top {
	width: 100%;
	background-color: #FFFFFF;
	height: 42px;
	border-bottom: 1px solid #AFAFAF;
}
.header_top .nom {
	color: #ff4d4d;
	font-size: 1.9em;
	padding: 5px;
	letter-spacing: -1px;
}
.solicitud {
	background-color: #FFFFFF;
}
.solicitud td {
	padding: 10px 18px;
	border-bottom: 1px solid #c2d6d6;
	background-color: #FFFFFF;
}
.solicitud .title-a {
	font-size: 1.8em;
	letter-spacing: -1px;
}
.solicitud .title-b {
	font-size: 1.3em;
	background-color: #00bfff;
	color: #FFFFFF;
	letter-spacing: -1px;
}
.solicitud .name {
	font-size: 1.1em;
	letter-spacing: -1px;
	color: #00bfff;
	width: 150px;
}
.solicitud .value {
	font-size: 1em;
	letter-spacing: -1px;
	color: #000000;
}

.solicitud-row {
	background-color: #FFFFFF;
}
.solicitud-row tr {	border-bottom: 1px solid #efefef; }
.solicitud-row tr:hover {  background-color: #ededed !important; }

.solicitud-row td {
	padding: 4px 10px;
}

.solicitud-row .title-a {
	background-color: #f5f5f5; font-size: 1em;
	letter-spacing: -0.5px;
	padding: 10px
}
.solicitud-row .title-b {
	font-size: 1em;
	background-color: #00bfff;
	color: #FFFFFF;
	letter-spacing: -0.5px;
}
.solicitud-row .title-d {
	font-size: 1em;
	background-color: #99ffcc;
	color: #333333;
	letter-spacing: -1px;
}
.solicitud-row .name {
	font-size: 1em;
	/*letter-spacing: -1px;*/
	font-variant: italic;
	color: #0099cc;
	/* width: 150px; */
}
.solicitud-row .value {
	font-size: 0.8em;
	letter-spacing: -0.5px;
	color: #000000;
}

footer, footer .b, footer .central #footer-pie a, footer .central p, footer .central p a {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #f0f5f5; 
	color: #0E0E0E;
	text-decoration: none;
	padding-bottom: 50px;
}


.popup {
    background-color: #ffffff;
    color: #888888;
    height: 245px;
    left: 100%;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 25%;
    width: 550px;
    z-index: 101;
    -moz-box-shadow: 0px 0px 10px 1px #888888;
    -webkit-box-shadow: 0px 0px 10px 1px #888888;
    box-shadow: 0px 0px 10px 1px #888888;
    border-radius:10px;
    -moz-border-radius:10px;
}
 
.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    opacity:0.5;
}
 
a.close {
    background: url("cancel.png") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 26px;
}

							.m-prog-group { padding: 10px; clear: both; background-color: #f2f2f2; }
							.m-prog { display: block; float: left; background-color: #dedede; padding: 4px 6px; border: 1px solid #b9b9b9; border-left: 0px; width: 150px;  }
							.m-prog-sd { background-color: #FFFFFF; border-bottom: 0px;   }
							.m-prog:hover { background-color: #a4e2d5;  }
							.m-prog:first-child { border-left: 1px solid #ced5da;  }

		.fixed_headers { width: 100%; border-collapse: collapse; border: 0px solid #000000; font-size: 0.8em; }
		.fixed_headers tbody tr { eight: 15px; }
		.fixed_headers th { text-decoration: underline; padding-top: 5px; }
		.fixed_headers tbody tr td {  padding: 5px 3px !important;  text-align: left; border: 0px solid #999999; }
		.fixed_headers td:nth-child(1), .fixed_headers th:nth-child(1) { min-width: 20px; }
		.fixed_headers td:nth-child(2), .fixed_headers th:nth-child(2) { min-width: 250px; }
		.fixed_headers td:nth-child(3), .fixed_headers th:nth-child(3) { min-width: 160px; }
		.fixed_headers td:nth-child(4), .fixed_headers th:nth-child(4) { min-width: 140px; }
		.fixed_headers td:nth-child(5), .fixed_headers th:nth-child(5), .fixed_headers td:nth-child(6), .fixed_headers th:nth-child(6), .fixed_headers td:nth-child(7), .fixed_headers th:nth-child(7),
		.fixed_headers td:nth-child(8), .fixed_headers th:nth-child(8), .fixed_headers td:nth-child(9), .fixed_headers th:nth-child(9), .fixed_headers td:nth-child(10), .fixed_headers th:nth-child(10), 
		.fixed_headers td:nth-child(11), .fixed_headers th:nth-child(11), .fixed_headers td:nth-child(12), .fixed_headers th:nth-child(12), .fixed_headers td:nth-child(13), .fixed_headers th:nth-child(13), 
		.fixed_headers td:nth-child(14), .fixed_headers th:nth-child(14), .fixed_headers td:nth-child(15), .fixed_headers th:nth-child(15) { min-width: 60px; text-align: center; }
		.fixed_headers .evaluacion { background-color: #00cc66; color: #FFFFFF; } 
		.fixed_headers .propuesta { background-color: #dd89b6; color: #FFFFFF; } 
		.fixed_headers .observaciones { background-color: #e42600; color: #e42600; } 
		.fixed_headers .dictamen { background-color: #84edca; color: #FFFFFF; font-size: 0.6em; padding-top:5px;  } 
		.fixed_headers .seleccionado { background-color: #1698d6; color: #1698d6; } 
		.carbono { background-color: #4cef9d; color: #FFFFFF; text-align: center; } 
		.mujeres { background-color: #00cc66; color: #FFFFFF; text-align: center; } 
		.fixed_headers thead { background-color: #333; color: #FDFDFD; }
		.fixed_headers thead tr { height: 35px; /*display: block;*/ }
		.fixed_headers tbody { /*display: block; */overflow: auto; width: 100%; height: 650px; }
		.fixed_headers tbody tr:nth-child(even) { background-color: #DDD; 
		/*.old_ie_wrapper { height: 300px; width: 750px; overflow-x: hidden; overflow-y: auto; } */
		.old_ie_wrapper tbody { height: auto; }


	b { font-weight: bold;	 }
	.mainMenu { display: block; width: 100%; padding: 15px 10px; text-decoration: none; color:#FFFFFF; vertical-align: middle; font-family: 'Roboto Condensed', sans-serif;  }
	.mainMenu:hover { background-color: #4d4d4d; }
	.mainMenuSelected { background-color: #0073ac; background-image:url(../bundles/menu-selected.png); background-repeat:no-repeat; background-position: 171px; }

	.aInput { border: 1px solid #bababa; font-size: 1.1em; width: 97%; padding: 3px; }
	.trField { clear: both; height: 40px; vertical-align: middle;  }
	.tdName  { width: 30%; float: left; text-align: right; padding-right: 15px; padding-top:4px; }
	.tdMessage  { clear: both; font-size: 1em; background-color: #99ffcc; color: #333333; letter-spacing: -1px; right; padding: 10px 15px; margin-bottom: 25px; }

	.proy { vertical-align: top; clear: both; background-color: #FFF;  }
	.proy table { margin-bottom: 0px; border: 1px solid #d8e0e5; font-size: 0.9em;  }
	.proy table th { text-align: center; font-size: 0.9em; font-weight: bold; background-color: #FFFFFF; height:20px; vertical-align: middle; padding-bottom: 2px; border-bottom: 2px solid #e7ebee; }
	.proy table tr:nth-child(even) { background-color: #F0F0F0; margin-bottom: 0px;  }
	.proy table tr:first-child td:first-child { width: 30px; }
	.proy table tr td { padding: 3px 7px; vertical-align: middle; font-size: 0.9em; text-align: left; }
	.proy table tr:hover { background-color: #baeef7; }

	.labels { border: 1px solid #6ac1b0; float:left; background-color: #c4f3eb; padding: 2px 4px; margin-right: 3px; margin-bottom: 3px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; border-radius:5px;  }
	.labelsS { border: 1px solid #54c8b3; float:left; background-color: #37d7bb; color: #FFFFFF; }
	.labels-prog {  font-size: 0.9em; padding: 2px 6px;  }
	.labels-prog div { font-size: 0.9em; float: right; margin-left: 2px; margin-top: 1px; }

	.titleSection { padding: 10px; background-color: #f2f2f2; font-size: 1.8em; border-bottom: 1px solid #d0d9d9; clear: both;  }
	.mProgMain { background-color: #FFFFFF; clear: both; margin-left:10px; border: 1px solid #ced5da; border-top: 0px; padding: 15px; min-height: 800px; width: 100%; vertical-align: top; }
	.mProgMain { background-color: #FFFFFF; margin-left:10px; border: 1px solid #ced5da; border-top: 0px; padding: 15px; display: block; vertical-align: top; }
	.mProgMain .ventanillas { float: left; border: 1px solid #ced5da; padding: 15px; margin-right: 10px; margin-bottom: 0px; min-height: 500px; max-height: 600px; vertical-align: top; background-color: #FFFFFF; overflow:scroll; }
	.mProgMain .ventanillas table tr { border-bottom: 1px solid #ced5da; }
	.mProgMain .ventanillas table tr:hover { background-color: #ededed; }
	.mProgMain .ventanillas table tr div.dsc { visibility: hidden; position: absolute; border: 1px solid #bfbfbf; display: block; padding: 5px 8px; background-color: #f2f2f2; font-size: 1em; max-width: 350px;  }
	.mProgMain .ventanillas table tr td { padding: 1px 4px; margin: 0px; border: 1px solid #DFDFDF; font-size: 0.9em; }
	.orderSort { color: #1698d6; font-weight: bold; }
	.dscA { display: block; text-decoration: underline;  }
	.dscA:hover div.dsc { visibility: visible; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;  }
	#showD { display:none; }

	.reuniones { margin-bottom: 20px; }
	.reuniones tr { height: 15px !important; }
	.reuniones tr th { padding: 3px 5px; font-weight: bold; text-align: left; }
	.reuniones tr td { padding: 5px 3px 0px 5px; border: 1px solid #e5e5e5; font-size: 0.9em; line-height: 0.8em; }
	.reuniones tr:nth-child(even) { background-color: #e7e7e7; }


////////////////////////////////////////////////////////////////////////// PROGRAMAS 2020

			.sub { padding-left: 15px; margin-left: 15px;  }
			select, textarea, input[type=text], input[type=number] { -webkit-border-radius: 5px; border-radius: 5px;  border: 1px solid #d2d2d2; height: 15px; }
			select { font-size: 1em; padding: 5px; }
			textarea { overflow: auto; font-family: 'Roboto Condensed' !important;  }
			.tableForm { width:79%; border-radius: 25px; }
			.tableForm tr td { padding: 3px; font-size: 0.8em; text-align: center; }
			.tableForm tr { vertical-align: top; }
			input[type=text], input[type=date], input[type=number], textarea { font-size: 1em; padding: 4px 6px; width: 400px; }
			input[type=submit], button { padding: 2px 5px; background:#00a6dd; color: #FFFFFF; border:0 none; font-size: 0.8em; letter-spacing: -1px;  cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; }
		
 			form, p {  margin-top: 0px; }
			p.note { font-size: 1rem; color: red; }
			label { width: 150px; font-weight: bold; display: inline-block; margin-top: 20px; }
			label span { font-size: 1rem; }
			label.error { color: red; font-size: 1rem; display: block; margin-top: 5px;  }
			input.error {  border: 1px dashed red; font-weight: 300; color: red; }

			#t-prog {  border: 1px solid #ced5da; float: left; margin-right: 5px; margin-bottom: 10px;  }
			#t-prog a {  display: block; padding: 5px 8px; background-color: #FFFFFF;  }
			#t-prog .sd { background-color: #6dbccd;  }
			#t-prog a:hover {  background-color: #a4e2d5;  }

		 form { padding: 0px; margin: 0px; }
		.gMain { width: 100%; letter-spacing: -1px; margin: 15px; font-size: 15px; display: block; }
		.gClear { clear: both; height: 3px; }
		.gButton { background-color: #003366; color: #FFFFFF !important; border: 0px; padding: 9px 30px; margin-bottom: 10px; margin-left: 15px; }
		.gButtonGreen { background-color: #0073ac; }
		.gButtonGray { background-color: #969696; }
		.gFormText { font-size: 15px; padding: 3px; width: 300px; border: 1px solid #aaaaaa; }
		.gFormDate { width: 140px; padding: 3px;  }
		.gElement textarea { width: 720px; height: 100px; }
		.gElement select[multiple] { height: 200px; }
		.gElement checkbox { padding: 10px;  }
		.gContent { padding: 0px; }
		.gElement { float: left; padding-right: 15px; margin-bottom: 5px; vertical-align: top;  display: block; } .gElement label { padding-right: 10px; display: block; color: #555555; }
		.gBox { background-color: #c7ecff; border: 1px solid #46aad5; padding: 15px; vertical-align: top; max-width: 830px; }
		.gBoxDiv { margin-left: 15px; } .gBoxDiv label { height: 25px; font-size: 16px; margin-right: 13px;  }
		.gTable { width: 100%; color: #434343; }
		.gTable tbody tr { background-color: #FFFFFF; } 
		.gTable tbody tr:nth-child(even) { /*background-color: #f9f9f9;*/ }
		.gTable tbody tr:hover { background-color: #e6e6e6; }
		.gTable tbody .vencido { background-color: #fbe1e1 !important; color: #111111; }
		.gTable tbody .vencido:nth-child(even) { /*background-color: #f9caca !important;*/ }
		.gTable tbody .vencido:hover { background-color: #fcbfbf !important; }
		.gTable thead tr th form, .gTable thead tr th form table, .gTable thead tr th form table tr td, .gTable thead tr th div { padding: 0px !important; margin: 0px !important; }
		.gTable thead tr th { padding-bottom: 5px; font-weight: bold; border-bottom: 3px solid #dddddd; padding-right: 5px; padding-top: 0px; margin-top: 0px; font-size: 12px; 	  }
		.gTable tbody tr td { padding: 6px 7px 4px 5px; font-size: 13px; border-bottom: 1px solid #dddddd; }
		.gTable tbody tr .gTableTdImg { padding: 2px 5px; text-align: center; }
		.gTable tfoot tr th { padding-top: 10px; }
		.gDocumento { width: 100%; }
		.gDocumento .title { background-color: #fff; border: 1px solid #ddd; }
		.gDocumento .title td { font-size: 0.8em; }
		.gDocumento tr td { padding: 4px 10px; }
		.gestionRespuesta {  background-color: #fff; border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 5px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; border-radius:5px; }
		.tablatrform table tr td { background-color: #f2f2f2 !important; border: 0px;  }
		
		.gLateral { padding: 10px; background-color: #FFF; border: 1px solid #e1e1e1; width: 250px; margin-left: 15px; }
		.gItem { padding: 8px; line-height: 55px; } 
		.gItem div { font-size: 37px; width: 55px; text-align: center; float: left; letter-spacing:-4px; margin-right: 8px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; border-radius:50%;  }
		.gItemPri { background-color: #ffdb40; }
		.gItemAte { background-color: #d1d1d1; }
		.gItemA { line-height: 20px; } .gItemA:hover { color: #1698d6 }
		.center { text-align: center; }
		.gestion-menu { padding: 10px; background-color: #FFF; border: 1px solid #e1e1e1; width: 250px; margin-left: 15px; float: left; display: block; }
		.gestion-menu:hover { background-color: #f9caca;  }
		#gestionContentMain { min-width: 900px;  }

			#myBtn {
			  display: none; /* Hidden by default */
			  position: fixed; /* Fixed/sticky position */
			  bottom: 20px; /* Place the button at the bottom of the page */
			  right: 30px; /* Place the button 30px from the right */
			  z-index: 99; /* Make sure it does not overlap */
			  border: none; /* Remove borders */
			  outline: none; /* Remove outline */
			  background-color: #46aad5; /* Set a background color */
			  color: white; /* Text color */
			  cursor: pointer; /* Add a mouse pointer on hover */
			  padding: 10px; /* Some padding */
			  border-radius: 10px; /* Rounded corners */
			  font-size: 18px; /* Increase font size */
			}

			#myBtnB {
			  position: fixed; /* Fixed/sticky position */
			  top: 5px; /* Place the button at the bottom of the page */
			  right: 30px; /* Place the button 30px from the right */
			  z-index: 99; /* Make sure it does not overlap */
			  border: none; /* Remove borders */
			  outline: none; /* Remove outline */
			  background-color: #46aad5; /* Set a background color */
			  color: white; /* Text color */
			  cursor: pointer; /* Add a mouse pointer on hover */
			  padding: 10px; /* Some padding */
			  border-radius: 10px; /* Rounded corners */
			  font-size: 18px; /* Increase font size */
			}
			
			#myBtn:hover, #myBtnB:hover {
			  background-color: #555; /* Add a dark-grey background on hover */
			} 
			.Ymenu { color: #FFF; padding-left: 5px;  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; border-radius:5px;  }
			.YmenuT { background-color: #FFF; color: #006699; border: 1px solid #CACACA; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; border-radius:5px; }