/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

/* main layout */


div#doc3{
	margin: 0;
	padding: 0;
	min-width: 1100px;
	width: 100%;
}

div#hd{
	width: 1000px;
	margin: 0 auto;
}
div#hd span a.itemActivoRosaAngosto{
	margin-left: -10px;
	margin-right: -8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background-image: url(../images/menu_on_rosa_angosto.gif);
	background-repeat: no-repeat;

	//margin-left: -13px;
	//background-position: 5px;
	//padding-left: 15px;
	//padding-right: 10px;
}
div#hd span a.itemActivoRosaAncho{
	margin-left: -10px;
	margin-right: -8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background-image: url(../images/menu_on_rosa_ancho.gif);
	background-repeat: no-repeat;

	//margin-left: -5px;
	//background-position: 5px;
	//padding-left: 15px;
	//padding-right: 11px;
}
div#hd span a.itemActivoAzulAngosto{
	margin-left: -10px;
	margin-right: -8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background-image: url(../images/menu_on_azul_angosto.gif);
	background-repeat: no-repeat;

	//margin-left: -13px;
	//background-position: 5px;
	//padding-left: 15px;
	//padding-right: 10px;
}

div#hd span a.itemActivoAzulAngosto_fixVideos{
	padding-left: 6px;
	//padding-left: 12px;
}


div#hd span a.itemActivoAzulAncho{
	margin-left: -10px;
	margin-right: -8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background-image: url(../images/menu_on_azul_ancho.gif);
	background-repeat: no-repeat;

	//margin-left: -5px;
	//background-position: 8px;
	//padding-left: 17px;
	//padding-right: 14px;
}
div#hd span a.itemActivoGrisAngosto{
	margin-left: -10px;
	margin-right: -8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background-image: url(../images/menu_on_gris_angosto.gif);
	background-repeat: no-repeat;

	//margin-left: -13px;
	//background-position: 5px;
	//padding-left: 15px;
	//padding-right: 10px;
}
div#hd span a.itemActivoGrisAncho{
	margin-left: -10px;
	margin-right: -8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background-image: url(../images/menu_on_gris_ancho.gif);
	background-repeat: no-repeat;

	//margin-left: -5px;
	//background-position: 8px;
	//padding-left: 17px;
	//padding-right: 14px;
}
div#header_holder{
	width: 100%;
	margin: 0 auto;
	height: 159px;
	background-image: url(../images/header_bg.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	
}
div#bd{
	margin: 0 auto;
	min-height: 537px;
	background-image: url(../images/body.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	overflow: visible;
}
/* IE 6 only */
/*\*/ * html div#bd { height: 537px; } /**/

div#ft{
	width: 1000px;
	margin: 0 auto;
}
div#footer_holder{
	margin: 0 auto;
	height: 179px;
	background-image: url(../images/footer.jpg);
	background-position: center center;
}


#homeNew{

}

/* header */
img#logo{
	position: absolute;
}
span#header{
	position: relative;
	width: 700px;
	left:15px;
	top: 115px;
	
	
	top/*\**/: 123px\9;

}
span#header a{
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
}
span#header a:hover{
	text-decoration: underline;
}
span#user_status{
	display: block;
	width: 700px;
	height: 85px;
	margin-left: 270px;
}
div#user_status_intro{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	width: 350px;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: bold;
}
div#user_status_img{
	/*margin-left: 380px;*/	
	margin-top: -55px;
	width: 283px;
	height: 61px;
	float: right;
	cursor: pointer;
}
div#user_status_img a{
	background-image: url(../images/crea_tu_usuario_ahora.png);
	width: 283px;
	height: 61px;
	display: block;
	cursor: pointer;
}
div#user_status_logged_intro{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-left: 430px;
	width: 140px;
	text-align: right;
}
div#user_status_logged_img{
	width: 115px;
	height: 75px;
	float: right;
	margin-top: -80px;
}
div#user_status_form{
	
	width: 250px;
	height: 33px;
	/*margin-left: 450px;*/
	float: right;
	margin-top: 22px;
	padding-left: 10px;	
	clear: both;
}
*+html div#user_status_form { margin-top: 20px; }

div#user_status_form input {
	width: 74px;
	border: 0;
	position: relative;
	top: 0px;
	//top: -2px;
	left: 10px;
}
/*\*/ * html #goForm {  top: 3px;} /**/
*+html div#user_status_form input { top: 0; }

.txtCommon{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
}
.txtRed{
	color: #CC2C5A;
}
.txtBlue{
	color: #005784;
}
.txtGray{
	color: #808080;
}
.txtLGray{
	color: #D5DEE1;
}
.txtWhite{
	color: #ffffff;
}
.txt10{
	font-size: 10px;
}
.txt11{
	font-size: 11px;
}
.txt12{
	font-size: 12px;
}

table#form_home_invita div.jNiceInputWrapper{
	float: right;
	margin-right: 10px;
}

.header_not_logged_login_table{
}

.header_not_logged_login_row{
	background-image: url(../images/header_not_logged.gif);
	background-repeat: no-repeat;
	width: 1000px;
	height: 35px;
	
}
table tr.header_not_logged_login_row td{
	padding-left: 10px;
}
table tr.header_not_logged_login_row td input {
	width: 84px;
	border: 0;
	position: relative;
	top: 0px;
	
	left: 10px;
	background-color: #FFF2F9;
	font-weight: normal;
	top/*\**/: 5px\9;
}
*+html table tr.header_not_logged_login_row td input { top: 0; }

table tr.header_not_logged_login_row td img {
	display: inline;
	margin-left: 15px;
}
.separador_inputs_login{
	margin-left: 15px;
}
.password_segundo{
	margin-left: 14px;
	border: 1px #000 solid;
	//width: 95px;
}
.boton_img_login{
	width: 30px;
	height: 30px;
}

















/* body */
.home_columna1{
	padding-top: 12px;
}

.home_columna3{
	padding-top: 18px;
}
.titulo_seccion{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	font-weight:bold;
	color: #fff;
	display: block;
	margin-top: 25px;
	margin-left: 30px;
}
.sub_titulo1{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-decoration: none;
	font-weight:bold;
	color: #C6006C;
}
.sub_titulo2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-decoration: none;
	font-weight:bold;
	color: #610FA1;
}
.sub_titulo3{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #ED66A1;
}
.sub_titulo4{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
	color: #CF5184;
}
.sub_titulo5{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;
	color: #610EA0;
}
.sub_titulo6{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight:bold;
	color: #C6006C;
}
.sub_titulo7{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 50px;
	text-decoration: none;
	font-weight:bold;
	color: #C6006C;
}
.sub_titulo8{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 34px;
	text-decoration: none;
	font-weight:bold;
	color: #C6006C;
}
.sub_titulo9{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	color: #610FA1;
}
.sub_titulo10{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70px;
	text-decoration: none;
	font-weight:bold;
	color: #C6006C;
}

.txt1{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #610EA0;
}
.txt2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #C2376C;
}
.txt3{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #610EA0;
}
.txt4{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
.txt3b{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #610EA0;
	font-weight:bold;
}
.txt5{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #C2376C;
}
.txt6{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #610EA0;
}
.txt7{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
.txt8{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight:bold;
	color: #C1366B;
}
.boton{
	background-image: url(../images/fondo_boton.gif);
	background-repeat: no-repeat;
	width: 242px;
	height: 42px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	display: block;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
}
.boton2{
	background-image: url(../images/fondo_boton2.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 38px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	display: block;
	text-align: center;
	padding-top: 7px;
	cursor: pointer;
}
/*\*/ * html .boton2 { height: 28px;} /**/
.boton3{
	background-image: url(../images/fondo_boton3.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 42px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	display: block;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
}
.cursor{
	cursor:pointer;
}


/*perfil*/
#fotos{
	background-color: #fff;
	padding: 10px;
	height: 60px;
	margin-bottom: 10px;
}
.item_foto{
	float: left;
	margin-left: 10px;
	cursor: pointer;
}
.borrar_item{
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background-image: url(../images/borrar.gif);
}
.cajita_top{
	padding-top:60px; 
	padding-left:23px; 
	width: 277px; 
	height: 27px; 
	background-image: url(../images/cajita_right_r1_c1.png); 
	text-align: left;
}
/* footer */
span#footer{
	position: relative;
	width: 700px;
	left: 15px;
	top: 55px;
}
span#footer a{
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
}
span#footer a:hover{
	text-decoration: underline;
}
#legal{
	display: block;
	font-size: 12px;
	margin-top: 15px;
	width: 700px;
}
#copyright{
	display: block;
	font-size: 12px;
	margin-top: 15px;
	color: #00364D;
	margin-left: 5px;
	width: 700px;
}
#legal:not(:root:root) { margin-top: 70px; margin-left: 15px;}
#copyright:not(:root:root) { margin-left: 15px;}




/*modal*/
#modal{
	position: absolute;
	left: 40%;
	top: 40%;
	width: 380px;
	z-index: 999999999;
	display: none;
}
div#modal div#modal_top{
	background-image: url(../images/modal_top.png);
	background-repeat: no-repeat;
	width: 380px;
	height: 38px;
	display: block;
	text-align: left;
	padding-top: 32px;
	padding-left: 30px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #fff;
}
/*\*/ * html div#modal div#modal_top { width: 350px; height: 37px; padding-top: 38px;} /**/


span#cerrar_modal{
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	padding-right: 25px;
	cursor:pointer;
}

/*\*/ * html span#cerrar_modal { position: relative; margin-bottom: -50px;} /**/

span#cerrar_modal a{
	width: 38px;
	height: 30px;
	display: block;
	
}

span#cerrar_modal a img{
	width: 38px;
	height: 30px;
	display: block;
}

div#modal div#modal_top span#titulo_modal{
	position: relative;
	top: 12px;
}

div#modal div#modal_middle{
	background-image: url(../images/modal_middle.png);
	background-repeat: repeat-y;
	width: 340px;
	display: block;
	padding: 10px;
	line-height: 30px;
	text-align: center;
}
/*\*/ * html div#modal div#modal_middle { width: 355px; padding-right: 15px;} /**/

div#modal div#modal_bottom{
	background-image: url(../images/modal_bottom.png);
	background-repeat: no-repeat;
	width: 380px;
	height: 38px;
	display: block;
}

select{
	border: 2px #C397D2 solid;
}
div#hd span a.itemActivoAzulAncho2{
 margin-left: -10px;
 margin-right: -8px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #fff;
 background-image: url(../images/menu_on_azul_ancho2.gif);
 background-repeat: no-repeat;

 //margin-left: -5px;
 //background-position: 8px;
 //padding-left: 17px;
 //padding-right: 14px;
}
div#hd span a.itemActivoRosaAncho2{
 margin-left: -10px;
 margin-right: -8px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #fff;
 background-image: url(../images/menu_on_rosa_ancho2.gif);
 background-repeat: no-repeat;

 //margin-left: -5px;
 //background-position: 5px;
 //padding-left: 15px;
 //padding-right: 11px;
}





/* el más popular */
#imagen_fondo_popular{
	position: relative; 
	z-index: 200;
}
#pop_avatar{
	position: relative; 
	top: -188px; 
	left: -50px; 
	z-index: 100; 
	margin-bottom: -135px;
	//top: -150px;
}
#pop_data{
	position: relative; 
	top: -120px; 
	left: 172px; 
	z-index: 300; 
	text-align:left; 
	width: 100px; 
	//top: -145px;
}

*+html #imagen_fondo_popular { 
	position: relative;
	
	margin: 0;
	padding: 0;
	margin-top: 10px; 
	margin-left: 0;
	
}

*+html #pop_avatar { 
	position: relative; 
	margin-top: 15px; 
	margin-left: -200px;
	
}

*+html #pop_data { 
	display: block;
	padding: 0;
	left: 70px;
	top: -120px;
	margin-bottom: -100px;
}

#link_popular_png{
	position: relative; 
	z-index: 200;
}
#link_popular_jpg{
	position: relative; 
	z-index: 100;
}
#el_mas_popular{
	margin-top: 25px;
	//margin-top: 40px;
	margin-bottom: -150px;
	
}
*+html #el_mas_popular { 
	position: relative;
	margin-left: -50px;
	margin-right: -50px;
}






/* youtube */
#imagen_fondo_youtube{
	position: relative; 
	z-index: 200;
}
#youtube_pop_avatar{
	position: relative; 
	top: -210px; 
	left: 70px; 
	z-index: 100; 
	margin-bottom: -135px;
	//top: -180px;
}
#youtube_pop_data{
	position: relative; 
	top: -110px; 
	left: 80px; 
	z-index: 300; 
	text-align:left; 
	width: 100px; 
	//top: -145px;
}

#youtube_pop_data a{
	font-size: 13px;
}

*+html #imagen_fondo_youtube { 
	position: relative;
	
	margin: 0;
	padding: 0;
	margin-top: 10px; 
	margin-left: 0;
	
}

*+html #youtube_pop_avatar { 
	position: relative; 
	margin-top: 15px; 
	margin-left: -210px;
	
}

*+html #youtube_pop_data { 
	display: block;
	padding: 0;
	left: -30px;
	top: -120px;
	margin-bottom: -100px;
}

#link_youtube_png{
	position: relative; 
	z-index: 200;
}
#link_youtube_jpg{
	position: relative; 
	z-index: 100;
}
#youtube{
	margin-top: 5px;
	//margin-top: 5px;
	margin-bottom: -150px;
	
}
*+html #youtube { 
	position: relative;
	margin-left: -50px;
	margin-right: -50px;
}





#frmLogin{
	padding-left: 50px;
}






/* producto */

.producto_titulo{
	padding-left: 15px; 
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 24px;
}

.producto_recuadro_footer{
	background-image:url(../images/productos_fondo_texto.gif); 
	background-repeat:no-repeat; 
	height:41px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
.producto{
	position: relative;
	margin-top: -115px;
	margin-left: 690px;
	//display: block;
	//left: 690px;
}
.producto_flecha_arriba{
	position: absolute;
	background-image:url(../images/producto_flecha_arriba.png); 
	background-repeat:no-repeat; 
	width: 40px;
	height: 33px;
	
	margin-top: -150px;
	margin-left: 42px;	
	margin-bottom: 118px;
	
	//margin-top: -150px;
	//margin-left: 42px;
	//margin-bottom: 0;	
}
.producto_flecha_abajo{
	position: absolute;
	background-image:url(../images/producto_flecha_abajo.png); 
	background-repeat:no-repeat; 
	width: 40px;
	height: 33px;
	
	margin-top: 0px;
	margin-left: 42px;	
	margin-bottom: 118px;
	
	//margin-left: 42px;
	//margin-bottom: 0;	
}
.producto_flecha_izquierda{
	position: absolute;
	background-image:url(../images/producto_flecha_izquierda.png); 
	background-repeat:no-repeat; 
	width: 32px;
	height: 41px;
	
	margin-top: -100px;
	margin-left: -15px;	
	margin-bottom: 118px;
	
	//margin-bottom: 0;	
}
.producto_flecha_derecha{
	position: absolute;
	background-image:url(../images/producto_flecha_derecha.png); 
	background-repeat:no-repeat; 
	width: 32px;
	height: 41px;
	
	margin-top: -100px;
	margin-left: 108px;	
	margin-bottom: 118px;
		
	//margin-bottom: 0;	
}
.producto_numero{
	position: absolute;
	width: 32px;
	height: 41px;
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: bold;

	
	margin-top: -140px;
	margin-left: 95px;	
	margin-bottom: 118px;
		
	//margin-bottom: 0;	
}