/*
Colors:
- gris clar fons: #E5E4E0
- gris fosc: #313538
- negre: #040404

*/

body {
	background: #E5E4E0 url(../imatges/fons_body_grunge2.jpg)  ;
	margin: 0;
	padding: 0;
	color: #706D68; }

#capsalera {
	background:transparent url(../imatges/fons_top_capsalera.png)
	padding: 0 0 10px 0;
	margin: 0 0 10px;
	border-bottom: 1px dotted white;
}

#cos1 {border-bottom: 1px solid #ccc; }

#cos2, #cos3 {padding: 20px 0 40px 0; background:#FFFFFF url(../imatges/fons_franja_central.jpg) top repeat-x; border-top: 1px solid white}

/* 
#cos3 {padding: 30px 0 40px 0; background-color: #313538; border-top: 1px solid #CECCC5; color: #E5E4E0 }
*/

#cos3  {background: #E5E4E0 }

#peu {background: #313538 url(../imatges/fons_peu_grunge.png) ; color: #E5E4E0; padding: 2em; border-top: 1px solid #45494B}

#peu2 {background: #040404; border-top: 1px solid #313538;}



h1, h2, h3 {color: #313538; }

h1 { font-size:26px; margin-top: .5em}
	
h2, h1.titolpobles {font-size: 22px; font-weight: normal; margin-top: 1em}

h1 a {text-decoration:none; color: #706D68; }

a { text-decoration:none; color: #040404 } /* #040404 */

a:hover{ color: red } 

#cos1 p {font-size: 114%}

#cos2 h2, #cos3 h2 {font-size:15px; margin: 0 0 1em }
#cos2 p { padding-left: 70px; font-size:90%; background-position: left-top; background-repeat:no-repeat; line-height:125%}

/* #cos3 h2 {color: #FFFFFF; margin-top: 0} */
#peu h2 {color: #E5E4E0;  margin-top: 0}

#peu2 p { width:940px; margin: 0 auto; padding: 10px 0 }

a#logo {display:block; margin: 2em 0 1em}
.eslogan h1, .eslogan p {font-size: 1.1em; color: #313538; padding: 2.5em 0 1em; margin:0; text-align:right; line-height:100%}
.notapeu {font-size:80%; color: #555}

p#panoramica {background-image:url(../imatges/icones/panoramica.png)}
p#immersiva {background-image:url(../imatges/icones/immersiva.png)}
p#qualitat {background-image:url(../imatges/icones/qualitat.png)}
p#rapid {background-image:url(../imatges/icones/rapid.png)}
p#compatible {background-image:url(../imatges/icones/compatible.png)}
p#senzill {background-image:url(../imatges/icones/senzill.png)}
p#pantalla {background-image:url(../imatges/icones/pantalla.png)}
p#ubicacio {background-image:url(../imatges/icones/ubicacio.png)}

.exemples ul {margin: 0; padding:0; list-style:none}
.exemples li {display: block; padding: 0; margin: 5px 15px 5px 0; float: left}

.exemples li a { border: 5px solid #fff; display:block; width:130px; overflow:hidden }

.exemples li a:hover { border-color:#313538 }

a.boto_visita_girona, a.pressupost {display: block; height:52px; overflow:hidden; background:url(../imatges/fons_botons.jpg) no-repeat; padding:5px 20px 5px 70px; color: #ccc; font-weight:bold; line-height:100%}
a.boto_visita_girona {color:#313538}

#peu2 .notapeu a {color:#666}
#peu2 a:hover {color: #ccc}

a.boto_visita_girona:hover {background-position:0 -70px; color: #000}
a.pressupost {background-position:0 -140px; color: white; font-weight:bold; margin-top: 62px}
a.ivrpa {display: block; overflow:hidden; padding: 10px 80px 10px 0; background:url(../imatges/logo_ivrpa.png) bottom right no-repeat; font-weight:normal; font-size:80%; color: #666666; line-height:140%; border-top: 1px dotted #555 }
a.ivrpa:hover {color: #ccc}




ul#menuidiomes, ul#menuprincipal {
	list-style:none;
	padding:0;
	margin:0 ;
}

ul#menuidiomes {
	font-size: 80%; 
}

ul#menuprincipal {
	text-align:right;
	margin-top: 2px;
}

ul#menuidiomes li, ul#menuprincipal li {
	display:inline;
	margin: 0;
	padding: 0;
}

ul#menuidiomes li { border-right: 1px solid white; }

ul#menuidiomes li a, ul#menuprincipal li a { 
	color: #706D68; text-decoration:none; padding: 2px 10px;
	}
ul#menuprincipal li a { background-color:#313538; color: #E5E4E0;
border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius:2px;
}

ul#menuidiomes li a:hover, ul#menuprincipal li a:hover, ul#menupobles a:hover {
	background-color:#fff; color: #040404;
	} 

ul#menuidiomes li a.actual {
	color: #040404;
	}

ul#menuprincipal li a.actual, ul#menupobles li a.actual { background-color:#fff; color: #313538 }

ul#menuidiomes li.ultim, ul#menuprincipal li.ultim {
border: none;
}
	 	



ol#llistapanos {list-style:none; font-size:80%}
ol#llistapanos li { display:block; padding: 0.5em; margin: 0 0.5em 0.5em 0; width:30%; float: left; }
ol#llistapanos li:hover { background:url(../imatges/fons_foto_capsalera.png)}
ol#llistapanos li a  {color:#706D68}
ol#llistapanos li a:hover {color:#040404}
ol#llistapanos li a img {border: 5px solid white}
ol#llistapanos li a:hover img {border-color: #040404}


ul#llistapobles {list-style:none; }
ul#llistapobles li {display: inline; margin: 0 0.25em 0 0; padding:0 0.25em 0 0; border-right: 1px solid #706D68; }


.destacat {background-color:#040404; padding: 1em; margin: 1em 0; color: #E5E4E0; border: 5px solid #706D68}
.destacat h2 {color:#E5E4E0; }


/* formulari */

button.botoDefecte { background:#23272b; height:36px; padding:0px 20px 0px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border:none; cursor:pointer; }
button.botoDefecte:hover { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
button.botoDefecte { -webkit-transition: all 0.25s ease-out; }


/*Contact*/


/*
input, textarea { background: #E5E4E0; border: 1px solid #313538; }

input:onfocus {background-color:#FFFFFF}

#formcontacte {
margin-top: 0em;
margin-bottom: 2em;
padding: 0; 
}

#formcontacte                { background:url(../imatges/icones/mail.png) no-repeat top left; padding: 0 0 0 80px;}
#formcontacte label          {font-size:85%; width:30%; }
#formcontacte input, #formcontacte textarea {width: 60%; float: right}
#formcontacte input.radio    {border:2px solid red; vertical-align:middle}
#formcontacte input.checkbox  {background-color:#f6f6f6; border:none; width: auto }

#formcontacte input.button   {
	border:1px solid #666;
	vertical-align:bottom;
	height:2em;
	margin-top: 10px;
	width:20%;
}

#formcontacte p {
font-size:80%; padding: 0; margin: .5em 0;}

#formcontacte .obligatori {color: red }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.error {color: red; font-weight:bold;}
.ok {font-weight:bold; color: black; background-color:#F6C490; padding: 1em;  text-align:center}
*/



.notaformulari {color: #E5E4E0; font-style:italic}

#formcontacte { background:url(../imatges/icones/mail.png) no-repeat top left; padding: 0 0 0 80px;}

#peu form fieldset input[type=text] { height:24px; background:#E5E4E0; color: #313538; border:none; padding-left:6px; width:270px; margin-right:10px; margin-bottom:11px; }
#peu form fieldset textarea { height:90px; background:#E5E4E0;color: #313538; border:none; width:270px; margin-right:10px; margin-bottom:10px; padding-left:5px; padding-top:6px; }
#peu form fieldset input[type=text]:focus, #peu form fieldset textarea:focus { background:#fff; color:#040404; }
#peu form fieldset input[type=text], #peu form fieldset textarea { -webkit-transition: all 0.25s ease-out; }
#peu form fieldset select { width:320px; margin-left:-4px;  margin-bottom:20px; }
#peu form fieldset label { display:block; float: left; clear: both; height:38px; width:120px; padding-right:10px; vertical-align: top;}
#peu form fieldset label.error { display:none; width:0px; }
#peu form fieldset input.error { background-color:#fff; color:red; }
#peu legend { display:none; }
#peu input.button   {
	display:block;
	border:1px solid #666;
	background-color: #313538;
	vertical-align:bottom;
	height:2em;
	margin: 0 0 0 130px;
	color: #E5E4E0;
}





/*
Colors:
- gris clar fons: #E5E4E0
- gris fosc: #313538
- negre: #040404

*/

/*** visita virtual girona */

/*llistat imatges */

ol#llistat {
	margin: 1em 0;
	padding: 0;
	font-size: 90%}

#llistat li {
	display:block; 
	clear:left;
	border-top: 1px solid #ECEBE9;
	list-style-type:none;
	margin: 0 0 0;
	padding: 1em;
    background:transparent url(../imatges/fons_blanc_degradat.png) top repeat-x; 

}

#llistat li img {
	float: left;
	background-color:#fff;
	padding: 6px 6px 12px 6px;
	margin-bottom: 1em;
	background: transparent url(../imatges/fons_foto_petita.png)  no-repeat scroll;
}

#llistat li img.gran {background-image:url(../imatges/fons_foto_gran.png) }

#llistat li p {margin-left: 220px; }



ul#menupobles { list-style:none}
ul#menupobles li {border-bottom: 1px solid #ccc; margin: 0; padding: 0}
ul#menupobles li a {display:block; padding: 2px 5px;}