/* Estilos El Pato Rojo Ver. 1 */
/* Bloques */
@import "menusuperior.css";
@import "sevende.css";
@import "podcast.css";
@import "tabeventos.css";

body {
	margin: 0;
	background: #850402 url(http://images.elpatorojo.com/interface/background.png) center top no-repeat;
	
}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	font-weight: normal;
}

td.thead .normal {color:#FFFFFF;}

#contenedorPrincipal {
	margin:0px auto;
    text-align:left;
	width:770px;
	padding:0px;
	margin-top:50px;
	background:#fff;
}

/*#contenedorPrincipal img { border:2px solid #f00;}*/

.marcoContenido {
	width: 610px;
	margin: 0px; 
	padding:0px;
	vertical-align: top;
	background:#fff;
}

#marcoContenido {
	width: 620px;
	margin: 0px; 
	padding:0px;
	vertical-align: top;
	background:#fff;
}

.marcoBanners {
	width: 150px;
	margin:0px;
	/*padding:2px 5px;*/
	background-color:#fff;
	vertical-align: top;
	text-align:right;
}


#marcoContenido a.probanners:link img{
  border:none;
}

#sevende_rotate, #intercambio_rotate{ height:100px;}

.gaceta {margin:0 15px 0 15px; width:265px; padding-top:20px; float:left}
.gaceta p {width:200px; margin:auto; padding-bottom:15px; font-size:10px; font-weight:bold; text-align:center}

.EPRportadaGaceta {width:218px; margin:auto; padding-top:20px;}

#JumpSites { padding: 8px 0px; color:#999999; font-size:9px; background-color:#333333; text-align:left; }
#JumpSites ul{
   padding : 0;
   margin : 0;
   white-space : nowrap;
}

#JumpSites ul li{
   display : inline;
}

#JumpSites ul li a{
   color : #ffffff;
   font-size:9px;
   text-decoration : none;
   margin-right:10px;
}

/* Estilo Menu Pie de Pagina */
#footer { 
	padding: 10px 10px; 
	background-color:#989898; 
	border-top: 2px solid #cc0000 ; 
	color: #CCCCCC;
	font-size:10px;
	background: url(../imagenes/bgfooter.jpg) top repeat-x;
}

#footer ul{
   padding : 0;
   margin : 0;
   white-space : nowrap;
}

#footer ul li{
   display : inline;
}

#footer ul li a{
  color : White;
   font-size:10px;
   text-decoration : underline;
   margin-right:10px;
}

#footer ul li a:over, #footer ul li a:hover, #footer ul li a:visited, {
   color : #ffffff;
   font-size:10px;
   text-decoration : none;
   margin-right:10px;
}
    
  
  
/* Enlaces */
a { color:#cc0000; text-decoration: none;  }
a:hover, a:over { color:#ff0000; text-decoration: none; border-bottom: 1px dashed #ff0000; }
a:visited { color:#cc0000; text-decoration: none; }

a.link2	{color: #000000; font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link2:active	{color: #808080 font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link2:visited	{color: #000000 font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link2:hover	{color: #8A6502; font-size: 11px; font-weight: normal; font-family: verdana,arial}

a.link3	{color: #333333; font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link3:active	{color: #333333 font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link3:visited	{color: #333333 font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link3:hover	{color: #B82E2E; font-size: 11px; font-weight: normal; font-family: verdana,arial}

a.link4	{color: #ffffff; font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link4:active	{color: #cccccc font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link4:visited	{color: #000000 font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link4:hover	{color: #ff0000; font-size: 11px; font-weight: normal; font-family: verdana,arial}

a.link5	{color: #ffffff; font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link5:active	{color: #cccccc font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link5:visited	{color: #cccccc font-size: 11px; font-weight: normal; font-family: verdana,arial}
a.link5:hover	{color: #ff0000; font-size: 11px; font-weight: normal; font-family: verdana,arial}


/* Formato de Titulos */
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin:4px;  }
h2 { font-family:Verdana, "Times New Roman", Times, serif; font-size:18px; color: #cc0000; margin:10px; line-height:120%; }
h4 { font-size:13px; margin:0px; padding:0px;}


#Nota { padding:10px; }
#Nota p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:135%; color:#444444; text-align:justify;}
#Nota p img { margin: 5px; }
#NotaInfo { 	
	margin: 15px;
	padding:4px;
	background-color: #f6f6f6;
	border: 1px solid #888888;
}

.nota1		{color: #242424; font-family: verdana,arial; font-size: 10px}
.nota1_2		{color: #242424; font-family: verdana,arial; font-size: 11px}
.nota2		{color: #242424; font-family: verdana,arial; font-weight: bold; font-size: 11px}
.nota2b		{color: #242424; font-family: verdana,arial; font-weight: bold; font-size: 14px}
.nota3		{color: #cd3333; font-family: verdana,arial; font-weight: normal; font-size: 10px}
.nota4		{color: #cd3333; font-family: verdana,arial; font-weight: bold; font-size: 10px}
.nota4b		{color: #cd3333; font-family: verdana,arial; font-weight: bold; font-size: 14px}
.nota4c		{color: #cd3333; font-family: verdana,arial; font-weight: bold; font-size: 17px}
.nota5		{color: #cd3333; font-family: verdana,arial; font-weight: normal; font-size: 11px;s}
.nota5 td { margin-bottom:10px;}
.nota6		{color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 11px}
.nota7		{color: #ffffff; font-family: verdana, arial; font-weight: normal; font-size: 11px}
.nota8		{color: #ed351e; font-family: verdana,arial; font-weight: bold; font-size: 11px}
.nota8b		{color: #cd3333; font-family: verdana,arial; font-weight: bold; font-size: 11px}
.nota9		{color: #006600; font-family: verdana, arial; font-weight: bold; font-size: 10px}
.nota10		{color: #ffffff; font-family: verdana,arial; font-weight: bold; font-size: 13px}

.textomedio { font-size: 10px; color: #aaaaaa; }


#mnuPrincipal { }
#mnuPrincipal ul { list-style-image:none;  }

.UltimaActualizacion { color:#FF6600; text-align:right; font-size:10px; letter-spacing:140%; font-style:italic; }

#Herramientas {text-align: right; padding:0 10px; }

.BloqueMasNotas { width:90%; margin: 0 auto; border:1px solid #333333; background-color:#f5f5f5; }

.TituloBloque { margin:0 auto; padding:5px; color: #FFFFFF; background-image:url(../imagenes/bg_02.jpg); }
.listaitem { list-style-image:url(../imagenes/indent1.png);  line-height: 150%; margin-left:20px; }

#ListaArticulos { margin:0px 10px; padding:5px; border-bottom: 1px dotted #aaaaaa; margin-bottom:10px; }
#ListaArticulos h3 { font-size:14px; margin:0px; }
#ListaArticulos h3:hover, #ListaArticulos h3:over{ background-color: #f6f6f6; }
#ListaArticulos p { font-size:10px; margin:4px 0px; }


#ListaVideos div { width:400px; margin:0px auto; padding:5px; border-bottom: 1px dotted #aaaaaa; margin-bottom:10px; }


#NotaPrincipalInfo { margin: 10px; line-height:130%; }

/*
    Estilos para el Contenedor de Eventos
	 mediante Tabs de contenido. 
*/
.tabset_tabs { 
	margin:1px; 
	padding:0; 
	list-style-type:none; 
	position:relative; 
	z-index:2; 
	white-space:nowrap; 
}

.tabset_tabs li	{ 
	margin:0; 
	padding:0; 
	display:inline; 
}

.tabset_tabs a	{ 
	color:#FFF ! important; 
	background-color:#333333 ! important; 
	border:0px solid #666666; 
	text-decoration:none; 
	margin: 0px;
	border-bottom:none; 
	padding: 2px 10px 1px 10px; 
}

.tabset_tabs a:hover	{ 
	color:#cc0000 ! important; 
	background-color:#f5f5f5 ! important 
}

.tabset_tabs a.active	{ 
	color:black ! important; 
	background-color:white ! important; 
	border-color:black; 
	cursor:default; 
	border-bottom:white;
/*	font-weight: bold;*/
	padding: 2px 10px 1px 10px; 

	/*padding-top:4px; 
	padding-bottom:4px; */
}

.tabset_tabs li.firstchild a	{ border-left-width:0px }

.tabset_content	{  
	background-color:white; 
	background-image:url('../images/fdoEventos.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	width: 580px; 
	height:165px; 
	position:relative; 
	z-index:1; 
	display:none ;
	padding:5px;
	
}

.tabset_label	{ 
	display:none 
}

.tabset_content_active	{ display:block }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}

#ContenedorDeEventos {
	background-color: #CC0000;
	width: 590px;
	height:200px;
	margin-left:5px;
	padding:5px;
}

#TituloContenedorDeEventos {
	width:590px;  
	padding:5px; 
	color: #FFF;
	font-weight:bold;
	background-color:black; 
	margin-left:5px;
}


#TextoPerfiles { 
	margin: 0 auto;
	width:500px;
	font-size:11px; 
	line-height: 130%;
	color: #333333;
 }
 
 #TextoPerfiles img { margin: 10px; }


.nota8c {
color: #cd3333; font-family: verdana, arial; font-weight: normal; font-size: 11px
}

.headerFinder{ background:url(http://images.elpatorojo.com/interface/header_articulos.jpg) no-repeat top;}
.headerFinder p { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px; *padding:5px; padding-left:5px; *padding-left:5px}

#imagesv {border:none;}
#contenct-bns div { padding-bottom:3px }

#mainslideshow    {	width: 770px; height: 263px !important; z-index:5; display:block; }
#menu { position:relative;top:-263px !important; z-index:10; }

/*Links siitos relacionados*/
	
#relatedSites { height:25px; background:#333; color:#FFF; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:-7px}
#relatedSites p {margin:0 15px 0 15px ; padding:0; float:left; width:160px; color:#FFF; -family:Arial, Helvetica, sans-serif; font-size:10px;line-height:20px;}
#relatedSites ul { margin: 7px 0 0; padding:0}
#relatedSites li { float:left; margin:0 0 0 14px; width:150px; line-height:20px; font-size:10px;}
#relatedSites li a { display:block; color:#fff;}
#relatedSites li a:hover {color:#FF0000;}