html,body{margin:0;padding:0}
body{font:70% "Arial",verdana,Verdana;color: #333;text-align:center;padding: 20px}
h1,h2,h3,h4{padding-left: 15px;margin: 0}
h1{font-size: 200%;}
h2{font-size: 160%;color: #555}
h3{font-size: 130%;color: #555}
h4{font-size: 110%;color: #555}
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:800px;margin: 0 auto;background-color: #c7c6bf;text-align: left}

/* COLOR FONDO CAPSALERA */

div#header{background-color: #4F5051;padding:5px 0}
/* COLOR LLETRES CAPSALERA */
div#header h1{color: #FFF;font-size: 200%;font-weight: 900}

div#menu{width:100%;overflow:auto;background: #4F5051;padding-top: 5px}
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{float:right;width:88px;text-decoration:none;background: #E4E7F2;color: #000080}
ul#nav li.active a,ul#nav a:hover{color: #000}

div#content{clear:left;width:800px;border-top:1px solid #999;padding-top:15px;background-color: #C7C6BF}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #7E7E7E;color: #FFF}



div#box1{float:left;display:inline;width:150px;margin: 5px 15px 0 45px;background:#E4E7F2;text-align:center}
div#box1 p{padding:0 5px}

div#box2{float:left;display:inline;width:150px;margin: 5px 10px 0 45px;background:#E4E7F2;text-align:center}
div#box2 p{padding:0 5px}

div#box3{float:left;display:inline;width:280px;margin: 5px 10px 0 45px;background:#E4E7F2;text-align:center}
div#box3 p{padding:0 5px}

div#boxfinal{float:left;width:690px;margin: 5px 15px 0 45px;background:#AAAAAA;text-align:center}
div#boxfinal p{padding:0 5px}

.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:10px 30px;
} 

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: #E4E7F2;text-align:center}
div#minipics li img{display: block;width: 120px;height: 78px;margin:10px 10px;border: 0px}
div#minipics p{padding:0 5px}



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: #C8C866}
li#two h3{background: #FFBD00}
li#three h3{background: #E3A1C4}
li#three h4{background: #BCDE13}