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

@font-face {
	font-family: GothaBoo;
	src: url('fonts/Gotham-Book.otf');
}


@font-face {
	font-family: Gotham-Bold;
	font-weight: bold;
	src: url('fonts/Gotham-Bold.otf');
}

@font-face {
	font-family: GothamLight;
	src: url('fonts/Gotham-Light.otf');
}

/*ESTILOS GENERALES*/

body {
	background: #f0f0f0 url(../images/bg.jpg);
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

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


#wrap{
	width:902px;
	height:auto;
	position:relative;
	margin:auto;
	background-color:#fff;
	}
	
	
/*HEADER*/

#header {
	width: 862px;
	height:auto;
	margin: auto;
	position:relative;
	margin-bottom:1px;
}

#logo{
	top:0px;
	left:0px;
	width:156px;
	height:121px;
	z-index:30;	
	display:inline;
	}
	
#menu_contenedor{
	position:absolute;	
	top:68px;
	right:0px;
	width:690px;
	height:35px;
	margin-left:186px;
	
	background-image:url(../images/bg_menu.gif);
	background-repeat:repeat-x;
	z-index:400;
	
	
	}
	
#area_redes{
	position:absolute;	
	top:68px;
	right:0px;
	width:168px;
	height:35px;
	z-index:5000;	
	
	}



/*ESTILOS MAIN*/

#area_contenidos_principal {
	background:#FFF;
	width: 862px;
	height:auto;
	/*min-height:622px;*/
	margin: auto;
	margin-bottom:20px;
	border:none 0px #000000;
	position: relative;
	display:block;
	overflow:hidden;
}

#area_facebook_twitter{
	position:relative;
	width:180px;
	min-height:500px;
	height:auto;
	top:0px;
	margin-left:680px;
	display:block;
	}
	
#divisionVertical{
	position:absolute;
	width:6px;
	height:600px;
	margin-left:675px;
	padding:10px 5px 10px 5px;
	

	background-image:url(../images/bg_divisionVertical.jpg);
	background-repeat:repeat-y;
    
	}
	
#divisionVertical_nosotrosclientes{
	position:absolute;
	width:6px;
	height:600px;
	margin-left:665px;
	padding:10px 5px 10px 5px;
	

	background-image:url(../images/bg_divisionVertical.jpg);
	background-repeat:repeat-y;
    
	}
	
#area_listadoProductos{
	position:relative;
	width:168px;
	min-height:500px;
	height:auto;
	top:0px;
	margin-left:694px;
	display:block;

	background-color:#300;
    
	}
	
	


	
/*ESTILOS HOME*/

#banner_home{
	top:0px;
	left:0px;
	width:860px;
	height:auto;
	margin:auto;
	position:relative;
	}

#area_info_home{
	top:0px;
	left:0px;
	width:860px;
	height:100px;
	margin:auto;
	margin-top:10px;
	position:relative;
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636365;
	}
	 
#area_info_home a{
	
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636365;
	text-decoration:none;
	
	}
	
#area_info_home a:hover{
	
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636365;
	text-decoration:none;
	
	}
	
/*ESTILOS NOSOTROS*/
#contenido_nosotros{
	position:relative;
	width:660px;
	height:auto;
	top:55px;
	margin-left:0px;
	margin-top:0px;
	display:block;
	float:left;
	}


.textoNosotros01{
	font-family:GothamLight, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#706f72;
	
	line-height:21px;
	}
	
.textoNosotros02{
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#706f72;
	line-height:24px;
	text-align: center;
	}
	
/*ESTILOS CLIENTES*/


#clientes_encabezado{
	position:relative;
	width:510px;
	height:82px;
	top:0px;
	margin-left:70px;
	margin-top:20px;
    font-family:GothamBoo, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#706f72;
	text-align:right;
	display:block;
	float:left;
	}
	
.clientes_listado{
	position:relative;
	width:630px;
	height:auto;
	min-height:374px;
	top:0px;
	margin-left:30px;
	margin-top:40px;
	display:block;
	float:left;
	}
	
.clientes_listado img {
	width: 140px;
	height: 96px;
	border:none;
	margin-right: 5px;
	margin-bottom:12px;
}

	
/*ESTILOS PORTAFOLIO*/

#contenido_portafolio{
	position:relative;
	width:666px;
	height:auto;
	top:0px;
	margin-left:10px;
	margin-top:0px;
	padding-bottom:30px;
	display:block;
	float:left;
	}
	
.areaProducto_portafolio{
	position:relative;
	width:140px;
	height:146px;
	margin-right:24px;
	margin-bottom:20px;
	display:block;
	float:left;
	border:solid 1px #b2b2b2;
	}
	
.areaProducto_portafolio_vacio{
	position:relative;
	width:140px;
	height:146px;
	margin-right:24px;
	margin-bottom:20px;
	display:block;
	float:left;
	/*border:solid 1px #b2b2b2;*/
	}
	
.textoProducto_portafolio{
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#7f7f7f;
	text-align:center;
	text-transform:uppercase;
	padding:5PX 0PX 0PX 0PX;
	
	}
	
#area_submenuPortafolio{
	position:relative;
	width:168px;
	min-height:500px;
	height:auto;
	top:0px;
	margin-left:694px;
	display:block;
    
	}
	
	
.paginador{
	position:absolute;
	width:300px;
	height:20px;
	left:364px;
	z-index:200;
	top: 502px;
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#706f72;
	text-align:center;
	padding:3px 5px 3px 5px;
	}
	
.paginador a{
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#706f72;
	text-align:center;
	text-decoration:none;
	
	padding:3px 5px 3px 5px;
	}
	
.paginador a:hover{
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9cc34d;
	text-align:center;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	}
	
.paginador a:active{
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9cc34d;
	text-align:center;
	text-decoration:none;
	border:solid 1px #9cc34d;
	padding:3px 5px 3px 5px;
	}
	
.paginador_indicadorACTIVO{
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9cc34d;
	text-align:center;
	text-decoration:none;
	border:solid 1px #9cc34d;
	padding:3px 5px 3px 5px;
	}
	
	
.portafolio_submenu_categoria { text-decoration: none; display: block; font-family:Gotham-Bold, Arial, Helvetica, sans-serif;font-size:11px; line-height:27PX;color:#8e8e91; text-transform:uppercase; }
.portafolio_submenu_categoria a { text-decoration: none; display: block; font-family:Gotham-Bold, Arial, Helvetica, sans-serif;font-size:11px;color:#8e8e91; text-transform:uppercase; text-decoration:none;line-height:27PX;}

.portafolio_submenu_categoria a:hover { font-family:Gotham-Bold, Arial, Helvetica, sans-serif; font-size:11px;color: #636365;text-decoration:none; 
/*margin-left: -5px; */line-height:27PX; }


.portafolio_submenu_categoria_ACTIVO  { font-family:Gotham-Bold, Arial, Helvetica, sans-serif; font-size:11px;color: #636365; text-decoration:none; 
/*margin-left: -5px; */ line-height:27PX;}
	
/*ESTILOS PROYECTO*/

#contenido_proyecto{
	position:relative;
	width:850px;
	height:500px;
	top:0px;
	margin-left:10px;
	margin-top:0px;
	display:block;
	float:left;
	/*overflow:auto;*/
	z-index:5;
	}
	
#proyecto_back{
	position:absolute;
	width:30px;
	height:30px;
	top:203px;
	left:7px;
	margin-right:10px;
	margin-top:0px;
	z-index:30;
	}
	
#proyecto_next{
	position:absolute;
	width:30px;
	height:30px;
	top:203px;
	left:625px;
	margin-right:10px;
	margin-top:0px;
	z-index:30;
	}

#areaTitulo_proyecto{
	position:absolute;
	width:180px;
	height:70px;
	top:350px;
	left:460px;
	margin-right:10px;
	margin-top:0px;
	z-index:20;
	background-image:url(../images/bg_areaTitulo_proyecto.png);
	background-repeat:no-repeat;
	
	}
	

	
.Titulo_proyecto{
	width:170px;
	height:25px;
	/*margin:8px 5px 2px 5px;*/
	margin:0px;
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#252525;
	
	
	text-align:left;
	
	text-transform:uppercase;
	vertical-align:bottom;
	
	}
	
.subTitulo_proyecto{
	width:105px;
	height:25px;
	margin:2px 20px 5px 45px;
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	color:#4f4e4e;
	text-align:right;
	vertical-align:top;
	
	}
	
.detalleProyectoTitulo{
	
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:left;
	padding:10px;
	
	
	}
	
.detalleProyectoTexto{
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:justify;
	padding:10px;
	
	}
	
#areaVermas_proyecto{
	position:absolute;
	width:15px;
	height:15px;
	top:372px;
	left:592px;
	z-index:40;
	}
	
#area_submenuProyecto{
	position:relative;
	width:168px;
	height:430px;
	top:0px;
	margin-left:694px;
	display:block;
	overflow:auto;
	}
	
#area_submenuProyecto2{
	position:absolute;
	width:168px;
	height:430px;
	top:0px;
	margin-left:40px;
	display:block;
	overflow:auto;
	left:650px;
	z-index:200;
	}
	
.texto_marcas{
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636365;
	text-align:left;
	text-transform:uppercase;
	}

#area_imagenProyectos{
	position:absolute;
	width:100px;
	height:30px;
	left:705px;
	top:0px;
	z-index:50;
	background-color:#FFF;
	padding-left:15px;
	}
	
	
#areaShare{
	position:absolute;
	width:350px;
	height:45px;
	top:440px;
	left:11px;
	z-index:400;
	margin-bottom:10PX;
	}	

	
/* ESTILOS CONTACTO*/

.titulo{
	font-family:Gotham-Bold, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#636365;
	text-align:left;
	text-transform:uppercase;
	}
	
.textoBoldContacto{
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636365;
	text-align:left;
	line-height:18px;
	}
	
.textoBoldContacto a{
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#9cc34d;
	text-align:left;
	text-decoration:none;
	line-height:18px;
	}
	
.textoBoldContacto a:hover{
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#86a742;
	text-align:left;
	text-decoration:none;
	line-height:18px;
	}
	
.textoTelefono{
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636365;
	text-align:left;
	line-height:20px;
	}
	
.textoLight{
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636365;
	text-align:left;
	line-height:18px;
	}
.campoContacto1{
	width:300px;
	height:25px;
	border:solid 1px #CCC;
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#636365;
	padding:5px;
	}
	
.campoContacto2{
	width:300px;
	height:100px;
	border:solid 1px #CCC;
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#636365;
	padding:5px;
	}
	
.btn_enviarContacto{
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:14px;
    color:#fff;
	background:transparent url(../images/btn_ver_mas.png) left top no-repeat;
	width:100px;
	height: 30px;
	cursor: pointer;
	border: none;
	margin-top:10px;
}

.legales_contacto{
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:9px;
	color:#7f7f7f;
	text-align:justify;

}

/*ESTILOS FOOTER*/

#footer {
	
	width: 862px;
	height:18px;
	margin: auto;
	padding:10px;
	
	position: relative;
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7f7f7f;
	text-align:center;

}


#avisoPrivacidad {
	position:absolute;
	top:3px;
	margin:5px 5px 5px 5px;
	right:0px;
	width:150px;
	height:30px;
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9cc34d;
	text-align:center;
	text-decoration:none;

}



#avisoPrivacidad a {
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9cc34d;
	text-align:center;
	text-decoration:none;

}

#avisoPrivacidad a:hover {
	
	font-family:GothaBoo, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#86a742;
	text-align:center;
	text-decoration:none;

}