/* ------------------------------------------------------------------
Documento CSS
wwww.rinconrojo.com /.net
Página dedicada a los Leones del Escogido
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - 

Description:			CSS for Index Invernal RinconRojo 2009-2010
Version:				1.0
Date:					Sep, 2009

Created by Erickson Pérez
All Right Reserve, 2009
------------------------------------------------------------------- */

/*Universals*/
* {padding:0; margin:0}
a {outline:0;}
img {border:0;}

/*BODY OF HOMEPAGE*/

	
#bodycontent {
	width: 990px; 
	height: auto; 
	background:#C3C3C3; 
	float: left;}
	
	/*BOX SCORE*/
#boxscores {
	width: 978px; 
	height: 107px; 
	background: url(../images/bgboxscore.jpg) no-repeat; 
	margin: 6px 0px 0px 8px;}
	
#resultados {
	width: 472px; 
	height: 95px; 
	float: left; 
	margin: 7px 10px 0px 8px;}
	
#lajornada {
	width: 472px; 
	height: 95px; 
	float: left; 
	margin: 7px 0px 0px 5px;}
	
/*LEFT BOXES*/

#leftline {
	width: 671px; 
	height: 100%;
	float: left; 
	margin: 7px 0px 3px 8px;}

#rrtv {
	width: 238px; 
	height: 346px; 
	float: left; 
	background-color: #000; 
	margin: 0px 7px 0px 0px;}

#rrtvdos {
	width: 298px; 
	height: 314px; 
	float: left; 
	background-color: #000; 
	margin: 0px 0px 7px 0px;
	background: url(../images/rrtvbg.jpg) no-repeat;}
	
#rrtvtop {
	width: 238px; 
	height: 39px; 
	float: left; 
	background: url(../images/topRRTv.jpg) no-repeat;}
	
#rrtvbody {
	width: 238px; 
	height: 251px; 
	float: left; 
	background-color: #000;
	z-index: 0;
	position: relative;}

#rrtvbodydos {
	width: 290px; 
	height: 210px; 
	float: left;
	z-index: 0;
	margin: 45px 0px 0px 5px;}
	
#rrtvfoot {
	width: 238px; 
	height: 55px; 
	float: left; 
	background: url(../images/footerRRTv.jpg) center no-repeat; }

#rrtvfootdos {
	width: 298px; 
	height: 15px; 
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .7em; color: #FFF; 
	font-weight: normal; 
	text-align: center;
	margin: 20px 0px 0px 0px;}
	
.rrtexto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .7em; color: #FFF; 
	font-weight: normal; 
	text-align: center;}
	
a.rrtvlink, #rrtvdos {text-decoration:none; color: #FFF; font-weight: bold;} 
a.rrtvlink:visited, #rrtvdos:visited {text-decoration:none; color:#FFF;}
a.rrtvlink:active, #rrtvdos:active {text-decoration:none; color:#FFF;}
a.rrtvlink:hover, #rrtvdos:hover {text-decoration:none; color: #F90;}

#notiprin {
	width: 425px; 
	height:346px; 
	float: left; 
	background: url(../images/bgnoti.jpg) no-repeat; 
	margin: 0px;}
	
#fotoprin {
	width: 416px; 
	height: 224px; 
	float: left; 
	margin: 4px 4px 0px 4px; 
	background-color: #666;}
	
#fotopie {
	width: 411px; 
	height: 16px; 
	float: left; 
	margin: 0px 4px 0px 4px; 
	background: url(../images/beresena.jpg) no-repeat; 
	border-bottom: 1px solid #999; 
	padding: 2px 0px 0px 5px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .7em; color: #000;}
	
#contTitular {
	width: 412px; 
	height: 23px; 
	float: left; 
	margin: 3px 0px 3px 7px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	font-weight: bold; color: #C00;}
	
#contTitular a{text-decoration: none; color: #C00;}
#contTitular a:link {}
#contTitular a:visited {text-decoration: none; color: #C00;}
#contTitular a:hover {text-decoration: none; color: #F00;}
#contTitular a:active {text-decoration: none; color: #C00;}

#notiParrafo {
	width: 412px; 
	height: 62px; 
	float: left; 
	margin: 0px 0px 0px 7px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .7em; 
	font-weight: normal;}
	
#notiParrafo a{text-decoration: none; color: #C00; font-weight: bold; text-transform: lowercase;}
#notiParrafo a:link {}
#notiParrafo a:visited {text-decoration: none; color: #C00;}
#notiParrafo a:hover {text-decoration: none; color: #F00;}
#notiParrafo a:active {text-decoration: none; color: #C00;}

#opiniones {
	width: 670px; 
	height: 215px; 
	float: left; 
	background: url(../images/othernotice.jpg) no-repeat; 
	margin: 7px 0px 7px 0px;}
	
.opi {
	width: 205px; 
	height: 170px; 
	float: left; 
	margin: 28px 5px 0px 10px;}
	
.opititu {
	width: 200px; 
	height: 17px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	color: #990000; 
	text-align: left; 
	font-weight: bold; 
	float: left; 
	margin: 0px 0px 2px 0px;}
	
.opifoto {
	width: 200px; 
	height: 73px; 
	float: left; 
	background-color: #CCC; 
	margin-bottom: 3px;}
	
.opicontent {
	width: 200px; 
	height: 68px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .7em; 
	color: #000; 
	text-align: left; 
	float: left;}

.opicontent a{text-decoration: none; color: #C00; font-weight: bold; text-transform: lowercase;}
.opicontent a:link {}
.opicontent a:visited {text-decoration: none; color: #C00;}
.opicontent a:hover {text-decoration: none; color: #F00;}
.opicontent a:active {text-decoration: none; color: #C00;}

/*SUMARIO DE NOTICIAS*/

#sumarrywrapp {
	width: 652px;
	height: auto;
	margin: 25px auto 2px 10px;
	float: left;
	clear: both;}
	
#sumarry {
	width: 670px; 
	height: 215px; 
	float: left; 
	background: url(../images/othernotice.jpg) no-repeat; 
	margin: 7px 0px 7px 0px;}
	
.notescontent {
	width: 207px; 
	height: 180px; 
	float: left; 
	margin: 0px 10px 0px 0px;}
	
.notestitu {
	width: auto; 
	height: auto; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	color: #990000; 
	text-align: left; 
	font-weight: bold;
	text-transform: uppercase !important;
	float: left; 
	margin: 0px 0px 6px 0px;}
	
.newssumarry {
	width: 205px; 
	height: auto; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .7em; 
	color: #000; 
	text-align: justify; 
	float: left;}
	
.notestitu a{text-decoration: none; color: #C00; font-weight: bold; text-transform: uppercase;}
.notestitu a:link {}
.notestitu a:visited {text-decoration: none; color: #C00;}
.notestitu a:hover  {text-decoration: none; color: #F00;}
.notestitu a:active {text-decoration: none; color: #C00;}

.newssumarry a{text-decoration: none; color: #C00; font-weight: bold; text-transform: lowercase; clear: left; margin: 3px 0px 0px 0px;}
.newssumarry a:link {}
.newssumarry a:visited {text-decoration: none; color: #C00;}
.newssumarry a:hover {text-decoration: none; color: #F00;}
.newssumarry a:active {text-decoration: none; color: #C00;}


/*ESTILOS STANDINGS*/

#posiciones {
	width: 670px; 
	height: 166px; 
	position: relative; 
	float: left; 
	background: url(../images/bgstandings.jpg) no-repeat; 
	margin: 0px 0px 7px 0px;}

#navegación {
	width: 334px;
	height: 28px;
	position: absolute;
	top: 2px;
	left: 131px;
	background-color: #999;
	visibility: hidden;
}
#standing {
	width: 650px; 
	height: auto; 
	margin: 25px 0px 0px 10px;}

.standtable {
	width: 625px; 
	border: none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: .7em; 
	color: #000; 
	margin: 5px 0px 0px 15px;}
	
.standtable th {
	font-weight: bold; 
	text-align: center; 
	padding-right: 5px;}
	
.standtable td {
	font-weight: normal; 
	text-align: center; 
	padding: 1px 5px 0px 5px;}

.standlinks {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.0em; 
	color: #C00; 
	text-decoration: none;
	text-align: left!important; 
	font-weight: bold;}

.standleft {
	text-align: left!important;}
	
/*fin de los estilos del stanging*/

#encuesta {
	width: 311px; 
	height: 211px;  
	float: left; 
	background: url(../images/bgencuesta.jpg) no-repeat; 
	margin: 0px 6px 0px 0px;}
	
#lideres {
	width: 351px; 
	height: 186px; 
	float: left; 
	background: url(../images/bglideres.jpg) no-repeat; 
	margin: 0px 0px 0px 0px;
	padding-top: 25px;
	padding-left: 2px;}

/*RIGHT BOXES*/
#rightsidebar {
	width: 301px; 
	height: 100%; 
	float: left; 
	margin: 7px 3px 3px 5px;}

#headlines {
	width: 301px; 
	height: 188px; 
	float: left; 
	background: url(../images/bgheadlines.jpg) no-repeat; 
	margin: 0px 0px 7px 0px;}

#headlineslist {
	width:270px; 
	height: 130px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	margin: 28px 0px 0px 20px;}

#headlineslist li, #boletinrojolist li {
	list-style: none; 
	list-style-image: url(../images/arrow_bullet.gif);
	line-height: 1.3em;}

#headlineslist li {
	font-weight: bold;}

#headlineslist a, #boletinrojolist a{text-decoration: none; color: #900;}
#headlineslist a:link, #boletinrojolist a:link {}
#headlineslist a:visited, #boletinrojolist a:visited {text-decoration: none; color: #900;}
#headlineslist a:hover, #boletinrojolist a:hover {text-decoration: underline; color: #F00;}
#headlineslist a:active, #boletinrojolist a:active {text-decoration: none; color: #900;}

#headlinesbuttons1 {width: 100px; margin: 0px 0px 0px 10px; float: left;}
#headlinesbuttons2 {width: 25px; margin: 0px 0px 0px 155px; float: left;}

#boletinrojo {
	width: 301px; 
	height: 162px; 
	float: left; 
	background:url(../images/BoletinRojo.jpg) no-repeat; 
	margin: 0px 0px 7px 0px;}

#boletinrojolist {
	width:270px; 
	height: 100px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	margin: 28px 0px 0px 20px;}

#boletinrojobuttons {width: 100px; margin: 5px 0px 0px 10px; float: left;}
	
#audioenvivo {
	width: 301px; 
	height: 95px; 
	float: left; 
	background: url(../images/bgaudio.jpg) no-repeat; 
	margin: 0px 0px 7px 0px;}

#player {
	width: 224px;
	height: 55px;
	float: left;
	margin: 15px 0px 10px 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .8em;
	text-align: center;}
	
#player a{text-decoration: none; color: #C00; font-weight: bold; text-transform: uppercase;}
#player a:link {}
#player a:visited {text-decoration: none; color: #900;}
#player a:hover {text-decoration: underline; color: #F00;}
#player a:active {text-decoration: none; color: #900;}
	
#audioenvivos {
	width: 239px; 
	height: 346px; 
	float: left; 
	background: url(../images/bgaudio.jpg) no-repeat; 
	margin: 0px 6px 0px 0px;}

#audioenvivostext {
	width: 220px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: .8em;
	text-align: left;
	margin: 28px 0px 0px 10px;}
	
#publicidad1 {
	width: 301px; 
	height: 259px; 
	float: left;
	margin: 0px 0px 7px 0px;}
	
#publicidad2 {
	width: 294px; 
	height: 162px; 
	float: left; 
	background-color: #FFF; 
	margin: 0px 0px 7px 0px; 
	padding: 4px 0px 0px 5px;}

	
#galeria {
	width: 311px; 
	height: 183px; 
	float: left; 
	background-color:#FFF; 
	background: url(../images/bggallery1.jpg) no-repeat; 
	margin: 0px 0px 0px 5px;
	padding-top: 28px;
	text-align: center;}

#galeriados {
	width: 311px; 
	height: 211px; 
	float: left; 
	background-color:#FFF; 
	background: url(../images/bggallery1.jpg) no-repeat; 
	margin: 0px 0px 0px 6px;}