@charset "utf-8";

section:after {
	content: " ";
	clear: both;
	display: block;
}
hr {
	color: #efefef;
	margin: auto;
}
.titulos{
	margin-top: 10px;
    font-family: Arial;
	font-style: bold;
	text-align: center;
	font-size: 18px;
}
.titulo{
	margin-top: 10px;
    font-family: Arial;
	text-align: center;
	font-size: 14px;
}
.contacto {
	font-size: 12px;
	margin-bottom: 10px;
}
.columnaCentral {
	padding-top: 50px;
	float: left;
	width: 87.9%;
	margin: 2%;
	text-align: center;
	border-radius: 10px 10px 0 0;
}
.columnaCentral li{
	list-style:none;
	margin-top: 15px;
	margin-bottom: 15px;
}
.hr {
	width: 60%;
}
/*******************************
********************************
menu
********************************
*******************************/
#menuCentral li{
	margin-top: 50px;
	margin-left: 40%;
}
#menuCentral li a{
	display:block;
	text-decoration:none;
	margin-top:15px;
	font-family:verdana;
	font-size:15px;
	width:125px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:10px 10px 10px 10px;
	padding-left: 20px;
	padding-right:20px;
	-webkit-transition:0.6s;
	-o-transition:0.6s;
  	-moz-transition:0.6s; 
  	-ms-transition:0.6s;
	box-shadow:5px 5px 10px #939393;
}
#menuCentral li ul{
	display:none;
	position: absolute;
	margin-top:-0.1px;
    margin-left:-300px;
}
#menuCentral li:hover ul{
	display:block;	
}
#menuCentral li ul li{
	position:relative;
	margin-top:-10px;
}
#menuCentral li ul li a{
	width: 600px;
}
#menuCentral li ul li ul li a{	
	display:none;
	margin-top:15px;
	margin-left:-5px;
}
#menuCentral li ul li:hover ul li a{	
	display:block;
}

/*******************************
********************************
Responsivo
********************************
*******************************/
@media only screen and ( max-width: 700px ){
	.columnaCentral {
		float: none;
		width: 90%;
		margin: auto;
	}
	.titulos{
		font-size: 14px;
	}
	.titulo{
		font-size: 10px;
	}
}