body {
	background: #fff url(/imatges/background-tile.png) 50% 0 repeat-x;
}


.cl {
	clear: both;
	background-color: #415472;
}


#c0 {
	min-width: 620px;
	max-width: 800px;
	padding: 0;
	margin: 0 auto;
	background: #415472;
	  -moz-border-radius: 10px 10px 10px 10px;
}

* html #c0 {
    width: expression(document.body.clientWidth > 825 ? "800px" : "auto");
}

/* Branding */

#branding {
     
    width: 100%;
    height: 70px;
    background: #415472 ;
    color: #000;
    margin: auto;
    text-align: left;
}

#brandL {
    width: 9px;
    height: 70px;
    float: left;
    background: #415472;
}

#brandR {
    width: 289px;
    height: 70px;
    background: #415472;
    float: right;
}


#brandC {
}

#homelnk {
	margin-left: 11px;
	display: block;
	overflow: hidden;
	color: #415472;
	width: 311px;
        height: 60px;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
	float: right;
	margin-top: 1em;
}

#homelnk span {
	background-image: url(/imatges/festafirefox3.5.png);
	display: block;
	height: 56px;
	width: 254px;
	position: absolute;
	cursor: pointer;
}



/* Sections */

#menu {
	width: 100%;
	background: #415472;
	color: #000;
	margin: auto;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	font-family: verdana, vera sans, tahoma, arial, sans-serif;
}


#menu1, #menu2 {
	display: none; /* hide from IE */
}

#menu1 {
	display: block;
	height: 31px;
	width: 8px;
	float: left;
}

#menu2 {
	display: block;
	height: 31px;
	width: 8px;
	float: right;
}

/* Navigation menu */

#nav {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
}

#nav li {
	display: block;
	float: left;
}

#nav a {
	color: #eee; /* for IE, overriden below for good browsers */
	text-decoration: none;
	padding: 8px 7px;
	margin-right: 2px;
}

#nav a:hover {
	color: #ddd;
}

/* text shadows in menu */

div > #nav {
	padding-top: 3px;
}

#nav li > a { 	color: #595959;
	display: block;
	line-height: 1em;
	color: #5c6b88; /* shadow color */
	background-color: transparent;
	white-space: nowrap; /* wrapping breaks the effect */
}

#nav li > a:before,
#nav li > a:after {
	content: attr(title); /* generated text */
	display: block;
}

#nav li > a:before {
	margin-bottom: -1.05em;
	margin-left: 0.1ex;
	color: #2d3b56; /* shadow color */
	background-color: transparent;
}

#nav li > a:after {
	margin-top: -1.05em;
	margin-left: -0.1ex;
	color: #fff; /* text color */
	background-color: transparent;
}


#nav li > a:hover:after {
	text-decoration: underline;
	color: #fff; /* text color */
}

#nav li > a:hover {
	color: #5c6b88; /* shadow color */
	text-decoration: underline;
}



#nav li.current_root {
    background: #fff url(/imatges/tabtr.png) top right no-repeat !important;
    display: block;
}

#nav li.current_root a {
    background: transparent url(/imatges/tabtl.png) top left no-repeat !important;
    border-bottom: 3px solid #fff !important;
    color: #ccc;
}

#nav li.current_root a:before {
	color: #ccc; /* shadow color */
}

#nav li.current_root a:after {
	color: #222; /* text color */
}

#main {
   
   max-width: 800px;
   padding-left:0.5em;
   padding-right:0.5em;
   margin: 0 auto;
   margin-top: 2em;
   display:block;
   padding-bottom:1em;
}

#main img {

	border: none;
}

.promocio {

	text-align: center;

}

.promocio blockquote {

	font-size: 80%;
	color: gray;
}

#sidebar {
    float:left;
    width:350px;
}

#bodycontent {
    float: right;
    width:450px;
}


#map {
	margin-left:25px;
	display:block; 
	margin-top:10px;
}

#footer {
   	max-width: 800px;
   	display:block;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	display:block;
	padding-top: 0.5em;
	margin-top: 1em;
}

#footer img{
	border: none;
	padding-left:0.5em;
	padding-right:0.5em;
}

#footer .logos {
	text-align:center;
}	

.mozillaparty {

	padding-top: 0.5em;
	text-align: center;
	font-size: 70%;
	padding-bottom: 2em;
}

.mozillaparty a{
	color:#415472;

}

#firefox {

	text-align: center;
	margin-top:2em;
}

#firefox a {
	text-decoration: none;
	color: #415472;
	font-size: 75%;
	font-weight: bold;
	display:block;
}

#firefox a:hover {
	text-decoration: underline;

}

#avis_firefox a, #infofesta a {
color:#0489B7;
text-decoration:none;
font-size:120%;
}
#avis_firefox_prima a {
color:red;
text-decoration:none;
font-size:120%;
}
#avis_firefox_inter a {
color:red;
text-decoration:none;
font-size:120%;
}

.navega {
        text-align: justify;
        font-size: 90%;
}

.navega a{
color:#0489B7;
text-decoration:none;
font-size:120%;
}


#anterior {
	padding-top: 0.1em;
	text-align:right;
}

#anterior a {
        text-decoration: none;
        color: #415472;
        font-size: 75%;
        font-weight: bold;
}

#anterior a:hover {

        text-decoration: underline;

}

#infofesta, #avis_firefox, #avis_firefox_prima, #avis_firefox_inter {

	text-align: justify;
	font-size: 90%;
	padding-left: 1em;
	padding-right: 1em;

}

.click_here {

	font-size: 65%;
	color: gray;
}

.collabora {
        font-size: 75%;
        color: gray;
}

.collabora a{
	text-decoration:none;
	color: #415472;	
}
.collabora a:hover{
        text-decoration:underline;
}

#footer h4 {
margin:0.25em 0 0.25em 0;
}
#main h3{
margin:0.25em 0 0.25em 0;
}

#ginyquadre {
clear:both;
padding-left:1em;
padding-right:1em;
}
#ginyimportancia{
padding-top:2em;
clear:both;
padding-left:1em;
padding-right:1em;
}
#ginyff35 {
width:250px;
float:left;
}
#ginycodi{
width:500px;
float:right;
}
#ginycodi #codi {
font-family:Monospace;
display:block;
font-size:11px;
font-weight:bold;
text-align:left;
}

.campanya {
font-size:12px;
font-style:italic;
padding-left:1em;
margin-top:0.25em;
}

#scriptff {
width:220px;
margin-top:4em;
margin-left:auto;
margin-right:auto;
}

#fotos_festa img{
margin: 0 auto;
display:block;
}
#fotos_tags {
text-align:center;
font-size:10px;
}

#infofesta ul{
padding-left:15px;
}
#infofesta li{
font-size: 12px;
}