/* === IDOLOS LATINOS styles === */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	font: normal 12px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	}

#outer {
	width: 836px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#tophead {
	width: 836px;
	height: 14px;
	padding: 0px;
	background-image: url(../images/topwhite.png);
}

/* Menu - Botones */

#topmenu {
	width: 836px;
	height: 42px;
	padding: 0px;
}

#boton1 {
	width: 133px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx1.png) 0px 42px;
}

#boton1:hover {
	width: 133px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx1.png) 0px 0px;
}

#boton1-hover {
	width: 133px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx1.png);
}

#boton2 {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx2.png) 0px 42px;
}

#boton2:hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx2.png) 0px 0px;
}

#boton2-hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	background-image: url(../images/boton2-hover.png);
	float: left;
	position: relative;
}

#boton3 {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx3.png) 0px 42px;
}

#boton3:hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx3.png) 0px 0px;
}

#boton3-hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	background-image: url(../images/boton3-hover.png);
	float: left;
	position: relative;
}

#boton4 {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx4.png) 0px 42px;
}

#boton4:hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx4.png) 0px 0px;
}

#boton4-hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	background-image: url(../images/boton4-hover.png);
	float: left;
	position: relative;
}

#boton5 {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx5.png) 0px 42px;
}

#boton5:hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx5.png) 0px 0px;
}

#boton5-hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	background-image: url(../images/boton5-hover.png);
	float: left;
	position: relative;
}


#boton6 {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx6.png) 0px 42px;
}

#boton6:hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx6.png) 0px 0px;
}

#boton6-hover {
	width: 117px;
	height: 42px;
	padding: 0px;
	background-image: url(../images/boton6-hover.png);
	float: left;
	position: relative;
}


#boton7 {
	width: 118px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx7.png) 0px 42px;
}

#boton7:hover {
	width: 118px;
	height: 42px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/botonx7.png) 0px 0px;
}

#boton7-hover {
	width: 118px;
	height: 42px;
	padding: 0px;
	background-image: url(../images/boton7-hover.png);
	float: left;
	position: relative;
}

/* Banner Principal */
#banner0 {
	width: 820px;
	height: 145px;
	padding: 0px;
	background-image: url(../images/header_banner.jpg);
	margin-left: 16px;
}

/* Contenido */
#cuerpo {
	width: 820px;
	height: auto;
	padding: 0px;
	margin-left: 16px;
	background: #fff repeat-y;
}

#whitesep {
	width: 100%;
	height: 20px;
	padding: 0px;
	background: #fff repeat-y;
	
}

#whitesep2 {
	width: 574px;
	height: 20px;
	padding: 0px;
	background: #fff repeat-y;
	display: inline-block;
}

#whitesep3 {
	width: 574px;
	height: 122px;
	padding: 0px;
	background: #fff repeat-y;
	display: inline-block;
}

#logomp3 {
	width: 170px;
	height: 39px;
	padding: 0px;
	background: url(../images/logo_mp3player.jpg) no-repeat;
	position: relative;
	bottom: 23px;
	float: left;
	margin-left: 30px;
}

#columna_lft {
	padding: 0px;
	margin-left: 15px;
	margin-right: 9px;
	background: #fff repeat-y;
}

#columna_rt {
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	background: #fff repeat-y;
}

#banner1 {  
    padding: 0;    
    width:  800px; 
    height: 105px;
	margin-left: 10px;
	margin-right: 10px;
}

.polaroid {    
    width:  100px; 
    height: 122px;
	padding-right: 6px;
	padding-left: 6px;
	opacity: 0.7;
}

.polaroid:hover {    
    width:  100px; 
    height: 122px;
	padding-right: 6px;
	padding-left: 6px;
	opacity: 1;
}

.polaroid_fill {    
    width:  29px; 
    height: 122px;
	opacity: 1;
	background-color: #fff;
}

#galeria {
	position: relative;
	float: left;
}

.titulo {
	font: bold 16px/1.3 Georgia, "Times New Roman", Times, serif, Optima;
	color: #3762b8;
} 

.subtitulo {
	font: bold 13px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #ad1110;
}

.infobit {
	font: bold 16px/1 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #fff;
	padding: 6px;
	background-color: #ad1110;
	text-align: center;
	text-decoration: none;
}

.tableheader {
	font: bold 12px/1 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #fff;
	background-color: #ad1110;
	text-decoration: none;
}

.tablecontent {
	font: normal 12px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #414141;
}

#informacion {
	margin-left: 40px;
	margin-right: 40px;
}

.img_center {
	margin-left: auto;
	margin-right: auto;
}

.seccion {
	font: bold 12px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #fff;
	padding: 4px;
	background-color: #4c4c4c;
}

.mensaje {
	font: bold 13px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #ad1110;
	text-align: center;
	padding: 10px;
}

.lista{
	list-style-image: url("../images/arrow.png");
	font: normal 12px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #414141;
} 

.parrafo {
	font: normal 12px/1.3 "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	color: #414141;
}


/* FlowPlayer styles */

/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 425px; 
    height:300px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:120px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}


/* Footer */
#foot {
	width: 836px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#footer {
	width: 820px;
	height: 30px;
	padding: 0px;
	margin-left: 16px;
	background-color: #4c4c4c;
	color: #fff;
}

#foottextlft {
	float: left;
	margin-left: 15px;
	font:  10px/1.3px "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	height: 30px;
	position: relative;
	vertical-align: text-bottom;
	margin-top: 16px;
	display: inline;
	text-align: left;
}

#foottextrt {
	float: right;
	margin-right: 15px;
	font:  10px/1.3px "Lucida Grande", "Helvetica Neue", Lucida, Verdana, sans-serif;
	height: 30px;
	position: relative;
	vertical-align: text-bottom;
	margin-top: 16px;
	display: inline;
	text-align: right;
}

a.footclass:link {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

a.footclass:visited {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

a.footclass:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}

a.footclass:active {
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
}