html,body{margin:0;padding:0}
body{font:70% "Arial",verdana,Verdana;color: #333;text-align:left;padding: 10px}
h1,h2{padding-left: 15px;margin-top:0;margin-bottom:2}
h3,h4{padding-left: 15px;margin: 0}
h1{font-size: 200%;color: #444241}
h2{font-size: 160%;color: #444241}
h3{font-size: 130%;color: #444241}
h4{font-size: 110%;color: #444241}
h5{padding-left: 15px;margin-top:10;margin-bottom:0}
h5(font-size: 200%;color: #ffffff}
h6{padding-left: 15px;margin-top:0;margin-bottom:0}
h6(font-size:150%;color: #ffffff}
a:link {text-decoration:none;color:#474747;}
a:visited {text-decoration:none;color:717171;}
a:active {text-decoration:none;color:#ff0000;}
a:hover {text-decoration:none;color:#000000;}
H1.SaltoDePagina
{
PAGE-BREAK-AFTER: always
}
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}
div.gradientc{width:50%;overflow:auto;background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradientc p{margin:0;padding: 2px 5px}
div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}
div#container{width:700px;margin: 0 auto;background-color: #fff;text-align: left}
div#header{background-color: #B2B2AD;padding:5px 0}
/* COLOR FONDO CAPSALERA */
div#header h1{color: #FFF;font-size: 200%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #B2B2AD;padding-top: 5px}
/* COLORS color fondo banderas */
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:right;width:88px;margin-right:2px;text-align: center}
ul#nav a{font-size: 100%;float:right;width:88px;text-decoration:none;background: #6894D6;color: #FFF}
/* COLORS color menu fondo inactiu color menu lletra inactiu */
ul#nav li.active a,ul#nav a:hover{color: #000000}
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:150px;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
text-transform:uppercase;margin:0px;padding: 5px 0 3px;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
ul#split div{background:#C5E6F6}
li#one h3{background: #A4B6EE}
li#two h3{background: #FFBD00}
li#three h3{background: #E3A1C4}
li#three h4{background: #BCDE13}
div#content{clear:left;width:700px;border-top:1px solid #999;padding-top:15px;background-color: #FFFFFF}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #B2B2AD;color: #000000}
div#box1{float:left;display:inline;width:150px;margin: 5px 15px 15 45px;background:#CBD7E3;text-align:center}
div#box1 p{padding:0 5px}
div#box2{float:left;display:inline;width:150px;margin: 5px 10px 15 45px;background:#CBD7E3;text-align:center}
div#box2 p{padding:0 5px}
div#box3{float:left;display:inline;width:280px;margin: 5px 10px 15 45px;background:#CBD7E3;text-align:center}
div#box3 p{padding:0 5px}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:10 100px;padding:10}
div#minipics li{float:left;width:143px;margin: 10px 35px 10px 0;background-color: #CBD7E3;text-align:center}
div#minipics li img{display: block;width: 120px;height: 78px;margin:10px 10px;border: 0px}
div#minipics p{padding:0 5px}
div#fotoapt{float:left;width:100%;padding-bottom:10px}
div#fotoapt ul{list-style-type: none;margin:10 100px;padding:10}
div#fotoapt li{float:left;width:143px;margin: 10px 35px 10px 0;background-color: #CBD7E3;text-align:center}
div#fotoapt li img{display: block;width: 120px;height: 78px;margin:10px 10px;border: 0px}
div#fotoapt p{padding:0 5px}
marco1 {
padding:8px;
background-color: #f5f5f5;
width: 300px;
border: 1px solid #999999;
}
.marco1 IMG{
border: 1px solid #000000;
}
.marco2 {
float:left;
padding:8px;
background-color: #f5f5f5;
width: 300px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
margin:10px 25px;
}
.marco3 {
float:left;
padding:8px;
background-color: #f5f5f5;
width: 300px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #D5D2D2;
border-top: 1px solid #D5D2D2;
margin: 15px 3px 15px 8px;
/// dalt - dreta - baix - esquerra
}
.marcollarg {
float:center;
padding:8px;
background-color: #f5f5f5;
width: 550px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #D5D2D2;
border-top: 1px solid #D5D2D2;
margin: 15px 20px 15px 15px;
/// dalt - dreta - baix - esquerra
}
.marcomaps {
float:center;
padding:8px;
background-color: #f5f5f5;
width: 500px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #D5D2D2;
border-top: 1px solid #D5D2D2;
margin: 25px 35px 15px 95 px;
/// dalt - dreta - baix - esquerra
}
.marco33 {
float:left;
padding:8px;
background-color: #f5f5f5;
width: 300px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #D5D2D2;
border-top: 1px solid #D5D2D2;
margin: 10px 300px 15px 25 px;
/// dalt - dreta - baix - esquerra
}
.marcomaps {
float:left;
padding:8px;
background-color: #f5f5f5;
width: 500px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #D5D2D2;
border-top: 1px solid #D5D2D2;
margin: 10px 60px 15px 45 px;
/// dalt - dreta - baix - esquerra
}
.marco4 {
float:left;
padding:0px;
background-color: #f5f5f5;
width: 300px;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
border-left: 2px solid #999999;
border-top: 2px solid #999999;
margin:10px 25px;
}
.marco5{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
width: 225px;
}
.shadow, .content{
position: relative;
bottom: 1px;
right: 1px;
}
.shadow{
background-color: #666; /*shadow color*/
color: inherit;
}
.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: .5em 2ex;
}
.content IMG{
border: 1px solid #000000;
}
