@charset "utf-8";
@import url("reset.css");


/* CSS CONTENTS */

body{
}

a{
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}

a.hover{
	text-decoration: none;
}

strong{
	font-weight: bold;
}

.alleft{
	float:left;
}

.alright{
	float:right;
}

.header{
	background-color: #FFF;
}

.header_frame{
	height: 100px;
	width: 950px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.header_frame .logo{
	
}


.header_frame .banner{
	margin: -80px 0 0 400px;
}


.menu{
	background-color: #990000;
	background-image: url(../images/bg-menu.jpg);
	background-repeat: repeat-x;
}

.menu ul{
	width: 990px;
	margin: 0 auto;
	height: 26px;
}

.menu ul li{
	display: block;
	float: left;
	margin: 0 30px;
	height: 26px;
}

.menu ul li a{
	line-height: 26px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}

.menu ul li a:hover{
	text-decoration: underline;
}

	/* column container */
	.colmask {
		clear:both;
/*		float:left;*/
		width:980px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin: auto;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
/*		float:left;*/
		width:980px;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:visible;
	}
	
	/* 2 Column (double page) settings */
	.doublepage {
		background:#000;		/* right column background colour */
	}
	.doublepage .colleft {
		width: 980px;
/*		right:490px;*/			/* right column width */
		background:#000;	/* left column background colour */
	}

	.doublepage .col1 {
		width:450px;			/* left column content width (column width minus left and right padding)  */
		/*left:52%;*/			/* right column width plus left column left padding */
		padding: 20px 20px;
		float:left;
		background-color: #333;
	}

	.doublepage .col2 {
		width:450px;			/* right column content width (column width minus left and right padding) */
	/*	left:56%;*/			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		padding: 20px 20px;
		color: #FFF;
		background-color: #000;
	}
	.doublepage .col2 p{
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 0 0 1.4em 0;
	}
	
	.doublepage .col2 p.destacado{
		font-weight: bold;
	}


.frame{
	width: 448px;
	border: 1px solid #111;
	margin: 20px 0;
}

.frame_movil{
	width: 448px;
	border: 1px solid #111;
	margin: 20px 0;
	height: 650px;
	background-image:url(../images/bg-movil.jpg);
}

.free_services{
	background-color: #FFF;
/*	padding-left: 200px;*/
	height: 237px; /* altura imagen */
}

.free_services_title{
	padding-top: 30px;
	margin-left: 200px;
	font-size: 1.7em;
}

.free_services_title span{
	color: #990000;
	font-size:1.2em;
}

.free_services ul{
	padding: 10px 0  0 15px;
	margin-left: 200px;
}
.free_services ul li{
	margin: 6px 0;
}

.free_services ul li a{
	text-decoration: none;
	color: #000;
	font-size:0.8em;
	font-weight: bold;
}
.free_services ul li a:hover{
	text-decoration: underline;
	}

.tu_futuro{
	background-color: #990000;
	padding: 10px 20px;
}

.tu_futuro img{
	margin: 0 auto;
}

.tu_futuro p{
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 3px;
	}

.tu_futuro p span{
	color: #FFF;
	font-size:1.1em;
	font-weight: bold;
}

.tu_futuro p a{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.tu_futuro_title{
	color: #fff;
	padding:5px 0;
	font-size: 0.9em;
	font-weight: bold;
}

p.tu_futuro_negativo{
	margin: 6px 0 4px 0;
	padding: 5px;
	background-color: #FFF;
	color: #000;
	font-size: 0.8em;
	text-align: center;
}
p.tu_futuro_negativo span{
	color:#990000;
	font-weight: bold;
	}

.texto_principal_title{
	margin-top:15px;
	background-color: #000;
	background-image: url(../images/sol.jpg);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFF;
	height: 40px;
	font-size: 1.2em;
	font-weight: normal;
}

.texto_principal_title .big{
	font-size: 1.3em;
	font-weight: bold;
}

.texto_principal_title .bigger{
	font-size: 1.7em;
	font-weight: bold;
}

.tarotistas{
	background-color: #333;
	padding: 15px 0;
}

.tarotistas_title{
	text-align: right;
	font-size: 1.5em;
	font-family:  "Bell MT", "Times New Roman", Times, serif;
	background-color: #333;
	background-image: url(../images/logo-tarotistas.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 50px;
	height:35px;
	padding-top: 10px;
	letter-spacing: 6px;
	font-weight: bold;
	margin-right: 10px;
}

.col2 .tarotista{
	padding: 0 10px;
	margin-top: -40px;
}
.col2 .tarotista_top{
	border-bottom: 1px solid #990000;
	padding: 0; margin:0;
	height: 90px;
}

.col2 .tarotista_top a{
	padding: 0; margin: 0;
	color: #FFF;
	font-size: 1.4em;
	text-decoration: none;
	line-height: 0em;
	font-weight: bold;
	padding-left:10px;
	letter-spacing: 1px;
}

.col2 .tarotista_number{
	padding: 6px 0 0 130px;
}

.col2 .tarotista_number n{
	font-size: 1.2em;
	line-height: 1.2em;
  color: #FAEE86;
	}

.col2 .tarotista_info{
	padding: 6px 0 0 130px;
}

.col2 .tarotista_info p{
	font-size: 0.7em;
	line-height: 1.2em;
	}

.col2 .tarotista_info p span{
	color: #990000;
}





/****** PAGINA TAROTISTAS ******/
.sol{
	background-color: #000;
	background-image: url(../images/sol.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: auto;
	clear: both;
	overflow: auto;
}

.tarotista_nombre{
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	margin-left: 140px;
	line-height: 1.6em;
}

.tarotista_nombre .apellido{
	color: #990000;
	font-size: 1.8em;
	font-weight: bold;
}

.col2 hr{
	margin:20px 0;
}

.tarotista_especialidad{
	font-family: "Times New Roman", Times, serif;
	font-size: 3.5em;
	text-align: center;
	color: #FF9900;
}

.tarotista_telefono{
	font-size: 3.5em;
	text-align: center;
	font-weight: bold;
}

.tarotista_tarifas{
	text-align: center;
	font-size: 1.1em;
}

.tarotista_tarifas span{
	color: #990000;
}

.tarotista_desc_title{
	font-size: 1.4em;
	font-family:  "Bell MT", "Times New Roman", Times, serif;
	background-image: url(../images/sol.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height:35px;
	letter-spacing: 2px;
	font-weight: bold;
}

ul.programacion{
	margin-left: 20px;
}

ul.programacion li{
	margin-left: 10px;
	margin-top: 10px;
}

ul.programacion li ul li{
	list-style: disc;
	margin-left: 40px;
}



.frame_destacado{
	background-color: #333;
	padding: 15px 0;
	font-size: 2em;
}

.frame_destacado p{
	color: #fff;
	text-align: center;
}

.frame_destacado p span{
	font-weight: bold;
	font-size: 1.5em;
	color:#ff9900;
}

.frame_destacado p a{
	color:#ff9900;
	font-weight: normal;
	}

/***** INTERACTIVOS JAVASCRIPT ****/
.javascript{
/*	width: 940px;*/
	width: 940px;
	padding: 0 20px 10px 20px;
	display: block;
	margin:0px auto 0px auto;
	text-align: center;
	background: #333 url(../images/bg-2cols.jpg) repeat-y;
}
.javascript.top{
	background: transparent;
	margin-top: 20px;
	padding: 0;
}

.javascript div,
.javascripttop div{
	background-color: #fff;
}

.bottom_javascript{
	position: absolute;
	top: 710px;
}

.servicio_title{
	color: #fff;
	font-size: 2em;
}

.servicio_title span{
	color: #990000;
}


.tarotistas_intro{
	color: #fff;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}

.tarotistas_intro p{
	margin-bottom: 1.4em;
}

.tarotistas_intro p.destacado{
	font-weight: bold;
	margin-bottom: 1em;
}

.tarot_chat{
	color: #fff;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 15px 0;
/*	height: 220px;*/
}

.tarot_chat p{
	margin-bottom: 1.4em;
}

.tarot_chat.banco {
	background-color: white;
}

/* Footer styles */
.footer {
	clear:both;
	float:left;
	width:100%;
	/*border-top:1px solid #000;*/
}

/**** arreglos ie6 ****/
.imgcol2ie6{
	display:block;
	position:absolute;
	top:30px;
	right:30px;
}

/***** TPV ********/
.servicio_title_tpv {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
}
.doublepage .col_tpv {
	margin-left: 35px;
	width: 867px;		
	padding: 20px 20px;
	float: left;
	background-color: #333;
}
.num_tpv {
	text-align: center;
	font-size: 175%;
	font-weight: bold;
	padding: 8px 0px 20px 0px;
}
.compra {
	font-size: 175%;
	font-weight: bold;
	color: #e8e8e8;
}
.centrar {
	text-align: center;
}

.visor_video{
	position:relative;
	left:85px;
	top:200px;
}

.col2 .font_big{
	font-size:20px;	
}

#tv{
	margin:-5px 0 10px 23px;
}

.tarot_chat .trama {	
	background: url(../images/trama.gif) repeat;
	vertical-align: middle;
}
.tarot_chat .text-ope {	
	width: 550;
	background-color: #FFFFFF;
	vertical-align: middle;	
	padding: 5px;
}

.tarot_chat .tit_banco {
	font-weight: bold;
	font-size: 150%;	
}

.tarot_chat .tit_banco2 {
	color: #000000;
	font-weight: bold;
	font-size: 115%;	
}

.tarot_chat .tit_banco3 {
	color: #000000;
	font-weight: bold;
	font-size: 100%;	
}

.tarot_chat .tit_banco5 {
	color: #000000;
	font-size: 95%;			
}

.tarot_chat .tit_banco6 {
	color: #0b601c;
	font-size: 170%;
	font-weight: bold;
}