/*======== Design by K@rlo$ ========*/
*{	margin:0px; padding:0px;	}

BODY
{ background:#C8E6E6 url(../imagenes/ArtAutoayuda/background.png) repeat-x;	font-family:Arial,Tahoma, Helvetica;	}

SPAN.Aux
{ display:block!important; clear:both!important; font-size:2px!important; float:none!important; }

#Container
{ width:820px; margin:0px auto;}

#Header
{ width:820px; height:333px; background:#fff; }

#CMenuHeader
{ background:url(../imagenes/ArtAutoayuda/bg_menuheader.png) no-repeat; width:820px; height:110px; position:relative;
 z-index:1;}

#LogoHeader
{	width:220px; float:left; }

#LogoHeader IMG
{ border:none; margin:25px 0px 0px 12px; }

/*==============================================================*/
#MenuHeader
{
	width:800px;
	height:60px;
	margin:0px auto;
	clear:both;
	background:url(../imagenes/bg_menuprincipal.jpg) no-repeat;
}

#MenuHeader ul
{
	text-align:center;
	padding:5px 0px;
}

#MenuHeader li
{
	font-size:12px;
	display:inline;
	margin:0px 3px;
	border-right:1px solid #fff;
	padding:0px 6px 0px 0px;
}

#MenuHeader li.ultimo
{	border:none;	}

#MenuHeader a
{
	color:#FFF5E8;
	text-decoration:none;
}

#MenuHeader a:hover
{
	color:#ffcc00;
	text-decoration:underline;
}
/*==============================================================*/


#Nav, #Nav UL
{ list-style:none; line-height:1em; color:#000; background:transparent; font-size:12px; margin:0px auto; }

#Nav A
{ display:block; padding:8px 12px; color:#000; text-decoration:none; }

#Nav LI 
{ float:left; }

#Nav li ul 
{ position:absolute; left:-999em; height:auto; width:174px;  font-weight:normal; border:1px solid #ccc; border-bottom:none;	font-size:11px; }

#Nav li li
{ width:150px; }

#Nav li ul a 
{ padding:8px 12px; width:150px; border-bottom:1px solid #ccc; }

#Nav li:hover ul ul, #Nav li:hover ul ul ul, #Nav li.sfhover1 ul ul, #Nav li.sfhover1 ul ul ul 
{ left: -999em; }

#Nav li:hover ul, #Nav li li:hover ul, #Nav li li li:hover ul, #Nav li.sfhover1 ul, #Nav li li.sfhover1 ul, #Nav li li li.sfhover1 ul 
{ left: auto; }

#Nav li:hover a.one, #Nav li.sfhover1 a.one,
#Nav li:hover a.two, #Nav li.sfhover1 a.two,
#Nav li:hover a.three, #Nav li.sfhover1 a.three 
{ color:#fff; background:#FF9900; }

#Nav li ul.NavSec a 
{ background:#fff; color:#555; }

#Nav li ul.NavSec a:hover 
{ background:#FFD393; color:#000; }

#PubHeader
{ width:500px; float:right; margin:35px 0px 0px 25px; height:60px; }

#PubHeader IMG
{ border:none; }


/*===================================*/

.indicador
{
	clear:both;
	margin:8px 15px 5px 15px;
	background:#3F817D;	
	padding:5px 0px 5px 5px;
	height:15px;
}

 
.indicador p { font-size:12px; color:#fff; }
.indicador a { text-decoration:none;	color: white;	font-weight:bold; font-style:normal; }
.indicador a:hover { text-decoration:underline; color:#ccc; }
.indicador span { float:left; margin:0px 5px 0px 0px; }

.indicador span.separador
{
	background:url(../imagenes/Autoayuda/bg_separador.png) no-repeat;
	display:block;
	width:14px;
	height:10px;
	margin:3px 5px 0px 0px;
}

/*===================================*/
#Banner
{ background:url(../imagenes/ArtAutoayuda/bg_bannerheader.jpg) no-repeat; width:820px; height:116px; }
/*===================================*/
#Busqueda
{ float:right; margin:20px 0px 0px 0px; width:300px; }

#Busqueda INPUT.InputText
{ border:1px solid #000; padding:2px; width:220px;	}

#Busqueda INPUT.InputSubmit
{	border:1px solid #000; margin:0px 0px 0px 10px;	}

#PubGoogleAbajo
{ text-align:center; padding:15px 0px 5px 0px; }


#PubLibro
{ text-align:center; padding:10px 0px 10px 0px; }

/*====================================
		MAIN COTENIDO
====================================*/
#Main
{ background:#fff; font-family:Arial; width:820px;  }
/*===================================*/

#PubGoogle
{ text-align:center; padding:5px 0px 10px 0px; }

/*===================================*/
#ArtAutoayuda
{ width:806px; margin:0px auto; padding:10px 0px; }

#ArtAutoayuda H1
{ font-size:18px; color:#448A88; font-weight: bold; margin:10px 0px 10px 10px; text-align:center}

#ArtAutoayuda H2
{ font-size:16px; color:#448A88; font-weight: bold; margin:0px 0px 10px 10px;}

#ArtAutoayuda H3
{ font-size:14px; color:#448A88; font-weight: bold; margin:0px 0px 5px 10px;}

#ArtAutoayuda H4       
{font-size:13px; color:#444444; margin:0px 0px 5px 10px; text-align:center}

#ArtAutoayuda H5       
{font-size:16px; color:#FFBB55; margin:0px 0px 5px 10px; text-align:center}

#ArtAutoayuda IMG
{ margin:3px 0px 0px 10px; }

#ArtAutoayuda P
{ font-size:12px; line-height:1.5em; margin:0px 10px 15px 10px;  clear:both; text-align:justify}

#ArtAutoayuda P.Centro
{ font-size:12px; line-height:1.5em; margin:0px 10px 15px 10px;  clear:both; text-align:center}

#ArtAutoayuda P.Derecho
{ font-size:12px; line-height:1.5em; margin:0px 10px 15px 10px;  clear:both; text-align:right}

#ArtAutoayuda P.Figura
{ font-size:12px; line-height:1.5em; margin:0px 10px 15px 10px;  clear:both; text-align:center}

#ArtAutoayuda P.Titulo
{ margin:0px;  }

#ArtAutoayuda A
{ color:#335F78; font-weight:bold; }

#ArtAutoayuda A:hover
{ color:#999999; }

#ArtAutoayuda A.VerOtros
{ color:#335F78; margin:0px auto; float:right; font-size:12px; font-weight:bold; padding:0px; background:none; }

#ArtAutoayuda A:hover.VerOtros
{ color:#999; text-decoration:none; }


#ArtAutoayuda UL, #ArtAutoayuda OL
{ margin:10px 0px 10px 50px;}

#ArtAutoayuda LI
{ font-size:12px; margin:0px 0px 2px 15px; line-height:1.8em; }


#ArtAutoayuda UL.ninguna
{ margin:10px 0px 10px 50px; list-style-type:none}

#ArtAutoayuda UL.ninguna
{ margin:10px 0px 10px 30px; list-style-type:none}


#ArtAutoayuda OL.minuscula
{ margin:10px 0px 10px 30px; list-style-type:lower-latin}

#ArtAutoayuda OL.mayuscula
{ margin:10px 0px 10px 30px; list-style-type:upper-latin}



.TablaFigura { margin:0px 60px 15px 60px;  font-size:12px;}

/*===================================*/

.ArtAutoayudaContenido
{width:651px;  float:left; margin:10px 0px 0px 0px; padding:10px 0px; }

.ArtAutoayudaBannerDer
{ width:145px;  float:right;  margin:10px 0px 0px 0px; }


/*===================================*/

#AntSig
{ margin:20px 0px 15px 0px; }

#AntSig UL
{ text-align:center; }

#AntSig LI
{ display:inline; margin:0px 10px; font-weight:bold; color:#000; font-size:12px; }

#AntSig A
{ margin:0px 4px; }

#AntSig A
{ color:#35627C; }

#AntSig A:hover
{ color:#000; text-decoration:none; }


/*===================================*/
#BarraNavegacion
{margin: 5px 5px 5px 5px; padding: 4px 20px 4px 20px; background:#72B8B8;}

#BarraNavegacion P
{ font-size:15px; font-weight:bold; color:#FFFFFF}

#BarraNavegacion A
{
	color:#335F78;
	/*color:#FFFFFF;*/
	text-decoration: none;	
}

#BarraNavegacion A:hover
{ color:#E18700; text-decoration:none; }


/*===================================*/

#ContactarAutor
{ text-align:center;  margin:10px auto; clear:both;  }

#ContactarAutor INPUT.Button
{ width:150px; height:24px; font-size:11px; font-weight:bold; border:none; background:url(../imagenes/Autoayuda/btn_autor.gif) no-repeat;   padding:0px 0px 2px 0px;}
/*===================================*/

#Imprimir
{ text-align:center;  margin:10px auto; clear:both;  }

#Imprimir INPUT.Button
{ width:100px; height:27px; font-size:11px; border:none; background:url(../imagenes/cDuelo/btn_imprimir.jpg) no-repeat; }

#EnviarAmigo
{text-align:center; margin:10px auto; clear:both; }

#EnviarAmigo INPUT.Button
{ width:100px; height:27px; font-size:11px; border:none; background:url(../imagenes/cDuelo/btn_imprimir.jpg) no-repeat; }

/*===================================*/

.FormContacto
{ width:480px; margin:10px auto; border:3px solid #CDE8E8; padding:5px 0px; background:#F7FBFB; }

.FormContacto P
{ font-size:12px; font-weight:bold; height:28px; padding:6px 0px 0px 0px; border-bottom:1px solid #CDE8E8; margin:0px 10px; }

.FormContacto P.Dato
{ font-size:12px; font-weight:bold; height:auto; padding:4px 0px 0px 0px; border:none; margin:4px 10px 0px 10px; }

.FormContacto P.NoLine
{	border:none;	}

.FormContacto P.Boton
{	border:none; text-align:center;	}

.FormContacto LABEL
{ float:left; text-align:right; margin:4px 2px 0px 0px; display:block; width:130px; }

.FormContacto INPUT.InputText
{ padding:2px; width:200px;	}

.FormContacto SPAN
{ font-weight:normal; font-size:10px; padding:5px 0px 0px 3px; float:left; }

.FormContacto TEXTAREA
{ font-weight:normal; width:280px; height:100px; font-size:12px; font-family:Arial; padding:5px 0px 0px 3px; float:left; }

.FormContacto Validador 
{ float:left; font-size:12px;  text-align:right; margin:40px 20px 20px 10px;  width:450px;  }

.Validador LABEL
{ float:left; text-align:right; margin:4px 2px 0px 0px; display:block; width:245px;  font-size:12px; font-weight:bold; }
/*===================================*/
#Colabora
{ margin:10px auto; width:600px; border:2px solid #FCAC3D; background:#FEEFDA; padding:10px 0px; }

#Colabora P
{ font-size:12px; text-align:center; margin:0px 0px 4px 0px; font-weight:bold; }

#Colabora A
{ color:#335F78; }

#Colabora A:hover
{ color:#999; text-decoration:none; }
/*===================================*/
#VentaLibros
{ clear:both; }

#VentaLibros H1
{ color:#fff; background:#439494; font-size:18px; padding:4px 0px; text-align:center; margin:0px 0px 10px 0px; }

.VLibroD
{ float:left; width:360px; margin:0px 0px 0px 25px; padding:0px 0px 5px 0px; }

.VLibroI
{ float:right; width:360px; margin:0px 25px 0px 0px; padding:0px 0px 5px 0px; }

.VLibroD H2, .VLibroI H2
{ text-align:center; font-size:14px; margin:0px 0px 5px 0px;  }

.VLibroD IMG, .VLibroI IMG
{ float:left; width:100px; height:140px; margin:0px 5px 0px 0px;  border:none; }

.VLibroD P, .VLibroI P
{ font-size:12px; margin:0px 5px 0px 0px; text-align:justify}

.VLibroD P.Centro, .VLibroI P.Centro
{ text-align:center; margin:5px 0px 0px 0px; }

.VLibroI A, .VLibroD A
{ color:#35627C; font-weight:bold; }

.VLibroI A:hover, .VLibroD A:hover
{ color:#000; text-decoration:none; }
/*===================================*/


/*===============Redes Sociales====================*/
#marcadores_sociales {
	margin:15px 20px 10px 20px;
	border-top:	4px double #cad4e7;
	text-align:	left;
}

#marcadores_sociales  img {
	border:	none;
}

#marcadores_sociales ul {
	
	list-style:	none;
	margin:	0px;
	padding:10px 0px 0px 0px;
}

#marcadores_sociales ul li {
	background:	none;
	display:	inline;
	list-style-type:	none;
	padding:	0px;
}

#marcadores_sociales ul.twitter {
	
	list-style:	none;
	margin:	0px;
	padding:3px 0px 0px 0px;
}
/*===============publicidad====================*/
.separador_banner
{
	margin:0px auto;
	width:600px;
	height:10px;
	background:url(../imagenes/index/bg_separador.jpg) no-repeat;
	clear:both;
}

.publicidad
{
	width:468px;
	height:60px;
	text-align:center;
	margin:0px auto 10px auto;
}

/*=======================para el diseņo de tabla======================*/

/*===================================*/
#Footer
{ clear:both; background:#fff url(../imagenes/ArtAutoayuda/bg_footer.png) repeat-x; height:155px; }

#MainFooter
{ width:820px; margin:0px auto; background:url(../imagenes/ArtAutoayuda/logo_psico2.png) no-repeat center 10px; padding:75px 0px 0px 0px; }

#MainFooter P
{ text-align:center; font-size:11px; margin:0px 0px 5px 0px;}