/*==============================
			-- GENERAL -- 
==============================*/
*{margin:0;padding:0;border:0;}
.clear{clear:both}

html,
body{
color:#000;
background:#ffffff;
font:12px Verdana, Arial, Helvetica, sans-serif;}

p,
li,
dd{
font-size:0.85em;}

p{
margin-bottom:6px;}

li{
list-style:none;
background:url(img/guionli.png) no-repeat 0 5px;
padding-left:8px;}

a{
color:#567EB9;
text-decoration:none;}
a:hover{color:#000;}

/*h1-h2-h3*/
h1{
display:block;
width:527px;
height:122px;
background:url(img/logo.png) no-repeat top left;}
h1 span{display:none;}

h2{
font-size:1em;
color:#567EB9;}

h3{
color:#000;
font-size:0.85em;
margin-top:12px;}

/*==============================
			-- MENU --
==============================*/
#menu{margin:16px 0px 8px -8px;}
#menu li{background:none}
#menu li a{display:block;width:248px;}
#menu li.menu1 a{height:35px;background:url(img/menu1.png) no-repeat 0 0;}
#menu li.menu1 a:hover{background:url(img/menu1.png) no-repeat 0 -40px;}
#menu li.menu2 a{height:35px;background:url(img/menu2.png) no-repeat 0 0;}
#menu li.menu2 a:hover{background:url(img/menu2.png) no-repeat 0 -40px;}
#menu li.menu3 a{height:35px;background:url(img/menu3.png) no-repeat 0 0;}
#menu li.menu3 a:hover{background:url(img/menu3.png) no-repeat 0 -40px;}
#menu li.menu4 a{height:35px;background:url(img/menu4.png) no-repeat 0 0;}
#menu li.menu4 a:hover{background:url(img/menu4.png) no-repeat 0 -40px;}
#menu li a span{display:none;}

#perque #menu li.selected a{background:url(img/menu1.png) no-repeat 0 -40px #fff;}
#pnl #menu li.selected a{background:url(img/menu2.png) no-repeat 0 -40px;}
#serveis #menu li.selected a{background:url(img/menu3.png) no-repeat 0 -40px;}
#blog #menu li.selected a{background:url(img/menu4.png) no-repeat 0 -40px;}


/*==============================
			-- CONTENIDO --
==============================*/
#contenedor{
width:970px;
margin-left:20px;} 

/*contenedor -> columna izquierda*/
.contentleft{
float:left;
width:328px;
padding:0 20px 10px 0;}

.contentleft ul{
margin-bottom:12px;}

.contentleft dl{
margin-bottom:40px;}
.contentleft dt{
color:#567EB9;
font-size:1em;
font-weight:normal;
margin-top:12px;}
.contentleft dt strong{
color:#567EB9;;}


/*contenedor -> columna derecha*/
.contentright{
float:right;
width:620px;}

.contentright p{
margin:0}

.contentright p.antoni1,
.contentright p.antoni2,
.contentright p.ubicacion{
margin-left:100px;}


/*contenedor -> columna derecha -> columna izquierda*/
.contentright .leftcolumn{
float:left;
margin-top:-81px;
width:280px;
padding-right:20px;
margin-right:20px;}
.contentright .leftcolumn h2{
font-size:0.85em;}

/*contenedor -> columna derecha -> columna derecha*/
.contentright .rightcolumn{
width:300px;
float:left;}
.contentright .rightcolumn .antonix2{
width:200px;
margin-left:100px;}


/*==============================
			-- HOME --
==============================*/
#home .contentright p.antoni1,
#home .contentright p.ubicacion{
margin-left:220px;}

#home .contentright p.ubicacion{
font-size:0.8em;}

/*==============================
		-- PER QUÈ JO --
==============================*/
#perque h1{
width:560px;
height:83px;
background:url(img/logo2.png) no-repeat top left;
margin-bottom:75px;}

#perque p.slogan{
width:auto;
text-align:left;}


/*==============================
		-- PNL-Coaching --
==============================*/
#pnl h1{
width:286px;
height:154px;
background:url(img/logo3.png) no-repeat top left;
margin-left:300px;}

#pnl h2{
margin-top:20px;}

#pnl h3{
color:#567EB9;
font-size:0.95em;
font-weight:normal;
margin:0 0 12px 0;}

#pnl .lista1,
#pnl .lista2{float:left;}
#pnl .lista1{
width:110px;
margin-right:8px;}
#pnl .lista2{width:210px;}
#pnl .contentright .lista1{width:140px;}
#pnl .contentright .lista2{width:110px;}



/*==============================
			-- SERVEIS --
==============================*/
#serveis h1{
width:435px;
height:132px;
background:url(img/logo4.png) no-repeat top left;
margin-left:65px;}

#serveis h2{
text-transform:uppercase;}


/*--------- EXTRAWIDTH ---------*/
.extrawidth{
	width:725px;
	margin-top:-90px;
}
.extrawidth ul{
float:left;
width:200px;}
.extrawidth li{
margin-right:10px;}


/*==============================
			-- BLOG --
==============================*/
#blog h1{
width:354px;
height:125px;
background:url(img/logo5.png) no-repeat top left;
margin-left:215px;}

#blog h2{
margin-top:12px;}

#blog .contentleft{
padding-right:0;
width:298px;}
#blog .contentleft p{
margin:0}

#blog .contentright{
width:670px;}

#blog .contentright p.antoni1{
margin-left:65px;}

#blog .contentright p.antoni2,
#blog .contentright p.ubicacion{
margin-left:170px;}


/*==============================
			-- PIE --
==============================*/
#footer{
width:628px;
font-size:0.8em;
color:#9B9B9B;
margin:30px 0 0 0;
padding:4px 0 40px 0;
background:url(img/dotted.png) repeat-x top left;}

#home #footer,
#blog #footer{
width:348px;}