{
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-sizing:border-box;
}
.social{
	position: fixed;
	left: 0;
	top: 60px;
	z-index: 2000;
}
.social ul{
	list-style: none;
}
.social ul li a{
	display: inline-block;
	color: 	 	 	#008000;
	background: #000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.social ul li .icon-facebook{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}

.social ul li .icon-twitter{
	background:#c0c0c0;
	font-size: 18px;
	opacity:0.5;
}

.social ul li .icon-google-plus{
	background:#c0c0c0;
	font-size: 18px;
	opacity:0.5;
}

.social ul li .icon-pinterest{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}

.social ul li .icon-linkedin2{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}

.social ul li .icon-mail3{
	background:#c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-flickr{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-blogger{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-cart{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-video-camera{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-codepen{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-instagram{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li .icon-youtube{
	background: #c0c0c0;
	font-size: 18px;
	opacity:0.5;
}
.social ul li a:hover{
	padding: 10px 30px;
	background: #B8860B;
}
/** galeria **/
/*.slider{
	position: relative;
	width: 400px;
	height: 100px;
	padding: 10px;
	background-color: #fff;
	margin: 0 auto;
}
.slider > div{
	position: absolute;
	width: 100%;
	height: 100%;*/
header{width: 100%;}

}
/*estilos de slider*/
.menu{
	margin: 20px auto;
	width: 90%;
	max-width: 1000px;
	
}
.menu ul{
	list-style: none;
}
.menu > ul{
	display: table;
	overflow: hidden;
	width: 100%;
	background: #000;
	position: relative;
	margin: 0 auto;
}
.menu > ul li {

	display: table-cell;
}
/*este es el estilo para mostrar un submenu*/
/*.menu > ul > li:hover > ul{
	display: block;
	height: 100%;
}*/
.menu > ul > li > ul{
	display: block;
	position: absolute;
	background: #000;
	left: 0;
	right: 0;
	overflow: hidden;
	height: 0%;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;

}
/*fin submenu*/
/*.menu > ul li > ul{
	display: none;
}*/
.menu > ul li a{

	color: #fff;
	display: block;
	line-height: 20px;
	padding: 25px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.menu > ul > li > ul > li a:hover{
	background: #5da5a2;

}
.menu > ul > li > a span{
	background: #174459;
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	position: absolute;
	top: -60px;

	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.menu > ul > li > a span .fa{
	display: block;
	line-height: 60px;

}
.menu > ul > li > a:hover > span{
	top: 0;
}

/*COLORES*/
.menu ul li a .primero{background: #AE3FA2;}
.menu ul li a .segundo{background: #5da5a2;}
.menu ul li a .tercero{background: #f25724;}
.menu ul li a .cuarto{background: #37a4d9;}