*{
	margin: 0px;
	padding: 0px;
	/*-webkit-box-sizing:border-box;*/
}

.kwicks {
	position: absolute;
	width: 1884px;
	height: 1548px;
	left: 0px;
	overflow: hidden;
	
}

#kwicks0 {
	color: #868686;
	left:0px;
	margin: 0px;
	position: absolute;
	width: 314px; 
}

#kwicks1{
    left:314px;
	margin: 0px;
	position: absolute;
	width: 314px; 
}
#kwicks2{
    left:628px;
	margin: 0px;
	position: absolute;
	width: 314px; 
}
#kwicks3{
    left:928px;
	margin: 0px;
	position: absolute;
	width: 314px; 
}
#kwicks4{
    left:1256px;
	margin: 0px;
	position: absolute;
	width: 314px; 
}
#kwicks5{
    left:1570px;
    right: 0px;
	margin: 0px;
	position: absolute;
	width: 314px; 
}
#contenedor{
	text-align: left;
	width: 100%;
    background-color:white ;
	
}
#panel_logo{
 text-align: center;	
}
/*------------------------------------------otras paginas---------------------------------------*/
/*---------------------cabecera--------------------------------*/

#cabecera{
   background: #d6d6d6;
   height: 200px;
   border-bottom: 2px solid #959796 ;
}
#logo{
	width: 200px;
	height: 150px;
	margin-left: 50px ;
	padding-top: 20px;
	float:left;
}

#menu{
    font-size: 1.5em;
	color:#9a9a9a;
    margin: auto;
	width:1200px;
	height:200px;
    text-align: center;

}

div.contenedor{
	width: 200px;
	height: 200px;
	float:left;
	-webkit-transition: height .4s;
}

div#uno{
	background-color: rgb(190,213,126);
}

div#dos{
	background-color: rgb(145,196,112);
}

div#tres{
	background-color: rgb(111,168,75);
}

div#cuatro{
	background-color: rgb(22,145,190);
}

div#cinco{
	background-color: rgb(22,107,162);
}

div#seis{
	background-color: rgb(27,54,71);
}

img.icon{
	display: block;
	margin:50px auto;
	background-color: rgba(255,255,255,.15);
	width:40px;
	padding:10px;
	border-radius: 50%;
    box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
	-webkit-transition:box-shadow .4s;
}

p.texto{
	font-size: 1.2em;
	color:white;
	text-align: center;
	opacity: .6;
	-webkit-transition: padding-top .4s;
}
a{
	text-decoration: none;
}

div.contenedor:hover{
	height:230px;
}

div.contenedor:hover p.texto{
	padding-top: 10px;
	opacity: 1;
}

div.contenedor:hover img.icon{
box-shadow:0px 0px 0px 0px rgba(255,255,255,.6);
}

/*-------------------------------------barra social media----------------------------------------------*/
.social_media{
    position: fixed;
    left: 0px;
    top:400px;
    z-index:: 2000; 

}
.social_media ul{
	list-style: none;
}
.social_media ul li a{
	display: inline-block;
	padding: 10px, 15px;
	text-decoration: none;
	 -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
}

.social_media ul li a:hover{

	padding: 10px 30px;
	background:imagenes/button_0.png;
}
/*--------------------------------------------cuerpo----------------------------------------------------*/

#contenido{
    margin:50px;
    padding-top:50px ;
    padding-left: 50px;
    width: 90%;
    font-family: Arial; 
	font-size: 16px;
}

/*------------------------------------------pie de pagina-------------------------------------------------*/
#pie{
	color:#fff;
	margin: 56px 0 ;
	height: 45px;
	background-color: #959796 ;
	text-align: center;
}