@charset "utf-8";
/* CSS Document */
#page-top { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#FFF; overflow-x:hidden; }

#home { 
	position:relative; top:0px; left:0px; width:100%; height:100%; min-height:960px;
	background-position:left bottom; background-repeat:no-repeat; background-color:#FFF; background-image:url('../imagenes/filiales.jpg');
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
}
#fil { position:absolute; top:15%; right:0px; }	
.fil-item { background-color:#fff; text-align:center; cursor:pointer; width:202px; -webkit-transition: all 1s; transition: all 1s; }
.item-a { background-color:rgb(255,255,255,0.8); border-left:0px solid #ff6600; margin-top:7px; } 
.item-b { background-color:rgb(255,255,255,0.8); border-left:0px solid #4ba90a; margin-top:7px; }
.item-a:hover, .item-a:focus { background-color:#fff; border-width:10px; }
.item-b:hover, .item-b:focus { background-color:#fff; border-width:10px; }
.fil-item > label { font-size:24px; font-weight:100; color:#333; margin:15px auto; }
.fil-item > label > strong { font-size:28px; }
.fil-item > img { height:60px; margin:15px 25px; }

.fil-content { position:absolute; top:15%; right:210px; width:60%; padding:70px 15px 70px 15px; opacity:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); 
	-webkit-transition:all 1s; transition:all 1s; }
#fil-titulo { position:absolute; top:0px; left:15px; width:auto; margin:0px; padding:0px 7px 0px 7px; font-size:46px; color:#fff; text-transform:uppercase; }
.fil-content-a { background-color:#ff6600; -webkit-transition: all 0.6s; transition: all 0.6s; }
.fil-content-b { background-color:#4ba90a; -webkit-transition: all 0.6s; transition: all 0.6s; }
.fil-content-a > #fil-titulo { background-color:#ff6600; }
.fil-content-b > #fil-titulo { background-color:#4ba90a; }
#fil-texto { font-size:18px; color:#fff; letter-spacing:0.7px; line-height:26px; text-align:justify; }
#bar-sup { position:absolute; top:10px; left:0px; right:0px; height:40px; background-color:rgb(0,0,0,0.25); }
#bar-inf { position:absolute; bottom:10px; left:0px; right:0px; background-color:rgb(0,0,0,0.25); 
	text-align:right; font-size:22px; color:#fff; padding:5px 15px; }
.fil-active { background-color:#fff !important; border-width:10px !important; }
.fil-activo { opacity:1; }

@media (max-width: 768px) {
	.fil-content { left:15px; width:auto; }
}