
/* MAIN NAVIGATION */
.main-navigation{margin:0; padding:25px 0 0 0;}

.main-navigation .main_menu div p{text-indent:0;}
.main-navigation .main_menu div p span.title{padding:0; padding-left:20px; display:block; margin:0 10px 4px 10px; height:40px;}
.main-navigation .main_menu div p span#pintura{background:url('pintura.gif') center left no-repeat; margin:0 10px 0 10px;}
.main-navigation .main_menu div p span#neteges{background:url('neteges.gif') center left no-repeat;}
.main-navigation .main_menu div p span#jardi{background:url('jardi.gif') center left no-repeat;}
.main-navigation .main_menu div p span#reformes{background:url('reformes.gif') center left no-repeat;}
.main-navigation .main_menu div p span#limpiezas{background:url('limpiezas.gif') center left no-repeat;}
.main-navigation .main_menu div p span#jardin{background:url('jardin.gif') center left no-repeat;}
.main-navigation .main_menu div p span#reformas{background:url('reformas.gif') center left no-repeat;}

.main-navigation .main_menu div p span.subt{background:url('gota.gif') center left no-repeat; padding:0 0 0 20px; display:block; height:22px; }
.main-navigation .main_menu div a{display:block; color:#000; padding:3px 10px 2px 12px; margin:0 5px 0 0; cursor:pointer;}
.main-navigation .main_menu div a:hover{background:#63B1D5;}
.main-navigation .main_menu div a.active, .main-navigation .main_menu div a.active:hover{background:none; border:2px #292824 solid; border-right:0; color:#000; background:#52514E; margin:0;}
.main-navigation .main_menu div a.active span.title{border:0; border-bottom: 1px #52514E solid;}
.main-navigation .main_menu div a.active span.subt{color:#C9C9C9;}
.main-navigation .main_menu div.active-last a, .main-navigation .main_menu div.active-last a:hover{border-bottom:1px solid #52514E;}


/* MAIN CONTENT */
.main-content h1.pagetitle {margin:30px 0 25px 0; padding:4px 0 0 6px; font-family:"trebuchet ms",arial,sans-serif; color:#fff; font-weight:bold; font-size:200%; background-image:url('bg_pagetitle.jpg'); width:630px;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#fff; font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:#fff; font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:600px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:500px; margin:2.0em 0 0 30px; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:150px; margin:0 0 0 10px; padding:2px; font-size:110%; color:#52514E;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:295px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:295px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform span.field_required{color:red;}

/*  COMMON CLASSES  */
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin-left:0px; padding:1px; border:0;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

.main a {font-weight:bold; text-decoration:none; color:#63B1D5;}
.main a:hover {color:#52514E; background-color:#63B1D5;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
.main a img.no-border{border:0;}


div.separator{height:25px;}
p{text-indent:20px;}
.contactform p, p.no-indent{text-indent:0;}
.bold{font-weight:bold;}
.remark{font-weight:bold; color:#E39300;}

#map{margin:40px 0 20px 0;}

/* galeries JS */
.js-gallery{margin:30px 0 30px 0; width:600px !important; width:610px;}
.js-gallery .mosaic-image{float:left; clear:none; margin:0 5px 0 5px; height:120px; overflow:hidden;}

.js-gallery3{margin:30px 0 30px 60px;}
.js-gallery3 .mosaic-image img{float:left; clear:none; margin:0 5px 0 5px; height:95px; overflow:hidden;}


/* SLIGHTBOX */
/* variation on SLIMBOX */

#myGallery{text-align: left; margin: 0 auto;}
#lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 15;}
#lbCenter, #lbBottom {position: absolute; left: 50%; overflow: hidden; background-color: #000; z-index: 20; border: 1px solid #666;}
#lbCenter {padding: 10px;}
.lbLoading {background: #fff url('img/loading-bar-black.gif') no-repeat center; border: 1px solid #666;}
#lbImage {z-index: 25;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; z-index: 26;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url('img/fleche1.png') no-repeat 0% 50%;}
* html #lbPrevLink:hover { background: transparent url('img/fleche1.gif') no-repeat 0% 50%; }
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url('img/fleche2.png') no-repeat 100% 50%;}
* html #lbNextLink:hover { background: transparent url('img/fleche2.gif') no-repeat 100% 50%; }
#lbBottom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; padding-left: 10px; padding-right: 10px; border-top-style: none;}
#lbBottom *{color:#999;}
#lbCloseLink {display: block; float: right; width: 80px; height: 30px; background: transparent url('img/close9yj.gif') no-repeat center; margin-bottom: 10px;}
#lbNumber {display: block; float: left;}
#lbNumber.gallery {display: block; float: left; padding: 10px;}
#lbCaption {margin-left: 10px; display: block; float: left;}
#lbDescription {float: left; padding-right: 10px;}
#lbDescription #lbTitle {float: left; clear: both; font-weight: bold;}
#lbDescription #lbCaption {margin-left: 0;}



#nav_pager_espais_dos {margin-left:5px !important; margin-left:10px; background: #eee; border-top: 1px solid #ccc; padding: 5px; padding:10px 0; clear:both; text-align:center; width:575px; margin-top:0 !important; margin-top:-40px; border:1px solid #F29D00;}
#nav_pager_espais_dos a {padding: 0 5px; color:#EB8400;}
#nav_pager_espais_dos a:hover {background-color:#EB8400; color:#fff;}
#nav_pager_espais_dos a.highlight {color: #000; font-weight: bold;}


#news-ticker-cont{background:url('taca2.gif') top no-repeat;  position:absolute; z-index:1; margin:80px 0 0 700px; width:200px; height:69px;}
#news-ticker{width:200px; height:69px; position:absolute; overflow:hidden;}
#news-ticker h4{color:#52514E; display:inline; font-size:20px;}
#news-ticker div{height:22px; padding:4px; margin-top:-1px;}
#news-ticker div.first{margin-top:0;}
#news-ticker p{font-size:11px; text-align:center; font-size:16px; color:#000; font-weight: bold;}
