/*
CSS maquetación de la web

Fecha creación: 15 de noviembre de 2008
Fecha última modificación: 13 de marzo de 2009
Autor: Pablo Díaz / Jesús Sánchez 
Fecha modificación: 30 de junio 2009
*/ 

	* {
		margin: 0;
		padding: 0;
	}
	 
	html, body {
	     border:0;
	     margin:0;
	     padding:0;
	     height: 100%;
	}
	 
	body {
	     min-width: 780px;
	}
	
	
	.codearea { 
		width: 90%;
		border: 1px dashed #ccc; 
		background-color: #fefefe; 
		padding: 4px 7px; 
		margin: 10px; 
	}
	
	
	/*****header*****/
	#header {
	     width: 1003px;
	     margin: 0px;
	     padding: 0px;
	     height: 156px;
	     background-color:#fff;
	}
	
	#cabecera {
	     width: 1003px;
	     margin: 0px;
	     padding: 0px;
	     height: 122px;
	     background-color: #32597A;
		 background: #32597A url("../img/logo.gif") top left no-repeat;
	}
	
	#login {
		/*width: 340px;*/
		width:410px;
		height: 60px;
		position: relative;
		top: 38px;
		/*left: 655px;*/
		float:right;
	}
	
	#datos {
		width: 380px;
		height: 22px;
		margin-top: 16px;
		text-align:right;
	}
	

	
	#menu {
	background-color:#FF0000;
	height: 22px;
	padding: 7px;
	}

								
	/*****content*****/
	#wrapper {
	     min-width: 960px;
	     padding:0;
	     margin:0 auto;    
		 *margin:0 0 0 11%!important;
	     position: relative;
	     min-height: 100%; /* For Modern Browsers */
	     height: auto !important; /* For Modern Browsers */
	     height: 100%; /* For IE */ 
		 width: 1003px;
	}
	
	#InnerWrapper {
	     width: 100%; 
	     padding-bottom: 1px;
	}
	
	#WrapContent {
	     padding-bottom: 34px;  /* antes 58 */
	     width: 100%;
	     margin: 0;  
	}
	
	#WrapContent:after { /* !important. stick the footer at the bottom*/
	  clear: both;
	  display: block;
	  content: ".";
	  height: 0;
	  visibility: hidden;
	}
		
	#leftbar {
		z-index: 2;
	     float: left;
	     width: 200px;
	     margin: 0; 
	     padding: 0;
	     background-color: #fff;
	}	

	#rightbar { 
	     z-index: 5;
	     float: right;
	     width: 186px;
	     margin: 0; 
	     padding: 10px 7px 0px 7px;
	     background-color: #6A819E;
	}
	 
	 
	 
	#content {
	     z-index: 0;
	     display: block;
	     width: auto;
	     padding: 0;
	     text-align: left;
	     /*margin: 0 207px 0 207px; */
		 margin:0 7px;
	     background-color: #fff; 
		 float:left;		 
	} 
	
	#content img {
margin-bottom: 16px;
background-color:#fff;
}

.head{
width: 589px;
_width: 583px; /*IE6 */
height: 189px;

}
	
	#leftbar big, #rightbar big, #content big {color:#666}
	
	.clear {
	    clear: both;
	    display: block;
	    height: 1px;
	    overflow: hidden;
	    margin: 0;
	    padding: 0;
	}
	
	/*****footer*****/
	#footer {
	     position: absolute;
	     bottom: 0 !important;
	     bottom: -1px; /* For Certain IE widths */
	     clear:both;
	     padding:0;
	     margin:0;
	     width: 100%;
	     height: 30px;  
	     color: white;
	     text-align: center;
	     background-color:#C0C0C0;
	}

#footer #credits {
float:left;
padding:0;
margin:0;
padding-left: 10px;
}

#footer #commodities {
float:right;
padding:0;
margin:0;
padding-right: 10px;
/*_line-height: 15px;  IE6 */
/*_margin: 5px 0px;  IE6 */
/*_margin-top: 8px;  IE6 */
/*_margin-left: 400px;  IE6 */
}
#commodities {
	width:160px;
}


#content_i {
width: 180px;
padding-left: 10px;
float:left;
}

#content_r {
width:378px;
_width: 367px; /*IE6 */
float:right;
padding-bottom:20px;
}

#content_full{
float:left;
margin:10px;
width:569px;
}

#content_full a {
	font-size: 11px;	
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #7F7F7F;
}

#content_full a:hover
{
text-decoration:underline;
}


#content_r ul {
	list-style-type:disc;
	margin-left: 30px;
}
#content_r ul li {
	margin: 5px 0px;
}
#content_full ul { list-style-type:disc; margin-left: 30px;}
#content_full ul li{ color:#7E7E7E; font-size:11px; margin:5px 0;}

#rightbar .noticia{
	border-bottom: 1px solid #fff;
}
	
/* menu horizontal */	
#horizontal { font-size: 11px; margin:6px 0px; }

#horizontal:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#nav_hor {
list-style-type: none;
}

#horizontal ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: auto;
}

ul#nav_hor li
{
display: block;
float: left;
width: 143px;
_width: 130px; /*IE6 */
height: 21px;
margin: 0;
padding: 0;
}

ul#nav_hor li a
{
display: block;
/*width: 100%;*/
width:138px;
background-color: #AEB8CC;
line-height: 21px;
color: #FFFFFF;
text-decoration: none;
margin-right:6px;
padding-left: 6px;
}

#horizontal ul#nav_hor li a.last {margin:0px; width: 139px;
}

#horizontal>ul#nav_hor li a { width: auto; }

ul#nav_hor li.active a
{
background: #AEB8CC;
color: #369;
}

ul#nav_hor li a:hover, ul#nav_hor li#active a:hover
{
color: #fff;
background-color: #369;
}

/* menu vertical */
#vertical { width: 200px; }

#vertical ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#vertical li{
margin-bottom: 7px;
}

#vertical a
{
display: block;
padding: 3px 0px 3px 40px;
/*width: 160px;*/
background-color: #AEB8CC;
line-height: 15px;
color: #EEE;
text-decoration: none;
}

#nav_vert a:visited
{
color: #EEE;
text-decoration: none;
}

#vertical a:hover
{
background-color: #369;
color: #fff;
}

#vertical a.banner {
margin:0;
padding:0;
outline:0;
}


ul#nav_vert li.active a
{
background: #AEB8CC;
color: #369;
}

/* menu commodities */
#commod
{
list-style: none;
padding: 0;
margin: 0;
}

#commod li
{
display: inline;
padding: 0;
margin: 0;
}

#commod li:before { content: "| "; }
#commod li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #commod li
{
border-left: 1px solid #32597A;;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
_height: 15px;
}

/*Win IE browsers - hide from Mac IE\*/
* html #commod { height: 1%; }

* html #commod li
{
display: block;
float: left;

}

/*End hide*/
/*Mac IE 5*/
* html #commod li:first-child { border-left: 0; }

#commod a, #commod a:visited
{
text-decoration:none;
color:#32597A;
}

#commod a:hover
{
color: #fff;
}

ul#commod li.active a
{
color: #fff;
}

/* igual que  NAVHOR pero para login
/* menu horizontal */	
#h_login { font-size: 11px; /* margin:6px 0px 6px 6px; */ width:400px;}

#h_login:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#nav_hor2 {
float: right;
list-style-type: none;
}

#h_login ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: auto;
}

ul#nav_hor2 li
{
display: block;
float: left;
width: 95px;
_width: 130px; /*IE6 */
height: 21px;
margin: 0;
padding: 0;
}

ul#nav_hor2 li a
{
display: block;
width: 100%;
background-color: #AEB8CC;
line-height: 21px;
color: #FFFFFF;
text-decoration: none;
margin-left:6px;
text-align:center;
}

#h_login>ul#nav_hor2 li a { width: auto; }

ul#nav_hor2 li.active a
{
background: #AEB8CC;
color: #369;
}

ul#nav_hor2 li a:hover, ul#nav_hor2 li#active a:hover
{
color: #fff;
background-color: #369;
}

#datos a {
	font-size: 11px;	
	display: block;
	float: left;
	width: 95px;
	height: 21px;
	margin: 0;
	padding: 0;
	background-color: #AEB8CC;
	line-height: 21px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	_width: 90px;
}

#datos a:hover, #datos a:hover
{
color: #fff;
background-color: #369;
}

#datos form {
	width: 205px;
	_width: 210px;
	float: left;
	position:relative;
	top:3px;
}

#datos p {
	display:inline-table;
	float: left;
	line-height:23px;
	width: 205px;
	font-size: 11px;
	color: #FFFFFF;	
	text-align:left;	
}
#datos label {
	font-size: 11px;	
	display: block;
	/*float: left;*/
	display:inline;
	color: #FFFFFF;	
	width: 61px;
	float: left;
	_width: 74px;
	text-align:left;
}

#datos input {
width: 62px;
margin-right: 5px;
/*float: left;*/
display:inline
_width: 59px;
height: 18px;
font-size: 11px;
line-height:18px;
color:#999999;	
border: 1px solid #6A819E;
}

#datos img {
margin-left: 7px;
_margin-left: 4px;
}

#datos #idioma {
cursor: pointer;
}

#datos .oculto {width:0px; display:none;}


/* formularios */

#content_full select, #content_full input,  #contacto input, #contacto select, #asociarse input {
border: 1px solid #6A819E;
background-color:#E8E8E8;
height: 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}
#asociarse select{ 	border: 1px solid #6A819E; background-color:#E8E8E8; height: 18px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; width:11.6em;}

#contacto textarea, #asociarse textarea {
border: 1px solid #6A819E;
background-color:#E8E8E8;
height: 75px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

#contacto label {
display:block;
float:left;
font-size:11px;
margin-right:0.5em;
text-align:right;
width:150px;
}
#asociarse label { display:block; float:left; font-size:11px; margin-right:0.5em; text-align:right; width:130px; }
.etiqueta {color:#336699; font-size:12px; font-weight:bold; margin:0 0 3px; width:32%; float:left; }

#contacto p.conforme {
font-size:11px;
margin: 10px 0px 0px 0px;
padding:0pt;
line-height: 15px;
}
#asociarse p.conforme {
font-size:11px;
margin: 10px 0px 0px 0px;
padding:0pt;
line-height: 15px;
}

#contacto input.inputCheck{ line-height: 15px; height: 15px; margin-right: 10px; background: none; border: 0;
}
#asociarse input.inputCheck{ line-height: 15px; height: 15px; margin-right: 10px; background: none; border: 0;
}

#contacto p.botonera { text-align:right; border-top: 1px dotted #7F7F7F; padding-top: 10px; margin-top: 20px;}
#asociarse p.botonera { text-align:right; border-top: 1px dotted #7F7F7F; padding-top: 10px; margin-top: 20px;}
#content_full p.botonera { text-align:right; border-top: 1px dotted #7F7F7F; padding-top: 10px; margin-top: 20px; float:left; width:100%;}

#contacto a {
	font-size: 11px;	
	display: block;
	width: 95px;
	height: 21px;
	margin: 0;
	padding: 0;
	background-color: #369;
	line-height: 21px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	_width: 90px;
}

#contacto a:hover, #contacto a:hover
{
color: #fff;
background-color: #AEB8CC;
}
#asociarse a {
	font-size: 11px;	
	display: block;
	width: 95px;
	height: 21px;
	margin: 0;
	padding: 0;
	background-color: #369;
	line-height: 21px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	_width: 90px;
}

#asociarse a:hover, #asociarse a:hover
{
color: #fff;
background-color: #AEB8CC;
}
#asociarse div.fila_asoc{margin:0.5em 0 0; width:100%; height:20px;}

#noticias,#noticias_t  {
display: inline;
}

#cierre {
width: 400px; height: 20px;
}

#loading {
	background: url('../img/ajax-loader.gif') top left no-repeat;
	height: 20px;
}

.news_1{
width: 182px;
padding-right: 5px;
float:left;
height: 150px;
border-right: 1px dotted #888;
}
.news_2{
width: 182px;
padding: 0px 5px;
float:left;
height: 150px;
}
.news_3{
width: 182px;
padding-left: 5px;
float:left;
height: 150px;
border-left: 1px dotted #888;
}

#content_full table {
width: 100%;
font-size: 11px;
color: #7F7F7F;	
}

#content_full table td{ height: 21px; padding: 0px 5px;}

#content_full table td.th1 {color: #fff; background-color:#6A819E;}
#content_full table td.th2 {color: #7F7F7F; background-color:#AEB8CC;}
#content_full table td.linea {color: #7F7F7F;; background-color:#fff; height: 25px; border-bottom: 1px dotted #999999;}



.mini { width: 75px}
.medio { width: 175px}
.largo { width: 260px}


#content_full .selector {
border-bottom:1px solid #C4C4B8;
float:left;
font-size:11px;
margin:0px 5px;
padding:5px 0px 0px;
width:562px;
height:20px;
}

#content_full .tabselected {
width:100%;
float:left;
margin-top:10px;
clear:both;
}
#content_full .selector ul {
margin:0pt 0pt 0pt 5px;
padding:0pt;
}
#content_full .selector li {
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#content_full .selector li a {
background:#EEEEEE none repeat scroll 0pt 50%;
border-color:#C4C4B8;
border-style:solid solid none;
border-width:1px 1px medium;
cursor:pointer;
line-height:16px;
margin-left:4px;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:6px 10px;
text-decoration:none;
}
#content_full a{
display:inline;
}

#content_full .selector ul li a.actual {
background:#FFFFFF none repeat scroll 0pt;
border-bottom:1px solid #FFFFFF;
color:#32597A;
cursor:default;
font-weight:bold;

}
#content_full .selector li a.normal,#content_full  .selector li a:link,#content_full  .selector li a:visited {
color:#32597A;
}
#content_full .selector li a:hover {
background-color:#FFFFFF;
border-color:#C4C4B8;
color:#32597A;
}

p.faq{ padding-left:10px; background-image:url(../img/img_lista2.gif); background-repeat:no-repeat; background-position:left 5px;}
p.negrita{ font-weight:bold;}
.btn_faq{float:right; height:18px; text-align:center; width:80px;}
a:link.btn_faq{background-color:#336699!important;  text-decoration:none!important; color:#FFF!important; }
a:visited.btn_faq{background-color:#336699!important;  text-decoration:none!important; color:#FFF!important; }
a:hover.btn_faq{ background-color:#AEB8CC!important; text-decoration:none!important; color:#FFF!important;}

#content_full h4{ font-family:Arial,Helvetica,sans-serif; background-color:#32597A; color:#fff; font-size:0.9em; padding-left:0.4em; font-weight:bold; margin:15px 0; float:left; width:100%;}

div.caja_asociado{ width:100%; height:100%; margin:1.2em 0; float:left;}
div.n_asoc{background-color:#6A819E; color:#FFF; font-size:11px; font-weight:bold; min-height:15px!important; margin-bottom:5px; padding:3px 0 3px 5px; width:99%; float:left;}
div.fila_asoc{width:100%; height:auto; float:left;}
div.column_asoc{color:#7F7F7F; font-size:0.85em; margin:0 0 5px; width:49%; float:left;}
.large{ width:100%!important;}
.long{ width:90%!important; margin-left:12px;}
span.label_asoc{ font-weight:bold;}

div.caja_paginacion{border-top:1px dotted #7E7E7E; margin-top:10px; padding:5px 0 0 0; float:left; width:100%;}
div.find{color:#7E7E7E; float:left; font-weight:bold; width:40%;}
div.num_pag{color:#7E7E7E; float:left; font-size:0.9em; text-align:right; width:60%;}

div.field{ width:48%; float:left;}

.normativa{width:100%; margin:10px 0; border-bottom:1px dotted #7e7e7e; }
.fecha_normativa{ width:50%; font-weight:bold; font-size:11px; margin-bottom:5px; color:#32597A;}
.tit_normativa{ width:100%; color:#7e7e7e; font-size:11px; margin-bottom:10px;}
.fin_normativa{ border-bottom:none; margin-bottom:0;}
.no_borde{ margin-top:10px!important;}

#result_finder .fila_asoc{ margin:5px 0; height:auto; float:left;}
#result_finder div.field{ position:relative; font-size:11px; color:#7e7e7e;}
#result_finder div.fila_asoc div.tres{ float:left; margin:5px 0; width:32%;}
#result_finder div.fila_asoc div.dos{ float:left; margin:5px 0; width:48%;}

#result_finder p.botonera{ border-top:1px dotted #7F7F7F; margin-top:20px; padding-top:10px; text-align:right; float:left; width:100%;}
#result_finder p.botonera a {background-color:#336699; color:#FFFFFF;}
#result_finder p.botonera a:hover, #result_finder p.botonera a:hover{color: #fff; background-color: #AEB8CC;}
#content_full p.botonera a {background-color:#336699; color:#FFFFFF;}
#content_full p.botonera a:hover, #result_finder p.botonera a:hover{color: #fff; background-color: #AEB8CC;}

div.column_asoc li{ margin:0 0 0 25px;}
#result_proveedores div.caja_asociado{ float:left; margin: 5px 0!important;}
#result_proveedores a:link, a:hover, a:visited{ background:none; color:#7e7e7e;}
#result_proveedores div.caja_paginacion{border-top:1px dotted #7E7E7E; margin-top:25px; padding:5px 0 0 0; float:left; width:100%;}

#contenedor_calendario{float:left; height:auto; width:100%;} 
#contenedor_calendario div.fila_calendario{float:left; height:auto; position:relative; width:100%; margin-bottom:2px;}
#contenedor_calendario div.caja_mes{ }
#contenedor_calendario div.txt_mes{ cursor:pointer; color:#fff; font-size:11px; font-weight:bold;}
#contenedor_calendario a:link,#contenedor_calendario a:visited{ color:#fff; background-color:#AEB8CC; float:left; margin:2px 5px; width:84px; height:16px; text-align:center;}
#contenedor_calendario a:hover{ background-color:#336699;}
#result_eventos{float:left; margin-top:10px;}
.separador_ferias{ width:100%; border-bottom:1px dotted #7e7e7e; margin-bottom:10px; float:left;}

/*#result_laboral li{ margin:0 0 0 25px;}*/
#result_laboral ul {	list-style-type:disc; margin-left: 30px; color:#7F7F7F; font-size:0.85em;}
#result_laboral ul li {	margin: 5px 0px;}

#form_participar label { display:block; float:left; font-size:11px; margin-right:0.5em; text-align:left; width:130px; }
#form_participar p.conforme { font-size:11px; margin: 10px 0px 0px 0px; padding:0pt; line-height: 15px; }
#form_participar input.inputCheck{ line-height: 15px; height: 15px; margin-right: 10px; background: none; border: 0;}
#form_participar p.botonera { text-align:right; border-top: 1px dotted #7F7F7F; padding-top: 10px; margin-top: 20px;}
#form_participar a:hover{color: #fff; background-color: #AEB8CC;}
#form_participar div.fila_asoc{margin:0.5em 0 0; width:100%; height:20px;}
#form_participar textarea{ border: 1px solid #6A819E; background-color:#E8E8E8; height: 75px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

#form_medias label { display:block; float:left; font-size:11px; margin-right:0.5em; text-align:left; width:515px; }
#form_medias p.conforme { font-size:11px; margin: 10px 0px 0px 0px; padding:0pt; line-height: 15px; }
#form_medias input.inputCheck{ line-height: 15px; height: 15px; margin-right: 10px; background: none; border: 0;}
#form_medias p.botonera { text-align:right; border-top: 1px dotted #7F7F7F; padding-top: 10px; margin-top: 20px;}
#form_medias a:hover{color: #fff; background-color: #AEB8CC;}
#form_medias div.fila_asoc{margin:0.5em 0 0; width:100%; height:20px;}
#form_medias textarea{ border: 1px solid #6A819E; background-color:#E8E8E8; height: 75px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

.separator{ float:left; height:10px; position:relative; width:100%;}
.small{ font-size:10px!important;}
h5{ color:#32597A; font-size:11px; font-weight:bold; margin-bottom:5px; margin-left:12px;}

/*Estilos para el calendario*/
input.calendar{ background-image:url(../adaptax/img/css/icon_minicalendar.gif); background-position:right; background-repeat:no-repeat; cursor:pointer;}

#content_manual ul{ color:#7E7E7E; font-size:11px; margin-left:10px;}
#content_manual ul li{ margin-top:5px;}
#content_manual ul.level{ margin-left:20px;}
#content_manual ul.level li{ margin:0;}
p.circular{ margin-left:10px!important; margin-bottom:2px!important;}

#caja_otra{ display:none;}
#caja_otra2{ display:none;}
#caja_otra3{ display:none;}

.back_home{ cursor:pointer; height:122px; position:absolute; width:500px;}

#contenedor_mapa{float:left; height:auto; width:100%;}
#mapa_contacto{height:305px; width:273px; float:left;}
span.direccion_copy{ position:relative; left:30%;}
#cartelSaluda{background-color:#AEB8CC; color:#FFF; font-size:14px; height:20px; left:40px; position:absolute; text-align:center; top:10px; width:90px; display:none; line-height:19px;}

div#accessbd{float:left; width:220px; margin-right:4px; color:#fff; font-size:12px; font-weight:bold;}
div#mapa_web{ background-image:url(../img/ico_pdf.png); background-repeat:no-repeat; height:20px; width:25px; float:right; cursor:pointer;}