body, html{ width: 100%; height: 100%; font-family: 'Open Sans';}
p, h2, h3, h4 {
    line-height: 1.5 !important;
}
/* Sec1 Header */
.bg-header {
	background-color: #ab1b1b;
	height: 75px;
}
.bg-header2 {
	background-color: #eb2828;
	height: 15px;
}
.bg-header-c p {
	font-size: 12px;
	color: #fff;
    line-height: 1.4 !important;
}
.bg-header-c a {
	font-size: 34px;
	color: #fff;
	text-decoration: none;
}
.bg-header-c b {
	font-size: 26px;
}
.header-logo img {
    width: 180px;
}
/* Sec2 */
.bg-sec2 {
	background: url("../img/banner_img.png") center center no-repeat;
	background-size: cover;
	height: 525px;
}
.bg-sec2 h1 {
    color: #636363;
    font-weight: bold;
}
.bg-sec2 p {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 20px 0;
}
.bg-sec2 span {
    color: #eb2d2d;
    font-weight: bold;
}
.bg-sec2 a {
    color: #fff;
    text-decoration: none;
    background-color: #eb2d2d;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
}
.bg-sec2 a:hover {
    background-color: #ab1b1b;
}
/* Sec 3 */
.bg-sec3 {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0px;
}
.bg-sec3 h2 {
    color: #000;
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
}
.bg-sec3 p {
	color: #636363;
    font-size: 16px;
}
/* sec 4 */
.bg-sec4 {
	background-color: #e1e1e3;
}
.bg-sec4-b {
	padding: 20px 0;
}
.bg-sec4-b h2 {
    color: #000;
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
}
.bg-sec4-b p {
	color: #636363;
    font-size: 16px;
}
/* sec 5 */
.bg-sec5 {
	text-align: center;
    padding: 30px 0;
}
.bg-sec5 h2 {
	font-weight: bold;
    font-size: 23px;
    margin-bottom: 50px;
}
.bg-sec5-a {
	min-height: 500px;
}
.bg-sec5-a h3 {
	font-weight: bold;
	min-height: 110px;
    font-size: 23px;
}
.bg-sec5-a p {
    color: #636363;
    font-size: 14px;
    min-height: 200px;
}
/* sec 6 */
.bg-sec6 {
	background-color: #e1e1e3;
}
.bg-sec6-a {
	padding: 20px 0;
}
.bg-sec6-a h2 {
    color: #000;
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
}
.bg-sec6-a p {
	color: #636363;
    font-size: 16px;
}
/* sec 7 */
.bg-sec7 {
	background-color: #fff;
}
.bg-sec7-b {
	padding: 20px 0;
}
.bg-sec7-b h2 {
    color: #000;
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
}
.bg-sec7-b p {
	color: #636363;
    font-size: 16px;
}
/* sec 8 */
.bg-sec8 {
	background-color: #e1e1e3;
}
.bg-sec8-a {
	padding: 20px 0;
}
.bg-sec8-a h2 {
    color: #000;
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
}
.bg-sec8-a p {
	color: #636363;
    font-size: 16px;
}
/* sec 9 */
.bg-sec9 {
    background-color: #fff;
}
.bg-sec9 h2 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-size: 23px;
}
.bg-sec9 p {
    color: #636363;
    font-size: 16px;
    margin: 0 50px 30px;
}
.sec9-inst {
    margin: 50px 0;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc !important;
    -webkit-box-shadow: 0 0 0px #ccc !important;
    box-shadow: 0 0 0px #ccc !important;
    border: 0px solid #fff !important;
}
.bx-wrapper .bx-controls-direction a {
    display: none;
}
.bx-wrapper:hover .bx-controls-direction a {
    display: initial;
}
.sec9-inst-all {
    background-size: contain;
    height: 150px;
    margin-bottom: 30px;
}
.sec9-inst-img01 {
    background: url("../img/logos/cruzroja_off_icon.png") center center no-repeat;
}
.sec9-inst-img01:hover {
    background: url("../img/logos/cruzroja_on_icon.png") center center no-repeat;
}
.sec9-inst-img02 {
    background: url("../img/logos/cruzverde_off_icon.png") center center no-repeat;
}
.sec9-inst-img02:hover {
    background: url("../img/logos/cruzverde_on_icon.png") center center no-repeat;
}
.sec9-inst-img03 {
    background: url("../img/logos/sumambulancias_off_icon.png") center center no-repeat;
}
.sec9-inst-img03:hover {
    background: url("../img/logos/sumambulancias_on_icon.png") center center no-repeat;
}
.sec9-inst-img04 {
    background: url("../img/logos/bomberos_off_icon.png") center center no-repeat;
}
.sec9-inst-img04:hover {
    background: url("../img/logos/bomberos_on_icon.png") center center no-repeat;
}
.sec9-inst-img05 {
    background: url("../img/logos/policia_off_icon.png") center center no-repeat;
}
.sec9-inst-img05:hover {
    background: url("../img/logos/policia_on_icon.png") center center no-repeat;
}
.sec9-inst-img06 {
    background: url("../img/logos/pcivil_off_icon.png") center center no-repeat;
}
.sec9-inst-img06:hover {
    background: url("../img/logos/pcivil_on_icon.png") center center no-repeat;
}

.sec9-inst-img07 {
    background: url("../img/logos/rcpambulancia_off_icon.png") center center no-repeat;
}
.sec9-inst-img07:hover {
    background: url("../img/logos/rcpambulancia_on_icon.png") center center no-repeat;
}
.sec9-inst-img08 {
    background: url("../img/logos/sagotambulancia_off_icon.png") center center no-repeat;
}
.sec9-inst-img08:hover {
    background: url("../img/logos/sagotambulancia_on_icon.png") center center no-repeat;
}
.sec9-inst-img09 {
    background: url("../img/logos/transmedicambulancia_off_icon.png") center center no-repeat;
}
.sec9-inst-img09:hover {
    background: url("../img/logos/transmedicambulancia_on_icon.png") center center no-repeat;
}
.sec9-inst-img10 {
    background: url("../img/logos/umtambulancia_off_icon.png") center center no-repeat;
}
.sec9-inst-img10:hover {
    background: url("../img/logos/umtambulancia_on_icon.png") center center no-repeat;
}
.sec9-inst-img11 {
    background: url("../img/logos/deltaambulancia_off_icon.png") center center no-repeat;
}
.sec9-inst-img11:hover {
    background: url("../img/logos/deltaambulancia_on_icon.png") center center no-repeat;
}
.sec9-quehacer {
    height: 350px;
}
.sec9-quehacer h4 {
    font-weight: bold;
    font-size: 23px;
}
/* sec 10 */
.bg-sec10 {
    background-color: #e1e1e3;
    text-align: center;
}
.bg-sec10 h1 {
    text-transform: uppercase;
    color: #646464;
    font-weight: bold;
}
.bg-sec10 p {
    font-size: 16px;
}
.bg-sec10 input {
    width: 100%;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: 18px;
    font-style: italic;
}
.contacto-button {
    text-align: center;
    margin: 50px;
}
.contacto-button button {
    background-color: #ff1915;
    color: #fff;
    font-weight: bold;
    padding: 10px 45px;
    border-radius: 5px;
}
.contacto-button button:hover {
    background-color: #c90f10;
}


/**/
.bg-sec4 img, .bg-sec6 img, .bg-sec7 img, .bg-sec8 img {
    width: 100%;
}


/* Triangulos Blancos y Grises */
.bg-gris {
	background-color: #e1e1e3;
	height: 30px;
}
.bg-arrow-b {
	background: url("../img/triangle_white_gpc.png") top center no-repeat;
	height: 30px;
}
.bg-blanco {
	background-color: #fff;
	height: 30px;
}
.bg-arrow-g {
	background: url("../img/triangle_gray_gpc.png") top center no-repeat;
	height: 30px;
}
/* End Triangulos */
/* Footer */
#metodika {
    color: #f7b923;
}
#futurite {
    color: #2991c6;
}
.footer {
    text-align: center;
}
.footer h5 {
    padding-bottom: 20px;
    margin: 0;
}

@media (max-width: 1023px) and (min-width: 768px) {
    .bg-sec2 h1 {
        font-size: 30px;
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .bg-header-c {
        display: none;
    }
    .bg-sec2 {
        background: url(../img/banner_img.png) center right no-repeat;
        text-align: center;
    }
    .bg-sec2 span {
        font-size: 45px;
    }
}
@media (max-width: 479px) and (min-width: 0px) {
    .bg-header-c {
        display: none;
    }
    .bg-sec2 {
        background: url(../img/banner_img.png) center right no-repeat;
        text-align: center;
    }
    .bg-sec2 span {
        font-size: 45px;
    }
}

@media (max-width: 1024px) and (min-width: 0px) {
    .sec9-inst-img01 {
        background: url("../img/logos/cruzroja_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img02 {
        background: url("../img/logos/cruzverde_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img03 {
        background: url("../img/logos/sumambulancias_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img04 {
        background: url("../img/logos/bomberos_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img05 {
        background: url("../img/logos/policia_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img06 {
        background: url("../img/logos/pcivil_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img07 {
        background: url("../img/logos/rcpambulancia_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img08 {
        background: url("../img/logos/sagotambulancia_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img09 {
        background: url("../img/logos/transmedicambulancia_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img10 {
        background: url("../img/logos/umtambulancia_on_icon.png") center center no-repeat;
    }
    .sec9-inst-img11 {
        background: url("../img/logos/deltaambulancia_on_icon.png") center center no-repeat;
    }
}