* { margin: 0; padding: 0 }

body {font-family: Georgia, serif;}
h1 {font-size: 1.25em; font-weight: normal; color: #000; padding: 9px 20px 0 20px; } /** Titol top anterior **/
h1 {font-family: Georgia, serif;font-size: 19.5px;font-weight: normal;letter-spacing: normal;line-height: 1.4em;}

h2 {font-size: 0.8em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 5px 20px 0 20px; line-height: 1.3em; }
h3 {font-size: 0.8em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 3px 5px;}

a {outline: none;}
a img {border: 0px; outline:none; text-decoration:none;}

img.top {padding-top: 15px;}

select {color: #666; background: #FFFFFF; border: 1px solid #999;}

#container {margin: auto; width: 900px; border-top: 5px solid #000;}
.clear {clear:both;}
#header {width: 900px;}
#header .left {float: left; height: 70px; width: 325px; padding-left: 17px;}
#header .left h1 {margin-top: -32px; font-family: 'Arial Black'; color: #000; text-align: left; line-height: 12px; font-size: 10px; width: 200px; float: right; margin-right: -84px;}
#header .right{float: right; padding-top: 42px; padding-right: 20px;}

#header ul {list-style-type:none;}
#header li {display:inline; padding-left: 30px; font-family: tahoma, arial, helvetica; font-size: 11px;}
#header li a {color: #000; text-decoration: none; position: relative;}
#header li a:hover {border-bottom: 1px dotted #444;}

#header .sub{clear: both; height: 123px; margin: 5px 0 -1px 0; padding: 3px 0 5px 0; border-top: 1px solid #eee;color: #333;}
#header .sub2{clear: both; height: 70px; margin: 5px 0 -1px 0; padding: 3px 0 5px 0; border-top: 1px solid #eee;color: #333;}
#header .sub3{clear: both; height: 60px; margin: 5px 0 -1px 0; padding: 3px 0 5px 0; border-top: 1px solid #eee;color: #333;}
#header .sub4{clear: both; height: 100px; margin: 5px 0 -1px 0; padding: 3px 0 5px 0; border-top: 1px solid #eee;color: #333;}
#header .sub5{clear: both; height: 80px; margin: 5px 0 -1px 0; padding: 3px 0 5px 0; border-top: 1px solid #eee;color: #333;}
#header .sub3 .titular {float:left;}
#header .sub3 .publicitat {float:right;height:60px;width:500px;margin-right:10px;text-align:center;}

#welcome a.registrar {border-bottom:1px dotted #444444; color:#000000; font-family:arial; text-decoration:none;}
#welcome a.registrar:hover {border-bottom:1px dotted #444444; color:#333333; font-family:arial; text-decoration:none;}
#welcome a img {border:none; outline:none; text-decoration:none;}

#content {border-top: 1px solid #eee; clear: both;}
#content a {border-bottom:1px dotted #444444; color:#000000; font-family:arial; text-decoration:none;}
#content a:hover {border-bottom:1px dotted #444444; color:#333333; font-family:arial; text-decoration:none;}

/** top20 **/ 
#content .case {margin-top: -1px; width: 200px; height: 250px; float: left; margin-left: 20px; padding-top: 20px; font-family: arial; font-size: 11px; border-top: 1px solid #eee;}
#content .case img {border: 0; border-top: 5px solid #eee;}
#content .case a:hover img {border-top: 5px solid #000;}
#content .case a {border: 0; text-decoration: none; color: #000;}
#content .case a:hover {color: #000; text-decoration: none;}
#content .case p {padding: 0 5px 0 5px; line-height: 1.5em;}

/** index **/
#content .veuremes {float:right;}
#content .mapa {width: 450px; float: left; padding: 10px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .menu1 {width: 200px; float: left; padding-top: 20px; margin-right:10px; font-family: arial; font-size: 11px;}
#content .menu1 .bloc {margin:auto; padding-bottom:8px; margin-bottom:8px;}
#content .menu1 h3 {font-size:12px; color: #333;}
#content .menu1 p {padding-left:5px; font-size:12px; color: #333; padding-top:5px;}
#content .menu1 ul {list-style-type: none; padding-left:10px; font-size:12px; padding-top:5px;}
#content .menu1 li {padding-left:22px;padding-top:2px;padding-bottom:2px;background: url(images/rss.gif) 0px 0px no-repeat;}
#content .menu1 li img {}
#content .menu1 a {color: #000; text-decoration: none; border-bottom: 1px dotted #444; position: relative;}
#content .menu1 img {padding-top:5px; text-decoration: none; border:none;}

#content .menu2 {width: 210px; float: left; padding-top: 20px; font-family: arial; font-size: 11px;}
#content .menu2 .bloc {margin:auto; padding-bottom:12px; margin-bottom:12px;}
#content .menu2 h3 {font-size:12px; color: #333;}
#content .menu2 p {padding-left:5px; font-size:12px; color: #333; padding-top:5px;}
#content .menu2 .preu {font-family:Georgia;float:left;padding-left:5px;font-size:36px;color:#000;word-spacing:-8px;}
.little {font-size:11px;color:#333;word-spacing:-5px;}

/** blocs **/
#content .blocsmapa {width: 350px; float: left; padding: 32px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .blocsmapa .gmap {border: 3px solid #eee;color: #333;}
#content .blocsmapa .bloc {padding-top:8px; margin-top:8px; width:320px;}
#content .blocsmapa h3 {font-size:12px; color: #333;}
#content .blocsmapa p {padding-left:5px; font-size:12px; color: #333; padding-top:5px;}

#content .llistablocs {width: 480px; float: left; padding: 10px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .llistablocs h3 {font-size:12px; color: #333;}
#content .llistablocs ul {list-style-type:none;}
#content .llistablocs a { text-decoration:none; border:none;}
#content .llistablocs a.titolbloc { font-weight:bold; font-size:12.5px;}
#content .llistablocs a.titolbloc:hover { color:#900300; }

#content .llistablocs .blocaire {float:left; height:60px;}
#content .llistablocs .fitxabloc {margin:auto;}
#content .llistablocs .fitxa {float: left; height: 65px; width: 320px; padding-left: 5px;margin:auto;}
#content .llistablocs .fitxastats {float: right; height: 60px; width: 150px;margin:auto;text-align:right;}
#content .llistablocs .paginacio {text-align:center; padding:6px;}
#content .llistablocs .paginacio .actual { color: #900300; font-weight:bold;}
#content .llistablocs .paginacio a:hover { color: #900300; font-weight:bold;}

/** fitxa **/
#content .blocsmapa {width: 320px; float: left; padding: 15px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .blocsmapa .gmap {border: 3px solid #eee;color: #333;}
#content .blocsmapa .bloc {padding-top:8px; margin-top:8px; width:300px;}
#content .blocsmapa h2 {font-family: Georgia, serif;font-size: 16px;font-weight: normal;letter-spacing: normal;line-height: 1.4em; color: #333;}
#content .blocsmapa p {padding-left:5px; font-size:12px; color: #333; padding-top:5px;}

#content .blocfitxa {width: 510px; float: left; padding: 0px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .blocfitxa h2 {font-family: Georgia, serif;font-size: 16px;font-weight: normal;letter-spacing: normal;line-height: 1.4em; color: #333;}
#content .blocfitxa h3 {font-size:12px; color: #333;}
#content .blocfitxa p {padding-left:20px; font-size:12px; color: #333; padding-top:5px;}
#content .blocfitxa ul {padding-left:40px; padding-top:10px;}
#content .blocfitxa li {padding:1px;}
#content .blocfitxa p {padding-left:20px;}
#content .blocfitxa a { text-decoration:none; border:none;}
#content .blocfitxa a.titolbloc { font-weight:bold; font-size:12.5px;}
#content .blocfitxa a.titolbloc:hover { color:#900300; }

#content .startinfo {width: 860px; float: left; padding-top: 3px; margin-left: 20px;}
#content .startinfo h1 {margin-top: 0px; margin-left: -20px; padding-bottom: 10px;}
#content .startinfo p {font-family: arial; font-size: 13px; line-height: 1.5em; padding-bottom: 10px;}
#content .startinfo p.rechts {padding-top: 10px; text-align: right;}
#content .startinfo p.rechts a:hover {color: #0066ff; border: 0;}
#content .startinfo h3 {margin-top: -5px; margin-left: -5px; color: #000;}
#content .startinfo img {border: 0 none; padding-bottom: 8px;}
#content .startinfo a {color: #000; text-decoration: none; font-family: arial; border-bottom: 1px dotted #444;}

/** ranquings **/
.ranquingshead {padding-left:5px;font-size:12px;color:#333;word-spacing:-8px;font-weight:bold;}
.ranquingposicio  {font-family:Georgia;padding-left:5px;font-size:28px;color:#999;word-spacing:-8px;}
.ranquingvariacio  {font-family:Georgia;padding-left:5px;font-size:16px;color:#999;}

#content .ranquings {padding: 10px 10px 30px 130px; font-family: arial;font-size: 12px;color:#333;}
#content .ranquings h3 {font-size:12px; color: #333;}
#content .ranquings ul {list-style-type:none;}
#content .ranquings a { text-decoration:none; border:none;}
#content .ranquings a.titolbloc { font-weight:bold; font-size:12.5px;}
#content .ranquings a.titolbloc:hover { color:#900300; }

#content .ranquings .blocaire {float:left;}
#content .ranquings .fitxabloc {margin:auto;}
#content .ranquings .fitxa {padding-left: 5px;margin:auto;}
#content .ranquings .paginacio {text-align:center; padding:6px;}
#content .ranquings .paginacio .actual { color: #900300; font-weight:bold;}
#content .ranquings .paginacio a:hover { color: #900300; font-weight:bold;}

/** galeries **/
#content .inscripcio {width: 350px; float: left; padding: 32px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .inscripcio h3 {font-size:12px; color: #333;}
#content .inscripcio p {padding-left:5px; font-size:12px; color: #333; padding-top:5px;}

#content .galeries {width: 480px; float: left; padding: 20px 10px 30px 20px; font-family: arial;font-size: 12px;color:#333;}
#content .galeries h3 {font-size:12px; color: #333;}
#content .galeries ul {list-style-type:none;}
#content .galeries a { text-decoration:none; border:none;}
#content .galeries a.titolbloc { font-weight:bold; font-size:12.5px;}
#content .galeries a.titolbloc:hover { color:#900300; }

#content .galeries .galeria {float:left; height:40px;}
#content .galeries .fitxagaleria {margin:auto;}
#content .galeries .fitxa {float: left; height: 45px; width: 420px; padding-left: 5px;margin:auto;}


/** insertar **/
#content .col1 {float: left; padding: 5px 10px 30px 20px; margin:auto;}
#content .col2 {float: left; padding: 5px 10px 30px 20px; margin:auto;}
#content .contact {margin-bottom: 185px; font-family: arial; font-size: 11px; line-height: 1.7em;}
#content .contact li {height:24px;}
#content .contact-left {clear: both; width: 135px; float: left; padding-top: 20px; text-align: right; margin-left: -17px; font-weight: bold;}
#content .contact-left ul {list-style-type: none;}
#content .contact-right {width: 200px; float: left; padding-top: 20px; text-align: left; margin-left: 24px;}
#content .contact-right ul {list-style-type: none;}
#content .contact-right a {color: #000; text-decoration: none; border-bottom: 1px dotted #444; position: relative;}
#content .contact p.mark {margin-left: 20px; margin-right: 20px; margin-top: 10px; padding: 5px 5px 5px 10px; background-color: #f3f3f3;}

/** **/

#footer {clear: both; padding: 10px 20px 10px 20px; font-size: 10px; font-family: arial; color: #888; border-top: 1px solid #eee;}
#footer a {color:#888; text-decoration: none; border-bottom: 1px dotted #444; position: relative;}
#stat {display:none;}

.fontClass {color:#FFFFFF; padding:2px; text-align:center; font-family:georgia; font-size:11px; font-weight:bold; }

/** Votacions estrelles **/
.ratingblock {
	display:block;
	}
.ratingbloc a {
	border:none; text-decoration:none;
}

.loading {
	height: 16px;
	background: url('images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	border:none;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating a.r6-unit{left: 80px;}
.unit-rating a.r6-unit:hover{width: 96px;}
.unit-rating a.r7-unit{left: 96px;}
.unit-rating a.r7-unit:hover{width: 112px;}
.unit-rating a.r8-unit{left: 112px;}
.unit-rating a.r8-unit:hover{width: 128px;}
.unit-rating a.r9-unit{left: 128px;}
.unit-rating a.r9-unit:hover{width: 144px;}
.unit-rating a.r10-unit{left: 144px;}
.unit-rating a.r10-unit:hover{width: 160px;}

.unit-rating li.current-rating {
	background: url('images/starrating.gif') left bottom;
	
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}