@charset "utf-8";
@import url("reset.css");

/* MAQUETACIÓ */

.highlight {
	padding: 5px;
}

html {
	background-image:url(../images/img/fons.jpg);
	background-repeat:repeat;
}
body {
	background-image:url(../images/img/dalt.jpg);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	width:267px;
	height:93px;
	border: 1px solid #CCCCCC;
}
#highlight {
	position:absolute;
	font-size:24px;
	height: 34px;
	width: 456px;
	left: 322px;
	top: 54px;
	right: auto;
	color:#666666;
}
#header {
	height:105px;
}
#topo {
	float:right;
	position:absolute;
	background-image:url(../images/img/contacto.png);
	background-repeat:no-repeat;
	font-size:120%;
	width:130px;;
	height:34px;
	text-align:center;
	padding:8px;
	left: 815px;
	top: 0px;
	color:#C3C3C3;
	font-weight:bold;
	
}
#toposoft {
	position:absolute;
	right:15px;
	bottom:5px;
}
#esq {
	width:380px;
	min-height:355px;
	background-color:#f6f6f6;
	border:#c9c9c9 solid 1px;
	float:left;
	padding:20px;
}
#esq p {
	font-size:102%;
}
#dreta {
	padding-top:0px;
	width:525px;
	float:left;
}
#projectes {
	height:185px;
	background-image:url(../images/img/projectes.png);
	padding-bottom:30px;
	padding-top:10px;
	background-position: left 10px;
	background-repeat:no-repeat;
	padding-left:28px;
	clear:both;
}
#projectes1 {
	height:185px;
	background-image:url(../images/img/projectes-es.png);
	padding-bottom:30px;
	padding-top:10px;
	background-position: left 10px;
	background-repeat:no-repeat;
	padding-left:28px;
	clear:both;
}
#project {
	position:relative;
	width:260px;
	float:left;
	margin-right:10px;
	border-left:10px #727271 solid;
	border-right:#c9c9c9 solid 1px;
	border-top:#c9c9c9 solid 1px;
	border-bottom:#c9c9c9 solid 1px;
	background-image:url(../images/img/bg-project.jpg);
	background-repeat:repeat-x;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 9px;
	padding-left: 12px;
}
a:hover #project {
	background-image:url(../images/img/bg-project-on.jpg);
	background-repeat:repeat-x;
}

#projecti {
	position:relative;
	float:left;
	width:560px; 
	margin-bottom:10px; 
	background-color:#FFFFFF; 
	height:auto; 
	border:#CCCCCC 1px dashed;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	
}

a #projecti {

}

a:hover #projecti {
	background-color:#F9F9F9;
	border:#333333 1px dashed;
	
}


#project h1 {
	font-size: 1.6em;
	color:#39372b;
	padding:0px;
	margin:0px;
	font-weight:bold;
}
#project h3 {
	font-size: 1.0em;
	color:#39372b;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#photocontingut {
	margin-bottom:10px;
	
	
}	
#contingut {
	width:584px;
	min-height:345px;
	background-color:#f6f6f6;
	border:#c9c9c9 solid 1px;
	float:left;
	padding:20px;	
	position:relative;
	padding-bottom:20px;
}
#back {
	padding:10px;
	border:#CCCCCC 1px dashed;
	background-color:#FFFFFF;
	position:absolute;
	top: 20px;
	right: 20px;	
}
a:hover #back {
	padding:10px;
	border:#000 1px dashed;
	background-color:#F9F9F9;
	position:absolute;
	top: 20px;
	right: 20px;	
	color:#000000;
}
#info {
	padding:20px; 
	border:#CCCCCC 1px dashed; 
	background-color:#FFFFFF;
}

#sidebar {
	float:left;
	width:316px;
	margin-left:10px;
	
	
}
#photo {
	width:120px;
	height:106px;
	background-color:#FFFFFF;
	border:#333333 1px solid;
	float:left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#caracter {
	padding-left:140px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:10px;
}
#caracter li ,  #caracter h3,  #caracter span {
	color:#6e6b59;
	line-height:18px;
}

a:hover #caracter li , a:hover #caracter h3, a:hover #caracter span {
	color:#000;
	line-height:18px;
}

#project li {
	line-height:17px;
	list-style-image: url(../images/img/punt.png);
	list-style-type: none;
}
ul#menu {
	width:100%;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	padding-top:12px;
	padding-bottom:12px;
}
span {
	color:#333333;
	font-weight:bold;
}
ul#menu li {
	float:left;
}
ul#menu li a {
	background:url(../images/img/sprite2.png) no-repeat scroll top left;
	display:block;
	height:35px;
	position:relative;
	background-image: url(../images/img/sprite2.png);
}
ul#menu li a.nav1 {
	width:220px;
	background:url(../images/img/sprite2.png) no-repeat scroll top left;
}
ul#menu li  a.nav1:hover {
	width:220px;
	background-position:-220px 0px;
	background:url(../images/img/sprite3.png) no-repeat scroll top left;
}
ul#menu li a.nav2 {
	width:139px;
	background-position:-359px 0px;
	background:url(../images/img/sprite4.png) no-repeat scroll top left;
}
ul#menu li  a.nav2:hover {
	width:139px;
	background-position:-359px 0px;
	background:url(../images/img/sprite5.png) no-repeat scroll top left;
}
ul#menu li a.nav3 {
	width:176px;
	background-position:-535px 0px;
	background:url(../images/img/sprite6.png) no-repeat scroll top left;
}
ul#menu li  a.nav3:hover {
	width:176px;
	background-position:-535px 0px;
	background:url(../images/img/sprite7.png) no-repeat scroll top left;
}
ul#menu li a.nav4 {
	width:281px;
	background-position:-816px 0px;
	background:url(../images/img/sprite8.png) no-repeat scroll top left;
}
ul#menu li  a.nav4:hover {
	width:281px;
	background-position:-816px 0px;
	background:url(../images/img/sprite9.png) no-repeat scroll top left;
}
ul#menu li a.nav5 {
	width:139px;
	background-position:-955px 0px;
	background:url(../images/img/sprite91.png) no-repeat scroll top left;
}
ul#menu li  a.nav5:hover {
	width:139px;
	background-position:-955px 0px;
	background:url(../images/img/sprite92.png) no-repeat scroll top left;
}

ul#menu li a:hover {
	cursor:pointer;
}






ul#menu2 {
	width:100%;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	padding-top:12px;
	padding-bottom:12px;
}
span {
	color:#333333;
	font-weight:bold;
}
ul#menu2 li {
	float:left;
}
ul#menu2 li a {
	background:url(../images/img/es/sprite2.png) no-repeat scroll top left;
	display:block;
	height:35px;
	position:relative;
	background-image: url(../images/img/es/sprite2.png);
}
ul#menu2 li a.nav1 {
	width:220px;
	background:url(../images/img/es/sprite2.png) no-repeat scroll top left;
}
ul#menu2 li  a.nav1:hover {
	width:220px;
	background-position:-220px 0px;
	background:url(../images/img/es/sprite3.png) no-repeat scroll top left;
}
ul#menu2 li a.nav2 {
	width:139px;
	background-position:-359px 0px;
	background:url(../images/img/es/sprite4.png) no-repeat scroll top left;
}
ul#menu2 li  a.nav2:hover {
	width:139px;
	background-position:-359px 0px;
	background:url(../images/img/es/sprite5.png) no-repeat scroll top left;
}
ul#menu2 li a.nav3 {
	width:176px;
	background-position:-535px 0px;
	background:url(../images/img/es/sprite6.png) no-repeat scroll top left;
}
ul#menu2 li  a.nav3:hover {
	width:176px;
	background-position:-535px 0px;
	background:url(../images/img/es/sprite7.png) no-repeat scroll top left;
}
ul#menu2 li a.nav4 {
	width:281px;
	background-position:-816px 0px;
	background:url(../images/img/es/sprite8.png) no-repeat scroll top left;
}
ul#menu2 li  a.nav4:hover {
	width:281px;
	background-position:-816px 0px;
	background:url(../images/img/es/sprite9.png) no-repeat scroll top left;
}
ul#menu2 li a.nav5 {
	width:139px;
	background-position:-955px 0px;
	background:url(../images/img/es/sprite91.png) no-repeat scroll top left;
}
ul#menu2 li  a.nav5:hover {
	width:139px;
	background-position:-955px 0px;
	background:url(../images/img/es/sprite92.png) no-repeat scroll top left;
}
ul#menu2 li a:hover {
	cursor:pointer;
}








#footer {
	background-color:#eeeeed; 
	overflow:auto;
	border-top:#d4d1b6 1px solid;
	margin-top:20px;
	
	
	
}
#footercenter {
	width: 973px;
	margin: auto;
}
#footer1 {
	 background-color:#eeeeed; 
	 border-right:#d4d1b6 solid 1px; 
	 float:left; 
	 padding-top:20px; 
	 padding-bottom:10px;
	 width:180px; 
	 padding-right:15px;
	 min-height:240px;
}
#footer2 {
	background-color:#f0f0ef; 
	border-right:#d4d1b6 solid 1px; 
	border-left:#FFFFFF solid 1px; 
	float:left; 
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
	min-height:230px;
	color:#6e6b59;

}
#footer3 { 
	 background-color:#eeeeed; 
	 border-left:#FFFFFF solid 1px; 
	 float:right; 
	 padding-top:10px; 
	 padding-bottom:10px;
	 text-align:right;
	 line-height:22px;
	 width:274px;
	 min-height:240px;
	 padding-top:20px;
	 padding-right:20px;
}
#footer2 li {
	text-align:left;
	line-height:22px;
	list-style-type: none;
	color:#6e6b59;
}

#footer2 ul {
	padding-left:5px;
}

.taula {
 	color:#666666;
	font-weight:bold;
	font-size:1.1em;
}
h3 a:link, h3 a:visited{
	color:#6e6b59;
}
h3 a:hover, h3 a:active {
	color:#242427;
}

/* COLORS */
/* Textos */
#contingut p {
	text-align: justify;
	line-height:22px;
	font-size:1.0em;
}
strong {
	color:#f78f1f;
}
a:hover, a:active, h1, em {

}

h1 {
	color:#6e6b59;
	font-size:1.7em;
}
a:hover h1 {
	color:#000;
	
	
}

h3 {
	color:#3e3e3d;
	line-height:18px;
}
h5 {
	color:#272724;
	font-size:1.1em;
	padding:0px;
	margin:0px;
}
h6 {
	color:#666666;
	font-size:1.0em;
	padding:0px;
	margin:0px;
}
/* Fons */
.highlight {
	font-size:28px;	 gris clar */
}

/* Bordes */
.highlight {
	border: solid 1px #999999;	/* gris fosc */
}


@media print, @media handheld {
/* Imprimir i dispositius mòbils */
html, body, #container, #header, #nav, #subnav, #sidebar, #content, #footer {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10pt;
    max-width: 100%;
}
}

@media print {
/* Imprimir */
* {
	overflow: hidden;
	max-width: 100%;
}

button {
	display: none;
}
}