/** Main ******************************************************************* */

    * {
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
        font-size: 100%;
    }

    html {
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
        height: 100%;
        margin-bottom: 1px;
    }

    body {
        font-family: Arial, Verdana, sans-serif, Helvetica;
        color: #333333;
        background: #ffffff;
        margin: 5px 5px;
        font-size: small;
    }

    img {
        border: 0;
    }

    h1, h2, h3 {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 1.90em;
        font-weight: normal;
        color: #3B7DB8;
    }

    h2 {
        font-size: 1.50em;
    }

    h3 {
        font-size: 1.30em;
        text-align: left;
    }
	
	h4 {
        font-size: 1.10em;
	}

    p {
        margin-bottom: 0.7em;
        line-height: 1.40em;
        font-size: 0.90em;
    }

    hr {
        border: 0 none;
        border-top: 1px dashed #cccccc;
        margin-bottom: 5px;
        padding-bottom: 5px;
        height: 1px;
    }

    .small {
        font-size: 0.85em;
    }

    .hide {
        display: none;
    }

    /* General links  
    a:link, a:visited {
        color: #3B7DB8;
        text-decoration: none;
c    }

    a:hover {
        text-decoration: underline;
    }

    a:active {
        color: #3B7DB8;
        text-decoration: none;
    }*/
	
	a {
        color: #3B7DB8;
        text-decoration: none;
	}
	a:hover {
        text-decoration: underline;
        color: #2C5E8B;
	}
	
	ol li, ul li {
		margin-bottom:0.4em;
		font-weight:bold;
		font-size:11px;		
	}

	ul li {
		list-style-image:url(images/lista1.gif);
	}
	
	ol li a, ul li a {
		margin-bottom:0 0 0.3em 0.3em;
		font-weight: normal;
	}

/** Layout ***************************************************************** */

    #container {
	width: 985px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
	border: 1px solid #CCC;
    }

    #header {
        margin-bottom: 0px;
    }

	#bannersCabecera {
	height:90px; width:100%; 
	background-color:#F5F6F8;
	}
	.publicidadIzq {
	margin:0; padding:0; float:left;	
	}
	

    #navBar {
	height:20px;
	padding-top:3px;
	background-image:url(images/fondo_menu.gif);
	font-weight: bold;
	background-repeat:  repeat-x;
	border-bottom:solid 1px #CCC;			
    }
    #navBar li {
		height:23px;
        padding: 1px 2px 1px 3px;
        display: inline;
        list-style: none;
		font-size:0.9em;
    }
    #navBar a:link, #navBar a:active, #navBar a:visited {
        color: #FFF;
        text-decoration: none;
		padding:0 5px 0 6px;
    }
    #navBar li a:hover {
/*        color: #FFF;*/
        text-decoration: underline;
    }

    #navBar2 {
		height:20px;
		padding-top:4px;
        background-color: #FFF;
        font-weight: bold;
        /*text-transform: uppercase;*/
        color:#333;
		border-bottom:solid 1px #CCC;
    }
    #navBar2 li {
        padding: 1px 5px 1px 5px;
        display: inline;
        list-style: none;
        border-right: 1px solid #CCC;
		font-size:0.9em;
    }
    #navBar2 a:link, #navBar2 a:active, #navBar2 a:visited {
        color: #333;
        text-decoration: none;
    }
    #navBar2 li a:hover {
        text-decoration: underline;
    }
	
	#navBar li a.tabselected, .tabselected a {
		position:relative;
		top:1px;
		background-color:#FFFFFF;
		color: #333 !important;
/*		padding:1px 5px 5px 6px;*/
		padding-bottom:5px !important;
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;		
		border-right:1px solid #CCC;		
	}
	#navBar li a.tabnormal {
		font-size:0.9em;
	}
	#navBar2 li a.selected {
		text-decoration:underline;
	}
	#navBar2 li a.normal {
		font-size:0.9em;
	}

	#portada_selected {
		position:absolute;
		top:99px;
		left:4px;
		background-color:#FFFFFF;
		color: #333;
		padding:1px 5px 5px 6px;
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;		
		border-right:1px solid #CCC;
		height:14px;
		margin-right:5px;
		font-weight:bold;
		font-size:0.9em;		
	}
	#portada_selected a {
		color:#333;
	}

    #userBar {
        width: 985px;
        height: 1.4em;
        padding: 2px 0px;
        margin: 0;
        font-size: 0.85em;
        color: #333;
/*        border-top: 1px solid #CCC;*/
        border-bottom: 1px solid #CCC;
    }
    #userBarLeft {
        text-align: left;
        float: left;
		font-weight:bold;
		margin-left:8px;
    }
    #userBarRight {
        text-align: right;
        float: right;
		margin:0px auto;
		margin-right:8px;
		padding:0px;
    }
    #userBar a:link, #userBar a:hover, #userBar a:active, #userBar a:visited {
        color: #3B7DB8;
    }

    #errorContent {
        position: static;
        float: center;
        width: 580px;
        padding: 25px;
        margin: 0 auto;
    }

    #errorContent h1 {
        font-size: 2em;
        font-weight: bold;
        text-transform: uppercase;
        color: #CA0000;
        border-bottom: 3px solid #1e4176;
        margin-bottom: 10px;
    }

    #errorContent span {
        font-weight: bold;
        color: #CA0000;
    }

    #columnaIzquierda {
        position: static;
        float: left;
        width: 345px;
        padding: 10px 5px 0 10px;
		border-right:1px solid #CCC;
    }

	#columnaCentral{
        position: static;
        float: left;
        width: 250px;
		/*border: 1px solid #FF0000;*/
        padding: 10px 5px 0 5px;
		border-right:1px solid #CCC;
	}

    #columnaDerecha {
        position: static;
        float: right;
        width: 350px;
        padding: 0px 6px 0 0px;
    }

    #mainContent {
        position: static;
        float: left;
        width: 605px;
		height:100%;
        padding: 10px 5px 0 10px;
		border-right:1px solid #CCC;
		border-left:1px solid #CCC;		
    }

    #sideBar {
        position: static;
        float: right;
        width: 350px;
    }
	
    /* Footer */
    #footer {
        clear: both;
        width: 100%;
        text-align: center;
        border-top: 1px solid #CCC;
    }

    #footer, #footer a {
        padding: 5px 0 0em 0;
        font-size: 0.85em;
    }

    #footer ul {
        margin: 0;
        padding: 0;
    }

    #footer li {
        display: inline;
        list-style: none;
    }

/* Fieldsets *************************************************************** */

    fieldset {
        margin: 15px 0;
		padding: 5px 1em 5px 1em;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
        position: relative;
    }

    legend {
        font-family: Tahoma,arial,Verdana,Sans-serif;
        font-weight: bold;
        /*color: #3B7DB8;*/
        color: #333;
        margin-top: -0.40em;
        margin-left: -0.50em;
        position: relative;
        text-transform: none;
        line-height: 1.2em;
        top: 0;
        vertical-align: middle;
    }

    fieldset p {
        clear: both;
        margin: 0 auto;
        text-align: left;
        padding: 3px 0 5px 0;
    }

    fieldset ul {
        list-style: disc;
        margin: 0 0 0 1em;
    }

    fieldset ul li {
        color: #333;
    }

    label {
        font-size: 1.00em;
        padding: 0 5px 0 0;
        font-weight: bold;
        color: #1e4176;
    }

/* Definition list ********************************************************* */

    dl {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 1.00em;
    }

    dt {
        float: left;
        width: auto;
    }

    dd { color: #666666;}
    dd + dd { padding-top: 5px;}
    dt span { padding: 0 5px 0 0;}

    dt .explain { font-style: italic;}

    dt label {
        font-size: 1.00em;
        text-align: left;
    }

    dd label {
        font-size: 1.00em;
        white-space: nowrap;
        margin: 0 10px 0 0;
    }

    html>body dd label input { vertical-align: text-bottom;}    /* Tweak for Moz to align checkboxes/radio buttons nicely */

    dd input {
        font-size: 1.00em;
        max-width: 100%;
    }

    dd textarea {
        font-size: 0.90em;
        width: 90%;
        max-width: 100%;
    }

    dd select {
        width: auto;
        font-size: 1.00em;
        max-width: 100%;
    }

    fieldset dl {
        margin-bottom: 10px;
        font-size: 0.85em;
    }

    fieldset dt {
        width: 45%;
        text-align: left;
        border: none;
        border-right: 1px solid #CCCCCC;
        padding-top: 3px;
    }

    fieldset dd {
        margin: 0 0 0 45%;
        padding: 0 0 0 5px;
        border: none;
        border-left: 1px solid #CCCCCC;
        vertical-align: top;
        font-size: 1.00em;
    }

    /* Hover highlights for form rows */
    fieldset dl:hover dt, fieldset dl:hover dd {
        border-color: #3B7DB8;
    }

    fieldset dl:hover dt label {
        color: #3B7DB8;
    }

    fieldset dl dd label:hover {
        color: #3B7DB8;
    }

/* Forms ******************************************************************* */

    input, textarea, select {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.90em;
        font-weight: normal;
        vertical-align: middle;
        padding: 2px;
        color: #111111;
        border-left: 1px solid #AFAEAA;
        border-top: 1px solid #AFAEAA;
        border-right: 1px solid #D5D5C8;
        border-bottom: 1px solid #D5D5C8;
        background-color: #F7F7F7;
    }

    select {
        cursor: pointer;
    }

    /* IE checkbox fix */
    * html .checkbox {
        border: none;
        background-color: transparent;
    }

    input:hover, textarea:hover, select:hover {
        border-left: 1px solid #3B7DB8;
        border-top: 1px solid #3B7DB8;
        border-right: 1px solid #3B7DB8;
        border-bottom: 1px solid #3B7DB8;
        color: #BC2A4D;
    }

    input:focus, textarea:focus, select:focus {
        border: 1px solid #3B7DB8;
        color: #111111;
    }

    .disabled {
        color: graytext;
    }

    input.openid {
        padding-left: 20px;
        background: url(./images/openid.gif) #fff no-repeat 0px 50%;
    }

    .full { width: 97%; }
    .large { width: 73%; }
    .medium { width: 50%; }
    .narrow { width: 25%; }
    .autowidth { width: auto !important; }

/* Buttons ***************************************************************** */

    input.button, a.button, a.button:link, a.button:visited, a.button:active {
        width: auto !important;
        margin: 3px;
        padding: 1px 3px 1px 3px;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        color: #000000;
        font-size: 0.85em;
        background: #EFEFEF;
        cursor: pointer;
        font-weight: bold;
        border: 1px solid #666666;
        text-decoration: none;
    }

    /* Hover states */
    a.button:hover, input.button:hover {
        border: 1px solid #3B7DB8;
        color: #3B7DB8;
    }

/* Others ****************************************************************** */

    .error {
        color: #ff0000;
        background-color: #ffffe1;
        border: 1px dashed #cfcfcf;
        margin: 5px;
        padding: 3px;
        font-size: 1em;
        font-weight: bold;
    }

    .formerror {
        color: Red;
        font-size: 0.85em;
        font-weight: bold;
        line-height: 0;
    }

    .rss, a.rss:link, a.rss:active, a.rss:visited {
        margin: 0 3px 0 3px;
        padding: 0px 5px 0px 5px;
        font-weight: bold;
        font-size: 0.85em;
        text-transform: uppercase;
        color: #ffffff;
        background: #FA7805;
        border-top: 1px solid #FFA400;
        border-right: 1px solid #DA2B00;
        border-bottom: 1px solid #DA2B00;
        border-left: 1px solid #FFA400;
    }
	
	a.rss:hover {
		text-decoration:underline;
	}

    #debugBar {
        color: #00008b; font-weight: bold; font-variant: small-caps; text-align: right; z-index: 500;
        right: 0px; top: 0px;   position: absolute; width: 590px; height: 15px;
        background-color: #fff7d7; border: 1px solid #ffcc33; overflow: hidden;
        padding: 0 10px 0 0;
    }
    #debugInfo,#debugError,#debugWarning,#debugNotice,#debugRegistry {
        right: 0px; top: 17px;  position: absolute; width: 600px; height: 250px; z-index: 500;
        background-color: #fff7d7; border: 1px dashed #ffcc33; padding: 0px; overflow: auto; visibility:hidden
    }
    .msgbox       { background-color: #ffffe1; border: 1px dashed #cfcfcf; margin-top: 1px; margin-bottom: 1px; padding: 1px 5px 1px 5px; text-align: left; }
    .msgDebug   { color: #00008b; }
    .msgError   { color: #ff0000; font-weight: bold; }
    .msgWarning { color: #ff8c00; font-weight: bold; }
    .msgNotice  { color: #006400; font-weight: bold; }

/* Textos noticias ****************************************************************** */

	.title {
		height:75px;
		background-image:url(images/linea_fondo.jpg);
		background-repeat:repeat-x;
	}

	.story {
		border-bottom: 1px solid #CCC;
		margin:15px 0;
		padding-bottom:5px;
		clear:both;
	}
	
	.limpiar {
		clear:left;
	}

	.textoH1 {
		font-size: 1.15em;
	}
	
	.textoH2 {
		font-size: 1em;
	}
	
	.textoH3 {
		font-size: 0.9em;
	}
	
	
/* Detalle Noticia (DisplayStory) ****************************************************************** */	

	.seccion {
		color:#888;
	}

	.titular {
		margin-bottom:1em;
	}
	
	.entradilla {
		font-size:1.15em;
		color:#333;
		margin-bottom:0.8em;
	}
	
	.autor{
		font-size:0.8em;
		color:#333;
		margin-bottom:0em;
		border-bottom:1px solid #CCC;
	}
	
	.media {
		float:left;
		margin:0.30em 0.50em 0 0;
		background-color:#D1E3F1;
		font-size:0.8em;		
		color:#333;
		font-weight:bold;
		padding:2px 1px 1px 2px;
	}
	
	.media img {
		margin:0 0.2em 0.2em 0;
	}

	.cuerpo_noticia {
		font-size:1.15em;
	}
	
	.enviarAmigo {
		width:100%;
		text-align:right;
		margin-bottom:1em;
		font-size:0.8em;
	}
	
/* Generales ****************************************************************** */	

	.destacado {
		background-color:#F5F6F8;
		padding: 2.5px 0 0 2.5px;
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;
		border-right:1px solid #CCC;
	}
	.destacado p, .destacado h1, .destacado h2, .destacado h3, .destacado h4 {
		padding: 0px 5px;
	}
	.destacado img {
		margin-bottom: 5px;
	}
	.destacado2 {
		background-color:#F5F6F8;
		padding: 2.5px 0 0 2.5px;
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;
		border-right:1px solid #CCC;
		width:347px;
	}
	.destacado2 p, .destacado2 h1, .destacado2 h2, .destacado2 h3, .destacado2 h4 {
		padding: 0px 5px;
	}
	.destacado2 img {
		margin-bottom: 5px;
	}

	
	.feed_seccion {
/*		background-color:#F7FAFD;*/
		background-color:#F5F6F8;
		padding: 5px 15px;
		border-left:1px solid #CCC;
/*		border-bottom:1px solid #CCC;*/
		border-right:1px solid #CCC;		
	}
	.tit_feed_seccion {
		background-color:#E4EFF8;
		padding: 2px 15px;
        font-weight: bold;		
		border-left:1px solid #CCC;
/*		border-top:1px solid #CCC;*/
		border-right:1px solid #CCC;
		background-image:url(images/fnd_titulos.gif);
	}


	.separador {
		width:100%;
		height:1px;
		border-bottom:1px solid #CCC;
		text-align:center;
	}
	
	.centrar {
		text-align:center;
	}
	
	.buscador {
		text-align:right;
		float:right;
		width:250px;
		margin:15px 8px 0 0px;
		height:25px;
	}
	
	.logo {
		float:right;
		margin-right:90px;
	}
	
/* Sidebar (Columna derecha) ****************************************************************** */		
	
	.servicio {
		width:90px;
		float:left;
		text-align:center;
		margin: 0 5px 5px 8px;
		font-size:0.65em;
	}
	.servicio2 {
		width:185px;
		float:left;
		text-align:center;
		margin: 0 5px 10px 8px;
		font-size:0.8em;
	}	
	
	.borde {
		background-color:#F5F6F8;
		border:1px solid #CCC;
		padding:0px;
	}
/* Portada (pie_portada.inc) ****************************************************************** */

	#pie_portada {
/*	position: static;*/
	clear:both;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;	
	}

	#col_izq_portada {
        position: static;
        float: left;
        width: 460px;
		padding:15px 15px;
		border-right:1px solid #CCC;
	}
	
	#col_der_portada {
        position: static;
        float: left;
        width: 460px;
		padding:15px 15px;
	}
	
	#col_izq_portada li {
		margin: 4px 0 0 15px;
	}
	
	#col_der_portada li {
		margin: 4px 0 0 15px;
	}

/* Portada (pie_portada.inc) ****************************************************************** */
	#votaciones {
		margin-bottom:0.8em;
	}

	.votar {
		float:left;
		width:125px;
		font-size:0.85em;		
	}

	.votar img {
		vertical-align:middle;
	}
	
	.votos {
		float:left;
		min-width:90px;
		/*width:126px;*/
		font-size:0.85em;
	}
	
	.votos img {
		vertical-align:middle;
	}
	
	.mensaje_voto {
		float:left;
		font-size:0.85em;
		padding-top:1px;
	}

/* Primera noticia */

	#noti1 {
		width:606px;
		border-right:1px solid #CCC;
		padding:15px 5px 10px 10px;
	}

/* ENtrvistas REportajes CONfidendencial (portada) -> enrecon  */

	#enrecon {
		border-top:2px solid #999; 
		padding:10px 0; 
		clear:both;
	}

	/* entevistas */
	#entrevistas {
		width:307px;
		float:left;
		margin: 0 10px;
	}
	#entrevistas h3 {
		color:#FFF; 
		background-color:#618B7C; 
		padding-left:5px; 
	}
	/* repotajes */
	#reportajes {
		width:307px; 
		float:left; 
		margin:0 10px; 
	}
	#reportajes h3 {
		color:#FFF; 
		background-color:#68668B; 
		padding-left:5px; 
		border-bottom: 1px solid #CCC;
	}
	/* confidencial */
	#confidencial {
		width:307px; 
		float:left;
		margin:0 0 0 10px;
	}
	#confidencial h3 {
		color:#FFF; 
		background-color:#657C91; 
		padding-left:5px; 
		border-bottom: 1px solid #CCC;
	}	

	#reportajes .story, #entrevistas .story, #confidencial .story {
		padding:10px 5px 0 5px;
		border-right: 2px solid #CCC;
		border-bottom: 3px solid #CCC;
		border-left: 1px solid #CCC;
		margin-top:0px;
	}


/* ToolTip (para contacto) ****************************************************************** */	

a.tooltip:hover {
	background:#ffffff; text-decoration:none;
	} /*BG color is a must for IE6*/
a.tooltip span {
	display:none; padding:2px 3px; margin-left:8px; width:130px;
	}
a.tooltip:hover span {
	display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;
	}
	


/* ######### CSS para las pestaņas ######### */

.pestanyas{
padding: 0;
width: 350px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.pestanyas ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.pestanyas li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.pestanyas a{
float: left;
display: block;
font: bold 11px Arial;
color: #000;
text-decoration: none;
margin: 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #E4EFF8;
background-image: url(images/fnd_tabs.gif);
background-repeat:repeat-x;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
position:relative;
top:5px;
}

.pestanyas a:hover{
background-color: #FFF; /*Brown color theme*/ 
color: #3B7DB8;
}

.pestanyas a.selected{ /*currently selected tab*/
background-color: #FFF; /*Brown color theme*/ 
color:#000;
background-image:none;
height:18px;
border-top:2px solid #3B7DB8;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
position:relative;
top:1px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*########### SLIDER ####################################*/

.contenedorslider {
	border-right: 2px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;	
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 248px; /*width of featured content slider*/
height: 370px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 1px;
background: white;
width: 245px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 230px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 10px;
margin:5px 0;
}

.pagination a{
padding: 2px 5px;
height:20px;
text-decoration: none; 
background: #EFEFEF;
background-image:url(images/fnd_titulos.gif);
border: 1px solid #666666;
font-weight:bold;
font-size:11px;
}

.pagination a:hover, .pagination a.selected{
border: 1px solid #3B7DB8;
color: #3B7DB8;
}

.contentdiv h4, .contentdiv p, .contentdiv h3 { /*aņadido por mi */
	margin: 0 5px;
}
.contentdiv h3 {
color:#BF6084;
margin: 5px;
border-bottom:1px solid #CCC;
}