*{margin:0 auto;padding:0px;font-family: 'Source Sans Pro',serif;font-weight: 400;}

.fix{position:fixed !important;z-index:1;}


/* FORMULARI DE CONTACTE */
#fons_contacte{width: 150%;height:100%;position: fixed;z-index: 0;display: block;}
div#content_contact{margin:0px 40px 0px 40px;overflow:hidden;background:#756690;position: relative;opacity:0.93;top: 119px;}
div#content_contact h1.titol{font-family: 'Source Sans Pro', serif;font-weight: 300;color:#fff;font-size:62pt;margin:47px 40px 0px 40px;}
div#content_contact div#localitzacio{font-size:28pt;color:#ffffff;margin-left:40px;"}
div#content_contact div#localitzacio p{font-family: 'Source Sans Pro', serif;font-weight: 600;}
div#content_contact a#telf{color:#666;text-decoration:none;}
div#content_contact a div#telefon{height:84px;background:#fff;text-align:center;line-height:84px;font-size:24pt;margin:57px 40px 82px 40px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family: 'Source Sans Pro', serif;font-weight:700;}
div#content_contact div#form{overflow:hidden;margin-top:59px;margin:0px 40px 0px 40px;}
div#content_contact div#form label{font-family: 'Source Sans Pro', serif;font-weight: 600;color:#fff;font-size:15;}
div#content_contact div#form p#advertencia{font-family: 'Source Sans Pro', serif;font-weight: 400;color:#9999cc;font-size:15;}
div#content_contact div#form input{width:100%;height:44px;font-family: 'Source Sans Pro', serif;font-weight: 600;color:#000;background:#9999cc;font-size:15;margin-bottom:18px;border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-indent:18px;}
div#content_contact div#form input#submit{color:#fff;background:#333333;margin-bottom:100px;}
div#content_contact div#form textarea{font-family: 'Source Sans Pro', serif;font-weight: 600;color:#000;background:#9999cc;font-size:15;margin-bottom:18px;border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;resize:none;}
div#content_contact div#form p input.actiu{background:#fff;color:#333;}
div#content_contact div#form p textarea.actiu{background:#fff;color:#333;}
div#content_contact div#form input#submit:hover{color:#333333;background:#fff;}
input.error{background:#ffcccc !important;border:2px solid #FF0000 !important;}
textarea.error{background:#ffcccc !important;border:2px solid #FF0000 !important;}
div#content_contact div#form p label.error{color:#FF0000 !important;margin-bottom:10px !important;}

/* PAGINA PRODUCRTE*/
div#content_producte{margin:0px 40px 0px 40px;overflow:hidden;background:#669999;position: relative;opacity:0.93;top: 283px;}
div#content_producte h1.titol{font-family:'Source Sans Pro',serif;font-weight:300;font-size:30pt;margin-left:40px;color:#fff;margin-top:50px;}
div#content_producte h2#subtitol{font-family: 'Source Sans Pro', serif;font-weight: 300;color:#fff;font-size:27pt;margin-left:40px;margin-top:108px;}
div#content_producte p#contingut{font-family: 'Source Sans Pro', serif;font-weight: 300;color:#fff;font-size:32;margin-left:40px;margin-right:40px;margin-top:69px;margin-bottom:205px;}

div#selector_submenu_producto{margin:0px 40px 0px 40px;overflow:hidden;background:#fff;position: relative;top:172px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
div#selector_submenu_producto a{text-decoration:none;color:#666666;}
div#selector_submenu_producto a img{margin-top: -34px;float: right;margin-right: 29px;position: relative;}
div#selector_submenu_producto a div{width:100%;height:86px;line-height:86px;text-indent:28px;}
div#selector_submenu_producto ul{display:none;}
div#selector_submenu_producto ul li div{width:100%;height:86px;line-height:86px;text-indent:28px;color:#fff;background:#333333;border-bottom:1px solid #cccccc;}
div#selector_submenu_producto ul li div a{text-decoration:none;color:#fff;background:#333;}
.ocultar_actiu{displaY:none;}


/* PAGINA EMPRESA */
#fons_empresa{width: 150%;height:100%;position: fixed;z-index: 0;display: block;}
div#content_empresa{margin:0px 40px 0px 40px;overflow:hidden;background:#b14b3f;position: relative;opacity:0.93;top: 119px;}
div#content_empresa h2#subtitol{font-family: 'Source Sans Pro', serif;font-weight: 300;color:#fff;font-size:40;margin:60px 40px 0px 40px;}

/* PAGINA INFORMACIO-LEGAL */
div#content_legal{margin:0px 40px 0px 40px;overflow:hidden;background:#f1f1eb;position: relative;opacity:0.93;top: 119px;padding-bottom:25px;}
div#content_legal h1.titol{font-family: 'Source Sans Pro', serif;font-weight: 300;color:#333333;font-size:62pt;margin:47px 40px 0px 40px;}
div#content_legal h2#subtitol{font-family: 'Source Sans Pro', serif;font-weight: 400;color:#333333;font-size:40;margin:60px 40px 0px 40px;}
/* FI PAGINA INFORMACIO-LEGAL */

#content_logo_menu{background:#f1f1eb;width:100%;height:119px;position:relative;}
#content_logo_menu div#content{float: right;right: 0px;z-index: 2;position: absolute;top: 0px;height: 100%;box-shadow: 0 0 15px rgba(0,0,0,0.2);}


/*MENU QUE ES TROBA OCULT*/
#tab{margin-top: 34px;margin-left: 20px;margin-right: 20px;}
/*#tab{float:right;right:20px;margin-top:34px;z-index:2;position: absolute;top: 0px;}*/
#close{display:none;}
#open{display:block;}
#menu{width:0px;min-height:920px;background:#333333;display:none;position: absolute;right: 0px;top: 0px;background-image: url(http://www.baltik.es/mobile/img/lateral_menu.png);
background-repeat: repeat-y;}
#menu ul{list-style:none;}
#menu ul li{height: 120px;border-bottom: 3px solid #666666;line-height: 120px;font-family: 'Source Sans Pro', serif;font-weight: 700;font-size: 31.87pt;}

#menu ul li#h_empresa:hover{background:#cc3333;border:0px;}
#menu ul li#h_producte:hover{background:#669999;border:0px;}
#menu ul li#h_contacte:hover{background:#666699;border:0px;}
#menu ul li#h_legal:hover{background:#dddddb;border:0px;}
#menu ul li#h_idioma:hover{background:#669966;border:0px;}
#menu div.contenido ul ul#submenu_idioma li:hover{background:#97da68;border:0px;}

#menu ul a{color:#fff;text-decoration:none;text-indent:49px;}
#img_logo{margin-top:25px;margin-left:40px;}
#eslogan{background:#f1f1eb;width:100%;height:79px;position:relative;margin-top:47px;text-indent:40px;line-height:79px;}
#eslogan span{font-size: 31.78;color:#cc6666;font-family: 'Source Sans Pro', serif;font-weight: 300;}


#menu #submenu_idioma{display:none;}
#menu #submenu_idioma a{text-indent: 98px;}
/* FI MENU QUE ES TROBA OCULT */



/* SLIDER */
div#slider{margin-top:34px;margin-bottom: 125px;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}
 
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:34px;
left: 0px;
width: 120px;
height: 34px;
background: #f1f1eb;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

ol.bjqs-markers li a {
/* padding: 3px 5px; */
width: 20px;
height: 20px;
background: #000;
color: #fff;
margin: 7px 5px;
text-decoration: none;
transition: background .5s ease;
-webkit-transition: background .5s ease;
-moz-transition: background .5s ease;
-o-transition: background .5s ease;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
background: whitesmoke;
color: #000;
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}



/*media query per quant la pantalla es fa petita*/
@media only screen and (max-width: 320px)
{
	#img_logo{width:113px;margin-top:38px;}
	#menu ul li{font-size:10pt;}
}

@media only screen and (min-width: 321px) and (max-width:480px)
{
	#menu ul li{font-size:15pt;}
}