/* CSS Document */


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
	
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

a {
	text-decoration:none;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }



/* LAYOUT TOOLS */

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.fix				{ overflow:hidden; }
/*


/* INDEX */

body {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#dbdbdb;
	
}

.contenedor {
	width:964px;



}

img.marco {
	padding:3px;
	background-color:#FFFFFF;
	border:1px #ccc solid;
}


	/* Cabecera */

	div#cabecera {
		width:100%;
		background-image:url(../../img/front/fondo_cabecera.gif);
		background-repeat:repeat-x;
		background-color:#387dc2;
		padding-bottom:20px;
		
	}
	
	div#contenido_cabecera {
		width:964px;
	}
	
	form#registro {
		color:#FFFFFF;
		height:45px;
	}
	
	form#registro a{
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	form#registro a:hover{
		text-decoration:underline;
	}
	
	form#registro label{
		display:block;
		font-weight:bold;
		font-size:10px;
	}
	
	form#registro input.txt {
		border: 1px solid #2367aa;
		margin-right:8px;
		padding:2px;
		font-size:10px;
	}
	
	form#registro input.bt {
		background-image:url(../../img/front/registro.png);
		width:31px;
		height:16px;
		border:0;
		background-color:transparent;
		cursor:pointer;
		margin-top:13px;
		
	}
	
	div#fecha {

		text-align:right !important;
	}
	
	div#fecha p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#fff;
	}
	
	
	form#buscador  {
		margin-top:10px;
	}
	
	form#buscador label{
		color:#FFFFFF;
	}
	
	form#buscador input.txt{
		margin-left:26px;
		background-color: transparent;
		border: 0;
		width:236px;
		font-size:11px;
		color:#333333;
		margin-top:4px;
	}
	
	form#buscador input.bt{
		background-image:url(../../img/front/bt_buscar.png);
		background-repeat:no-repeat;
		border: 0;
		width:81px;
		height:21px;
		cursor:pointer;
		
	}
	
	form#buscador div#campo_buscador {
		background-image:url(../../img/front/input_buscar.png);
		height:24px;
		margin-right:5px;
	}
	
	form#buscador div#opciones {
		margin-top: 2px;
	}
	

	
	div#banners {
		padding-top:10px;
		padding-bottom:10px;
	
	}
	
	/* Cuerpo */
	
	div#cuerpo {
		width:100%;
		background-color:#f8f9f9;
	
	}
	
	/* SECCIONES PRINCIPALES */
	
	div#seccion_principal div#columna {
		margin-top:20px;
		margin-bottom:20px;
		width:477px;
	}
	
	
	div#seccion_principal div#columna .marco {
		background-image:url(../../img/front/fondo_marco_secc1.gif);
		background-repeat:repeat-y;
		margin-bottom:5px;
	}
	
	div#seccion_principal div#columna .marco_pie {
		background-image:url(../../img/front/pie_marco_secc1.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}

	div#seccion_principal div#columna .marco_contenido {
		width:95%;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	div#seccion_principal .texto {
		width: 300px;
	}
	
	div#seccion_principal .texto a{
		text-decoration:none;
		color:#000;
	}
	
	
	form#red_social {
		margin-top:4px;
	}
	
	form#red_social p.titulo_form{
		font-weight:bold;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;	
		margin-bottom:6px;	
	}
	
	form#red_social input.txt{
		border:1px solid #666666;
		margin-right:3px;
	}
	
	form#red_social input.bt{
	/*display:block;*/
	margin-top:5px;
	background-image:url(../../img/front/bt_ingresar.gif);
	width:72px;
	height:18px;
	border:0;
	cursor:pointer;
	}
	
	form#form_foro {
		margin-top:4px;
	}
	
	form#form_foro p.titulo_form{
		font-weight:bold;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;	
		margin-bottom:6px;	
	}
	
	form#form_foro input.txt{
		border:1px solid #666666;
		margin-right:3px;
	}
	
	form#form_foro input.bt{
	/*display:block;*/
	margin-top:5px;
	background-image:url(../../img/front/bt_ingresar.gif);
	width:72px;
	height:18px;
	border:0;
	cursor:pointer;
	}	
	
	div#seccion_principal .texto2 {
		width: 360px;
	}
	
	div#seccion_principal .texto2 a{
		text-decoration:none;
		color:#000;
	}

	div#seccion_principal .texto2 a:hover{
		text-decoration: underline;
	}
	
	div#seccion_principal .marco h1{
		background-image:url(../../img/front/top_marco_secc1.gif);
		height: 30px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		padding-left: 14px;
		line-height:32px;
	}

	div#seccion_principal .marco h1 a{
		color: #FFFFFF;
	}

	div#seccion_principal .marco h1 a:hover{
		text-decoration: underline;
	}
	
	/* SECCIONES SECUNDARIAS */
	
	
	ul#secciones_secundarias {
		width:630px;
	}
	
	ul#secciones_secundarias li{
		display:block;
		float:left;
		width:286px;
		background-image:url(../../img/front/fondo_marco_secc2.gif);
		margin-right:25px;
		margin-bottom:5px;
	}
	
	ul#secciones_secundarias li a{
		color: #FFFFFF;
	}
	ul#secciones_secundarias li a:hover{
		text-decoration: underline;
	}
	
	ul#secciones_secundarias li h1 {
		padding-left:60px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		padding-top:17px;
		height:32px;
		display:block;
		background-repeat:no-repeat;
	}
	
	
	
	ul#secciones_secundarias li h1.educacion{
		background-image:url(../../img/front/educacion.gif);
	}
	
	ul#secciones_secundarias li h1.dietas{
		background-image:url(../../img/front/dietas.gif);
	
	}
	
	ul#secciones_secundarias li h1.empleo{
	background-image:url(../../img/front/empleo.gif);

	}
	
	ul#secciones_secundarias li h1.bodas{
	background-image:url(../../img/front/bodas.gif);

	}
	
	ul#secciones_secundarias li h1.feng-shui{
	background-image:url(../../img/front/feng-shui.gif);

	}
	

	ul#secciones_secundarias li h1.tarot{
	background-image:url(../../img/front/tarot.gif);

	}
	
	ul#secciones_secundarias li h1.llamadas{
	background-image:url(../../img/front/llamadas.gif);

	}
	
	ul#secciones_secundarias li h1.ligue{
	background-image:url(../../img/front/ligue.gif);

	}
	
	ul#secciones_secundarias li .texto_secciones_secundarias {
		width:90%;
		padding-bottom:8px;
		height:70px; /* Esta altura regula la altura de cada marco de la sección secundaria. Comentar la linea para que la altura no sea fija */
	}
	
	ul#secciones_secundarias li .texto_secciones_secundarias a{
		text-decoration:none;
		color:#003366;
	}

	ul#secciones_secundarias li .texto_secciones_secundarias a:hover{
		text-decoration: underline;
	}
	
	
	ul#secciones_secundarias li .pie_secciones_secundarias{
		background-image:url(../../img/front/pie_marco_secc2.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
	div#columna_banner325 {
		margin-bottom:20px;
		margin-top:12px;
		width:325px;
	}
	
	/* lo que esta pasando */
	
	div#loqueestapasando {
		background-image:url(../../img/front/fondo_loqueestapasando.gif);
		background-repeat:repeat-y;
		margin-top:20px;
	}
	
	div#loqueestapasando h1{
		background-image:url(../../img/front/top_loqueestapasando.gif);
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		height:22px;
		text-align:center;
		padding-top:3px;
	}
	
	div#pie_loqueestapasando {
		background-image:url(../../img/front/pie_loqueestapasando.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
	div#contenido_loqueestapasando {
		width:98%;
		padding-bottom:4px;
		padding-top:4px;
		/*height: 100px; *//* Esta altura regula la altura del marco de la sección Lo que está pasando. Comentar la linea para que la altura no sea fija */
	}
	
	div#contenido_loqueestapasando #foto{
		float: left;
	}

	div#contenido_loqueestapasando #texto{
		margin-left: 48px;
		font-size: 11px;
		margin-bottom: 8px;
		padding-left: 5px;
	}
	
	
	/* FIN lo que esta pasando */
	
	/* Más contenido */
	
	div#mascontenido {
		background-image:url(../../img/front/fondo_mascontenido.gif);
		background-repeat:repeat-y;
		margin-top:10px;
	}
	
	div#pie_mascontenido {
		background-image:url(../../img/front/pie_mascontenido.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding-bottom:6px;
	}
	
	div#mascontenido h1 {
		background-image:url(../../img/front/top_mascontenido.gif);
		background-repeat:no-repeat;
		display:block;
		height:24px;
		font-size:16px;
		font-weight:bold;
		color:#387dc2;
		padding-left:20px;
		padding-top:5px;
	}
	
	div#contenido_mascontenido {

	/*background-image:url(../../img/front/lienas_mascontenido.gif);*/
	/*background-repeat:repeat-y;*/
	margin-top:16px;
	margin-bottom:6px;
	}
	
	div#contenido_mascontenido a{
		text-decoration:none;
		color:#333333;
		font-size: 12px;
	}
	
	div#contenido_mascontenido ul{
		margin-left:20px;
		overflow:auto;
	}
	
	div#contenido_mascontenido ul li{
		float:left;
		display:block;
		width:170px;
		margin-right:10px;
		height:65px;
		border-right: 1px dotted #999999;
		padding-right:6px;
	}
	
	div#contenido_mascontenido ul li a:hover{
		text-decoration: underline;
	}	
	
	div#contenido_mascontenido ul li p{
	font-size:12px;
	}
	
	div#contenido_mascontenido ul li.ultimacol{
		border: 0;
		padding-right:0px;
	}
	
	
	/* FIN Más contenido */
	
	div#banner_pie {
	width:964px;
	padding-top:20px;
	padding-bottom:20px;
	}	 
	
	/* Pie    */

	div#pie{
		width:100%;
		
	
	}
	
	div#pie_menu {
		background-color:#387dc2;
		height:30px;
		margin-bottom:10px;
		color:#FFFFFF;
	}
	
	div#pie_menu a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		line-height:32px;
	}
	
	div#pie p {
		font-family:Arial, Helvetica, sans-serif;
		color:#6b6b6c;
		padding-bottom:20px;
		display:block;
		
	}
	
	div#pie p a{
		text-decoration:none;
		color:#666666;
	}
	
	/* PAGINA SECUNDARIA */
	
	
/*  COLUMNA MENU  */

	div#columna_menu {
	background-color:#dadada;
	border:1px Solid #ccc;	
	width:200px;
	padding-bottom:0px;
	}	
	
	div#columna_menu  ul{
		margin-top:22px;
	}
	
	div#columna_menu  ul li{
		display:block;
	}
	
	div#columna_menu  ul li.ultimo{
	border-bottom: 1px solid #999999;
	}
	
	div#columna_menu  ul li a{
		border-top: 1px solid #999999;
		display:block;
		background-color:#F2F2F2;
		width:180px;
		height:100%;
		font-size:13px;
		font-weight:bold;
		color:#387dc2;
		padding-left:20px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	div#columna_menu  ul li a:hover{
		background-color: #999999;
		color:#FFFFFF;
	}

	div#columna_menu  ul li a.asel{
		border-top: 1px solid #999999;
		display:block;
		background-color:#F2F2F2;
		width:180px;
		height:100%;
		font-size:13px;
		font-weight:bold;
		color:#FC831B;
		padding-left:20px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	div#columna_menu  ul li a.asel:hover{
		background-color: #999999;
		color:#FC831B;
	}	
	
	span.bullet {
		font-weight:bold;
		font-size:12px;
		color:#2D2D2D;
		
	}
	
	
/*  COLUMNA BANNER IZQ  */

	div#columna_bannerizq {
	background-color:#dadada;
	width:202px;
	margin-left: -1px;
	}	
	
	div#columna_bannerizq  ul li{
	display:block;
	height: auto;
	}	

	div#columna_bannerizq ul li{
		background-color: #F2F2F2;
		color: #666666;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	div#columna_bannerizq ul li:hover{
		text-decoration: underline;
		cursor: pointer;
	}

	div#columna_bannerizq  ul li.primero{
		border-bottom: 1px solid #999999;
		background-color: #FFFFFF;
		height: 1px;
	}	
	
	div#columna_bannerizq  ul li.titulo{
		border-bottom: 1px solid #999999;
		background-color: #D27A92;
		color: #FFFFFF;
		padding-left: 10px;
		margin-top: 5px;
	}	
	
/* COLUMNA CONTENIDO*/	

	div#columna_contenido {
		width:747px;
		border: 1px solid #CECECE;
		background-color:#FFFFFF;
		padding-bottom:20px;
	}

	div#columna_contenido h1{
	background-color:#387dc2;
	padding-left:20px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;	
	}
	
	div#columna_contenido .rojo{
		color: #FC831B;
	}	
	
	div#columna_contenido_txt {
		width:95%;
		margin-top:20px;
	}
	
	div#columna_contenido_txt p{
		margin-bottom:10px;
		color:#333333;
		font-size:12px;
		text-align:justify;
	}


/* PIROPO */

	div#columna_contenido #escribir_autor{
		color: #FFFFFF;
		cursor: pointer;
	}
	
	div#columna_contenido #escribir_autor:hover{
		text-decoration: underline;
	}


	div#columna_contenido .table_piropo{
		background-color: #FFFFFF;
		/*background-color: #CCCCCC;		*/
		border: 1px solid #CCCCCC;				
	}
	
	div#columna_contenido .table_piropo td{
		margin: 2px;
		padding: 2px;
		border: 0.5px solid #CCCCCC;		
	}

	div#columna_contenido .table_piropo td.tdtitulo{
		background-color: #F2F2F2;
		color: #387DC2;
		width: 100px;
		vertical-align: top;
	}


	div#columna_contenido .table_piropo td.tdcontenido{
		background-color: #FFFFFF; 
		width: 550px;
		padding-left: 5px;
	}

	div#columna_contenido .table_piropo td.tdcontenido_fondo{
		background-color: #387DC2; 
		color: #FFFFFF;
		width: 550px;
		padding-left: 5px;
	}

	div#columna_contenido .table_piropo a{
		color:#387DC2;
	}
	div#columna_contenido .table_piropo a:hover{
		color:#FF6600;
	}

	div#columna_contenido .table_piropo td.tdcontenido a{
		color:#387DC2;
	}
	div#columna_contenido .table_piropo td.tdcontenido a:hover{
		color:#FF6600;
	}


	div#columna_contenido .table_piropo td.tdrojo{
		color: #FC831B;
	}

	div#columna_contenido .table_piropo td.tdmarcado{
		background-color: #387DC2;
		text-align: center;	
	}

	div#columna_contenido .mensaje_enviado{
		font-weight: bold;
		color: #FF0033;
	}


	.tabla_naranja {
		width:647px;
		background-color: #fc831b;
	}
	
	.fondo_naranja {
	background-color: #fc831b;
	color:#FFFFFF;
	padding: 3px 5px 3px 10px;
	font-weight:bold;
	}
	
	.enlace a{
	color:#387DC2;
	}
	
	.enlace a:hover{
	color:#FF6600;
	}
	
	.tabla_contenido{
	padding: 10px 5px 10px 5px;
	text-align:center;
	background-color: #FFFFFF;
	border: 0.5px solid #fc831b;
	}
	
	.negrita{
	font-weight:bold;
	}


.titulo_solucion{
	width:80 px;
	}
	
.contenido_solucion{
	text-align:center;
	}


/* PIROPO */

/* POSTALES */

	div#columna_contenido .table_postales{
		background-color: #F2F2F2;
		border: 0.5px solid #CCCCCC;				
	}
	
	div#columna_contenido .table_postales td{
		margin: 2px;
		padding: 2px;
	}

	div#columna_contenido .table_postales td.tdtitulo{
		background-color: #F2F2F2;
		color: #387DC2;
		width: 100px;
		vertical-align: top;
	}


	div#columna_contenido .table_postales td.tdcontenido{
		background-color: #FFFFFF; 
		width: 550px;
		padding-left: 5px;
	}

	div#columna_contenido .table_postales td.tdcontenido a{
		color:#387DC2;
	}
	div#columna_contenido .table_postales td.tdcontenido a:hover{
		color:#FF6600;
	}

	div#tdlinea{
		background-color: #FF6600;
		height: 2px;
		width: 550px;
	}

/* PIROPO */


/* PAGINACION */
	div#paginacion{
		margin-bottom: 10px;
		text-align: center;
	}
	
	div#paginacion a{
		color: #666666;
	}
	div#paginacion a:hover{
		color: #FF6600;
	}
	
	div#paginacion_arriba{
		margin-top: 15px;
		margin-bottom: 5px;
		text-align: center;		
	}
	
	
/* FIN PAGINACION */

/* CABECERA PAGINAS SECUNDARIAS*/


	/* Menú abajo banner */

 ul#menu_abajo_banner {
 	padding-top:10px;

	padding-bottom:20px;
	
	_padding-top:0; /* ie6 */
	_margin-top:20px; /* ie6 */
	_margin-bottom:20px; /* ie6 */
 }
 
  ul#menu_abajo_banner li{
  display:block;
  float:left;
  width:154px; /* ie7 */
  .width:156px; /* ie7 */
  height:20px;
  margin:3px;
  .margin:2px;
  line-height:20px;
   text-align:center;
 }
  
    ul#menu_abajo_banner li a{
		display:block;
		width:100%;
		height:100%;
		 background-color:#387dc2;

			font-size:11px;
		font-weight:bold;
		color:#FFF;
	}
	
	ul#menu_abajo_banner li a:hover{
		font-size:9px;
		font-weight:bold;
		color:#FFF;
		 background-color:#6198ce;
	}
	
    ul#menu_abajo_banner li a.asel{
		display:block;
		width:100%;
		height:100%;
		background-color:#FC831B;
		font-size:11px;
		font-weight:bold;
		color:#FFF;
		text-decoration:underline;
	}
	
	ul#menu_abajo_banner li a.asel:hover{
		font-size:11px;
		font-weight:bold;
		color:#FFF;
		 background-color:#6198ce;
	}

	
	ul#menus_tabs {
	padding-left:8px;
	padding-top:10px;
	display:block;
	
	
	}
	
	ul#menus_tabs li{
		display:block;
		float:left;
		margin-right:5px;
		
    }
	
	
		
	ul#menus_tabs li a{
		display:block;
		height:24px;
		width:151px;
		text-align:center;
		background-image:url(../../img/front/fd_bt_menu_off.gif);
		background-repeat:no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		line-height:24px;
	
	}
	
	ul#menus_tabs li a.selected{
		display:block;
		height:24px;
		width:151px;
		text-align:center;
		background-image:url(../../img/front/fd_bt_menu_on.gif);
		background-repeat:no-repeat;
		color:#387dc2;
		font-weight:bold;
		line-height:24px;
	}
	
	
	
	div.tabcontent {
	background-color:#FFFFFF;
	padding-top:6px;
	padding-bottom:1px;
	margin-bottom:10px;
	_margin-top:24px; /* ie6 */
	_padding-bottom:24px; /* ie6 */
	
	}
	
	ul.subenlaces {
	padding-left:5px;
	}
	
	ul.subenlaces li{
	display:block;
	float:left;
	height:20px;
	padding-right:8px;
	padding-left:8px;
	border-right: 1px dotted #DFDFDF;
	margin-bottom:2px;
	}

	
	ul.subenlaces li a{
	font-size:11px;
	font-weight:bold;
	color:#5c5c5c;
	white-space:nowrap;
	

	}
	
	ul.subenlaces li a:hover{
		color:#333333;
	}