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

Description:			Estilos para la Esquina Roja
Version:				3.0
Date:					Oct, 2009

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

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

/*BODY STYLES*/
body {background: #000;}

#globalwrapper { position: relative;}
#wrapper {position: relative; width: 980px; height: 100%; margin: 0px auto 3px auto;}

/*HEADER STYLES*/

#rchead {width: 980px; height: 160px; float: left; background: url(../images/rchead.jpg) no-repeat;}
#rcheadlogo {
	width: 149px;
	height: 110px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#rcmenu {width: 980px; height: 36px; margin: 0px; float: left; background: url(../images/rcmenu.jpg); clear: both;}
#menucontent {width: 800px; height: 22px; float: left; padding: 8px 0px 0px 0px; margin: 0px 0px 0px 165px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #FFF;}

#menucontent a {text-decoration:none; color: #FFF; font-weight: bold;} 
#menucontent a:visited {text-decoration:none; color:#FFF;}
#menucontent a:active {text-decoration:none; color:#FFF;}
#menucontent a:hover {text-decoration:none; color: #F90;}

/*BODY STYLES*/
#rcbody {width: 980px; height: auto; float: left; background-color: #333; clear: both;}
.rcplayer {width: 485px; height: 407px; float: left; margin: 8px 10px 5px 8px;}
.rcchat { width: 470px; height: 407px; float: left; margin: 8px 0px 5px 0px;}
.rcchatnote { width: 470px; height:auto; float: left; margin: 8px 0px 5px 505px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #FFF;}

.rcchatnote a {text-decoration: underline; color: #F90; font-weight: bold;} !important
.rcchatnote a:visited {text-decoration:none; color:#FFF;}
.rcchatnote a:active {text-decoration:none; color:#FFF;}
.rcchatnote a:hover{text-decoration:none; color: #C00;}

#rcfoot {width: 980px; height: 35px; float: left; margin: 0px 0px 5px 0px; background: url(../images/rcfoot.jpg) no-repeat; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .7em; text-align: center;} 

#rcfoot a {text-decoration:none; color: #FFF; font-weight: bold;} 
#rcfoot a:visited {text-decoration:none; color:#FFF;}
#rcfoot a:active {text-decoration:none; color:#FFF;}
#rcfoot a:hover {text-decoration:none; color: #F90;}

/*CANALES STYLES*/

#rcid {width: 900px; height:30px; float: left; margin: 10px 0px 10px 8px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-align: left; text-transform: uppercase; }
#rcid h1 {font-size: 1.3em;}
#rclog {width: 230px; height: auto; float: left; margin: 80px 10px 0px 10px;}
#divisor {width: 9px; height: 485px; float: left; background: url(../images/rcdivisor.jpg);}
#tv, #radio {width: 230px; height: 485px; float: left; margin: 0px 5px 0px 15px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: .8em; line-height: 1.8em;}

#tv a, #radio a {text-decoration:none; color: #FFF; font-weight: bold;} 
#tv a:visited, #radio a:visited {text-decoration:none; color:#FFF;}
#tv a:active, #radio a:active  {text-decoration:none; color:#FFF;}
#tv a:hover, #radio a:hover  {text-decoration:none; color: #F90;}

#imgmedios {width: 218px; height: 90px; float: left; background: url(../images/rcmedios.jpg) no-repeat;}

#helpbody {width: 640px; height: auto; float: left; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #FFF; line-height: 1.2em; margin: 10px 0px 10px 8px; text-transform: uppercase;}

/*RADIO STYLES*/

#logoradio {width: 436px; height: 270px; float: left; margin: 15px 0px 0px 30px; background-color: #000; }

#logoradio p {font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: .8em; text-align: center; padding: 15px 0px 0px 10px;}

#radioplayer {width: 419px; height: 90px; float: left; margin: 0px 0px 10px 30px; background-color: #000; padding:15px 0px 0px 17px;}