body { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f5f6f7; background-image: url(../img/bg2.png); background-repeat: repeat-x; margin: 0; }
#principal { width: 100%; height: auto; margin: 0; }

/* Capçalera */
#sep20 { width: 960px; height: 20px; margin: 0 auto; }
#sep20a { width: 960px; height: 20px; margin: 0 auto; }
#sep20b { width: 960px; height: 20px; margin: 0 auto; }
#sep20c { width: 960px; height: 20px; margin: 0 auto; }
#header { text-align: right; width: 960px; height: 20px; margin: 0 auto; }
.whitetext { color: #fff; font-size: 11px; line-height: 11px; text-align: right; vertical-align: middle; }
.whitetext a:link, .whitetext a:visited { color: #f60; text-decoration: none; }
.whitetext a:hover, .whitetext a:active { color: #fff; background-color: #f60; text-decoration: none; }
.rss { width: 13px; height: 13px; vertical-align: text-bottom; }
#banner { width: 960px; height: 150px; margin: 0 auto; -webkit-box-shadow: 0 4px 40px rgb(102,102,102); -moz-box-shadow: 0 4px 40px rgb(102,102,102); box-shadow: 0 4px 40px rgb(102,102,102); }
/* ----- */

/* Botonera cat*/
#nav { background-color: #033; background-image: url(../img/nav_ca2.png); width: 960px; height: 50px; z-index: 9998; margin: 0 auto; padding: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 4px 40px rgb(102,102,102); -moz-box-shadow: 0 4px 40px rgb(102,102,102); box-shadow: 0 4px 40px rgb(102,102,102); }
#nav #botons { zoom: 1; width: 100%; margin: 0; padding: 0; }
#nav #botons:after { display: block; height: 0; clear: both; visibility: hidden; }
#nav #botons li { display: inline; }
#nav #botons li a { width: 125px; height: 0; overflow: hidden; padding-top: 50px; background-image: url(../img/nav_ca2.png); float: left; }

#nav #botons li#nav-hola a { background-position: 0 0; }
#nav #botons li#nav-serveis a { background-position: -125px 0; }
#nav #botons li#nav-projectes a { background-position: -250px 0; }
#nav #botons li#nav-contacte a { background-position: -375px 0; }

#nav #botons li#nav-hola a:hover { background-position: 0 -50px; }
#nav #botons li#nav-serveis a:hover { background-position: -125px -50px; }
#nav #botons li#nav-projectes a:hover { background-position: -250px -50px; }
#nav #botons li#nav-contacte a:hover { background-position: -375px -50px; }

#nav #botons li#nav-hola a:active { background-position: 0 -100px; }
#nav #botons li#nav-serveis a:active { background-position: -125px -100px; }
#nav #botons li#nav-projectes a:active { background-position: -250px -100px; }
#nav #botons li#nav-contacte a:active { background-position: -375px -100px; }

#nav.hola #botons li#nav-hola a { background-position: 0 -150px !important; }
#nav.serveis #botons li#nav-serveis a { background-position: -125px -150px !important; }
#nav.projectes #botons li#nav-projectes a { background-position: -250px -150px !important; }
#nav.contacte #botons li#nav-contacte a { background-position: -375px -150px !important; }
/* ----- */

/* Search */
#cercar { position: relative; width: 200px; height: 50px; overflow: hidden; float: right; margin-top: 15px; }
#cse-search-box form { background-position: 0 0; width: 50px; height: 19px; }
#cse-search-box input { color: #999; background: url(../img/searchfield.png) no-repeat -40px 0; width: 150px; border: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 19px; padding: 0 0 0 10px; }
#cse-search-box button { background: url(../img/searchfield.png) no-repeat -20px 0; width: 20px; height: 19px; cursor: pointer; float: left; border: 0; }
#cse-search-box button:hover { background: url(../img/searchfield.png) no-repeat; width: 20px; height: 19px; cursor: pointer; float: left; border: 0; }
/* ----- */

/* Contingut */
#wrapper { background-color: #fff; background-image: url(../img/bg_wrapper.png); background-repeat: repeat-y; width: 960px; height: auto; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 4px 40px rgb(102,102,102); -moz-box-shadow: 0 4px 40px rgb(102,102,102); box-shadow: 0 4px 40px rgb(102,102,102); }
#sepV80 { width: 80px; height: 200px; float: left; }
#results { position: fixed; height: auto; float: left; margin: 0; padding: 0; }
#wrapper2 { background-color: #fff; margin: 0 auto; width: 960px; height: auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 4px 40px rgb(102,102,102); -moz-box-shadow: 0 4px 40px rgb(102,102,102); box-shadow: 0 4px 40px rgb(102,102,102); }
.graytext { color: #666; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: left; width: 680px; padding: 40px 10px 20px 40px; }
.graytext2col { color: #666; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: left; width: 340px; float: left; }
.graytextDestacat { color: #fff; background-color: #f60; }
.graytext a:link, .graytext a:visited { color: #666; font-weight: bolder; text-decoration: none; }
.graytext a:hover, .graytext a:active { color: #fff; font-weight: bolder; background-color: #f60; text-decoration: none; }
.graytext2col a:link, .graytext2col a:visited { color: #666; font-weight: bolder; text-decoration: none; }
.graytext2col a:hover, .graytext2col a:active { color: #fff; font-weight: bolder; background-color: #f60; text-decoration: none; }
.texte_senzill3 { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; vertical-align: middle; }
.texte_senzill3 a:link, .texte_senzill3 a:visited { color: #666; font-weight: bolder; text-decoration: none; }
.texte_senzill3 a:hover, .texte_senzill3 a:active { color: #fff; font-weight: bolder; background-color: #f60; text-decoration: none; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.graytextpetitdreta { color: #999; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; }
.graytextpetitdreta a:link, .graytextpetitdreta a:visited { color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; }
.graytextpetitdreta a:hover, .graytextpetitdreta a:active { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; background-color: #f96; text-decoration: none; }
.titular { color: #f60; font-size: 36px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; padding: 40px 10px 0 40px; }
.titular a:link, .titular a:visited { color: #f60; font-size: 36px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; padding: 40px 10px 0 40px; }
.titular a:hover, .titular a:active { color: #fff; font-size: 36px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #f60; text-decoration: none; text-align: left; padding: 40px 10px 0 40px; }
.titular1b { color: #f60; font-size: 36px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; }
.titular2 { color: #f60; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 32px; text-align: left; }
.titular2b { color: #f60; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 28px; text-align: left; padding-top: 0; padding-left: 180px; }
.titular2b a:link, .titular2b a:visited { color: #f60; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 28px; text-decoration: none; text-align: left; }
.titular2b a:hover, .titular2b a:active { color: #fff; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 28px; background-color: #f60; text-decoration: none; text-align: left; }
.imgleft { width: 680px; overflow: hidden; float: left; padding: 10px 10px 20px 40px; }
.imgright{ float: right; }
.imgbottomright{ background-position: 0 bottom; float: right; }
#wrapperleftHola { background-image: url(../img/lin_hol.png); position: absolute; width: 740px; height: 140px; float: left; }
#wrapperleft { position: absolute; width: 740px; height: 140px; float: left; }
#wrapperright { background-color: #f60; background-image: url(../img/cosesBloc.png); background-repeat: no-repeat; width: 220px; height: 100%; float: right; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
#wrapperrightint { width: 180px; height: auto; float: left; padding-top: 20px; padding-right: 10px; padding-left: 20px; }
#sep10 { width: 960px; height: 10px; }
/* ----- */

/* Barra dreta */
#feed-control { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.blacktext { color: #fc9; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 2px; text-align: left; }
#sep40 { height: 110px; }
/* ----- */

/* Peu de pàgina */
#footer { width: 100%; background-color: #f60; background-repeat: repeat-x; height: 70px; -webkit-box-shadow: 0 4px 40px rgb(102,102,102); -moz-box-shadow: 0 4px 40px rgb(102,102,102); box-shadow: 0 4px 40px rgb(102,102,102); }
#footercol { text-align: left; width: 960px; height: auto; margin: 0 auto; padding: 0; }
.greentextleft { color: #fc9; font-size: 11px; line-height: 16px; text-align: left; }
.greentextleft a:link, .greentextleft a:visited { color: #fff; text-decoration: none; }
.greentextleft a:hover, .greentextleft a:active { color: #000; background-color: #fff; text-decoration: none; }
.greentextleft2 { color: #f96; font-size: 11px; line-height: 16px; text-align: left; }
.greentextleft2 a:link, .greentextleft2 a:visited { color: #fc9; text-decoration: none; }
.greentextleft2 a:hover, .greentextleft2 a:active { color: #666; background-color: #fc9; text-decoration: none; }
.greentextright { color: #fc9; font-size: 11px; line-height: 16px; text-align: right; }
.greentextright a:link, .greentextright a:visited { color: #fff; text-decoration: none; }
.greentextright a:hover, .greentextright a:active { color: #000; background-color: #fff; text-decoration: none; }
#colbloc { width: 680px; height: auto; float: left; padding-top: 10px; }
#colleft1 { width: 200px; height: auto; float: left; padding-top: 10px; }
#colleft2 { margin-top: 10px; margin-left: 10px; width: 200px; height: auto; float: left; }
#colright1 { text-align: right; width: 140px; height: auto; float: right; padding-top: 10px; }
#colright2 { text-align: right; width: 80px; height: auto; float: right; padding-top: 10px; }
.cc { width: 80px; height: 15px; vertical-align: text-bottom; }
#subfooter { width: 100%; background-color: #f60; background-repeat: repeat-x; position: fixed; height: 100%; }
#clean { clear: both; }
/* ----- */

/* Visites */
hr { width: 680px; border-bottom: 2px solid #f60; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
#correu { width: 680px; height: 70px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
#correuesquerra { color: #ccc; font-size: 10px; font-weight: bold; line-height: 14px; text-align: right; width: 80px; height: 60px; float: left; padding-bottom: 10px; }
#correucentre { color: #666; font-size: 10px; line-height: 14px; text-align: left; width: 400px; height: 60px; float: left; padding-bottom: 10px; padding-left: 20px; }
#correudreta { color: #ccc; font-size: 36px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; width: 100px; height: 60px; float: right; }
/* ----- */

/* Llistat */
ul li { list-style: url(http://www.estudimelic.com/v2/img/garrow3.png) inside; }
/* ----- */