html,body{width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;background:#E1ECF2 url(../img/bg_web_lila.png) top left;}
h1,h2,h3,h4{margin:0;padding:0;}
ul{margin:0;padding:0;}
p{margin:0;padding:0;}

#wrapper{background:#fff;overflow:hidden;clear:both;}
.into_box{width:960px;margin:0 auto;position:relative;clear:both;}
#wrapper .into_cap{height:124px;position:relative;}

#cap{position:relative;clear:both;z-index:100;/*border-bottom:1px solid #003C71;*/}

#logo{max-height:100%;height:100%;width:auto;position:absolute;top:0%;left:0;z-index:10000;}
#fons_slogan_logo{position:absolute;top:124px;left:-20px;z-index:10000;height:48px;overflow:hidden;}
ul.menu{position:absolute;bottom:0;right:0;font-weight:bold;background:#333;font-size:12px;overflow:hidden;float:right;height:40px;padding:0;margin:0; }
ul.menu { margin: 0 auto; list-style: none;}
ul.menu li { display: inline;overflow:hidden; line-height:40px;float: left;}
ul.menu li.last {border-right:none;}
ul.menu li a { position: relative; float:left;z-index: 200; color: #fff;border-left:1px solid #000;border-right:1px solid #646464; font-size: 12px; display: block;  text-decoration: none; text-transform: uppercase; padding:0 10px;text-shadow:1px 1px 1px #000;}
ul.menu li a:hover { color: white; background:#32A3C3;border-left:1px solid #5BD2FF;}


#cos{position:relative;overflow:hidden;clear:both;background:#0065BF url(../img/bg_web.jpg) top left repeat-x;}
/*#fons_cos{background:url(../img/bg_ombra.png) top repeat-y;}*/
#cos .into_box{/*background: url(../img/bg-body.gif) top left;*/overflow:hidden;}
#cos p{line-height:18px;color:#333;font-size:12px;}
.corva_top{position:absolute;top:0;right:0;z-index:100000;}
.corva_bottom{position:absolute;bottom:0;right:0;z-index:100000;}

#col1{width:650px;float:left;padding:10px 10px 10px 0;}
#col1 h1.titol{font-family: 'Cuprum', sans-serif;font-size:18px;background:#525252 url(../img/triangle_negre.png) top right no-repeat;color:#fff;line-height:30px;padding:0 5px;font-weight:normal;margin-bottom:10px;/*border-bottom:1px solid #685548;*/}
#col1 .box{position:relative;overflow:hidden;clear:both;width:640px;}
#col1 .box h1{font-size:15px;margin-bottom:5px;}
#col1 .box img{float:left;}
#col1 .box{margin-left:10px;}

#col2{width:283px;float:right;padding:10px 0 10px 10px;}
#col2 h1.titol{font-family: 'Cuprum', sans-serif;font-size:18px;background:#525252 url(../img/triangle_negre_left.png) top left no-repeat;color:#fff;line-height:30px;padding:0 5px 0 8px;font-weight:normal;margin-bottom:10px;}
#col2 h2.data{font-size:12px;margin:0;margin-top:-10px;margin-bottom:10px;color:#ccc;font-weight:normal;}
#col2 .box{position:relative;overflow:hidden;clear:both;width:280px;}
#col2 .box h1{font-size:15px;}
#col2 .box img{width:270px;margin-bottom: 10px;}

#slogan_fons{background:#005CAF;}
#slogan{position:relative;overflow:hidden;clear:both;/*background:url(../img/bg_ombra.png) top repeat-y;*/}
#slogan .into_box{background:#005CAF;width:960px;overflow:hidden;height:48px;}
#slogan h1{color:#fff;float:right;font-weight:normal;font-family: 'Cuprum', sans-serif;font-size:18px;}
#slogan p{line-height:16px;font-size:14px;color:#333;width:47%;float:right;}

#linia_fosca{border-top:1px solid #fff;position:relative;overflow:hidden;clear:both;/*background:url(../img/bg_ombra.png) top repeat-y;*/border-bottom:1px solid #D5D4D0;}
#linia_fosca_fons{position:relative;overflow:hidden;clear:both;background:url(../img/linia_fosca.jpg) top repeat-x;}
#linia_fosca .into_box{background:url(../img/linia_fosca.jpg) top repeat-x;overflow:hidden;height:1px;}

#boto_reservar{position:absolute;top:17px;right:10px;line-height:45px;background:#00A3DE url(../img/bg_boto.jpg) top left repeat-x;font-weight:bold;font-size:18px;padding:0 20px;text-shadow:1px 1px 2px #333;border:2px solid #007CBC;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
#boto_reservar a{color:#fff;text-decoration:none;}
#boto_reservar a:hover{color:#FDF5AD;}

.box{position:relative;clear:both;overflow:hidden;margin-bottom:15px;}
.box h1{color:#0659B5;font-size:18px;font-weight:normal;text-transform:uppercase;margin-bottom:10px;}
.box img{width:250px;float:left;margin:0 15px 2px 0;}

.box p{font-size:13px;}

.box_col{float:left;width:48%;padding:0 0 15px 0;border-bottom:1px dotted #4C3066;}
.box div.right{float:right;width:49%;}
.box_col h1{color:#fff;font-size:18px;font-weight:normal;text-transform:uppercase;margin-bottom:10px;}
.box_col img{width:240px;float:left;margin:0 15px 5px 0;}
.box_col p{font-size:13px;}

#slide{position:relative;overflow:hidden;clear:both;background:url(../img/bg_web_lila.png) top left;}
#slide .into_box{height:300px;}
#slide .into_slide{position:relative;overflow:hidden;clear:both;}
#fons_info_slide{position:absolute;right:0;top:0;width:270px;height:300px;z-index:9;background:#000;}

#info_slide{position:absolute;right:0;top:0;width:270px;height:300px;z-index:10;color:#fff;}
#info_slide h1{margin:10px;font-weight:normal;font-size:24px;}
#info_slide h2{margin:10px;color:#32A3C3;font-weight:normal;font-size:20px;}
#corva{position:absolute;top:0;right:0;z-index:1000000;}

#peu{position:relative;overflow:hidden;clear:both;background:url(../img/linia_fosca.jpg) top left;height:40px;border-top:1px solid #D5D4D0;}
#peu .into_box{position:relative;overflow:hidden;clear:both;background:url(../img/linia_fosca.jpg) top left;height:40px;}
#peu p{text-align:center;line-height:30px;color:#444444;}
#peu a{color:#005CAF;text-decoration:none;}
#peu a:hover{text-decoration:underline;}

#content{position:relative;overflow:hidden;clear:both;/*background:url(../img/bg_contingut.png) top left repeat-y;*/}
#content h1.titol{font-family: 'Cuprum', sans-serif;font-size:18px;}
#content p{position:relative;overflow:hidden;}

#nav_productes{float:left;width:210px;min-height:300px;padding:60px 0 30px 0px;}
#nav_productes a{display:block;margin-bottom:5px;position:relative;overflow:hidden;}
#nav_productes a div{position:relative;width:190px;overflow:hidden;height:16px;}
#nav_productes a span{position:absolute;display: block;line-height:16px;height:16px;overflow:hidden;font-size:10px;width:400px;}
#nav_productes a.selected span{color:#FF932C;}
/*#nav_productes div a{color:#fff;text-decoration:none;display:block;}*/
#nav_productes div a:hover{color:#FF932C;}

.senefa{height:7px;background:url(../img/bg-diag.png) top left repeat-x;}

/*#contingut{float:right;width:670px;padding:30px 25px 30px 45px;min-height:800px;background:url(../img/bg-content.png) top left repeat-y;}*/
#contingut{float:right;width:740px;/*padding:30px 25px 30px 45px;*/min-height:700px;background:url(../img/bg-content.png) top left repeat-y;}
#dins_contingut{position:relative;overflow:hidden;clear:both;padding:17px;margin:20px 0px 20px 35px;}

#mosaic{position:relative;overflow:hidden;clear:both;}
#mosaic .fila{position:relative;overflow:hidden;clear:both;}
#mosaic .fila .caixa{float:left;width:204px;background:#fff;padding:5px 0px;margin: 0 25px 20px 0px;border: 1px solid #C8C8C2;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);min-height:205px;}
#mosaic .fila .caixa img{display:block;margin:0 auto;}
#mosaic .fila .caixa p{font-size:12px;margin:0;margin-bottom:5px;padding:0;padding:0 10px;margin-top:3px;color: #66696D;color: #66696D;line-height: 16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
#mosaic h1{color:#666;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);font-size:13px;font-family: 'Oswald', sans-serif;text-transform: uppercase;font-weight:normal;letter-spacing:1px;margin:10px 10px 2px 10px;}
#mosaic .fila .last{margin-right:0;}
#mosaic a img{border:none;}

#contingut h1.titol{color:#FF932C;line-height: 44px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);font-size:25px;font-family: 'Oswald', sans-serif;text-transform: uppercase;border-bottom: 3px double #EBEBEB;margin-bottom:20px;}
#contingut .info p{margin-bottom:20px;}

#slider{position:relative;padding:5px;border: 1px solid #C8C8C2;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
#slider h1{margin:0;color:#FF932C;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);font-size:16px;font-family: 'Oswald', sans-serif;text-transform: uppercase;letter-spacing:1px;font-weight:normal;}
#slider p{font-size:12px;color:#fff;}

#lliures{position:relative;overflow:hidden;clear:both;}
#lliures h2{position:relative;overflow:hidden;margin:0;color:#FF932C;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);font-size:16px;font-family: 'Oswald', sans-serif;text-transform: uppercase;letter-spacing:1px;font-weight:normal;margin-bottom:5px;}
#lliures ul{text-align:left;}
#lliures ul{margin:10px 15px 20px;color:#FF932D;}
#lliures ul li a{color:#FF932B;}


/* remove the list style */
#nav {
margin:0;
padding:0;
list-style:none;
position:absolute;right:0px;bottom:5px;
z-index:10000000000000000;
}

/* remove the list style */
#nav {
margin:0;
padding:0;
list-style:none;
position:absolute;right:20px;bottom:3px;
z-index:10000000000000000;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
        float:left;
        display:block;
        position:relative;
        z-index:500;
        margin-left:3px;
}

/* this is the parent menu */
#nav li a {
        display:block;
        font-family: 'Oswald', sans-serif;
        letter-spacing:1px;
        text-decoration:none;
        /*border-top-left-radius:5px;
        border-top-right-radius:5px;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
        /*border:1px solid #00488A;*/
        /*background:#eae9e9 url(../img/bg_boto.gif) top left repeat-x;*/
        /*background: #0065bf url(../img/bg_boto_fosc.jpg) bottom left repeat-x;*/
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        background: #0065bf url(../img/bg-boto-4.jpg) bottom left repeat-x;
        color: #fff;font-size: 11px; display: block;  text-decoration: none; text-transform: uppercase; padding:0 18px;line-height:32px;
}

#nav li a:hover {
        color: #FF932C;
}
#nav li a.selected {
        color: #FF932C;
}


a.button{
    border:none;
    background: #0065bf url(../img/bg-boto-4.jpg) bottom left repeat-x;
    display: inline-block;   
    font-family: 'Oswald', sans-serif;
    letter-spacing:1px;
    font-weight:normal;
    font-size:12px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    padding:10px 10px;
    border:1px solid #00488A;
}
a.button:hover{
    color:#FF932C;
}


#xarxes_socials{position:relative;overflow:hidden;clear:both;margin-top:10px;}
#xarxes_socials .xarxa{position:relative;overflow:hidden;clear:both;margin:5px 0;}

#peu #avis_legal{margin-left:40px;color:#FF932C;}

#formulari_contacte{margin:0;padding:0;}
#formulari_contacte div{margin:0;padding:0;margin-bottom:5px;overflow:hidden;}
#formulari_contacte h1{font-size:20px;font-weight:normal;margin-bottom:20px;color:#000;}
#formulari_contacte h1.missatge{color:#333;border:1px solid #ccc;font-size:14px;font-weight:normal;margin-bottom:20px;background:fff;border:1px dashed #ADAA9B;padding:4px 10px;}
#formulari_contacte label{display:block;color:#000;}
#formulari_contacte input{float:left;width:auto;margin:0 auto;border:1px solid #FF932C;padding:2px 6px;color:#000;line-height:20px;height:20px;width:94%;background:none;background:url(../img/bg-white50.png) top left;}
#formulari_contacte input.error{border:1px solid #FF2312;}
#formulari_contacte textarea{display:block;width:auto;height:180px;margin:0;border:1px solid #FF932C;height:100px;color:#000;padding:6px;width:97%;background:none;background:url(../img/bg-white50.png) top left;}
#formulari_contacte textarea.error{border:1px solid #FF2312;}
#formulari_contacte .col1{float:left;width:49%;}
#formulari_contacte .col2{float:right;width:49%;}
#formulari_contacte .separador{position:relative;clear:both;}
#formulari_contacte .text_missatge{float:right;width:49%;}
#formulari_contacte .text_missatge textarea{width:98%;}
#formulari_contacte .butons{position:relative;overflow:hidden;clear:both;text-align:center;margin-top:10px;}
#formulari_contacte .butons input{width:120px;line-height:25px;height:25px;margin:0 auto;background:#FF932D;border:1px solid #FB7700;color:#fff;padding:0 10px;cursor:pointer;font-size:13px;font-weight:bold;font-family: 'Cuprum', sans-serif;letter-spacing:1px;font-weight:normal;font-size:16px;text-shadow:1px 1px 1px #EC7000;}

#contacte{position:relative;overflow:hidden;clear:both;}

#info_mapa{position:relative;overflow:hidden;clear:both;padding:15px 15px;}
#info_mapa p{margin:0;padding:0;}
#info_mapa a{float:left;clear:both;color:#F69833;margin-bottom:3px;}
#info_mapa .col_left{width:49%;float:left;}
#info_mapa .col_right{width:49%;float:right;}

#mapa{margin:0;padding:0;color:#fff;position:relative;overflow:hidden;clear:both;}
#mapa .info{margin-bottom:20px;position:relative;}
#mapa .info a{color:#F57B20;}