@-webkit-keyframes hang {
    50% {
        -webkit-transform:translateY(3px);
        transform:translateY(3px)
    }
    100% {
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
}
@keyframes hang {
    50% {
        -webkit-transform:translateY(3px);
        transform:translateY(3px)
    }
    100% {
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
}
@-webkit-keyframes pop {
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pop {
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}

.active {
    font-weight: 600;
}
.boton-portada, .boton-portfolio, .boton-servicios_llamar, .botonera-servicios a, .botonera_servicio_cel>li a, .header-back {
    background-color:#2980B9;
    display:block;
    float:left;
    cursor:pointer;
    color:#EDEAE1;
    text-decoration:none;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent
}
header span:active, header span:focus, header span:hover {
    color:#68ab6a;
    -webkit-animation-name:pop;
    animation-name:pop;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.boton-servicios:active, .boton-servicios:focus, .boton-servicios:hover {
    color:#f1c40f;
    -webkit-transform:rotate(3deg);
    transform:rotate(3deg)
}
html {
    height:100%
}
body {
    width:100%;
    height:150%;
    font-family:comfortaathin;
    font-size:1em;
    color:#EDEAE1;
    background-color:#2c3e50!important;
    padding-bottom:0
}
.clear {
    clear:both
}
*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    margin:0
}
.clearfix:after, .clearfix:before {
    content:" ";
    display:table
}
.clearfix:after {
    clear:both
}
.contenedor {
    height:94%;
    width:100%;
    border:1px solid red;
    background-color:red;
    padding:3% 0 0
}
h1 {
    font-family:champagneregular;
    color:#EDEAE1;
    font-size:.8em;
    width:100%;
    text-align:center;
    margin-top:15%
}

header {
    width:100%;
    height:6%;
    position:fixed;
    background-color:#2980b9;
    z-index:1001
}
header span {
    font-family:champagneregular;
    color:#EDEAE1;
    font-size:.6em
}
.header-block {
    height:100%;
    float:left;
    display:block;
    padding-bottom:3px;
    padding-top:3px
}

.header-block {
    height:100%;
    float:left;
    display:block;
    padding-bottom:3px;
    padding-top:3px
}

#header-block-1,
#header-block-3 {
	width: 22.5%;
}
#header-block-2 {
	width: 55%;
}

/* Dropit */
.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-trigger { position: relative; }

.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    width:auto;
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }

ul.dropit-submenu li {
	width: 100%;
	height: auto;
	display: block;
	float: none;
    background-color:#2980b9;
	padding: 6% 7% 6% 7%;	
} 

ul.dropit-submenu a {	
	width: 100%;
	height: 100%;
    display: table;
    text-decoration:none;	
}

ul.dropit-submenu a span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
    font-family:comfortaathin;
    font-size:.52em;
    color:#EDEAE1;	
}

/* Menu */
nav.menu, .ulmenu {
    width:100%;
    height:100%;
    margin:0;
    display:block;
    background:0 0
}
.ulmenu > li {
    width:19.9%;
    height:100%;
    background-color:transparent;
    margin:0;
    display:block;
    float:left;
    border-right:1px solid #EDEAE1
}
.ulmenu li a {
    width:100%;
    height:100%;
    margin:0;
    display:table;
    cursor:pointer;
    text-decoration:none;
    background-color:transparent
}
.ulmenu li a span {
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
#aPortada {
    border-left:1px solid #EDEAE1
}

#header-block-1 a {
	display: block;
	width: auto;
	height: 100%;
	text-decoration: none;
}
#header-block-1 a img{
	display: block;
	max-width: 100%;
	height: 100%;
	margin-left: 20px;
}
#header-block-3 div {
    display:block;
    width:50%;
    height:100%;
    float:right;
    margin-right:5%;
	
}
#header-block-3 div a {
    display:table!important;
    width:100%;
    height:100%;
    text-decoration:none;
    z-index:10000
}
#header-block-3 div a span {
    height:100%;
    text-align:right;
    display:table-cell!important;
    vertical-align:middle!important;
}

#header-block-3 div a span:nth-child(1){
	margin-right: 4px;
	font-size: 1em;
}

#header-block-3 div a span:nth-child(2){
    font-size:.7em;
} 

.section-block-1, .section-block-2, .section-block-4 {
    display:block;
    float:none;
    width:100%
}
.section-block-1, .section-block-4 {
    background-color:#8ABA86
}
.section-block-2 {
    background-color:#68AB6A
}
.section-block-1 {
    height:40%;
    padding-top:4%
}
.section-block-2 {
    height:35%;
    padding-top:1%
}
.section-block-4 {
    height:20%
}
.section-block-1 .mini-descripcion-portada {
    display:block;
    text-align:center;
    margin:3% auto;
    font-family:champagneregular;
    font-size:.5em;
    width:100%
}
.section-block-1 .section-1-col-2 img {
    max-width:100%;
    max-height:100%
}
.section-block-1 .section-1-col-1, .section-block-1 .section-1-col-2 {
    width:50%;
    height:100%;
    display:block;
    float:left;
    margin:0
}
.section-1-col-2 .fila-1, .section-1-col-2 .fila-2, .section-1-col-2 .fila-3 {
    display:block;
    width:100%
}
.section-1-col-2 .fila-1 {
    height:20%
}
.section-1-col-2 .fila-2 {
    height:30%
}
.section-1-col-2 .fila-3 {
    height:50%
}
.section-1-col-2 .fila-1 .col-1, .section-1-col-2 .fila-1 .col-2, .section-1-col-2 .fila-1 .col-3, .section-1-col-2 .fila-1 .col-4, .section-1-col-2 .fila-2 .col-1, .section-1-col-2 .fila-2 .col-2, .section-1-col-2 .fila-2 .col-3, .section-1-col-2 .fila-3 .col-1, .section-1-col-2 .fila-3 .col-2 {
    height:100%;
    display:block;
    float:left
}
.section-1-col-2 .fila-1 .col-1, .section-1-col-2 .fila-1 .col-2 {
    width:24%
}
.section-1-col-2 .fila-1 .col-3 {
    width:32%
}
.section-1-col-2 .fila-1 .col-4, .section-1-col-2 .fila-2 .col-1 {
    width:20%
}
.section-1-col-2 .fila-2 .col-2 {
    width:60%
}
.section-1-col-2 .fila-2 .col-3 {
    width:20%
}
.section-1-col-2 .fila-3 .col-1 {
    width:40%
}
.section-1-col-2 .fila-3 .col-2 {
    width:60%
}
.section-2-col-1, .section-2-col-2, .section-2-col-3 {
    display:block;
    float:left;
    width:33.3%;
    height:96%;
    margin:0;
    background-color:transparent
}
.section-2-col-1, .section-2-col-2 {
    border-right:1px solid #EDEAE1
}
.section-2-col-1 img, .section-2-col-2 img, .section-2-col-3 img {
    width:60%;
    max-height:50%;
    margin-left:20%
}
.section-2-col-1 h2, .section-2-col-2 h2, .section-2-col-3 h2 {
    width:100%;
    text-align:center;
    height:6%;
    font-family:champagneregular;
    font-size:.4em
}
.section-2-col-1>p, .section-2-col-2>p, .section-2-col-3>p {
    text-align:left;
    font-family:champagneregular;
    font-size:.4em;
    display:block;
    width:90%;
    margin:auto 5%;
    height:35%
}
.section-2-col-2>p {
    text-align:center
}
.section-2-col-1 ul, .section-2-col-2 ul, .section-2-col-3 ul {
    width:100%;
    text-align:center;
    height:28%;
    list-style:none
}
.section-2-col-1 li, .section-2-col-2 li, .section-2-col-3 li {
    text-decoration:none;
    width:100%;
    text-align:center;
    font-family:champagneregular;
    font-size:.4em
}
.section-2-col-1>span, .section-2-col-2>span, .section-2-col-3>span {
    display:block;
    width:100%;
    text-align:center;
    height:5%;
    font-family:champagneregular;
    font-size:.4em
}
.section-2-col-1 ul.botonera-servicios, .section-2-col-2 ul.botonera-servicios, .section-2-col-3 ul.botonera-servicios {
    width:100%;
    text-align:center;
    height:10%!important
}
.section-2-col-1 ul.botonera-servicios li, .section-2-col-2 ul.botonera-servicios li, .section-2-col-3 ul.botonera-servicios li {
    width:30%;
    margin:1% 35%;
    text-align:center;
    height:80%;
    display:block
}
.section-2-col-1 ul.botonera-servicios li a, .section-2-col-2 ul.botonera-servicios li a, .section-2-col-3 ul.botonera-servicios li a {
    width:100%;
    height:100%;
    margin:0;
    text-align:center;
    font-family:champagneregular;
    text-decoration:none;
    display:table
}
.section-2-col-1 ul.botonera-servicios li a span, .section-2-col-2 ul.botonera-servicios li a span, .section-2-col-3 ul.botonera-servicios li a span {
    width:100%;
    height:100%;
    margin:0;
    text-align:center;
    font-family:champagneregular;
    text-decoration:none;
    display:table-cell;
    vertical-align:middle
}
.section-block-4>span {
    width:100%;
    text-align:center;
    height:7%;
    padding-top:1%;
    padding-bottom:2%;
    font-family:champagneregular;
    font-size:.5em;
    display:block
}
.section-4-col-1, .section-4-col-2 {
    display:block;
    float:left;
    height:80%
}
.section-4-col-1 {
    width:20%;
    margin-left:15%
}
.section-4-col-2 {
    width:65%
}
.section-4-col-1 img {
    max-width:100%;
    max-height:100%
}
.section-4-col-2>div {
    display:table;
    width:100%;
    height:100%
}
.section-4-col-2>div span {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    width:100%;
    height:100%;
    font-family:champagneregular;
    font-size:.8em
}