@font-face { 
   font-family: TitilliumText22L ; 
   /*src:local("TitilliumText22L"), url("../fuentes/TitilliumText22L.otf") format("opentype");*/
   src: url(../fuentes/TitilliumText22L001.otf) format('opentype');
   src: url(../fuentes/TitilliumText22L002.otf) format('opentype');
   src: url(../fuentes/TitilliumText22L003.otf) format('opentype');
   src: url(../fuentes/TitilliumText22L004.otf) format('opentype');
   /*src: url(../fuentes/TitilliumText22L005.otf) format('opentype');*/

   }
@font-face { 
   font-family: TitilliumText22L001 ; 
   /*src:local("TitilliumText22L"), url("../fuentes/TitilliumText22L.otf") format("opentype");*/
   src: url(../fuentes/TitilliumText22L001.otf) format('opentype');}


body {
	background-color:#000;
	font-family:arial;
	margin:0;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;

}
a.ver, a:visited.ver {	
	height:20px;
	padding:2px 5px 5px 5px;
	float:left;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	background:url(../img/flecha_1.png) top left no-repeat;
	text-indent:15px;	
}
a:hover.ver {
	text-decoration:underline;
}
a.ver_galeria {
	height:46px;
	background:url(../img/flecha_abajo.png) top left no-repeat;
	font-size:25px;
	color:#fff;
	text-indent:58px;
	display:block;
	margin:15px 0px 0px 0px;
	padding-top:10px;

}
a:hover.ver_galeria {
	text-decoration:underline;
}

h1 {
	font-family:"TitilliumText22L";
	font-size:40px;
	font-weight:light;
	color:#000;	
	margin:0px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
	h1.seccion {
		font-size:30px;
		margin:0px 0px 60px 0px;
	}
h2 {
	font-size:20px;
	font-weight:bold;
	color:#fff;	
	margin:0px;
	padding:0px;
	}
h3 {
	font-family:arial, sans serif;
	font-size:15px;
	
	color:#fff;
	}
h4 {
	font-family:"TitilliumText22L";
	font-size:17px;
	font-weight:lighter;	
	color:#fff;	
	
	}
	
p {
	font-size:13px;
	line-height: 19px;
	color:#fff;
}
	p.txt_footer {
		font-size:11px;
		color:#fff;
	}
	p.intro {
		font-family:"TitilliumText22L";
		font-size:75px;
		font-weight:bold;
		color:#000;	
		margin:25px 0px 20px 0px;;
	}
	p.frase {
		font-family:"TitilliumText22L";
		font-size:30px;
		line-height:50px;
		color:#fff;	
	}
	p.parrafo_design {
		font-family:"TitilliumText22L001";
		font-size:30px;
		line-height:45px;
		color:#fff;	
		margin:25px 0px 0px 0px;	
	}

img {
	border:none;
}
/******CLEAR****/
	.clear {
		clear:both;
	}
	
#cabecera {
		width:100%;
		position:fixed;
		background:url(../img/f_cabecera.png) top center no-repeat;
		
	}
	#contenedor_cabecera {
		width:960px;
		/*border:1px solid blue;*/
		padding:0px;
		margin:0 auto;		
	}
	#logo {
		float:left;
		padding:9px 0px 9px 0px;
	
	}
	#menu {
		
		/*border:1px solid red;*/
	}
	#menu ul {
		list-style:none;
		width:100%;
		/*border:1px solid white;	*/
		padding:0px;
		margin:0px 0px 0px 190px;
		text-align:center;
		}
			#menu ul li {
				float:left;	
				
				
				
				}
				#menu ul li a, #menu ul li a:visited { 
					font-family:"TitilliumText22L";
					font-size:20px;
					display:block;					
					letter-spacing:-1px;
					font-weight:bold;
					text-align:left;
					text-decoration:none;
					padding:55px 6px 6px 6px;
					color:#000;
					margin-right:20px;					
					}
				#menu ul li a:hover {
	color: #fff;
	font-family: "TitilliumText22L";
				}
	
#contenedor_1 {
	width:100%;
	padding:0px;
	margin:0 auto;
	height:970px;
	background:url(../img/inicio.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}
	.sub_contenedor {
		width:960px;
		/*border:1px solid blue;*/
		padding:0px;
		margin:0 auto;		
	}
	#inicio {
		width:960px;
		padding:250px 0px 0px 0px;	
	
	}
	#social {
		width:960px;
		padding:30px 0px 37px 0px;
		border-top:1px dotted #fff;
		
	}
		#social a {
			text-indent:-999px;
			width:97px;
			height:96px;
			float:left;
			margin:25px 25px 0px 0px;
		}
		#social a.fb {
			display:block;
			background:url(../img/fb.png) top center no-repeat;		
		}
		#social a:hover.fb {
			background:url(../img/fb.png) bottom center no-repeat;		
		}
		#social a.tw {
			display:block;
			background:url(../img/tw.png) top center no-repeat;		
		}
		#social a:hover.tw {
			background:url(../img/tw.png) bottom center no-repeat;		
		}
		#social a.in {
			display:block;
			background:url(../img/in.png) top center no-repeat;		
		}
		#social a:hover.in {
			background:url(../img/in.png) bottom center no-repeat;		
		}
		#social a.you {
			background:url(../img/you.png) top center no-repeat;		
		}
		#social a:hover.you {
			background:url(../img/you.png) bottom center no-repeat;		
		}

#contenedor_2 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:675px;
	background:url(../img/realizacion.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}
/*#contenedor_2_2 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:770px;
	background:url(../img/f_2_2.jpg) top center no-repeat;
	display:block;
	}
	/*border:1px solid blue;*/
	
	
/*CUERPO*/

	#cuerpo {
			width:960px;
			/*padding:200px 0px 0px 0px;*/
			/*border:1px solid blue;		*/	
		
		}
		.col_iz {
			width:207px;
			float:left;	
		}
			.col_iz a {
				margin:0px 0px 0px 20px;
			}
		.col_dr {
			width:715px;
			padding:17px 0px 0px 17px;
			background:url(../img/f_transparente.png) top center no-repeat;
			float:left;
			margin:-10px 0px 0px 21px;
		}
			.col_contenido {
				width:220px;
				float:left;
				/*border:1px solid red;*/
				margin:0px 15px 20px 0px;
			}

				.col_contenido h1 {
					height:65px;
					font-size:22px;
					color:#fff;
				}
	
#contenedor_3 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:565px;
	background:url(../img/design.jpg) top center no-repeat;
	display:block;
	}
	.col_contenido_marcas {
				width:220px;
				float:left;
				/*border:1px solid red;*/
				margin:0px 15px 15px 0px;
			}
			.col_contenido_marcas h1 {
				height:30px;
				font-size:22px;
				color:#fff;
			
			}
		.txt_col_dr {
			width:720px;
			margin:-16px 0px 15px -15px;
			padding:10px 0px 10px 10px;
			background-color:#000;
			border-bottom:1px dotted #444;
			
		}
			.txt_col_dr h2 {
	font-size: 25px;
	font-weight: light;
	color: #fff;
			}
			.marca {
				width:196px;
				height:66px;
				padding:7px;
				background:url(../img/f_marca.png) top center no-repeat;
				margin:10px 0px 0px 0px;
				/*border:1px solid red;*/
			}
			.marca a img {
				float:left;
				border:1px solid #000;
				margin:0px 10px 0px 0px;
			}
			.marca a:hover img {
				border:1px solid #777;
			}
			.marca h3 {
				margin:0px 0px 10px 0px;
			
			}
#contenedor_4 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:675px;
	background:url(../img/import.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}
	#col_dr_design {
			width:715px;
			padding:17px 0px 0px 17px;
			float:left;
			margin:-10px 0px 0px 21px;
	
	}
#contenedor_5 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:470px;
	background:url(../img/distribucion.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}
	.col_iz_maxi {
			width:960px;
			margin:0px 0px 0px 0px;
			
				
		}
			.col_iz_maxi h1 {
				float:left;
				margin:0px 750px 0px 0px;
			}
			.col_iz_maxi a img {
				float:left;				
			}
	
	.col_maxi {
		width:960px;
		/*border:1px solid blue;*/
		padding:35px 0px 0px 0px;
	}
		.fila {
			width:960px;
			/*border:1px solid red;*/
			
		}
			.fila a img {
				margin:8px 8px 0px 0px;
			}
#contenedor_6 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:680px;
	background:url(../img/led.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}
	.col_formulario {
		width:700px;
		/*border:1px dotted #fff;*/
		margin:0px 0px 50px 0px;
	}
		.col_formulario h3 {
			font-size:20px;
		}
		.col_formulario form {
			width:700px;
			padding:5px;
		}
			.col_formulario form .col_form_1{
				width:250px;
				border-right:1px dotted #fff;
				float:left;
			}
			.col_formulario form .col_form_2{
				width:350px;
				float:left;
				margin:0px 0px 0px 25px;
			}
			.col_formulario form .col_form_1 label, .col_formulario form .col_form_2 label  {				
				color:#fff;
				margin:25px 0px 15px 0px;
			}
			.col_formulario form .col_form_1 input, .col_formulario form .col_form_2 input {
				width:230px;
				height:20px;
				border:1px solid #444;
				background-color:#fff;
				padding:4px;
				margin:8px 0px 8px 0px;
			}
			.col_formulario form input:focus {
				border:1px solid #000;
				background-color:#FFFFC1;
			}
			.col_formulario form textarea {
				width:360px;
				height:150px;
				border:1px solid #444;
				background-color:#fff;
				padding:4px;
				margin:8px 0px 8px 0px;
			}
			.col_formulario form textarea :focus {
				border:1px solid #000;
				background-color:#FFFFC1;
			}
			
			.col_formulario form input.boton_enviar {
				background:url(../img/boton_enviar.png) top center no-repeat;
				width:148px;
				height:48px;
				border:none;
				text-indent:-9999px;
				margin:15px 0px 0px 0px;
				padding:0px;
				display:block;
			}
#contenedor_7 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:770px;
	background:url(../img/galeria.jpg) top center no-repeat;
	display:block;

	}
	.datos {
		width:680px;
		padding:10px;
		background-color:#000;
		margin:5px 0px 15px 0px;
	}
		.datos h2 {
			margin:0px 0px 10px 0px;
		}
		.datos p {
			margin:0px 0px 0px 0px;
			line-height:20px;
		}

#contenedor_8 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:470px;
	background:url(../img/marcas.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}
#contenedor_9 {
	width:100%;
	padding:0px;
	margin:0 auto;
	padding:200px 0px 0px 0px;
	height:640px;
	background:url(../img/contacto.jpg) top center no-repeat;
	display:block;
	/*border:1px solid blue;*/
	}