/* CSS Represa */
html{ text-align:center; width:100%; height:auto;margin:0;padding:0;background:#fff;}
/******rojo represa********color:#a82835****/
/******gris represa********color:#929090**/
BODY{ 
font-family:  Tahoma, Arial, Verdana;
font-size:1em;
margin:0;padding:0;width:100%;text-align:center;height:auto;
background:#fff url(../images/fondo.gif) top repeat-x;}

a{text-decoration:none;border:none;color:#a82835;}
img{border:none;}

/*******pagina********************************************************************************************************************/

#pagina{/*border:solid #a82835 1px;*/width:960px;min-height:600px; height:auto !important; height:100%;
text-align:center;margin:0 auto;/* margin-top:8px;*/padding:0; background:#fff /*url(../images/cabeza.jpg) repeat-y top right*/; }

/*******cabecera********************************************************************************************************************/
#cabecera{width:100%;margin:0 auto;background: url(../images/cabeza.gif) repeat-y top right; height:87px;/*116px;*/ clear:both;
/*border-bottom:solid 1px #929090;*/ border-right:none;padding:0;}

#logo{float:left; height:60px; width:260px; padding:0; margin:0; margin:0px 0 0 0;}
#logo a{margin:0; padding:0;}

#menucabeza{float:right;width:680px; height:50px;margin:0 auto;padding:0;text-align:right;}
#menucabeza ul{margin:0 auto; width:100%;list-style-type:none;text-align:right;padding:0;margin-top:10px;}
#menucabeza li{ display:inline;font-size:0.7em; margin-right:10px;text-transform:uppercase; color:#000;}
#menucabeza li a{ color:#000;}
#menucabeza li a img{ margin-right:10px;vertical-align:middle;}
#menucabeza li.idioma{/*font-size:0.6em;font-weight:bold; background:#706e6e; padding:2px;*/}
#menucabeza li.idioma a{color:#CCC;}

/*** menu con desplegables */
.menu a.activado{color:#a82835}
.menu a.activado { background:url(../images/bgr_menu_hover.gif) repeat-x;}

.menu { text-transform:uppercase;font-size:0.6em;width:100%; height:/*30px*/27px; margin:0 auto;padding:0;text-align:center; background:#a82835;/*#fff;border-top:8px solid #a82835;*/clear:both;}
.menu ul {padding:0;margin:0;list-style-type:none; height:27px; background:#a82835/*#fff*/;text-align:left;font-weight:bold; }
.menu ul ul {width:210px;font-weight:normal;font-size:1.18em;}
.menu ul li {float:left;height:27px;display:block;}
.menu ul ul li {background:#b02926; text-transform:none;display:block;width:200px;w\idth:100%;height:27px;_height:auto;position:relative;}
.menu a {display:block;float:left;height:27px;font-size:1em;text-decoration:none;color:#fff/*#000*/;/*background:#fff;*/padding:7px 10px 0 10px;}
.menu ul ul a{display:block;background:#e5e5e5; color:#000;width:210px;_height:100%;_height:23px;}
.menu ul table ul a {width:210px; w\idth:100%;}
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
.menu a:hover{ background:url(../images/bgr_menu_hover.gif) repeat-x;}
.menu a:hover{color:#a82835}
.menu :hover > a {color:#a82835; background: url(../images/bgr_menu_hover.gif) repeat-x;}
.menu ul ul a:hover{color:#a82835; background: #fff /*url(../images/bgr_menu_hover.gif) repeat-x bottom*/;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.menu ul ul :hover > a {color:#a82835; background: #fff /*url(../images/bgr_menu_hover.gif) repeat-x bottom*/;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0;width:210px;}
.menu ul ul.dos {visibility:hidden;position:absolute;height:0;top:27px;left:-80px;width:210px;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto;/* padding-bottom:3em;*/ background:transparent /*url(images/trans.gif)*/;}


/*******contenido*****************************************************************************************************************/

#fotocentroi{margin:0; padding:0;}
#fotocentroi img{margin:0; padding:0; width:99.99%;}

#contenido{/*width:960px;*/ width:99.8%;  margin:0;padding:0; text-align:left; height:100%;display:block;border:solid 1px #fff; background:#fff;border-top:1px solid #ccc;}

#contenido #izq{margin:0; padding:0;float:left;width:263px;height:100%; clear:none;display:block; text-align:left;  }
#contenido #izq img{margin:0;padding:10px 0 10px 5px;}
#contenido #izq #menulateral{margin:0; padding:0;text-align:left; font-size:0.75em; color:#706e6e;width:235px;/*250px;*/}
#contenido #izq #menulateral ul{margin-top:10px;}
#contenido #izq #menulateral li{ padding:0; margin:0;margin:7px 0 3px 0;list-style-type:none; background:url(../images/ico_lista.gif) no-repeat; padding-left:25px; vertical-align:middle;}
#contenido #izq #menulateral li a{color:#000;/*#706e6e;*/vertical-align:middle; }
#contenido #izq #menulateral li.activo{background:url(../images/ico_activo.gif) no-repeat; font-weight:bold;}

/***submenu**/
#contenido #izq #menulateral li ul{margin:0; padding:0; margin-left:8px; font-weight:normal; font-size:0.9em;}
#contenido #izq #menulateral li ul li {margin-top:5px;background:url(../images/ico_listaPek.gif) no-repeat; vertical-align:middle;}
#contenido #izq #menulateral li ul li.activo {background:url(../images/ico_activoPek.gif) no-repeat;}

#contenido #izq #menulateral ul li.raiz ul li {padding:0; margin:0;margin:0 0 3px 0;list-style-type:none; background:url(../images/ico_lista.gif) no-repeat; padding-left:25px; vertical-align:middle;}
#contenido #izq #menulateral ul li.raiz ul li.activo {background:url(../images/ico_activo.gif) no-repeat; font-weight:bold;}


/***parte derecha**/
#contenido #der{margin:0; padding:0; padding-bottom:10px; clear:none;float:right; text-align:right;min-height:320px; height:auto !important; height:100%; width:692px;background:url(../images/bgr_der.gif) repeat-y top left; }
#contenido #der #columnas, #contenido #der #filas{ margin:0; padding:0;/* min-height:550px;*/ height:auto !important; height:100%; text-align:left; padding: 0; margin-bottom:5px;padding-left:30px; clear:both; display:block;}


h1{ background:url(../images/ico_tres.gif) no-repeat ;padding:0;margin:0;color:#a82835; text-transform:uppercase; text-align:left; font-size:1em;
    padding-left:80px;border-bottom:solid 1px #a82835; width:80%;/*height:25px;*/max-height:45px; height:auto !important; height:100%; margin:20px 0;padding-bottom:5px;}

#contenido #der .noticia{text-align:left;float:left; width:28%; font-size:0.7em; margin:0 10px;}
#contenido #der .noticia h3{font-size:1em; text-transform:uppercase;color:#a82835; MARGIN:4px 0px; padding:0;}
#contenido #der .noticia h3 a{color:#a82835;}
#contenido #der .noticia p{ text-align:justify;}

#contenido #der div.fotonoticia img{_width:100px; max-width:100px; }
#contenido #der div.fotonoticia img{float:left; }

#contenido #der .noticiaGrand{width:88%; font-size:0.7em; margin:0 10px; display:block; margin-bottom:3px; clear:both;}
#contenido #der .noticiaGrand .fotonoticia{margin:10px; float:left; width:25%;}


#contenido #der .noticiaGrand h2{font-size:1em; text-transform:uppercase;color:#a82835;margin:2px 0;}
#contenido #der .noticiaGrand p{float:left;/*text-align:justify;*/margin:2px 0;width:100%;}
#contenido #der  p.entradilla{font-size:1.1em; margin:10px 0;}
#contenido #der .noticiaGrand p.confoto{float:left;/*text-align:justify;*/margin:2px 0;width:auto; width:68%;}
#contenido #der .noticiaGrand .fecha{ font-weight:bold; font-size:0.9em;}
#contenido #der .noticiaGrand .vermas img{margin:10px; margin-left:0; vertical-align:middle;}

#contenido #der #filas #derecha{ width:45%;_width:43%; float:left; margin:0; padding:0;}
#contenido #der #filas .noticia{text-align:left; width:100%; font-size:0.7em; margin:0 10px;}
#contenido #der #filas #izquierda{ width:45%; _width:43%;float:left;margin:0; padding:0; margin-right:15px;_margin-right:10px; }
#contenido #der #filas .noticia p{float:left;/*text-align:justify;*/margin:2px 0;width:100%;}
#contenido #der #filas .noticia p.confoto{float:left;/*text-align:justify;*/margin:2px 0; width:50%;}
#contenido #der #filas p.confoto .fotonoticia a img{ float:left; margin:0;width:40%;}
#contenido #der #filas h2{ width:100%; height:17px; font-size:0.8em; display:block; text-transform:uppercase; margin:10px; margin-top:0px;}
#contenido #der #filas h2 a{background:#b0b0b0; color:#fff;display:block; padding:3px;}

#contenido #der .paginacion{ width:100%; background:#b0b0b0; height:15px; font-size:0.6em; text-align:right; margin-bottom:15PX;}
#contenido #der .paginacion UL{ display:inline;width:100%; }
#contenido #der .paginacion SPAN A{color:#000;}
#contenido #der .paginacion LI{ list-style-type:none;display:inline; margin:0 3px;}
#contenido #der .paginacion LI A{ color:#000;}
#contenido #der .paginacion LI.activo{ color:#a82835; font-weight:bold;}
#contenido #der .paginacion IMG{ vertical-align:middle;}
#contenido #der .paginacion A:hover{color:#a82835;}

#contenido #der #sac{ width:80%; height:100%; margin:10px auto; margin-left:40px; /*border:solid 1px #a82835;*/ padding:10px; }
#contenido #der #sac .col_una{ float:left; display:block; width:190px; margin:3px;padding:10px;border:solid 1px #a82835;}
#contenido #der #sac h4{ text-transform:uppercase; font-size:1.1em; margin:5px 0; padding:0;}
#contenido #der #sac p{font-size:1em; margin:3px;}
#contenido #der #sac img{ margin-right:10px; vertical-align:middle;}
#contenido #der #sac .col_dos{float:left;display:block; width:190px;  margin:3px;padding:10px;border:solid 1px #a82835;}

#contenido div.boton{ width:auto; height:17px; font-size:0.7em; display:inline; text-transform:uppercase; margin:10px; }
#contenido div.boton A{ color:#fff; width:auto; height:17px;background: #ba4543 url(../images/bgr_boton.gif) no-repeat top right; padding:1px 23px 2px 9px;  vertical-align:middle;}

/***formulario**/
#contenido #der .formulario{width:70%; font-size:0.75em; margin:0 10px; display:block; margin-bottom:3px; clear:both;}
#contenido #der .formulario fieldset{ padding:30px;}
#contenido #der .formulario label{ display:block; width:180px; float:left; height:auto;}
#contenido #der .formulario input{display:block; width:179px;float:left; clear:right;height:auto;}
#contenido #der .formulario input.boton{width:109px;}
#contenido #der .formulario .linea{display:block; width:100%;margin:2px 0; clear:both;}
#contenido #der .formulario span.nota{font-size:0.85em;}


/*****pie**********************************************************************************************************************/
#pie{width:100%; margin:0px 0 1px 0; padding:10px 0 0 0; height:20px; background: url(../images/cabeza.gif) repeat-y top right; border-bottom:1px solid #b0b0b0;}
#pie p.logotics{float:left;text-align:left;margin:0; padding:0; margin-left:5px; margin-top:0px; width:30%;}
#pie p.logotics a{font-size:0.7em;text-aling:left;color:#000;margin:0; padding:0;}
#pie p.logotics img{ vertical-align:middle;margin:0; padding:0; margin-right:5px;}
 
#pie p.represa{text-align:right;width:60%;float:right; margin:0; padding:0; margin-right:10px;}
#pie p.represa a{ font-size:1.7em;color:#fff; text-align:right; padding-right:20px;}
#pie p.represa span{ font-size:0.65em; margin:0 5px; color:#000; text-transform:uppercase; font-weight:bold;}

.clear{width:100%; height:0px;clear:both;background: url(../images/pixel.gif) repeat-x;}
.clearNoticias{width:95%; height:1px;clear:both; margin:5px 0; border:solid 1px #b0b0b0; border-right:0px;border-left:0px; }


/*********boletin********************************************************************************

.boletin{}
.boletin #cabecera{ height:60px;}

.boletin #contenido #der{ background:none; width:100%; margin:0 auto;}

.boletin .noticia{text-align:left;float:left; font-size:0.7em; margin:0 10px;}
.boletin .noticia h3{font-size:1em; text-transform:uppercase;color:#a82835; MARGIN:4px 0px; padding:0;}
.boletin .noticia p{ text-align:justify;}

.boletin .filasboletin{ margin:0; padding:0;height:auto !important; height:100%; text-align:left; padding: 0; margin-bottom:5px;padding-left:30px; clear:both; display:block;}
.boletin .filasboletin #derechados{ width:28%; float:left; margin:0; padding:0; margin-left:20px;}
.boletin .filasboletin .noticia{text-align:left; width:100%; font-size:0.7em; margin:0 10px;}
.boletin .filasboletin #izquierdados{ width:60%;float:left;margin:0; padding:0; margin-right:15px; }
.boletin .filasboletin #izquierdados .noticia{text-align:left; width:46%; font-size:0.7em; margin:0 10px;}
.boletin .filasboletin .noticia p{float:left;margin:2px 0;width:100%;}
.boletin .filasboletin .noticia p.confoto{float:left;margin:2px 0; width:50%;}
.boletin .filasboletin p.confoto .fotonoticia a img{ float:left; margin:0;width:40%;}
.boletin .filasboletin h2{ width:100%; height:17px; font-size:0.8em; display:block; text-transform:uppercase; margin:10px; margin-top:0px;}
.boletin .filasboletin h2 a{background:#b0b0b0; color:#fff;display:block; padding:3px;}
*****/

/******************mapaweb***********************/

#contenido ul.mapaweb{margin:0; padding:0;text-align:left; font-size:0.75em; color:#706e6e;width:90%; padding-left:25px;}
#contenido ul.mapaweb li{ padding:0; margin:0;margin:0 0 3px 0;list-style-type:none; background:url(../images/ico_lista.gif) no-repeat; padding-left:25px; vertical-align:middle;}
#contenido ul.mapaweb li a{color:#706e6e;vertical-align:middle; }
#contenido ul.mapaweb li:hover{background:url(../images/ico_activo.gif) no-repeat; font-weight:bold;}

#contenido ul.mapaweb li ul{margin:0; padding:0; margin-left:8px; font-weight:normal; font-size:1em;}
#contenido ul.mapaweb li ul li {margin-top:5px;background:url(../images/ico_listaPek.gif) no-repeat; vertical-align:middle;}
#contenido ul.mapaweb li ul li:hover {background:url(../images/ico_activoPek.gif) no-repeat;}

/**********************destacado******************************/

#contenido #izq #destacados{border-top:solid 1px #bbb; width:90%; margin:17% 0 0 5%;_margin-top:10px; padding:0; }
#contenido #izq #destacados .destaca{width:100%; clear:both; height:90px; border-bottom:solid 1px #bbb; }
#contenido #izq #destacados .destaca .foto{ float:left;width:86px;height:59px; vertical-align:middle;}
#contenido #izq #destacados .destaca .foto img{width:86px; height:59px;}
#contenido #izq #destacados .destaca .link{float:left; width:135px;margin:10px 0 0 10px;font-size:0.7em; color:#000;}
#contenido #izq #destacados .destaca .link a{ color:#a82835; text-transform:uppercase;}
#contenido #izq #destacados .destaca .link a img{display:block; margin:10px 0 0 0; padding:0;}