/* PRINCIPAL CSS - Común para toda la web */

/* Puesta a cero */
* html, * {margin:0; padding:0;}
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
body {line-height:1; color:black; background:white;}
ol, ul {list-style:none;}

table {border-collapse:separate; border-spacing:0;} /* Poner cellspacing="0" en el codigo de la tabla */
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* =GENERAL
------------------------------------------------------------- */
body {
	margin:0; padding:0;
	font:62.5%/120% Verdana, Arial, Helvetica, sans-serif;
	background:#f2f9e8 url(../images/f1.gif) repeat-x 0 0;
	color:#444;
	text-align:center;
}
a, a:visited {color:#36c; font-family:Arial, Helvetica, sans-serif;} a:hover {text-decoration:none;}
.clear {clear: both; display: block; height: 0px; overflow: hidden; line-height: 0px; font-size: 0px;}

#centrado {
	width:770px;
	margin:0 auto;
	text-align:left;
}
#wrap {
	float:left;	width:770px;
	background: url(../images/fondo.gif) repeat-y 50% 0;
	font-size:110%;
	margin:15px 0 0 0;
	/*border:1px solid #eee;*/
}

/* =HEAD
------------------------------------------------------------- */
#head {	
	float:left; width:710px; 
	padding:20px 30px 0 30px;
}
#head h1 { float:left;} 
#head h1 span { 
	position:absolute;
	left:-9999px;
}
#head span.basmat {
	float:left;
	margin-top:8px;
	margin-left:80px;}
#head p { 
	float:right; height:60px; 
	position:relative; 
	text-align:right;
	margin-right:10px !important; margin-right:5px;	 
}
#head p span {
	float:right; width:500px; 
	position:absolute; bottom:0; right:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
}
#head p span:first-letter {
	text-transform:capitalize;
}

#head a.actual, #head a.actual { 
	text-decoration:none; 
	font-weight:bold; 
	color:#693;
}

/* =CONTENEDOR
------------------------------------------------------------- */
#contenedor {
	float:left;	width:710px;
	margin:10px 30px 0 30px !important; margin: 10px 15px 0 15px;
	background: url(../images/fondo_deg_portada.gif) repeat-x 0 0;
}
#franja {
	float:left;	width:710px;
	margin:0;
}
#barranav.navIndex {
	float:left; width:482px; 	
	background: url(../images/nav_degradado.gif) repeat-x 0 -8px;
}
#barranav {
	float:left; width:710px;
	background: url(../images/nav_degradado.gif) repeat-x 0 -8px;
	}

/* =NAV 
------------------------------------------------------------- */
ul#nav, ul.nav_secciones  {
	float:left;	width:470px;
	border-top:6px solid #b8e440;
	padding-left:12px;
	background: url(../images/nav_separador.gif) no-repeat 21px 50%;
	margin-top:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#363;
}
ul.nav_secciones {width:698px !important; width:702px;}

#barranav.navIndex ul.nav_secciones {width:470px;}

#barranav.navIndex ul.nav_secciones li, ul.nav_secciones li { 
	float:left;
	background: url(../images/nav_separador.gif) no-repeat 100% 50%;
	padding-right:2px;
}
#barranav.navIndex ul.nav_secciones li a, ul.nav_secciones li a {
	float:left;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%; line-height:175% !important; line-height:170%;
	text-decoration:none;
	color:#363;
	background: url(../images/nav_degradado.gif) repeat-x 0 50%;
}
#barranav.navIndex ul.nav_secciones li a:visited, ul.nav_secciones li a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#363;
}
ul#nav li a:hover,
ul.nav_secciones li a:hover,
#barranav.navIndex ul.nav_secciones li a:hover {background: #fff;}	


ul#nav li a.activo,
ul.nav_secciones li a.activo,
#barranav.navIndex ul.nav_secciones li a.activo {background: #fff;}	

ul#nav li a.off,
ul.nav_secciones li a.off { background: url(../images/nav_degradado_off.gif) repeat-x 0 50%; color:#aaa;}	

ul.nav_secciones li a {	padding:5px 10px;}

/* img portada */
p.imgpor {
	float:left;
	margin-left:10px !important; margin-left:5px;
	background:none;
	margin-top:10px;
	}

/* =ENDESTACADO
------------------------------------------------------------- */
.endestacado {
	float:right; width:178px; height:240px;
	background: url(../images/fondo_doc_portada.gif) no-repeat 0 0;
	padding:10px 25px 0 25px;
}
.endestacado h2 {
	color: #369;
	font-size:110%;
	margin-bottom:10px;
}
.endestacado a:link,
.endestacado a:visited{
	float:left;
	width:148px;
	padding:5px 5px 5px 25px;
	clear:both;
	line-height:130%;

}
.endestacado a.pdf{background: url(../images/ico_pdf.gif) no-repeat 2px 50%;}
.endestacado a.xls{background: url(../images/ico_xls.gif) no-repeat 2px 50%;}
.endestacado a.avi{background: url(../images/ico_avi.gif) no-repeat 2px 50%;}
.endestacado a.zip{background: url(../images/ico_zip.gif) no-repeat 2px 50%;}
.endestacado a.fla{background: url(../images/ico_fla.gif) no-repeat 2px 50%;}

	

/* =CONTENIDO
------------------------------------------------------------- */
.not_cont {
	position:relative;
	float:left; width:668px; 
	background:#fff url(../images/fondo_not_portada.gif) repeat-x 0 0;
	margin:10px 0 20px 0;
	padding:15px 20px;
	border:1px solid #d9cfd0;
}
.notpor { 
	float:left; width:444px;
}
.notpor h3, .notpor h2 {
	color:#339edb;
	font-size:110%;
	margin-bottom:10px;
}
.notpor table{
	width:444px;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}	 
.notpor table td.fecha, .tit_sec table td.fecha{padding:6px 0; color:#777;}
.notpor table td.last, .tit_sec table td.last {padding:10px 0;}

.tit_sec {float:left; width:668px;}
.tit_sec h2 {color:#339edb;	font-size:110%;	margin-bottom:10px;}
.tit_sec table {
	float:left;
	width:668px;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.5em;
}	 
.tit_sec table a.ico_pdf,
.tit_sec table a.ico_xls,
.tit_sec table a.ico_zip {
	padding:6px 0 6px 23px;
}
.tit_sec table a.ico_pdf { background: url(../images/ico_pdf.gif) no-repeat 0 50%;}
.tit_sec table a.ico_xls { background: url(../images/ico_xls.gif) no-repeat 0 50%; }
.tit_sec table a.ico_zip { background: url(../images/ico_zip.gif) no-repeat 0 50%; }

.tit_sec table td.ficha { line-height:1.4em;}
.tit_sec table td.ficha a { line-height:1.8em;}
.tit_sec td.img_not img { border:1px solid #ccc; margin-bottom:10px;}



ul#pags { float:right; position:absolute; right:10px; top:10px;}
ul#pags span
{
    float:left;
    }

ul#pags a.bloque
{
    float:left;
    margin: 2px 5px;
}

ul#pags a.num
{
    float:left;
    padding: 1px 4px;
    margin: 0px 2px;
    border: 1px solid #CCC;
    text-decoration: none;
    background: #FFF;
    color: #666;
}

ul#pags span.numActual, ul#pags a.num:hover
{
    float:left;
    padding: 1px 4px;
    margin: 0px 2px;
    border: 1px solid #6C3;
    text-decoration: none;
    background: #6C3;
    color: #FFF;
}


ul#pags li { float:left; padding:0 2px; line-height:1.5em;}
ul#pags li a, 
ul#pags li.num a { 
	float:left; 
	padding:1px 4px; 
	margin:0 2px;
	line-height:1.2em;
	background:none;
}
ul#pags li.num a { 
	border:1px solid #ccc; 
	text-decoration:none;
	background:#fff;
	color:#666;
}
ul#pags li.num a:hover, ul#pags li.num a.activado { 
	border:1px solid #6C3; 
	background:#6C3;
	color:#fff;
}



.tit_sec table.listado {
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}
.tit_sec table.noabajo {border-bottom:0;}
.tit_sec table.centrar td { text-align:center; height:170px; vertical-align:middle; line-height:2em;}
.tit_sec table.centrar td img { border:1px solid #ccc; }

.tit_sec table.listado caption { position:relative;font-weight:bold; font-size:120%; padding-bottom:2px; padding-top:10px;}
.tit_sec table.listado caption span { position: absolute; right:20px !important; right:0; font-size:85% !important; font-size:80%; font-weight:normal;}
/* boletin */
	
#subs_bol {
	float:right; width:198px;
	background:#fff url(../images/fondo_bol_portada.gif) repeat-x 0 0;
	padding:10px;
	border:1px solid #ccc;
}
#subs_bol h4 {
	color:#6051ba;
	font-size:110%;
	line-height:130%;
	margin-bottom:10px;
	padding-left:40px;
	background: url(../images/ico_sobre.gif) no-repeat 0 40%;
}
#subs_bol label {
	float:left;	width:198px;
	padding:0 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
}
#subs_bol input {
	width:188px;
	margin-bottom:10px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666;
}
#subs_bol input.enviar {
	width:80px;
	padding:3px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0033CC;
	margin-bottom:0;
}

/* =CONTACTO */

#formcontacto {
	float:left;
	width:668px;
}
#formcontacto p.introform {
	font-size:110%;
	padding:5px 0 10px 0;
	color:#555;
}
#formcontacto form label {
	float:left;	
	width:150px;
	margin:0;
	margin-right:10px;
	padding-top:8px;
}
#formcontacto form label.boletin {
	padding:6px 0;
	color:#009933;
}
#formcontacto form fieldset {
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:10px;
}
#formcontacto form legend {
	padding:3px 0;
	font-size:110%;
	color:#993300;
	padding-right:10px;
}
#formcontacto form legend span.obligatorios {
	color:#009933;
	font-weight:normal;
	background:#fff;
}
#formcontacto form input {
	width:250px;	
	margin:5px 10px 5px 0;
	font-size:100%;
	color:#888;
	padding:2px 4px;
}
#formcontacto form textarea {
	height:140px;
	width:450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#888;
	padding:2px 4px;
}
#formcontacto form input[type="checkbox"]
{   
    width:20px;margin-top:10px;
}
#formcontacto form input.boton {
	width:200px;
	margin-left:170px;
	color: #000;
}	


	
/* =PIE
------------------------------------------------------------- */
#pie {
	float:left; width:772px;
	background: url(../images/pie_fondoabajo.gif) repeat-x 0 100%;
	background-color:none;
	padding-bottom:5px;

}	
#pie p {
	float:left; width:752px; /* +2px borde */
	padding:10px;
	font-size:110%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/pie_degradado.gif) repeat-x 0 50%;
	line-height:140%;
	
}