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


body {
	background-color: #FFF;
	margin: 0px;
	}



#acceso-clientes{
	margin: 0px;
	float: right;
	height: 35px;
	width: 140px;
	text-indent: -9999px;
	background-image: url(../Img/acceso-clientes.png);
}



.contenedor-general {
	background-color: #FFF;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.contenedor-encabezados {
	margin: 0px;
	height: 90px;
	width: 1000px;
	z-index: 9999;
	}
.encabezado-pequeño-izq {
	height: 10px;
	width: 475px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	}

.encabezado-pequeño-der {
	background-color: #FFF;
	height: 30px;
	width: 485px;
	float: left;
	padding-right: 15px;
	padding-top: 10px;
	}

.encabezado-menu-izq {
	height: 55px;
	width: 435px;
	float:left;
	background-image: url(../Img/encabezado-menu-izq.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 10px;
	}

.encabezado-menu-izq ul {
	list-style-type: none;
	float: left;
	margin-left: -40px;
}

.encabezado-menu-izq li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CCC;
	float: left;
	list-style-type: none;
	width: 140px;
	text-align: center;
	font-weight: bold;
	}


.encabezado-menu-izq li a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight: bold;
	list-style-type: none;
	text-decoration: none;
	}

.encabezado-menu-izq li a:hover {
	color: #333;
	text-decoration: none;
	}

.logo-nachovegafotografia {
	float: left;
	height: 110px;
	width: 110px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.encabezado-menu-der {
	height: 55px;
	width: 435px;
	float:left;
	background-image: url(../Img/encabezado-menu-der.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	margin-top: 10px;
	}


.encabezado-menu-der ul {
	list-style-type: none;
	float: left;
	margin-left: -40px;
}

.encabezado-menu-der li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CCC;
	float: left;
	list-style-type: none;
	width: 140px;
	text-align: center;
	font-weight: bold;
	}

.encabezado-menu-der li a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	list-style-type: none;
	text-decoration: none;
	}

.encabezado-menu-der li a:hover {
	color: #333;
	text-decoration: none;
	}

.titulo-seccion {
	text-align: center;
	width: 1000px;
	margin-bottom: -40px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}

.titulo-seccion h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	}

.titulo-seccion h1 span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 100;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	}

.titulo-seccion h3 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	background-color: #CCC;
	border: 3px solid #CCC;
	}

.titulo-seccion h3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	background-color: #CCC;
	border: 3px solid #CCC;
	}
	
.titulo-seccion h3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	background-color: #999;
	border: 3px solid #999;
	}
	
.titulo-seccion p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: 100;
	color: #000;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	}




.titulo-seccion h1 a:link{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 100;
	color: #000;
	text-decoration: none;
	text-align: center;
	}

.titulo-seccion h1 span:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 100;
	color: #999;
	text-decoration: none;
	text-align: center;
	}
	

.slider {
	width:1000px;
	float: left;
	height:390px;
	padding: 0px;
	display: inline-block;
	}


.cont-proyecto {
	float: left;
	height: 240px;
	width: 240px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	background-color: #FFF;
	}
	

.cont-proyecto .caption {
	opacity: 0;
	position: absolute;
	height:240px;
	width: 232px;
	top: 0px;
	left: 0px;
	color: #FFF;
	background: #fff;
	text-align: center;
	font-weight:lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	padding-top: 80px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.caption a:link {
	color:#FFF;
	text-decoration: none;
	}

.caption a:visited {
	color:#FFF;
	text-decoration: none;
	}

.caption a:hover {
	color:#CCC;
	text-decoration: none;
	}
	
.cont-proyecto:hover .caption {
	opacity: 0.8;
	background-color: #CCC;
	height: 155px;
	width: 225px;
} 


.bloque-izq-negro {
	background-color: #FFF;
	padding: 10px;
	float: left;
	height: 380px;
	width: 480px;
	margin-top: 40px;
	}
	
.bloque-der-negro {
	background-color: #FFF;
	padding: 10px;
	float: left;
	height: 380px;
	width: 480px;
	margin-top: 40px;
	}	
.bloque-izq-negro h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	text-align: center;
	width: 480px;
	font-weight: lighter;
	}

.bloque-der-negro h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	text-align: center;
	width: 480px;
	font-weight: lighter;
	}



.bloque-izq-blanco {
	padding: 20px;
	float: left;
	height: auto;
	width: 460px;
	margin-top: 25px;
	text-align: justify;
	}
	
.bloque-der-blanco {
	padding: 20px;
	float: left;
	height: auto;
	width: 460px;
	margin-top: 25px;
	text-align: justify;
	}	
.bloque-izq-blanco h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #333;
	text-decoration: none;
	text-align: center;
	width: 480px;
	font-weight: lighter;
	}


.bloque-izq-blanco h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	width: 480px;
	font-weight: lighter;
	}


.bloque-izq-blanco p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	text-decoration: none;
	width: 480px;
	font-weight: normal;
	}
	
.bloque-der-blanco h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
	text-decoration: none;
	text-align: center;
	width: 480px;
	font-weight: lighter;
	}

.bloque-der-blanco h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	width: 480px;
	font-weight: lighter;
	}

.contenedor-fotos-seccion {
	background-color: #FFF;
	padding: 20px;
	margin-top:40px;
	float: left;
	width: 1000px;
	overflow: hidden;
	}
	
/*---------- EFECTO FOTOS GALERIA ----------------------*/


.caja_235x235 {
	width: 235px;
	height: 235px;
	float: left;
    margin-top: 5px;
	margin-right: 5px;
    position: relative; /*Para poder ubicar la info dentro de la caja*/
}

.caja_235x235 img {
  border: none;
}

.info_235x235 {
	width: 235px;
	height: 135px;
	position: absolute; /*Info sobre la imagen*/
	top: 0%;
	left: inherit; /*Desplazamos a partir de la esquina superior izquierda*/
	zoom: 1;
	filter: alpha(opacity=0); /*Opacidad Para IE */
	opacity: 0; /*Inicialmente transparente */
	color: white;
	background: black;
   -moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
   -webkit-transition:all ease .8s ;
    transition:all ease .8s;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	padding-top: 100px;
}
.caja_235x235:hover .info_235x235 {
   filter: alpha(opacity=80);
   opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}

	
.pie-pag {
	background-color: #FFF;
	height: 60px;
	width: 1000px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-align: center;
	float: left;
	}

.pie-pag p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	height: 40px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	font-weight: bold;
	}
.bloque-completo-negro {
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
	float: left;
	height: auto;
	width: 960px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
	text-align: justify;
}

.mapa{
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #EAEAEA;
	float: left;
	height: auto;
	width: 1000px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	font-weight: lighter;
}
.login {
	font-family: 'Bitter', serif;
	height: auto;
	width: 300px;
	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-bottom: 300px;
}
.contenedor-videos {
	float: left;
	height: 570px;
	width: 1000px;
	margin-top: 15px;
}


#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}

.ir-arriba {
	display:none;
	padding:20px;
	font-size:20px;
	color:#FFF;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	background-image: url(../Img/scroll-top.png);
	background-repeat: no-repeat;
}
.bloque-redes {
	float: left;
	height: auto;
	width: 960px;
	font-weight: lighter;
	text-align: justify;
	padding-top: 20px;
	padding-right: 400px;
	padding-bottom: 20px;
	padding-left: 400px;
	margin: 0px;
}
