/* Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: bottom; }
body { line-height: 1.5; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input, textarea { margin: 0; }

/* per Firefox */
a { outline: none; }

/* Tipografia
-------------------------------------------------------------- */
body { font-size: 100%; background: #FFF; color: #666; border-top: 40px solid #000;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }

/* Links */
a {color: #f60; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
h1 { font-size: 1.75em; line-height: 1; margin-bottom: 1em;}
h2 { font-size: 1.25em; margin-bottom: 0; color: #854C00;}
h3 { font-size: 1.5em; line-height: 1.2; color: #222;margin-bottom: 0.5em;}
h4 { font-size: 1.25em; line-height: 1.25; margin-bottom: 1.25em;}
h5 { font-size: 1em; margin-bottom: 1.5em;}
h6 { font-size: 1em;}

/* Text genèric */
p { margin: 0 0 1em; letter-spacing: 0.02em;}
ul, ol { margin: 0; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
ol li {margin: 0 0 1em 4em}
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Casos especials */
h1.logo { font-size:1%; text-indent:-9999px; padding: 0 0 0 110px;}
#home h1.logo {padding: 0 0 0 0;}
h1.logo a { background:transparent url(img/logo_100.png) no-repeat left bottom; display:block; height: 100px; width: 100px;}
h1.logo a:hover { background:transparent url(img/logo_100.png) no-repeat top left; }

#peu p {color: #666; font-size: 65%; margin: 0; letter-spacing: 1.5px; padding: 30px 50px; border-top: 4px dotted #999;}
#home #peu p {border: 0; padding: 15px 0;}
#peu p a {color: #000; background: #fff; padding: 0 3px; text-decoration:none;}
#peu p a:hover {color: #fff; background: #E89014 /*FFC438 854C00*/; }

/* Layout
-------------------------------------------------------------- */
#tot {background: #FFFFFF; margin: 0 auto; padding: 0; position: relative; width: 965px;}
#home #tot {margin-bottom: 60px;}
.blurb {margin: 40px 0; overflow: hidden;}
#branding {height: 240px; margin: 95px 0 0px; position: relative;}
#peu {background: #FFFFFF; text-align: right;}
#amunt {width: 100%; background: #000;}
.dins {margin: 0 auto; padding: 0 0 80px; position: relative; width: 965px;}

.l10n_lang_list {position: absolute; right: 70px; top: 10px; color: #000; background: #fff;}
#home .l10n_lang_list {right: 0;}
.l10n_lang_list li {float: left; text-align: right; font-size: 0.65em; letter-spacing: 1px; margin-left: 0px; display: block; width: 66px;}
.l10n_lang_list a {color: #000; background: #fff;}
.l10n_lang_list a:hover {color: #fff; background: #E89014 /*854C00*/; text-decoration: none;}

#telefon {position: absolute; right: 70px; top: 85px;}
#home #telefon {right: 0;}

h3.sec_title {color: #ccc; margin: 0 48px 60px 0; text-align: right;}
h3.entry-title {margin: 0 0 60px 0; }
h3.entry-title span {font-size: 50%; color: #999; padding-left: 10px;}
h3.coment {padding: 1em 0; border-top: 1px solid #ccc;}
h3.social span a {font-size: 50%;}

#home .blurb h2 {margin: 30px 100px 0 139px; color:#000; font-size: 1.75em; font-weight: bold;}
#home .blurb h3 {margin: 15px 100px 0 139px; color:#999;}

/* kwicks */
#branding .kwicks {list-style: none; position: relative;	margin: 0; padding: 0; background: #fff; border: 1px solid #666; border-top: 2px solid #666; border-bottom: 0;}
#branding .kwicks li {display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; height: 240px; width: 240px; margin-right:1px;}

#branding #kwick1 {background: url(img/serveis2.jpg) no-repeat;}
#branding #kwick2 {background: url(img/projectes2.jpg) no-repeat;}
#branding #kwick3 {background: url(img/blog2.jpg) no-repeat;}
#branding #kwick4 {background: url(img/contacte2.jpg) no-repeat; width: 240px; margin-right:0px;}

#branding li a {display: block; text-transform: uppercase; text-decoration: none; color: #FFF; padding: 200px 0 20px 30px;}
#branding li a:hover {background: transparent; color: #9f0;}

#cont {margin: 60px 70px 60px 40px; overflow: hidden; position: relative;}

h3.subvideo {font-size: 100%; font-weight: bold; color: #000; margin-top: 30px;}

ul.nav {background: #FFF; padding: 0; text-align: right;}
ul.nav a {color:#FF6600; display:block; font-size: 110%; line-height: 0.9; margin: 0 25px 14px 0; padding: 0 25px 0 0;}
ul.nav a:hover {text-decoration: none; background: transparent url(img/arrow_nav.png) right bottom no-repeat;}
ul.nav a.nav_activ {color: #999; background: transparent url(img/arrow_nav.png) right top no-repeat;}

.esq {float:left; width: 170px;}

.drta {float: right; width: 575px; margin-right: 40px;}

ul.prolist li {padding: 40px 40px 20px 0; border-top: 3px dotted #999; margin-bottom: 20px; overflow: hidden;}
ul.prolist li img {float: left; border: 1px solid #ccc;}
ul.prolist li h2, ul.prolist li p {margin: 0 0 0 210px;}
ul.prolist li:first-child {border-top: 0; padding-top: 0;}

.prev_sig {overflow: hidden; padding: 30px 0;}
.prev_sig a {display: block; height: 14px;}
.art_prev {float: left; padding: 0; margin: 0; font-size: 12px;}
.art_sig {float: right; padding: 0; margin: 0; font-size: 12px;}
.art_prev a {background:transparent url(img/arrow_1.png) no-repeat scroll left bottom; padding: 0 0 2px 25px;}
.art_prev a:hover {background:transparent url(img/arrow_1.png) no-repeat scroll left top;}
.art_sig a {background:transparent url(img/arrow_2.png) no-repeat scroll right bottom; padding: 0 25px 2px 0;}
.art_sig a:hover {background:transparent url(img/arrow_2.png) no-repeat scroll right top;}

a.top p {font-size:1%; text-indent:-9999px;}
#amunt a.top {width: 50px; height: 22px; background: transparent url(img/back_top3.png) top left no-repeat; position:absolute; top: 0; left: 100px; }
#amunt a.top:hover {background: transparent url(img/back_top3.png) top right no-repeat;}

blockquote {color: #E89014; margin: 40px 0; font-style: italic;}

/* Classes predeterminades
-------------------------------------------------------------- */
.petit, .fecha { font-size: .8em; margin: 0 0 1.5em 0; line-height: 1.25em; }
.gran { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.nono { display: none; }
.destaca { background: #ffc; }
.dalt { margin-top: 0; padding-top: 0; }
.baix { margin-bottom: 0; padding-bottom: 0; }
.clear { clear: both; visibility: hidden;}
.fecha { color: #999; }


/* Mante
-------------------------------------------------------------- */

#mante .blurb {margin: 100px 0 40px 40px;}
#mante #peu p a:hover {color: #fff; background: #000; }
#logo503 {margin: 0px 0 0 40px;}