/* ------RESET----------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* ------FIN RESET----------------------------------- */



body {
	font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	/*color: #343434;*/
	background: #0f0f0f;
	background-image: url('img/fons_fosc.png');
	margin: 0;
	padding: 0;
}
	
a:link {text-decoration: none; color:#ccc;}
a:visited {text-decoration: none;color:#ccc;}
a:active {text-decoration: none;color:#ccc;}
a:hover {text-decoration: none;color:#ccc;}
	
ul{list-style:none;}
/*li {background:url('img/bg.jpg') repeat 0 0;height:40px;}
li:hover {background-color:#fff; height:40px;}*/

hr{border: 0px;
color: #202020;
background-color: #202020;
height: 5px;}

.naranja{color:#d78e00;float:left;}

.gris{color:#7f8679;float:left;}

#containermenu {
	display:block;
	float:left;
	width: 250px;
	height:100%;
	margin: 0;
	background: #0f0f0f;
	background:url('img/fons_fosc.png');
	background-repeat:no-repeat;
	padding: 0;
	border: 0;
	position:fixed;
	z-index: 9998;
}

#menucontainer{
	float:left;
	margin-top:0px;
	padding: 0px;
	position:relative;
	width: 0px;
	height:100%;
	background-color:#0f0f0f;
	border: 4px solid #090909;
}

#llista_menu{
	padding-left: 10px;
	padding-top: 20px;
}

#barra_menu{
	float: left;
	width:28px;
	height:100%;
	background-image:url('img/fons_menu.png');
	padding-top: 150%;
}

#menucontainer span    {
	width: 100px;
	height: 35px;
	position: absolute;
	padding: 0px 5px 5px;
	display: none;
	line-height:110%;
}

#containercontingut{
width:60%;
float:left;
margin-left:0px;
position: absolute;
    top: 20%;
    height: 60%;   
    left: 25%; 
}

#contingut {
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-right: auto;
}

#contingut-galeria {
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -100px;
	text-align: left;
}

#logo{
text-align:center;
}

#sombra_logo{
-moz-box-shadow: 0px 0px 73px rgba(100, 100, 100, 0.25);; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 6000px rgba(100, 100, 100, 0.95); /* Saf3.0+, Chrome */
box-shadow: 0px 0px 600px rgba(100, 100, 100, 0.25); /* Opera 10.5, IE 9.0 */
-moz-border-radius: 120px; /* FF1+ */
-webkit-border-radius: 120px; /* Saf3+, Chrome */
border-radius: 120px; /* Opera 10.5, IE 9 */
background-color: #0c0c0c;
height: 350px;
width: 580px;
z-index: -99;
position:relative;
top: -420px;
margin:auto;
}

h2 {
	font-size: 1.6em;
	margin: 0;
	padding: 0.5em 0;
	color:#d78e00;
	font-family:Helvetica, Arial, Sans-serif;
}

h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em 0;
	color:#d78e00;
	font-family:Helvetica, Arial, Sans-serif;
}
p {
	margin: 0;
	padding: 0.4em 0;
	color:#686868;
	line-height:1.4em;
}

#load {  
    display: none;  
    position: absolute;  
    right: 10px;  
    top: 10px;  
    background: url(images/ajax-loader.gif);  
    width: 43px;  
    height: 11px;  
    text-indent: -9999em;  
}

#taskbar{
        color: #ccc;
		font-size: 12px;
		height:20px;
        width:100%;
        margin:auto;
        position: fixed;
        bottom: 0;
        z-index: 9999;
		border-top: 10px solid #000;
}
#taskbar #container{
        background-color:#000;
        display:block;
        margin-left:0px;
        margin-right:0px;
        height:20px;
}

/*------- blocks btns --------*/
#taskbar #container .block-left{
        position:relative;
        float: left;
        width:15%;
        height:20px;
}
#taskbar #container .block-center{
        position: relative;
        float: left;
        width: 59%;
        height:20px;
}
#taskbar #container .block-right{
        position: relative;
        float: left;
        width: 25%;
        height:20px;
		text-align: right;
}

#taskbar #container .btns{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        padding:3px;
        display:inline-block;
        vertical-align:middle;
        line-height:14px;
}

/*FORMULARI*/

#cuadre_contacte{
background-color: #000;
padding: 20px;
-moz-box-shadow: 0px 0px 73px rgba(100, 100, 100, 0.25);; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 300px rgba(100, 100, 100, 0.25); /* Saf3.0+, Chrome */
box-shadow: 0px 0px 73px rgba(100, 100, 100, 0.25); /* Opera 10.5, IE 9.0 */
width: 700px;
margin:auto;
}

#text_contacte{
float: right;
width: 320px;
}

input, textarea { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 350px;
	max-width: 350px;
	height: 120px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	border: solid 1px #1e211b;
	width: auto;
	padding: 9px 15px;
	background: #000;
	font-size: 12px;
	color: #FFFFFF;
	cursor: pointer;
	}
	
.submit input:hover {
	border: solid 1px #fff;
	}

/*FI FORMULARI*/

#resposta_contacte{
	color: #ccc;
	margin:auto;
}

/*CONTAINERS SECCIONS*/

.container_seccio{
-moz-box-shadow: 0px 0px 73px rgba(100, 100, 100, 0.25);; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 6000px rgba(100, 100, 100, 0.25); /* Saf3.0+, Chrome */
box-shadow: 0px 0px 600px rgba(100, 100, 100, 0.25); /* Opera 10.5, IE 9.0 */
-moz-border-radius: 20px; /* FF1+ */
-webkit-border-radius: 20px; /* Saf3+, Chrome */
border-radius: 20px; /* Opera 10.5, IE 9 */
	background-color: #000;
	padding: 40px;
}