/* RESET D'ESTILS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
body {
line-height: 1
}
:focus {
outline: 0
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after {
content: ""
}
blockquote, q {
quotes: "" ""
}
input, textarea {
margin: 0;
padding: 0
}
hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px
}
/* FI RESET ESTILS */


/* ESTILS PROPIS DEL WEB */

body{
background:#ffffff;
font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
font-size: 11px;
color:#666666;
}

a {
color:#003300;
}

a:hover{
color:#000000;
}

#clear{clear:both;}

#contenidor{
position:absolute;
background:white;
width:950px;
height:auto;
left:50%;
margin-left:-475px;
top:55px;
}

#header{
position:relative;
width:950px;
height:357px;
background: #ffffff;
border-bottom:1px dotted #CCCCCC;
float:top;
margin-bottom:20px;
}

#txtheader{
position:absolute;
background:none;
display:block;
width:370px;
height:262px;
max-height:262px;
margin:0px;
float:top;
 top:95px;
font-size:12px;
line-height:17px;
font-family:"Palatino Linotype";
font-weight:normal;
color:#003300;
overflow:hidden;
}

#txtheader b{
font-weight:600;
}

#header h1{
font-size:40px;
width:390px;
font-weight:bold;
display:block;
color:#001700;
line-height:40px;
font-family: "Lucida Sans";
letter-spacing:-2px;
margin-bottom:10px;
}

#header a h1 {
font-family: "Lucida Sans";
font-weight:bold;
color:#001700;
text-decoration:none;}

#header a:hover  h1 {
font-family: "Lucida Sans";
font-weight:bold;
color:#009900;
text-decoration:none;}

#txtheader h2{
font-size:12px;
display:inline;
width:390px;
line-height:19px;
font-family:"Palatino Linotype";
color:#003300;
}

#txtheader a h2 {
font-weight:bold;
color:#001700;
text-decoration:underline;}

#txtheader a:hover h2 {
font-weight:bold;
color:#009900;
text-decoration:underline;}

#contenidor1{
position:relative;
background:#ffffff;
display:block;
width:950px;
height:auto;
margin:0px;
float:top;
font-size:12px;
margin-bottom:20px;
}

#col1{
position:relative;
border:1px dotted #666666;
display:block;
width:380px;
*width:380px;
_width:350px; /*hack explorer 6*/
padding:15px;
float:top;
font-size:12px;
margin-right:20px;
float:left;
font-family:"Trebuchet MS";
}

#col1 h3{
font-size:24px;
color:#006600;
display:block;
margin-bottom:20px;
margin-top:10px;
font-weight:bold;
}

#col1 ul{
margin-left:40px;
margin-top:15px;
}

#col1 ul li{
list-style-type:none;
font-size:13px;
line-height:28px;
}

.provincia{
padding-left:30px;
background-image:url(/imgbr/world.png);
background-repeat:no-repeat;
background-position:left;
}

.telefono{
padding-left:30px;
background-image:url(/imgbr/phone.png);
background-repeat:no-repeat;
background-position:left;
}

.mail{
padding-left:30px;
background-image:url(/imgbr/monitor.png);
background-repeat:no-repeat;
background-position:left;
}

.pueblo{
padding-left:30px;
background-image:url(/imgbr/world_add.png);
background-repeat:no-repeat;
background-position:left;
}

.direccion{
padding-left:30px;
background-image:url(/imgbr/house.png);
background-repeat:no-repeat;
background-position:left;
}

.llamar{
padding-left:30px;
background-image:url(/imgbr/world_add.png);
background-repeat:no-repeat;
background-position:left;
}

#col1 h4{
font-size:22px;
font-weight:bold;
color:#006600;
display:block;
margin-top:20px;
margin-bottom:5px;
border-bottom:1px dotted #009900;
width:300px;
}

#col2{
position:relative;
background:none;
border:1px dotted #666666;
display:inline block;
height:auto;
width:485px;
_width:515px; /*hack explorer 6*/
padding:15px;
float:left;
font-size:12px;
font-family:"Trebuchet MS";
}

#col2 h3{
background: url(/imgbr/logo.jpg) top left no-repeat;
font-size:20px;
padding-left:135px;
height:62px;
color:#006600;
vertical-align:baseline;
font-weight:bold;
line-height:110%;
margin-top:10px;
margin-left:-5px;
}

#col2 ul {
list-style-type:none;
font-size:14px;
line-height:25px;
margin-left:35px;
margin-top:10px;
margin-bottom:20px;
}

#col2 ul li{
list-style-type:none;
font-size:14px;
line-height:25px;
color:#009900;
font-weight:bold;
}

#col2 ul li a{
color:#009900;
text-decoration:none;
font-weight:bold;
}

#col2 ul li a:hover{
color:#003300;
text-decoration:underline;
font-weight:bold;
}

#col2 h4{
font-size:15px;
color:#006600;
display:block;
margin-bottom:5px;
margin-left:-5px;
}

#col2 h4 a{
color:#006699;
text-decoration:none;
font-weight:bold;
}

#col2 h4 a:hover{
color:#003399;
text-decoration:underline;
font-weight:bold;
}

#col2 ul li.llamar_gratis{
display:block;
margin-top:20px;
margin-left:-40px;
color:#006699;
background:url(/imgbr/llame.png) top left no-repeat;
padding-left:40px;
height:35px;
}

#col2 ul li.visita_web{
display:block;
color:#006699;
margin-left:-40px;
background:url(/imgbr/web.png) top left no-repeat;
padding-left:40px;
height:35px;
margin-top:10px;
}

#col2 ul li.visita_web a{
display:block;
color:#006699;
margin-left:-40px;
background:url(/imgbr/web.png) top left no-repeat;
padding-left:40px;
height:35px;
margin-top:10px;
text-decoration:none;
}

#col2 ul li.contacto{
color:#006699;
display:block;
margin-left:-40px;
background:url(/imgbr/contacto.png) top left no-repeat;
padding-left:40px;
height:35px;
margin-top:10px;
}

#contenidor2{
position:relative;
background:#ffffff;
display:block;
height:auto;
width:950px;
margin:0px;
float:top;
font-size:12px;
border-bottom:1px dotted #666666;
border-top:1px dotted #666666;
margin-bottom:20px;
font-family:"Trebuchet MS";
color:#006600;
}

#imatgebotiga{
position:relative;
background:#ffffff;
display:inline block;
height:100px;
width:250px;
margin:0px;
margin-right:20px;
float:left;
}

#imatgebotiga a img{
border:none;
}

#txtbotiga{
position:relative;
background:none;
display:inline block;
height:70px;
width:100%;
*width:640px;
font-size:14px;
margin-top:30px;
margin-left:60px;
color:#006600;
text-decoration:none;
float:top;
line-height:155%;
}

#txtbotiga a{
font-size:14px;
color:#006600;
text-decoration:none;
}

#contenidor2 p{
background:white;
font-size:14px;
margin-top:30px;
margin-left:20px;
color:#006600;
text-decoration:none;
line-height:155%;
float:left;
}

#contenidor2 p a{
display:inline;
font-size:14px;
color:#006600;
text-decoration:none;
float:left;
}

#contenidor2 img{
width:250px;
height:100px;
display:inline;
float:left;
}

#contenidor2 a img{
width:250px;
height:100px;
display:block;
float:left;
}

#contenidor3{
position:relative;
background:#ffffff;
display:block;
height:auto;
margin:0px;
padding:0px;
float:top;
font-size:12px;
margin-bottom:20px;
}

#contenidor3 h1{
font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
font-size:17px;
font-weight:bold;
color:#666666;
margin-bottom:10px;
border-bottom:1px dotted #666666;
}

#contenidor3 h2{
font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
font-size:17px;
font-weight:bold;
color:#666666;
margin-bottom:20px;
}

/* enllaços grans */

#contenidor4{
position:relative;
background:#ffffff;
display:block;
width:950px;
height:auto;
margin:0px;
float:top;
font-size:12px;
margin-bottom:20px;
font-family:"Trebuchet MS";
font-size:13px;
color:#006600;
}

#cnt_col1{
 position:relative;
 width:290px;
 left:0px;
 font-size:12px;
 font-family:"Trebuchet MS";
 line-height:22px;
 height:auto;
 float:left;
}

#cnt_col2{
 position:relative;
 width:290px;
 left:0px;
 font-size:12px;
 font-family:"Trebuchet MS";
 line-height:22px;
 height:auto;
 float:left;
 margin-left:40px;
}

#cnt_col3{
 position:relative;
 width:250px;
 left:0px;
 font-size:12px;
 font-family:"Trebuchet MS";
 line-height:22px;
 height:auto;
 float:left;
margin-left:40px;
}


.grans a{
font-size:18px;
float:left;
color:#006600;
font-weight:bold;
text-decoration:none;
display:inline;
margin-top:20px;
border-bottom:1px dotted #99cc00;
}

.grans a:hover{
color:#ffffff;
font-size:18px;
background:#003300;
text-decoration:none;
}


/* fi enllaços grans */
#contenidor4b{
position:relative;
background:#ffffff;
display:block;
width:950px;
height:auto;
margin:0px;
float:top;
font-size:12px;
font-family:"Trebuchet MS";
font-size:13px;
color:#006600;
margin-top:20px;
margin-bottom:20px;
}

#cnt_col1b h2{
font-size:18px;
margin-bottom:10px;
margin-top:30px;
font-family:"Trebuchet MS";
color:#006600;
font-weight:bold;
 float:left;
 width:100%;
 display:block;
border-bottom:1px dotted #99cc00;
}
#cnt_col1b p{
font-size:12px;
margin-right:20px;
float:left;
font-family:"Trebuchet MS";
color:#666666;
line-height:2;
 float:left;
 width:100%;
 display:block;
}

#cnt_col1b{
 position:relative;
 width:100%;
 height:auto;
 font-size:12px;
 font-family:"Trebuchet MS";
 float:top;
 display:block;
 margin-top:50px;
 }

#cnt_col1b a{
font-size:12px;
width:24%;
margin-left:1%;
color:#006600;
font-weight:normal;
text-decoration:none;
display:block;
margin-top:12px;
float:left;
}

#cnt_col1b a:hover{
font-size:12px;
color:#003300;
font-weight:bold;
text-decoration:underline;
}

#respira{
position:relative;
background:#ffffff;
display:block;
width:950px;
height:60px;
margin:0px;
float:top;
}


#col3{
position:relative;
display:block;
width:480px;
_width:510px; /*hack explorer 6*/
padding:15px;
float:top;
font-size:12px;
margin-right:20px;
float:left;
font-family:"Trebuchet MS";
color:#666666;
}

#col3 p{
font-size:12px;
margin-right:20px;
float:left;
font-family:"Trebuchet MS";
color:#666666;
line-height:2;
}

#col3 a{
font-size:12px;
color:#006600;
font-weight:normal;
text-decoration:none;
display:block;
margin-top:12px;
}

#col3 a:hover{
font-size:12px;
color:#003300;
font-weight:bold;
text-decoration:underline;
}

#col4{
position:relative;
background:none;
display:block;
height:auto;
width:385px;
_width:415px; /*hack explorer 6*/
padding:15px;
float:top;
font-size:12px;
float:left;
font-family:"Trebuchet MS";
}

#col4 a{
font-size:12px;
color:#006600;
font-weight:normal;
text-decoration:none;
display:block;
margin-top:12px;
}

#col4 a:hover{
font-size:12px;
color:#003300;
font-weight:bold;
text-decoration:underline;
}

#col5{
position:relative;
background:none;
display:block;
height:auto;
width:950px;
padding:15px;
float:top;
font-size:12px;
float:left;
font-family:"Trebuchet MS";
}



#contenidor5{
position:relative;
background:#ffffff;
display:block;
height:auto;
margin:0px;
float:top;
font-size:12px;
border-top:1px dotted #006600;
}

#footer{
position:relative;
background:#ffffff url(/imgbr/footer.jpg) top left no-repeat;
display:block;
height:200px;
margin:0px;
margin-top:25px;
float:top;
font-size:12px;
font-family:"Trebuchet MS";
color:#003300;
}

#footer a{
font-size:14px;
font-family:"Trebuchet MS";
color:#003300;
text-decoration:none;
}

#footer h3{
font-size:13px;
color:#666666;
display:block;
margin-bottom:25px;
margin-top:20px;
font-weight:bold;
}

#petit{
width:700px;
float:top;
color:#666666;
line-height:140%;
font-size:14px;
}

#artifecs{
position:relative;
background:#ffffff url(/imgbr/disseny.png) top left no-repeat;
display:block;
height:150px;
width:200px;
margin:0px;
float:top;
margin-top:-150px;
margin-left:750px;
font-family: "Calibri", Trebuchet MS, Verdana, Arial, Sans-Serif;
font-size:11px;
line-height:120%;
}

#artifecs p{
padding-left:25px;
padding-top:90px;
width:155px;
}

#artifecs a{
text-decoration:none;
color:#000000;
}

#slider {
width: 950px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#slider1 {
width: 950px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin-left:auto;
margin-right:auto;
}

#sliderContent, #slider1Content {
width: 900px; /* important to be same as image width or wider */
height: 300px; /* important to be same as image height */
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage, .slider1Image {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 950px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}

.slider1Image span {
position: absolute;
font: 11px Arial, Helvetica, sans-serif;
padding: 10px 13px;
font-weight:bold;
width: 694px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}

.clear {
clear: both;
background:none;
}
.sliderImage span strong, .slider1Image span strong {
font-size: 14px;
}

.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 300px;
}
.right {
right: 0;
bottom: -15px;
width: 110px !important;
height: 300px;
}
ul { list-style-type: none;}