/* ========================== GENERICOS ==========================  */
html {
     overflow: -moz-scrollbars-vertical;
}

body {
	font: 12px "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333333;
	background: #FFF;
	margin: 0;
	padding: 0;
	background: url(../images/fondo.jpg) repeat-x;
	
}
SELECT, INPUT, TEXTAREA { 
	MARGIN:3px 0 0 0;
	PADDING: 2px;
	font: 11px "Lucida Sans Unicode", Verdana, sans-serif;
	COLOR: #039; 
}
a, a:link, a:visited {
	color: #AD0E1E;
	text-decoration: none;	
}
a:hover {
	color:#EE2034;
	text-decoration: underlin;	
}
h1, h2 , h3 {
	background: url(../images/hicon.jpg) no-repeat left center;
	padding: 0 0 0 20px;
	color: #EE2034;
}
/* ========================== PAGINA ==========================  */
#wrapper {
	margin: 0 auto;
	width: 920px;
	background-color:#FFF;
	/* min-height:500px; */
}
#header {	
	margin: 0;
	padding: 0;
	height: 120px;
}
#content {	
	margin: 0px 6px 0 6px;
	padding: 0 10px 10px 10px;

}

#content  p {
	/* margin: 0 200px 10px 0; */
	text-align: justify;
}
#elContenido {
	margin: 0 200px 10px 0;
	text-align: center;
}
*:first-child+html #elContenido {
	/* 
	float:left;
	margin: 0; */
	width:700px;
	margin: 0 200px 10px 0;
	position:absolute;
	top: 154px;
}
#titulopagina {
	width: 450px;	
	padding: 5px 0 2px 5px;
	color: #333;
	font-weight: bold;
	font-size: 100%;
}
#elReloj {
	width: 100px;	
	padding: 2px 20px 2px 0;
	color: #999;
	font-size: 100%;
	align:right;
}
#columnas {
	width: 300px;
	float:left;
	margin:0 0 0 25px;
	background-color:#CCC;
}
/* ========================== EL MENU ==========================  */
#nav {
	position: static;
	float: right;
	width: 180px;
	padding: 12px 0 0 0; 
	margin: 0;
}
#nav img {
	padding: 1px;	
}
#nav a, #nav a:link, #nav a:visited {
	color: #333;	
}
#nav a:hover{
	color: #EE2034;	
}
#nav ul {
	margin: 15px 0 15px 0;
	padding: 0;
	list-style: none;
	border: 0;
}
#nav li {
	text-align: center;
	border-bottom: 1px solid #000;
	width: 150px;
	margin: 0;
	padding: 0;
	font: 10px/15px "Lucida Sans Unicode", Verdana, sans-serif;
	color: #fff;
	background: #FFF;
}
.navtop {
	border-top: 1px solid #000;
}
.scroller {
	border-top: 1px solid #E20169;
	border-bottom: 1px solid #E20169;
	padding: 0 10px 3px 10px; 
	background: url(../images/fondoSCroller.jpg) repeat-x;
}
#nav li a {
	display: block;
	font-weight: bold;
	color:#fff;
	padding: 2px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #06c;	
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 148px;
}
html>#nav li a {
	width: 148px;
}
#nav li a:hover {
	font-weight: bold;
	background:#fff;
	color: #039;
	text-decoration: none;
}
#nav p {
	margin: 4px 0 4px 0;
	text-align: left;
}
#nav h3 {
	font-size: 120%;
	color: #039;	
	background-image: none;
	text-align: center;
	padding: 0;
}
#barraBottom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #AD0E1E;
    padding-bottom: 2px;
    padding-top: 3px;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
}

#barraBottom a {
    color: #FFFFFF;
    text-decoration: none;
    padding-right: 7px;
}

#barraBottom a:hover {
    text-decoration: underline;
}


#barraBottom div.izquierda {
    width: 920px;
    padding-top: 2px;
    padding-bottom: 3px;
	margin:0 auto;
}
#barraBordeTop {
   background: transparent url("../images/bordebarra.png") repeat-x ;
    position: fixed;
    bottom: 18px;
    left: 0px;
    width: 100%;
    height: 15px;
}

#programacion, #mensaje, #playlist, #politonos, #sugerencias, #dedicar, #publicidad {
    background-repeat: no-repeat;
	padding-left:25px;
}

#programacion {
    background-image: url("../images/icos/programacion.png");
}

#mensaje {
    background-image: url("../images/icos/sticker.png");
}

#dedicar {
    background-image: url("../images/icos/icoDedicar.png");
}

#publicidad {
    background-image: url("../images/icos/icoPublicidad.png");
}

#playlist {
    background-image: url("../images/icos/playlist.png");
}

#politonos {
    background-image: url("../images/icos/icoMovil.png");
}
#sugerencias {
    background-image: url("../images/icos/sugerencias.png");
}

/* ========================== PIE ==========================  */
#footer {
	width: 100%;
	border-bottom: 1px solid #E20169;
	border-top: 1px dashed #E20169;
	margin: 0 auto;
	padding: 4px;
	color:#000000;
	float:left
}
#diseno {
	font-size:10px;
	margin: 0 0 50px 0;
	float:right;
	color:#CCCCCC;
	text-align:right;		
	}
#diseno a, #diseno a:link, #diseno a:visited {
	color:#CCCCCC;
	font-weight: bold;
	text-decoration: none;
	}
#diseno a:hover {
	color: #EE2034;
	}
/* ========================== VARIOS ==========================  */
.blanco {
	color:#FFF;
	font-weight: bold;
}
.rojo {
	color:#AD0E1E;
	font-weight: bold;
}
#searchform {
	background: #FFF;
	padding: 2px;
	width: auto;
	border: 1px solid #999;
}
#searchbut {
	background: #FFFFFF;
	font-size: 90%;
	width: auto;
	border: 1px solid #333333;
}
#searchinput {
	background: #DEFFFF;
	font-size: 90%;
	border: 1px solid #1D4151;
}
.underline {
	text-decoration: underline;
}#skipnav {
	display: none;
}
.titLegal {
	color: #FFFFFF;
	font-weight: bold;
}
