@charset "utf-8";
#arriba {
	width:100%;
	float:left;
	height:150px;
	background-color: white;
	border-bottom:3px solid white;	
	overflow: hidden;
}

@media (min-device-width: 300px) and (max-device-width: 1200px){
    #arriba img {
    	width: 40%;
    	height: 60%;
    	float: top;
    	margin: 52px 0 0 12px;
    }
}

@media (min-device-width:1201px) {
    #arriba img {
    	width: 550px;
    	height: 125px;
    	float: top;
    	margin: 12px 0 0 12px;
    }
}

#info {
	width:100%;
	min-height: 350px;
	overflow:visible;
	float: left;
	background-color: #becfda;
	border: 2px solid white;
}

#info p, ul {
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
    color: #696868; 
}

#pie {
	width:100%;
	float: left;
	height: 35px;
	padding-top:15px;
	background-color: #CCC;
	border-top: 3px solid white;
	text-align:center;	
}

input.texto {
	background-color: white;
	border: 3px  #4370ab solid;
	height: 20px;
}

textarea.texto {
	background-color: white;
	border: 3px  #4370ab solid;	
}

input.enviar {
	position: absolute;
	height: 25px;
	width: 100px;
	text-align: center;
	background-color:  #4370ab; 
	border: 2px  #4370ab solid;	
	color: white;
	font-size:1em;
    margin-left: 190px;
}

#menu {
	position: static;
	float: right;
	width: 550px;
	height: 65px;
	/*overflow: hidden;*/
	border: none;
	margin-top:-50px;
}

#menu ul {
	padding-left:30px;
	list-style:none;
}

#menu li {
	float: left;
	width: 100px;
	height: 35px;
	padding: 0 0 10px 0;
	text-align: center;
	padding-top: 10px;
	margin-top: -35px;
	border: 1px solid white;
	background-color: #4370ab;
	color: white;
	float:left;
}

#menu li.centro{
	padding-top: 20px;	
}

#menu li a {
	text-decoration: none;
	color: white;
}

#ficha {
    float:left;
    width:65%;
    height:350px; 
    color:white; 
    margin-left:10px;
	margin-top: 20px;
}

p.alerta{
    background-color: #4370ab !important;
    color: white !important;
}