/*	Desc: Estils per veure en pantalla
	Autor: Xenoid
	Data: nov 2007 -> 2010
++++++++++++++++++++++++++++++++++++++++++++++ */


/*  =RESET 
=== === === === === === === === === === */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/*=ESTRUCTURA
=== === === === === === === === === === */
html {}

body {
background: #FFFFFF url(/img_css/cab_bg.png) repeat-x scroll center top;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top:0px solid #55bb00;
}

/*=GENÈRIC
=== === === === === === === === === === */
* {
padding: 0;
margin: 0
}

img {
border: 0;
}

img.drta {
margin-bottom: 20px;
}

a {
text-decoration: none;
outline:none;
}

a:hover {
text-decoration: underline;
}

#content a {
color: #BB4600 /*BB0500*/;
}

#content p.sub_titol a {
color: #777;
text-decoration: underline;
}

#content p.sub_titol a:hover {
color: #000;
}


#drta a, #peu a {
color:#666;
}

#drta a:hover, #peu a:hover {
color: #000;
text-decoration: none;
}

#peu a:hover {
text-decoration:underline;
}

#postpeu a {
color:#fff;
}

p, li, blockquote {
font-size: 100%; 
line-height: 160%
}

p.sub {
font-size: 85%;
color:#666;
margin:5px 0 0px;
}

p.categs {
color:#666;
padding: 10px 0;
line-height: 150%;
}

p.oldnew {
margin-top: 20px;
/* border-top:1px solid #AFC0AF; */
width:100%;
position: relative;
padding: 15px 0 0;
font-size:85%;
}

p.oldnew span a {
position:absolute;
right: 0px;
}

p.nextprev {
margin-bottom: 50px;
padding-top: 0px;
font-size: 75%;
}

blockquote {
background: #F2F5F2 /*F1FFE6*/ url(/images/39.gif) 20px 20px no-repeat;
font-style:italic;
padding: 40px 50px 40px;
margin-bottom: 20px;
}

blockquote em, em em {
font-style : normal; 
}

div.bodytxt {
padding-bottom: 20px;
text-align: left;
}

.bodytxt p, .estatic p {
margin-bottom: 15px;
}

h2 {
border-bottom:0px solid #e0d2c5;
color:#536b3f;
font-family: trebuchet ms, lucida grande, arial, helvetica, sans-serif;
font-size:130%;
font-weight:bold;
letter-spacing:0px;
line-height:1em;
margin:0px 0pt 5px;
}

h2.llista {
color: #333;
margin: 0px 0pt 50px;
}

.dinsdrta h2 {padding: 10px 20px; background: #ffaa11; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 100%; margin: 0;}

#content h2 a {
color:#536b3f;
}

/*
h2.blog a {
background: transparent url(/images/25.png) no-repeat left bottom;
padding-left: 25px;
margin-left: -25px;
}

h2.web a {
background: transparent url(/images/24.png) no-repeat left top; 
padding-left: 25px;
margin-left: -25px;
}

h2.blog a:hover {
background: transparent url(/images/25.png) no-repeat left top; 
}

h2.web a:hover {
background: transparent url(/images/24.png) no-repeat left bottom; 
}
*/

#content h3 {
border-top: 1px solid #afc0af;
color: #536B3F;
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
font-weight: bold;
letter-spacing: 0px;
line-height: 1.5em;
margin: 0px 0pt 0px;
padding: 10px 0pt;
text-transform: uppercase;
}

#content h3.res_busca {
color:#999;
letter-spacing:0px;
margin:20px 0pt 0px;
}

.dinsdrta h3 {
border-bottom:1px solid #D8DFD8;
color:#BB4600;
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
font-size:95%;
font-weight:bold;
letter-spacing:0px;
line-height:0.8em;
margin:20px 20px 8px;
padding: 0 0 8px;
}

.dinsdrta h4 {
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
font-size: 110%;
font-weight: bold;
line-height: 1.25em;
padding: 10px 20px 5px; 
}

h5.post_autor, p.sub_titol {
color:#777;
font-weight:normal;
margin: 15px 0 25px;
line-height: 150%;
}

p.sub_titol {
margin: 0 0 40px;
}

p.res_busca {
margin-top: 25px ;
}

div.bodytxt ul {list-style-type: disc; margin: 0 0 30px 40px;
}

div.bodytxt ol {margin: 0 0 30px 40px;
}

#content ul.out {
margin-top: 25px;
}




#drta li, p.link_drta, p.link_seccio {

line-height:105%;
padding-bottom:5px;
}

#drta ul.cate li, #drta ul.autors li, #drta ul.links li {
padding-bottom:0;
}

#drta li a, p.link_drta a, p.link_seccio a {
font-size:90%;
}

#drta ul.cate li a, #drta ul.autors li a, #drta ul.rss li a, #drta ul.mas_com li a, #drta ul.links li a, #drta ul.out li a {
letter-spacing:0px;
display:block;
}

#drta ul.listblog li a, #drta ul.listweb li a {
background:transparent url(/images/7.png) no-repeat left top;
display: block;
padding: 0px 0pt 0px 20px;
}

#drta ul.listblog li a:hover, #drta ul.listweb li a:hover {
background: #fff url(/images/8.png) no-repeat left top;
}

#drta ul.cate li a {
background:transparent url(/images/7.png) no-repeat left center;
padding:5px 0pt 0px 20px;
height:16px;
line-height:0.8em;
}

#drta ul.cate li a.activ, #drta ul.cate li a:hover {
background:#fff url(/images/8.png) no-repeat left center;
}

#drta ul.links li a {
background:transparent url(/images/32.png) no-repeat left center;
padding:5px 0pt 0px 20px;
height:16px;
line-height:0.8em;
}

#drta ul.links li a:hover {
background:#fff url(/images/31.png) no-repeat left center;
}

#drta ul.autors li a {
background:transparent url(/images/14.png) no-repeat left center;
padding:5px 0pt 0px 20px;
height:16px;
line-height:0.8em;
}

#drta ul.autors li a:hover {
background:#fff url(/images/15.png) no-repeat left center;
}

#drta ul.rss li a {
background:transparent url(/images/17.png) no-repeat left 2px;
padding:5px 0pt 0px 25px;
height:16px;
line-height:0.8em;
}

#drta ul.rss li a:hover {
background:#fff url(/images/16.png) no-repeat left 2px;
}

#drta ul.mas_com li a {
background:transparent url(/images/12.png) no-repeat left top;
padding:0px 0pt 0px 25px;
}

#drta ul.mas_com li a:hover {
background:#fff url(/images/11.png) no-repeat left top;
}

#drta ul.out li a {
background:transparent url(/images/36.png) no-repeat left top;
padding:0px 0pt 0px 25px;
}

#drta ul.out li a:hover {
background:#fff url(/images/37.png) no-repeat left top;
}

#drta p.link_drta a {
display:block;
background:transparent url(/images/30.png) no-repeat left top;
padding:0px 0pt 10px 25px;
}

#drta p.link_drta a:hover {
background:#fff url(/images/29.png) no-repeat left top;
}

#drta p.link_seccio a {
display:block;
background:transparent url(/images/23.png) no-repeat left top;
padding:0px 0pt 1px 25px;
}

#drta p.link_seccio a:hover, #drta p.link_seccio a.activ {
background:#fff url(/images/23.png) no-repeat left bottom;
}

#drta ul.rss li.twitter a {
background: transparent url(/images/199.gif) no-repeat left 2px;
}

#drta ul.rss li.twitter a:hover {
background: #fff url(/images/198.gif) no-repeat left 2px;
}

ul.social {
margin: 0px 0 15px;
}

li.social  {
float:left; 
margin-bottom: 5px;
}

ul li.social a, h3.url_extern span a, .bodytxt a, h5.post_autor a, p.categs a, p.sub_titol a {
font-weight: normal;
letter-spacing: normal;
margin-right: 15px;
text-transform: none;
}

span.categs {
text-transform:none;margin-left: 10px;font-weight:normal;
}

.bodytxt a, h5.post_autor a, p.sub_titol a {
font-size: 100%; margin-right: 0;
}

a.externo, a.ex {
background:transparent url(/images/32.png) no-repeat right top;
padding:0px 14px 0px 0px;
}

a.externo:hover, a.ex:hover {
background:transparent url(/images/31.png) no-repeat right top;
}

a.pdf {
background:transparent url(/images/52.png) no-repeat right top;
padding:0px 16px 0px 0px;
}

a.pdf:hover {
background:transparent url(/images/51.png) no-repeat right top;
}

a.guia {
background:transparent url(/images/281.png) no-repeat right top;
padding:0px 18px 0px 0px;
}

a.guia:hover {
background:transparent url(/images/280.png) no-repeat right top;
}

.bodytxt p img {margin:20px 0;
}

hr.clear {
visibility:hidden;
clear:both;
}



/*=NAVEGACIÓ
=== === === === === === === === === === */
#nav {

margin-right: 0px;
margin-top: 30px;
float:right;
}

#nav ul {
display:block;
}

#nav li {
float:left;
}

#nav a {
background: transparent;
color:#333;
display:block;
font-size:80%;
height:30px;
width: 70px;
letter-spacing:1px;
padding:0 15px 0;
text-align:center;
text-decoration:none;
}

#nav a:hover{
background: #d8dfd8;
color:#000;
}


#nav a.activ {


background:#360;
color:#fff;
}

/*=LOGO
=== === === === === === === === === === */
#logo {
/*padding: 26px 0 15px;*/
float:left;
}

/*=MARC
=== === === === === === === === === === */
#contenedor {
width: 960px;
margin: 0 auto;
padding-bottom: 10px;
background-color: transparent;
}

/*=CONTENT
=== === === === === === === === === === */

#drta {
width: 230px;
background: #f2f5f2;
padding: 0px;
font-size: 90%;
float: right;
margin: 73px 0px 0 40px;
}

#drta.home {background: transparent;}

#drta img {display: block; margin: 0px auto 10px; border-top: 1px solid #b0b0b0; border-bottom: 2px solid #fff;}

#drta a img {margin: 20px auto 10px;}

#drta a img.banner {border:0; margin: 20px auto;}

.dinsdrta {padding: 0 0 20px; margin-bottom: 20px; background: #f2f5f2 ;}

.dinsdrta ul {padding: 0 20px;}
.dinsdrta p {padding: 0 20px; color: #222; font-size:90%; line-height: 130%;}
.dinsdrta p.dins_aut {color: #666; margin-bottom: 20px; }

a.older, a.newer {
display:block;
margin-top:20px;
height: 20px;
width:20px;
}

div.guia_excerpt {margin-bottom: 25px;}

/*=COMENTARIS
=== === === === === === === === === === */
div.coments {
padding: 10px 20px 20px 0px;
position: relative;
border-top: 1px solid #e0e0e0;
}

div.s {
background: #fff;
}

div.coments h5 {
margin-bottom: 10px;font-weight:bold;
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
}

div.coments h5 a {
font-weight: bold;
font-size: 100%;
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
}

span.fecha_coment {
font-size: 80%;
color: #666;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.coments p {
color: #333;
margin-bottom: 15px;
}

div.coments span.num_coment {
position: absolute;
top: 10px;
right: 0px;
color: #666;
}

#content div.coments span.num_coment a {
color: #738073 ;
font-weight: bold;
}

#comentarios {
margin-top: 20px;
}

#comentarios p {
margin-bottom: 10px;
color: #505050;
}

#comentarios #name, #comentarios #email, #comentarios #web {
width: 200px;
margin-right: 10px;
}

#comentarios textarea {
width: 400px;
height: 200px;
}

#comentarios input.button {
width: 9em;
margin-right: 10px;
}

/*=FORMS CONTACTE  --- desactivados ---


.estatic {
margin-top: 20px;
}

.estatic form div {
background: #D8DFD8;
margin: 25px 0pt;
padding: 42px 42px 18px;
width: 476px;
}

.estatic form p {
margin-bottom: 10px;
color: #505050;
font-size: 80%;
float: right;
clear: right;
}

.estatic form p.txtinput input {
width: 250px;
margin-left: 15px;
}

.estatic form textarea {
width: 450px;
height: 200px;
}

h3#contacto {
border-top: 1px solid #b0b9b0;
color:#3C8202;
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
font-size:95%;
font-weight:bold;
letter-spacing:1px;
line-height:0.8em;
margin: 40px 0 0;
padding: 25px 0 0;
text-transform:uppercase;
}

FIN ESTILOS FORM DESACTIVAT
=== === === === === === === === === === */

/*=PEU
=== === === === === === === === === === */
#peu {
background: #fff;
padding: 40px 0 30px;
width: 100%;
}

#peu_dins {
width: 880px;
margin: 0 auto;
}

#peu_dins h3 {
border-bottom: 0px solid #c0c0c0;
color:#3d8300;
font-size:85%;
font-weight:normal;
text-transform: uppercase;
margin:10px 0px 0px;
}

#peu #peu_dins p {
text-indent: -9999px;
font-size: 1%;
}

#peu #peu_dins p a {
display:block;
width: 40px;
height: 20px;
background: transparent url(/images/141.png) left top no-repeat;
margin: 0 auto 15px;
}

#peu #peu_dins p a:hover {
background: transparent url(/images/141.png) left bottom no-repeat;
}

ul.peu {
margin-left: 25px;
}

ul.peu li {
display:inline;
font-size:85%;
color:#666;
}

ul.peu p {
color:#666;
font-size: 85%;
}

#postpeu {
border-top: 1px solid #222;
background: #333;
padding: 10px 0;
width: 100%;
font-size: 80%;
font-family: trebuchet ms, lucida grande, arial, verdana, sans-serif;
color: #fff;
text-align: center;
}

#dins {
margin: 0 auto;
}

/*=BUSCA
=== === === === === === === === === === */


form.busca {
background:#F7F8F6 none repeat scroll 0;
margin:0 0 20px;
padding:10px;
}

.busca input.busca {
background:transparent url(/images/35.png) no-repeat scroll 0 top;
height:16px;
width:16px;
}


.busca input.busca:hover {
background:transparent url(/images/35.png) no-repeat scroll 0pt -16px;
}

.busca input.buscaIE {
background:transparent url(/images/35.png) no-repeat scroll 0pt -16px;
height:16px;
width:16px;
}

input#txtbusca {
margin-right:15px;
width:180px;
}
.home input#txtbusca {width:218px;}

/*=ERROR 503
=== === === === === === === === === === */

#err-mes {width: 900px; margin: 0 auto; text-align: center;}

h2.marges {margin: 250px 0 120px 0;}


/*= ENTREVISTAS=== === === === === === === === === === */

#entrevistas_foto {
float: left;
margin: 0 20px 30px 0;
}

.article_intro {
color: #333;
font-style: italic;
}

/*======================================================
 Nuevos Estilos Segunda Etapa
======================================================*/

/* Cabeceras
------------------------------------------------- */
#head {
background:none;
height:80px;
width:960px;
margin: 0px 0 40px 0;
}

#head h1 a {
color:#FFFFFF;
display:block;
float:left;
margin-top: 10px;
}

ul.menu {
list-style: none;
float:right;
font-size: 100%;
margin-top:23px;
}

.menu li {
float: left;
margin: 0 0 0 24px;
}

.menu li a {
color: #999;
text-decoration:none;
padding: 8px 11px;
}

.menu li.active, .menu li a.active {
color:#536B3F;
}

.menu li.active a:hover{color: #fff;}

.menu li a:hover {
background:#efefef;
color: #333;
-moz-border-radius:0.7em;
-webkit-border-radius:0.7em;
}


/* Generales
------------------------------------------------- */
.der {float:right;}
.izq {float:left;}
span.piedefoto {
color:#666666;
font-size:80%;
font-style:italic;
line-height:0.1em;}

#principal {height: 400px; overflow:hidden; margin-bottom: 30px;}

#content {
width: 550px;
padding: 0;
float: left;
font-size:90%;
overflow:hidden;
}
.web #content, .guia #content, .tag #content {width: 560px; font-size:100%;}
.blog #content {width: 580px;font-size:100%;}
.blog #content p.sub_titol {margin:0 0 60px 0;}
.blog #content ul.blog_list {font-size:90%;}
/*.blog #content ul.blog_list li {min-height: 150px;}*/

#col_der {float:right; width:340px; color:#111; font-size: 85%;}
.box {margin-bottom: 30px;}
.blog #col_der, .web #col_der, .guia #col_der, .tag #col_der {width: 280px;}

h1.seccion {
border-bottom:1px dashed #DDDDDD;
clear:both;
color:#BB4600;
font-size:120%;
font-weight:normal;
margin:0 0 15px;
padding:0 0 4px 35px;
}
h1.seccion.principal {margin-bottom:1em;}
h1.seccion.noico {padding:0 0 4px 0;}
.radar {background: transparent url(/img_css/ico_radar.png) no-repeat top left;}
.destacado {background: transparent url(img_css/ico_destacado.png) no-repeat top left;}
.noticias {background: transparent url(img_css/ico_noticias.png) no-repeat top left;}
.soluciones {background: transparent url(img_css/ico_soluciones.png) no-repeat top left;}

.blog h2.titulo {margin-bottom:1em;}

.blog_img {
float: left;
width:202px;
height:106px;
overflow:hidden;
margin-right:20px;
padding-top:2px;
}
.blog #content ul.blog_list .blog_img img {border:1px solid #ddd;}

/* Twitter
------------------------------------------------- */
#twitter {}
#twitter ul {}
#twitter ul li {
border-bottom:1px solid #EEEEEE;
margin-bottom:0.7em;
padding-bottom:0.7em;
}
.home #twitter li:first-child, .web #content #twitter li:first-child {font-size:120%; background:#FFFBA5; padding:10px;}
.web #twitter ul li {
margin-bottom:1em;
padding-bottom:1em;
}
#twitter a {color:#666;text-decoration:none;}
#twitter a:hover {color:#BB4600;}
#twitter a.twitter_go {margin:0;}
#twitter a.tweet_time {text-decoration: none; color: #ccc; display:none;}
.my_twitter {text-align:right; font-size: 90%;}
.my_twitter a {color:#ccc;}
.my_twitter a:hover {color:#BB4600;}
#twitter .error {color: #666; font-style:italic;}

/* #twitter .tweet_text a {
background:transparent url(img_css/leer.png) no-repeat scroll 0;
display:block;
font-size:1%;
} */

/* Sercicios bloques
------------------------------------------------- */
#servicios {
background:#eff8e6 none repeat scroll 0 50%;
padding:12px;
}
.servicios_ico {float:left; margin-right: 10px;}
#servicios h3 {color:#222222; font-weight:bold; line-height:1.4em;
margin-bottom:0;}
#servicios h3 a {color:#222222;}
#servicios ul {}
#servicios ul li {margin-bottom: 15px; clear: both;}
#servicios .descripcion {
float:right;
font-size:90%;
width:233px;
}
#servicios .descripcion.publi {width:177px;}
#servicios ul li .descripcion p {line-height: 1.5em;}
#servicios .mas {color: #777;}
#servicios a.mas_servicios {color:#3D542A;}

.box h2 {line-height:1.3em; margin-bottom:0;}

.box1 {
background:#F7F8F6 none repeat scroll 0 50%;
padding:12px;
font-size:90%;
}

.box1 h2 a {color:#536B3F;}
.box1 ul {}
.box1 li {}
.noticias.box1 li {margin-bottom:1.8em;}
.noticias.box1 li h2 {margin-bottom:0.2em;}
.box1 p.sub_titol {
margin:0 0 13px;
text-align:right;
}

.box1  ul.feeds li a {
color: #666;
background:transparent url(/images/17.png) no-repeat left 2px;
padding:5px 0pt 0px 25px;
height:16px;
line-height:0.8em;
}

.box1  ul.feeds li a:hover {
color: #000;
text-decoration:none;
background:transparent url(/images/16.png) no-repeat left 2px;
}

.box1  ul.feeds li.twitter a {
background: transparent url(/images/199.gif) no-repeat left 2px;
}

.box1  ul.feeds li.twitter a:hover {
background: transparent url(/images/198.gif) no-repeat left 2px;
}


/* Sercicios seccion
------------------------------------------------- */
.servicios #servicios_list {
font-family: georgia, times, serif;
font-size:100%;
line-height:1.8em;
}

.servicios #content {font-size:100%;}
#content p.sub_titol a {text-decoration:none;}

.listado_servicios .descripcion {
float:right;
width:330px;
}

.servicios .listado_servicios .descripcion h2 {line-height:1.2em; margin:0 0 0.4em; font-size:140%;}

.post_intro {
font-size: 110%;
color: #222;
line-height: 1.6em;
margin: 16px 20px 40px 20px;
text-align: center;
}

#content.listado_servicios {
float:none;
width:100%;
}

.listado_servicios li {
-moz-border-radius-bottomleft:0.5em;
-moz-border-radius-bottomright:0.5em;
-moz-border-radius-topleft:0.5em;
-moz-border-radius-topright:0.5em;
background:#F3F7EF none repeat scroll 0 50%;
border:1px solid #B2BAAB;
float:left;
font-size:90%;
margin:0 30px 30px 0;
min-height:225px;
padding:18px;
width:252px;
}
.listado_servicios p.sub_titol {margin:0;}
.servicios h2.servicios {margin-bottom:1em;}
h4 {font-weight:bold; margin:1.4em 0 0.4em;}


/* Contacto seccion (sin slider)
------------------------------------------------- */
.zemContactForm {margin-top:30px;}
p.txtinput {margin: 0 0 20px 0; color:#444;}
textarea.zemTextarea {height: 15em;}
p.bot {padding-right:70px; text-align:right;}
.zemThanks {padding: 50px 0 20px 0; font-size:130%;}