/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */ 
/* Desarrollado por Hamo Studio /////////////// */
/* //////////////////////////////////////////// */
/* /// Css Document /////////////////////////// */
/* /// Barcelona 2007 ///////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

/* //////////////////////// */	
/* ///// CSS GENERAL ////// */
/* //////////////////////// */

body {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			12px;
	margin-top:			0px;
	background: 		#FFFFFF;
	font-color:			#9F9E9D;
	height:				100%;
	
}

P {
	font-family: 		Verdana, Arial, sans-serif;
	text-decoration:	none;
	line-height: 		14px;

}

A {
	font-family: 		Verdana, Arial, sans-serif;
	text-decoration:	none;
	font-size: 			10px;
	color:				#555;
}
A:hover {
	font-family: 		Verdana, Arial, sans-serif;
	text-decoration:	none;
	font-size: 			10px;
	color:				#ffffff;
}

.Hcenter {
	width:800px; 
	height:270px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin:-205px auto auto -400px; 	
}

.wrapperportada {
	position:			relative;
	/* hack against ie/mac \*/
	clear:				both;
	/* end hack */	
	width:				800px !important;
	width:				800px;
	height:				100%;
	min-height: 		100%;
	margin-top: 		250px;	
	margin-left: 		auto;
	margin-right:		auto;	
	overflow:			hidden !important;
	overflow:			visible;
	background:			#ffffff;	
	
}

.wrapper {
	position:			relative;
	/* hack against ie/mac \*/
	clear:				both;
	/* end hack */	
	width:				800px !important;
	width:				800px;
	height:				100%;
	min-height: 		100%;
	margin-top: 		0px;	
	margin-left: 		auto;
	margin-right:		auto;	
	overflow:			hidden !important;
	overflow:			visible;
	background:			#ffffff;	
	
}

.contenedormenu {
	width:				800px !important;
	width:				800px;
	height:				35px;
	pading:				0px;
	margin:				15px 0px 3px 0px !important;
	margin:				15px 0px 3px 0px;
	position:			relative;
	float:				left;	
}
.contenedor {
	width:				800px !important;
	width:				800px;
	pading:				0px;
	margin:				0px 0px 2px 0px !important;
	margin:				0px 0px 2px 0px;
	position:			relative;
	float:				left;	
	background:         #000000
}	
.contenedorSHOP {
	width:				800px !important;
	width:				800px;
	pading:				0px;
	margin:				0px 0px 2px 0px !important;
	margin:				0px 0px 2px 0px;
	position:			relative;
	float:				left;	
}	
.contenedorfoto {
	width:				800px !important;
	width:				800px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	float:				left;	
}	

.contenedorpie {
	width:				800px !important;
	width:				800px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	float:				left;	
	height:				35px;
	background:         #000000
}	

.contenedor2 {
	width:				800px !important;
	width:				800px;
	pading:				0px;
	margin:				80px 0px 0px 0px !important;
	margin:				80px 0px 0px 0px;
	position:			relative;
	float:				left;	
	background:         #000000
}
.contenedor3 {
	width:				800px !important;
	width:				800px;
	pading:				0px;
	margin:				40px 0px 0px 0px !important;
	margin:				40px 0px 0px 0px;
	position:			relative;
	float:				left;	
	background:         #000000
}
.contenedorfilosofia {
	width:				800px !important;
	width:				800px;
	margin:				0px 0px 2px 0px !important;
	margin:				0px 0px 2px 0px;
	position:			relative;
	float:				left;	
	background:         #000000
}
.contenedorfijo {
	width:				800px !important;
	width:				800px;
	height:				250px;
	margin:				0px 0px 2px 0px !important;
	margin:				0px 0px 2px 0px;
	position:			relative;
	float:				left;	
	background:         #000000
}
.contacto {
	width:				800px !important;
	width:				800px;
	margin:				0px 0px 2px 0px !important;
	margin:				0px 0px 2px 0px;
	position:			relative;
	float:				left;	
	background:         #000000
}
.contenedormitad {
	width:				400px !important;
	width:				400px;
	pading:				0px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	float:				left;	
}

.modulo1 {
	height:				180px;
}

.modulo2 {
	height:				360px;
}

.modulo3 {
	height:				540px;
}

.modulo4 {
	height:				720px;
}

.contenedormitad2 {
	width:				400px !important;
	width:				400px;
	pading:				0px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	background:	        #000000;
	float:				left;	
}



.contenedorquienes {
	width:				400px !important;
	width:				400px;
	pading:				0px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	background:	        #000000;
	float:				left;	
}

.flota {	
	position:			relative;
	float:				left;
	margin:				0px 0px 0px 0px;
	border:				0px;	
}
.flotafoto {	
	position:			relative;
	float:				left;
	margin:				2px 0px 0px 0px;
	border:				0px;	
}

.contenedorcolor {
	position:			absolute;
	top:				80px;
	left:				0px;
	width:				400px !important;
	width:				400px;
	height:				72px;
	pading:				0px;
	
}
.contenedorcolor2 {
	width:				400px !important;
	width:				400px;
	height:				72px;
	pading:				0px;
	position:			relative;
	float:				left;
	top:				30px;
	left:				0px;
	
}
.contenedorcolor3 {
	width:				400px !important;
	width:				400px;
	height:				72px;
	pading:				0px;
	position:			relative;
	float:				left;
	top:				75px;
	left:				0px;
	
}
.contenedornews {
	width:				400px !important;
	width:				400px;
	height:				100px;
	pading:				0px;
	margin:				80px 0px 0px 0px !important;
	margin:				80px 0px 0px 0px;
	position:			relative;
	float:				left;	

}

.contenedornewsHome {
	width:				400px !important;
	width:				400px;
	height:				100px;
	pading:				0px;
	margin:				93px 0px 0px 0px !important;
	margin:				93px 0px 0px 0px;
	position:			relative;
	float:				left;	

}




.contenedorcontacto {
	width:				200px !important;
	width:				200px;
	height:				100px;
	pading:				0px;
	margin:				90px 0px 0px 120px !important;
	margin:				90px 0px 0px 60px;
	position:			relative;
	float:				left;	

}
.contenedorcontacto2 {
	width:				184px !important;
	width:				170px;
	height:				100px;
	pading:				0px;
	margin:				90px 12px 0px 45px !important;
	margin:				90px 12px 0px 25px;
	position:			relative;
	float:				left;
}

.contenedorcontacto22 {
	width:				126px !important;
	width:				70px;
	height:				100px;
	pading:				0px;
	margin:				90px 12px 0px 45px !important;
	margin:				90px 12px 0px 5px;
	position:			relative;
	float:				left;
}


.contenedorficha {
	width:				400px !important;
	width:				400px;
	height:				150px;
	pading:				0px;
	margin:				90px 0px 0px 0px !important;
	margin:				90px 0px 0px 0px;
	position:			relative;
	float:				left;	

}
.contenedorportfolio {
	width:				400px !important;
	width:				400px;
	pading:				0px;
	margin:				70px 0px 0px -5px !important;
	margin:				70px 0px 0px -5px;
	position:			relative;
	float:				left;	

}
.paginanews {
	width:				350px !important;
	width:				350px;
	height:				40px;
	pading:				0px;
	margin:				35px 0px 10px 10px !important;
	margin:				35px 0px 10px 10px;
	position:			relative;
	float:				left;	

}
.contenedortxt {
	width:				370px !important;
	width:				370px;
	height:				35px;
	margin:				0px 0px 5px 15px !important;
	margin:				0px 0px 5px 8px;
	position:			relative;
	float:				left;	
	font-size: 			10px;
	color:	     		#FFF;
	font-weight: 		normal;
}

.contenedortxtW {
	width:				370px !important;
	width:				370px;
	height:				35px;
	margin:				0px 0px 5px 15px !important;
	margin:				0px 0px 5px 8px;
	position:			relative;
	float:				left;	
	font-size: 			10px;
	color:				#636365;
	font-weight: 		normal;
}

.contenedortxt2 {
	width:				370px !important;
	width:				370px;
	height:				35px;
	margin:				0px 0px 5px 15px !important;
	margin:				0px 0px 5px 8px;
	position:			relative;
	float:				left;	
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}

.contenedortxt3 {
	width:				370px !important;
	width:				370px;
	height:				35px;
	margin:				0px 0px 5px 15px !important;
	margin:				0px 0px 5px 8px;
	position:			relative;
	float:				left;	
	font-size: 			11px;
	color:	     		#FFF;
	font-weight: 		normal;
}

.contenedortxt4 {
	width:				370px !important;
	width:				370px;
	height:				35px;
	margin:				4px 0px 5px 15px !important;
	margin:				4px 0px 5px 8px;
	position:			relative;
	float:				left;	
	font-size: 			11px;
	color:	     		#FFF;
	font-weight: 		normal;
	line-height:		13px;
}

.txtnews {
	width:				340px !important;
	width:				340px;
	height:				35px;
	margin:				5px 0px 0px 15px !important;
	margin:				5px 0px 0px 8px;
	position:			relative;
	float:				left;	
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}
.txtfilosofia {
	width:	            325px !important;
	width:				325px;
	margin:				10px 30px 30px 36px !important;
	margin:				10px 30px 30px 18px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}
.txtportfolio {
	width:	            350px !important;
	width:				350px;
	margin:				25px 0px 0px 18px !important;
	margin:				25px 0px 0px 10px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}
.txtabout {
	width:	            330px !important;
	width:				330px;
	margin:				10px 0px 0px 34px !important;
	margin:				10px 0px 0px 17px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}
.txtcontacto {
	width:	            190px !important;
	width:				190px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}
.txtcontacto2 {
	width:	            190px !important;
	width:				150px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}

.contenedor4 {
	position:			relative;
	float:				left;
	width:				800px !important;
	width:				800px;
	pading:				0px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;		
	background:         #000000
}

.contenedor4_sin {
	position:			relative;
	float:				left;
	width:				800px !important;
	width:				800px;
	pading:				0px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;		
	background:         #000000
}


.txtcontactotitular2 {
	width:	            150px !important;
	width:				150px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#ffffff;
	font-weight: 		bold;
}

.txtcontactotitular {
	width:	            96px !important;
	width:				96px;
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#ffffff;
	font-weight: 		bold;
}



.txtpie {
	width:	            700px !important;
	width:				700px;
	margin:				10px 0px 0px 10px !important;
	margin:				10px 0px 0px 10px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}
.txtwork {
	width:	            158px !important;
	width:				166px;
	margin:				3px 0px 30px 36px !important;
	margin:				3px 0px 30px 18px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}

.txtwork3 {
	margin:				0px 0px 0px 0px !important;
	margin:				0px 0px 0px 0px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	color:	     		#636365;
	font-weight: 		normal;
}

.txtwork2 {
	width:	            158px !important;
	width:				166px;
	margin:				3px 0px 0px 36px !important;
	margin:				3px 0px 0px 18px;
	position:			relative;
	float:				left;
	font-size: 			10px;
	line-height:		10px;
	height:				10px;
	font-weight: 		normal;
}

.blanco {
	color:				white;
}

a.linkopacity:hover img {	
	filter:				alpha(opacity=50);
	-moz-opacity: 		0.5; 
	opacity: 			0.5;
	-khtml-opacity: 	0.5;
}

a.linkopacity img {
	filter:				alpha(opacity=100);   
	-moz-opacity: 		1.0;   
	opacity: 			1.0;
	-khtml-opacity: 	1.0; 
}
.separador {
	width:				700px !important;
	width:				700px;
	height:				50px;
	position:			relative;
	float:				left;	
}

.contenedorTIT_SHOP {
	position:			relative;
	float:				left;
	margin:				0px 0px 0px 0px;
	width:				800px;
	height:				72px;
}

.contenedorFLASH_SHOP {
	position:			relative;
	float:				left;
	margin:				0px 0px 0px 0px;
	width:				320px;
	height:				72px;
}

.shoplinkDIV {
	position:			relative;
	float:				right;
	margin:				26px 30px 0px 0px;
	width:				100px;
	height:				50px;		
}

.shoplink {
	position:			relative;
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	float:				right;
	margin:				5px 5px 0px 0px;
	color:				white;
	font-weight: 		bold;
	font-size: 			12px;
	text-decoartion:	none;		
}

.shoplink:hover {
	position:			relative;
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	float:				right;
	margin:				5px 5px 0px 0px;
	color:				#CCC;
	font-weight: 		bold;
	font-size: 			12px;
	text-decoartion:	none;		
}

.botones {
	position:		absolute;
	top:			137px;
	left:			14px;
	width:			180px;
	height:			40px;
}

.botones IMG {
	border:			0px;
}

.botones2 {
	position:		relative;
	float:			right;
	margin:			5px 0px 0px 0px;
	width:			180px;
	height:			40px;
}

.botones2 A{
	position:			relative;
	float:				right;
	font-family: 		Verdana, Arial, sans-serif;
	text-decoration:	none;
	font-size: 			9px;	
}

.botones2 A:hover{
	position:			relative;
	float:				right;
	font-family: 		Verdana, Arial, sans-serif;
	text-decoration:	none;
	font-size: 			9px;
	color:				#000;
}

  .copy {
  		font-family: 		Verdana, Arial, sans-serif;
		text-decoration:	none;
		font-size: 			9px;
		color:				#555;
		margin:				2px 0px 0px 0px;
		float:				left;
		position:			relative;
  }
  .copy:hover {
  		font-family: 		Verdana, Arial, sans-serif;
		text-decoration:	none;
		font-size: 			9px;
		color:				#111;
		margin:				2px 0px 0px 0px;
		float:				left;
		position:			relative;
  }
  
   .copy2 {
  		font-family: 		Verdana, Arial, sans-serif;
		text-decoration:	none;
		font-size: 			9px;
		color:				#555;
		margin:				2px 0px 0px 0px;
		
  }
  .copy2:hover {
  		font-family: 		Verdana, Arial, sans-serif;
		text-decoration:	underline;
		font-size: 			9px;
		color:				#555;
		margin:				2px 0px 0px 0px;
  }
  
  .idioma {
  		font-family: 		Verdana, Arial, sans-serif;
		text-decoration:	none;
		font-size: 			9px;
		color:				#555;
		margin:				2px 0px 0px 0px;
		float:				right;
		position:			relative;
  }
  
  
.cufonFecha {
	color: #FFFFFF;
	font-size:15px;
	margin: 0px 0px 0px 15px;
	
}

.cufonTitulo {
	color: #FFFFFF;
	font-size:17px;
	margin: 3px 0px 0px 15px;
}

.cufonFecha2 {
	color: #FFFFFF;
	font-size:14px;
	margin: 0px 0px 0px 15px;
	
}

.cufonTitulo2 {
	color: #FFFFFF;
	font-size:16px;
	margin: 4px 0px 0px 15px;
}

.cufonHome1 {
	color: #FFFFFF;
	font-size:14px;
	margin: 0px 0px 0px 15px;
}

.cufonHome2 {
	color: #FFFFFF;
	font-size:16px;
	margin: 0px 0px 0px 15px;
}

.cufonHome3 {
	color: #FFFFFF;
	font-size:14px;
	margin: 0px 0px 0px 15px;
}

.cufonShop1 {
	color: #FFFFFF;
	font-size:14px;
	margin: 16px 0px 0px 15px;
}

.cufonShop2 {
	color: #FFFFFF;
	font-size:14px;
	margin: 0px 0px 0px 15px;
}

.cufonShop3 {
	color: #FFFFFF;
	font-size:14px;
	margin: 0px 0px 0px 15px;
}

.cufonQuienes1 {
	color: #FFFFFF;
	font-size:18px;
	margin: 0px 0px 0px 35px;
}

.cufonQuienes2 {
	color: #FFFFFF;
	font-size:14px;
	margin: 2px 0px 0px 35px;
}


.menuCuf {
	margin-top: 40px;
}

.menuCuf ul {
	list-style: none;
	margin:0px;
}

.menuCuf ul li {
	position:relative;
	float:left;
	margin: 10px 0px 0px 0px;
}

.menuCuf ul li a {
	font-size: 10px;
}

.menuCuf ul li a:hover {
	font-size: 10px;
	color:black;
}

.menuDer {
	position:relative;
	float:right;
	width:436px;
}

.iphone {
	width:456px;
}

.menuIzq {
	position:relative;
	float:left;
	width:160px;
	margin: 0px 0px 0px 0px;
}

.size10{
	font-size: 7px;
}

.boxColor {
	width:400px;
	height:72px;	
	
}

.boxColorHome {
	width:400px;
	height:72px;	
	filter: alpha(opacity=80); opacity: .8
}


.contenedorcolorCON {
	position:			absolute;
	top:				30px;
	left:				0px;
	width:				400px !important;
	width:				400px;
	height:				72px;
	pading:				0px;
	
}

.quienesCufons {
	color:white;
	font-size:15px;
	margin:0px 0px 0px 35px;
}

.quienesCufons2 {
	color:white;
	font-size:15px;
	margin:0px 0px 0px 35px;
}