/* ESTILOS TU VIDA ES HOY */

body, *{  margin:0px; padding:0px; border:0px;}

a img{ border:0px;}
a{
	outline:0;
}

.noborder{border:0px!important;}

/*----------estructura principal-------------*/
body {
	font: 62% Arial, Helvetica, Arial, sans-serif;
}

body h1 {
	font-size:1.5em;
	display:block;
	height:66px;
	width:264px;
	position:relative;
}

#contenedora {
	width:930px;
	overflow:hidden;
	margin:0px auto 0px auto;
	padding:20px 0 0 0;
	*padding:40px 0 0 0;
}

#left_block{
	width:608px;
	float:left;
}

#right_block{
	width:315px;
	float:right;
	text-align:left;
	margin:3px 0 0 0;
	padding-bottom:20px;
}
.left{ float:left;}
.right{ float:right;}
.margtop{ margin-top:3px;}

/*----------fin estructura principal-------------*/

/*----------BARRA SUPERIOR LOGIN-------------*/

#barra_superior{
	position:absolute;
	right:0px;
	top:16px;
	text-align:right;
	width:595px;
}

#fnd_login{
	position:absolute;
	top:0px;
	width:595px;
	height:35px;
	overflow:hidden;
	background-image:url(/media/img/common/fnd_login.png);
	background-repeat: no-repeat;
	background-position:left top;
}

#login h2{
	float:left;
	height:28px;
}

#login form#IdtodayLogin{
	height:28px;
	float:left;
}

#login label {
	float:left;
	height:28px;
}

#ok_login{
	outline:none;
}

#login label img {
	float:left;
}


div#btn_hazteVip a{
	position:absolute;
	top:28px;
	right:0px;
	overflow:hidden;
	width:129px;
	cursor:pointer!important;
	padding:26px 0 0;
	height:0 !important;
	display:block;
}

div#btn_hazteVip a {
/*	background-image: url(/media/img/botones/btn_haztevip_off.png) !important;
	background-image: none;*/
}
div#btn_hazteVip a:hover{
/*	background-image: url(/media/img/botones/btn_haztevip_on.png) !important;
	background-image: none;*/
}

div#btn_actualizaVip a{
/*	position:absolute;
	top:28px;
	right:0px;
	overflow:hidden;
	width:184px;
	cursor:pointer!important;
	padding:26px 0 0;
	height:0 !important;
	display:block;*/
}

div#btn_actualizaVip a {
	/*background-image: url(/media/img/botones/btn_actualizavip_off.png) !important;
	background-image: none;*/
}
div#btn_actualizaVip a:hover{
	/*background-image: url(/media/img/botones/btn_actualizavip_on.png) !important;
	background-image: none;*/
}

div#tuopinion{
	margin-top:5px;
	left:18px;
	position:relative;
	width:277px;
}
div#tuopinion a{
	width:221px;
	height:26px;
	display:block;
	cursor:pointer !important;
	height:0 !important;
	overflow:hidden;
	padding:26px 0 0;
}
div#tuopinion a {
/*	background-image: url(/media/img/botones/btn_qopinas_off.png) !important;
	background-image: none;*/
}
div#tuopinion a:hover{
/*	background-image: url(/media/img/botones/btn_qopinas_on.png) !important;
	background-image: none;*/
}

/** MENU RICARDO **/

.contenido-bloque-izq {
	-webkit-box-shadow: 2px 2px 5px #CCC;
	-moz-box-shadow: 2px 2px 5px #CCC;
	box-shadow: 2px 2px 5px #CCC;
	-o-box-shadow: 2px 2px 5px #CCC;
	background-color: #FFF;
	padding: 22px 0 0 0;
	position:relative;
	overflow:hidden;
}

div#tuopinion2 {
	margin-top:5px;
	left:18px;
	position:relative;
	width:277px;
}
div#tuopinion2 a{
	width:273px;
	height:26px;
	border: 1px solid #71B0E6;
	display:block;
	cursor:pointer !important;
	height:0 !important;
	overflow:hidden;
	padding:28px 0 0;
}

div#tuopinion2 a{
	background-image: url(/media/img/botones/btn_qopinas_off.png) !important;
	background-position: 1px 3px;
	background-image: none;
	-webkit-box-shadow: 2px 2px 5px #CCC;
	-moz-box-shadow: 2px 2px 5px #CCC;
	-o-box-shadow: 2px 2px 5px #CCC;
}
div#tuopinion2 a:hover {
	background-position:1px -20px;
}

div#fb-fanbox {
	width: 273px;
	height: 483px;
	*height: 488px;
	padding: 0;
	margin: 10px 0 0 0;
	border: 1px solid #71B0E6;
	overflow: hidden;
	background-color: white;
	position: relative;
	left: 18px;
	-webkit-box-shadow: 2px 2px 5px #CCC;
	-moz-box-shadow: 2px 2px 5px #CCC;
	-o-box-shadow: 2px 2px 5px #CCC;
}

div#fb-fanbox iframe {
	margin: -1px 0 0 -1px;
	height: 500px;
	width: 275px;
}

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

#IDpassword, #IDlogin{
	width:93px;
	background:#FFF;
	float:left;
	font-size:1.1em;
	position:relative;
	top:6px;
	height:14px;
	padding:0px 1px 0px 1px;
	border:1px solid #fff;
	color: #429fe4 !important;
}
/*----------FIN BARRA SUPERIOR LOGIN-------------*/

/* EXTRAS */

.rss_icon{
	position:absolute;
	z-index:100;
	right:15px;
	top:9px;
}
.rss_icon p{
	color:#429FE5;
	background:#fff;
	position:relative;
	top:3px;
	right:10px;
	font: 1em Verdana, serif;
}
.rss_icon p strong {
	font-weight:bold;
}

.rss_icon a{color:#96C110; text-decoration:none;}
.rss_icon a:hover{ color:#96C110; text-decoration:underline;}
.rss_icon_detalle {
	position:absolute;
	z-index:9;
	right:15px;
	top:9px;
	height:27px;
	display:block;
	line-height:27px;
	text-align:right;
}
.new_icon{
	position:absolute;
	width:55px;
	height:55px;
	top:50px;
	left:8px;
	float:left;
}
.new_icon_archive{
	position:absolute;
	width:55px;
	height:55px;
	top:40px;
	left:-20px;
}

.errorLogin, .problemas{
/*	color:#FF0097;
	text-align:left;
	width:435px;
	height:23px;
	position:absolute;
	left:0px;
	top:28px;*/
}
#fndProblemas, #fndErrorLogin{
	background-image: url(/media/img/common/errorlogin.png) !important;
	background-image: none;
	width:435px;
	height:23px;
}

.errorLogin p, .problemas p {
   font-weight:normal;
}

.problemas p {
   color:#419de6;
}
.problemas p a {
  color:#419de6;
}

#avisoLogMail, #avisoLogMail2 {
	background-color:#AFD118;
	color:#FFFFFF;
	display:none;
	font-family:verdana;
	font-size:10px;
	height:37px;
	left:175px;
	*left:-80px;
	padding:6px 10px;
	position:relative;
	text-align:left;
	top:-22px;
	width:319px;
	z-index:101!important;
}
#avisoLogMail2 {
	left:80px;
	top:-9px;
	*top: -20px;
}
#avisoLogMail img, #avisoLogMail2 img {
	left:10px;
	position:absolute;
	top:-15px;
}

/* FIN EXTRAS */


/*----------fondo blanco transparente-------------*/

.midcontent{
	width:611px;
	background-image: url(/media/img/common/mid.png);
	position:relative;
	overflow:hidden;
	font-size:12px;
}

.midcontent-new {
	width:611px;
	-webkit-box-shadow: 2px 2px 5px #CCC;
	-moz-box-shadow: 2px 2px 5px #CCC;
	box-shadow: 2px 2px 5px #CCC;
	-o-box-shadow: 2px 2px 5px #CCC;
	background-color: #FFF;
	padding: 22px 0 0 0;
	position:relative;
	overflow:hidden;
}

.topcontent{
	width:611px;
	height:15px;
	background-image: url(/media/img/common/top.png);
	background-repeat: repeat-y;
	position:relative;
}

.bottomcontent{
	width:611px;
	height:10px;
	background-image: url(/media/img/common/bottom.png);
	background-repeat: repeat-y;
	margin-bottom:10px;
}

/*----------fin fondo blanco transparente-------------*/

/*------------------- INICIO NAVEGACION ----------------------------------*/

.top_menu{
 	height:5px;
	width:280px;
	background-image: url(/media/img/common/fnd_top_menu.png);
	background-repeat: no-repeat;
	clear:both;
}


.mid_menu {
	background-image : url(/media/img/common/fnd_mid_menu.png);
	background-repeat: repeat-y;
	background-position:left;
	overflow:hidden;
	width:280px;
	padding-bottom:10px;
	font-size:12px;
}

.bottom_menu{
	height:11px;
	width:280px;
	background-image: url(/media/img/common/fnd_bottom_menu.png);
	background-repeat: no-repeat;
	clear:both;
}

div#navigation {
	width:277px;
	position:relative;
	left:18px;
}

ul#linksMenu{
	height:21px;
	overflow:hidden;
	width:277px;
	left:18px;
	position:relative;
}
li.btn_showMenu, li.btn_showCalendar { margin:0 2px 0 0;}

ul#linksMenu li{
	display:block;
	float:left;
	height:26px;

	height:21px;
	color:#FFF;
	text-transform:uppercase;
/*	background:#009EE5;*/
	display:block;
	text-decoration:none;
	margin:0;
/*	padding:3px 7px;*/
	font-size:13px;
	font-weight:bold;
	cursor:default;
	background-color:#42A1E5;
	padding-right: 35px;
	padding-left: 5px;
	line-height:22px;

	background:url(/media/img/botones/btn_showMenu.gif) #429FE4;
	width:72px;
	padding: 21px 0 0 0;
	background-position: -20px 0;

}


.btn_nav{
	position:relative;
	top:4px;
	left:105px;
}

img#imgMenu {
	position: absolute;
}

div#navigation ul {
	width: 277px;
	padding     :0px 0px 0px 0px;
	margin      :0px;
	text-align  : left;
	position    : relative;
}

div#navigation ul li  {
	background:url(/media/img/common/fnd_dotsmenu.gif) no-repeat left bottom;
	margin-left:25px;
	padding: 3px 0;
	display:block;
	position:relative;
	width:225px;
}
div#navigation ul li.selected a {
	color:#96BF0B!important;
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, sans-serif;
	font-size:12px;
}
div#navigation ul .ico_menunuevo{
	top: auto !important;
	left: -22px !important;
}
div#navigation ul li a {
	color:#429fe4;
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, sans-serif;
	font-size:12px;
}

div#navigation ul li a:hover {
	color: #96bf0b !important;
}

.ico_menunuevo {
	position:absolute;
	left:-23px;
	top:2px;
}
.menu_nuevo a{
	color:#FF0198!important;
}

/*------------------- FIN NAVEGACION ----------------------------------*/

/* INICIO BANNERS */

ul#banners{
	margin:10px 0 0 0;
/*	text-align:center;*/
}

ul#banners li{
	margin:5px 0 0 0;
}

#banner_besos a img{
	width: 315px;
	height: 144px;
}

#banner_promopin a img{width:283px; height:186px;}

/* FIN BANNERS */

/* --------------------------------------------- ELEMENTOS VARIOS ------------------------------------------------*/

select{
	border:1px solid #7E9DB9;
	font-family:Verdana, sans-serif;
	color:#429FE4;
	font-size:1.1em;
	font-weight:bold;
}

#paginacion_archivo{
	width:556px;
	height:21px;
	margin:15px auto 20px auto;
	background:#00A2E7;
}

/* --------------------------------------------- FIN ELEMENTOS VARIOS ------------------------------------------------*/


/* --------------------------------------------- 	pie del site ------------------------------------------------*/
#footer {
	font-family: Verdana, sans-serif;
	height: 33px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	clear: both;
	right: 0px;
	padding: 0 0 10px 0;
	font-size:12px;
}

#footer div {
	background-image: url(/media/img/common/fnd_footer.png);
	background-repeat: no-repeat;
	width:570px;
	height:33px;
}

#footer p {
	line-height:33px;
	text-align:right;
	font-size:12px;/*1.1em;*/
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a.opinion{
	position:relative;
	left:0px;
	float:left;
}

#footer a.contacta{
	position:relative;
	left:10px;
/*	top:-3px;*/
	float:left;
}

#footer a.ayuda{
	position:relative;
	left:30px;
	float:left;
/*	top:-3px;*/

}

#footer a.avisolegal{
	position:relative;
	right:20px;
	top:-3px;
}
/* --------------------------------------------- 	pie del site ------------------------------------------------*/


.borderRed {
	border: 1px solid #fe0096 !important;
}

#stiker, #stikerComment {
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		215px;
	height:		155px;
	font-size:  1.2em;
	padding-top:60px;
	z-index: 101;
	display:none;
}

#stickerfondo{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		215px;
	height:		215px;
	background-image: url(/media/img/common/stiker.png) !important;
	background-image: none;
}

#stiker p, #stikerComment p {
	margin:0px 30px 20px 30px;
	color:#fffdff;
	text-align:center;
	font-family:Verdana,sans-serif;
	position:relative;
}
#stiker p a, #stikerComment p a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#logout {
/*	background: #429fe4 url(/media/img/textos/txt_buenos.gif) left no-repeat;
	width: 487px;
	height: 28px;
	position: absolute;
	top:16px;
	right:0;
	display:none;*/
}
#logout span {
/*	position:absolute;
	color:#f8ffff;
	padding-top:6px;
	font-size:1.2em;
	font-weight:bold;
	left:100px;
	text-transform:uppercase;
	font-family:Arial,sans-serif;*/
}
object {
	outline:none;
}

.ico{ vertical-align:text-bottom; position:relative; top:3px;}
/* check SMS */
li#check-sms{
	margin-top:5px;
	left:18px;
	position:relative;
	width:259px;
}
li#check-sms a{
	width:259px;
	height:26px;
	display:block;
	cursor:pointer !important;
	height:0 !important;
	overflow:hidden;
	padding:26px 0 0;
}
li#check-sms a {
	background-image: url(/media/img/botones/btn_smsOn.png) !important;
	background-image: none;
}
li#check-sms a:hover{
	background-image: url(/media/img/botones/btn_smsOff.png) !important;
	background-image: none;
}
div#sms-not-loggedin, div#sms-not-sms{
	display:none;
	width:333px;
	height:287px;
	background: url(/media/img/common/recuadro.gif) no-repeat top left;
}

div#sms-not-loggedin h5, div#sms-not-sms h5{
	margin:64px 0 0 45px;
}
div#sms-not-loggedin p, div#sms-not-sms p{
	color:#429FE4;
	font-size:11px;
	width:190px;
	margin:10px 0 0 45px;

}
div#sms-not-loggedin em, div#sms-not-logedin em{
	font-weight:bold;
}
div#sms-not-loggedin a.form_cerrar,
div#sms-not-sms a.form_cerrar{
	position:absolute;
	right:22px;
	overflow:hidden;
	display:block;
	background: url(/media/img/botones/btn_okSMS.gif) no-repeat top left;
	width:109px;
	height:0 !important;
	padding:24px 0 0;

}
div#sms-not-loggedin a.form_cerrar{
	bottom:30px;
}
div#sms-not-sms a.form_cerrar{
	bottom:50px;
}
div#sms-not-loggedin a.form_cerrar:hover,
div#sms-not-sms a.form_cerrar:hover{
	display:block;
	background-position:0 -24px;


}
div#sms-not-sms p.footer-note{
	position:absolute;
	bottom:10px;
	width:290px;
	font-size:10px;
	margin-left:10px;


}
div#sms-not-sms p.footer-note a{
	color:#429FE4;
	font-weight:bold;
}
div#sms-not-sms p.footer-note a:hover{
	color:#96BF0B;
}
#sms-loading{
	position:absolute;
	display:none;
	z-index:101;
}
#IDtodayLogin {
	background:#43a2e5;
}


.formFloat {
	background:#43a2e5;
}

	.formFloat .problemas {
		top:auto!important;
		bottom:-2px;
	}

	.formFloat fieldset, .formFloat label {
		clear:both;
		margin-left: 84px;
	}
	.formFloat label {
		width:90px;
	}
	.formFloat #lbl_ok {
		margin-left:192px;
	}
	.formFloat div.txt_recordarPass  {
		right:123px;
		top:-56px;
	}
	.formFloat #btn_hazteVip {
		position:relative;
		top:-29px
	}
	.formFloat .errorLogin {
		bottom:-2px;
		top:auto !important;
	}

#barra_superior.formFloat {
	height:160px !important;
}

/*
.formFloat #fnd_login {
	background:none;
}
#barra_superior.formFloat {
	height:49px;
}
*/
#opcionesOpinion{
	width:430px;
	height:180px;
	background:#fff;
}
.cierreOpinion{
	height:13px;
	left:410px!important;
	position:relative;
	top:5px!important;
	width:13px;
}
#opcionesOpinion h2{
	margin:0 auto;
	width:366px;
	padding-top:15px;
}
#opcionesOpinion ul{
	margin:0 auto;
	width:366px;
	padding-top:15px;
}
#opcionesOpinion li{
	padding-bottom:15px;
}

.crosa {
	color:#F09;
}

.midcontent .login_form label {
	color:#419EE4;
	float:left;
	clear:left;
	width:120px;
	text-align:right;
	padding-right:5px;
}
.midcontent .login_form input.text {
	border:solid 1px #419EE4;
	float:left;
}

.midcontent #ok_login {
	color:#FFF;
	background:#419EE4;
	margin-left:5px;
	margin-top:0;
}

.title_zonavip {
	margin-left:20px;
}


/* opinion layer */
#opcionesOpinion {
	width: 430px;
	height: 180px;
	background: white;
	display: none;
}
#opcionesOpinion h2 {
	background: transparent url("/media/img/cabeceras/h2_quequiereshacer.gif") no-repeat 0 0;
	height: 34px;
	width: 366px;
	margin: 0 auto;
}
#opcionesOpinion ul {
	width: 366px;
	margin: 0 auto;
}
#opcionesOpinion li {
	padding-bottom: 15px;
	list-style-type: none;
}
#opcionesOpinion .btn-opcionOpinion, #opcionesOpinion .btn-opcionProblema {
	width: 299px;
	height: 0px;
	background-position: 0 0;
	padding-top: 21px;
	overflow:hidden;
	display:	block;
}
#opcionesOpinion .btn-opcionOpinion:hover, #opcionesOpinion .btn-opcionProblema:hover {
	background-position: 0 -20px;
}
#opcionesOpinion .btn-opcionOpinion {
	background: url(/media/img/botones/btn_opcionOpinion.gif);
}
#opcionesOpinion .btn-opcionProblema {
	background: url(/media/img/botones/btn_opcionProblema.gif) no-repeat;
}
#opcionesOpinion .cierreOpinion {
	height: 13px;
	left: 410px!important;
	position: relative;
	top: 5px!important;
	width: 13px;
}

.txtVip_1 {
	display: none;
	width:430px;
	position:absolute;
	z-index:309;
	background:#FFF;
	top:200px;
	left:50%;
	margin:0 0 0 -215px;
	padding:21px 10px;
	text-align:center;
	font-size:12px;
}
.txtVip_1 h2 {
	border-bottom:dotted 2px #009EE5;
	text-transform:uppercase;
	font-size:16px;
	font-weight:Bold;
	text-align:Center;
	padding:0 0 4px 0;
	margin:0 auto 10px auto;
	width:90%;
}
.txtVip_1 p {
	width:75%;
	margin:0 auto 10px auto	;
}

.txtVip_1 a {
	display:inline;
	margin:0 auto;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#009EE5;
	padding: 4px 0 12px 22px;
	height:20px;
	line-height:20px;
	background:url('/media/img/botones/bg.flecha_azul_boton.png') no-repeat;
	text-align:center;
	margin-bottom:4px;
	width:85%;
}
.txtVip_1 a:hover {
	text-decoration:underline;
}