/* --------------------------------
	01. ELEMENTOS HTML (body/a) 
-------------------------------- */
body {
	background: #000; 
	color:#FFF;
	margin:0;
	text-align:center;
}
h1 {
    height: 38px;
    background-image: url(../img/cabecera.gif);
    background-repeat: no-repeat;
	margin:0;
}
h1 span { display: none; }
h2 {
	font:bold normal 1.31em Arial, Helvetica, sans-serif;
	color:#ccc;
	margin:2em 0 1em 0;
}
h3 {
	color:#999;
	font:bold normal 1em Arial, Helvetica, sans-serif;
	margin:0 0 1em 0;
}
.h3-linea-puntos {
	padding-bottom:10px;
	background:url(../img/linepto.gif) repeat-x bottom;
	margin:30px 93px;
}
.subtitulo_h3 {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#ccc;
	margin:0 0 1em 0;
	text-align:center;
	text-indent:0;
}
h4 {
	font:bold normal 0.88em Arial, Helvetica, sans-serif;
	color:#ccc;
	margin-top:3em;
}
.subtitulo_h4 {
	font:bold normal 0.88em Arial, Helvetica, sans-serif;
	color:#ccc;
	margin-top:3em;
	text-indent:0;
}
.titulos-naranja {
	color:#8E6F48;
	font:bold normal 0.88em Arial, Helvetica, sans-serif;
	margin:0 0 1em 0;
}
p {
	color:#ccc;
	font:normal normal 0.75em/1.4em Arial, Helvetica, sans-serif;
	text-indent:1.56em;
	margin:1em 0;
}
p.normal, .signos p {
	color:#999;
	text-indent:0;
}
.lista {
	color:#999;
	font:normal normal 0.75em Arial, Helvetica, sans-serif;
	list-style: disc;
	text-align:justify;
}
.lista li {
	margin-bottom:3em;
}
a { color:#ccc; outline:none;}
hr {
	color:#999;
	height:1px;
}
.destacado {
	font-weight:bold ! important;
	text-decoration:none;
	color:#DA9107 ! important;
}
.dorado {
	font-weight:bold ! important;
	color:#8E6F48 ! important;
}
/* --------------------------------
	02. ESTRUCTURA DEL SITIO 
-------------------------------- */
#contenedor-general {
	width:752px;
	margin:15px auto 0 auto;
	border:1px solid #333;
}
.contenedor-cuerpo {
	text-align:left;
	padding:0 93px 30px 93px;
	overflow:hidden;
}
/* ====== header ====== */
p#header {
    height:25px;
    background-image: url(../img/cab_01.gif);
    background-repeat: no-repeat;
	margin:0;
}
p#header span { display: none; }
#menuforo, #menu_signos_zodiaco, #menuintn {
	margin:auto;
	border-bottom:1px solid #333;
	width:35.38em;
}
#menuforo ul, #menu_signos_zodiaco ul, #menuintn ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#menuforo li, #menu_signos_zodiaco li, #menuintn li {
	display:inline;
	text-align:center;
}
#menuforo a:link, #menuforo a:visited, #menuintn a:link, #menuintn a:visited  {
	display:block;
	height:23px;
	float:left;
	color:#fff;
	font:bold normal 0.69em/23px Arial, Helvetica, sans-serif;
	margin:auto;
	text-decoration:none;
}
#menu_signos_zodiaco a:link, #menu_signos_zodiaco a:visited {
	display:block;
	height:23px;
	float:left;
	color:#ccc;
	font:normal normal 0.63em/23px Arial, Helvetica, sans-serif;
	padding-left:6px;
}
#menuforo a:hover, #menu_signos_zodiaco a:hover, #menuintn a:hover {color:#666;}
#menuforo #a { width:44px;}
#menuforo #b { width:64px;}
#menuforo #c { width:120px;}
#menuforo #d { width:87px;}
#menuforo #e { width:95px;}
#menuforo #f { width:60px;}
#menuforo #g { width:51px;}
#menuforo #h { width:45px;}
#menuintn #i { width:49px;}
#menuintn #j { width:84px;}
#menuintn #k { width:146px;}
#menuintn #l { width:89px;}
#menuintn #m { width:198px;}
/* ====== content ====== */
.caja-dobleborde1 {
	background-color:#333;
	border:1px solid #ccc;
	padding:5px;
	margin:60px 0 20px 0;
}
.caja-dobleborde2 {
	border:5px solid #000;
	padding:10px;
}
.caja-dobleborde2 .titulo {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#ccc;
	margin:0 0 1em 0 ! important;
	text-align:center;
	text-indent:0;
}
.caja-dobleborde2 p {
	text-indent:0;
	color:#ccc;
	text-align:left;
}
.caja-dobleborde2 .nota {
	color:#ccc;
	font-size:0.63em;
	text-indent:0;
	margin:0 0 0 15px ! important;
}
.lista-caja-doble {
	color:#ccc;
	font:normal normal 0.75em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	list-style:url(../img/flecha.gif) none;
	margin:1em 0 1em 15px;
	padding-left:20px;
}
.logo-paypal { 
	vertical-align:text-bottom;
	padding:0 0 0 10px ! important;
	margin:0 0 -10px 0 ! important;
}
.float-left {
	float:left;
	margin-right:20px;
}
.nota {
	color:#999;
	font:normal normal 0.69em Arial, Helvetica, sans-serif;
	text-indent:0;
	margin:0.5em 0;
	line-height:normal;
}
.nota a {color:#8E6F48;}
.linea-puntos {
	height:1px;
	margin-top:5px;
	background:url(../img/linepto.gif) repeat-x;
	clear:both;
}
#flash p {
	font-size:0.63em;
	margin:0;
	background-color:#000;
}
.saltar { display:none}
/* ====== footer ====== */
#pie {
	width:752px;
	margin:10px auto 0 auto;
	text-align:center;
	clear:both;
}
#pie p, #pie ul {
	font:normal normal 0.63em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0;
}
#pie ul {
	list-style:none;
}
#pie li {
	display:inline;
}
#pie a:link, #pie a:visited, #pie a:hover {
	color:#333;
} 
#pie a:link.legales2, #pie a:visited.legales2, #pie a:hover.legales2 {
	text-decoration:none;
} 
.texto-pie {
	margin-top:20px ! important;
	text-align:left ! important;
	text-indent:0;
}
/* --------------------------------
	03. FORMULARIOS 
-------------------------------- */
#news {
	background:#333 url(../img/news_estrellas.gif) no-repeat right;
	margin:15px 93px 0 93px;
	padding:7px 10px;
}
#news form, #news fieldset, #news label, #news input {margin:0; padding:0; border:0;}
#news form {
	width:300px;
	float:left;
}
#news legend { display:none;}
#news label {
	width:6em;
	float:left;
	display:block;
	color:#999;
	font:normal normal 0.75em Arial, Helvetica, sans-serif;
	text-align:left;
}
#news input {
	color:#333;
	background-color:#ccc;
	font:normal normal 0.63em Arial, Helvetica, sans-serif ! important;
	width:150px;
	float:left;
	font-size:0.75em;
	border:1px solid #666;
	margin-top:-1px;
}
#news #ok {
	width:30px;
	margin-left:3px;
	border:0;
	color:#ccc;
	background-color:#333;
	font:normal bold 0.75em Arial, Helvetica, sans-serif;
}
#news a#recomienda:link, #news a#recomienda:visited {
	color:#999;
	font:normal normal 0.75em Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
}
#news a#recomienda:hover { text-decoration:underline;}

.formulario form {
	font:normal normal 1em Arial, Helvetica, sans-serif;
}
.formulario form div {
	color:#ccc;
	padding:47px 0;
	margin-bottom:10px;
	background-color:#333;
}
div.telescopio { background:#333 url(../img/telescopio.gif) no-repeat 30px 10px;}
div.estrellas { background:#333 url(../img/estrellas.gif) no-repeat 10px 10px; padding-top:60px;}
div.constelaciones { background:#333 url(../img/contelaciones.gif) no-repeat 20px 15px;}
div.recomiendenos-estrellas { background:#333 url(../img/recomiendenos_estrellas.gif) no-repeat 20px 15px; padding:15px 0;}
div.pago { overflow:hidden; width:566px;}
div.pago, .total, .confirmar {padding:15px 0 ! important;}
div.pago h4 { margin:0 0 0 20px;}
div.pago hr {margin-right:39px; margin-left:20px;}
div.pago span {
	width:5px;
	float:left;
	margin-top:4px;
	font-size:0.75em;
}
div.pago .aclaracion {
	width: 256px;
	float:left;
	margin-bottom:15px;
	margin-left:266px;
	font-size:0.69em;
}
.formulario legend {
	font-weight:bold;
	font-size:0.88em;
	color:#BC9460;
	padding-top:30px;
	padding-bottom:1em;
	display:block;
}
.formulario input, .formulario label, .formulario select, .formulario textarea {
	width: 256px;
	float:left;
	margin-bottom:15px;
	font-size:0.75em;
}
.formulario input, .formulario select, .formulario textarea {
	border:1px solid #ccc;
}
.formulario label {
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	display:block;
}
.formulario textarea {font-size:0.81em ! important;}
.formulario .checkbox {
	border:0;
	width:25px;
}
.formulario .info {
	width:450px;
	text-align:left;
	color:#999;
}
.formulario .enviar, .formulario .recomendar, .formulario .agrega_destinatarios {
	color:#fff;
	background-color:#BC9460;
	float:right;
	border:1px solid #ccc;
	font-weight:bold;
	font-size:0.75em;
}
.formulario .enviar {width:80px;}
.formulario .recomendar {width:120px;}
.formulario .agrega_destinatarios {width:170px;}
.formulario .modificar {
	color:#fff;
	background-color:#999;
	float:left;
	border:1px solid #ccc;
	font-size:1em;
	font-weight:bold;
	width:170px;
	font-size:0.75em;
}
.formulario .confirmar span {
	float:left;
	margin-bottom:15px;
	font-size:0.75em;
	padding-right:10px;
	padding-top:4px;
	display:block;
}
.formulario .confirmar span.item { width:140px; text-align:right;}
.formulario .confirmar span.resultado { width:390px}
.formulario .total {
	font-weight:bold;
	color:#8E6F48;
	text-align:right;
}
.formulario select.analisis {width:80px;}
.formulario p {
	width: 256px;
	display:block;
	margin:0 0 15px 0;
	padding:4px 10px 0 0;
	font-size:0.75em;
	font-weight:bold;
	text-align:right;
}
form br {clear:left;}
fieldset {border: none; margin:0;}

form table {
	margin:0;
	padding:0;
	border-right:15px solid #333;
	border-left:15px solid #333;
	border-bottom:0;
	border-top:0;
}
form table td {
	border-bottom:1px solid #ccc;
}
form .td1, form .td2 {
	padding:10px 50px 10px 0;
	font-size:0.75em;
}
form .td1 {
	width:180px; 
	font-weight:bold;
}
form .td2 {width:125px;}
form .td3 {
	width:105px; 
	padding-top:13px;
}
form .td3 select {width:35px;}
form .td3 label {
	width:57px; 
	padding-right:7px;
}
form .td_total {
	border-bottom:none;
	padding-top:10px;
	font-weight:bold;
	text-align:right; 
}
form .td_total input { width:193px;}
form .td_total label { width:300px;}
form td .nota, .total .nota { 
	padding-right:7px;
}
p.normal strong span, .formulario .confirmar p {color:#8E6F48;}
/* --------------------------------
	04. AUXILIARES 
-------------------------------- */
img {border:0;}
.division { clear:both; line-height:1px; padding:0;}
.paddingLeftCero {padding-left:0 ! important;}
.justificado { text-align:justify;}
.alignLeft { text-align:left ! important;}
.alignRight { text-align:right ! important;}
.alignCenter { text-align:center;}
/* --------------------------------
	05. ESPECIFICOS DE SECCIONES 
-------------------------------- */
/* ====== index ====== */
#intro {
	text-align:left;
	height:305px;
	padding:45px 110px 0 120px;
	background:url(../img/home_fondo.gif) no-repeat top;
	margin-top:20px;
}
#intro p {
	line-height:1.3em;
	margin:1em 0;
}
#intro span {
	text-align:right;
	font-weight:bold;
	display:block;
}
.home .bloque-der {
	width:363px;
	float:left;
	margin:0 20px 20px 0;
	padding-bottom:5px;
}
.home .bloque-izq {
	width:363px;
	float:right;
	clear:right;
	margin:0 0 20px 20px;
	padding-bottom:5px;
}
.home .img-izq {
	width:181px;
	margin-bottom:10px;
	float:left;
	clear:left;
	text-align:left;
}
.home .img-der {
	width:181px;
	margin-bottom:10px;
	float:right;
	text-align:right;
}
.home .img-izq img, .home .img-der img, .home .img-centro1 img, .home .img-centro2 img {border:1px solid #333; margin-bottom:5px;}
.home .img-izq p, .home .img-der p, .home .img-centro1 p, .home .img-centro2 p {
	color:#fff;
	font:normal normal 0.63em Arial, Helvetica, sans-serif;
	text-indent:0;
	margin:0;
	padding-top:5px;
	background:url(../img/linepto.gif) repeat-x top;
}
.home .img-centro1 {
	width:250px;
	margin:0 auto 10px auto;
	text-align:center;
}
.home .img-centro2 {
	width:560px;
	margin:auto;
	overflow:hidden;
}
.home .img-centro2 div {
	text-align:center;
	margin:0 14px 10px 14px;
	width:252px;
	float:left;
	display:inline;
}
/* ====== servicios astrologicos ====== */
#serv-astrologicos .caja-dobleborde2 p {
	margin-left:181px;
	margin-top:20px;
}
#serv-astrologicos .caja-dobleborde2 img {
	margin-top:20px;
}
#serv-astrologicos .bloque-der {
	width:363px;
	float:left;
	margin:0 20px 30px 0;
	padding-bottom:5px;
	background:url(../img/linepto.gif) repeat-x bottom;
}
#serv-astrologicos .bloque-izq {
	width:363px;
	float:right;
	margin:0 0 30px 20px;
	padding-bottom:5px;
	background:url(../img/linepto.gif) repeat-x bottom;
}
#serv-astrologicos h3, #serv-astrologicos .bloque-izq p, #serv-astrologicos .bloque-der p {margin:0;}
#serv-astrologicos .img-izq, #serv-astrologicos .img-der {
	width:181px;
	text-align:center;
	margin-bottom:10px;
}
#serv-astrologicos .img-izq {float:left;}
#serv-astrologicos .img-der {float:right;}

/* ====== sobre vicente jaen ====== */
#vicente .encabezado {
	min-height:128px;
	background:url(../img/svj_01.jpg) no-repeat top;
	padding:210px 0 0 275px;
	margin-bottom:15px;
}
/* --- */
.encabezado p {margin:0;}
/* ====== historia / astrolociencia / home / articulos ====== */
#historia .encabezado {
	height:30px;
	background:url(../img/hist_01-new.gif) no-repeat top;
	padding:139px 0 0 442px;
}
#historia .bloque-der {
	width:363px;
	float:left;
	margin:0 20px 30px 0;
	padding-bottom:5px;
}
#historia .bloque-izq {
	width:363px;
	float:right;
	margin:0 0 30px 20px;
	padding-bottom:5px;
}
#historia .img-izq {
	width:181px;
	margin-bottom:10px;
	float:left;
	text-align:left;
}
#historia .img-der {
	width:181px;
	margin-bottom:10px;
	float:right;
	text-align:right;
}
#historia .img-izq img, #historia .img-der img, #historia .img-centro1 img, #historia .img-centro2 img {border:1px solid #333; margin-bottom:5px;}
#historia .img-izq p, #historia .img-der p, #historia .img-centro1 p, #historia .img-centro2 p {
	color:#fff;
	font:normal normal 0.63em Arial, Helvetica, sans-serif;
	text-indent:0;
	margin:0;
	padding-top:5px;
	background:url(../img/linepto.gif) repeat-x top;
}
#historia .img-centro1 {
	width:250px;
	margin:0 auto 10px auto;
	text-align:center;
}
#historia .img-centro2 {
	width:560px;
	margin:auto;
	overflow:hidden;
}
#historia .img-centro2 div {
	text-align:center;
	margin:0 14px 10px 14px;
	width:252px;
	float:left;
	display:inline;
}
.lunaroja { padding-top:56px;}
/* ====== contacto ====== */
#contacto { margin-top:0;}
#contacto div { 
	background:url(../img/contacto_hdr-new.gif) no-repeat 0 13px;
	padding-left:135px;
}
#contacto div p { margin:0; padding:0; line-height:2.3em; text-align:left;}
/* ====== prensa ====== */
#prensa .img-der {
	width:252px;
	margin:0 0 10px 20px;
	float:right;
	text-align:right;
}
#prensa .img-izq {
	width:252px;
	margin:0 20px 10px 0;
	float:left;
	text-align:left;
}
#prensa .img-izq img, #prensa .img-der img {border:1px solid #333; margin-bottom:5px;}
#prensa .img-izq p, #prensa .img-der p {
	color:#fff;
	font:normal normal 0.63em Arial, Helvetica, sans-serif;
	text-indent:0;
	margin:0;
	padding-top:5px;
	background:url(../img/linepto.gif) repeat-x top;
}
#t-prensa {
	width:332px;
	height:112px;
	margin:2em auto 1em auto;
	background:url(../img/t-prensa.jpg) no-repeat;
}
#t-prensa span { display: none; }
h2 img { margin-bottom:-5px}
/* ====== articulos ====== */
.articulos .img-izq {margin-right:20px;}
.articulos .img-der {margin-left:20px;}
/* ====== astrolociencia ====== */
.astrolociencia .encabezado {
	height:30px;
	background:url(../img/astrolociencia_01-new.gif) no-repeat top;
	padding:139px 0 0 442px;
}
.astrolociencia .centrar { display:block; margin:0 auto 5px auto;}
/* ====== sabias que / astronomia / mitos / chistes ====== */
#sabias_que, #astronomia, #mitos, #chistes { text-align:center;}
#sabias_que p, #astronomia p, #mitos p, #chistes p {
	width:250px;
	color:#fff;
	font:normal normal 0.63em Arial, Helvetica, sans-serif;
	text-indent:0;
	margin:5px auto 0 auto;
	padding-top:5px;
	background:url(../img/linepto.gif) repeat-x top;
}
/* ====== chistes ====== */
.chistes .bloque-der {
	width:363px;
	float:left;
	margin:0 20px 30px 0;
	padding-bottom:5px;
}
.chistes .img-der {
	width:181px;
	margin-bottom:10px;
	float:right;
	text-align:right;
}
.chistes .img-der img {border:1px solid #333; margin-bottom:5px;}
.chistes .img-der p {
	color:#fff;
	font:normal normal 0.63em Arial, Helvetica, sans-serif;
	text-indent:0;
	margin:0;
	padding-top:5px;
	background:url(../img/linepto.gif) repeat-x top;
}
/* ====== signos ====== */
.signos h4 {color:#8E6F48;}
/* ====== intercambio enlaces ====== */
.intercambio-enlaces div {
	width:283px;
	float:left;
	text-align:center;
	margin-bottom:70px;
}
.intercambio-enlaces div p {
	color:#999;
	text-indent:0;
	margin:2em 0;
}
.intercambio-enlaces div a {
	text-decoration:none;
	color:#DA9107 ! important;
}
.intercambio-enlaces h3 {
	background-color:#333;
	padding:4px 0;
	margin:40px 0;
	text-align:center;
	clear:both;
}
.intercambio-enlaces .google {
	width:400px;
	float:none;
	background-color:#FFF;
	color:#000;
	text-align:left;
	margin:0 0 15px 0;
	padding:8px;
}
.intercambio-enlaces .busca {
	width:556px;
	float:none;
	background-color:#E8F0FF;
	margin:0 0 15px 0;
	padding:5px;
}
.intercambio-enlaces ul {
	list-style: disc;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	color:#ccc;
	font: bold normal 0.75em/1.5em Arial, Helvetica, sans-serif;
}
.intercambio-enlaces ul a {color:#ccc;}
/* ====== directorio ====== */
.directorio { width:566px; overflow:hidden;}
.directorio div {
	text-align:left;
	width:273px;
	padding:0 5px;
}
.directorio div p:first-child { margin-top:0 ! important;}
.directorio p strong { color:#ccc;}
/* ====== mapa del sitio ====== */
.mapa {
	list-style: disc;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	color:#8E6F48;
}
.mapa li {line-height:1.5em;}
.mapa a {
	color:#8E6F48;
	font: bold normal 0.75em Arial, Helvetica, sans-serif;
}
.mapa ul {
	list-style: disc;
	margin:0 0 0 1.5em;
	padding:0 0 0 10px;
	color:#ccc;
}
.mapa ul a {
	color:#ccc;
	font-weight:normal;
}
/* ====== accesibilidad ====== */
.accesibilidad h3 { margin-top:2em ! important;}
.accesibilidad ul {
	list-style: disc;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	color:#ccc;
	font:0.75em/1.5em Arial, Helvetica, sans-serif;
}
.accesibilidad .listaHoriz {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
.accesibilidad .listaHoriz li {
	display:inline;
	margin-right:10px;
}
