﻿/*==================================
    Reglas comunes en el site:
	   - marcadores (TAGs)
		- CLASSes
		- IDs
====================================*/

/*------------------------------ MARCADORES ------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #8d9295;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center; /* site centrado para IE 5.x Win */
}

h1, h2, h3, h4 { margin:0; padding: 0; }

a:link { color: #6d6b6c; text-decoration: none; }
a:visited { color: #6d6b6c;text-decoration: none } /* cuando un link es visitado recupera el color original del link */
a:hover, a:focus, a:active { color: #ef8025; text-decoration: underline }

form { margin: 0; padding: 0 }


img { border: 0 }
ul, ul li, p, dl { margin: 0; padding: 0; }
ul { list-style: none; }

form {
	margin:0; padding:0;
}
	
form input {font-size: 1em;color: #666666;}	
form select {font-size: 1em;color: #666666;}	


/*------------------------------ IDs ------------------------------*/
#header #logo h1 { position: absolute; margin-left: 10px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; z-index:1; }
#header #logo img { position: absolute; margin-left: 10px; z-index:2; }

/*------------------------------ Sede Electrónica ------------------------------*/
#headerSede #logo h1 { position: absolute; margin-left: 10px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; z-index:1; }
#headerSede #logo img { position: absolute; margin-left: 10px; z-index:2; }

#logo {clear:both;}

#breadCrum ul {padding: 15px 0 0 55px;height: 1.8em;background: transparent url('../img/backBreadCrumList.gif') no-repeat 17px 8px;}
#breadCrum ul li {float: left;font-size: 1.1em;}
#breadCrum ul li a {padding: 0 10px;color: #555;background: transparent url('../img/bulletListBreadCrum.gif') no-repeat 0 5px; margin-left:5px;}
	#breadCrum ul li.init a {background: none; padding-left: 0;}


#breadCrum ul li a:hover {color: #ef8025;}	
	

#breadCrum ul li span {padding: 0 10px;color: #a4a8ab;background: transparent url('../img/bulletListSpanBreadCrum.gif') no-repeat 0 5px;}

/*------------------------------ Class ------------------------------*/
.ftl {float: left;}
.ftr {float: right;}
.itemCenter {text-align: center;}
.elemHide {display: none;}
.elemShow {display: block;}
.clearElem {clear:both;}


a.lnkMore {padding-left: 24px;color: #666;font-size: 1.1em;background: transparent url('../img/bulletMore.gif') no-repeat 0 0;}
a.lnkMore:hover {color: #ef8025;}

a.lnkMore2 {margin-left: 5px; margin-top: 5px; padding-left: 18px;font-weight:bold;color: #666;font-size: 0.9em;background: transparent url('../img/bulletMore.gif') no-repeat 0 0;}
a.lnkMore2:hover {color: #ef8025;}



.listGeneric li {padding: 0 0 4px 24px;color: #666;font-size: 1.1em;background: transparent url('../img/bulletMore.gif') no-repeat 0 0;}

.layTabs {}
.layTabs .cabTabs {margin-bottom: 13px; width: 100%; background: transparent url('../img/backCabTab.gif') repeat-x 0 bottom;}
	.layTabs .cabTabs:after {clear:both; display:block; height:0; content:"."; visibility:hidden;}

.layTabs .cabTabs ul li {float:left;margin-right: 1px;background: transparent url('../img/backLiTabs.gif') no-repeat right 0;font-size: 1.2em;font-weight:bold;color: #fff;}
	.layTabs .cabTabs ul li a {display: block; margin-right: 13px; padding: 4px 0 4px 12px;background: transparent url('../img/backLinkTabs.gif') no-repeat 0 0;color: #fff;}

.layTabs .cabTabs ul li.sel {background-image: url('../img/backSelLiTabs.gif');}
	.layTabs .cabTabs ul li.sel a {background-image: url('../img/backSelLinkTabs.gif');color: #53643a;}

.moduloA { padding: 1px 0 25px 0;background: transparent  url('../img/backMod.gif') repeat-x 0 bottom;border-top: 1px solid #cdcdcd;}


/*------------------------------ subnavigation ------------------------------*/

.subNavigation li {padding: 7px 0 6px 9px;font-size: 1.3em;font-weight: bold;border-bottom: 1px solid #e8e8e8;}

.subNavigation li ul { padding: 12px 0 2px 0;}

.subNavigation li a {color: #006337;}
.subNavigation li a:visited {color: #006337;}
.subNavigation li a:hover {color: #ef8025;}

.subNavigation li ul li { padding: 0 0 8px 17px; font-size: 1em; font-weight:normal; border: none; background: transparent url('../img/bulletListChildren.gif') no-repeat 0 5px;}
.subNavigation li ul li a {color: #8d9295;}
.subNavigation li ul li a:visited  {color: #8d9295;}
.subNavigation li ul li a:hover {color: #ef8025;}
.subNavigation li ul li.sel {background-image: url('../img/bulletListSelChildren.gif');}
.subNavigation li ul li.sel a {color: #485935;}
.subNavigation li ul li.sel a:hover {color: #ef8025;}

/*------------------------------------------------------------*/


.containerDetails { clear:both; margin-bottom: 30px; width: 100%; }
.containerDetails:after {clear:both; display:block; height:0; content:"."; visibility:hidden;}

.containerDetails .layA {float: left;margin-right: 20px;width: 26.7em;}
.containerDetails .layB {float: left;width: 36.4em;}

.containerDetails.formatB .layA {float: right;margin-right: 0;width: 36.4em;}
.containerDetails.formatB .layB {float: left;margin-right: 20px;width: 26.7em;}


.containerDetails.formatC img { width: 20em; height: 35em;}


.contenedor  {width: 99%;}
.contenedorlft {padding-top:12px; float:left;width: 72%; }
.contenedorlft2 {float:left;width: 72%; font-size: 1.2em; }
.contenedorlft2 a {background: url(../img/bulletMore.gif) no-repeat; padding-left:15px; font-size: 1.0em;}
.contenedorrg {float:right;width: 27%; }
.contenedorrg li {background: url(../img/bulletMore.gif) no-repeat; padding-left:15px; font-size: 1.0em;}
.contenedorlft_area {float:left;width: 62%; }
.contenedorrg_area {float:right;width: 37%; }
.contenedorrg_area li {background: url(../img/bulletMore.gif) no-repeat; padding-left:15px; font-size: 1.0em;}


.contenedorlft50 {float:left; font-size: 1.2em;font-weight: bold;}
.contenedorrg50 {float:right; font-size: 1.2em;font-weight: bold;}

.contenedor1i{float:left;width: 49%;margin-right:2px; }
.contenedor1d{float:left;width: 49%;}


/* Model Hack para IE6 + IE7 */
* html .containerDetails .layA {width: 26.9em;}
* html .containerDetails .layB {width: 36.7em;}

*+html .containerDetails .layA {width: 26.9em; }
*+html .containerDetails .layB {width: 36.7em; }

* html .containerDetails.formatB .layA {width: 36.7em;}
* html .containerDetails.formatB .layB {width: 26.9em;}

*+html .containerDetails.formatB .layA {width: 36.7em;}
*+html .containerDetails.formatB .layB {width: 26.9em;}



.layMoreInfo {clear: both;text-align:center;}
.layMoreInfo ul li { display:inline; padding-right: 19px;color: #53643a;}
	
	.layMoreInfo ul li a {color: #1e9e59; text-decoration: underline;}
		.layMoreInfo ul li a:hover {color: #ef8025;}
		
.genericContainer {width:100%;}
.genericContainer:after {clear:both; display:block; height:0; content:"."; visibility:hidden;}


.genericContainer .genericLay1{float: left;}
.genericContainer .genericLay2{float: left;}	
	

/*------------------------------ SEDE ------------------------------*/

#bannerSede {
	  background: transparent url('../img/banner.jpg') no-repeat right 0;
	  background-position:bottom;
	  border-bottom: 3px solid green;
	  }



/*


table { font-size:0.8em; border-collapse:collapse; margin-bottom:1em; }
table tr {  }
table tr td {padding:5px 10px 5px 10px; border:1px solid #CFC9C4; }

table caption {
	position:absolute; left:-9999px; overflow:hidden;}
	
thead th{
	background:#878286; 
	color:#fff;
	font-weight:bold;
	padding:5px 10px 5px 10px; 
	border:1px solid #CFC9C4;
}
tbody tr.even td{
	background: #fafafa;
}
	tbody tr.selected td{
	background: #f0e8c0;
	color: #ffffff;
}
	tbody tr.ruled td{
	color: #000;
	background-color: #f0e8c0;; 
}

*/
