@charset "utf-8";
/* CSS Document */

body{
	background:url(../imagenes/fondo-web.jpg) top center no-repeat;
}

#contenedor{
	width:1000px;
	margin:0 auto;
	background:#FFF;
	height:auto;
	overflow:hidden;
	padding-bottom:30px;
}
#cabecera{
	width:1000px;
	height:150px;
}
#cabecera-izq{
	float:left;
	width:240px;
	height:150px;
	margin-left:30px;

}
.logo{
	background:url(../imagenes/logo-zarate-mangomarca.jpg) no-repeat;
	display:block;
	text-indent:-8000px;
	height:150px;
	margin:0px;
	
}
#cabecera-der{
	float:right;
	width:660px;
	height:150px;
	margin-right:10px;

}
#redes-sociales{
	width:660px;
	height:80px;
}
#menu{
	width:660px;
	height:50px;
}

#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	
	
}
#menu li a{
	width:165px;
	height:50px;
	display:block;
	text-indent:-8000px;
	float:left;
}
#menu li a.inicio{
	background:url(../imagenes/boton-inicio.jpg);
}
#menu li a:hover.inicio{
	background-position:0px 50px;
}
#menu li a.nosotros{
	background:url(../imagenes/boton-nosotros.jpg);
}
#menu li a:hover.nosotros{
	background-position:0px 50px;
}
#menu li a.proyectos{
	background:url(../imagenes/boton-proyectos.jpg);
}
#menu li a:hover.proyectos{
	background-position:0px 50px;
}
#menu li a.historia{
	background:url(../imagenes/boton-historia.jpg);
}
#menu li a:hover.historia{
	background-position:0px 50px;
}
#menu li a.contactenos{
	background:url(../imagenes/boton-contactenos.jpg);
}
#menu li a:hover.contactenos{
	background-position:0px 50px;
}

#banner{
	width:1000px;
	height:380px;
	background:url(../imagenes/fondo-banner.jpg) no-repeat;
	padding-top:20px;
	z-index:-30;
}
#contenidos{
	width:1000px;
	height:300px;
	background:url(../imagenes/fondo-contenidos.jpg) no-repeat;
	
}
#contenidos1{
	width:1000px;
	height:950px;
	background:url(../imagenes/fondo-contenidos.jpg) no-repeat;
	
}
#contenidos-nosotros{
	width:1000px;
	height:700px;
	background:url(../imagenes/fondo-contenidos.jpg) no-repeat;
	
}
#contenidos-historia{
	width:1000px;
	height:800px;
	background:url(../imagenes/fondo-contenidos.jpg) no-repeat;
	z-index:20;
	
}
#contenidos-contactenos{
	width:1000px;
	height:900px;
	background:url(../imagenes/fondo-contenidos.jpg) no-repeat;
	
}
#sombra-inf{
	width:1000px;
	height:15px;
	background:url(../imagenes/sombra-inf.png);
	margin:0 auto;
}
#pie-pagina{
	width:1000px;
	height:60px;
	margin:0 auto;
}
.texto-pie{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	width:800px;
	margin:0 auto;
	color:#666;
}
#contenido-principal{
	width:600px;
	float:left;
	margin-left:20px;
}
#contenido-galeria{
	width:600px;
	float:left;
	margin-left:10px;
}
#contenido-contactenos{
	width:600px;
	float:left;
	margin-left:20px;
}
.titulo-principal{
	background:url(../imagenes/fondo-titulos.jpg);
	width:580px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	height:30px;
	margin-left:15px;
	padding-left:20px;
	padding-top:10px;
}
#publicidad{
	width:320px;
	float:left;
	margin-left:40px;
	margin-top:10px;
}
.titulo-publicidad{
	background:url(../imagenes/fondo-titulos.jpg);
	width:300px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	height:30px;

	padding-left:20px;
	margin:0px;
	padding-top:10px;
	margin-top:10px;
}
.c1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	text-align:justify;
	margin-left:30px;
}
.c2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	text-align:center;
	margin-left:30px;
}
.centrate{
	margin:0 auto;
}
#formulario{
	width:560px;
	float:left;
	margin-left:35px;

}
#enlaces{
	float:left;
	width:960px;
	height:100px;
	margin-left:20px;
	margin-top:10px;
}