@CHARSET "UTF-8";

/********************************************* HORÓSCOPO */
.signo_con_signo_hwsol h3, .de_que_signo_hwsol h3{
	height: 30px;
}

.ir{
	background: url("../images/fondo_signo.jpg") repeat-x;
	width: 20px;
	height: 30px;
	cursor: pointer;
	float: left;
}

form div.ir input.boton{
	width: 20px;
	height: 30px;
	border: 0;
	background: none;
	color: #ffffff;
	font-size: 13px;
	cursor: pointer;
}

.signo_con_signo_hwsol form,
.de_que_signo_hwsol form {
	font-size: 12px;
}

.signo_con_signo_hwsol .separador, .de_que_signo_hwsol .separador{
	width: 4px;
	height: 30px;
	background: url("../images/fondo_signo_separador.jpg") no-repeat;
	float: left;
}

div.signo_con_signo_hwsol {
	width: 310px;
	float: left;
	margin: 10px 0 0 15px;
}

div.de_que_signo_hwsol {
	width: 314px;
	float: right;
	margin: 10px 15px 0px 0px;
}

.signo_con_signo_hwsol .select{
	background: url("../images/fondo_signo.jpg") repeat-x;
	width: 141px;
	height: 30px;
	float: left;
}

.signo_con_signo_hwsol form select {
	margin: 4px 0 0 22px;
}

.de_que_signo_hwsol .nacimiento{
	background: url("../images/fondo_signo.jpg") repeat-x;
	width: 286px;
	height: 30px;
	float: left;
	padding: 4px 0px 0px 4px;
}

.de_que_signo_hwsol input#fecha{
	width: 100px;
}

/* INDEX */
.signo_preview_hwsol {
	width: 139px;
	height: auto;
	position: relative;
	float: left;
	overflow: auto;
}

.signo_preview_hwsol .top{
	height: 133px;
	background: url("../images/fondo_signo_horoscopo_arriba.png") no-repeat;
}

.signo_preview_hwsol .medio{
	overflow: auto;
	background: url("../images/fondo_signo_horoscopo_medio.png") repeat-y;
	padding: 0px 15px; 
}

.signo_preview_hwsol .medioVideo{
	height: 30px;
	background: url("../images/fondo_signo_horoscopo_medio.png") repeat-y;
	padding: 0px 15px;
	text-align: center;
}


.signo_preview_hwsol .bottom{
	background: url("../images/fondo_signo_horoscopo_abajo.png") repeat-y;
	width: 139px;
	height: 25px;
}

.signo_preview_hwsol img {
	width: 128px;
	position: absolute;
	top: 2px;
	left: 6px;
}

.signo_destacado_hwsol {
	width: 279px;
	height: auto;
	float: left;
	margin-top: 5px;
	font-size: 12px;
}

.signo_destacado_hwsol .top{
	background: url("../images/signo_destacado_arriba.png") no-repeat;
	height: 41px;
}

.signo_destacado_hwsol .medio{
	background: url("../images/signo_destacado_medio.png") repeat-y;
	overflow: auto;
}

.signo_destacado_hwsol .bottom{
	background: url("../images/signo_destacado_abajo.png") no-repeat;
	height: 21px;
}

.signo_destacado_hwsol img {
	float: left;
	margin: 10px;
}

.signo_destacado_hwsol .medio div {
	height: auto;
	overflow: auto;
	margin-left: 120px;
}

.signo_destacado_hwsol .medio div p {
	padding: 0 15px 0 0;
}

.signo_destacado_hwsol p {
	padding: 10px 15px;
}

.signo_destacado_hwsol p b {
	display: block;
	border-bottom: 1px solid #465E92;
}

/* SHOW */

.detalle_signo {
	width: 700px;
	position: relative;
	clear: left;
	margin-left: 15px;
	padding-top: 45px;
	padding-bottom: 34px;
}

.detalle_signo div.desc {
	background: url("../images/fondo_detalle_signo.png") repeat-x #0F295C;
	width: 400px;
	height: 142px;
	padding: 15px 90px 15px 10px;
}

.detalle_signo div.desc p{
	width: 440px;
	font-size: 10px;
	height: 142px;
	overflow: auto;
	scrollbar-face-color: #505374;
	scrollbar-highlight-color: #868692;
	scrollbar-shadow-color: #868692;
	scrollbar-3dlight-color: #868692;
	scrollbar-arrow-color: #868692;
	scrollbar-track-color: #868692;
	scrollbar-darkshadow-color: #868692;
}

#estados_signo_hwsol .salud, #estados_signo_hwsol .dinero {
	float: left;
	width: 224px;
	height: auto;
	overflow: auto;
	margin-left: 10px;
}

#estados_signo_hwsol .salud .top, #estados_signo_hwsol .dinero .top{
	background: url("../images/estado_salud_arriba.png") no-repeat;
	height: 94px;
}

#estados_signo_hwsol .salud .medio, #estados_signo_hwsol .dinero .medio{
	background: url("../images/estado_salud_medio.png") repeat-y;
	height: auto;
	overflow: auto;
	padding: 15px;
}

#estados_signo_hwsol .salud .bottom, #estados_signo_hwsol .dinero .bottom{
	background: url("../images/estado_salud_abajo.png") no-repeat;
	height: 25px;
}

#estados_signo_hwsol .salud .logo {
	float: right;
	margin: 15px 15px 0px 0px;
}
#estados_signo_hwsol .salud h3 {
	float: left;
	margin: 20px 0px 0px 20px;
}

#estados_signo_hwsol .amor {
	float: left;
	width: 220px;
	height: auto;
	overflow: auto;
	margin-left: 10px;
	margin-top: -12px;
}

#estados_signo_hwsol .amor .top{
	background: url("../images/estado_amor_arriba.png") no-repeat;
	height: 141px;
}

#estados_signo_hwsol .amor .medio{
	background: url("../images/estado_amor_medio.png") repeat-y;
	height: auto;
	overflow: auto;
	padding: 15px;
}

#estados_signo_hwsol .amor .bottom{
	background: url("../images/estado_amor_abajo.png") no-repeat;
	height: 25px;
}

#estados_signo_hwsol .amor .logo {
	text-align: center;
	margin-top: 10px;
}
#estados_signo_hwsol .amor h3 {
	width: auto;
	float: left;
	margin: 40px 0px 0px 90px;
}


#estados_signo_hwsol .dinero .logo {
	float: left;
	margin: 15px 0px 0px 15px;
}
#estados_signo_hwsol .dinero h3 {
	float: right;
	margin: 20px 20px 0px 0px;
}

.robopag_horoscopo2 {
	float: right;
	margin-right: 15px;
	margin-top: 25px;
}

h2.titulo_abajo{
	z-index: 1;
	position: relative;
}

.robopag_horoscopo3{
	z-index: 2;
	float: right;
	margin-right: 15px;
	margin-top: -35px;
	position: relative;
}

/************************************************************ SIGNO CON SIGNO */

#estados_signo_hwsol .prediccion2 {
	float: left;
	width: 675px;
	height: auto;
	overflow: auto;
	margin: -40px 0px 20px 18px;
}

#estados_signo_hwsol .prediccion2 .top{
	background: url("../images/estado_amor2_arriba.png") no-repeat;
	height: 113px;
}

#estados_signo_hwsol .prediccion2 .top img{
	margin: 30px 0px 0px 285px;
	height: 78px;
	width: 100px;
}

#estados_signo_hwsol .prediccion2 .medio{
	background: url("../images/estado_amor2_medio.png") repeat-y;
	height: auto;
	overflow: auto;
	padding: 15px;
	text-align: center;
	font-weight: bold;
}

#estados_signo_hwsol .prediccion2 .bottom{
	background: url("../images/estado_amor2_abajo.png") no-repeat;
	height: 29px;
}

.signo_con_signo_l_hwsol,
.signo_con_signo_r_hwsol {
	width: 340px;
	position: relative;
}

.signo_con_signo_l_hwsol{
	float: left;
	margin: 30px 0px 0px 15px;
}

.signo_con_signo_r_hwsol {
	float: right;
	margin: 30px 15px 0px 0px;
}

.signo_con_signo_l_hwsol img,
.signo_con_signo_r_hwsol img,
.signo_con_signo_l_hwsol .imagen,
.signo_con_signo_r_hwsol .imagen{
	height: 200px;
	width: 200px;
	z-index: 2;
}

.signo_con_signo_l_hwsol .imagen {
	float: right;
	margin: -185px 0px 0px 0px;
}

.signo_con_signo_r_hwsol .imagen {
	float: left;
	margin: -185px 0px 0px 0px;
}
.signo_con_signo_l_hwsol div.desc,
.signo_con_signo_r_hwsol div.desc {
	background: url("../images/fondo_detalle_signo.png") repeat-x #0F295C;
	width: 240px;
	height: 172px;
	float: left;
	z-index:1;
}

.signo_con_signo_l_hwsol div.desc{
	float: left;
}

.signo_con_signo_r_hwsol div.desc{
	float: right;
}

.signo_con_signo_l_hwsol div.desc p,
.signo_con_signo_r_hwsol div.desc p{
	width: 140px;
	height: 160px;
	overflow: auto;
	margin: 5px;
	display: inline;
	scrollbar-face-color: #143373;
	scrollbar-highlight-color: #7478a5;
	scrollbar-shadow-color: #7478a5;
	scrollbar-3dlight-color: #7478a5;
	scrollbar-arrow-color: #7478a5;
	scrollbar-track-color: #7478a5;
	scrollbar-darkshadow-color: #7478a5;
}

.signo_con_signo_l_hwsol div.desc p{
	float: left;
}

.signo_con_signo_r_hwsol div.desc p{
	float: right;
}

/*************************************************************** MAPA WEB */

.mapa_web{
	width: 279px;
	height: auto;
	float: left;
	margin: 30px 0px 30px 50px;
}

.mapa_web .top{
	background: url("../images/mapa_web_arriba.png") no-repeat;
	height: 21px;
}

.mapa_web .medio{
	background: url("../images/signo_destacado_medio.png") repeat-y;
	overflow: auto;
	padding-left: 15px;
}

.mapa_web .bottom{
	background: url("../images/signo_destacado_abajo.png") no-repeat;
	height: 21px;
}

.mapa_web ul li{
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.mapa_web ul li a:link, .mapa_web ul li a:visited{
	color: #ffffff;
}

.mapa_web ul li a:hover{
	color: #dad716;
}

.mapa_web ul li.submenuMapa{
	margin-top: 0px;
}

.mapa_web ul li.submenuMapa ul{
	margin-left: 40px;
}

.mapa_web ul li.submenuMapa ul li{
	margin: 0px;
	font-size: 12px;
}

.mapa_web ul li.submenuMapa ul li a:link, .mapa_web ul li.submenuMapa ul li a:visited{
	color: #848aab;
}

.mapa_web ul li.submenuMapa ul li a:hover{
	color: #f9f788;
}

.mapa_web ul li.primero{
	margin-top: 0px;
}