/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/


/* MENU */




/***** Screen 960px *****/

/***** Logo, Btn & Phone Menu Btn *****/

#logo											{ margin-left:52px; width:85px; height:85px; float:left; margin-bottom:5px; }
#social 										{ float:right; width:120px; height:50px; text-align:right; margin-right:30px;}
header {clear:both;}

/***** Navigation *****/

.navigation										{ padding-left:60px; overflow:hidden; height:auto; background-color:#fbc9c0; border-bottom:#FFF dashed 1px; border-top:#FFF dashed 1px; margin-bottom:20px; clear:both; }

ul.nav 											{ margin:1px 0 1px 0; padding:0; padding-top:2px; font-size:12px; list-style:none; float:left; text-transform:uppercase; text-align:left; width:100%; }
ul.nav li										{ margin:0 20px 0 0; padding:0; display:block; text-align:left; float:left; background-image:none; font-weight:bold  }
ul.nav li a										{ padding:0 0px 0 0; text-decoration:none; line-height:25px; color:#333; }
ul.nav li a:hover,
ul.nav li a.current,

#b_projectes #a_projectes,
#b_nosaltres #a_nosaltres,
#b_agrada #a_agrada,
#b_localitzans #a_localitza,
#b_es #a_es, #b_ca #a_ca						{ text-decoration:none; color:#ff6666;}

ul.nav li a:hover {color:#999;}

/******* caixes ************/
#contenido{ padding-left:12px}

#social {float:right;}

.trabajo {
	position:relative;
	height: 260px;
	width: 154px;
	padding: 15px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	background-color:#FFFFFF;
	border:#d9d9d9 1px solid;
	font-size:11px;
	overflow:hidden;
	box-shadow: 0px 20px 10px -10px rgb(162,162,162);
}
#desc_work .trabajo { height:auto; overflow:hidden; }


.desc h2{  line-height:17px; font-size:11px; font-weight:bold; text-transform:lowercase; padding:0px; margin:0px; padding-left:10px; padding-right:6px;}
.trabajo h2{  line-height:17px; font-size:11px; font-weight:bold; text-transform:lowercase; padding:0px; margin:0px; padding-right:6px; padding-left:6px}
.trabajo p { padding-left:6px; line-height:15px;}

a:hover.trabajo {text-decoration:none;}

.desc { margin-top:26px}


.imagen {
	height: 171px;
	width: 154px;	
}

.mesinfo{ border-top:#333 1px dotted; margin-top:10px; padding-top:5px; padding-left:6px}
.mesinfo2{ border-top:#333 1px dotted; margin-top:5px; padding-top:8px; padding-left:6px}
.sliders{
	float:left;
	background-color:#FFFFFF;
	border:#d9d9d9 1px solid;
	margin-left:5px;
	padding:3px;	
	padding-top:4px;
	padding-bottom:2px;
}

.descripcion {
	width: 596px;
	padding:15px;
	float:left;
	background-color:#FFFFFF;
	border:#d9d9d9 1px solid;
	margin-left:20px;	
	overflow:auto;
	padding-top:5px;
	box-shadow: 0px 20px 10px -10px rgb(162,162,162);
	margin-bottom:20px;	
	font-size:12px; 
}

.descripcion2 {
	width: 490px;
	padding:30px;
	float:left;
	background-color:#FFFFFF;
	border:#d9d9d9 1px solid;
	margin-left:20px;	
	overflow:auto;
	padding-top:15px;
	box-shadow: 0px 20px 10px -10px rgb(162,162,162);
	margin-bottom:20px;	
	font-size:12px;
	padding-right:100px;
	line-height:16px;
}
.descripcion img {padding-bottom:15px;}

.descripcion p {
	padding-left: 3px;
	padding-right: 10px;
	text-align: left;
	vertical-align: bottom;
}
.box{ clear:both;}

.descripcion2 h2, .descripcion h2{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:0px; margin-bottom:0px;}


#back { float:right; 
		font-weight:bold;
		font-size:22px;	
		width:100%;
		text-align:right;
		clear:both;
}







/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {



}

@media only screen and (max-width: 932px) {
.sliders{ float:left; margin-left:225px; margin-top:10px; clear:both}	
}

/***** Tablet (Smaller than 959px) *****/
/**@media only screen and (min-width: 768px) and (max-width: 959px) {*/
@media only screen and (min-width: 679px) and (max-width: 883px) {
#desc_work .trabajo { width:596px;  height:auto; overflow:hidden; margin-right:10px;}
.sliders{ float:left; margin-left:20px; margin-top:10px; clear:both}

}



/***** Phone (portrait 300px) *****/
/**@media only screen and (max-width: 767px) {*/
@media only screen and (max-width: 678px) {

#desc_work .trabajo { width:80%; height:auto; overflow:hidden; margin-right:10px;}
.descripcion, .descripcion2 { width:80%; margin-right:10px;height:auto; overflow:hidden;}
.descripcion img, .descripcion2 img {width:100%}


/***** Navigation *****/
/*
.navigation										{ margin:0 auto;  width:100%; margin-bottom:20px; padding-left:32px }
*/

}

@media only screen and (max-width: 729px) {
.sliders{ float:left; margin-left:20px; margin-top:10px; clear:both}	
}