/* CSS Document */

/*---------------------------------------------------------------*/
/* padding y margin por defecto */
* {
   padding: 0px;
   margin: 0px;  
}
/****************************************************************/

body {
	/*Para mostrar siempre la barra vertical*/
	overflow: -moz-scrollbars-vertical;
	/*fin mostrar*/
	background-image:url(../imgs/tapiz/fondo.jpg);
	background-repeat:repeat-x;
	font-family: "trebuchet ms",arial,sans-serif;
}

a {
	text-decoration:none;
	color:#4F758B;
}
a:hover{text-decoration:underline;}



/*---------------------------------------------------------------*/
/* contenedor total: incluye la cabecera, el cuerpo y el pie */
#pag {
	width: 950px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/****************************************************************/




/*---------------------------------------------------------------*/
/* cabecera */
#cab {
	height: 180px;
	background-image:url(../imgs/cabecera/cabeceraD.gif);
	background-repeat:no-repeat;
	background-position: 0px 15px;
}

#cab_imag {
	background-image:url(../imgs/cabecera/fondo-imagen950.gif);
	/*background-image:url(../imgs/cabecera/fondoimagenPagina2.png);*/
	background-repeat: no-repeat;
	background-position:3px 6px;
	height: 143px;
}

#cab_logo { margin: 20px 0 0 20px; }
/******************************************************************/



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?????????????????????*/
/* regla para el home*/ /* HAY QUE CAMBIAR en HTML!!!!!!!!!!!!!!!!! <<<<<<<<<<<<<<<<<<<<------------------------------------------*/
/* cabecera del home */
#cabhome { 
   width: 510px; 
   height:180px;
   float: left; 
   margin-top: 10px; 
   background-image:url(../imgs/cabecera/fondo-cabceraV.gif);
   background-repeat:no-repeat;
   background-position: 0px 15px;
}	

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?????????????????????*/



/* Estilos enlaces parte superior */
#enl_sup {
	font-size: 8.5pt;
	line-height: 12px;
	text-align: right;
	margin-right: 10px;
}
#enl_sup a {
	text-decoration: none;
	color: white;
	margin-right: 0.8em;
}
#enl_sup a:hover { text-decoration: underline; }
/*-----------*/



/*---------------------------------------------------------------*/
/* menu horizontal */
#menuh {
	margin-left: 176px;  /* para el home la regla seria con margin-left:16px; */
	font-size: 8pt;
}
#menuh a {
	text-decoration: none;
	color: white;
}
#menuh div { float: left; }
#menuh div.opmhi, div.opmhd {
	background-repeat: no-repeat;
	height: 23px;
	width: 4px;
}
#menuh div.opmh {
	padding-top: 3px;
	height: 20px;
}
#menuh div.sep {
	width: 5px;
	height: 23px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?????????????????????*/
/* regla para el home*/ /* HAY QUE CAMBIAR HTML!!!!!!!!!!!!!!!!! <<<<<<<<<<<<<<<<<<<<------------------------------------------*/
#menuhhome{
     margin-left:16px;
	 font-size:8pt;
	 
}

#menuhhome a {
	text-decoration: none;
	color: white;
}
#menuhhome div { float: left; }
#menuhhome div.opmhi, div.opmhd {
	background-repeat: no-repeat;
	height: 23px;
	width: 4px;
}
#menuhhome div.opmh {
	padding-top: 3px;
	height: 20px;
}
#menuhhome div.sep {
	width: 5px;
	height: 23px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?????????????????????*/
/******************************************************************/



/*----------------------------------------------------------------*/
/* capa de noticias */
#cont1 { 
     width: 230px; 
	 float: right; 
}	

/* noticias */
#noticias {
	width: 720px;
	float: right;
	position: relative;
	padding-top: 5px;
	margin-left: 10px;
}

.noticia {
	width: 216px;
	float: right;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
	clear: both;
}
#noticias div.sep {
	width: 216px;
	height: 10px;
	float: right;
	position: relative;
}

div.cab_noticia {
	background-image:url(../imgs/tapiz/cab_notD1.gif);
	background-repeat:no-repeat;
	height: 30px;
	font-size: 13pt;
	color: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
div.cue_noticia {
	background-image: url(../imgs/tapiz/fondo-noticiaD.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 8pt;
	color: #444;
	position: relative;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
}
.cue_noticia img {
	margin: 5px;
	text-align: center;
}
div.lnk_noticia {
	text-align: right;
	padding-right: 10px;
	background-color: #E7E7E5;
	font-variant: small-caps;
	font-size: 9pt;
}
div.lnk_noticia img {
	border: 0;
	vertical-align: middle;
	}
/******************************************************************/




/*----------------------------------------------------------------*/
/* capa de celdas */
#cont2 { 
      width: 510px; 
	  float: left; 
}
/*celdas*/
.celda {
	width: 230px;
	margin: 8px;
	float: left;
	position: relative;
}
.celda2 {
	width: 230px;
	margin: 8px;
	float: right;
}

.celda div.cab_celda {
	/*background: url(../imgs/tapiz/cab_celda.gif) no-repeat;*/
	background-image:url(../imgs/tapiz/cab_celda.gif);
	background-repeat:no-repeat;
	width: 222px;
	height: 32px;
	font-size: 13pt;
	color: #0000A0;
	padding: 5px 0 0 8px;
}
.celda div.cue_celda {
	background-color: white;
	width: 230px;
	float: left;
}
.celda div.img_celda {
	width: 64px;
	float: left;
	background-color: white;
	margin: 4px;
}
.celda div.txt_celda {
	width: 146px;
	float: left;
	font-size: 8pt;
	color: #444;
	text-align: justify;
	margin: 5px 2px;
}
#pag #cont2 .celda img {
	float: left;
}

/******************************************************************/



/*----------------------------------------------------------------*/
/* capa del pie */
#pie {
	width: 950px;
	height: 23px;
	float: left;
	background-image:url(../imgs/pie/fondo-pieP.gif);
	background-repeat:no-repeat;
	font-size: 8pt;
	text-align: center;
	margin-top: 7px;
	padding-top: 3px;
}
#pie a {
	text-decoration: none;
	color: #4A604A;
	margin-left: 1.5em;
}
#pie a:hover { text-decoration: underline; }
/******************************************************************/




/*----------------------------------------------------------------*/
/* contenido (fuera del home)*/
#contenido {
	width: 950px;
}
/******************************************************************/




/*----------------------------------------------------------------*/
/* cabecera del contenido*/
#cab_cont {
	background-image:url(../imgs/tapiz/cab-tapiz.gif);
	background-repeat:no-repeat;
	height: 26px;
}
#cab_cont div { float: left; }
#cab_cont div#sep { width: 176px; height: 24px; }
#cab_cont div#buscador {
	width: 200px;
	font-size: 8pt;
}
#cab_cont div#buscador input {
	font: 7pt "trebuchet ms",arial,sans-serif;
	width: 100px;
	height: 12px;
	padding: 0 1px;
	border: 1px solid #08C;
	margin-top: 2px;
}
#cab_cont div#buscador a { color: #038; text-decoration: none; }
#cab_cont div#buscador a:hover { text-decoration: underline; }
#cab_cont div#etiqueta {
	font: bold 9pt "trebuchet ms",arial,sans-serif;
	width: 750px;
	padding-top: 2px;
	text-align: right;
	color: #FFF;
}
/******************************************************************/



/*----------------------------------------------------------------*/
/* cuerpo del contenido */
/* area principal */
#cue_cont {
	background-color: white;
	float: left;
	width: 950px;
}

#area_cont {
	width: 740px;
	min-height: 268px;
	padding-bottom:20px;
	padding-right:5px;
	background-image:url(../imgs/tapiz/fondo-contD.gif);
	background-repeat:no-repeat;
	float: right !important;
	font-size:13px;
	color:#666666;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 25px;
	background-position: left top;
	padding-left: 10px;
	padding-top: 5px;
}
#areaTexto p
{
   margin-bottom:10px;
}

/* listas dentro de area_cont*/
#areaTexto ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
}

#areaTexto ul li {
	list-style-type: square;
	list-style-position: inside;

}
#areaTexto ol {
	list-style-type:decimal;
	margin-left: 25px;
	margin-bottom: 1.5em;	
}
#areaTexto ol li {
	margin-top:1px;
}
#areaTexto h1, #areaTexto h2, #areaTexto h3, #areaTexto h4, #areaTexto h5, #areaTexto h6  {
	margin-bottom: 0.5em;
	color: #4F758B;
	font-weight: normal;
}
#areaTexto h1 {
	font-size: 2em;
}
#areaTexto h2 {
	font-size:1.75em;
}
#areaTexto h3 {
	font-size:1.5em;
}
#areaTexto h4 {
	font-size:1.25em;
}
#areaTexto h5 {
	font-size:1.25em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F758B;
	font-weight: normal;
	overflow: hidden;
}
#areaTexto h6 {
	font-size:1.25em;
	color: #FFFFFF;
	background-color: #87A7BA;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 90px;
	font-weight: normal;
	overflow: hidden;
	margin: 15px;
	background-image: url(../imgs/menu-vertical/logosG.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	min-height: 37px;
}


/*----------------------------------------------------------------*/
/* menu vertical */

#menuv { 
	width: 160px;
	position: relative;
	float: left;
	left: 10px;
	top: -60px;
}
#menuv div.cabecera_menu {
	background-image:url(../imgs/menu-vertical/cabecera-menuD.gif);
	background-repeat:no-repeat;
	width: 150px;
	height: 35px;
	padding: 3px 0 0 10px;
	font: bold 11pt "trebuchet ms",arial,sans-serif;
	color: white;
}
#menuv div.cuerpo_menu {
	background-color: #9CB29C;
	border: 1px solid #9CB29C;
}
#menuv div.apartado_menu {
	background-image:url(../imgs/menu-vertical/cabecera-areas.gif);
	background-repeat:no-repeat;
	width: 130px;
	height: 22px;
	padding: 3px 0 0 10px;
	font: bold 11pt "trebuchet ms",arial,sans-serif;
	color: white;
}
#menuv ul {
	list-style: none;
	margin-bottom: 12px;
	background-color: #9CB29C;
}
#menuv ul li {
	width: 149px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #49604B;
}
#menuv ul li a {
	font-size: 9pt;
	text-decoration: none;
	color: #4F758B;
	display: block;
	height: 21px;
	padding-left: 10px;
}
#menuv ul li a:hover {
	width: 159px;
	height:21px;
	background-image:url(../imgs/menu-vertical/destacado.gif);
	background-repeat:no-repeat;
}
#menuv ul li a.doble:hover {
	width: 146px;
	height:42px;
	background-image:url(../imgs/menu-vertical/destacado2.gif);
	background-repeat:no-repeat;
}
#logos_pie_menu {
	width:160px;
	height:50px;
	background-image:url(../imgs/menu-vertical/pie-menu.gif);
	background-repeat: no-repeat;
	text-align: center;
}
.logos_pie_menu {
	margin: 0px;
	text-align: right;
}
/******************************************************************/





/*----------------------------------------------------------------*/
/* formulario */
#formulario { font-size: 8pt; margin: 15px auto; }
#formulario td { padding: 2px 0; vertical-align: top; }
#formulario td.etq {
	padding: 5px 0;
	text-align: right;
	color: #038;
}
#formulario td.sep { width: 10px; }
#formulario input.texto1 {
	width: 304px;
	padding: 1px;
	border: 1px solid #038;
	font: 8pt "trebuchet ms",arial,sans-serif;
	background-color: transparent;
}
#formulario textarea {
	width: 304px;
	padding: 1px;
	border: 1px solid #038;
	height: 42px;
	font: 8pt "trebuchet ms",arial,sans-serif;
	background-color: transparent;
}
#formulario #archivo { width: 304px; }
#formulario #btnEnviar {
	background-image:url(../imgs/tapiz/boton.gif);
	width: 69px;
	height: 17px;
	border: 0;
}
/******************************************************************/
/* Estilos RSS */
.rss_box {
	overflow: hidden;
}
.rss_title, rss_title a {
	margin: 0px 0 2em;
	padding: 0;
	font-size: 14px;
}
.rss_items {
	   margin-left:-15px;
	   padding-left:-15px;
}

.rss_item  {
	padding-bottom: 0.5em;	
	list-style-type: none;
}

.rss_date {
	font-size: xx-small;
	}

#area_cont .rss_items {
	margin-left:1em;
	
}
#areaTexto .AccesoDirecto{
	text-align: center;
	background-color: #006699;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	color: #FFFFFF;
	width: 25%;
}
#areaTexto .AccesoDirecto a{
	color: #FFFFFF;
}.cab_noticia a {
	color: #FFFFFF;
}
#areaTexto label {
	width: 25%;
	float: left;
}

#areaTexto input, #areaTexto select, #areaTexto textarea{
	font-family: "trebuchet ms", arial, sans-serif;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}
#areaTexto input:hover, #areaTexto select:hover, #areaTexto textarea:hover{
	background-color:#E3ECF0;
}

#areaTexto input:focus, #areaTexto select:focus, #areaTexto textarea:focus{
	background-color:#9CB7C7;
}
#areaTexto .enviar {
	border: thin solid #9CB7C7;
	padding-right: 5px;
	padding-left: 5px;
}
#areaTexto .tabla {
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}