/* RESET */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, li, ol, ul,
fieldset, form, label, legend, button, label
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font: inherit;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: left;text-decoration: none;vertical-align: baseline;letter-spacing:0.04em;color:#3d3d3d}
input, textarea{margin: 0;padding: 0;font: inherit;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: left;text-decoration: none;vertical-align: middle;letter-spacing:0.04em;color:#3d3d3d;}
a img, :link img, :visited img {border: 0}
:focus {outline:0;}
a{outline: none}
ol, ul {list-style: none}
input, textarea{outline: none;border:none;}
/** ESTILS SGM **/
span.img-rollover{ width: 29px; height: 15px; overflow: hidden; display: block; position: relative; float:right; }
span.img-rollover a:hover{ top: -15px; position: relative; }
/*GLOBALS*/
@font-face {
font-family: 'Titol';
src: url('comfortaa_regular-webfont.eot');
src: url('comfortaa_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('comfortaa_regular-webfont.woff') format('woff'),
url('comfortaa_regular-webfont.ttf') format('truetype'),
url('comfortaa_regular-webfont.svg#ComfortaaRegular') format('svg');
font-weight: normal;
font-style: normal;
}
html {overflow-y: scroll;}
* { margin: 0px; padding: 0px; border-width: 0px;}
body { color: #000; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #333; background-image: url("../img/bg.png"); background-repeat: repeat; margin: 0; padding: 0 }
/*body { color: #000; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #FFF; margin: 0; padding: 0 }*/
table { border-collapse: collapse; border-spacing: 0px;}
img { margin: 0; padding: 0 }
#marc { margin: 0; padding: 0; position: absolute; width: 99% }
#cos { display: block; margin-top: 100px; margin-right: auto; margin-left: auto; width: 970px }
.clear { clear:both}
.left { float: left;}
.right { float: right;}
#logo { float: left;}
#menu {float: left;}
/*ESTRUCTURA*/
#cosleft { width: 560px; float: left; }
#cosright { width: 350px; float: right;}
#cosenser { background: #999999; display: block; margin: 0 auto 0; padding: 0 10px 20px 20px; width: 940px; height: 400px }
#baix { background: #cccccc; padding: 10px 20px; border-top: 1px solid #666 }
#header { background-color: #cccccc; padding-right: 20px; padding-left: 20px; height: 50px; border-bottom: 1px solid #666 }
.lateral {margin-top: 12px;}
.fotos {padding-bottom: 10px;}
#privacitat {width: 680px; padding: 20px; }
#privacitat p { color: #857867; font-size: 14px; font-family: Verdana; font-style: normal; text-align: justify; padding-top: 20px; }
#privacitat h4 { color: #f6847c; font: 40px Titol; clear: both; }
.titol { color: #857867; font: 35px/0 Titol; margin-top: 30px }
.subtitol { color: #857867; font: 20px/0.8 Subtitol; margin-top: 20px }
h1 { color: #fff; font: 40px Titol; padding-top: 20px; clear: both }
h2 { font: bold 20px Titol; padding-top: 20px; clear: both }
h3 { color: #fff; font: bold 18px Titol; background-color: #333; text-align: center; padding: 5px; clear: both }
p { color: #fff; font-size: 12px; font-family: Verdana; font-style: normal; text-align: justify }
.peu { color: #333; font-size: 10px; font-family: Verdana; font-style: normal; font-weight: normal }
/*a, a:visited { font-weight: bold; text-decoration: none; }
a:hover {color: #FFF; background: inherit; text-decoration: none;}*/
#caixalogo {width: 250px; float: left;}
#caixamenu { margin-top: 20px; float: left }
/*MENU*/
ul#menulimer { list-style: none; margin: 0; padding: 5px; position: relative; z-index: 40; cursor: pointer }
ul#menulimer ul { list-style: none; display: none; position: absolute; top: 100%; left: 0; }
ul#menulimer ul ul,ul#menulimer ul ul ul { top: 0; left: 100%; }
ul#menulimer li { color: #333; font: bold 15px Arial; text-decoration: none; list-style-type: none; display: inline; margin-right: 40px; position: relative; float: left }
ul#menulimer ul li { background-color: #ddd; display: block; width: 100%; }
/* Root Menu */
ul#menulimer a { display: block;list-style-type: none; color: #333; font: bold 15px Arial; text-decoration: none; margin: 0; float: left; }
/* Hover*/
ul#menulimer a:hover,ul#menulimer li:hover a,ul#menulimer li.iehover a { color: #FFF; background-image: url(../images/bgmenu.png); background-repeat: repeat;}
/* 2nd Menu */
ul#menulimer li:hover li a,ul#menulimer li.iehover li a { color: #333; font: bold 12px Arial; background: #ddd; padding: 2px 4px 6px 2px; float: none; }
/* 2nd */
ul#menulimer li:hover li a:hover,ul#menulimer li:hover li:hover a,ul#menulimer li.iehover li a:hover,ul#menulimer li.iehover li.iehover a {background: #bbbbbb; background-image: url(../images/bgmenu.png); background-repeat: repeat;}
/* Hover */
ul#menulimer li:hover ul ul,ul#menulimer li:hover ul ul ul,ul#menulimer li.iehover ul ul,ul#menulimer li.iehover ul ul ul { display: none; }
ul#menulimer li:hover ul,ul#menulimer ul li:hover ul,ul#menulimer ul ul li:hover ul,ul#menulimer li.iehover ul,ul#menulimer ul li.iehover ul,ul#menulimer ul ul li.iehover ul { display: block; }
#menusota { padding-top: 9px; background-image: url(../images/bgmenu.png); background-repeat: repeat; }
#idioma { list-style: none; margin: 0; padding: 0; float: right }
#idioma li { color: #333; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none; text-align: center; display: block; padding: 8px 2px 4px; float: left }
#idioma li a { color: #333; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none; text-align: center; display: block;}
#idioma li a:hover { font-family: Arial; font-weight: bold; text-decoration: none; font-weight: bold }
/*HOME*/
#pantalla { margin-top: 5px; z-index: 50; width: 950px; height: 300px; float: left; border-bottom: 1px solid #d1bda2 }
#pantalla ul { z-index: 40; width: 950px; height: 300px; }
/*PRODUCTES*/
#index { list-style: none; padding: 60px 0 0 }
#index li { margin: 0 10px 10px 0; padding: 0; width: 225px; height: 84px; float: left }
/*PRODUCTES*/
#productes { list-style: none; margin: 10px 0 0; padding: 0 }
#productes li { margin: 0 10px 10px 0; padding: 0; width: 84px; height: 84px; float: left }
.imgprduct { border: dashed 1px #ccc }
/*PRODUCTES*/
#contacte1 {float: left;}
#contacte2 {float: left; margin-left: 40px; margin-right: 25px; padding-top: 32px;}
/* FORMULAARI --------------------------------- */
#frmContacte p { color: #FFF; font-size: 12px; font-family: Verdana; padding-top: 10px; padding-bottom: 2px }
#frmContacte p a:link, #frmContacte p a:visited { color: #FFF; font-size: 12px; font-family: Arial; text-decoration: none; padding-top: 6px; padding-bottom: 1px }
#frmContacte p a:hover, #frmContacte p a:active { color: #FFF; font-size: 12px; font-family: Arial; text-decoration: none; padding-top: 6px; padding-bottom: 1px }
.inputhome { color: #857867; font-size: 12px; font-family: Arial; padding: 2px; width: 450px; border: solid 1px #bbb }
.comenthome { color: #857867; font-size: 12px; font-family: Arial; padding: 2px; min-width: 450px; max-width: 450px; min-height: 100px; max-height: 100px; border: solid 1px #bbb }
.caixaalertes { display: none; margin-top:10px; margin-bottom:10px; padding: 10px 0 5px 23px; background-color: #3D3D3D; font-size:12px; width: 500px; }
.caixaalertes ul li { font-size:12px; list-style-type: disc; padding-bottom: 5px; color: #FFFFFF}
.caixaalertes label.error {display: inline; color: #FFFFFF }
form.cmxform label.error { display: block; width: auto; }
.button { color: #fff; font-size: 10pt; font-weight: bold; text-decoration: none; background-color: #333; margin-top: 10px; padding: 4px 10px }
.button:link, .button:visited { color: #fff; background-color: #333 }
.button:hover { color: #333; background-color: #fff }