@import url("reset.css");



/* ESTRUCTURA ********************/

#contenido{

	width:970px;

	margin:auto;

	clear:both;

	min-height:400px;

	height:auto !important;

	height:400px;

	padding: 0 9px;

	color: #333;

}

#cuerpo{

	background: url(../img/bg_cuerpo.gif) right repeat-y;

	min-height: 300px;

	height: auto !important;

	height: 300px;

}

#columna_izquierda{

	float: left;

	width: 578px;

}

#columna_derecha{

	float: right;

	width: 382px;

	background: #dbf2fc url(../img/img_adorno_pajaritos.gif) right bottom no-repeat;

	padding-bottom: 100px;

}

.una_columna #cuerpo{

	background: none;

}

.una_columna #columna_izquierda{

	width: 160px;

	padding-left: 10px;

}

.una_columna #columna_derecha{

	background: none;

	width: 774px;

	padding-right: 10px;

	padding-bottom: 60px;

	min-height: 490px;

	height: auto !important;

	height: 490px;

}

/*********************************/



/* IMAGENES **********************/

.alineado_izquierda{

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}

/*********************************/



/* LINKS *************************/

a{

	color: #ec008c;

}

.facebook{

	background: url(../img/ico_facebook_mini.gif) right no-repeat;

	display: inline-block;

	height: 16px;

	padding-right: 20px;

}

.imprimir{

	float: right;

}

.tt{

	padding:5px;

	background:#19b4f0;

	color: #fff;

}

.media{

	text-align: center;

	margin-bottom: 10px;

	background: url(../img/preloader_blanco.gif) center no-repeat;

}

.comentarios{

	line-height: 16px;

	background: url(../img/ico_comentarios.gif) left no-repeat;

	padding-left: 20px;

}

/*********************************/



/* TITULOS ***********************/

h1{

	color: #ea007a;

	font-weight: bold;

	font-size: 1.8em;

	text-transform: uppercase;

	background: url(../img/linea_punteada_horizontal.gif) bottom repeat-x;

	line-height: 24px;

	margin-bottom: 10px;

}

h2{

	color: #00a4e4;

	font-weight: bold;

	font-size: 1.4em;

	text-transform: uppercase;

	background: url(../img/linea_punteada_horizontal.gif) bottom repeat-x;

	margin: 10px 0;

	line-height: 24px;

}

h2 a{

	color: #00a4e4;

	text-decoration: none;

}

h2 a:hover{

	text-decoration: underline;

}

h3{

	font-size: 1.4em;

	font-weight: bold;

}

.una_columna h3{

	color: #00a4e4;

	font-size: 1.1em;

	margin: 0;

	background: none;

	text-transform: uppercase;

}

h3 a{

	text-decoration: none;

}

h3 a:hover{

	text-decoration: underline;

}

h4{

	color: #00a4e4;

	font-weight: bold;

	font-size: 1.1em;

	border-bottom: 2px solid #00a4e4;

	padding: 0 7px;

	line-height: 24px;

	margin-bottom: 10px;

}

h5{

	font-size: 1.1em;

	font-weight: bold;

	margin-bottom: 10px;

}

/*********************************/



/* TEXTOS ************************/

.una_columna p{

	font-size: 1.1em;

	margin-bottom: 15px;

	line-height: 16px;

}

p.fecha{

	color: #00a4e4;

	margin-bottom: 0 !important;

}

/*********************************/



/* MENU PRINCIPAL ****************/

#cabecera{

	position:relative;

	min-height: 172px;

	height: auto !important;

	height: 172px;

}

#cabecera #logo{

	height:162px;

	width:162px;

	position:absolute;

	top:3px;

	left:13px;

}

#cabecera ul{

	margin-left:183px;

	padding-top:34px;

	position: relative;

	min-height:38px;

	height:auto !important;

	height:38px;

}

#cabecera ul li{

	display:inline;

	font-size:1.2em;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	background:url(../img/separador_cabecera.jpg) repeat-y right;

	padding-right:24px;

	margin-right:24px;

	min-height:13px;

	height:auto !important;

	height:13px;

}

/* FIX PARA EL MENU EN SAFARI */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#cabecera ul li{

		padding-right:22px;

		margin-right:22px;

	}

}

#cabecera ul li.ultimo{

	background:none;

	padding-right:0;

	margin-right:0;

}

#cabecera a, #cabecera a:hover{

	color:#333;

	text-decoration:none;

}

#cabecera a.destacado{

	color:#ec008c;

}

#cabecera a:hover, #cabecera .seleccionado a{

	color: #19b4f0 !important;

}

#paises{

	position: absolute;

	top: 54px;

	right: 0;

	width: 225px;

	color: #999;

	font-weight: normal;

	font-size: 0.9em;

}

#paises a{

	color: #999;

}

#paises a:hover{

	color: #19b4f0;

}



#banner_principal img{
	display:block;
	overflow:hidden;
	margin-bottom: 12px;
}
#banner_principal #swf_principal{
	display:block;
	overflow:hidden;
	margin-bottom: 12px;
}

/*********************************/



/* COLUMNA DERECHA ***************/

#suscripcion{

	background: #6ec9f8;

	padding: 12px;

}

#suscripcion a.boton{

	background: #fff;

	font-weight: bold;

	color: #999;

	border: 1px solid #999;

}

#suscripcion a.boton:hover{

	color: #EC008C;

}

#suscripcion a.boton span{

	background: url(../img/bullet_gris.gif) right no-repeat;

	padding-right: 8px;

	line-height: 18px;

}

#suscripcion big{

	font-size: 1.2em;

	color: #00a4e4;

	font-weight: bold;

	margin-bottom: 8px;

	display: block;

}

#suscripcion big strong{

	color: #fff;

}

#paso1 .boton{

	float: right;

}

#paso1 input{

	float: left;

}

#preloader{

	text-align: center;

}

#preloader img{

	border: none !important;

}

.alerta{

	font-size: 1.1em;

	color: #fff;

	font-weight: bold;

	line-height: 20px;

}



#paso2 .boton{

	float: none;

	margin-left: 176px;

}

#paso2 .obligatorio{

	font-size: 1.1em;

	color: #038bb8;

}



#paso3{

	font-size: 1.1em;

	text-decoration: underline;

	font-weight: bold;

	color: #fff;

	text-align: center;

}



#columna_derecha .modulo{

	margin: 14px;

	padding-bottom: 25px;

	position: relative;

}

#columna_derecha .modulo p{

	font-size: 1.1em;

}

#columna_derecha .modulo span {

	color: #EC008C;

}

#columna_derecha h2{

	font-size: 1.8em;

	border-bottom: 2px solid #00a4e4;

	background: none;

}

.una_columna #columna_derecha h2{

	font-size: 1.6em;

	border: none;

	background: none;

	padding-top: 10px;

}

#columna_derecha .estrella{

	background: url(../img/ico_estrella.png) no-repeat;

	width: 36px;

	height: 38px;

	display: block;

	position: absolute;

    left: 74px;

	top: -3px;

}

#columna_derecha .estrella2{

	background: url(../img/ico_estrella.png) no-repeat;

	width: 36px;

	height: 38px;

	display: block;

	position: absolute;

    left: 128px;

	top: -3px;

}

.banner img{

	border: 1px solid #6ec9f8;

	margin-bottom: 10px;

	margin-top: 5px;

}

#player{

	margin: 10px 0;

}

#playlist_youtube{

	z-index: 2;

	padding-bottom: 10px;

}

/*********************************/

/* FORMULARIO INSCRIPCION ********/

#MultiBoxContentContainer {

	background: #15a4e0 url(../img/sorteo_roxy.jpg) no-repeat;

}

#MultiBoxContent {

	background: #15a4e0;

}

#formulario_inscripcion {

	background: #15a4e0 url(../img/sorteo_roxy.jpg) no-repeat;

	padding: 300px 0 0 90px;

	height: 460px;

}

#formulario_de_inscripcion label {

	color:  #fff;

}

#formulario_de_inscripcion .boton {

	margin:5px 0 0 5px;

}

.bloque.botones {

	margin: 0 0 0 65px;

}

#respuesta {

	width: 300px;

	font-size: 1.2em;

	color: #fff;

	margin-left: 10px;

}

/*********************************/

/* FORMULARIOS *******************/

.bloque{

	margin-bottom: 2px;

}

.text{

	background: #fff;

	font-size: 1.1em;

	color: #999;

	display: inline-block;

	width: 233px;

	border: 1px solid #ccc;

	padding: 0 4px;

	padding-top: 2px;

	height: 16px;

}

.textarea{

	background: #fff;

	font-size: 1.1em;

	font-family: Arial, Helvetica, sans-serif;

	color: #999;

	display: inline-block;

	width: 233px;

	border: 1px solid #ccc;

	padding: 0 4px;

	padding-top: 2px;

}



a.boton{

	font-size: 1.1em;

	font-weight: bold;

	background: #19b4f0;

	border: none;

	color: #fff;

	float: left;

	line-height: 18px;

	padding-left: 12px;

	padding-right: 6px;

	display: inline-block;

	text-decoration: none;

}

a.boton:hover{

	background: #ea007a;

}

a.boton input{

	position: absolute;

	left: -10px;

	top: -10px;

	width: 0;

	height: 0;

	overflow: hidden;

	border: 0;

	background: none;

}

a.boton span{

	padding-right: 8px;

	display: block;

	line-height: 24px;

	background: url(../img/bullet_enviar_contacto.gif) right no-repeat;

}



label{

	display: inline-block;

	width: 67px;

	font-weight: bold;

	font-size: 1.1em;

	color: #038bb8;

}



#formulario_de_contacto{

	margin-top: 20px;

}

#contacto .bloque{

	margin-bottom: 15px;

}

#contacto .bloque .columna{

	float: left;

	width: 367px;

}

#contacto label{

	color: #333;

	float: left;

	width: 90px;

	line-height: 20px;

}

#contacto .textarea{

	width: 600px;

	height: 168px;

}

#contacto .text, #contacto .textarea{

	border: 1px solid #9ef;

	float: left;

}

#contacto .text.activo, #contacto .textarea.activo{

	border: 1px solid #0cf;

}

#contacto a.boton{

	margin-right: 3px;

	float: left;

}

#contacto a.boton.borrar span{

	background: url(../img/bullet_borrar_contacto.gif) right no-repeat;

}



#contacto .alerta{

	color: #0cf;

	padding-bottom: 10px;

}

/*********************************/



/* HOME **************************/

#contenedor_carrusel{

	border: 1px solid #dbdbdb;

	position: relative;

	margin-bottom: 8px;

}

#avanzar,#retroceder{

	position: absolute;

	width: 28px;

	height: 28px;

	right: 11px;

	top: 120px;

	z-index: 1;

	cursor: pointer;

	background: url(../img/btn_avanzar.png) no-repeat;

}

#avanzar.over{

	background: url(../img/btn_avanzar_over.png) no-repeat;

}

#retroceder{

	left: 11px;

	background: url(../img/btn_retroceder.png) no-repeat;

}

#retroceder.over{

	background: url(../img/btn_retroceder_over.png) no-repeat;

}



#promociones{

	margin-bottom: 20px;

}

#promociones .promocion{

	border: 1px solid #dbdbdb;

	width: 283px;

	overflow: hidden;

	height: 251px;

	float: left;

}

#promociones .promocion.derecha{

	float: right;

}



#noticias{

	margin-bottom: 25px;

}

#noticias .noticia{

	margin-bottom: 10px;

	padding: 9px 7px;

	background: #ffeaf5;

}

#noticias .noticia.par{

	background: #fff;

}

#noticias .noticia .imagen{

	float: left;

	width: 142px;

}

#noticias .noticia .imagen img{

	border: 1px solid #dbdbdb;

}

#noticias .noticia .texto{

	float: right;

	width: 425px;

}

#noticias h3 a{

	color: #333;

}

#noticias h3 a:hover{

	text-decoration: underline;

}

#noticias .noticia .texto p{

	font-size: 1.1em;

}



#blog .entrada{

	margin-bottom: 20px;

}

#blog .entrada p{

	font-size: 1.1em;

}

#blog .entrada .imagen{

	float: left;

	width: 142px;

}

#blog .entrada img{

	max-width: 578px;

}

#blog .entrada .imagen img{

	border: 1px solid #dbdbdb;

}

#blog .entrada .texto{

	float: right;

	width: 425px;

}

#blog .entrada .resumen{

	margin: 0;

}

#blog .entrada .comentarios{

	margin: 10px 0;

}

/*********************************/



/* PAGINAS INTERNAS **************/

#ruta{

	line-height: 50px;

	color: #666;

	font-size: 1.1em;

}



.una_columna #columna_derecha #texto img{

	border: 1px solid #dbdbdb;

}



#menu{

	margin-top: 200px;

}

#menu h4{

	border: none;

	color: #19b4f0;

	margin: 0;

	padding: 0;

}

#menu li{

	background: url(../img/bullet_menu.gif) 0 5px no-repeat;

	padding-left: 10px;

	font-size: 1.1em;

}

#menu li a{

	color: #333;

	text-decoration: none;

}

#menu li a:hover, #menu li.seleccionado a{

	color: #ec008c;

	text-decoration: underline;

}



#preguntas_frecuentes dt{

	font-size: 1.1em;

	color: #0e7da8;

	background: #e8f7fd url(../img/bullet_azul.gif) 6px 16px no-repeat;

	padding: 10px 15px;

	cursor: pointer;

	display: block;

}

#preguntas_frecuentes dt.par{

	background: #fff url(../img/bullet_azul.gif) 6px 16px no-repeat;

}

#preguntas_frecuentes dt strong{

	display: block;

	background: url(../img/bullet_cerrado.gif) right no-repeat;

}

#preguntas_frecuentes dt.abierto strong{

	background: url(../img/bullet_abierto.gif) right no-repeat;

}

#preguntas_frecuentes dd{

	background: #e8f7fd;

}

#preguntas_frecuentes dd.par{

	background: #fff;

}

#preguntas_frecuentes dd .texto{

	padding: 0 30px 10px 15px;

}

#tiendas .columna {

	width: 288px;

	padding-right: 58px;

	padding-bottom: 20px;

	float: left;

}

#wallpapers .columna{

	width: 383px;

	padding-right: 4px;

	padding-bottom: 20px;

	float: left;

}

#tiendas .imagen{

	padding: 10px;

	border: 1px solid #19b4f0;

}

#wallpapers .imagen{

	padding: 10px;

}

#tiendas .imagen img, #wallpapers .imagen img {

	display: block;

	overflow: hidden;

}

#tiendas .texto, #wallpapers .texto{

	padding: 10px;

}

#tiendas h2, #wallpapers h2{

	color: #ea007a;

	font-size: 1.2em;

	border: 0;

	line-height: 14px;

	margin: 0;

}

#tiendas address, #wallpapers address{

	font-size: 1.1em;

	display: block;

	margin-bottom: 10px;

}

#tiendas .texto p, #wallpapers .texto p{

	margin: 0;

}

#wallpapers .texto p{

	color: #ea007a;

}

#tiendas label, #wallpapers label{

	color: #333;

	width: 50px;

	font-size: 1em;

}

#wallpapers .texto a, #wallpapers .texto a:hover{

	color:#00A4E4;

	text-decoration:none;

}

#wallpapers .texto a:hover{

	text-decoration:underline;

}

#coleccion .modulo{

	float: left;

	width: 254px;

	margin: 0;

	margin-right: 6px;

}

#coleccion .modulo.ultimo{

	margin: 0;

}

#coleccion .modulo img{

	width: 252px;

	height: 292px;

	overflow: hidden;

	border: 1px solid #ccc;

}

#coleccion .modulo p{

	margin: 0;

}

#musica #titulo{

	position: relative;

}

#musica h1{

	border-bottom: 2px solid #00a4e4;

	background: none;

	color: #00a4e4;

	margin: 0;

}

#musica #destacado{

	background: #E2F3FC url(../img/bg_destacado_musica.gif) bottom no-repeat;

	padding: 27px 12px;

	min-height: 193px;

	height: auto !important;

	height: 193px;

	margin-bottom: 15px;

}

#musica #player{

	margin: 0;

	float: right;

	width: 350px;

	background: url(../img/linea_punteada_vertical.gif) left repeat-y;

	padding-left: 16px;

	padding-bottom: 5px;

}

#musica #descripcion{

	float: left;

	width: 380px;

	background: url(../img/img_adorno_destacado_musica.gif) bottom right no-repeat;

	min-height: 36px;

	height: auto !important;

	height: 36px;

}

#musica #descripcion em{

	font-style:normal;

	color: #ea007a;

	font-weight: bold;

}

#musica #recomendados{

	border: 1px solid #caebfb;

	padding: 10px;

	padding-top: 34px;

}

#musica h2{

	border: 1px solid #caebfb;

	border-bottom: 1px solid #fff;

	font-size: 1.2em;

	color: #ea007a;

	line-height: 25px;

	padding: 0 10px;

	float: left;

	margin: 0;

	position: relative;

	top: 1px;

}

#musica h2 span{

	background: url(../img/ico_estrella_amarilla.gif) right no-repeat;

	padding-right: 28px;

	margin-right: 5px;

	display: inline-block;

	line-height: 24px;

}

#musica .artista{

	background: #ffeaf5;

	padding: 10px;

}

#musica .artista.par{

	background: #fff;

}

#musica .artista .imagen{

	float: left;

	width: 215px;

}

#musica .artista img{

	border: 1px solid #ea007a;

}

#musica .artista .texto{

	width: 506px;

	float: right;

}

#musica .artista h3{

	font-size: 1.4em;

	margin: 0;

}

#musica .artista p{

	line-height: 13px;

	margin: 0;

}

/*********************************/



/* BLOG **************************/

#entradas .entrada{

	background: url(../img/linea_punteada_horizontal.gif) bottom repeat-x;

	padding-bottom: 10px;

	margin-bottom: 40px;

}

#entradas h1{

	font-size: 1.8em;

	text-transform: none;

	background: none;

}

#entradas h1 a{

	text-decoration: none;

}

#entradas h1 a:hover{

	text-decoration: underline;

}

#entradas p{

	font-size: 1.1em;

	line-height: 18px;

	margin-bottom: 10px;

}

#entradas .meta{

	margin-top: 20px;

}

#entradas .meta a{

	color: #03b4ea;

}

#entradas .comentarios{

	float: left;

	margin: 0 !important;

	margin-right: 20px !important;

}

#entradas .titulo_categorias{

	float: left;

	margin-right: 5px;

}

#entradas .categorias{

	float: left;

	width: 200px;

}

#entradas .categorias.full{

	float: none;

	width: auto;

}

#entradas .ver_mas{

	float: right;

}



#comentarios{

	background: url(../img/linea_punteada_horizontal.gif) bottom repeat-x;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

#comentarios h2.comentarios{

	float: none;

}

#comentarios .comentario{

	background: #fff4fa;

	padding: 10px;

	padding-bottom: 20px;

}

#comentarios .comentario.par{

	background: none;

}

#comentarios .nombre{

	font-size: 1.2em;

	color: #ea007a;

	font-weight: bold;

	margin-bottom: 0;

}

#comentarios .fecha{

	margin-bottom: 10px !important;

}



#comentar h2{

	background: url(../img/ico_comentar.gif) left no-repeat;

	padding-left: 20px;

}

#comentar .bloque{

	margin-bottom: 15px;

}

#comentar label{

	color: #333;

	float: left;

	width: 75px;

	line-height: 20px;

}

#comentar .textarea{

	width: 493px;

	height: 168px;

}

#comentar .text, #comentar .textarea{

	border: 1px solid #9ef;

	float: left;

}

#comentar .text.activo, #comentar .textarea.activo{

	border: 1px solid #0cf;

}



#comentar .alerta{

	color: #0cf;

	padding-bottom: 10px;

}

/*********************************/



/* PAGINADOR *********************/

#paginador a.boton.anterior{

	float: left;

	padding-left: 6px;

	padding-right: 12px;

}

#paginador a.boton.anterior span{

	background: url(../img/bullet_anterior.gif) left no-repeat;

	padding-left: 8px;

	padding-right: 0;

}

#paginador a.boton.siguiente{

	float: right;

}

/*********************************/



/* PIE ***************************/

#pie{

	min-height:168px;

	height:auto !important;

	height:168px;

	background: url(../img/bg_pie.gif) bottom no-repeat #EBF6FA;

	padding-left:24px;

	padding-right:24px;

	margin-top: 23px;

}

#pie .modulo{

	width:209px;

	min-height:115px;

	height:auto !important;

	height:115px;

	float:left;

	margin-right:28px;

}

#pie .ultimo{

	margin-right:0px;

}

#pie .modulo ul{

	margin-left: 7px;

	font-size: 1.1em;

}

#pie .modulo a{

	color: #666;

}

#pie .modulo a:hover{

	color: #00a4e4;

}

#pie #iconos_sociales{

	background: url(../img/linea_punteada_horizontal.gif) bottom repeat-x;

	padding-bottom: 7px;

	margin-bottom: 12px;

}

#pie #creditos, #pie #creditos a{

	color: #00a4e4;

	font-size: 1.1em;

}

/*********************************/