/* CSS Document */
*, p
{
	border: 0;
	padding: 0;
	margin: 0;
}
html
{
	background: transparent url(images/background-body.jpg) repeat;
}

body
{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 0 auto;
	width: 800px;
}
li
{
	list-style: none;
}
a
{
	background-color: transparent;
	color: #0000FF;
}
a:hover
{
	background-color: transparent;
	color: #CC0000;
}
input, textarea, select
{
	border: 1px inset #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	padding: 0.1em 0.3em;
}
select
{
	padding: 0.1em 0 0.1em 0.3em;

}
 /* option button */
fieldset fieldset input
{
	border: 0;
}

/* Paginador */
.paginador
{
	clear: both;
	display: block;
	margin: 12px auto;
	padding: 0 15px;
	overflow: auto;
	width: auto;
}
.paginador li
{
	float: left;
}
.paginador li a
{
	background-color: #E0EFCE;
	border: 1px solid #72BBE4;
	color: #000000;
	display: block;
	font-weight: normal;
	margin: 0 5px;
	padding: 4px 8px 5px 8px;
	text-decoration: none;
}
.paginador li.previous a,
.paginador li.next a
{
	padding: 4px 8px;
}
.paginador li.previous a
{
	margin: 0 1.2em 0 0;
}
.paginador li.next a
{
	margin: 0 0 0 1.2em;
}
.paginador li a:hover
{
	background-color: #72BBE4;
}
.paginador li a strong
{
	font-weight: bold;
}


 /* volver */
#back
{
	clear: both;
	font-size: 1em;
	margin: 1em 0 3em 0;
	position: relative;
	text-align: center;
}



/*----- cabecera -----*/
#header
{
/*	background: transparent url(images/header-logo.png) no-repeat scroll center top;*/
	background-image: url(images/header-logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 160px;
	margin: 0.5em 0 0 -23px;
	width: 846px;
}
#header h1
{
	display: none;
}



/*----- contenido -----*/
#body
{
	background: transparent url(images/background-content.png) repeat-y scroll center top;
	color: #000000;
	margin: 0 0 0 -22px;
	overflow: auto;
	width: 846px;
}

 /* menu */
#colum1
{
	background: transparent url(images/background-menu.jpg) repeat-x scroll center top;
	float: left;
	margin: 0 0 0 22px;
	min-height: 450px;
	overflow: visible;
	width: 180px;
}
 /* secciones */
#colum1 #menu
{
	background: transparent url(images/secciones.png) no-repeat scroll 20px top;/* */
	margin: 18px 0 0 0;
	padding: 40px 6px 0 16px;
}
#colum1 #menu li
{
	margin: 2px 0 0 0;
}
#colum1 #menu li a
{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
#colum1 #menu li a:hover
{
	text-decoration: underline;
}
#colum1 #menu li.ver_todo
{
	margin: 4px 6px 0pt 0pt;
	text-align: right;
}
#colum1 #menu li.ver_todo a
{
	font-size: 10px;

}

 /* baul magico */
#colum1 #baul_magico
{
	background: transparent url(images/baul-magico.png) no-repeat scroll 4px 5px;
	border-top: 1px solid #990000;
	margin: 40px 6px 0 16px;
	padding: 25px 0 0 0;
}
#colum1 #baul_magico li a
{
	color: #660000;
	font-size: 12px;
	text-decoration: none;
}

#colum1 .buscador
{
	font-size: 9px;

}
#colum1 .buscador legend
{
	display: none;
}
#colum1 .buscador input
{
	font-size: 10px;
	margin: 2px 0 0 0;
	padding: 2px 3px;
	width: 110px;
}
#colum1 .buscador input.button
{
	background: transparent url(images/boton-enviar.jpg) no-repeat left 50%;
	border: 0;
	width: 32px;
}



 /* contenido */
#colum2
{
	background: transparent url(images/background-barras.jpg) repeat-y scroll center top;
	display: block;
	float: left;
	margin: 3px 0 0 0;
	min-height: 600px;
	padding: 2px 5px 30px 5px;
	overflow: auto;
	width: 475px;
}

#colum2 #enviar_sms,
#colum2 #cartomancia
{
	border:1px solid #C9E5AC;
	float:left;
	height:178px;
	margin:5px;
	overflow:auto;
	padding:5px 10px;
	width:260px;
}
#colum2 #enviar_sms
{
	background: transparent url(images/sms.jpg) no-repeat scroll 6px 5px;
}
#colum2.tipo_2 #enviar_sms,
#colum2.tipo_3 #enviar_sms,
#colum2.tipo_4 #enviar_sms
{
	background: transparent url(images/sms-2.jpg) no-repeat scroll 6px 5px;
}
/*
#colum2 #enviar_sms img
{
	float: left;
}
*/
#colum2 #enviar_sms h3
{
	font-size:12px;
	font-weight:bold;
	margin:5px 0pt 15px 126px;
	text-align:center;
}
#colum2 #enviar_sms h4
{
	border: 1px solid #C9E5AC;
	font-size: 11px;
	margin: 0 0 0 126px;
	padding: 10px 15px;
	text-align: center;
}
#colum2 #enviar_sms h6
{
	font-size: 9px;
	font-weight: normal;
	margin: 10px 10px 0 136px;
}
#colum2 #cartomancia
{
	background: transparent url(images/cartomancia.jpg);
	background-repeat: no-repeat;
	background-position: center 4px;
	height: 178px;
	border: 1px solid #C9E5AC;
	padding: 5px 6px;
	width: 155px;
}
#colum2.tipo_2 #cartomancia
{
	background: transparent url(images/vidente-1.jpg);
	background-repeat: no-repeat;
	background-position: center 4px;
}
#colum2.tipo_3 #cartomancia
{
	background: transparent url(images/vidente-2.jpg);
	background-repeat: no-repeat;
	background-position: center 4px;
}
#colum2.tipo_4 #cartomancia
{
	background: transparent url(images/vidente-3.jpg);
	background-repeat: no-repeat;
	background-position: center 4px;
}
#colum2.tipo_5 #cartomancia
{
	background: transparent url(images/vidente-4.jpg);
	background-repeat: no-repeat;
	background-position: center 4px;
}

 /* ttulos de secciones */
#colum2 h2
{
	font-size: 20px;
	margin: 2px 0 6px 0;

}






 /* menu derecha */
#colum3
{
	float: left;
	min-height: 450px;
	overflow: auto;
	width: 130px;
}
#colum3 ul li
{
	margin: 5px 0 20px 0;
}
#colum3 ul li a p
{
	color: #000000;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
}
#colum3 ul li a:hover p
{
	text-decoration: underline;
}




/*----- footer -----*/
#footer
{
	background: transparent url(images/background-footer.png) no-repeat scroll center top;
	font-size: 9px;
	margin: 0 0 0 -23px;
	min-height: 115px;
	padding: 10px 0 0 0;
	width: 846px;
}
#footer ul li
{
	display: inline;
}

#footer #menu_footer
{
	margin: 0 0 0 100px;
}
#footer #menu_footer li a,
#footer #menu_legal li a
{
	color: #000000;
	margin: 0 2px;
	text-decoration: none;
}
#footer #menu_footer li a:hover,
#footer #menu_legal li a:hover
{
	text-decoration: underline;
}

#footer #menu_legal
{
	margin: 4px 0 0 145px;
}

 /* arriba */
#footer #top
{
	margin: -11px 60px 0 0;
	text-align: right;
}
#footer #top a
{
	background: transparent url(images/control_eject.png) no-repeat scroll left bottom;
	color: #000000;
	font-size: 10px;
	padding: 2px 0 2px 18px;
	text-decoration: none;
}
#footer #top a:hover
{
	text-decoration: underline;
}

 /* logo ecosoft */
#footer #ecosoft
{
	font-size: 10px;
	padding: 40px 0 4px 35px;
}
#footer #ecosoft a
{
	color: #FFFFFF;
}


#keywords
{
	margin: 0 15px 25px 10px;
}
#keywords li
{
	color: #CCCCCC;
	display: inline;
	font-size: 9px;
}
#keywords li a
{
	color:#CCCCCC;
	font-size: 9px;
}


/* ## Contenido ## */
/*----- portada -----*/
 /* aspectos de noticias */
 /* genrico */
#colum2 #noticias
{
	background: transparent url(images/cabecera-1.jpg) no-repeat scroll center top;
	padding: 232px 8px 10px 8px;	
	overflow: auto;
}
#colum2.tipo_2 #noticias,
#colum2.tipo_2 #noticia,
#colum2.tipo_4 #noticias,
#colum2.tipo_4 #noticia
{
	background: transparent url(images/cabecera-2.jpg) no-repeat scroll center top;	
}
#colum2.tipo_3 #noticias,
#colum2.tipo_3 #noticia,
#colum2.tipo_5 #noticias,
#colum2.tipo_5 #noticia
{
	background: transparent url(images/cabecera-3.jpg) no-repeat scroll center top;	
}

#colum2 ol#noticias li
{
	border: 1px solid #C9E5AC;
	margin: -5px 0 10px 0;
	padding: 0px 4px 4px 6px;
	overflow: auto;
}
#colum2 ol#noticias li img
{
	display: block;
	float: left;
	height: 40px;
	padding: 2px 6px 2px 0;
}
#colum2 ol#noticias h3
{
	font-size: 11px;
	padding: 4px 0 0 0;
}
#colum2 ol#noticias h3 a
{
	font-size: 12px;
	color: #000000;
}
#colum2 ol#noticias li p,
#colum2 ol#noticias h4
{
	font-size: 10px;
	font-weight: normal;
	margin: 4px 0;
}
#colum2 ol#noticias h5
{
	text-align: right;
}
#colum2 ol#noticias h5 a
{
	font-size: 10px;
}
#colum2 input
{
	float: left;
	max-height: 75px;
	max-width: 100px;
	margin: 0 5px 0 -4px;
}




/*----- noticias -----*/
#colum2 #noticia
{
	background: transparent url(images/cabecera-1.jpg) no-repeat scroll center top;
	padding: 232px 8px 10px 8px;	
}
#colum2 #noticia h3
{
	font-size: 14px;
	margin: 8px 0 10px 0;
}
#colum2 #noticia img
{
	float: right;
	margin: 0 5px 1px 6px;
	max-width: 280px;
}
#colum2 #noticia p
{
	font-size: 11px;
	margin: 5px 0 10px 0;
}
#colum2 h6
{
	font-size: 13px;
	margin: 10px 0 25px 0;
	text-align: center;
}







/*----- contactar -----*/
#contacto
{
	background:transparent url(images/background-contactar.jpg) no-repeat scroll center top;
	padding: 195px 8px 10px 8px;
}
#contacto fieldset
{
	padding: 0 0 0 0;
}
#contacto fieldset legend
{
	border-bottom: 1px solid #C4E2A4;
	font-weight: bold;
	padding: 2em 12em 0pt 1.5em;
	text-align: left;
}
#contacto fieldset label
{
	display: block;
	margin: 0;
	overflow: auto;
	padding: 7px 0 0.4em 0;
}
#contacto fieldset label .txt,
#contacto fieldset label .motivo
{
	display: block;
	float: left;
	padding: 2px 0 0 0;
	text-align: right;
	width: 7em;
}
#contacto fieldset input
{
	margin: 0 0 0 0.3em;
}
#contacto fieldset input:focus,
#contacto fieldset input:hover,
#contacto fieldset textarea:focus,
#contacto fieldset textarea:hover
{
	background-color: #DCEEC8;
}
#contacto fieldset input:hover.button,
#contacto fieldset input:focus.button
{
	background-color: #D4D0C8;
}

#contacto fieldset textarea
{
	float: left;
	height: 4.5em;
	margin: 0 0 0 0.5em;
	width: 65%;
}
#contacto .button
{
	clear: both;
	display: block;
	margin: 4px 0 12px 42%;
	width: 5em;
}
 /* datos cotnacto */
#contacto dl
{
	margin: 0.6em 0 0 0;
	overflow: auto;
	width: auto;
}
#contacto dt
{
	clear: both;
	display: block;
	float: left;
	font-weight: bold;
	margin:0.5em 0.5em 0 0;
	text-align:right;
	width: 7em;
}
#contacto dd
{
	display: block;
	float: left;
	margin: 0.5em 0 0 0;
	width: 360px;
}

 /* aviso privacidad */
#contacto h4
{
	clear: both;
	font-size: 11px;
	padding: 4px 0 0.2em 0.5em;
}
#contacto p
{
	font-size: 9px;
	margin: 0 0 2em 0;
}




/*----- Poltica privacidad -----*/
body#pprivada
{
	display: block;
	text-align: center;
	width: 99%;
}
body#pprivada h1
{
	background: #90C74F url(images/logotipo.jpg) no-repeat scroll center top;
	height: 80px;
	margin: 0em auto;
	padding: 0 10px;
	text-indent: -90000em;
	width: 370px;
}
body#pprivada .text
{
	background: #FFFFFF url(images/background-menu.jpg) repeat-x scroll center top;
	color: #000000;
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0em auto;
	padding: 0 10px 20px 10px;
	text-align: justify;
	width: 370px;
}




/*----- FAQ -----*/
#faq,
#consultas_sms,
#sobre,
#info,
#productos,
#producto,
.agradecimiento_contacto,
#solicitud_ayuda,
#noticia,
#secciones
{
	padding: 195px 8px 10px 8px;
}



/*----- Consultas SMS -----*/
#consultas_sms
{
	background: transparent url(images/background-consultassms.jpg) no-repeat scroll center top;
}

#sobre
{
	background: transparent url(images/background-sobre.jpg) no-repeat scroll center top;
}

#solicitud_ayuda
{
	background: transparent url(images/background-solicitar-ayuda.jpg) no-repeat scroll center top;
}

#info
{
	background: transparent url(images/background-informacion.jpg) no-repeat scroll center top;
}


#faq
{
	background: transparent url(images/background-faq.jpg) no-repeat scroll center top;
}

#secciones
{
	background: transparent url(images/background-todassecciones.jpg) no-repeat scroll center top;
}

.agradecimiento_contacto
{
	background: transparent url(images/background-sinresultados.jpg) no-repeat scroll center top;
}
#colum2 .agradecimiento_contacto h2
{
	font-size: 18px;
}
#colum2 .agradecimiento_contacto p
{
	margin: 0 0 50px 0;
}



/*----- producto -----*/
#baul_magico #producto
{
	background: transparent url(images/cabecera-baul-magico.jpg) no-repeat scroll center top;
	padding: 240px 8px 10px 8px;
}
#baul_magico .tipo_2 #producto
{
	background: transparent url(images/cabecera-baul-magico.jpg) no-repeat scroll center top;
}
#baul_magico .tipo_3 #producto
{
	background: transparent url(images/cabecera-baul-magico.jpg) no-repeat scroll center top;
}
#baul_magico #producto h2
{
	font-size: 15px;
}
#baul_magico #producto p
{
	font-size: 11px;
	margin: 0 0 8px 0;
}
#baul_magico #producto img
{
	float: right;
	margin: 10px 0 0 10px ;
}

 /* formulario contacto */
#baul_magico #producto fieldset
{
	padding: 0 0 0 0;
}
#baul_magico #producto fieldset legend
{
	border-bottom: 1px solid #C4E2A4;
	font-weight: bold;
	padding: 2em 30px 0pt 1.5em;
	text-align: left;
}
#baul_magico #producto fieldset label
{
	display: block;
	margin: 0;
	overflow: auto;
	padding: 7px 0 0.4em 0;
}
#baul_magico #producto fieldset label .txt,
#baul_magico #producto fieldset label .motivo
{
	display: block;
	float: left;
	padding: 2px 0 0 0;
	text-align: right;
	width: 123px;
}
#baul_magico #producto fieldset input,
#baul_magico #producto fieldset textarea
{
	margin: 0 0 0 0.3em;
	max-width: 200px;
	width: 200px;
}
#baul_magico #producto fieldset input:focus,
#baul_magico #producto fieldset input:hover,
#baul_magico #producto fieldset textarea:focus,
#baul_magico #producto fieldset textarea:hover
{
	background-color: #DCEEC8;
}
#baul_magico #producto fieldset input.button
{
	margin: 0 0 0 129px;
	width: 5em;
}
#baul_magico #producto fieldset input:hover.button,
#baul_magico #producto fieldset input:focus.button
{
	background-color: #D4D0C8;
}
#baul_magico #producto fieldset textarea
{
	float: left;
	height: 4.5em;
	margin: 0 0 0 0.5em;
	max-width: 300px;
	width: 300px;
}




/*----- productos -----*/
#baul_magico #lista_productos
{
	background: transparent url(images/cabecera-baul-magico.jpg) no-repeat scroll center top;
	padding: 240px 8px 10px 8px;
}
#baul_magico #lista_productos li
{
	overflow:auto;
	width:100%;
}
#baul_magico #lista_productos input
{
	float: right;
	max-width: 120px;
}
#baul_magico #lista_productos h3
{
	font-size: 15px;
	margin: 0 0 5px 0;
}
#baul_magico #lista_productos p
{
	font-size: 10px;
}
#baul_magico #lista_productos h6
{
	text-align: left;
}
#baul_magico #lista_productos h6 a
{
	font-size: 11px;
	margin: 0;
}

#baul_magico .tipo_2 #lista_productos,
#baul_magico .tipo_2 #producto
{
	background: transparent url(images/cabecera-baul-magico-2.jpg) no-repeat scroll center top;
}
#baul_magico .tipo_3 #lista_productos,
#baul_magico .tipo_3 #producto
{
	background: transparent url(images/cabecera-baul-magico-3.jpg) no-repeat scroll center top;
}




/*----- Secciones -----*/
#secciones li
{
	font-size: 11px;
	margin: 4px 0 2px 5px;
}