
/**********************************

Content: Basic Layout Stylesheet Document for Screen
Author: Ales Martin Ibarzabal  //  www.amistudio.eu

***********************************/

/* Reset
-------------------------------------------------------------------------------- */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }


/* =Globals
--------------------------------------------------------------------------------------------------- */

* {
	direction: ltr;        /* direction: left to right */
	/*direction: rtl;*/      /* direction: right to left */
}

html{
	height:100%;
	/*overflow:-moz-scrollbars-vertical;*/
}

body {
	/*height:100%;*/
	margin:0 auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#ffffff;
	color:#000000;
	text-align:center;
	line-height:17px;
}

div#container {
	width:1003px;
	margin: 0 auto;
	text-align:left;
}

img {
	border:none;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height:1px;
}

form {
	margin:0;
	border:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

* html a.boletin  {
	margin-left:7px;
}

div#flashcontent h2 {
	float:left;
	padding: 0;
	margin:30px 0 15px 0;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:48px;
	line-height:60px;
}

a.boletin  {
	display:block;
	float:left;
	margin-left:14px;
	height:114px;
	width:182px;
	overflow:hidden;
	cursor:pointer;
}

a.boletin span {
	display:block;
	background:url(../img/bg_boletin.jpg) no-repeat top left;
	position:relative;
	height:100%;
	width:100%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  padding:0 10px;
}

table {
  width: 100%;
}

div.reset {
	clear:both;
}

p.accesibility_content {
	position: absolute;
	left: -900em;
}


div.separador {
	background:url(../img/bg-seccion-noticia.gif) 0 0 no-repeat;
	margin:0 6px;
	padding:0;
	font-size:0;
	height:6px;
}

div.separador_gris {
	background:url(../img/bg-seccion-noticia.gif) 0 -36px no-repeat;
	margin:0 6px;
	height:6px;
	font-size:0;
}

/* ****************************
/* CABECERA
/* ****************************/

#sobrecabecera {
	height:63px;
	margin:0 6px;
}

.confoto {
	height:126px;
	width:100%;
	position:absolute;
	overflow:hidden;
	z-index:50;
}

.transparente#sobrecabecera {
	background-image:none;
}

#sobrecabecera:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

#cabecera {
	margin:0 auto;
	padding:0;
}


#cabecera:after {
	content: "";
    display: block;
    clear: both;
}

#cabecera h1 a {
	display:block;
	text-indent:-9999px;
}

#cabecera h1 a .img1 {
	width: 43px;
	height: 43px;
	border: 0;
	float: left;
	margin:15px 0 0 0px;
}

#cabecera h1 a .img2 {
	width: 43px;
	height: 43px;
	border: 0;
	margin:15px 0 0 5px;
	float: left;
}

/* ****************************
/* BANNER
/* ****************************/

#banner-arriba {
	height:60px;
	width:585px;
	margin:24px 0 0 0;
	float:left;
}

#banner-arriba img {
	border:0;
}

#banner-arriba a {
	text-decoration:none;
	border:0;
}

#banner-menu {
	float:left;
	border:0;
	padding:0;
	margin:0 0 0 20px;
	width:0;
}

/* ****************************
/* MENU CABECERA
/* ****************************/

ul#nav  {
	padding: 2px 0 0 0;
	margin: 0;
	list-style-type:none;
	width:468px;
	float:left;
	background-color:#fff;
	line-height:1.5em;
	height:15px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

#nav li {
	float: left;
	position: relative;
  	width: 114px;
	margin:0 2px 0 0;
	padding:0;
}

#nav li ul {
	display: none;
	position: absolute;
	list-style-type:none;
	top: 17px;
	left: 0;
	background-image:url(../img/bg-menupsoe.jpg);
	background-repeat:no-repeat;
	background-position: 0 2px;
	border-bottom:7px solid #E1181D;
	width:160px;
	margin:0;
	padding:0;
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li:hover ul,
#nav li.over ul {
	display: block;
	padding:0 0 0 0;
	margin:0;
}

#nav li {
	background-image:url(../img/li-menupsoe-off.gif);
	background-repeat:no-repeat;
	background-position:0 19px;
	height:25px;
}

#nav li li {
	background-image:none;
	height:inherit;
	margin:0;
	padding:0;
	display:block;
}

#nav li li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:.5em 5px .5em 10px;
	font-size:.9em;
	border-top:1px solid #fff;
	width:145px;
	line-height:1.2em;
}

#nav li li a:hover {
	color:#000;
	text-decoration:none;
	background-color:#fff;
}

ul#nav li#menu-1 ul li.li-1-menupsoe,
ul#nav li#menu-2 ul li.li-1-menupsoe,
ul#nav li#menu-3 ul li.li-1-menupsoe,
ul#nav li#menu-4 ul li.li-1-menupsoe,
ul#nav li#menu-5 ul li.li-1-menupsoe {
	background:transparent;
	padding:14px 0 0 0;
}

/* ****************************
/* CAJITA CABEERA
/* ****************************/

#cajita-cabecera {
	width:386px;
	margin:15px 0 0 0;
	padding:0;
	float:right;
}

#cabecera fieldset#buscador {
	background-color:#fff;
	border-top:1px solid #fff;
	border-right:0;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	margin-bottom:0;
	padding:0;
	width:185px;
	height:36px;
}

#cabecera fieldset#buscador label {
	font-size:9px;
	margin-left:2px;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

#cabecera fieldset#buscador input#word {
	width:52px;
	margin-top:8px;
	margin-left:2px;
}

#cabecera fieldset#buscador input#ir1 {
	width:50px;
	margin-top:8px;
	font-size:9px;
}

#cabecera #iconos {
	margin:0px 0 0 0;
	width:192px;
	height:40px;
	list-style-type:none;
	padding:0;
	background-color:#fff;
	border-left:1px solid #c5c5c5;
	float:Right
}

#cabecera #iconos:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

#cabecera #iconos li {
	float:left;
}

#cabecera #cajita-cabecera #iconos ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#cajita-cabecera #iconos ul li {
	float:left;
}

#cabecera #cajita-cabecera #iconos li#li-6 {
	border-left:1px solid #c5c5c5;
}

.boton-gris {
	background-image:url(../img/bg-boton-gradient-gris.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	color:#fff;
	font-weight:bold;
	font-size:9px;
	line-height:6px;
	text-transform:uppercase;
	padding:4px 0px 4px 0px;
	border:0;
	height:17px;
	width:60px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}


/* ****************************
/* RUTA Y CSS
/* ****************************/

#rutayrss {
	background-image:url(../img/bg-ruta2.gif);
	background-repeat:repeat-x;
	height:25px;
	margin:0 7px 0 6px;
	padding:0;
}

#rutaycss:after {
	content: "";
    display: block;
    clear: both;
}

#rutayrss #ruta {
	float:left;
}

#rutayrss #ruta p {
	margin:0;
	padding:4px 1em;
	font-size:9px;
	color:#9a9a9a;
}

#rutayrss #ruta p a {
	color:#9a9a9a;
}

#rutayrss .col-simple {
	float:right;
	border-left:2px solid white;
	width:180px;
	height:24px;
	margin-top:1px;
}

#rutayrss .col-simple p#rss {
	background-image:url(../img/rss.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	margin:6px 0 0 6px;
}

#rutayrss .col-simple p#rss a strong {
	color:#FFF;
	margin:0 5px 0 0;
	padding:0 0 0 3px;
	font-size:9px;
}

#rutayrss .col-simple p#rss a {
	color:#000;
	margin:0;
	padding:0;
	text-decoration:none;
}

#rutayrss .col-simple p#rss a:hover {
	text-decoration:underline;
}

div#flashcontent {
	width:990px;
	margin:0 auto;
	border-top:1px solid #656766;
	border-bottom:1px solid #656766;
}

div#izq {
	float:left;
}

div#columna01 {
	float:left;
	width:405px;
}

div#columna02 {
	float:left;
	width:395px;
}

div#columna03 {
	float:left;
	width:196px;
}

ul.listado {
	background:#fff;
}

ul.listado li {
	padding:10px;
}

ul.listado li span {
	display:block;
	color: red;
}

h3 a,h4 a, p a, li a {
	color:#1f1f1f;
	text-decoration:none;
	cursor:pointer;
}

li a:hover span {
 	text-decoration:none;
}

h3 a:hover, p a:hover, li a:hover {
	text-decoration:underline;
}

div.bajo-contenido {
	background:url(../img/bg_esquina.png) no-repeat bottom left;
	padding:0 0px 6px 6px;
	min-height:57px;
	margin:0;
	width:387px;
}

div.bajo-contenido p {
	background: url(../img/bg_bajo_contenido.png) repeat top left;
	padding:9px 15px;
	line-height:17px;
	min-height:51px;
}

div.bajo-contenido div.fondo {
	background: url(../img/bg_bajo_contenido.png) repeat top left;
	padding:8px;
	width:371px;
}

/* ****************************
/* Contenido Promesas cumplidas
/* ****************************/

div#promesas {
	margin-bottom:5px;
}

div#promesas h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#promesas h3 span {
	background: url(../img/titulares/bg_promesas.jpg) 0 0 no-repeat;
	position: absolute;
	top:0px;
	width: 100%;
	height: 100%;
}

/* ****************************
/* Contenido bloque
/* ****************************/

div#block {
	margin-bottom:5px;
}

div#block h3 {
	width: 393px;
	height: 108px;
	margin:0;
	padding:0;
}

div#block img {
	width: 393px;
	height: 108px;
	margin:0 0 0px 0;
	padding:0;
	float:left;
}

div.bajo-contenido2 {
	background:url(../img/bg_esquina.png) no-repeat 0 0;
	padding:0 5px 0 0;
	min-height:57px;
	margin-right:10px;
	width:387px;
}

div.bajo-contenido2 p {
	background: url(../img/bg_bajo_contenido.png) repeat top left;
	padding:9px 15px;
	line-height:17px;
	min-height:51px;
}

div#block div.bajo-contenido2  {
	padding:0;
	margin:0;
	width: 387px;
}

div#block div.bajo-contenido2 ul {
	background:#f5f4f4;
	padding:0px;
}

div#block div.bajo-contenido2 ul li {
	background:white;
}


/* ****************************
/* Contenido textual
/* ****************************/
div#textual {
	margin-bottom:5px;
}

div#textual h3 {
	width: 367px;
	min-height: 40px;
	position: relative;
	color:#444343;
	background: url(../img/bg_miting.png) #dadada no-repeat;
	font-size:25px;
	line-height:35px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding: 20px 0 0 20px;
	margin-left:6px;
}

div#textual h3 a {
	text-decoration:none;
}

div#textual div.fondo {
	background: #f3f1f2;
	padding:8px;
	width:371px;
}

div#textual p {
	background:#fff;
	padding:10px;
	width:351px;
}

/* ****************************
/* Contenido Mandanos
/* ****************************/
div#mandanos {
	margin-bottom:5px;
}

div#mandanos h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#mandanos h3 span {
	background: url(../img/titulares/bg_mandanos.jpg) 0 0 no-repeat;
	position: absolute;
	top:0px;
	width: 100%;
	height: 100%;
}

/* ****************************
/* Contenido SMS
/* ****************************/

div#sms {
	margin-bottom:5px;
}

div#sms h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#sms h3 span {
	background: url(../img/titulares/bg_participa.jpg) no-repeat bottom left;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

/* ****************************
/* Contenido blog
/* ****************************/

div#blog {
	margin-bottom:5px;
}

div#blog h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#blog h3 span {
	background: url(../img/titulares/bg_blog.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

/* ****************************
/* Contenido Blogosfera
/* ****************************/

div#blogosfera {
	margin-bottom:5px;
}

div#blogosfera h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#blogosfera h3 span {
	background: url(../img/titulares/bg_blogosfera.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}
/* ****************************
/* Contenido Ultima-hora
/* ****************************/

div#ultima-hora {
	margin-bottom:5px;
}

div#ultima-hora h3 {
	width: 393px;
	height: 78px;
	position: relative;
}

div#ultima-hora h3 span {
	background: url(../img/bg_ultima.jpg) left bottom no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

div#ultima-hora div.bajo-contenido  {
	width: 387px;
}

div#ultima-hora div.bajo-contenido ul {
	background:#f5f4f4;
	padding:8px;
}

div#ultima-hora div.bajo-contenido ul li {
	background:white;
}

/* ****************************
/* Contenido Programa
/* ****************************/

div#programa {
	margin-bottom:5px;
}

div#programa h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#programa h3 span {
	background: url(../img/titulares/bg_programa.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

/* ****************************
/* Contenido Chat
/* ****************************/

div#chat {
	margin-bottom:5px;
}

div#chat h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#chat h3 span {
	background: url(../img/titulares/bg_chat.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

/* ****************************
/* Contenido Pregunta
/* ****************************/

div#pregunta {
	margin-bottom:5px;
}

div#pregunta h3 {
	width: 393px;
	height: 108px;
	position: relative;
}

div#pregunta h3 span {
	background: url(../img/titulares/bg_pregunta.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

/* ****************************
/* Contenido Descargas
/* ****************************/

div#descargas {
	margin-bottom:17px;
}

div#descargas h3 {
	width: 393px;
	height: 78px;
	position: relative;
}

div#descargas h3 span {
	background: url(../img/bg_descargas.jpg) left bottom no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

div#descargas ul {
	padding:8px 0;
	width: 387px;
	background:#f5f4f4;
}
div#descargas ul li {
	padding:1.2em 1.8em 0.8em 4em;
}

div#descargas ul li.li-hoja {
	background:url(../img/li-hoja.gif) no-repeat 11px 10px;
}

div#descargas ul li.li-bola {
	background:url(../img/li-bola.gif) no-repeat 11px 10px;
}

div#descargas ul li.li-flash {
	background:url(../img/li-flash.gif) no-repeat 11px 10px;
}

div#descargas ul li.li-audio {
	background:url(../img/li-audio.gif) no-repeat 11px 10px;
}

div#descargas ul li.li-carpeta {
	background:url(../img/li-carpeta.gif) no-repeat 11px 10px;
}

div#descargas ul li a {
	color:#000;
	text-decoration:none;
}

div#descargas ul li a:hover {
	color:#000;
	text-decoration:underline;
}

/* ****************************
/* Contenido video
/* ****************************/

div#video {
	margin-top:17px;
	margin-bottom:5px;
}

div#video h3 {
	width: 393px;
	height: 47px;
	position: relative;
}

div#video h3 span {
	background: url(../img/bg_video.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
}

div#video h4 {
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	padding:10px 5px 0 15px;
}

div#video h4 a:hover {
	text-decoration:underline;
}

div#video-destacado {
	padding:8px;
	width: 371px;
	background:#f2f0f1;
	text-align:center;
	margin-left:6px;
}

div#video div.bajo-contenido div.fondo p {
	background:none;
	margin:0;
	padding:0px 5px 0 15px;
	min-height:45px;
	height:auto !important;
	height:45px;
}

div#video div.bajo-contenido div.fondo  {
	margin:0;
	padding:0;
	width: 387px;
	min-height:38px;
	height:auto !important;
	height:38px;
}

div#video div.bajo-contenido {
	margin:0;
	padding:0;
	margin-left:6px;
}

/* ****************************
/* Contenido Agenda y noticias
/* ****************************/

div#agenda, div#noticias {
	width:182px;
	margin:1em 0;
	padding:0 0 2em 0px;
	float:right;
	background:url(../img/bg-agenda.jpg) #efe9ed no-repeat;
	border-bottom:7px solid #C8C8C8;
}

div#noticias {
	width:182px;
	margin:1em 0;
	padding:0 0 2em 0px;
	float:right;
	background:url(../img/bg-noticias.jpg)#efe9ed no-repeat;
	border-bottom:7px solid #C8C8C8;
}

div#agenda h3, div#noticias h3{
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:.7em .5em 2em 1em;
	margin:0;
	text-decoration:none;
}

div#agenda h3 {
	padding:.4em .5em 2em 1em;
}

div#agenda h3 a, div#noticias h3 a{
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#agenda ul.listado, div#noticias ul.listado {
	background:none;
	padding:0 10px;
}

/* ****************************
/* COPYRIGHT
/* ****************************/

#copyright {
	background-color:#B2B2B2;
	margin:0;
	display:block;
	clear:both;
	text-align:center;
	padding:0;
	margin:1px 6px 0 6px;

	min-height:34px;
	height:auto !important;
	height:34px;
}

#copyright:after {
	content: "";
    display: block;
    height: 0;
    clear: both;
}

#copyright p {
	font-size:9px;
	line-height:3em;
	color:#fff;
	padding:0;
	margin:4px 0 0 0;
	float:left;
}

#copyright img {
	margin:.2em 1em;
	padding:0;
	float:left;
	line-height:0;
}

#copyright div {
	margin:0 auto;
	display:block;
	text-align:center;
	width:74em;
	background-color:#B2B2B2;
}

#copyright p a {
	color:#fff;
}


/* **************************************************
/* Galeria
/* ***************************************************/

/* galeria 2 (jCarousel module, http://sorgalla.com/projects/jcarousel/) */

.eGaleria2 {
	margin:20px 0;
	padding: 5px 0;
	width:800px;
}

.eGaleria2 .gallery .items {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 954px;
}

.eGaleria2 .gallery .items li .image {
	float: left;
	margin-right: 10px;
	padding: 9px 9px 0 9px;
	background-color: #d9d9d9;
}

.eGaleria2 .jcarousel-container {
	background:url(../img/bg_galeria.gif) repeat-x top left;
	padding: 0 40px;
	position: relative;
}

* html .eGaleria2 .jcarousel-container { height: 121px; }

.eGaleria2 .jcarousel-clip {
	margin: 0;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
	width:714px;
}

.eGaleria2 .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.eGaleria2 .jcarousel-item {
	background:url(../img/bg_galeria_sepa.gif) no-repeat center left;
	float: left;
	padding: 9px;
	width:220px;
	height: 101px;
	margin:  0 auto;
}

.eGaleria2 .jcarousel-item .image img {
	margin: 11px 0 0 19px;
}

.eGaleria2 .jcarousel-item .subject {
	font-size: 1em;
	margin: 0 0 2px 155px;
}

.eGaleria2 .jcarousel-item .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	margin-left: 155px;
}

.eGaleria2 .jcarousel-next {
	z-index: 3;
	display: none;
}

.eGaleria2 .jcarousel-prev {
	z-index: 3;
	display: none;
}

.eGaleria2 .jcarousel-item-placeholder {
	background-color: #fff;
	color: #000;
}

.eGaleria2 .jcarousel-next-horizontal {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 41px;
	height: 135px;
	background: url(../img/jcarousel_next.gif) no-repeat 0 0;
}

.eGaleria2 .jcarousel-next-disabled-horizontal,
.eGaleria2 .jcarousel-next-disabled-horizontal:hover,
.eGaleria2 .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -41px 0;
}

.eGaleria2 .jcarousel-prev-horizontal {
	position: absolute;
	top: 0;
	left: 0;
	width: 41px;
	height: 135px;
	cursor: pointer;
	background: url(../img/jcarousel_prev.gif) no-repeat 0 0;
}

.eGaleria2 .jcarousel-prev-disabled-horizontal,
.eGaleria2 .jcarousel-prev-disabled-horizontal:hover,
.eGaleria2 .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -41px 0;
}




