@import "portada.css";
@import "seccion.css";
@import "nota.css";


body, h1, h2, h3, h4, h5, h6, li, ul, div, p, input, select, form, img, textarea,dt,dd,dl
{
padding:0; 
margin: 0; 
list-style: none; 
}

body{
font-size:12px;
font-family:arial, sans-serif;
background:#b2cfdd;
}

img{border:none}
a {text-decoration:none}
.fleft{float:left}
.fright{float:right}

h2, h3, h4, h5{font-family:arial, sans-serif;font-weight:normal}

h2 a, h3 a, h4 a{color:#315273}
h2 a:hover, h3 a:hover, h4 a:hover{color:#5890c7}
a:hover{color:#5f5f5f}


h4{font-size:16px;font-weight:bold}

h3{
font-size:12px;
font-weight:bold;
text-transform:uppercase; 
display:block;
color:#666666
}

h5{color:#fff;font-size:14px; line-height:15px;margin-top:2px;}

#page{
margin: 0 auto;
width:993px;}


#content{
background:#fff;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
padding-bottom:20px;
margin-bottom:20px;
}


/*--------------------*/

.banner300{
width:300px;
height:250px;
background:#ccc;
margin-bottom:15px;
}

.banner300x80{
width:300px;
height:80px;
background:#ccc;
margin-bottom:15px;
}

.banner300x250{
width:300px;
height:250px;
background:#ccc;
margin-bottom:15px;
}

.banner325x90{
width:325px;
height:90px;
background:#ccc;
margin-bottom:15px;
}

.banner620x100{
width:620px;
height:100px;
background:#ccc;
margin-bottom:15px;
clear:both;
border:1px solid #dfdfdf
}

.banner950x50{
width:950px;
height:50px;
background:#ccc;
clear:both;
border:1px solid #dfdfdf
}
/*--------header--------*/
.header{
width:950px;
margin: 0 auto;
overflow:hidden;
margin-bottom:10px
}

.header .left-col{
width:332px;
}

.header a{font-size:11px;color:#676076}

/*------------*/
	.date-weather {
	height:46px;
	background:url("../images/bck_sep_h.gif") repeat-x bottom;	line-height:44px;
	margin-bottom:5px
	}
		.date-weather  em{
		font-family:georgia;
		font-size:12px;
		color:#3795d2;
		font-style:normal
		}
		.date-weather span{margin-left:12px}
			.date-weather  span img{vertical-align:middle;}
			.date-weather  span b{margin:0px 8px}

/*------------*/
	.social-login{
	height:51px;
	background:url("../images/bck_sep_h.gif") repeat-x bottom;
	}
	.social-login ul{overflow:hidden;width:134px;height:35px;margin:7px 15px 0px 0px;}
	.social-login ul li{width:31px;height:28px;float:left;margin-right:2px;}
	.social-login ul li a{
	width:31px;
	height:26px;
	display:block;
	}
	
		.h-facebook{background:url("../images/ico-social.gif") no-repeat 0px 0px}
		.h-twitter{background:url("../images/ico-social.gif") no-repeat -33px 0px}
		.h-youtube{background:url("../images/ico-social.gif") no-repeat -66px 0px}
		.h-rss{background:url("../images/ico-social.gif") no-repeat -99px 0px}
	
	.user{line-height:30px;background:url("../images/bck_sep_v.gif") repeat-y scroll 0 0 transparent; padding:0px 0px 0px 5px;margin:7px 0px 0px 0px;}
		.user a{margin:5px;}
		.iconuser{background:url("../images/ico-user.gif") no-repeat;padding:0px 0px 0px 20px}
/*-----------*/

.print-archive{margin:8px 0px 8px 0px}
	.print-archive a{margin:5px;}
	
/*-----------*/

	.search{
	width:335px;
	/*float:right;*/
	overflow:hidden;
	color:#a2a2a2
	}
		
		.radiocontainer{
		float:left;
		padding-top:3px;
		overflow:hidden;
		}
		
		.search input{
		float:left;
		margin:0px 10px 0px 0px;
		padding:0px
		}
		.search b{
		font-size:11px;
		float:left;
		margin:0px 7px 0px 0px;
		font-weight:normal;
		}
		
		.search  #search_text{
		border:1px solid #cccccc;
		background:#f9f8f8;
		color:#666666;
		font-size:11px;
		padding:2px
		}
		
		.buscar{
		background:url("../images/btn-buscar.gif") no-repeat scroll 0 0 #CCCCCC !important;
		border:0 none !important;
		height:20px !important;
		padding:0 !important;
		width:54px !important;
		cursor:pointer;
		margin-right:0px !important
		}
		
		.s-radio{
		margin-top/*\**/: -0px\9 !important;	;/* IE8 and below */
		*margin-top:-3px !important;/* IE7 and below */
		_margin-top:-3px !important;/* IE6 */
		}
		
/*---------------*/
.header .middle-col{
width:293px;
}


	.middle-col h1 {
	background:url("../images/logo.jpg") no-repeat scroll center top transparent;
	font-family:georgia;
	font-size:45px;
	height:119px;
	font-weight:normal;
	text-indent:-9000px;
	text-transform:uppercase;
	margin-top:40px;
	cursor:pointer
	}

/*----------------*/

.header .right-col{
width:325px;
}
	.right-col ul{overflow:hidden;margin-bottom:30px;}
	.right-col ul li{
		float:left; 
		background:#e4e4e4;
		margin-right:1px; 
		text-transform:uppercase; 
		color:666666}
	.right-col ul li a{font-size:10px;display:block;padding:5px 10px;}
	.right-col ul li a:hover{background:#cccccc; color:#ffffff}


/*-------navegacion------*/

.nav{
width:993px;
clear:both;
}


	.menu{
	height:30px;
	background:url("/arte/bck-menu.gif") repeat-x scroll 0px 5px transparent;
	padding-top:5px;
	overflow:hidden
	}
		.menu  li{float:left;line-height:25px;}
		.menu a{color:#ffffff;font-weight:bold; font-size:12px; }
		.menu a span{background:url("/arte/menu-sep.gif") right top no-repeat;padding-right:15px;padding-left:15px;display: block;height:30px} 
		.menu a:hover span{background:#77aec7}
	
		
		
		/*.menu  li{float:left; margin-top:5px}
		.menu  li a{display:block; color:#ffffff; font-weight:bold; font-size:12px}
		.menu  li a:hover{}
		
			.m-left{float:left;width:3px;height:35px;}
			.m-center{float:left;padding:5px 15px;}
			.m-right{float:right;width:2px;height:35px;background:url("../img/menu-sep.gif") no-repeat;}
			
			.active{margin-top:-5px;}
			.menu  li  .active {color:#323232 !important}
				.active .m-left{float:left;width:3px;height:35px;background:url("../img/selected-left.gif") no-repeat;}
				.active .m-center{float:left;padding:12px 10px 10px 10px;background:url("../img/selected-middle.gif") repeat-x;}
				.active .m-right{float:right;width:3px;height:35px;background:url("../img/selected-right.gif") no-repeat;}*/

				
				
/*-------INTERNAS--------*/

	.interna{background:url("../images/separador.gif") repeat-y 637px 0px ;}

	/*----columna izquierda------*/
	.left-news-interna{
	width:625px; 
	float:left;
	margin:0px 12px 0px 0px;
	overflow:hidden;
	}

	/*--------------------------*/
	/*----columna derecha------*/
	.right-news-interna{
	width:300px;
	float:left;
	margin:0px 0px 0px 12px;
	overflow:hidden;
	}
	
	
	/*-------ultimas---------*/
	
		.ultimas {overflow:hidden; margin-bottom:15px; position:relative}
		
			.ultimas{margin-bottom:15px}
			.ultimas .head{position:absolute;top:3px;left:10px;width:140px; height:28px;background:url("../images/back-ultimas-h3.gif") no-repeat }
			.ultimas .head h3{line-height:33px; margin-left:12px}
			/*.ultimas .head span{font-size:10px;float:right;color:#999999}
			.ultimas .head span img{vertical-align:middle}*/
		
		
		.ult-news{margin-top:20px}
		
		.ultimas #ultimastabs{
		border-top: 3px solid #3795d2;
		border-left: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		padding:8px 6px;
		}
	
		/*------Tabs menu----------*/
		.ultimas #ultimastabs  .ui-tabs-nav  {border-bottom:1px solid #dfdfdf;margin-bottom:15px; padding-bottom:3px; margin-top:15px}
		.ultimas #ultimastabs  .ui-tabs-nav li a {color:#2c68a7; padding:0px 4px 5px 4px;font-size:10px; text-transform:uppercase;}
				.ultimas #ultimastabs  .ui-tabs-nav li.ui-tabs-selected a  {color:#999999}
			
			/*------seleccionado-------*/
			.ultimas#ultimastabs .select{color:#838383;}
	
		/*---noticias en solapa----*/
		/*.ui-tabs .ui-tabs-panel {clear:both}*/
		.ultimas #ultimastabs .tab-ultimas ul li{margin-bottom:5px}
			.ultimas #ultimastabs .tab-ultimas ul li a{background: #fff url("../images/bullet.gif") no-repeat 5px center;color:#315273; display:block;margin:5px 0px 5px 0px;padding:5px 0px 5px 15px ;}
				.ultimas #ultimastabs .tab-ultimas ul li.impar a{background:#f4f4f4 url("../images/bullet.gif") no-repeat 5px center}
				.ultimas #ultimastabs .tab-ultimas ul li.impar a:hover{background: #ffffff url("../images/bullet.gif") no-repeat 5px center}
				.ultimas #ultimastabs .tab-ultimas ul li a:hover{background: #ffffff url("../images/bullet.gif") no-repeat 5px center}
			.ultimas #ultimastabs .tab-ultimas ul li img{}
			.ultimas #ultimastabs .tab-ultimas ul li  p a{line-height:15px; margin:0px 0px 0px 5px}
			
		/*---------------*/
		
		
		
		/*------ultimas - COMPATIBILIDAD CON RANKING TFSLA ----------*/
		.ultimas #tabs {border-top: 3px solid #3795d2;border-left: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding:8px 6px;}
		
		.ultimas #tabs  .ui-tabs-nav  {border-bottom:1px solid #dfdfdf;margin-bottom:15px; padding-bottom:3px; margin-top:15px}
		.ultimas #tabs  .ui-tabs-nav li a {color:#2c68a7; padding:0px 4px 5px 4px;font-size:10px; text-transform:uppercase;}
		.ultimas #tabs  .ui-tabs-nav li.ui-tabs-selected a  {color:#999999}
			
			/*------seleccionado-------*/
		.ultimas #tabs .select{color:#838383;}
	
		/*---noticias en solapa----*/
		/*.ui-tabs .ui-tabs-panel {clear:both}*/
		.ultimas #tabs .tab-news ul li{margin-bottom:5px}
		.ultimas #tabs .tab-news ul li a{background: #fff url("../images/bullet.gif") no-repeat 5px center;color:#315273; display:block;margin:5px 0px 5px 0px;padding:5px 0px 5px 15px ;}
		.ultimas #tabs .tab-news ul li.impar a{background:#f4f4f4 url("../images/bullet.gif") no-repeat 5px center}
		.ultimas #tabs .tab-news ul li.impar a:hover{background: #ffffff url("../images/bullet.gif") no-repeat 5px center}
		.ultimas #tabs .tab-news ul li a:hover{background: #ffffff url("../images/bullet.gif") no-repeat 5px center}
		.ultimas #tabs .tab-news ul li img{}
		.ultimas #tabs .tab-news ul li a{line-height:15px; margin:0px 0px 0px 5px}
			
		/*---------------*/
		
		/*--------mas leidas----------*/
		
		#masleidas{margin-bottom:15px;position:relative;overflow:hidden}
			#masleidas .head{position:absolute;top:3px;left:10px;width:195px; height:28px;background:url("../images/back-masleidas-h3.gif") no-repeat }
			#masleidas .head h3{line-height:33px; margin-left:12px}
			/*#masleidas .head span{font-size:10px;float:right;color:#999999}
			#masleidas .head span img{vertical-align:middle}*/
		
			#scrollbox{		
			border-top: 3px solid #3795d2;
			border-left: 1px solid #dfdfdf;
			border-bottom: 1px solid #dfdfdf;
			border-right: 1px solid #dfdfdf;
			padding:8px 6px 0px 0px;
			width:285px;
			height:320px;
			overflow:auto; 
			overflow-x:hidden;
			margin-bottom:30px;
			margin-top:20px;
			}
		
			.scroll-content{margin-top:15px}
		
			#scrollbox .ppal{overflow:hidden; margin:0px 0px 10px 10px}
				#scrollbox .ppal img{float:left; margin-right:15px}
				#scrollbox .ppal p a{width:160px; float:left; color:#183654}
				
				#info li a{background:url("../images/bullet.gif") no-repeat scroll 10px center #ffffff;
				color:#315273;
				display:block;
				margin:5px 0;
				padding:5px 0 5px 25px;}
				
				#info li.impar a{background:url("../images/bullet.gif") no-repeat scroll 10px center #F4F4F4;}
				
				
				#info li a:hover{background: #ffffff url("../images/bullet.gif") no-repeat 10px center}
				
			#status{color:#000000; padding:5px 0px 10px 10px}
			
		/*-------------*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*------footer------*/
	
	.footer{background:#ffffff;text-align:center; padding:25px; position:relative;}
		.footer-nav{margin:0 auto;overflow:hidden;width:949px;font-size:11px;color:#3b97d6; padding:0px 0px 10px 0px;margin-bottom:40px; border-bottom:1px solid #cccccc}
			.footer-nav a{color:#3b97d6;padding:0px 2px}
			.footer-nav a:hover{color:#333333;}
		.footer-nav span{color:#505050}
			.footer-nav span a{color:#505050}
			.footer-nav span a:hover{color:#333333}
		
	.iab{width:86px; height:32px;background:url("../images/iab.jpg") no-repeat scroll left center;position:absolute;top:80px; left:25px}
	.certifica{width:122px; height:30px;background:url("../images/certifica.jpg") no-repeat scroll left center;position:absolute;top:80px; left:130px}
	.weblosophy a{width:125px; height:39px;background:url("../images/weblosophy.jpg") no-repeat scroll left center;position:absolute;top:70px; right:25px; cursor:pointer}
div.MinutoTitle {
                background-color: #EAD700;
                color: #000;
                padding: 5px;
                text-transform: uppercase;
            }