@charset "utf-8";
/* CSS Document */
/*###################################################################################################

BODY
 
#####################################################################################################*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*###################################################################################################

CABEZOTE
 
#####################################################################################################*/
.cabezote_fondo {
	background-image: url(../../imagenes/home/cabezote_fondo.png);
	height: 70px;	
	background-repeat: repeat-x;
}
/*.cabezote {
	margin: auto;
	height: 70px;
	width: 1000px;
	background-image: url(../../imagenes/home/cabezote.png);
	position: relative;
	background-repeat: no-repeat;
}*/
.cabezote {
    margin: auto;
    height: 70px;
    width: 1000px;
    position: relative;
    background-repeat: no-repeat;
    z-index:2000;
}
#menu_login a {
	background-image: url(../../imagenes/home/bt_login1.png);
	height: 70px;
	width: 84px;
	left: 87px;
	position: absolute;
}
#menu_login a:hover {
	background-color:#FFFFFF;
	height: 70px;
	width: 84px;
	left: 87px;
	position: absolute;
}
/*#menu_menu a {
	background-image: url(../../imagenes/home/bt_menu1.png);
	height: 70px;
	width: 87px;
	position: absolute;
	left: 1px;
}
#menu_menu a:hover {
	background-color:#FFFFFF;
	height: 70px;
	width: 87px;
	position: absolute;
	left: 1px;
}*/
#menu_menu {
    background-image: url(../../imagenes/home/bt_menu1.png);
    height: 70px;
    width: 87px;
    position: absolute;
    left: 1px;
    cursor:hand;
    z-index:2000;
    display:block;
}
.menu_menu_hover {
    background-color:#FFFFFF;
    height: 70px;
    width: 87px;
    position: absolute;
    left: 1px;
    cursor:hand;
    z-index:2000;
    display:block;
}

.seleccion_color_provicional {
	display: block;
	cursor: move;
	clear: both;
	width: 100%;
	height: 34px; /*290px;*/
	position: fixed;
	bottom: 0px; /*-227px;*/
	overflow: hidden;
	_position: absolute;
	left: 0px;
	padding-top: 6px;
	padding-left: 20px;
	z-index: 3;
}

/*###################################################################################################

PIE DE PAGINA
 
#####################################################################################################*/
.site_margen_pie {
	background-image: url(../../imagenes/home/margen_pie.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: auto;
	height: 63px;
	background-color: #EAEAEA;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
}
a.disenoweb {
	font-family: Arial;
	font-size: 11px;
	color: #8F8F8F;
	text-decoration:none;
}
a:hover.disenoweb {
	text-decoration: underline;
}
.imaginamos_a {
	font-family: Arial;
	font-size: 11px;
	color: #00CCFF;
}
.division_pie {
	background-color: #B60D0F;
	height: 2px;
}
/*###################################################################################################

CONTENIDO
 
#####################################################################################################*/
.compartir_en_facebook a {
	background-image: url(../../imagenes/home/boton_compartir_facebook.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 35px;
	width: 125px;
	margin-top: 0px;
	position:absolute;
	right:16px;
	top: 15px;
}
.compartir_en_facebook a:hover {
	background-position: 0px -35px;
}
.contenido1_fondo {
	background-image: url(../../imagenes/home/fondo_contenido1.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: auto;
	height:412px;
	background-color: #CDCDCD;
}
.contenido1_margen {
	position: relative;
	width: 1000px;
	margin:auto;
}
/*.contenido1_fondo1 {
	background-image: url(../../imagenes/home/contenido1_fondo1.png);
	margin-left:auto;
	margin-right:auto;
	top:10px;
	height: 239px;
	width: 969px;
	position: relative;
}*/
.contenido1_fondo2 {
	background-image: url(../../imagenes/home/contenido1_fondo2.png);
	margin-left:auto;
	margin-right:auto;
	top:10px;
	height: 147px;
	width: 969px;
	position: relative;
}
.promotor_foto {
	padding: 3px;
	height: 150px;
	width: 150px;
	border: 1px solid #E1E1E3;
	background-color:#FFFFFF;
	position:absolute;
	top:58px;
	left: 27px;
	z-index:2;
}
.promotor_de {
	position: absolute;
	height: 22px;
	width: 157px;
	left: 200px;
	top: 16px;
	background-image: url(../../imagenes/home/promotor_de.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.promotor_de_flecha {
	background-image: url(../../imagenes/home/promotor_de_flecha.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 21px;
	width: 18px;
	position: absolute;
	top: 16px;
	right: 30px;
}
.candidato_foto {
	padding: 3px;
	height: 150px;
	width: 150px;
	border: 1px solid #E1E1E3;
	background-color:#FFFFFF;
	position:absolute;
	top:58px;
	left: 500px;
	z-index:2;
}
/*###################################################################################################

 CONTENIDO 2
 
#####################################################################################################*/

.contenido2_fondo {
	background-color: #E6E6E6;
	margin: auto;
	padding-top:0px;
	background-image: url(../../imagenes/home/site_margen2_sup.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.contenido2_margen {
	width:1000px;
	margin: auto;
}
.titulos_seccion_container {
	width: 426px;
	height: 56px;
	margin: auto;
	position:relative;
}
.titulos_seccion_icono {
	width: 42px;
	height: 42px;
	position:absolute;
	top:6px;
	left: 44px;
}
.titulos_seccion_titulo {
	width: 300px;
	height: 16px;
	position:absolute;
	top: 20px;
	left: 100px;
}
/*###################################################################################################

 SEGUIDORES
 
#####################################################################################################*/
.seguidores_compare a {
	background-image: url(../../imagenes/home/compare_candidato1.png);
	background-repeat: no-repeat;
	display: block;
	height: 90px;
	width: 260px;
	position:absolute;
	top: 30px;
	left: 18px;
	background-position: 0px 0px;
}
.seguidores_compare a:hover {
	background-position: 0px -90px;
}

/*###################################################################################################

 EN ESTE INSTANTE
 
#####################################################################################################*/
.en_este_instante_content {
	background-image: url(../../imagenes/home/en_este_instante_fondo.png);
	height: 91px;
	width: 377px;
	margin-bottom: 6px;
	left:300px;
	top:30px;
	position:absolute;
	background-repeat: no-repeat;
	background-position: center top;
}
.en_este_instante_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #374554;
	padding-top: 20px;
	padding-right: 6px;
	padding-left: 76px;
	line-height: 15px;
}

/*###################################################################################################

 SEGUIDORES
 
#####################################################################################################*/
.seguidores_content {
	background-image: url(../../imagenes/home/seguidores_fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 94px;
	width: 260px;
	position:absolute;
	right:20px;
	top:30px;
}

/*###################################################################################################

 BOTONES
 
#####################################################################################################*/
.vermas_boton a {
	background-image: url(../../imagenes/modulos/boton_vermas.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 23px;
	width: 90px;
}
.vermas_boton a:hover {
	background-position: 0px -23px;
}
.boton_enviar a {
	background-image: url(../../imagenes/modulos/boton_enviar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 23px;
	width: 81px;
}
.boton_enviar a:hover {
	background-position: 0px -23px;
}
.boton_votar a {
	background-image: url(../../imagenes/modulos/boton_votar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 23px;
	width: 73px;
}
.boton_votar a:hover {
	background-position: 0px -23px;
}
.boton_ver_mas_fotos a {
	background-image: url(../../imagenes/modulos/boton_ver_mas_fotos.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 23px;
	width: 125px;
}
.boton_ver_mas_fotos a:hover {
	background-position: 0px -23px;
}
.boton_genere_su_numero a {
	background-image: url(../../imagenes/modulos/boton_genere_su_numero.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 32px;
	width: 169px;
}
.boton_genere_su_numero a:hover {
	background-position: 0px -32px;
}
/*###################################################################################################

 PERFIL
 
#####################################################################################################*/

.perfil_datos {
	background-image: url(../../imagenes/modulos/perfil_datos_fondo.png);
	background-repeat: no-repeat;
	background-position: 16px 16px;
	background-color: #EFEFEF;
	height: 142px;
	width: 454px;
	position: relative;
	margin:auto;
}

/*###################################################################################################

 MENSAJE DEL PROMOTOR
 
#####################################################################################################*/

.mensaje_promotor_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #334151;
}

/*###################################################################################################

 ENCUESTA
 
#####################################################################################################*/
.encuesta_resultados_container {
	background-color: #E0E0E0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	margin: auto;
	height: 150px;
	width: 484px;
	padding-top: 18px;
}
.encuesta_resultados_marco {
	background-color: #FFFFFF;
	background-image: url(../../imagenes/modulos/encuesta_resultados_fondo.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 24px;
	width: 402px;
	border: 1px solid #C0C0C0;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.encuesta_resultados1_fondo {
	background-color: #99A8E3;
	height: 22px;
}
.encuesta_resultados2_fondo {
	background-color: #6499D9;
	height: 22px;
}
.encuesta_resultados3_fondo {
	background-color: #9E4BD6;
	height: 22px;
}
.encuesta_resultados4_fondo {
	background-color: #72C7EF;
	height: 22px;
}
.encuesta_resultados1_flecha{
	background-image: url(../../imagenes/modulos/encuesta_resultados_op1.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 22px;
}
.encuesta_resultados2_flecha{
	background-image: url(../../imagenes/modulos/encuesta_resultados_op2.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 22px;
}
.encuesta_resultados3_flecha{
	background-image: url(../../imagenes/modulos/encuesta_resultados_op3.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 22px;
}
.encuesta_resultados4_flecha{
	background-image: url(../../imagenes/modulos/encuesta_resultados_op4.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 22px;
}
.encuesta_resultados_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	text-align: left;
	margin: auto;
	padding-left:8px;
	padding-top:2px;
	height: 8px;
	width: 390px;
}
.encuesta_opcion {
	margin-top:4px;
	margin-right: 8px;
	margin-bottom:5px;
	display: block;
	font-size:13px;
	text-align:left;
	color:#334151;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
.encuesta_division{
	height: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.encuesta_opcion_container {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/*###################################################################################################

 FOTOS
 
#####################################################################################################*/

.fotos_marco_foto {
	margin: auto;
	padding: 4px;
	height: 109px;
	width: 142px;
	border: 1px solid #E1E1E3;
	background-color:#FFFFFF;
}
/*###################################################################################################

 LOTERIA
 
#####################################################################################################*/
.groupItem .itemContent_loteria {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	position:relative;
	top: 34px;
	margin-top: -18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../imagenes/modulos/loteria_contenido.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:179px;
}

.loteria_genere_su_numero_container {
	position: absolute;
	height: 64px;
	width: 169px;
	top: 14px;
	right: 27px;
}

.loteria_numero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #6B6B6B;
	text-align: center;
	height: 29px;
	width: 136px;
	position: absolute;
	top: 54px;
	right: 42px;
}
.loteria_ganador_numero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #003D8F;
	position: absolute;
	height: 36px;
	width: 86px;
	left: 160px;
	top: 120px;
	text-align:center;
}
.loteria_ganador_nombre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#737373;
	position: absolute;
	height: 16px;
	width: 206px;
	left: 250px;
	top: 126px;
	text-align:left;
}
/*###################################################################################################

 PORQUE VOTAR
 
#####################################################################################################*/
.razones_mas a {
	background-image: url(../../imagenes/modulos/porque_mas_menos.png);
	background-repeat: no-repeat;
	background-position: -25px 0px;
	display: block;
	width: 25px;
	height: 20px;
}
.razones_mas a:hover {
	background-position: -25px -20px;
}
.razones_menos a {
	background-image: url(../../imagenes/modulos/porque_mas_menos.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 25px;
	height: 20px;
}
.razones_menos a:hover {
	background-position: 0px -20px;
}

/*###################################################################################################

 FOROS
 
#####################################################################################################*/
.foro_titulo {
	width: 382px;
	_width: 432px;
	left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #334151;
	font-size: 15px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	display: block;
	text-decoration: none;
	margin-bottom: 1px;
	_margin-bottom: 2px;
	background-color:#F4F4F4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
}
/*###################################################################################################

 BOTON ADMIN PROMOTOR
 
#####################################################################################################*/

.boton_admin_promotor_container {
    position: relative;
    width: 100%;
    margin:auto;
    background-color:#E6E6E6;
    height:68px;
    padding-top:12px;
    padding-bottom:20px;
}
.boton_admin_promotor a {
    background-image: url(../../imagenes/home/boton_admin_promotor.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    margin: auto;
    height: 68px;
    width: 456px;
    position: relative;
}
.boton_admin_promotor a:hover {
    background-position: 0px -68px;
}