body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; width: 100%; margin: 0px; background:#FFFFFF; }

.button {width:200px; background: #3687E0; color:#FFF; border:#FFF 2px solid; font-weight:bold; box-shadow:0 0 4px #666; padding:4px 6px; display:block; margin:8px auto; border-radius:8px;}
.button:hover { background: #2155AB; cursor:pointer;}

#contene { display: block; width:900px; text-align: left; left:50%; right: 50%; margin: 0px auto; }
#headd { display:table; width:100%; height:132px; background:url(/wlimages/entornos/cabqhq0.jpg) no-repeat; }
#redes {
	position:absolute;
	left:43%; right: 57%; top:-95px;
	background-color:#FFFFFF;
	z-index:598;
	text-align:center;
	vertical-align:middle;
	width:46px;
	display: inline;
	border: #003399 1px solid;
	transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -webkit-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-webkit-border-radius:6px;
}
#redes:hover { top:-4px; }
#redes img{ border:none; margin:3px auto;}
#redes span { font-size:9px; color:#283D6C; font-weight:bold; line-height:16px; cursor:pointer; cursor:hand; }
.efe { 
	 width:45px; height:45px;
	 border:#FFF 1px solid;
	 transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -ms-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 -webkit-transition: all 0.2s ease;
}
.efe:hover { width:55px; height:55px; border-radius: 8px; border:#DAE4F1 1px solid; }
#txtent    { position:absolute;float:left; font-size:14px; font-weight:bold; color:#999; margin:12px 0px 0px 110px; }
#logowl    { position:absolute;clear:both; float:left; margin:30px 0px 0px 0px; }
#toolwl    { display:table; float:right; margin: 5px 10px 0px 0px; }
#toolwl ul { display: table-row; clear:both; list-style-type:none;  margin: 0px 0px; }
#toolwl li { display: table-cell; float:left; width:50px; height:50px; text-align:center; vertical-align: middle; }
#barrote { margin:0px padding:2px 0px; clear:both; overflow: hidden; }
#barri { float: left; margin:0px 10px; line-height: 24px; }
#barrd { float: right; text-align: right; margin: 0px 10px; }
.barrc { float:right; line-height:23px; margin: 0px 8px; text-align:right; }
#barrd img { border:0px; margin-top:2px; cursor: pointer; cursor:hand; display:inline; }
#contenidos { width: 900px; min-height: 400px; display: table; clear: both; overflow:visible; text-align: left; padding:0px; margin-top:-5px;}
#pie { width: 100%; height: 23px; display:table; vertical-align: middle; clear:both; text-align: right; border-top: #003399 1px solid; }
#pie span { line-height: 23px; margin-right: 12px; }
#tituloh { clear: both; margin:5px; padding:10px; text-align: center; background-color: #F7F9FB; border:1px #B6CCE4 solid;
	border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px; 
}
#tituloh h1 { line-height:14px; color: #244F94; }
#conten2 { width: 100%; display: table; clear: both; text-align: center; background:url(/wlimages/fondoinnova2.jpg) bottom right no-repeat; }
#conten3 { width: 100%; display: table; clear: both; text-align: center; background:url(/wlimages/entornos/fndformacion.jpg) bottom right no-repeat; }
#cajon { background: #FFF; border:#C6C9D0 1px solid; border-radius: 10px; width:90%; margin:20px auto; padding:5px; }
#cajontitu { height: 20px; line-height: 19px; }
#cajoncont { background:url(/wlimages/entornos/bottodos2.jpg) top right no-repeat; }
#medianil { width: 100%; font-size: 13px; font-weight: bold; color: #244F94; text-align:center; height:35px; line-height:13px; padding-top:20px;  background: #FFF; } 
h1 { font-size:14px; font-weight:bold; margin:0px; padding:0px; }
h2 { font-size:12px; font-weight:bold; border-bottom: 1px solid #039; }

.onme:hover, #mnu:hover, .menuhor li:hover, #activi {
	-webkit-box-shadow: 0px 0px 8px 0px #B6CCE4;
	-moz-box-shadow: 0px 0px 8px 0px #B6CCE4;
	box-shadow: 0px 0px 8px 0px #B6CCE4;
	border:1px #8EB7D5 solid;
	cursor:pointer; cursor:hand;
}
.round, #toolsq {
	border:1px #B6CCE4 solid;
	border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
}
.roundtit, #mmu {
	text-align:center;
	padding:5px; margin:20px 10px 10px 10px;
	background-color: #F7F9FB;
	font-size: 13px;
	font-weight: bold;
	color: #244F94;
	border:1px #B6CCE4 solid;
	border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
}

.titur { text-align:center; border-bottom:1px #B6CCE4 solid; height:23px; } 
.encabr { text-align: right; font-weight:bold; background:#E7EEFA; vertical-align:top; }
#nobar td{ border: 1px #FFF solid !important; }
.menuhor { display:table; text-align:left; width:100%; margin:5px auto; clear: both; }
.menuhor ul { padding:0px; list-style-type:none; text-align:center; }
.menuhor li { 
	display: inline-block; #display: inline; _display: inline; 
	background: #FFF; 
	zoom: 1; left:50%; 
	margin:0px 3px; 
	border:1px #B6CCE4 solid;
	border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px; 
	font-size:12px; font-weight:bold; color: #244F94;
	width:160px; height:30px; line-height:30px; 
	cursor:pointer; cursor:hand; 
	text-align:center;  
}
.menuhor a { text-decoration:none; }
#cen60 { width:60%; margin:80px auto; }
#cen50 { width:50%; border:1px #C6C9D0 solid; text-align:center; margin:0px auto; }
#mmu { margin-top:10px; }
#mmu a { text-decoration:none; }

.round th { text-align:center; font-size:11px; font-weight: bold; border-bottom:1px #B6CCE4 solid; }
.shad, #contene, #toolsq, #cajasom {
	-webkit-box-shadow: 0px 0px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 0px 5px 0px #4a4a4a;
	box-shadow: 0px 0px 5px 0px #4a4a4a;
}
.shad, #contene { border:1px #365285 solid; }
.botreg { text-align:right; margin:5px 10px; }
.botreg div { text-align:center; font-weight:bold; color:#000000; display:inline; }
.botreg div a { color:#000000; text-decoration:none; padding:0px 20px; }
.botreg div a:hover { color:#666666; background:#e7eefa; }
table.sortable { border-spacing: 0; border: 1px solid #000; border-collapse: collapse; }
table.sortable th, table.sortable td { border-style: solid; border-color: #444; padding:1px 5px; font-size: 11px; height: 18px; }
table.sortable th { border-width: 0px 1px 1px 1px; background-color: #E7EEFA; }
table.sortable th a { color:#000; text-decoration:none; }
table.sortable th img { border:0px; }
table.sortable td { border-width: 0px 1px 0px 1px; }
table.sortable tr.odd td { border-top: 1px solid #999; background-color: #E8EBF2; }
table.sortable tr.even td { border-top: 1px solid #999; background-color: #fff; }
table.sortable tr.sortbottom td { background-color: #E8EBF2; font-weight: bold; }

table.sortablex { border-spacing: 0; border: 1px solid #000; border-collapse: collapse; }
table.sortablex th, table.sortablex td { border-style: solid; border-color: #444; padding:1px 5px; font-size: 11px; height: 28px; }
table.sortablex th { border-width: 0px 1px 1px 1px; background-color: #E7EEFA; vertical-align:middle; }
table.sortablex th a { color:#000; text-decoration:none; }
table.sortablex th img { border:0px; }
table.sortablex td { border-width: 0px 1px 0px 1px; vertical-align:top;	font-weight: bold; color: #244F94; }
table.sortablex td a { color: #244F94; }
table.sortablex td a:hover { color: #000000; }
table.sortablex tr.odd td { border-top: 1px solid #999; background-color: #E8EBF2; }
table.sortablex tr.even td { border-top: 1px solid #999; background-color: #fff; }
table.sortablex tr.sortbottom td { border-top:1px solid #999; background-color: #E8EBF2; font-weight: bold; vertical-align:middle; }
.hid { display: none; }


.mesqpre { width:100%; border-spacing: 0; padding:0px; border-collapse:collapse; }
.mesqpre td { font-size:10px; text-align:center; vertical-align:middle; border: 1px #D6D3CE solid; padding:2px; background:#ECECEC; font-weight:bold; }
.sumario { width:100%; border-spacing: 0; }
.sumario td { padding:2px; font-size:10px; vertical-align:middle; }
.tareacita { width:100%; font-size:10px; border-spacing:1; }
.tareacita td { padding:5px; text-align:left; vertical-align:top; }
.tareacitabg { width:100%; border-spacing:1px; }
.tareacitabg td { background:#FFF; }
.cabtarea { background:#DBFFD5 !important; }
.cabcita { background:#FFD9D9 !important; }
.mesq { width:100%; border-spacing: 0; padding:0px; border-collapse:collapse; }
.mesq td th { height:20px; background:#FFF; } 
.mesq th { width:14%; font-weight:normal; font-size:10px; text-align:center; vertical-align:middle; background:#BBB; border: 1px #000000 solid; }
.mesq td { width:14%; font-size:10px; vertical-align:top; border: 1px #000000 solid; padding:3px; }
.dianomes { background:#EEE; color:#999; }
.diames { cursor:pointer; cursor:hand; }
.diasel { font-weight:bold; background: #ddddff !important; }
.diadom { background:#FFDFDF; }
.diasab { background:#FFEAEA; }
.dianow { background:#FFFF00; }
.cageni { float:left; width:11px; }
.cagend { border: 1px #999 solid; width:11px; height:10px; margin:-1px auto 0px auto; }
.cagtar { background:#1CBB00; }
.cagcit { background:#FF8080; } 
.cagnon { background:#DDD; }
.cagday { float:right; text-align:right; } 
.medio td { text-align:center; vertical-align:top; font-size:11px; padding:5px; }
.mtabi {  width:100%; border-spacing:3px; padding:3px; border: 1px #DDD solid; }
.mtabi td:nth-child(odd)  { text-align:right; vertical-align: top; }
.mtabi td:nth-child(even) { text-align:left; vertical-align: top; }
.mtabi tr:hover { background:#EEE; cursor:pointer; cursor:hand; }
.blut { border-spacing:1px; border-collapse:collapse; padding:0px; }
.blut td { border:1px #B6CCE4 solid; text-align:center; vertical-align:top; font-size:11px; padding:5px; }
#toolsq { border:1px #CCCCCC solid; display:table-cell; color:#486795; float:left; text-align:left; margin:5px; padding:5px; }
#toolsq ul { display: block; clear:both; list-style-type:none; text-align:center; vertical-align:top; margin:2px 7px; padding:0px; }
#toolsq li { display: inline; float:left; width:58px; height:58px; vertical-align: middle; }
#toolsq img { width:54px; height:54px; border:#FFF 1px solid; }
#toolsq img:hover { border-radius: 8px; border:#486795 1px solid; }
#cuadrotxt { position:relative; top:-190px; vertical-align:bottom; height:100px; width:92%; margin: 0px auto; padding:3px; visibility:hidden; }
#titucua { font-size:11px; font-weight:bold; color:#FFFFFF; background:#6a77a3; height:20px; line-height:20px; text-align:center; }
#descua { margin-top:10px; }
#redx { margin-left:9px; position:relative; top:-170px; vertical-align:bottom; }
#tituimg { text-align:center; font-size:12px; font-weight:bold; color:#486795; height:20px; }
#redx img { width:36px; height:35px; }
#cajasom { border:1px #CCCCCC solid; display:block; color:#486795; text-align:left; border-radius:5px; margin:5px; padding:5px; }

.tabgris { border-spacing: 0; border-collapse:collapse; }
.tabgris th { background:#EEEEEE; padding:3px; font-size:10px; font-weight:bold; border: 1px #808080 solid; }
.tabgris td { padding:0px; font-size: 10px; border: 1px #808080 solid; }

.tabgris2 { border-spacing: 0; border-collapse:collapse; }
.tabgris2 th { background:#EEE; padding:3px; border: 1px #808080 solid; }
.tabgris2 td { padding:3px; border: 1px #808080 solid; }

.tablue { border-spacing: 0; border-collapse:collapse; border: 1px #808080 solid !important; }
.tablue th { background:#ECF7FF; padding:3px; border: 1px #808080 solid !important; vertical-align:middle; }
.tablue td { padding:3px; border: 1px #808080 solid; vertical-align:top; }

.in { padding: 1px 5px 1px 12px; }
.foto {	float:left; margin: 0px 12px 12px 0px; }
.fotoright { float:right; margin: 0px 0px 12px 12px; }
.menuse { background:url(/wlimages/QHQ/fondomenu2.jpg); clear:both; margin:0px; padding:0px; }
.menubot { float:left; color:#FFFFFF; font-weight:bold; font-size:12px; line-height:12px; padding:12px 19px; }
.menubot a { color:#FFFFFF; text-decoration:none; }
.menubot:hover { background:url(/wlimages/QHQ/fondomenu.jpg) repeat-x; background:#00000 !important;
	cursor: pointer; cursor: hand; }

.titsec { text-align:left; border-bottom:1px solid #325AA0; margin:5px auto; font-size: 15px; font-weight: bold; color: #244F94; clear:both; }

.ttx1 { font-size:19px; font-weight:bold; text-align:center; }
.ttx2 { font-size:23px; font-weight:bold; text-align:center; color:#003399; }
.ttx3 { font-size:14px; font-weight:bold; text-align:center; }
.otrasbd { position:relative; float:left; width:30%; height:100px; margin:20px 9px; }
.otrasbd div { position:absolute; bottom:0px; width:100%; text-align:center; }

.MENUX { font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-weight: bold;
	color: #003366;
	font-size: 10px;
}

.MENUX a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 10px;
	text-decoration: none;
}

.MENUX a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-size: 10px;
}
.MENUXblan {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
}
.MENUXblan a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
.MENUXblan a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E7FAFE;
	font-size: 10px;
}
.normazul {
	font-size: 10px;
	font-weight: bold;
	color: #333399;
}
.azul {
	font-size: 14px;
	font-weight: bold;
	color: #333399;
}
.normal { font-size: 11px; font-weight: normal; color: #000000; padding: 6px 5px; }


.bglong {
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(/wlimages/azules/bar1.jpg);
}

.ftxt { font-size: 10px; color: #000000; padding: 0px; }

.barlight {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(/wlimages/azules/barbarlight.jpg);
	background-repeat: repeat-x;
}
.wlbar {
	background-image: url(/wlimages/azules/wlbar.jpg);
	background-repeat: repeat-x;
}

.bar3 {
	background-color: #ffffff;
}

.bar3b {
	background-color: #c7cedd;
	background-image: url(/wlimages/azules/bar3b.jpg);
	background-repeat:repeat-x;
}

.tarari ,#pie {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #244F94;
}

.tarari a, .menuali td a { 
	text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #244F94; 
}
.tarari a:hover, .menuali td a:hover { color: #000000; }

.tararibg {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #244F94;
	text-align:left;
}
.tararibg a{
	text-decoration:none;
	color:#244F94;
	}
	
.heading  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	background: url(/wlimages/azules/barbar.jpg) repeat-x;
	
}
.bar2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/wlimages/azules/bar2.jpg);
	background-repeat: repeat-x;
}

input {
	font-size: 9px;
	color: #003366;
	background-color: #e1e7f9;
	border: 1px solid;
}
.greenlight {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(/wlimages/greenlight.jpg);
	background-repeat: repeat-x;
}

.tararique {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #244F94;
	background-image: url(/wlimages/ateneum/barhead.jpg);
	background-repeat: repeat-x;
}

.tarari a {  }
.barlighttop, #barrote {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(/wlimages/azules/barbarlighttop.jpg);
	background-repeat: repeat-x;
}
.tarari2 {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #244F94;
}
.normalish {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.tarari4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	color: #244F94;
}
.tarari4:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #244F94 !important;
}
.tarari4:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #F0F4FB;
	color: #244F94;
	cursor: hand;
	cursor: pointer;
}
.menuali { margin:6px; border-spacing:0px; }
.menuali td { padding:1px 6px; height:28px; border-bottom:1px solid #FF5E5E; text-align:left; }
.sinlin { border-bottom: none !important; }
.menubar {
	background-image: url(/wlimages/menubg.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
}
.menubar_red {
	background-image: url(/wlimages/menubg_red.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
.navbot {
	margin-right:0px;
	padding-left:9px;
	padding-right:9px;
	float:left;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	border:0px #fff solid;
}
#nabot {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding:0px 2px;
	float:right;
	margin-right:80px;
	margin-top:-300px;
	text-align:center;
	height:0px;
	width:0px;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	border:0px #fff solid;
	position:absolute;
}
#pub:hover #nabot {
	background-color:#06C;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding:0px 2px;
	margin-right:80px;
	margin-top:0px;
	text-align:center;
	height:200px;
	width:150px;
	position:absolute;
	float:right;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	border-radius:12px;
	border:1px #fff solid;
}
.navbot:hover { background: #0C469E; cursor:pointer; cursor:hand; }
.uno { line-height:40px; }
.dos span{ position:relative; top:8px; }
#pub { z-index:0; }
	
.sub{
	z-index:-999;
	line-height:23px;
	height:23px;
	min-width:80px;
	opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	z-index:-1;
		float:left;
		position:absolute;
		margin-top:-23px;
		margin-left:-20px;
}

#activi, #sector, #cultura, #msgg, #pclave { vertical-align:top; background:#FFFFFF; position:absolute; width:70%; height:auto; z-index:601; left: 15%; top: 50px; visibility: hidden; border:1px solid #000000; border-radius:10px; }
.emilix { overflow:auto; padding: 0px; margin:0px auto; scrollbar-arrow-color: #A4B9CA; scrollbar-face-color: #F3F7F8; scrollbar-track-color:#EDF2F5 ; height:400px; left: 0px; top: 0px; width: 95%; }
.fondor { vertical-align:top; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; background:#000000; position:fixed; width:100%; height:100%; z-index:600; left: 0px; top: 0px; bottom: 0px; right: 0px; visibility: hidden; }

@media all and (max-width: 900px) { 
	#contene { width:99% !important; }
	#contenidos { width:100% !important; }
}
@media all and (max-width: 600px) { 
	#headd { background:url(/wlimages/entornos/cabmqhq0.jpg) no-repeat; }
	#fondox1, #fondox2 { width:99% !important; float:none; margin:5px auto; clear:both; background: no-repeat; }
	#activi, #sector, #cultura, #msgg, #pclave { width:99%; left:0px; }
}