@charset "UTF-8";	
/* contenidos pagina ----------------------------------------------- */
#portadainter {
	position:relative;
	width:995px;
	float:left;
	padding:0;
	margin:10px 0 10px 0;
	clear:both}	

#portadainter div#col1{
	position:relative;
	width:673px;
	margin:5px 5px 0 0;
	padding:0 10px 0 0;
	clear:both;
	border-right:1px solid #dedede;
	float:left}
#portadainter div#col2 {
	position:relative;
	width:300px;
	margin:5px 0 0 5px;
	padding:0;
	float:left}
	
/* noticias destacadas */
#portadainter div#destacadas {
	position:relative;
	width:543px;
	margin-right:10px;
	height:288px;
	float:left}
	
/* hoy inter */
#portadainter div#hoyinter {
	position:relative;
	width:440px;
	height:50px;
	float:left;
	border:1px solid #dedede;
	font-size:22px;
	color:#000;
	background: url(../images/fondohoyinter.png) no-repeat}
#portadainter div#hoyinter .hoy{
	font-size:26px;
	color:#008DA8;
	padding:0 0 0 95px}
#portadainter div#hoyinter .oculto{
	height:31px}

#portadainter div#blogs {
	position:relative;
	margin:0 0 10px 0;
	border:1px solid #dedede}
#blogs div.encabezado {
	padding:5px 0 5px 5px;
	width:666px;
	height:25px;}
#blogs div.encabezado a{
	font-size:20px;
	color:#008da8}
#blogs div.encabezado a:hover{
	color:#008da8;
	border:0}	
#blogs div.encabezado .botonmas, #blogs div.encabezado .botonmas:visited { 
	float:right; margin:5px 10px 2px 0; 
	background: url(../images/botonmas.png) no-repeat; 
	padding: 2px 5px 2px 20px; text-decoration: none; cursor: pointer; font-size: 9px; color: #333; height:13px; *margin-top:-15px;}
#blogs div.encabezado .botonmas:hover	{ background: url(../images/botonmas_over.png) no-repeat; color: #000; text-decoration: none; border:none; *margin-top:-15px;}
#blogs div.encabezado .botonmas:active { color: #000; text-decoration: none; border:none; *margin-top:-15px;}
	
/* negocios */
#portadainter div#negocios {
	position:relative;
	width:240px;
	float:left;
	margin-right:10px;
	background-color:#e28223;
	margin-bottom:10px;
	padding:5px 5px 5px 6px;
	color:#FFCC00;
	font-size:10px;
	text-align:left}
#negocios div.encabezado {
	padding:5px 0 10px 0}
#negocios div.encabezado a{
	font-size:20px;
	color:#f9f3ec}
#negocios div.encabezado a:hover{
	color:#fff;
	border:0}
#negocios div.video, #negocios div.noticia {
	padding:2px;
	margin:5px 0 5px 0;
	border:solid 1px #d75c0d}
#negocios div.video dl, #negocios div.noticia dl{
	padding:5px;
	margin:0;
	background-color:#d75c0d}
#negocios div.video dd, #negocios div.noticia dd{
	padding-top:5px;
	margin:0;}
#negocios div.video dd a, #negocios div.noticia dd a{
	font-size:12px;
	color:#f9dabb;
	margin:0;
	text-align:left}

/* noticias varias */
#portadainter div#noticiasvarias {
	position:relative;
	width:406px;
	float:left;
	background-color:#FFF;
	margin:0 0 10px 0;
	padding:2px 2px 2px 2px;
	text-align:left}
.noticiaportada {
	border-bottom:dotted 1px #CCCCCC;
	float:left;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	clear:both}
.noticiaportada dl{
	padding:0;
	margin:0;
	width:405px;}
.noticiaportada dt{
	float:left;
	margin:0 10px 5px 0;
	width:154px;
	text-align:center;
	border:1px solid #e7e7e7;
	padding:2px 2px 0 2px;}
.noticiaportada dd{
	float:left;
	width:230px;
	padding:0;
	margin:0;
}
.noticiaportada dd a.antetitulo{
	font-size:10px;
	color:#008da8;
	text-decoration:none;
	text-transform:uppercase;
	line-height:10px;}
.noticiaportada dd a.titulo{
	font-size:15px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding-top:5px;
	line-height:18px;}
.noticiaportada dd a.botoncomentario {
	background: url(../images/ico_comentario.gif) no-repeat; 
	padding: 0px 5px 0 15px; 
	text-decoration: none;
	font-size: 10px;
	font-weight:normal;
	color: #333}
.noticiaportada dd span {
	display:none}
.noticiaportada dd p {
	font-size:11px;
	color:#666;
	text-align:justify;
	padding:10px 0 5px 0;
	line-height:15px;}
	
/* opinion */
#portadainter div#opinion {
	position:relative;
	float:left;
	background-color:#dedede;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	clear:both;
	text-align:left;
	width:670px;
	}
#opinion div.encabezado{
	position:relative;
	background-color:#008da8;
	margin:0 0 10px 0;
	padding:8px 2px 2px 5px;
	clear:both}
#opinion div.encabezado a{
	font-size:18px;
	color:#c2dee4}
#opinion div.encabezado a:hover, #opinion div.encabezado a span:hover{
	color:#fff;
	border:0}
#opinion div.encabezado a span{
	font-size:20px;
	color:#c2dee4}
#opinion div.columnistas {
	width:155px;
	float:left;
	padding:0 5px 0 5px;
	margin:0 0 5px 0}
#opinion div.columnistas dt {
	padding:2px 2px 2px 2px;
	margin:0;
	height:30px;}
#opinion div.columnistas dl {
	padding:0;
	margin:0}
#opinion div.columnistas dt .nombre{
	font-size:9px;
	color:#008da8;
	text-decoration:none;
	text-transform: uppercase;}
#opinion div.columnistas dd.retrato{
	background-color:#fff;
	padding:2px 0 0 0;
	margin:0;
	background:#FFF url(../images/fondocolumnistas.png) repeat-y;
	height:91px;
	border:solid 1px #FFFFFF}
#opinion div.columnistas dd {
	line-height:15px;
	padding:10px 0 10px 0;}
#opinion div.columnistas dd a.titulo{
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-weight:normal}
	
/* publi pagina*/
#portadainter div.publi {
	width:300px;
	margin-bottom:1px;
	position:relative;
	float:left;
	clear:both}
#portadainter div.publi span{
	font-size:9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	padding: 2px 10px 2px 2px;
	text-align:right;
	margin:0}
#portadainter div.publi p{
	background-color:#dedede}
	
/* ocio*/
#portadainter div.ocio {
	width:300px;
	margin:0 0 10px 0;
	position:relative;
	float:left;
	clear:both;
	padding:0;
	border-top:dotted 1px #dedede;}
.ocio dt {
	padding:0;
	margin:0;}
.ocio dd p {
	border:solid 1px #dedede;
	padding:5px;
	font-size:11px;
	color:#666;
	text-align:justify;
	line-height:15px;
	margin:0;}
.foto {
	z-index:6;
	position:absolute;
	bottom:0;
	margin-bottom:28%;}
.foto p {
	padding:5px;
	background: url(../images/fondotrasnegro.png) repeat-y;
	bottom:0;
	width:298px;}
.foto a.antetitulo {
	font-size:10px;
	color:#fff;
	text-decoration:none;
	font-weight:normal}
.foto a.titulo {
	font-size:15px;
	color:#fff;
	text-decoration:none;
	font-weight:bold}
	
/* carusel ----------------------------------------------- */
#container{overflow:hidden;margin:0 0 1px 0;width:670px;padding:1px 0 1px 0;border-top: 1px solid #e9e9e9; background-color:#f5f5f5}
#container .js{overflow:hidden;zoom:1;}
#container .carousel,
#container .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:620px;margin:0;zoom:1; *display: inline;}
#container .carousel ul{margin:0;padding:0;zoom:1;}
#container .js ul li{overflow:hidden;display:inline;float:left}
#container .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:19px;height:205px;cursor:pointer;line-height:999px;zoom:1;}
#container .carousel .carousel-next{background:url(../images/next.png) no-repeat}
#container .carousel .carousel-previous{background:url(../images/prev.png) no-repeat;}
#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=10); border:0}
#container .carousel .disabled,#container .carousel .disabled:hover{-moz-opacity:.3;opacity:0.30;filter:alpha(opacity=30);cursor:default;}
#container .carousel div{margin:0;padding:0;border:0;}
#container .carousel ul{padding:0;list-style:none}
#container .carousel ul li{position:relative;margin:0;}
#examples ul{overflow:hidden;padding:0;zoom:1;}
#examples ul li{display:inline;float:left;margin:0;padding:5px 0 10px 0;list-style:none; margin:0;padding:0 1px 0 0;background-color:#efefef;height:200px;}
#examples ul li img{ -moz-opacity:1;opacity:1;filter:alpha(opacity=100); margin:0;padding:0;}
#examples ul li img:hover{-moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60);margin:0;padding:0;}
#examples ul li a {padding:2px; color:#ccc;text-decoration:none}
#examples p {width:155px;margin:0;padding:0}
#examples .js ul{overflow:hidden;zoom:1;}
#examples .js ul li{overflow:hidden;width:155px; padding:0 1px 0 0;}
#examples .js .carousel-wrap{margin-bottom:0;zoom:1;}
#examples .example-4 .carousel-wrap{width:620px;margin-bottom:0;zoom:1;}


/* formato texto */
#examples a.nombreblog{display:block; height:25px;font-size:10px;color:#fff;border:0;margin:0; padding:5px 2px 2px 5px; text-transform:uppercase;}	
#examples a.nombreblogero{display:block; font-size:10px;color:#666; border:0; margin:0; padding:5px 2px 2px 5px}
#examples a.nombreblogero:hover{color:#333}	
#examples a.tituloblog{display:block; font-size:11px;color:#333; border:0; margin:0; padding:5px 2px 2px 5px}
#examples a.tituloblog:hover{color:#000}

/* colores blogs */
#examples .sociedad {background-color:#b166b0; margin:0;padding:0}
#examples .politica {background-color:#37a1a6; margin:0;padding:0}
#examples .internacional {background-color:#393995; margin:0;padding:0}
#examples .deportes {background-color:#038053; margin:0;padding:0}
#examples .ciencia {background-color:#9db39d; margin:0;padding:0}
#examples .economia {background-color:#e28223; margin:0;padding:0}
#examples .ocio {background-color:#94aa5e; margin:0;padding:0}
#examples .iglesia {background-color:#94105c; margin:0;padding:0}
#examples .religion {background-color:#94105c; margin:0;padding:0}
#examples .tecnologia {background-color:#668380; margin:0;padding:0}
#examples .cultura {background-color:#987f5f; margin:0;padding:0}