#container{ width: 100%; height: calc(100vh - 56px); display: flex; overflow: hidden; position: relative; }
#main{ width: 50%; height: 100%; border: 10px solid #EEE; border-right-width: 0px; border-top-width: 0px; overflow-y: auto;}
#detail{ background-color:#FFF; border: 10px solid #EEE; border-left-width: 0px; border-top-width: 0px; width:50%; height: 100%; overflow-y: auto;}

#divider { width: 10px; background-color: #EEE; cursor: ew-resize; position: relative; }
#divider i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 14px; pointer-events: none; }

#detail .btnvolver, #detail2 .btnvolver{ display: none;}

.CodeMirror{ border: 1px solid #CCC; border-radius: 3px; height: 200px; font-size: 12px; }

#main, #detail{ border-color:#EEE; }
.navbar{ background-color:#EEE; color: #F1F1F1;}
.navbar a{ color: #333;}

.za_tipo1{ background-color:#730001; color:#FFF; padding: 2px 12px; text-align: center; border-radius: 4px;}
.za_tipo2{ background-color:#5C7300; color:#FFF; padding: 2px 12px; text-align: center; border-radius: 4px;}

.color1{ color: rgb(107,125,143) !important; }
.bg1{ background-color: rgb(107,125,143) !important; }

@media screen and (max-width:991px){
	#main{ width:100%;}
	#divider{ display:none; }
	#detail{ display: none; position: fixed; top: 0; right:0; left:0; bottom:0; padding-top:56px; width:100%; z-index: 10;}
	#detail.visible { display: block; border:none;}
	#detail.visible .btnvolver{ display: block; padding: 12px 12px 0;}
}

a{ color:#222; }
body{ font-family: "Prompt", sans-serif; color: #222; }

h1{ font-weight: 900; font-size: 3.3rem; }
h2{ font-weight: 700; font-size: 2.5rem; }

.accordion h2:after, h2.sinborde{ content: none; }

.bloque img{ max-width: 100%;}

.bloque-gal .galfoto{ background-size: cover; background-position: center center; }
.bloque-gal .galfoto1{ height: 480px; margin-top: 40px; }
.bloque-gal .galfoto2{ height: 280px; display: flex; align-items: center; justify-content: center; }
.bloque-gal .galfoto2 .bg-blur{ height: 280px; display: flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.25); width:100%; }
.bloque-gal .galfoto3{ height: 280px; }
.bloque-gal .galfoto4{ height: 480px; margin-top: 40px; }

.bgimagen{ background-size: cover; background-position: center center; }

@media (min-width:1200px){ .container-1100{ max-width:1100px;} }
@media (min-width:992px){ .container-900{ max-width:900px;} }

.footer > div{ background-color:rgba(20,20,20,0.95);}
.footer a{ color: #FFF;}
.footer ul{ list-style: none;}

.form { padding: 15px; }
.form a { text-decoration: underline;}
.claro .form { background-color:#EEE; }
.claro .form button { background-color:#000; color:#FFF; }

.footer2{ font-size: 13px; }
.claro .footer2{ background-color: #282828; }
.claro .footer2, .claro .footer2 a{ color:#FFF; }

.idiomas{ padding-bottom: 2px;}
.idiomas a{ font-size: 0.9em; margin-right: 5px; text-decoration: underline;}
.navbar-nav a{ padding-left:0.8rem !important; padding-right: 12px !important;}
.navbar-nav a.active{ font-weight: bold;}

.p-6{ padding:4rem!important;}
.pt-6{ padding-top:4rem!important;}
.pb-6{ padding-bottom: 4rem!important;}
.py-6{ padding-top:4rem!important; padding-bottom: 4rem!important;}
.my-6{ margin-top:4rem!important; margin-bottom: 4rem!important;}

.proyecto-mini{
    background-size: cover;
    background-position: center;
    overflow: hidden;
    color:#fff;
	min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.proyecto-mini::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(30,30,30,0.55);
    z-index:1;
}

.proyecto-mini::after{
	content:"";
	position:absolute;
	inset:0;
	backdrop-filter: blur(5px) brightness(0.7) saturate(0.7);
	z-index:0;
}

.proyecto-mini .contenido{
    position:relative;
    z-index:2;
}

.secini h2{ position: relative; }
.secini h2:after{ left: 0; transform:none; }

.scrollup { width: 40px; height: 40px; border-radius: 4px; opacity: 0.8; position: fixed; bottom: 20px; right: 10px; display: flex; z-index: 200;  align-items: center; justify-content: center; }
.scrollup.contactar { bottom: 85px; }

.topbar{ font-size: 13px; padding:3px 0 2px; }
.topbar .separador{ margin: 0 10px; }

@media screen and (max-width: 767px){
	.bloque-gal .galfoto1, .bloque-gal .galfoto3, .bloque-gal .galfoto4{ display:none;}
	.float{ display: inline-block; }
	.slideimg{ height: 450px;}
}

@media screen and (min-width: 767px){ .w-md-50{ width:50% !important; } }