body {
background-color: #333;
text-align: center;
color: #FFFFFF;
margin: 0.7%;
padding: 0;
font: 100% sans-serif;
}

.centrat {text-align: center; margin-bottom: 2%;}

.contenidor{
text-align: center;
margin: 0 auto 0 auto;
background-color: #444;
width: 950px;
overflow: hidden;
}

.cap{
width: 100%;
height: 55px;
background: #880033;
font-family: sans-serif;
font-weight: bold;
margin-bottom: 0.5%;
padding: 10px 0 0 0;
text-align: center;
border-bottom: solid 1px #bb0033;
}

.idioma {float: left; margin: 1% 0 1% 14px; font-size: 12px;}

.comptador {float: right; margin: 1% 14px 1% 0; font-size: 12px; color: #c0c0c0;}

.ttl{font-size: 95%; color: #DD0033; width: 70%; height: 5%; float: left; text-align: right;}

.ttlp{font-size: 95%;}

.nav {
width: 100%;
text-align: center;
font-size: 95%;
margin: 2% 1% 2% 1%;
}

a:link {color: #FFFFFF; text-decoration: none; border-bottom: 0px #FFFFFF solid;}

a:visited {color: #FFFFFF; text-decoration: none;}

a:hover {color: #ccc; text-decoration: underline; border-bottom: 0px #DD0033 solid;}

.resalta {color: #ee6699; text-decoration: underline;}

.resalta:hover {text-decoration: none;}

.titol {text-decoration: none; margin: 0; border: 0;}

.titol:hover {text-decoration: none; margin: 0; border: 0;}

.puchades { width: 99%; font-size: 80%; font-weight: bold; color: ccc;}

.fons{
margin: 2% 1% 2% 6%;
padding-bottom: 0.4;
text-align: center;
height:135px;
}

.imatge{margin: 3%; width: 180px; border: solid #000 1px;}

.comparteix{float: left; width: 100%; font-size: 12px; text-align: center; margin: 2% 0 1% 0; padding: 3px 0 0 0; border-top: solid 0px #bb0033;}

/*.comparteix{float: left; width: 325px; font-size: 12px; text-align: right; margin: 0 40px 0 600px; padding: 7px 0 0 0; border-top: solid 0px #bb0033;}*/

.peu{float: left; width: 950px; font-size: 14px; text-align: center; margin: 1% 0 1% 0; padding: 7px 0 7px 0; border-top: solid 1px #bb0033;}

.cos, .cosesk{
float: left;
text-align: center;
margin: 0px 0.1% 0px 0.1%;
padding: 0.4% 0.5% 0px 0px;
}

.cos{width: 390px;}

.cosp{
text-align: center;
margin: 5px 0 0px 0px;
padding: 0.6% 0.1% 0 0.1%;
float: right;
width: 97%;
height: 100px;
}

.cosprod{
font-family: sans-serif;
font-size: 72%;
width: 58%;
text-align: left;
float: left;
margin: 0 0.2% 0 0.2%;
}

.fot{
text-align: center;
float: right;
margin: 0px 1px 0 0;
width: 37%;
}

.partsdreta{float: right; width: 49%; margin: 0;}

.cosesk{
width: 530px;
border-right: dotted 1px #777;
}

.parts{float: left; width: 48%;}

.enqfot{
margin: 30px 5px 5px 15px;;
padding: 15px 5px 5px 15px;
text-align: center;
width: 580px;
float: left;
border-right: dotted 1px #777;
}

.cosdrt{
width: 270px;
float: right;
text-align: left;
font-size: 105%;
line-height: 16px;
margin: 40px 30px 10px 5px;
padding: 5px 5px 5px 10px;
}

.styledrt{ color: #dd3366; font-size: 17px; font-weight: bold;}

.esquema {line-height:21px;}

.txt{font-size: 90%;}

.hofmann, .regals, .marcs, .online {
   width: 160px;
   height: 98px;
   margin: 10px 0 0 0;
}

.hofmann a, .regals a, .marcs a, .online a {
   text-decoration: none;
   display: block;
   width: 100%;
   height: 73px;
}

.hofmann a {background-image: url("../img/hofmann.jpg");}

.regals a {background-image: url("../img/regals.jpg");}

.marcs a {background-image: url("../img/marc.jpg");}

.online a {background-image: url("../img/fotos.jpg");}

.hofmann a:hover, regals a:hover, marcs a:hover, .online a:hover {text-decoration: none;}

.hofmann a:hover {background-image: url("../img/hofmann_sobre.jpg");}

.regals a:hover {background-image: url("../img/regals_sobre.jpg");}

.marcs a:hover {background-image: url("../img/marc_sobre.jpg");}

.online a:hover {background-image: url("../img/fotos_sobre.jpg");}

.imtpro{
text-align:center;
margin: 5px 0.5% 0.3% 0.5%;
float:right;
}

.pagesq {margin: 1%}

.majuscula {text-transform: uppercase; font-weight: bold; color: #e69;}

.avis {text-align: left; margin: 2%; font-size: 50%}

/*---------------------------------------------------------------CSS Galeries----------------------------------------------------*/

.galeria {background-color: #333; text-align: center}

.cosgaleria {margin: 0 auto 0 auto; text-align: center;}

.fotogaleria {float: left; width: 80%; text-align: center; margin: 2px 0 2% 0;}

.navega {
float: left;
margin: 5px 0 10px 0;
padding-left: 5px;
padding-right: 5px;
font-family: sans-serif;
font-size: 14px;
background-color: #880033;
border-bottom: solid 1px #bb0033;}

.fotoeixida {float: right; margin: 5px 0 10px 0; font-family: sans-serif;; border: 1px solid #999; padding: 1px 3px 1px 3px;}

.fotoeixida a:hover{background-color: #999;}

.fotoinfo {text-align: center; margin: 5px 18% 10px 0;}

.fotoinfocoment {margin: 0 10px 0 0;}

.fotoinfoconta {margin: 0 0 0 10px;}

.fotos {text-align: center;}

.cosdreta {
float: right;
text-align: left;
width: 155px;
margin: 5px 7px 0 5px;
padding-left: 15px;
background-color: #333;
border-left: 1px dotted #777;
}

.minilogo {text-align: center; width: *; background-color: #880033; margin: 1% 0 4% 0; border-bottom: solid 1px #bb0033;}

.navegagaleria {text-align: center;}

.minifotos{text-align: center; width: 100%; margin: 5% 0 5% 0;}

.peugaleria {
width: 100%;
float: left;
margin: 2% 0 1% 0;
font-family: sans-serif;
font-size: 10px;
color: #c0c0c0;
text-align:center;
}