* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e3d9c2;
	SCROLLBAR-FACE-COLOR: #e3d9c2;
	SCROLLBAR-HIGHLIGHT-COLOR: #e3d9c2;
	SCROLLBAR-SHADOW-COLOR: #e3d9c2;
	SCROLLBAR-3DLIGHT-COLOR: #e3d9c2;
	SCROLLBAR-ARROW-COLOR: #000000;
border-width:thick 
	SCROLLBAR-TRACK-COLOR: #e3d9c2;
	SCROLLBAR-DARKSHADOW-COLOR: #e3d9c2;
	scrollbar-base-color: #e3d9c2;
	color: #e3d9c2;
	text-decoration: none;
}
img{border:0px}
a{
	text-decoration: none;
	font-weight: bold;
	color: #37261C;
}
a:hover{
	color: #000000;
	text-decoration: underline;
}
.wrapper {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.capa_intro_flash_dreta {
	width: 400px;
	height: 191px;
	float: right;
	position: relative;
	}
	
		
.capa_intro_flash_esquerra {
	width: 335px;
	height: 191px;
	}
#header {
	color: #FFFFFF;
	height: 94px;
	background-image: url(../images/headnav.jpg);
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000000;
	overflow: hidden;
}
#navigation {
	background-image: url(../images/head2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 215px;
	text-align: center;
}
#navlistpos {
	float:right;
	text-align: right;
}
#content {
	color: #333;
	height: 530px;
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: bottom;
}
#content1 {
	color: #333;
	height: 530px;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: bottom;
}
#photographycont{
	height: 625px;
	padding-left: 115px;
	width: auto;
}
.photographypic{
	margin: 5px;
	float: left;
	background-image: url(../images/bgphoto.gif);
	display: inline;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}

#blank {
	height: auto;
	background-image: url(../images/blankbg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 25px;
	
}
.padp{
	padding-right: 50px;
	padding-left: 50px;
	color: #301E12;
	clear: both;
}
.portp{
	color: #301E12;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	background-attachment: scroll;
	background-image: url(../images/portpgbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 790px;
	padding-right: 10px;
	padding-top: 10px;
}
.portp h1{
	color: #301E12;
	font-size: 12px;
	padding-left: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.visitport {
	color: #301E12;
	font-size: 12px;
	display: block;
	text-align: left;
	clear: both;
	padding-bottom: 10px;
	padding-left: 25px;
}
.visitport  a:hover{
	color: #301E12;
	font-size: 12px;
	display: block;
	text-align: left;
	clear: both;
	padding-bottom: 10px;
	padding-left: 25px;
	text-decoration: underline;
}
.portp a:hover{
text-decoration:underline;
}
.portp p{
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#footer {
	color: #FFFFFF;
	height: 40px;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

.navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 18px;
}
.navlist li a
{
	text-decoration: none;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
}

.navlist li a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 3px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF6633;
}
#telephonehead{
	background-image: url(../images/heatelephone.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 73px;
	width: auto;
	padding-left: 75px;
	padding-top: 15px;
	color: #A49888;
	margin-left: 20px;
	display: inline;
	padding-right: 40px;
}

.text_idioma{
	color: #FF6600;
	font-size: 10px;
	text-decoration: none;
}
#telephonehead a{
	color: #A49888;
	font-size: 10px;
	text-decoration: none;
}
#telephonehead a:hover{
	color: #FF6600;
	font-size: 10px;
	text-decoration: none;
}
#portfolio{
	height: 300px;
	width: 900px;
	float: left;
}
#footerfinal{
	width: 880px;
	float: left;
	color: #A49888;
	padding-left: 20px;
	font-size: 10px;
	font-variant: normal;
	padding-top: 10px;
}
#footerfinal a{
	color: #E3D9C2;
	font-weight: bold;
	text-decoration: none;

}
#footerfinal a:hover{
	color: #FF6600;
}
#boxcont{
	width: 900px;
}
.clientlogin a{
	color: #A49888;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	display: block;
	margin-bottom: 40px;
	background-image: url(../images/clientloginoff.jpg);
	background-position: right bottom;
	padding-right: 8px;
	line-height: 15px;
	padding-bottom: 5px;
	background-repeat: no-repeat;

}
.clientlogin a:hover{
	color: #FF6600;
	background-image: url(../images/clientloginon.jpg);
}
.logo{float:left}
.boxes{
	width: 230px;
	float: left;
	margin-left: 20px;
	color: #3A2C23;
	height: 175px;
	background-image: url(../images/headbox.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
}
.boxes_portafolis{
	width: 880px;
	float: left;
	margin-left: 20px;
	color: #3A2C23;
	height: 175px;
	background-image: url(../images/headbox3333.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
}
.boxes_serveis{
	width: 230px;
	float: left;
	margin-left: 20px;
	color: #3A2C23;
	height: 500px;
	background-image: url(../images/headbox_serveis.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
}
.boxes_serveis_lletra_petita{
	font-size: 10px;
	color: #330000;
}
.noticies{
	width: 230px;
	float: left;
	margin-left: 20px;
	color: #3A2C23;
	height: 175px;
	background-image: url(../images/noticies.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.noticies_h3 {
	font-size: 14px;
	text-decoration: underline;
	color: #A49888;
}

.boxes{
	width: 230px;
	float: left;
	margin-left: 20px;
	color: #3A2C23;
	height: 175px;
	background-image: url(../images/headbox.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.boxes h3{
	font-size: 16px;
	font-weight: bold;

}
.boxes li{
	font-weight: bold;
	list-style-position: inside;

}
.boxes a{}
.boxes a:hover{
	text-decoration: underline;
}
.imgportpad{
	display: inline;
	border: 5px solid #C9BCA9;
	float: right;
	margin-left: 10px;
}
#workwithus{
	height: auto;
	width: 850px;
	float: left;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 15px;
	color: #2E1C10;
	clear: both;
}
.footerboxes{
	width: 230px;
	float: left;
	margin-left: 20px;
	color: #E3D9C2;
	height: 150px;
	font-size: 11px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.footerboxes{
	width: 230px;
	float: left;
	margin-left: 20px;
	color: #E3D9C2;
	height: 150px;
	font-size: 11px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.footerboxes h1{
	font-size: 14px;
	background-color: #301E12;
	padding: 2px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6600;

}
.footerboxes a{
	color: #E3D9C2;


}
.orangeletter {
	color: #FF6600;
	font-weight: bold;
}
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
	color: #372519;
	border: 1px solid #301E12;
	background-color: #BDB2A1;
	width: 200px;
	font-size: 12px;
}
.formb 
{
	color: #E3D9C2;
	border: 1px solid #301E12;
	background-color: #330000;
	width: 100px;
	font-size: 12px;
	margin-top: 5px;
	font-weight: bold;
}
textarea
{
	color: #372519;
	border: 1px solid #301E12;
	background-color: #BDB2A1;
	width: 200px;
	font-size: 12px;
}

.submit input
{
	color: #E3D9C2;
	border: 2px none #d7b9c9;
	height: 20px;
	width: 100px;
	background-color: #A39787;
}
fieldset
{
border: 1px solid #781351;
width: 20em
}

legend
{
	color: #fff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px
}
.clientlogin1 {
	display: block;
	padding: 5px;
}
.clientlogin1 a{
	border: 1px solid #2F1D11;
	padding: 5px;
	width: 300px;
	display: block;
}
.clientlogin1 a:hover{
	border: 1px solid #2F1D11;
	background-color: #301E12;
	color: #FF6600;
}
.logmein{
	background-color: #E3D8C2;
	font-size: 14px;
	border: 1px solid #301E12;
	width: 300px;
	display: block;
	padding: 3px;
	font-weight: bold;
	margin-left: 5px;
}
.logmeinbut{
	background-color: #E3D8C2;
	font-size: 12px;
	border: 1px solid #301E12;
	width: 100px;
	display: block;
	padding: 3px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
}
.webtitle{
	display: none;
	color: #000000;
}
#phone-number {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/phone.png) no-repeat;
	width: 123px;
	height: 135px;
	z-index: 1000;
	}
	
#star {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/star.png) no-repeat;
	width: 114px;
	height: 101px;
	z-index: 1000;
	display: block;
	}
a.menu_homeprojectes {
	color: #330000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.menu_homeprojectes:hover {
	color: #FF6633;
	font-size: 12px;
	font-weight: bold;
	}
a.menu_bto_home {
	color: #330000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
a.menu_bto_home:hover {
	color: #FF6633;
	font-size: 14px;
	font-weight: bold;
	}
a.link_contacte {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a.link_contacte:hover {
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
a.link_multibox {
	color: #999999;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a.link_multibox:hover {
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
a.link_projectes_propis {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	background-color: #ACA18F;
	padding: 3px;
	margin: 3px;
	float: right;
}
a.link_projectes_propis:hover {
	color: #330000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	background-color: #FF6600;
	padding: 3px;
	margin: 3px;
	float: right;
	}
.menu_p_act {
    display: inline;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 18px;
	text-decoration: none;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
}

.text_presentacio_portafolis {
	color: #330000;
	padding: 3px;
}

.text_presentacio_portafolis_bold {
	color: #330000;
}

/* aqui comença els estils de la llista d'imatges*/

.poster-list-single {
	width:200px;
	margin-right:20px;
	margin-bottom:0px;
	float:left;
	}		
.poster-list-single .thumbnail {
	padding:10px;
	background-color:#A39787;
	margin-bottom:10px;
	display:block;
	}
.poster-list-single .thumbnail:hover {
	background-color:#FF6600;
	}
.poster-list-single .thumbnail img {
	padding:0px;
	}
.poster-list-single .description {
	height:40px;
	margin-bottom:20px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	background-color:transparent;
	display:block;
	color:#413d38;
	}

.poster-list-single .description .copy p {
	padding:0px;
	margin:0px;
}
.byline_copy_bold {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0;
	text-align: leftr;
	word-spacing: normal;
	text-decoration: none;
	color: #444;
	background-color: transparent;
	font-weight:bold;
}
.byline {
    font-size: 10px;
	width:200px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	background-image:url(../../img/byline_bg.gif);
	background-repeat:repeat-y;
}
.portafolis_passar_pagina{
	width: 110px;
	float: left;
	margin-left: -20px;
	color: #330000;
	height: 31px;
	background-image: url(../images/fons_passarpagina_proj.gif);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 12px;
	padding-top: 7px;
	padding-right: -20px;
	padding-bottom: -20px;
	padding-left: -20px;
	text-align: center;
	font-weight: 100;
}
a.link_psaar_pagina_portafolis {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}
a.link_psaar_pagina_portafolis:hover {
	color: #330000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
a.link_psaar_pagina_portafolis_fletxa {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
a.link_psaar_pagina_portafolis_fletxa:hover {
	color: #330000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}