*{ margin:0; padding:0;}
body{ background:#333 url(../images/bg.jpg) repeat-x; margin:0; font-family:Tahoma, Geneva, sans-serif;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

#contenedor{ margin:0 auto; width:980px;}
#top{height:220px; position:relative;}
	#barra_top{ position:relative; height:35px; width:100%; background: url(../images/line.jpg) repeat-y left;}
		.btn_staff a, .btn_edicionesa a, .btn_contactenos a, .btn_grupo_prensa a, .btn_login a{ color:#666; display:block; float:left; text-align:center;  font-size:12px; font-weight:bold; padding:10px; background: url(../images/line.jpg) repeat-y right; text-decoration:none;}
		
		.btn_staff a:hover,.btn_edicionesa a:hover, .btn_contactenos a:hover{ background:#FFF; color:#F60;}
		.btn_grupo_prensa{ position:absolute; padding:0 0 0 20px; right:0; border-left:1px solid #000; background: url(../images/ico_red.jpg) no-repeat 7px 8px;}
		.btn_login{ position:absolute; right:0; padding:0 0 0 20px; background: url(../images/ico_user.jpg) no-repeat 7px 12px;}

/*RED PRENSA*/
#button {height: 32px;width: 230px;text-align:right; margin: auto; cursor:pointer; position:absolute; right:0; z-index:8888;}
.menu_class {border:none;}
.the_menu ul,.the_menu li {margin:0; adding:0;list-style:none;}
.the_menu { display:none; width:230px; border: 1px solid #999; }
.the_menu li { background-color: #CCC; border-bottom:1px solid #EEE; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.the_menu li a {color:#333;	text-decoration:none; padding:15px 15px 15px 90px;	display:block; font-weight:bold;}
.the_menu li a:hover {color:#F60;}
.red_apt{ background:url(../images/red_atp.jpg) no-repeat 5px 8px;}
.red_prensa{background:url(../images/red_prensa.jpg) no-repeat 5px 8px;}

	.primera_fuente{ position:absolute; top:73px;}
	.clima{position:absolute; width:173px; top:55px; right:0px;}
	.radio{position:absolute; width:310px; top:45px; right:210px;}
	.buscador{position:absolute; width:150px; top:130px; right:55px;}
	
	/*BUSCADOR*/
	form.prif *{margin: 0;padding: 0;}
	form.prif{width:200px;padding:5px;text-align:right;}
	form.prif label{display:none;}
	form.prif input{font-family:Tahoma, Geneva, sans-serif;font-size:0.8em;vertical-align:top;color:#333;}
	form.prif input#keyword{background:#fff url(../images/bg_buscador.jpg) no-repeat;width:146px;height:1.4em;border:1px solid #979797;padding:1px 4px;}
	form.prif input#search{background-color:#fff;background-image:url(../images/fondo-boton.png);background-repeat:no-repeat;cursor:pointer;width:30px;height:22px;text-indent:-9999px;margin:1px 0 0 0;border:0;}
	form.prif > input#search{margin:0;}

		.menu{ position:absolute; width:980px; top:170px;  height:40px; background:#FFF url(../images/bg_menu.jpg) repeat-x; overflow:hidden; }
		.menu ul{ margin:0; padding:0; width:1200px; display:block;}
		.menu ul li{ list-style-type:none; display:block; float:left; }
		.menu ul li a{background:#FFF url(../images/bg_menu.jpg) repeat-x; display:block; height:28px; font-size:10px; font-weight:bold; color:#000; text-decoration:none; border-left:1px solid #333; border-right:1px solid #FFF; padding:12px 0 0 0; text-align:center;}
		.menu ul li a:hover, .menu ul li a.activo{ background:url(../images/bg_menu.jpg) repeat-x center bottom; color:#FF6600;}
		.menu ul li a.on-the-record{ width:95px; text-align:center; border-right:none;}
		.menu ul li a.pr{width:70px; border-left:1px solid #FFF;}
		.menu ul li a.nacionales{ width:78px;} 
		.menu ul li a.internacionales{width:110px;} 
		.menu ul li a.politica {width:63px;}
		.menu ul li a.sociedad {width:70px;}
		.menu ul li a.el-laberinto {width:92px;}
		.menu ul li a.reportajes {width:80px;}
		.menu ul li a.medio-ambiente {width:106px;}
		.menu ul li a.derechos-humanos {width:124px;}
		.menu ul li a.gremiales{width:70px;}
hr{border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
	.spacer{margin:10px 0;}
p{ font-size:12px; line-height:19px;}
h1, h2, h3{ color:#333; font-size:24px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-1px; margin:5px 0 5px 0;}
h1{ font-size:36px; font-weight:bold;}
h3{ font-size:18px;}

h1 a,h2 a, h3 a{ color:#333; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover{color:#999;}

#centro{ background:#FFF url(../images/bg_centro_top.jpg) repeat-x top; padding:0 0 20px 0;}
	#barra_top_centro{position:relative; padding:5px 10px; font-size:12px; text-align:left;}
		#barra_top_centro strong{font-weight:bold; color:#c40;}
	.barra_top_contacto{ position:absolute; top:3px; right:10px;}
	
	.contiene_cols{ padding:30px 0 0 20px; width:640px; float:left;}
		.columna_1{ width:380px; float:left; padding:15px 20px 0 0;}
		.columna_2{ float:left; width:220px; padding:15px 20px 0 0;}
		.columna_3{float:left; width:300px; padding:20px 0 0 0;}
	
	/*NOTAS EN HOME*/
	
	.nota_1{ display:block;margin:0 0 15px 0;}
	.antetitulo{ color:#F60; font-size:12px; font-weight:bold; display:block; clear:both; border-bottom:1px solid #F60; margin:0 0 10px 0; padding:0 0 2px 0;}
	.foto_portada_col_1{}
		.foto_portada_col_1 img{ border:1px solid #999; margin:0 0 10px 0;}
	.adds{display:block; font-size:10px;color:#999; margin:10px 0 0 0;}
	
	
	.nota_2col{ width:620px; display:block; padding:0 0 10px 0;}
		.nota_2col .foto_portada_col_1{ float:left; padding:0 20px 0 0;}
	
	.cuerpo_nota{}
		.cuerpo_nota .foto_portada_col_1{display:block; padding:5px 20px 0 0; }
		.cuerpo_nota p{ padding:0 0 10px 0;}
		.epigrafe{ font-size:10px; color:#999; display:block; width:230px;}
		.nota_cabecera{ display:block; padding:0 0 10px 0;}

/*MUNDIAL*/
.contiene_col2{float:left;width:220px; padding:20px 0 0 0;}

.mundial2010{float:left; width:220px; padding:15px 5px 0 5px; background:#F2E2DB; border:1px solid #E1C8C8;}
	.mundial2010 .nota_1{}
	.mundial2010 .antetitulo{border-bottom:1px solid #333; color:#333;}
	.mundial2010 h3 a{ color:#C40C22; }
	.mundial2010 h3 a:hover{ color:#FF9900; }
	.mundial2010 .foto_portada_col_1{}
	.mundial2010 p{}
	.mundial2010 .adds{}

/* ADDS */
.mundial{padding:10px; background:#FFF; }
.mundial #wbx-gw-button-wrapper-0{ display:none;}
		
/*UM BOX*/	
.ultimo_momento{ width:218px; display:block; border:1px solid #CCC; background:#F3F3F3; margin:0 0 15px 0;}
	.ultimo_momento a{ display:block; font-weight:bold; padding:5px 5px 5px 10px; border-bottom:1px solid #CCC; font-size:11px; color:#333; text-decoration:none;}
	.ultimo_momento a:hover{ background:#999; color:#FFF;}
.um_titulo{ display:block; padding:5px 5px 5px 10px; color:#FFF; font-size:11px; font-weight:bold; background:#F60;}

/*RELACIONADAS*/
.relacionadas{margin:0; padding:0;}
.relacionadas li{margin:0; padding:0;list-style-type:none;}
.relacionadas li a{font-size:11px; color:#F60; font-weight:bold;}
.relacionadas li a:hover{color:#999;}

/*VIDEO*/
.primeraf_tv{ width:300px;}
	.primeraf_tv h2{ padding:0; margin:0;}
	.primeraf_tv h2 a{ font-size:20px; color:#000; display:block; background:#EFEFEF; padding:10px; margin:0;}
	.primeraf_tv h2 a:hover{ color:#FFF; background:#F60;}
.primeraf_tv_anttitulo{position:relative; color:#F60; font-size:12px; font-weight:bold; display:block; margin:0 0 5px 0; padding:0 0 2px 0;}
	.btn_masvideo{ position:absolute; top:0; right:-5px; display:block;color:#FFF; font-size:9px; padding:2px 5px;}
	.btn_masvideo a{display:block;  color:#FFF; text-decoration:none; padding:2px 5px;  background:#F60;}
		.btn_masvideo a:hover{ background:#999; color:#FFF;}
.video_home{float:left; margin:0 20px 0 0;}
.banner{ display:block; padding:10px 0 0 0;}
.banner a img{border:none;}


/*INFORME ESPECIAL*/
.informe_especial{ background:#E5E5E5; border:1px solid #CCC; margin:10px 0 0 0;  padding-bottom:10px;}
	.informe_especial h3, .informe_especial p{ padding:0 10px;}
	.informe_especial .adds{ padding:0 0 0 10px;}
	.titulo_ie{ display:block; color:#F60; font-size:12px; font-weight:bold; padding:5px 10px 0 10px;}
	.foto_ie{ padding:9px;}
		.foto_ie img{ border:1px solid #999;}
	.informe_especial ul{margin:0 0 0 10px;}
	.informe_especial hr{ margin:15px 0;}
/*NOTA PIE*/
ul#nota_pie {list-style: none;}
ul#nota_pie li {margin-bottom: 3px;}

.nota_pie{display:block; clear:both; background:#EEE; padding:10px; width:600px;}
.foto_notapie{float:left; padding:0 10px 0 0;}
.foto_notapie img{border:1px solid #999;}

.imagenes{ width:230px; float:left; margin:0 15px 0 0; padding:10px; background:#EFEFEF; border:1px solid #CCC;}
.imagenes img{ margin:0 0 0 0;}
.imagenes a img{border:1px solid #999;}
	.imagenes a:hover img{border:1px solid #333;}
.imagenes p{background:#FFF; padding:5px;line-height:14px; font-size:10px; margin:5px 0 0 0;}
.video_nota{display:block; padding:0 0 10px 0;}

/*GALERIA DE FOTOS*/
.galeria_de_fotos{ display:block; padding:5px 0 0 0; }
 .titulo_gal{display:block; color:#F60; font-size:12px; font-weight:bold; padding:5px 0 5px 0;}
 .foto_gal img{ border:1px solid #999;}


/*VIDEOS*/
.bajada_video{display:block; margin:10px 0; background:#EEE; padding:10px; font-size:12px; line-height:16px;}
.videos_anteriores li{list-style-type:none; display:block; padding:5px 0 10px 0;}
.videos_anteriores li p{ font-size:11px;}
.videos_anteriores li h3 a{color:#FF6600;font-size:24px;}

/*EDICIONES ANTERIORES*/
.ediciones_anteriores{ margin:0; padding:0;}
.ediciones_anteriores li{margin:0 0 20px 0; padding:10px; list-style-type:none; border:1px solid #CCC; background:#F7F7F7;  }
.ediciones_anteriores a{ display:block; margin:10px 0 0 0; background:#F60; color:#FFF; padding:5px; border:1px solid #FFF; text-decoration:none; font-weight:bold; font-size:15px; text-align:center;}
.ediciones_anteriores a:hover{ color:#F60; background:#FFF; border:1px solid #F60;}


/*COMENTARIOS*/
#add_comentario{padding:15px 0; border-bottom:1px dotted #ccc;}
#add_comentario label{ display:block; width:90px; font-size:12px;margin:10px 0 5px 0;}

.btn_amigo{ display:block; padding:5px; color:#FFF; background-color: #F60; text-decoration:none; width:130px; margin:15px 0 0 0;}
.btn_amigo:hover{color:#333; background-color:#CCC;}

#ultimos_comentarios{ display:block; margin:10px 0; height:290px; overflow:hidden;}
#ultimos_comentarios h2{ color:#999; font-size:18px;}
#ultimos_comentarios li{ list-style-type:none; display:block; position:relative; padding:5px; background:#EEE; margin:0 0 5px 0;}
#ultimos_comentarios li small{ font-size:9px; position:absolute; top:5px; right:5px; color:#999;}
#ultimos_comentarios li h3{font-size:14px;font-weight:bold; color:#FF9900;}
#ultimos_comentarios li p{font-size:10px; line-height:16px;}
#ultimos_comentarios li a{font-size:11px; color:#333; font-weight:bold; padding:0 0 5px 0; display:block;}


.comentarios-group{padding:10px 0; }
.comentarios-group li{ display:block; position:relative; background:#EEE; padding:5px; margin:0 0 5px 0; }
.comentarios-group li h3{color:#FF9900; font-size:21px;}
.comentarios-group li .reportar{position:absolute; display:block; top:5px; right:5px;}
.comentarios-group li .reportar a{ display:block; background:#CC0000; color:#FFF; font-size:10px; padding:5px; text-decoration:none;}
.comentarios-group li .reportar a:hover{background:#FF9900;}

#inferior{ float:left; padding:0 0 0 20px;}


/* FORMULARIO */
input.miform { color: #333333; border: 2px solid  #999; width: 290px; height:15px; padding:5px;}
textarea.miform { color: #333333; border: 2px solid  #999; width: 290px; height:130px; padding:5px;}
form p { clear: left; margin: 0; padding: 0; padding-top: 15px;}
form p label { float: left; width: 80px;}
input.btn_enviar{ padding:10px;background:#FF6600; color:#FFF;}

#pie{ width:100%; height:130px; background:url(../images/bg_pie.jpg) repeat-x center bottom;}
#pie a{ color:#F90; text-decoration:none;}

#pie a:hover{ color:#F60;}
	#pie_contiene{ width:980px; margin:0 auto; position:relative;}
	.marca{ position:absolute; top:15px; left:0;}
	.derechos{position:absolute; color:#CCC; font-size:11px; top:35px;}
	.fucop{position:absolute; color:#CCC; top:15px; background:url(../images/fucop.jpg) no-repeat; padding:20px 0 0 47px; height:45px; right:240px; font-size:11px;}
	.desarrollo{ position:absolute; top:15px; right:10px;font-size:11px;color:#CCC; }


/* galeria */
.scrollable {
	position: relative;
	overflow: hidden;
	width: 496px;
	height: 100px;
	border: 1px solid #ccc;
	background:url(../images/h300.png) repeat-x;
  float: left;
}

.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.scrollable img {
	float: left;
	margin: 10px 5px 10px 10px;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 100px;
	height: 75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .active {
	border: 2px solid #000;
	z-index: 9999;
	position: relative;
}

/* buttons */
a.browse {
	background: url(../images/hori_large.png) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 40px 10px;
	cursor: pointer;
	font-size: 1px;
}

a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }

a.left				{ margin-left: 0px; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

a.disabled {
	visibility:hidden !important;
}

#image_wrap {
  width: 620px;
  text-align: center;
  margin: 15px auto;
  background-color:#efefef;
}

#image_wrap span {
  display: block;
  padding: 10px;
  text-align: left;
}

/* position and dimensions of the navigator */
.navi {
    margin-left:328px;
    width:200px;
    height:20px;
}

/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}



	
/* Easy Slider */
#todo_slider{position:relative; display:block; float:left;}
#sliders ul, #sliders li{margin:0; padding:0; list-style:none;}
	#sliders, #sliders li{ width:620px;	height:203px; overflow:hidden;}
	#sliders li{ background:#f1f1f1;}		
	#sliders li h2{ margin:0;font-size:21px;}	
	#sliders li p{ margin:5px; font-size:11px;}				
	span#prevBtn{ display:block; float:left; position:absolute; top:5px; right:50px; }
	span#nextBtn{ display:block; float:left; position:absolute; top:5px; right:5px;}					
		span#prevBtn a, span#nextBtn a{ background:#FF6600; padding:5px; font-size:11px; color:#FFF; text-decoration:none; margin:0 5px 0 0;}
		span#prevBtn a:hover, span#nextBtn a:hover{background:#999;}