@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);

body{
	font-family: 'Source Sans Pro', sans-serif;
	margin:0px;
	padding:0px;
}

a{
	text-decoration:none;
	}

img, object, embed, video {
	max-width: 100%;
	max-height:auto;
	border:none;
}

.navbar {
	width:100%;
	background:#000000;
	height:85px;
}



.navbar-brand {
	float: left;
	height: auto;
	margin-top:5px;
}

.navbar-inverse .navbar-nav>li>a {
	font-size:18px;
	color:#ffffff;
	font-weight:lighter;
}


#home{
	width:100%; 
	max-width:1024px;
	margin:auto;
	color:#ffffff;
	}	
	
#home h1{
	font-family: Gotham-Light, 'Raleway', 'sans-serif';
	font-size:40px;
	width:100%;
	max-width:1024px;
	position:absolute;
	bottom:95px;
	text-align:right;
	padding-right:30px;
	}	
	
#home span{
	text-align:right;
	font-size:45px;
	font-weight:lighter;
	line-height:20px;
	width:100%;
	max-width:1024px;
	position:absolute;
	bottom:60px;
	text-align:right;
	padding-right:30px;
	}
	
#menu_img{
	width:100%;
	max-width:1024px;
	min-width:300px;
	text-align:center; 
	padding-top:85px; 
	margin:auto;
	float:left;
	position:fixed;
	z-index:2;
	}
	
#menu_img img{
	position:absolute;
	z-index:11;
	width:138px;
	}				
			
#ex1 {	
line-height: 0px;
font-size:14px;
font-weight: 300;
padding:0px;
margin-top:-9px;
text-align:center;
-webkit-transition: 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#ex1 img{
width:146px;
float:left;
cursor:pointer;
position:relative;
}

#ex1 p{
	position:absolute;
	}

#ex1:hover {
line-height:200px;
}

#ex1 a{
	text-decoration:none;
	color:#000000;
	float:left;
	}

#margen1{
	margin-left:4px;
	}
	
#margen2{
	margin-left:130px;
	}
	
#margen3{
	margin-left:260px;
	}
	
#margen4{
	margin-left:390px;
	}			
	
.cuerpo{
	background:rgba(255,255,255,.7);
	width:100%;
	max-width:1024px;
	margin:auto;
	height:100%;
	text-align:center;
	position:relative;
	padding-bottom:50px;
	margin-top:164px;
	}
	
.text_cuerpo{
	width:80%;
	text-align:justify;
	margin:auto;
	}
	
a.tooltip1 { /* Estilos del texto que tiene el tooltip */
position: relative;
z-index: 24;
text-decoration: underline;
z-index:999999999;
}

a.tooltip1:hover {
	z-index: 25; 
	text-decoration: none;
	cursor:pointer;
	}
	
a.tooltip1 span {
	display: none;
	}
	
a.tooltip1:hover span { /* Estilos de la descripción */
display: block;
position: absolute;
top: -183px; 
left: -20px;
width: 16em;
text-align: center;
}		

a.tooltip2 { /* Estilos del texto que tiene el tooltip */
position: relative;
z-index: 24;
text-decoration: underline;
}

a.tooltip2:hover {
	z-index: 25; 
	text-decoration: none;
	cursor:pointer;
	}
	
a.tooltip2 span {
	display: none;
	}
	
a.tooltip2:hover span { /* Estilos de la descripción */
display: block;
position: absolute;
top: -275px; 
left: -40px;
width: 16em;

}

a.tooltip3 { /* Estilos del texto que tiene el tooltip */
position: relative;
z-index: 24;
text-decoration: underline;
}

a.tooltip3:hover {
	z-index: 25; 
	text-decoration: none;
	cursor:pointer;
	}
	
a.tooltip3 span {
	display: none;
	}
	
a.tooltip3:hover span { /* Estilos de la descripción */
display: block;
position: absolute;
top: -160px; 
left: -17px;
width: 16em;
text-align: center;
}

a.tooltip4 { /* Estilos del texto que tiene el tooltip */
position: relative;
z-index: 24;
text-decoration: underline;
}

a.tooltip4:hover {
	z-index: 25; 
	text-decoration: none;
	cursor:pointer;
	}
	
a.tooltip4 span {
	display: none;
	}
	
a.tooltip4:hover span { /* Estilos de la descripción */
display: block;
position: absolute;
top: -245px; 
left: -15px;
width: 16em;
text-align: center;
}	


a.tooltip5 { /* Estilos del texto que tiene el tooltip */
position: relative;
z-index: 24;
text-decoration: underline;
}

a.tooltip5:hover {
	z-index: 25; 
	text-decoration: none;
	cursor:pointer;
	}
	
a.tooltip5 span {
	display: none;
	}
	
a.tooltip5:hover span { /* Estilos de la descripción */
display: block;
position: absolute;
top: 10px; 
left: -105px;
width: 16em;
text-align: center;
}

.input_intra{
	width:100%;
	background:none;
	border: 1px solid #000;
	color:#000;
	}			

#boton_intra{
	width:111px;
	text-align:center;
	background:url(../img/boton.png);
	background-repeat:no-repeat;
	border:none;
	color:#ffffff;
	}

.input_contacto{
	width:100%;
	background:none;
	border: 1px solid #000;
	color:#000;
	}
	
#text_contacto{
	width:100%;
	height:80px;
	background:none;
	border: 1px solid #000;
	color:#000;
	}			
		
#foooter{
	width:100%;
	background:#000000;
	position:fixed;
	bottom:0px;
	height:30px;
	}	

#text_foooter{
	width:100%;
	max-width:1008px;
	margin:auto;
	color:#FFFFFF;
	padding:5px 5px 5px 7px;
	text-align:left;
	word-spacing: 350px;
	font-weight:lighter;
	}

.valores{
	width:100%;
	max-width:1024px;
	}

.valor1{
	width:100px;
	height:23px;
}

#valor_responsabilidad{
	position:relative;
	top:-247px;
	left:552px;
}

.valor2{
	width:18px;
	height:180px;
}

#valor_responsabilidadd{
	position:relative;
	top:-423px;
	left:366px;
}

.valor3{
	width:245px;
	height:160px;
}

#valor_trabajo_equipo{
	position:relative;
	top:-467px;
	left:35px;
}

.valor4{
	width:100px;
	height:50px;
}

#valor_trabajo_equipoo{
	position:relative;
	top:-521px;
	left:572px;
}

.valor5{
	width:180px;
	height:15px;
}

#valor_trabajo_equipooo{
	position:relative;
	top:-778px;
	left:552px;
}

.valor6{
	width:150px;
	height:25px;
}

#valor_confianza{
	position:relative;
	top:-758px;
	left:549px;
}

.valor7{
	width:150px;
	height:35px;
}

#valor_confianzaa{
	position:relative;
	top:-697px;
	left:384px;
}

.valor8{
	width:20px;
	height:150px;
}

#valor_confianzaaa{
	position:relative;
	top:-831px;
	left:98px;
}

.valor9{
	width:127px;
	height:30px;
}

#valor_respeto{
	position:relative;
	top:-876px;
	left:239px;
}

.valor10{
	width:100px;
	height:20px;
}

#valor_respetoo{
	position:relative;
	top:-1053px;
	left:620px;
}

.valor11{
	width:40px;
	height:90px;
}

#valor_respetooo{
	position:relative;
	top:-985px;
	left:846px;
}

.valor12{
	width:95px;
	height:20px;
}

#valor_impacto{
	position:relative;
	top:-994px;
	left:862px;
}

.valor13{
	width:70px;
	height:15px;
}

#valor_impactoo{
	position:relative;
	top:-996px;
	left:550px;
}

.valor14{
	width:15px;
	height:80px;
}

#valor_impactooo{
	position:relative;
	top:-1165px;
	left:700px;
}

.texto{
	float:left;
	width:40%;
	margin-top:20px;
	position:absolute;
	}
	
.titulos{
	border-bottom: 1px solid #000;
	text-align:center;
	margin:auto;
	padding-bottom:-12px;
	}

.tituloss{
	border-bottom: 1px solid #fff;
	text-align:center;
	margin:auto;
	padding-bottom:-12px;
	}	
	
#tit_zkc{
	width:300px;
	margin-top:15%;
	}
	
#tit_filosofia{
	margin-top:20px;
	}			

#section1{
	position:relative;
	}
	
#img_trayectoria{
	margin-top:-100px;
	}

#valores{
	padding-top:-170px;
	padding-bottom:100px;	
	}	
	
	
.mapa{
	width:900px;
	height:500px;
	margin:auto;
	}	
		
.tamano1{
	height:320px;
	}

.tamano2{
	height:430px;
	}
	
input::-webkit-input-placeholder {
	padding-left:5px;
	font-weight:lighter;
	color:#ffffff;
}

textarea::-webkit-input-placeholder
{
  color: #fff;
  padding-left:4px;
  font-weight:lighter;
}

#span1{
	word-spacing: 0px;
	margin-left:-16px;
	}
	
#span2{
	word-spacing: 0px;
	margin-left:15px;
	}
	
#span3{
	float:right;
	margin-right:-10px;
	}
	
#specs td{
	padding-top:3px;
	}

.specs_text{
	background:#e7e8e9;
	color:#000000;
	font-size:13px;
	text-align:left;
	padding-left:5px;
	}
.specs_tit{
	background:#d1d2d4;
	text-align:left;
	color:#000000;
	font-weight:bolder;
	font-size:15px;
	padding-left:5px;
	}
	
.input_ficha{
	width:100%;
	background:none;
	border: 1px solid #a7a9ac;
	margin-bottom:7px;
	color:#fff;
	}
	
.area_ficha{
	width:100%;
	height:80px;
	background:none;
	border: 1px solid #a7a9ac;
	margin-bottom:7px;
	color:#fff;
	}
#boton_ficha{
	background:none;
	border:none;
	float:right;
	color:#a7a9ac;
	}							

@media only screen 
and (max-width : 1024px) {
		
#menu_img{
	margin-left:-42px;
	}
	
#home h1{
	padding-right:60px;
	}
	
#home span{
	padding-right:60px;
	}				

#ex1 img{
width:146px;
float:left;
cursor:pointer;
position:relative;
}

.valor1{
	width:100px;
	height:23px;
}

#valor_responsabilidad{
	position:relative;
	top:-243px;
	left:506px;
}

.valor2{
	width:18px;
	height:180px;
}

#valor_responsabilidadd{
	position:relative;
	top:-417px;
	left:327px;
}

.valor3{
	width:245px;
	height:160px;
}

#valor_trabajo_equipo{
	position:relative;
	top:-465px;
	left:0px;
}

.valor4{
	width:100px;
	height:50px;
}

#valor_trabajo_equipoo{
	position:relative;
	top:-521px;
	left:528px;
}

.valor5{
	width:180px;
	height:15px;
}

#valor_trabajo_equipooo{
	position:relative;
	top:-773px;
	left:507px;
}

.valor6{
	width:150px;
	height:25px;
}

#valor_confianza{
	position:relative;
	top:-753px;
	left:505px;
}

.valor7{
	width:150px;
	height:35px;
}

#valor_confianzaa{
	position:relative;
	top:-693px;
	left:345px;
}

.valor8{
	width:20px;
	height:150px;
}

#valor_confianzaaa{
	position:relative;
	top:-825px;
	left:65px;
}

.valor9{
	width:127px;
	height:30px;
}

#valor_respeto{
	position:relative;
	top:-873px;
	left:200px;
}

.valor10{
	width:100px;
	height:20px;
}

#valor_respetoo{
	position:relative;
	top:-1046px;
	left:575px;
}

.valor11{
	width:40px;
	height:90px;
}

#valor_respetooo{
	position:relative;
	top:-980px;
	left:795px;
}

.valor12{
	width:95px;
	height:20px;
}

#valor_impacto{
	position:relative;
	top:-992px;
	left:810px;
}

.valor13{
	width:70px;
	height:15px;
}

#valor_impactoo{
	position:relative;
	top:-993px;
	left:508px;
}

.valor14{
	width:15px;
	height:80px;
}

#valor_impactooo{
	position:relative;
	top:-1165px;
	left:700px;
}

.lb-album{
	width: 100%;
	margin: auto;
	text-align:center;
	margin-left:60px;
}

#margen_album{
	margin-left:-50px;
	}
	
#text_foooter{
	width:100%;
	max-width:948px;
	margin:auto;
	color:#FFFFFF;
	padding:5px 0px 5px 5px;
	text-align:left;
	word-spacing: 300px;
	font-weight:lighter;
	}	
	
	}	
	
@media only screen 
and (width : 768px) {
	
#menu_img{
	margin-left:-25px;
	}
	
#ex1 img{
width:109px;
float:left;
cursor:pointer;
position:relative;
}

.cuerpo{
	margin-top:120px;
	padding-bottom:250px;
	}	
	
.lb-album{
	width: 100%;
	margin: auto;
	text-align:center;
	margin-left:70px;
}

.tamano1{
	position:relative;
	height:620px;
	}			

.tamano1 h1{
	font-size:32px;
	text-align:left;
	padding-left:5px;
	}
	
.tamano2{
	height:680px;
	}
	
.tamano2 h1{
	font-size:14px;
	text-align:left;
	padding-left:2px;
	}
	
.mapa{
	width:670px;
	height:500px;
	margin:auto;
	}	
	
#text_foooter{
	width:100%;
	max-width:725px;
	margin:auto;
	color:#FFFFFF;
	padding:5px 0px 5px 5px;
	text-align:left;
	word-spacing: 300px;
	font-weight:lighter;
	}	
		
	
	}	
	
@media only screen 
and (max-width : 763px) {
	
#menu_img{
	margin-left:-15px;
	}
	
#ex1 img{
width:90px;
float:left;
cursor:pointer;
position:relative;
}

#home h1{
	font-family: Gotham-Light, 'Raleway', 'sans-serif';
	font-size:20px;
	}
	
#ex1 p, #margen1, #margen2, #margen3, #margen4{
	display:none;
	}
	
#home h1{
	padding-right:25px;
	}	
	
#home span{
	padding-right:25px;
	}
	
.cuerpo{
	margin-top:190px;
	}
	
#section1, #section2{
	height:450px;
	}
	
#section3{
	position:absolute;
	background:rgba(102,153,255,1);
	height:50px;
	margin-top:-300px;
	}
	
#section4{
	height:50px;
	}		
	
#img_trayectoria{
	margin-top:0px;
	}
	
.valor .valor1, .valor2, .valor3, .valor4, .valor5, .valor6, .valor7, .valor8, .valor9, .valor10, .valor11, .valor12, .valor13, .valor14{
	display:none;
	}
	
#tit_zkc{
	padding-top:15%;
	}	
	
#margen_tray{
	padding-top:20%;
	}
	
#margen_val{
	margin-top:-200px;
	}
	
.lb-album{
	width: 100%;
	margin: auto;
	text-align:center;
	margin-left:-10px;
}	

.mapa{
	width:300px;
	height:250px;
	margin:auto;
	}
	
.tamano1{
	position:relative;
	height:640px;
	}			

.tamano1 h1{
	font-size:32px;
	text-align:left;
	padding-left:5px;
	}
	
.tamano2{
	height:810px;
	}
	
.tamano2 h1{
	font-size:14px;
	text-align:left;
	padding-left:2px;
	}
	
#text_foooter{
	width:100%;
	max-width:350px;
	margin:auto;
	color:#FFFFFF;
	text-align:left;
	word-spacing: 0px;
	font-weight:lighter;
	font-size:12px;
	}		
						
	}