* { padding: 0; margin: 0; } 

body { background: #F9F9F9 url(../images/bg.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }

a { text-decoration:none;}

#wrap { width: 1000px; margin: 0 auto; }

#header { height: 100px; margin-left:10px; }
#header h1 { font-size: 30px; font-weight: 100; padding: 25px 0 0 0px; }
#header h1 a { text-decoration: none; color: #666666; }
#header h1 a:hover { text-decoration: none; color: #000; }
#header h2 { color: #666; font-size: 18px; font-weight: 100; padding: 0 0 0 1px; }

#logotip {float:left; margin-top:20px;}
#logotip img {border:0;}
#menu { float:left; height: 30px; line-height: 30px; margin-left:35px; padding-top:15px; margin-top:93px; }
#menu ul { padding-left: 2px; list-style-type: none; }
#menu ul li { display: block; float: left; }
#menu ul li a { color: #666666; margin: 0 35px 0 0; padding:5px; text-decoration: none; font-weight: bold; font-size: 13px; }
#menu ul li a:hover { color: #000; text-decoration: none; }
#menu ul li a.current { color: #000; background-color:#DDD; cursor:default; }

#idiomes {position:absolute; margin-top:18px; margin-left:890px; font-size:12px;}
#idiomes a {color: #666666; text-decoration:none;}
#idiomes a:hover {text-decoration:underline;}
#idiomes a.current {color:#000000; cursor:default; text-decoration:none;}

#content { margin: 20px 0; line-height: 140%; clear:both; padding-top:20px;}
/*#content img {border: 3px solid #CCCCCC;}
#content img:hover {border: 3px solid #999;}*/
#content p {margin-bottom:15px;}
/*#content img{float:right; border:1px solid #F9F9F9;}
#content img:hover{border:1px solid #cccccc;}*/
.imatge img{float:right; border:1px solid #F9F9F9;}
.imatge img:hover{border:1px solid #cccccc;}

.content-right { float: left; width: 750px; text-align: justify; margin-left:40px; }
.content-right a { text-decoration: none; color: #666666; text-decoration:underline; padding:1px; }
.content-right a:hover { text-decoration: none; background-color:#F1F1F1; color:#333; }
.content-right h1 { color: #CCCCCC; font-size: 28px; font-family: Tahoma; padding : 15px 0 25px 0; font-weight:normal;}
.content-right h2 { color: #CCCCCC; font-size: 22px;  font-family: Tahoma; padding : 20px 0 25px 0; font-weight:normal;}
.content-right h2 a { color: #666;}
.content-right h3 {color: #666666; font-size:12px;}
.content-right ul {padding-left:20px; list-style:none;}
.content-right ul li {padding-bottom:10px;}
/*.content-right img {float:right;padding-left:10px;}*/

.video1 {float:left; width:370px;padding-right:10px;}
.video2 {float:right;width:370px;}

.submenu { margin-top: 10px; margin-left:10px; float: left; width: 160px; padding: 10px; background: #FFFFFF; border: 1px solid #F1F1F1; }
.submenu h2 { font-size: 12px; color: #666666; padding: 5px 0 2px 0; }
.submenu h2 a { color: #666666; display: block;}
.submenu h2 a:hover { color: #666666; text-decoration: none; background-color:#F1F1F1; }
.submenu ul { list-style-type: none; padding: 5px 0 10px 0; }
.submenu ul li { }
.submenu ul li a { display: block; color: #666; padding: 2px 10px; }
.submenu ul li a:hover { color: #666666; text-decoration: none; background-color:#F1F1F1; }
.submenu ul li a.current {color: #666666; text-decoration: none; background-color:#F1F1F1;}

.content-gran { width: 970px; text-align: justify; margin-left:10px;}
.content-gran h1 { color: #CCCCCC; font-size: 28px; font-family: Tahoma; padding : 15px 0 25px 0; font-weight:normal;}
.content-gran a { text-decoration: none; color: #666666; text-decoration:underline; padding:1px; }
.content-gran a:hover { text-decoration: none; background-color:#F1F1F1; color:#333; }

.contact-left {float:left; width:300px;}
.contact-right {float:right; width:606px; margin-top:15px;}
.contact-right iframe {border: 3px solid #CCCCCC;}
.dades-contacte {font-size:15px; padding:10px; line-height:140%; border:1px solid #F1F1F1;}
.contact-left ul {padding-left:10px; list-style:none;}
.contact-left ul li {padding-bottom:10px;}


#footer { font-size: 10px; color: #999; text-align: center; padding: 5px 0 10px 0; margin-top: 50px; border-top: 2px solid #DDDDDD; }
.footerUp { font-size: 12px; color: #666;}
#footer a { text-decoration: none; color: #666666; text-decoration:underline; padding:1px; }
#footer a:hover { text-decoration: none; background-color:#DDD; color:#333; }

.left {float:left;}
.right {float:right;}
.clear {clear:both;}