* { margin:0; padding:0; }
html { height:100%; }
body { background:#faf8f4; color:#000; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; height:100%;}
input,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color:#000; }
img { border:0px; }
ul, ul li { list-style:none; padding:0px; font-size:11px; }
h1, h2, h3, h4, h5, p { font-weight:normal; font-size:11px; }

/* Special fonts */
/*h1, h2, h3, h4, h5 { font-family:'Neo Sans W02'; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { font-family:'Neo Sans W02 Bold'; font-weight:normal; }
*/
/*
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
-moz-box-shadow:0 2px 6px 0 #999; -webkit-box-shadow:0 2px 6px 0 #999; box-shadow:0 2px 6px 0 #999;
*/

.clear { clear:both; }

.div-bg { width:100%; background:url('../img/bg-wp.png') repeat-y top center; }
.div-bg2 { background:#faf8f4 url('../img/_mat/bg.png') no-repeat bottom center; }

.wp980 { width:980px; margin:0 auto; }


#content {  background:url('../img/_mat/lin-sep-h.gif') repeat-x top left; margin:40px 0 0 39px; padding-top:4px; width:900px; }

#menu { width:193px; float:left; padding:9px 9px 0 0; }
    #menu li { font-size:12px; padding:6px 6px 6px 10px; line-height:18px; font-family: 'Roboto Slab', serif; padding-top:3px; border-bottom:1px solid #e7d2c8; }
        #menu li a { color:#000; text-decoration:none; padding-top:5px; display:block; }
    #menu li.cate { font-size:15px; background:#a95c36; line-height:18px;  display:block; padding-top:0px; font-family: 'Roboto Slab', serif; }
    #menu li.extramagin { margin-top:10px;  }
        #menu li.cate a { color:#fff; padding:6px 0 6px 0; display:block; }
    
    #menu li a:hover { text-decoration:underline;  }
    
    #menu li.cate.home { background:url('../img/_mat/lin-sep-h.gif') repeat-x top left; padding-left:0; padding-right:0; padding-top:14px; border-bottom:0; } 
    #menu li.cate.home a { background:#a95c36;padding-left:10px;  }
        
#main-left { width:682px; padding:11px 0 0 13px; float:left; background:url('../img/_mat/lin-sep.gif') repeat-y top left; min-height:600px;  }


.post { width:470px; margin-bottom:7px; padding:22px 168px 14px 45px; background:#f4f1e5 url('../img/_mat/post-bg.gif') repeat-x top left; }

.post h1 { font-family: 'Roboto', sans-serif; font-weight:400; font-style:italic; font-size:40px; line-height:45px; color:#000; padding-bottom:25px; }
.post p { color:#8f8e8f; font-size:12px; line-height:18px; padding-bottom:10px; }
.post p span { color:#a95c36; font-size:14px;   }
.post p a { color:#000; }


.post label { display:block; line-height:18px; padding:14px 0 3px 0;}


.post .youtube { padding-top:14px; }
.post .youtube p { padding-bottom:0; font-size:10px; color:#000; border:1px solid #e0dcd1;  padding:20px; }
.post .youtube label { padding-top:5px;  }

.post input { width:100%; line-height:24px; border:1px solid #e0dcd1; color:#8f8e8f; }
.post input[name="name"],
.post input[name="surname"] { width:50%; }
.post textarea { width:100%;border:0; color:#8f8e8f; line-height:16px; border:1px solid #e0dcd1; }
.post input[type="submit"] { background:#a85b36; color:#fff; width:80px; cursor:pointer; margin-top:15px; margin-bottom:15px; }
.post form { padding-bottom:30px; }
.post .errors textarea,
.post .errors input { border:1px solid #a85b36;  }

.post .output { display:none; background:#b96943; border:2px solid #a85b36; padding:6px; color:#fff; }


#galeria { width:895px;  }
#galeria .imatge { width:171px; float:left; height:114px; margin:0 8px 8px 0; background:#eaeaea; }
#galeria .imatge a { width:171px; float:left; height:114px;  }
#galeria .imatge.titular { background:#a85b35; }
#galeria .imatge.titular h2 { font-size:35px; line-height:114px; color:#fff; text-align:center; font-family: 'Roboto', sans-serif; font-weight:400; font-style:italic; }

.back { font-family: 'Roboto Slab', serif; background:#a85b36 url('../img/_mat/inici-ico.gif') no-repeat top right; min-height:37px; color:#fff; line-height:37px; width:179px; padding-left:11px; margin-bottom:20px; display:block; font-size:15px; text-decoration:none; }
.back:hover { text-decoration:underline; }


.fancybox-title-inside-wrap h3 { padding-top:15px; font-size:40px; color:#000; float:left; width:30%; font-family: 'Roboto', sans-serif; font-weight:400; font-style:italic; min-width:10px0px; }
.fancybox-title-inside-wrap p { padding-top:15px;  font-size:12px; color:#000; float:left;  width:70%; max-width:600px; min-width:200px; }


.ico-any { position:relative;  }
.ico-any div { display:none; position:fixed; width:89px; height:31px; background:url('../img/_mat/ico_any.png') no-repeat top left; top:0; right:50%; margin-right:-518px; font-size:22px; line-height:31px; padding-left:8px; color:#000; text-align:center; font-family: 'Roboto', sans-serif; font-weight:400; font-style:italic;  }

.wp-player { width:981px; float:left; padding-left:2px; }
.box { height:213px; float:left; /*background:#eaeaea;*/ margin:0 7px 7px 0; position:relative;}
.box img { position:absolute;  }
.box.last { margin-right:0; }
.c240 { width:240px; }                               
.c384 { width:384px; }
.c590 { width:590px; }