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

html, body {
	margin:0;
	width:100%;
	height:100%;
	background-color:#fff;
	font-family:Helvetica, Arial, sans-serif;
}
#page {
	max-width:1250px;
	min-width:280px;
	margin:0 auto;
	background-color:#fff;
}

/*
 * cabecera
 */
#header {
	margin:0 auto;
	width:100%;
	height:200px;
	background-image:url(../images/logo2.svg);
	background-position:center;
	background-repeat:no-repeat;
}
#social {
	margin:0 auto;
	text-align:center;
	padding-top:80px;
	width:340px;
}
#social2 {
	display:none;
}
.current {
		opacity:0.5;
}
#social a {
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease; /* Opera */
	-moz-transition:all 0.5s ease; /* Mozilla */
	transition: all 0.5s ease; /*colocar el código estandard al final*/
}
#social a:hover {
	opacity:0.5;
}

#menu {
	margin:0 auto;
	width:700px;
	padding:0 0 30px 0;
}
#menu ul {
	margin:0 auto;
	padding:20px 0 10px 0;
	text-align:center;
}
#menu ul li {
	display:inline;
	float:left;
	list-style:none;
	padding:0;
	margin:0px 0 0px 0;
}
#menu ul li a {
	display:block;
	float:left;
	margin-left:5px;
	padding:6px 6px;
	text-align:center;
	font-size:15px;
	color:#000;
	text-decoration:none;
	border-bottom:#fff thin solid;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease; /* Opera */
	-moz-transition:all 0.5s ease; /* Mozilla */
	transition: all 0.5s ease; /*colocar el código estandard al final*/
}
#menu ul li a:hover {
	color:rgba(227, 197, 113, 1);
	border-bottom:rgba(227, 197, 113, 1) thin solid;
}
#menu li ul {
	display:none;
}
#menu li:hover ul {
	display:block;
	position:absolute;
	float:left;
	margin-top:25px;
	padding:8px;
	background-color:rgba(255, 255, 255, 0.9)
}



/*
 * peu
 */
#peu {
	margin:0px auto;
	border-top:thin solid #ccc;
	padding:0px;
	clear:both;
}
#peu p {
	font-size:15px;
	line-height:35px;
	text-align:center;
}
#peu p a {
	text-decoration:none;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease; /* Opera */
	-moz-transition:all 0.5s ease; /* Mozilla */
	transition: all 0.5s ease; /*colocar el código estandard al final*/
}
#peu p a:hover {
	opacity:0.5;
}

/*
 * responsive
 */
@media screen and (max-width: 600px) {
	#menu ul{
		padding:0;
	}
	#menu {
		width:auto;
	}
}
@media screen and (max-width: 450px) {
	#social {
		display:none;
	}
	#social2 {
		display:block;
		float:right;

	}
	#social2 a {
		float:right;
		margin:5px;
	}
}