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

html, body, div, h1, h2, h3, h4, p, span, a, table, td, tr, img{ border:0px; padding:0px; margin:0px;}
body, html{ height:100%;}
body{ background:#FFF; color: #707070; /* rgb(112,112,112) */
	font-family: "Arial", sans serif;
	font-size:13px}
h3 {font-size: 14px;}


.inactivo{ line-height:50px; transition:all .5s ease-in-out;}
.inactivo:hover{ cursor:pointer;}
.activo{ transition:all 1s ease-in-out; background:#555; line-height:50px;}
#sugerencias,
#avisos,
#glosario,
#preguntas{width:100%; height:100%; background:#555; overflow-y:auto; position: absolute; z-index:2; }
.wrap-content{padding-top:55px; width:100%; max-width:1000px; margin:0 auto; color:#CCC; text-shadow:1px 1px 1px #333;}
.dropup{margin-top:-1200px;	transition: all 1s ease-in-out; opacity:0;}
.dropdown{margin-top:0px; opacity:1; transition: all .7s ease-in-out;}
p.center{text-align:center;}
p.center a{font-size:40px; color:#FFF;  cursor:pointer;}

.wrap-info{ width:100%;}
.info{ padding:10px 7px; width:96%; max-width:800px; margin:0 auto;}

h1{ font-size:22px; color:#666;}
small.fecha{ font-size:12px; color:#444; padding:0 0 0 5px;}

#menumap{ margin:10px 0 15px 0; }
a.iconoff, a.iconon {font-size:16px; padding:2px 3px; border-radius:5px; display:inline-block; text-decoration:none; font-weight:bold;}

a.iconoff{ color:#3fabe9;}
a.iconoff:hover{ background:#8AC5FF; color:#FFF; cursor:pointer; text-decoration:none; }
a.iconon{color:#FFF; background:#3fabe9;}
a.iconon:hover{text-decoration:none;}

.hidden {display:none;}
.show{ display:block;}

.footer {
	background: #333; color:#FFF; padding:10px; height:100px;
}
.footitem{ float:left;}
	.texto { padding:20px 0 0 20px;}



@media all and (max-width:768px){
	
	.footitem { float:none; width:100%; text-align:center;}
		.texto { padding:0;}
	.footer { height:auto;}
}

@media all and (max-width:480px){

	#menumap a{display:block; margin:0 0 3px 0;}	
	.fa {}
}