*
{
margin: 0; 
padding: 0;
}

body 
{
background: #EEE; 
font-size: 10px; 
margin: 0; 
padding: 0;
text-align:center;
}

div.neteja
{
clear: both;
font-size:2px;
}

img
{
border:0px;
}


div#contenidor
{
position: absolute;
width:920px;
height:570px;
margin: -285px 0 0 -460px;
top:50%;
left:50%;
background:#FFF;
border:1px solid #000;
}

div#top
{
height:78px;
border-bottom:1px solid #000;
}



div#logopime
{
width:110px;
border-right:1px dotted #ccc;
float:right;
text-align:center;
margin:15px 0 0 0;
padding:5px 5px 3px 5px;
}

div#pimec
{
width:110px;

float:right;
text-align:center;
margin:15px 0 0 0;
}

div#idiomes
{
font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
width:110px;
font-size:10px;
float:right;
text-align:center;
margin:15px 0 0 0;
border-right:1px dotted #ccc;
}


div#idiomes ul
{
padding:0;
margin:0;
list-style:none;

}

div#idiomes li
{
margin:3px 0 3px 0;
}

div#idiomes ul li a
{
color:#ccc;
text-decoration:none;
}

div#idiomes ul li a:hover
{
color:#fff;
background:#ccc;
}

div#idiomes ul li a.on
{
color:#152B88;
text-decoration:none;
}

div#idiomes ul li a.on:hover
{
color:#152B88;
background:#fff;
}




div#webpimec
{
margin:10px 0 0 0;
height:64px;
width:250px;
float:left;
text-align:center;
}

div#contingut
{
height:456px;

}

div#peu
{
border-top:1px solid #000;
height:34px;
font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
font-size: 10px;
color:#999999;
}

div#peu p
{
margin:0;
padding:10px 0 0 0;
}

div#peu a
{
color:#999999;
text-decoration:none;
}

div#peu a.mini
{

text-decoration:none;
}

div#peu a.mini:hover
{
background:#808FC1;
color:#fff;
text-decoration:none;
}

div#peu a.basic
{

text-decoration:none;
}

div#peu a.basic:hover
{
background:#ED6E00;
color:#fff;
text-decoration:none;
}

div#peu a.classic
{

text-decoration:none;
}

div#peu a.classic:hover
{
background:#96999D;
color:#fff;
text-decoration:none;
}

div#peu a.shop
{
color:#96999D;
text-decoration:none;
}

div#peu a.shop:hover
{
background:#BAD405;
color:#fff;
text-decoration:none;
}


div#peu a:hover
{
background:#666666;
color:#ffffff;
}


div#menu
{
width:160px;
height:456px;
background:grey;
float:left;
}

div#intro
{
width:920px;
height:456px;
background:grey;
}

div#menu div
{
width:160px;
height:114px;
}

div#intro div
{
width:920px;
height:114px;
}

div#menu a {
display:block;
width:160px;
height:114px;
text-decoration:none;
}

div#intro a {
display:block;
width:920px;
height:114px;
text-decoration:none;
}

div#menu a:hover, div#intro a:hover  {
display:block;
text-decoration:none;
}

div#menu a.webmini , div#intro a.webmini{
background:#97A3CC;
}
div#menu a.webmini:hover, div#intro a.webmini:hover  {
background:#808FC1;
}

div#menu a.webminiOn, div#intro a.webminiOn{
background:#808FC1;
}


div#menu a.webbasic, div#intro a.webbasic {
background:#F0882E;
}
div#menu a.webbasic:hover, div#intro a.webbasic:hover {
background:#ED6E00;
}
div#menu a.webbasicOn, div#intro a.webbasicOn {
background:#ED6E00;
}

div#menu a.webclassic , div#intro a.webclassic{
background:#ABABAB;
}
div#menu a.webclassic:hover, div#intro a.webclassic:hover {
background:#96999D;
}
div#menu a.webclassicOn, div#intro a.webclassicOn{
background:#96999D;
}

div#menu a.webshop, div#intro a.webshop  {
background:#C6DC32;
}
div#menu a.webshop:hover, div#intro a.webshop:hover {
background:#BAD405;
}
div#menu a.webshopOn, div#intro a.webshopOn{
background:#BAD405;
}

div#principal
{
float:left;
width:550px;
height:456px;
color:#fff;
font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
}


div#imatge
{
float:right;
width:209px;
}



div#opcions
{
font-family: Verdana,Arial, Helvetica, Geneva, sans-serif;
height:17px;

}

div#opcions ul
{
margin:0;
padding:0 0 0 0;
list-style:none;
font-size:11px;
background:#fff;
}

div#opcions ul li
{

padding:5px 0 5px 0;
width:209px;
}

div#opcions ul li a
{
padding:2px;
text-decoration:none;
}



div#titol
{
padding:15px 0 10px 0;
}

div#info
{
text-align:left;
font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
font-size: 12px;
color:#fff;
}


div#info ul
{
margin:20px 0 0 0;
padding:0 56px 0 56px;
list-style:disc;
}

div#info ul li
{
margin:0 0 14px 0 ;
}

div#info ul li ul
{
padding:0 0 0 30px;
margin:5px 0 0 0;
list-style:circle;
}

div#info ul li ul li
{
margin:0 0 5px 0;
padding:0;
}


div.miniatura
{
float:left;
padding:10px 13px 12px 13px;
width:107px;

text-align:center;
font-size:11px;
}

div.miniatura a
{
color:#fff;
}
 



div#formulari
{
font-family: Arial, helvetica, sans-serif;
font-size: 11px;
color:#ffffff;
padding:10px  0 0 50px;
}

div#okcontactar
{
font-family: Arial, helvetica, sans-serif;
font-size: 12px;
margin-top:100px;
width:490px;
height:200px;
text-align:right;
margin-left:auto;
margin-right:auto;
text-align:center;
}


div.separador
{
clear: both;
font-size:2px;
height:1px;

}



label.tipus
{
float: left;
width: 230px;
padding: 0 0 0 10px;
text-align: left;
margin:0;
}

input.inputtext
{
color:black;
width:180px;
font-family: arial, helvetica, sans-serif;
font-size:11px;
border:0;
padding-left:3px;
padding-top:2px;
background-color:#ECEAEA;
border:1px solid black;
float:left;
}

input.inputtext2
{
color:black;
width:369px;
font-family: arial, helvetica, sans-serif;
font-size:11px;
border:0;
padding-left:3px;
padding-top:2px;
background-color:#ECEAEA;
border:1px solid black;
float:left;
margin-left:4px;
}

textarea.inputtext
{
color:black;
width:421px;
font-family: arial, helvetica, sans-serif;
font-size:11px;
padding-left:3px;
padding-top:2px;
background-color:#ECEAEA;
border:1px solid black;
float:left;

}

input.boto
{

width:81px;
font-size:12px;
font-weight:bold;
border:0;
color:white;
border:1px solid black;
background-color:#6F6F6F;
margin-top:5px;
padding:5px;
cursor:pointer;
}

input.inputradio
{
margin:0 0 0 20px;
}


div.botons
{
text-align:center;
}

div.obligatori
{
font-size:10px;
text-align:right;
padding:10px 5px 0 0;
width:170px;
float:left;
}

div.boto
{
font-size:10px;
padding:0 65px 0 0;
width:100px;
float:right;
text-align:right;
}

div.privacitat
{
width:290px;
float:left;
padding:5px 0 0 10px;
font-size:10px;
text-align:left;
}

div#okformulari
{
font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
font-size: 12px;
color:#fff;
padding:100px  0 0 0;
line-height:24px;
}


div.domini
{
padding:5px 0 5px 0;
color:#000;
font-weight:bold;
text-align:left;
}

div.domini span
{
font-size:10px;
}


div#condicions-webmini
{
font-size:11px;
font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
text-align:left;
width:550px;
height:530px;
overflow:auto;
line-height:16px;
}

div#condicions-webmini p
{
margin:10px 0 10px 0;
}

div#condicions-webmini a
{
color:#000;
font-weight:bold;
}

div.privacitat a
{
color:#000;
}