@charset "utf-8";

/* CSS Document */



body{

	font-family:Tahoma, Geneva, sans-serif;

	color:#647882;

	font-size:15px;

	margin: 0;

	padding:0;

	

	

	}

	

#menu

{

	position:relative;

	width: 960px;

	margin: auto;

	height:137px;

	

}



#logo

{

	position: absolute;

	left: 0px;

	top: 29px;

	width: 101px;

	height: 22px;

}



#botones

{

	position: absolute;

	left: 253px;

	top: 53px;

	width: 664px;

	height: 37px;

}



#footer{

	position:relative;

	height:67px;

	background-color:#d6df22;

	z-index:0;

}



#contenido-footer

{

	position:relative;

	width: 960px;

	margin: auto;

	margin:auto;

	height:67px;

}



#slogan-footer

{

	position: absolute;

	left: 42px;

	top: 22px;

}



#agrafik-footer

{

	position: absolute;

	left: 718px;

	top: 30px;

	

}

	

#contenedor-index

{

	position: relative;

	background-image:url(../images/backgrounds/index.png);

	height:647px;

	z-index:0;

}



#contenido-index{

	position: relative;

	height: 647px;

	width: 960px;

	margin: auto;

	z-index: 1;

}



#contenedor-quienes

{

	position: relative;

	background-image:url(../images/backgrounds/quienes.png);

	height:610px;

	z-index:0;

}



#contenido-quienes{

	position: relative;

	height: 610px;

	width: 960px;

	margin: auto;

	z-index:1;

}





#contenedor-porque

{

	position: relative;

	background-image:url(../images/backgrounds/porque.png);

	height:478px;

	z-index:0;

}



#contenido-porque{

	position: relative;

	height: 478px;

	width: 960px;

	margin: auto;

	z-index:1;

}



#contenedor-que

{

	position: relative;

	background-image:url(../images/backgrounds/que.png);

	height:789px;

	z-index:0;

}



#contenido-que{

	position: relative;

	height: 789px;

	width: 960px;

	margin: auto;

	z-index:1;

}



ul.leaf {

list-style-image:url(../images/que/bol.png);

padding:0;

line-height:180%;

} 



ul.leaf2 {

list-style-image:url(../images/que/bol.png);

padding:0;

line-height:100%;

} 



#contenedor-casos

{

	background-image:url(../images/backgrounds/casosdeexito.png);

	position: relative;

	background-color:#FFF;

	height:2078px;

	z-index:0;

}



#contenido-casos{

	position: relative;

	height: 2078px;

	width: 960px;

	margin: auto;

	z-index:1;

}



#contenido-casos-texto-blanco

{

	z-index: 2;

	font-size: 11px; 

	color: #FFF;

}



#contenido-casos-titulo-verde

{

	z-index: 3; 

	color: #D7DF22; 

	font-size: 18px; 

	font-weight: bold;

}



#contenido-casos-texto-gris

{

	z-index: 2;

	font-size: 11px; 

}



#contenedor-contacto

{

	position: relative;

	background-color:#FFF;

	background-image:url(../images/backgrounds/contacto.png);

	height:600px;

	z-index:0;

}



#contenido-contacto{

	position: relative;

	height: 600px;

	width: 960px;

	margin: auto;

	z-index:1;

}



#formulario {

border: thin #D7DF22 solid;

border-radius: 5px;

font-family:Tahoma, Geneva, sans-serif;

color:#647882;

font-size:13px;

width:100%;

}



textarea {

    resize: none;

}



#boton {

	background-color:#D7DF22;

	border-radius:4px;

	border:none;

	font-family:Tahoma, Geneva, sans-serif;

	color:#fff;

	font-weight:bold;

	width:120px;

}

#contenido-que a:hover span.more-icon {
    color: #637882;
    background: #fff;
}

span.more-icon {
    display: block;
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translate(-50%,0);
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 4px;
    text-align: center;
    padding: 2px 6px;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 700;
    font-size: 12px;
    color: #000000;
    -webkit-transition: all .6s ease-in-out;
  	-moz-transition: all .6s ease-in-out;
  	-o-transition: all .6s ease-in-out;
  	transition: all .6s ease-in-out;
}

div.overlay-more{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
}