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

BODY
{ background:#C8E6E6 url(../imagenes/GuiaAutoayuda/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:293px; background:#fff; }

#CMenuHeader
{ background:url(../imagenes/GuiaAutoayuda/bg_menuheader.png) no-repeat; width:820px; height:110px;}

#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:5px 0px;
}

#MenuHeader li
{
	font-size:12px;
	display:inline;
	margin:0px 3px;
	border-right:1px solid #fff;
	padding:0px 7px 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; }

#Banner
{ background:url(../imagenes/GuiaAutoayuda/bg_bannerheader.jpg) no-repeat; width:820px; height:116px; margin:0px 0px 8px 0px;}

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

.BannerGuia
{width:310px; float:left; padding:18px 5px 15px 190px;}

.BannerGuia P
{ font-size:11px; margin:0px 5px 5px 5px; line-height:1.4em; }

.BannerGuia A
{
	color:#000000;
	
} /*color:#35627C; color:#3F7798;*/

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

.BannerGuia OPTION{font-size:11px;}
.BannerGuia SELECT{ font-size:11px;} 

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

#Busqueda
{ float:right; margin:20px 0px 0px 0px; width:300px; }

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

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

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

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

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

#ArtAutoayuda H1
{ font-size:18px; color:#448A88; margin:0px 0px 5px 0px;}

#ArtAutoayuda H2
{ font-size:16px; color:#448A88; display:block; margin:0px 0px 5px 0px; }

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

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

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

#ArtAutoayuda A
{ color:#335F78; font-weight:bold; float:left; margin:0px 5px 0px 0px; padding:0px 0px 0px 12px; background:url(../imagenes/GuiaAutoayuda/ico_vinieta.jpg) no-repeat 0px 3px; }

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



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


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

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

.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/GuiaAutoayuda/bg_footer.png) repeat-x; height:155px; }

#MainFooter
{ width:820px; margin:0px auto; background:url(../imagenes/GuiaAutoayuda/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;}

.contenedor-sociales{
	width: 900px;
	height: 60px;
}

.marcadores_sociales{
	height: 50px;
	margin: auto;
	width: 600px;
}

.botones-addthis{
	margin-top: 10px;
	float: left;
	width: 280px;
}

.boton-social{
	padding-top: 15px;
	float: left;
}