@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}

#home, #porfoli, #contactar{width:auto; height:1000px; position:relative; padding-left:68px; background-image:url(../img/fondo_fosc.jpg); background-repeat:repeat;}

.wrapper{width:900px; margin:auto;}

/*----------- MENU ------------*/
.menu{float:left; list-style:none; width:118px; display:block;}
.menu li{ border-bottom:1px dashed #3c3c3c; height:30px; }
.menu li a{ display:block; height:30px; background:no-repeat right top; }
.menu .home{ background-image:url(../img/m_01.jpg); background-position:top; }
.menu .porfoli{ background-image:url(../img/m_02.jpg); background-position:top; }
.menu .contactar{ background-image:url(../img/m_03.jpg); background-position:top; }

/*--- idiomes menu --- */
#en .menu .porfoli{ background-image:url(../img/en/m_02.jpg); background-position:top; }
#en .menu .contactar{ background-image:url(../img/en/m_03.jpg); background-position:top; }
#en #contactar .menu .contactar{ background-image:url(../img/en/m_03.jpg); background-position:bottom; }
#en #porfoli .menu .porfoli{ background-image:url(../img/en/m_02.jpg); background-position:bottom;}
#en .menu .porfoli:hover{ background-position:bottom;}
#en .menu .contactar:hover{ background-position:bottom;}

#es .menu .porfoli{ background-image:url(../img/es/m_02.jpg); background-position:top; }
#es #porfoli .menu .porfoli{ background-image:url(../img/es/m_02.jpg); background-position:bottom;}
#es .menu .porfoli:hover{ background-position:bottom;}
#es .menu .contactar:hover{ background-position:bottom;}
/*--- end idiomes menu --- */

.menu .home:hover{ background-position:bottom;}
.menu .porfoli:hover{ background-position:bottom;}
.menu .contactar:hover{ background-position:bottom;}

#porfoli .menu{margin-top:338px;}
#contactar .menu{margin-top:75px;}
#home .menu{margin-top:179px;}

#home .menu .home{ background-image:url(../img/m_01.jpg); background-position:bottom; }
#contactar .menu .contactar{ background-image:url(../img/m_03.jpg); background-position:bottom; }
#porfoli .menu .porfoli{ background-image:url(../img/m_02.jpg); background-position:bottom;}



/*--------- END MENU ----------*/

/*--------- TITOLS ----------*/
span{display:none;}
#home h1{background:url(../img/logo.jpg) no-repeat bottom; height:255px; width:368px;}
#porfoli h1{background:url(../img/title2.jpg) no-repeat bottom; height:156px; width:224px;}
#contactar h1{background:url(../img/title3.jpg) no-repeat bottom; height:154px; width:312px;}

/* --- titols idiomes --- */
#en #porfoli h1{background:url(../img/en/title2.jpg) no-repeat bottom; height:156px; width:286px; margin-bottom:30px;}
#en #contactar h1{background:url(../img/en/title3.jpg) no-repeat bottom; height:154px; width:239px;}
#es #porfoli h1{background:url(../img/es/title2.jpg) no-repeat bottom; height:156px; width:286px;}

/* --- end titols idiomes --- */

/*--------- END TITOLS ----------*/

/*--------- FOOTER ----------*/
.footer{ position:absolute; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; font-weight:normal; color:#717171; list-style:none; top:730px; width:310px; height:16px;float:left; background:url(../img/footer.jpg) no-repeat bottom right;}

.footer a{ text-decoration:none; color:#717171; display:block;height:17px;}
.footer a:hover{border-bottom:dashed 1px #fefefe; color:#fefefe;}
.footer li{ height:15px; padding-right:3px; padding-left:3px; float:left;}

.footer .cat{width:23px; }
.footer .cast{width:30px;}
.footer .eng{width:23px;}

.footer span{width:25px; float:left;}

#en .footer .eng, #es .footer .cast, #cat .footer .cat{border-bottom:dashed 1px #9E9E9E; color:#9E9E9E;}

/*--------- END FOOTER ----------*/

/*------------ HOME -----------*/
#home h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; font-weight:normal; font-style:italic; color:#FFF; 	margin-left:248px; margin-bottom:30px; margin-top:99px; margin-right:78px; padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #bd0926; border-top:1px dashed #bd0926;}
	
#home p{font-family:"Lucida Grande", "Lucida Sans Unicode","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#FFF; margin-left:248px; margin-top:10px; margin-right:78px; line-height:20px;}
/*------------ END HOME -----------*/	

/*------------ PORFOLI ------------*/
.highslide-gallery{float:right; width:270px; height:220px; margin-right:20px; }
.highslide-gallery h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic; font-weight:normal; color:#bd0926; text-decoration:none; height:33px;}
#arq{background-image:url(../img/porfoli-arquitectura.jpg); background-position:top left; background-repeat:no-repeat; width:270px; height:175px; display:block;}
#ev{background-image:url(../img/porfoli-eventos.jpg); background-position:top left; background-repeat:no-repeat; width:270px; height:175px; display:block;}
#ed{background-image:url(../img/porfoli-editorial.jpg); background-position:top left; background-repeat:no-repeat; width:270px; height:175px; display:block;}
#prod{background-image:url(../img/porfoli-producte.jpg); background-position:top left; background-repeat:no-repeat; width:270px; height:175px; display:block;}

#arq:hover{background-position:bottom left;}
#ev:hover{ background-position:bottom left;}
#ed:hover{ background-position:bottom left;}
#prod:hover{ background-position:bottom left;}
/*---------- END PORFOLI ----------*/

/*---------- CONTACTAR ----------- */
#contactar h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal; text-decoration:none; color:#FFF; margin-bottom:10px; }
#contactar h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; font-style:normal; text-decoration:none; color:#bd0926; margin-bottom:7px;}
#contactar h5{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal; display:block; border-bottom:1px dotted #FFF; color:#FFF; margin-bottom:5px; }

#info{width:225px; margin-top:80px; float:left;}
#info2{width:225px; margin-top:80px; float:left; }

#info2 h5{margin-top:37px;}

#info a, #info2 a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:normal; text-decoration:none; color:#666; margin-bottom:7px; display:block;}
#info a:hover, #info2 a:hover{color:#bd0926;}

#en #contactar #info h5{width:42px; }
#en #contactar #info2 h5{width:42px;}

#es #contactar #info h5{width:48px;}
#es #contactar #info2 h5{width:50px;}

#cat #contactar #info h5{width:48px; }
#cat #contactar #info2 h5{width:42px;}

/* -------- END CONTACTAR -------- */



/* ----------- END FORMULARI ---------------- */
#form{ float:right; width:400px; margin-right:20px; margin-top:80px; }

#enviar{ background-image:url(../img/form_enviar.jpg); background-repeat:no-repeat; background-position:top right; display:block; float:right; height:36px; width:100px; padding:0px; border:none; margin-right:-5px;}
#enviar:hover{ background-position:right bottom; }

/* -- formulari idiomes --- */
#en #enviar{ background-image:url(../img/en/form_enviar.jpg); background-repeat:no-repeat; display:block; float:right; height:36px; width:100px; margin-right:-5px;}
#en #enviar:hover{ background-position:bottom;}
/* -- end formulari idiomes --- */

label{
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:right;
	color:#FFF;
	
	width:60px;
	float:left;
	height:22px;
	margin-right:10px;
	margin-bottom:15px;
}

.error{
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:right;
	color:#FFF;
	
	width:200px;
	float:right;
	height:22px;
	margin-right:10px;
	margin-bottom:15px;
}

#form{ width:390px; }

#message{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	
	background-image:url(../img/missatge.jpg);
	background-repeat:no-repeat;
	
	border:none;
	display:block;
	width:313px;
	height:194px;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:5px;
	float:right;
}

#contactname{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	
	background-image:url(../img/input.jpg);
	background-repeat:no-repeat;
		
	border:none;
	width:313px;
	height:22px;
	margin-bottom:15px;
	padding-left:5px;
	float:right;
}

#email{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	vertical-align:middle;
	
	background-image:url(../img/input.jpg);
	background-repeat:no-repeat;
		
	border:none;
	width:313px;
	height:22px;
	margin-bottom:15px;
	padding-left:5px;
	float:right;
}


#subject{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	vertical-align:middle;
	
	background-image:url(../img/input.jpg);
	background-repeat:no-repeat;
		
	border:none;
	width:313px;
	height:22px;
	margin-bottom:15px;
	padding-left:5px;
	float:right;
}
/* ----------- END FORMULARI ---------------- */