/* ELEMENTOS GENERALES DE LA PÁGINA */

/* NUEVO LAYOUT */

/******************************************
Copyright Notice: Parts of these notes are
(c) Owen Briggs @ www.thenoodleincident.com
(for the font css file) (c) Big John @
www.positioniseverything.net and (c) Paul
O'Brien @ www.pmob.co.uk, all of whom
contributed significantly to the design of
the css and html code.
All other content is (c) ClevaTreva Designs
******************************************/
/***XXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXX

To change many of the widths/heights requires that other certain values must
also be changed at the same time. For this reason, beside these critical
attributes (or nearby if comment hacks do not allow) are comments with the
calculations as to how to adjust them.

These guidance comments start with /*** and end with ***/

/***
You can delete these if you want, but do not delete MAC Hack comments (see
below).

To change the width of the entire layout, adjust the columns that make up the
total, remembering the borders. Remember, even one small mistake will degrade
or even break the layout, so be very careful!

For spacing within the cols, it's best to apply margins on content elements
inserted into the cols, because padding directly on those col elements will
change their widths, breaking the layout.

Certain hiding hacks have been used extensively in this layout, so here is a
quick explanation of them.

The Safari escape tab hack:
***************************

 (used on wrapper, and the 3 backgrounds for Moz
and Opera).

Puts an escape in front of a valid number in the style name to replace a
letter in that name, e.g. \65 is an e. A tab is then inserted (not a space).
The purpose of this hack is to hide some code from Safari. Unfortunately,
some other browsers (like IE) see it for what it should be (but NOT Safari),
and so we must undo the code for those browsers by other hacks.

The Tan hack:
*************

* html .anyelement {rules read only by IE/Win and IE/Mac}

The MAC hack:
*************

(first the active comment you are reading now must be
closed...) ***/

/* \*/

/* */

/***...Back in comment mode now. Anything between those two comment lines
will be hidden from IE/Mac. Don't use any comments within this hack or it will
close prematurely and IE/Mac will begin reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win.

The Holly Hack:
***************

Proper use of backslash escape characters inside property names used in the
Holly hack can further segregate rules to be read by only IE6 from rules for
IE5.x/Win.

These hiding hacks, along with several other fixes, make possible this formerly
impossible layout. It is highly unlikely that new browsers will have any
problem with these valid hiding hacks, and we will have to wait for Microsoft
to release IE7.

If enabled in the PageMaker, the 100% height in the html and body styles makes
the design full height. It also breaks Moz because you should use min-height,
but that doesn't work! Note
how these 100% heights are hidden from IE Mac with
the MAC Hack, otherwise they break it.

XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXXX ***/
html,body{
	margin:0; /*** Do NOT set anything other than a left margin for the page as this will break the design ***/
	padding:0;
	border:0;
	height:100%;
}
body{
	background-image: url(../images/css_body_ff_800.gif);
	background-repeat: repeat-y;
	background-position: center;
	min-width:779px; /*** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design.
	Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
	color:#000000;
	text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
}
body, input, textarea, select, optgroup {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.clear{
	clear:both;
	/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
	height:1px;
	overflow:hidden;
	line-height:1%;
	font-size:0px;
	margin-bottom:-1px;
}
#contenedor{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:779px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
}
#wrapper{
	min-height:100%; /*** moz uses this to make full height design. As this #wrapper
	is inside the #fullheightcontainer which is 100% height, moz will not inherit heights
	further into the design inside this container, which you should be able to do with
	use of the min-height style. Instead, Mozilla ignores the height:100% or
	min-height:100% from this point inwards to the center of the design - a nasty bug.
	If you change this to height:100% moz won't expand the design if content grows.
	Aaaghhh. I pulled my hair out over this for days. ***/
	height:auto; /*** For moz to stop it fixing height to 100% ***/
	/***background:#EEEEEE; Set background color for side columns for Safari & IE ***/
}
* html #wrapper{
height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height, from esc tab hack moz min-height solution ***/
#outer{
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left:186px; /*** Critical left col dimension value = left col width ***/
	background-image:url(../images/css_colCont_ff.gif); /*** Sets background of center col***/
	height:100%; /*** Needed for full height inner borders in Win IE ***/
}
#float-wrap{
	margin-right:-1px; /*** Static fix, doesn't change ***/
	float:left;
	display:inline;
}
#colMenu{
	width:187px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
	float:left;
	display:inline;
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left:-186px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
}
#colMenuContenido{
	width:180px; /*** Critical left col dimension value = left col width - 1px. Además hay que restarle el padding ***/
	margin: 0px 6px 20px 0px;
}
#colAux{
	float:left;
	display:inline;
	width:195px; /*** Critical right col/divider dimension value = right col width + 2px ***/
	margin-right:-193px; /*** Critical right col/divider dimension value = negative right col width ***/
	margin-left:-1px; /*** Static fix ***/
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ****/
}
.ancho #colAux{
	display:none;
}
#colAuxContenido{
	float:right;
	display:inline;
	margin-left:0px;
	border-top:9px solid #FFFFFF;
	padding-bottom:50px;
	width:195px;
}


/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
just one Mac-hack for convenience if desired. However, each fix must come
later than the rule it is fixing or the fix itself will be overridden. ***/
#colCont{
	float:right;
	display:inline;
	margin-left:-1px;
}
#colContContenido {
	margin-bottom:20px;
}

/*** clearheader heights are made from header height + borders + any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#colContSeparadorCab{
	height:202px; /*** needed to make room for header in center column ***/
	overflow:hidden;
}
#colMenuSeparadorCab{
	height:202px; /*** needed to make room for header in left column ***/
	overflow:hidden;
}
#colAuxSeparadorCab{
	height:202px; /*** needed to make room for header in right column ***/
	overflow:hidden;
}
#colContSeparadorPie{
	height:47px; /*** needed to make room for footer in center column ***/
	overflow:hidden;
}
#colMenuSeparadorPie{
	height:47px; /*** needed to make room for footer in left column ***/
	overflow:hidden;
}
#colAuxSeparadorPie{
	height:47px; /*** needed to make room for footer in right column ***/
	overflow:hidden;
}
#pie{
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	width:779px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders + Both External Borders ***/
	position:absolute;
	clear: both;
	height:47px; /*** = Bottom Margin + One Outer Border + body to footer divider depth + subfooter1 height + 
	any other subfooter heights ***/
	overflow:hidden;
	margin-top:-47px; /*** negative height ***/
	background-color:#FFFFFF
}
#cabecera{
	z-index:2; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	width:779px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
	+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
	Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
	(not if external borders are off) ***/
	position:absolute;
	top:-1px;
	background-color:#FFFFFF;
	height:195px; /*** = Alto real de la cabecera(202px) menos el padding-top ***/
	padding-top:7px;
	overflow:hidden;
}
#gfx_bg_middle{
	top:0px;
	position:absolute;
	height:100%;
	overflow:hidden;
	margin-left:186px; /*** = Left Col Width ***/
	/*** Set background color for center column for Mozilla & Opera ***/
	background-image:url(../images/css_colCont_ff.gif);
}
* html #gfx_bg_middle{
	display:none; /*** Hides the moz fix from IE ***/
}
#outer, #float-wrap, #colCont, #gfx_bg_middle{
	width:400px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
}

/* REDEFINICION DE ETIQUETAS
html{
	height: 100%;
}
body {
	background-image: url(../images/css_body_ff_800.gif);
	background-repeat: repeat-y;
	background-position: center;
	color: #000;
	margin: 0;
	text-align: center;
	font-size:70%;
	height: 100%;
}
body, input, textarea, select, optgroup {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
} */


form{
}
input, textarea, select, optgroup, table, tr, th, td  {
	font-size: 100%;
}
p, ul, ol, li, dl, dt, dd, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	line-height: 1.5em;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}
acronym, abbr {
	cursor: help;
}
a img {
	border: 0;
}
kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}


/* CLASES GENERALES DE LA PÁGINA */
.print {
	display: none;
}
.limpiar {
	clear: both;
}
.oculto {
	display: none;
}
.hr1 {
  height: 1px;
  background-color: #C5C5C5;
}
div.hr1 hr {
  display: none;
}
.hr2 {
  height:23px;
  background: #F0F0F0 url(../images/css_hr2.gif) repeat-x scroll center;
  padding:10px
}
div.hr2 hr {
  display: none;
}

/* APOYO A LOS LECTORES DE TEXTO */
.ayudaAcces {
	position: absolute;
	left: -10000px;
	width: 1px;
	font-size: 1px;
	line-height: 1%;
}
a.ayudaAcces:active {
	position: static;
	width: auto;
	height: auto;
}

/* ESTILOS PARA VINCULOS GENERALES A TODO EL SITIO */
#colContContenido a.link1, #colAuxContenido a.link1{
	color: #9DB901;
	font-weight:bold;
	text-decoration:none
}
#colContContenido a.link1:hover, #colAuxContenido a.link1:hover{
	text-decoration:underline;
}
#colContContenido a.link2, #colAuxContenido a.link2{
	color: #9DB901;
	text-decoration:underline;
}
#colContContenido a.link2:hover, #colAuxContenido a.link2:hover{
	text-decoration:none
}

/* ESTILOS PARA LINEAS GENERALES A TODO EL SITIO */
.hr1 {
  height: 1px;
  background-color: #C5C5C5;
}
div.hr1 hr {
  display: none;
}
.hr2 {
  height: 3px;
  background-color: #F0F0F0;
}
div.hr2 hr {
  display: none;
}

/* Otros contenedores*/
#contenido {
	margin:25px 20px 30px 25px;
	font-size:115%;
	line-height:1.8;
}

/* CABECERA DIPU */
.cabeceraMini{
	background-color:#9DB901;
	color:#FFFFFF;
	padding:2px 10px 4px 10px;
}
.cabeceraMini li{
	display:inline;
}
.cabeceraMini .menuApoyo{
	float:right;
}
.cabeceraMini .menuIdiomas{
	float:right;
	padding:0 2px 2px 1px;
}
.cabeceraMini .menuApoyo li, .cabeceraMini .menuIdiomas li{
	padding:0 0 1px 10px;
}
.cabeceraMini .menuIdiomas li a{
	padding-left: 10px;
}
.cabeceraMini .menuIdiomas a, .cabeceraMini .menuApoyo a{
	color:#FFFFFF;
	text-decoration:none;
}
.cabeceraMini .menuIdiomas a:hover, .cabeceraMini .menuApoyo a:hover{
	text-decoration:underline;
}
.cabeceraMini .menuIdiomas .idiomaSeleccionado, .cabeceraMini .menuApoyo .apoyoSeleccionado{
	color:#666666;
}

/* CABECERA IMAGEN+BUSCADOR*/
.cabImg{
	text-align:left;
	height:160px;
	display:block;
	padding:14px 0 0 0;
	border-bottom:1px solid #C5C5C5;
	background-color:#F4F4F4;
	background-image: url(../images/css_cabecera_ff.gif);
	background-repeat:repeat-x;
}
.cabImg div{
	height:160px;
	background-image:url(../images/css_cabImg_ff.jpg);
	background-repeat:no-repeat;
}
.cabImg #cab_logo{
	top:53px;
	left:25px;
	position:relative;
}
.cabImg #cab_mensaje{
	top:85px;
	left:65px;
	position:relative;
}

/* COLUMNA MENU*/
#colMenuContenido{
	background-color: #FFFFFF;
	font-size:100%;
}
#colMenuContenido #menuNav{
	color:#9DB901;
	font-weight: bold;
	padding:5px 0 5px 0;
}
#colMenuContenido #menuNav li, #colMenuContenido #menuNav2 li{
	background-image:url(../images/css_menuNav_li_ff.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:7px 0 6px 12px;
	margin:0;
	font-weight: normal;
}
#colMenuContenido #menuNav li a, #colMenuContenido #menuNav2 li a{
	color:#666666;
	text-decoration:none;
}
#colMenuContenido #menuNav li a:hover, #colMenuContenido #menuNav2 li a:hover{
	text-decoration:underline;
}
#colMenuContenido #menuNav li a.seleccionado, #colMenuContenido #menuNav2 li a.seleccionado{
	color:#9DB901;
	font-weight:bold;
}
#colMenuContenido #menuNav li ul{
	background-color:#EEEEEE;
	padding:3px 8px 4px 8px;
	margin:5px 5px 5px 0px;
}
#colMenuContenido #menuNav li li{
	background-image:url(../images/css_menuNav_li_li_ff.gif);
	padding:5px 0px 4px 8px;
}
#colMenuContenido #menuNav li li a.seleccionado{
	color:#000000;
	font-weight:bold;
}
#colMenuContenido ul#menuNav2{
	margin:6px 0 8px 0;
	font-weight:bold;
} 
#colMenuContenido #menuNav2 li{
	font-weight:bold;
}
#colMenuContenido .bannerAtencion{
	background-color:#B2D109;
	padding:5px 14px 6px 14px;
	margin:8px 0;
}
#colMenuContenido .bannerAtencion dt{
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
	padding-right:10px;
}
#colMenuContenido .bannerAtencion dd{
	float:right;
	width:90px;
	margin-top:-2.3em;
	color:#194E34;
}
#colMenuContenido .bannerAtencion dd a{
	color:#194E34;
	text-decoration:none
}
#colMenuContenido .bannerAtencion dd a:hover{
	text-decoration:underline;
}
#colMenuContenido .bannerCatalogo{
	background-color:#F1F1F1;
	padding:8px;
}
#colMenuContenido .bannerCatalogo dl{
	background-color:#FFFFFF;
	padding:8px 11px;
}
#colMenuContenido .bannerCatalogo dt{
	color:#9DB901;
	font-weight:bold;
	padding:3px 0;
}
#colMenuContenido .bannerCatalogo dd{
	color:#666666;
	line-height:140%;
}
#colMenuContenido .bannerCatalogo dd a{
	color:#666666;
}

/* Banner anuncio CV */
.banner_cv {
	background: #000 url(../images/bannerCV.jpg) -10px 0 no-repeat;
	margin: 5px 0 5px 0;	
	}
.banner_cv a {
	display: block;
	padding: 195px 5px 5px 0;
	color: #FFF;
	text-decoration: none;
	text-align: right;
	font-size: 90%;
	}
.banner_cv a span {
	padding: 0 3px;
	}
.banner_cv a:hover span {
	background-color: #A2C001;
	 }

/* COLUMNA CONTENIDO*/
#colContContenido .migas{
	border-bottom: 1px solid #C5C5C5;
	padding:7px;
	line-height:1.5em;
	margin-right:7px;
}
#colContContenido .migas li{
	display:inline;
	background-image:url(../images/css_migas_li_ff.gif);
	background-repeat:no-repeat;
	background-position:5px 4px;
	padding-left:12px;
}
#colContContenido .migas li a{
	color:#9DB901;
}
#colContContenido .migas li a:hover{
	text-decoration:none;
}

/* PIE DE PAGINA*/
.piePagina {
	background-color:#9DB901;
	background-image:url(../images/css_cabecera_ff.gif);
	background-repeat:repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding: 20px 10px 6px 10px;
	color:#FFFFFF;
}
.piePagina ul{
	margin:0;
	float:right;
	margin-top:2px;
}
.piePagina li{
	display:inline;
	padding:0 5px 0 3px;
	border-right:1px solid #FFFFFF;
}
.piePagina li.ultimo{
	padding-right:0;
	border-right:none;
}
.piePagina li a{
	color:#FFFFFF;
	text-decoration:none;
}
.piePagina li a:hover{
	text-decoration:underline;
}
.piePagina li a.seleccionado{
	color:#666666;
}/**/