@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; background:#00002e url(../img/bg_web.png) repeat-x top left; color:#fff}

img{border:none}
big{font-size:18px; font-weight:bolder}

a{color:#fff}
a:hover{color:#333}

.floatleft{float:left; margin:0 5px 10px 0}
.floatright{float:right; margin:0 0 10px 5px}

#container {width:928px; height:602px; margin:0 auto 0 auto}

#top{ background-repeat: no-repeat; background-position: center center; width:928px; height:95px;}
.CatTop { background-image:url(../img/topCat.png)}
.CasTop { background-image:url(../img/topCas.png)}
.FraTop { background-image:url(../img/topFra.png)}
.EngTop { background-image:url(../img/topEng.png)}
#top span{visibility:hidden; display:none}

#idioma{ background: url(../img/bg_idiomes.png) no-repeat; width:245px; height:16px; float: right; padding:0 0 0 0; height:22px; overflow:hidden}
#idioma select{ width:150px!important; margin:-3px 0 0 08px; padding:0; font-size:10px; height:18px}

#idioma ul{ list-style:none; margin:5px 0 0; padding:0}
#idioma ul li {float:left;}
#idioma ul li a {float:left;background-position:top left; background-repeat:no-repeat; height:12px; width:17px; margin:0 0 0 4px}
#idioma ul li a:hover { background-position: bottom left}
#idioma ul li a span{ visibility:hidden; display:none}
#idioma ul li a.cat{background-image: url(../img/idiomes/cat.jpg)}
#idioma ul li a.cas{background-image: url(../img/idiomes/cas.jpg)}
#idioma ul li a.fra{background-image: url(../img/idiomes/fra.jpg)}
#idioma ul li a.eng{background-image: url(../img/idiomes/eng.jpg)}





#contingut, #contingutFlash{ border-bottom: solid 2px #fff; border-top:solid 2px #fff; width:928px; height:421px; clear:both; margin:45px 0 10px 0; overflow:auto; font-size:11px}
#contingutFlash{overflow:hidden}

#contingut h1{ font-size:17px}
#contingut h2{ font-size:16px}
#contingut h3{ font-size:14px}
#contingut h4{ font-size:12px}


#text_contingut{ font-size:10px}
#flashContent{ float:left; margin:0 10px 0 0}
#caracteristiques{ float:right; margin:0 0 0 10px; background:url(../img/bg_caracteristiques.jpg) no-repeat top left; width:297px; height:323px; padding:25px 5px 0 5px}

#contingut_fitxa{ height:300px;width:372px;*width:346px;width /*\**/: 363px; margin-bottom:8px; overflow:auto}

#caracteristiques h1 { margin:0 0 15px 0; padding:0}
#caracteristiques p{margin:0; padding:0}

#footer span{color:#FFF; float: right; font-size:9px; text-align:right}
#footer span a{color:#FFF; text-decoration:none; font-size:9px}
#footer span a:hover{text-decoration:underline}

#preu{background:url(../img/bg-preu.gif) no-repeat; width:300px; height:48px; color:#010b75; display:block; margin:0 0 0 250px; font-size:18px; font-weight:bold; padding:10px 0 0 10px}
#preu a{background-image:url(../img/bt-comprar.gif); background-repeat:no-repeat; background-position:top left; color:#010b75; width:76px; height:30px; display:inline-block; float: right; margin:0 50px 0 0}
#preu a:hover{background-position:bottom left}
#preu a span{ visibility:hidden; display:none}

.compraCat{background-image:url(../img/bt-comprar.gif); background-repeat:no-repeat; background-position:top left; color:#010b75; width:76px; height:30px; display:inline-block; float: right;
margin:0 280px 0 0} 
.compraCas{background-image:url(../img/bt-comprar.gif); background-repeat:no-repeat; background-position:top left; color:#010b75; width:76px; height:30px; display:inline-block; float: right;
margin:0 280px 0 0} 
.compraFra{background-image:url(../img/bt-comprar-fra.gif); background-repeat:no-repeat; background-position:top left; color:#010b75; width:76px; height:30px; display:inline-block; float: right;
margin:0 280px 0 0} 
.compraEng{background-image:url(../img/bt-comprar-eng.gif); background-repeat:no-repeat; background-position:top left; color:#010b75; width:76px; height:30px; display:inline-block; float: right;
margin:0 280px 0 0} 

.compraCat:hover, .compraCas:hover, .compraFra:hover, .compraEng:hover{background-position:bottom left}


.compraCat span, .compraCas span, .compraFra span, .compraEng span{ visibility:hidden; display:none}

#preu2{background:url(../img/bg-preu.gif) no-repeat; width:300px; height:48px; color:#010b75; display:block; margin:0 0 0 30px; font-size:18px; font-weight:bold; padding:10px 0 0 10px}
#preu2 a{background-image:url(../img/bt-comprar.gif); background-repeat:no-repeat; background-position:top left; color:#010b75; width:76px; height:30px; display:inline-block; float: right; margin:0 50px 0 0}
#preu2 a:hover{background-position:bottom left}
#preu2 a span{ visibility:hidden; display:none}



#menu{ text-align:center; margin:10px 0}
#menu li{ float:left;}




/*MENU *************************************************** */
#menu ul#NavCSS {
    margin:0; padding:0; list-style:none;
}
#menu ul#NavCSS img{ border:none}


#menu ul#NavCSS li {
	margin:0 15px;
	position: relative;
	display: inline;
	float: left;
}
#menu ul.NavAng li {margin:0 23px!important;}

#menu ul#NavCSS li a{
	font-size:16px;
	color:#fff;
	padding:6px 2px;
	display:block;
	text-decoration:none;

	font-family:Stencil, Garamond, Times New Roman; 
	z-index: 80;
}

#menu ul#NavCSS li a:hover{text-decoration: underline;}

#menu ul#NavCSS li a.pos{border:solid 1px #fff;padding:5px 1px;}

#menu ul#NavCSS li ul {
	/*width:100%;*/
	background:#FFFFFF;
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	margin:0;
	padding:0;
	text-align:left;
	
}

#menu ul#NavCSS ul li{ 
	background:none;
	list-style-type:none;
	margin:0;
	padding:0;
	z-index: 100;
}

#menu ul#NavCSS li li {
	margin:0!important;
	padding:0!important;
	width:300px;
	z-index: 100;
}

#menu ul#NavCSS li ul a {
	font-size:11px;
	color: #01014d;
	font-weight:bold;
	font-style:normal;
	margin:0!important;
	padding:2px!important;
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	z-index: 100;
}


#menu ul#NavCSS li ul a:hover{

}

/* .arrowdiv{ background:url(../img/iconomenu.jpg) no-repeat 2px 5px; height:15px; width:12px; display:inline-block}*/
.arrowdiv{ visibility:hidden; display:none; height:0; width:0; font-size:10px}



thead{ font-weight:bold; background:#36369b; font-size:14px;}
thead td{padding:5px}

tbody{ font-size:12px}
tbody td{padding:5px;border-bottom:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff}


.botoMenys{ background-image:url(../img/bt_menys.png); background-repeat:no-repeat; background-position:top left; color:#010b75; width:15px; height:17px; display:block}
.botoMenys:hover{background-position:bottom left}


label {display:inline-block; width:150px; vertical-align:top; font-size:11px; text-align:right; margin:0 10px 0 0; font-weight:bold}
input, textarea {border: none;font-size:11px; }
input {width:374px}
select {width:345px}
textarea {width:374px; height:110px;font-size:11px; }
input.boto{ background:#fff; color:#010b75; border:solid 1px #000; cursor:pointer; width:auto!important;
    height: 24px;
}

#links li { list-style-image:url(../img/li.png)}
#links a{ font-size:12px; color:#fff; font-weight:bold; text-decoration:none}
#links a:hover{ text-decoration:underline}

.inputSenseMida input{ width:auto!important}
.inputSenseMida label{ width:auto!important}



/* GOOGLE TRANSLATE ***************************************** */

.google_translate img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
}

.google_translate:hover img {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
}

.google_translatextra:hover img {
    filter:alpha(opacity=0.30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
}


#condicions{width:480px; height:160px; overflow:auto; background-color:#fff; color:#000; text-align:left; padding:5px}