body { background: #FFFFFF; margin:0px auto; font-family: Arial, Helvetica, sans-serif; font-size:13px; }
.contenedor { border:1px solid #000000; box-shadow:2px 2px 6px #666666; margin:0px auto; overflow:auto; 
	background: url(/fasenew/img/Map.jpg); background-size:cover;
}
.botones { position:fixed; top:4px; right:6px; background:#FFFFFF; z-index:100; clear:both; }
.botones input { font-weight:bold; cursor:pointer; }
.res { z-index:3px; }
.contenedor h1 { font-size: 16px; padding:5px; font-weight: bold; text-align:center; color:#0000FF; border-bottom:2px solid #666666; 
	background:#FFFFFF; margin:0px; }
.pie, .pix { font-size:13px; color:#666; text-align:center; background:#FFFFFF; padding:5px; }
.pie { border-top:1px solid #CCC; }
.cont { padding:15px 9px; height:400px; overflow-y:auto; }
.pix { margin:20px 0px 10px 0px; border-top:2px solid #666; font-weight:bold; }
.contenedor h1 a { text-decoration:none; }
.ficha { float:left; background:#FFFFFF; }
.ficha, .ficho { position:relative; padding:8px; margin:5px; border-radius:5px; 
	-webkit-border-radius:5px; box-shadow:2px 2px 6px #aaa; border:#F2E1FD 1px solid;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
}
.tab { overflow: hidden; border-bottom: 1px solid #FF0000; background-color: #f1f1f1; padding:0px; margin:0px; }
.tab button { font-size: 16px; font-weight:bold; background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; }
.tab button:hover { background-color: #ccc; }
.tab button.active { background-color: #FFF; }
.ficha img { width:100%; height:auto; padding:3px 0px; border:1px solid #F2E1FD; }
.ficha div { display:block; text-align:center; margin-top:0px; height:35px; font-weight:bold; color: #2067BD; }
.ficho { background:#FFFFFF; margin:50px auto; width:95%; clear:both; overflow:auto; z-index:2px; padding:0px; font-size: 16px;  }
.ficho h2 { font-size: 18px; font-weight:bold; padding: 0px; border-bottom:1px solid #FF0000; margin:0px 0px 20px 0px; }
.ficho img { width:100%; height:auto; border:1px solid #ddd; margin-bottom:20px; }
.tabcont { display: none; padding:40px; margin:0px; }
.tabcont.active { display:block !important; }
.tabcont { animation: fadeEffect 1s; }
.fl { float:left; width:20%; margin:0px; }
.fr { float:left; width:70%; margin:0px; padding:0px 40px 20px 40px; line-height:22px; }
.cont:after, .tab:after, .tabcont:after { content:''; display:block; clear:both; }
@keyframes fadeEffect {
  from {opacity: 0;} to {opacity: 1;}
}

.boxed { width:80px; height:96px; padding:6px; margin:4px; background-color: #F5F9FC; cursor:pointer; } 

@-webkit-keyframes anim {
    0%   {position:absolute; right:0px; top:-234px;}
    100% {position:absolute; right:0px; top:0px;}
	}
@-moz-keyframes anim {
    0%   {position:absolute; right:0px; top:-234px;}
    100% {position:absolute; right:0px; top:0px;}
	}
@keyframes anim {
    0%   {position:absolute; right:0px; top:-234px;}
    100% {position:relative; right:0px; top:0px;;}
	}
.boxed:hover { background-color:#D8E4F1; }
.boxed:hover .tit { color:#000; }
.vis { visibility:visible; }
.hid { visibility:hidden; }
.tablon { margin:30px auto; width:100%; border-collapse:collapse; }
.tablon th { font-weight:bold; text-align:center; }
.tablon th, .tablon td { font-size:16px; border:1px solid #CCC; }
.tablon td { vertical-align:top; padding:10px 15px; }

@media (max-width: 1000px) {
	.tabcont { padding: 15px; }
	}
@media (max-width: 900px) {
	.ficho { margin:15px auto; }
	.fl, .fr { float: none; margin:0px auto; }
	.fl { width:50%; }
	}