/*======== 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 10px; }

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

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

#MenuHeader li
{
	font-size:12px;
	display:inline;
	margin:0px 3px;
	border-right:1px solid #fff;
	padding:0px 10px 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; }
/*====================================
		MAIN COTENIDO
====================================*/
#Main
{ background:#fff; font-family:Arial; width:820px;  }
/*===================================*/

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

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

#Indice
{ margin:5px 10px 0px 10px; }

#Indice H1
{ font-size:18px; color:#356F6D; text-align:center;  margin:0px 0px 10px 0px; }

#Indice H2
{ font-size:16px; text-align:center; margin:0px 0px 20px 0px; }

#Indice H3
{ font-size:15px; margin:0px 0px 20px 0px; }

#Indice P
{ font-size:12px;  margin:0px 0px 0px 10px; }

#Indice OL, #Indice UL
{ font-size:12px; margin:10px 0px 10px 50px; }

#Indice LI
{ list-style:normal; padding:0px 0px 0px 0px; margin:0px 0px 3px 0px; line-height:1.9em; }

#Indice A
{ color:#35627C; }

#Indice A:hover
{ color:#000; text-decoration:none; }
/*====================================*/

#ContenidoEboock
{ width:806px; margin:0px auto; padding:10px 0px; }

#ContenidoEboock H1.Capitulo
{ font-size:18px; color:#FFBB55; font-weight: bold; margin:10px 50px 15px 10px; text-align: right}
#ContenidoEboock H1
{ font-size:22px; color:#356F6D; font-weight: bold; margin:10px 0px 15px 10px; text-align:center}

#ContenidoEboock H2
{ font-size:18px; color:#356F6D; font-weight: bold; margin:0px 0px 12px 10px;}

#ContenidoEboock H3
{ font-size:15px; color:#356F6D; font-weight: bold; margin:2px 0px 12px 10px;}

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

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

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

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

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

#ContenidoEboock P.Peque
{ font-size:11px;}

#ContenidoEboock P.Centro
{text-align:center}

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

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

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

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

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


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

#ContenidoEboock LI
{ font-size:12px; margin: 0px 10px 5px 25px; line-height:1.8em; }

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

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

#ContenidoEboock A.VerMas
{ color:#000; font-size:11px; text-decoration:none; display:block; padding:4px 0px 0px 0px; width:150px; height:20px; background:url(../imagenes/Autoayuda/btn_masinfolarge.jpg) no-repeat; margin:10px auto; }

#ContenidoEboock A:hover.VerMas
{ background:url(../imagenes/Autoayuda/btn_masinfolarge.jpg) no-repeat 0px -24px; }


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

.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; }


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

#ContenidoEboock A.VerMas
{ color:#000; font-size:11px; text-decoration:none; display:block; padding:4px 0px 0px 0px; width:150px; height:20px; background:url(../imagenes/Autoayuda/btn_masinfolarge.jpg) no-repeat; margin:10px auto; }

#ContenidoEboock A:hover.VerMas
{ background:url(../imagenes/Autoayuda/btn_masinfolarge.jpg) no-repeat 0px -24px; }

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

#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; }
/*===================================*/
#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;}

#navegacion {
    font-family: verdana;
    font-size: 12px;
    margin: 20px;
    text-align: center;
}
#navegacion a {
    border: 1px solid #68A3A3;
    color: #477070;
    margin: 3px;
    padding: 2px 6px;
    text-decoration: none;
}
#navegacion a:hover {
    background-color: #E3F1F1;
    border: 1px solid #183F3F;
}