@font-face {font-family: "../fonts/Bookman Old Style";
src: url("../fonts/BookmanOldStyle.eot"); /* IE9*/
src: url("../fonts/BookmanOldStyle.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../fonts/BookmanOldStyle.woff2") format("woff2"), /* chrome、firefox */
url("../fonts/BookmanOldStyle.woff") format("woff"), /* chrome、firefox */
url("../fonts/BookmanOldStyle.ttf") format("truetype"), /* chrome */
}

/* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html { color: #222; font-size: 1em; line-height: 1.4; }

/* * Remove text-shadow in selection highlight * * These selection rule sets have to be separate. * Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/* * A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* * Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* * Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Reset CSS ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none;}

/* ========================================================================== Author's custom styles ========================================================================== */
html, body { width: 100%; height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.flex_content { max-width: 82.25em; min-width: 14.375em; padding: 0 1.5625rem; margin: 0 auto; position: relative; }
.txt { color: #333; line-height: normal; }
.txt em { color: #026aa0; font-weight: bold; }
.txt a { color: #026aa0; font-weight: bold; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }

header{max-width: 120em;left: 0;right: 0;margin: 0 auto;}
#main_logo { background: url(../img/bg_logo.png) no-repeat right center; display: inline-block; vertical-align: middle; }
#main_logo img { width: 114px; height: auto; }
#main_menu a { display: block; color: #2a264f; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#main_menu a:hover, #main_menu .active { color: #fc5511; }
#cont_banner {position: relative;max-width: 120em;margin: 0 auto;background-image: url(../img/img_header.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; text-align: center; }
#cont_banner h1 { color: #2a264f; line-height: normal; text-shadow: 0px 0px 20px rgba(255, 255, 255, 1); }

.cont_burger { width: 1.875rem; height: 3.125rem; cursor: pointer; display: block; z-index: 999; position: absolute; right: 20px; top: 20px; }
.burger { width: 1.875rem; height: 0.3125rem; background: #0083b9; position: relative; margin: 0; top: 0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; }
.burger:before { content: ''; width: 1.875rem; height: 0.3125rem; background: #0083b9; position: relative; display: block; top: -0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
.burger:after { content: ''; width: 1.875rem; height: 0.3125rem; background: #0083b9; position: relative; display: block; top: 0.3125rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
.burger.active { -webkit-transform: scale(1.5); transform: scale(1.5); border-radius: 200%; height: 2.5rem; width: 2.5rem; background: none; top: 0; padding-top: 0.375rem; padding-left: 0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
.burger.active:before { -webkit-transform: rotate(45deg) scale(0.8); transform: rotate(45deg) scale(0.8); -webkit-transform-origin: 45% 9%; transform-origin: 45% 9%; top: 0; opacity: 1; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
.burger.active:after { -webkit-transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8); -webkit-transform-origin: 25% 0%; transform-origin: 25% 0%; top: 0; opacity: 1; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }

/*BENEFICIOS*/
#beneficios {max-width: 120em; margin: 0 auto;text-align: center;}
#beneficios h2 { color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; position: relative; z-index: -1; }
#beneficios h4 { font-style: italic; color: #333; }

/*SERVICIOS*/
#intro_servicios {max-width: 120em;text-align: center;margin: 0 auto;position: relative;}
#intro_servicios h2 { color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; }
#menu_servicios li { vertical-align: top; position: relative; }
#menu_servicios li:nth-last-child(1) { margin-right: 0; }
#menu_servicios li:hover .img_icoservicio { width: 100%; }
#menu_servicios h3 { -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#menu_servicios a { color: #2a264f; }
.img_icoservicio { margin: 0 auto; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.img_icoservicio img { width: 100%; height: auto; }

/*OFERTA DE VALOR*/
#oferta_valor {max-width: 120em;margin: 0 auto;overflow: hidden;background: url(../img/bg_oferta.png) no-repeat #c9e2ed top left; background-size: auto; text-align: center; position: relative; }
#oferta_valor h2 { text-align: center; color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }
#cont_txtOferta .txt a { color: #026aa0; }
#cont_txtOferta { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }

/*QUIENES SOMOS*/
#quienes_somos {max-width: 120em;margin: 0 auto;background: #FFF; position: relative; overflow: hidden; }
#quienes_somos:hover #ico_somos { opacity: .8; }
#quienes_somos h2 { color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; }
#ico_somos { opacity: .2; position: absolute; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#ico_somos img { width: 100%; height: auto; }

/*MISION VISION*/
#mision_vision {max-width: 120em;margin: 0 auto;text-align: center; position: relative;background: #f1f1f1;}
#cont_mision, #cont_vision { position: relative; }
#cont_mision .txt em, #cont_vision .txt em { color: #2a264f; }
#cont_mision h2 { position: absolute; color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#cont_vision h2 { position: absolute; color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

/*OBJETIVOS*/
#objetivos {max-width: 120em;margin: 0 auto;text-align: center; overflow: hidden; }
#objetivos h2 { color: #2a264f; font-family: "Bookman Old Style"!important; font-weight: bold; }
#objetivos:hover #cont_icoObj { opacity: .8; }
#cont_icoObj { opacity: .2; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#cont_icoObj img { width: 100%; height: auto; }
#listObjL { text-align: right; }
#listObjR { text-align: left; }
#listObjR li, #listObjL li { position: relative; }
#listObjL span, #listObjR span { font-weight: bold; color: #FFF; font-size: 1.75rem; }
#listObjL span { display: block; position: absolute; right: 0; top: 0;}
#listObjR span { display: block; position: absolute; left: 0; top: 0;}
#listObjL .bg_gray { background: url(../img/tri_gray_r.png) no-repeat center center;background-size:cover;}
#listObjL .bg_blueS { background: url(../img/tri_blueS_r.png) no-repeat center center;background-size:cover;}
#listObjL .bg_blueH { background: url(../img/tri_blueH_r.png) no-repeat center center;background-size:cover;}
#listObjR .bg_gray { background: url(../img/tri_gray_l.png) no-repeat center center;background-size:cover;}
#listObjR .bg_blueS { background: url(../img/tri_blueS_l.png) no-repeat center center;background-size:cover;}
#listObjR .bg_blueH { background: url(../img/tri_blueH_l.png) no-repeat center center;background-size:cover;}

/*DETALLE SERVICIOS*/
#servicios_detalle {max-width: 120em;margin: 0 auto;background: #FFF; text-align: center; overflow: hidden; }
#list_servicios h4 { font-family: "Bookman Old Style"!important; font-weight: bold; }
.img_icoServ img { width: 100%; height: auto; }
.txt_blueS { color: #009fc4; }
.txt_blueH { color: #00194f; }

/*INCIDENCIAS*/
#incidentes {max-width: 120em;margin: 0 auto;position: relative; z-index: -4; text-align: center; }
#bg_blueH { background: url(../img/bg_incidentes.png) no-repeat top center #00194f; }
#bg_blueH h2 { color: #FFF; font-family: "Bookman Old Style"!important; font-weight: bold; }
#bg_blueH .txt { color: #FFF; margin: 0 auto; }
#bg_blueS {background:url(../img/before_contacto.png) no-repeat;background-size: cover;}
#link_contacto { text-align: right; }
#link_contacto li { display: inline-block; vertical-align: middle; }
#link_contacto a { color: #FFF; }
#cont_form { margin: 0 auto; }
#cont_form input[type="text"] { border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #EEE; }
#cont_form textarea { border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #EEE; }
#cont_form input[type="submit"] { background: rgba(220, 86, 31, 1); color: rgba(255, 255, 255, 1); border: 2px solid rgba(220, 86, 31, 1); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#cont_form .txt a { color: #006aa2; }
#cont_form input[type="submit"]:hover { background: rgba(220, 86, 31, 0); color: rgba(220, 86, 31, 1); }
.error{max-width: 40.9375rem; min-width: 14.375em; padding: 0 1.5625rem;margin: 0 auto;border: 3px solid #bf0811;background: #ee8287;color:#bf0811; text-transform: uppercase;width: 100%;padding: 10px 0;margin-bottom: 20px;}
.success{max-width: 40.9375rem; min-width: 14.375em; padding: 0 1.5625rem;margin: 0 auto;border: 3px solid #70a83b;background: #c0fa87;color:#70a83b; text-transform: uppercase;width: 100%;padding: 10px 0;margin-bottom: 20px;}

/*FOOTER*/
#top_foot {max-width: 120em;margin: 0 auto;position: relative; background: url(../img/bg_footerTop.png) no-repeat center top; background-size: cover; }
footer {max-width: 120em;margin: 0 auto;text-align: center; background: #0e0b24;}
#logos_foot{text-align: center;}
#logos_foot li:nth-child(2) { border-left: 1px solid #fff;}
#contactos_foot li { color: #FFF; line-height: normal;}
#contactos_foot li a { color: #FFF;}
#redes_foot li { display: inline-block; vertical-align: top;}
#cont_orange { background: rgba(220, 86, 31, 1); color: #FFF;}
#cont_orange a { color: #FFF;}
#cont_orange a:nth-child(1){text-decoration: underline;}
#cont_orange a:hover{text-decoration: none;}

/***************************** SET DEFAULT DIMENSIONS HERE *****************************/
/* change the ID & dimensions to match your slider */
#slider { width: 100%; height: 150px; list-style: none; overflow-y: auto; overflow-x: hidden; }

/****************** SET STYLING HERE ****************** ================================= Default state (no keyboard focus) ==================================*/
/* Overall Wrapper */
.anythingSlider-default { margin: 0 auto; padding: 0 45px; }
/* slider window - top & bottom borders, default state */
/*.anythingSlider-default .anythingWindow { border-top: 3px solid #777; border-bottom: 3px solid #777; }*/
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a { /* top shadow */ background: #777 url(../img/default.png) center -288px repeat-x; color: #000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span { visibility: visible; }
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur { background: #888; color: #000; }
/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop { background-color: #040; color: #ddd; }
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing { background-color: #800; }
 start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover{ background-image: none; color: #ddd; }

/* ================================= Active State (has keyboard focus) ================================= */
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow { border-color: #7C9127; }
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a { /* background image = top shadow */ background-color: #7C9127; }
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { /* background image removed */ background: #7C9127; }
/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop { background-color: #080; color: #fff; }
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing { background-color: #d00; color: #fff; }

/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover { color: #fff; }

/************************ NAVIGATION POSITIONING ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow { top: 20%; position: absolute; display: block; }
.anythingSlider-default .arrow a { display: block; width: 45px; height: 140px; margin: -70px 0 0 0; /* half height of image */ text-align: center; outline: 0; background: url(../img/default.png) no-repeat; }
/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover, .anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover, .anythingSlider-default .forward a.hover { background-position: right -140px; }
/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0; }
/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop { padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; }

/*********************** IE8 AND OLDER STYLING ***********************/
/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow { top: 30%; }
.as-oldie .anythingSlider-default .arrow a { margin: 0; }
/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; }

/* When using the navigationSize option, the side margins need to be zero None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a { margin: 0; }
.as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; }
.as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; }

/*********************** COMMON SLIDER STYLING ***********************/
/* Overall Wrapper */
.anythingSlider { display: block; overflow: visible !important; position: relative; }
/* anythingSlider viewport window */
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
/* anythingSlider base (original element) */
.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
/* Navigation arrow text; indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span { display: block; visibility: hidden; }
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled { display: none; }
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }
/* vertical mode */
.anythingSlider .vertical .panel { float: none; }
/* fade mode */
.anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: 0; }
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage { z-index: 1; }

/*********************** RTL STYLING ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; }
.anythingSlider.rtl .anythingControls ul { float: left; }

/* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; }

/* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ }

/* move start/stop button - in case you want to switch sides */
/* probably not necessary, but added just in case */
.anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop { transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }

/*ANIMACIONES*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
/* ========================================================================== Helper classes ========================================================================== */
/* * Hide visually and from screen readers */
.hidden { display: none !important; }
/* * Hide only visually, but have it available for screen readers */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* * Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }
/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
/* Small screens 320px */

@media screen and (min-width: 17.5em)
{
	header { position: fixed; width: 100%; background: rgba(255,255,255,0.8); z-index: 99; }
	.txt { font-size: 1rem; }
	.txt em { font-size: 1.25rem; }

	#main_logo { width: 40%; padding: 0.3125rem 1.25rem;}
	#main_menu { font-size: 1.625rem; display: inline-block; vertical-align: middle; position: none; right: 0; }
	#main_menu ul { display: none; background: #FFF; width: 90%; position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; z-index: 99; }
	#main_menu li { display: block; vertical-align: top; text-align: center; }
	#main_menu a { display: block; padding: 1.5625rem 0.625rem; color: #2a264f; }
	#main_menu .division { padding: 1.5625rem 0.625rem; display: none; }
	#main_menu #ico_menu a { padding: 0.625rem; }
	#main_menu #cont_incidencia { padding: 0;}
  #cont_incidencia a { padding: 1.5625rem 0.625rem 1.5625rem 1.875rem; color: #FFF;display: block; color: #FFF; background: rgba(252,85,17,1);}
  #main_menu #cont_incidencia a:hover, #main_menu #cont_incidencia a.active { background: rgba(252,85,17,0.6); color: #FFF;}
	#cont_banner { padding-top: 7.5rem; padding-bottom:6.25rem; background-attachment: none; text-align: center;}
  #cont_banner::after{content: "";background: url(../img/after_banner.png) no-repeat bottom center;background-size:cover;position: absolute;bottom: 0;right: 0;left: 0;margin: 0 auto;height:200px; width: 100%;}
	#cont_banner h1 { font-size: 1.25rem; line-height: normal; }
	#cont_banner img { width: 90%; height: auto; }

	/*BENEFICIOS*/
	#beneficios { padding: 0; }
  #beneficios::after {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;bottom: -260;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#cont_slider { height: 140px; }
	#beneficios h2 { font-size: 2.625rem; margin-bottom: 3.125rem; position: relative; z-index: -1; }
	#beneficios h4 { font-size: 1.25rem; }

	/*SERVICIOS*/
	#intro_servicios { padding:3.75rem 0 25rem 0; background: url(../img/bg_servicios.png) #FFF no-repeat center -100px; background-size: 190% auto; background-attachment: none;}
  #intro_servicios::after{content: "";background: url(../img/after_oferta.png)no-repeat top center;background-size:cover;position: absolute;bottom:0;right: 0;left: 0;margin: 0 auto;height: 460px; width: 100%;z-index:2;}
	#intro_servicios h2 { font-size: 2.625rem; margin-bottom: 3.125rem; }
	#menu_servicios { height: 12.5rem; }
	#menu_servicios li { display: inline-block; width: 26.041666666666668%; height: 160px; margin-right: 3.0395136778115504%; }
	#menu_servicios li:nth-last-child(1) { margin-right: 0; }
	#menu_servicios h3 { font-size: 0.875rem; opacity: 1; }
	#menu_servicios li:hover h3 { opacity: 1; }
	.img_icoservicio { width: 80%; margin: 0 auto; }

	/*OFERTA DE VALOR*/
	#oferta_valor { padding: 0;}
	#oferta_valor h2 { display: block; vertical-align: middle; width: auto; margin-right: 0; font-size: 2.625rem; margin-bottom: 20px; }
	#cont_txtOferta { text-align: left; display: inline-block; vertical-align: middle; width: auto; }
	#cont_txtOferta .txt a { font-size: 1.5rem; }

	/*QUIENES SOMOS*/
	#quienes_somos {padding: 21.875em 0 28.75em 0;}
  #quienes_somos::before{content: "";background: url(../img/before_oferta.png) no-repeat top center;background-size:cover;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 500px;width: 100%;z-index: 2;}
	#quienes_somos h2 { font-size: 2.625rem; margin-bottom: 3.125rem; }
	#cont_txtSomos { width: auto; }
	#ico_somos { width: 24%; opacity: .2; position: absolute; right: 25px; margin-top: 10%; }

	/*MISION VISION*/
	#mision_vision { padding: 0;margin-bottom: 600px;}
  #mision_vision::before {content: "";background: url(../img/before_mision.png) no-repeat bottom center;background-size: cover;position: absolute;top: -500px;left: 0; right: 0;margin: 0 auto;height: 500px;z-index: 2}
  #mision_vision::after{content: "";background: url(../img/after_misionVision.png) no-repeat bottom center;background-size: cover;position: absolute; bottom: -700px;left: 0;right: 0;margin: 0 auto;height: 830px;z-index: 2;}
	#cont_mision, #cont_vision { display: block; vertical-align: top; width: 80%; margin: 0 auto; z-index: 3;}
	#cont_mision { padding-right: 0; text-align: left; }
	#cont_vision { padding-left: 0; padding-top: 20px; padding-bottom: 20px; border-left: none; text-align: right; }
	#cont_mision h2 { top: 60px; left: -90px; font-size: 2.625rem; }
	#cont_vision h2 { right: -90px; top: 70px; font-size: 2.625rem; }
	#cont_txtMision { padding-left: 30px; }
	#cont_txtVision { padding-right: 30px; }

	/*OBJETIVOS*/
	#objetivos { padding-top: 0; padding-bottom: 30px;}
	#objetivos h2 { text-align: right; font-size: 2.625rem; }
	#cont_icoObj { width: 30%; opacity: .2; display: block; vertical-align: middle; margin-right: 0; margin-left: 65%; }
	#cont_listObj { display: block; vertical-align: middle; width: auto; margin: 0 auto; }
	#listObjL, #listObjR { display: inline-block; vertical-align: middle; width: 44%; font-size: 1rem; }
	#listObjL { padding-right: 0.625rem; border-right: 3px dotted #2a264f; }
	#listObjR { padding-left: 0.625rem; }
	#listObjR li, #listObjL li { margin-bottom: 1.375rem; padding-top: 5px; padding-bottom: 5px; }
	#listObjL li { padding-right: 1.875rem; }
	#listObjR li { padding-left: 1.875rem; }
	#listObjL span, #listObjR span { font-size: 0.875rem; }
	#listObjL span { padding: 6px 10px 6px 3px; right: 0; top: 40%;}
	#listObjR span { padding: 6px 3px 6px 10px; left: 0; top: 40%;}

	/*DETALLE SERVICIOS*/
	#servicios_detalle { padding-bottom: 0;}
	#list_servicios li { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 1.875rem; width: auto; }
	#list_servicios li:nth-child(1) { width: 20%; }
	#list_servicios li:nth-child(2) { width: 78%; }
	#list_servicios li:nth-child(3) { width: 78%; }
	#list_servicios li:nth-child(4) { width: 20%; }
	#list_servicios li:nth-child(5) { width: 20%; }
	#list_servicios li:nth-child(6) { width: 78%; }
	#list_servicios li:nth-child(7) { width: 78%; }
	#list_servicios li:nth-child(8) { width: 20%; }
	#list_servicios li:nth-child(9) { width: 20%; }
	#list_servicios li:nth-child(10) { width: 78%; }
	#list_servicios h4 { font-size: 1.5rem; display: none; vertical-align: middle; width: auto; }
	#list_servicios .txt.txt_right { padding-right: 10px; }
	#list_servicios .txt.txt_left { padding-left: 10px; }
	#list_servicios h4.title_mov { display: block; }
	.img_icoServ { display: inline-block; vertical-align: middle; width: 90%; }
	.txt_blueS { padding: 0 0 0 10px; background: none; }
	.txt_blueH { padding: 0 10px 0 0; background: none; }

	/*INCIDENCIAS*/
	#incidentes {}
  #incidentes::before {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#bg_blueH {padding-top: 8.75rem; padding-bottom: 6.25rem;}
	#bg_blueH h2 { margin: 0 auto 1.875rem auto; width: 98%; font-size: 2.625rem; }
	#bg_blueH .txt { width: 90%; margin: 0 auto; }
	#bg_blueS { margin-top: -7.625rem; margin-bottom: 3.75rem; padding: 96px 0; position: relative;background-position: center center;}
	#link_contacto { text-align: right; }
	#link_contacto li { display: block; vertical-align: middle; }
	#link_contacto li:nth-child(1) { margin-right: 20px; }
	#link_contacto li img { width: 26px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; }
	#link_contacto a { font-size: 1rem; }
	#cont_form { max-width: 40.9375rem; min-width: 14.375em; padding: 0 1.5625rem; }
	#cont_form input[type="text"] { width: 97%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 20px; }
	#cont_form .row input[type="text"]:nth-child(1) { margin-right: 0; }
	#cont_form .row { margin-bottom: 0; }
	#cont_form .row:nth-child(3) { text-align: left; }
	#cont_form textarea { width: 97%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 20px; }
	#cont_form input[type="submit"] { width: 98%; font-size: 1.25rem; padding: 10px 20px; margin-bottom: 20px; }
	#cont_form .txt a { color: #006aa2; }
	#cont_form input[type="submit"]:hover { background: rgba(220, 86, 31, 0); color: rgba(220, 86, 31, 1); }

	/*FOOTER*/
	#top_foot { width: 100%; height: 60px;}
	footer { padding-top:0;}
	#logos_foot { margin-bottom: 2.5rem; }
	#logos_foot img { width: 100%; height: auto; }
	#logos_foot li { display: inline-block; vertical-align: top; padding: 0 1rem; width: 40%; }
	#logos_foot li:nth-child(2) { border-left: 1px solid #fff; }
	#contactos_foot { margin-bottom: 2.5rem; }
	#contactos_foot li { display: inline-block; vertical-align: top; font-size: 0.75rem; width: 90%; margin-bottom: 20px; }
	#contactos_foot li:nth-child(1) { font-size: 1rem; }
	#contactos_foot li img { width: 15%; height: auto; margin-bottom: 10px; }
	#redes_foot { margin-bottom: 2.5rem; }
	#redes_foot li { display: inline-block; vertical-align: top; }
	#redes_foot li:nth-child(1) { margin-right: 3.125rem; }
	#redes_foot li img { width: 80%; height: auto; }
	#ico_subirFoot { position: relative; bottom: -0.9375rem; }
	#cont_orange { padding: 0.9375rem 0; font-size: 0.75rem; }
}

/* Medium screens 500px */
@media screen and (min-width: 37.5em)
{
	header { position: fixed; width: 100%; background: rgba(255,255,255,0.8); z-index: 99; }
	.txt { font-size: 1.25rem; }
	.txt em { font-size: 1.5rem; }

	#main_logo { width: 18.018237082066868%; padding: 0.3125rem 1.25rem;}
	#main_menu { font-size: 1.625rem; display: inline-block; vertical-align: middle; position: none; right: 0; }
	#main_menu ul { display: none; background: #FFF; width: 90%; position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; z-index: 999; }
	#main_menu li { display: block; vertical-align: top; text-align: center; }
	#main_menu a { display: block; padding: 1.5625rem 0.625rem; color: #2a264f; }
	#main_menu .division { padding: 1.5625rem 0.625rem; display: none; }
	#main_menu #ico_menu a { padding: 0.625rem; }
	#main_menu #cont_incidencia { padding: 0;}
  #cont_incidencia a { padding: 1.5625rem 0.625rem 1.5625rem 1.875rem; color: #FFF;display: block; color: #FFF; background: rgba(252,85,17,1);}
  #main_menu #cont_incidencia a:hover, #main_menu #cont_incidencia a.active { background: rgba(252,85,17,0.6); color: #FFF;}
	#cont_banner { padding-top: 7.5rem; padding-bottom: 9.375em; background-attachment: none; text-align: center;}
  #cont_banner::after{content: "";background: url(../img/after_banner.png) no-repeat bottom center;background-size:cover;position: absolute;bottom: 0;right: 0;left: 0;margin: 0 auto;height:200px; width: 100%;}
	#cont_banner h1 { font-size: 2.25rem; line-height: normal; }
	#cont_banner img { width: 70%; height: auto; }

	/*BENEFICIOS*/
	#beneficios { padding: 0; }
  #beneficios::after {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;bottom: -260;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#cont_slider { height: 120px; }
	#beneficios h2 { font-size: 3.125rem; margin-bottom: 3.125rem; position: relative; z-index: -1; }
	#beneficios h4 { font-size: 1.5rem; }

	/*SERVICIOS*/
	#intro_servicios { padding:6.25rem 0 37.5rem 0; background: url(../img/bg_servicios.png) #FFF no-repeat center -100px; background-size: 140% auto; background-attachment: none;}
  #intro_servicios::after{content: "";background: url(../img/after_oferta.png)no-repeat top center;background-size:cover;position: absolute;bottom:0;right: 0;left: 0;margin: 0 auto;height: 460px; width: 100%;z-index:2;}
	#intro_servicios h2 { font-size: 3.125rem; margin-bottom: 3.125rem; }
	#menu_servicios { height: 12.5rem; }
	#menu_servicios li { display: inline-block; width: 26.041666666666668%; height: 240px; margin-right: 3.0395136778115504%; }
	#menu_servicios li:nth-last-child(1) { margin-right: 0; }
	#menu_servicios h3 { font-size: 1rem; opacity: 1; }
	#menu_servicios li:hover h3 { opacity: 1; }
	.img_icoservicio { width: 80%; margin: 0 auto; }

	/*OFERTA DE VALOR*/
	#oferta_valor { padding: 1.875em 0;}
	#oferta_valor h2 { display: block; vertical-align: middle; width: auto; margin-right: 0; font-size: 3.125rem; margin-bottom: 20px; }
	#cont_txtOferta { text-align: left; display: inline-block; vertical-align: middle; width: auto; }
	#cont_txtOferta .txt a { font-size: 1.5rem; }

	/*QUIENES SOMOS*/
	#quienes_somos { padding: 21.875em 0 28.75em 0;}
  #quienes_somos::before{content: "";background: url(../img/before_oferta.png) no-repeat top center;background-size:cover;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 500px;width: 100%;z-index: 2;}
	#quienes_somos h2 { font-size: 3.125rem; margin-bottom: 3.125rem; }
	#cont_txtSomos { width: 80%; }
	#ico_somos { width: 24%; opacity: .2; position: absolute; right: 25px; margin-top: -80px; }

	/*MISION VISION*/
	#mision_vision { padding: 0;margin-bottom: 600px;}
  #mision_vision::before {content: "";background: url(../img/before_mision.png) no-repeat bottom center;background-size: cover;position: absolute;top: -500px;left: 0; right: 0;margin: 0 auto;height: 500px;z-index: 2}
  #mision_vision::after{content: "";background: url(../img/after_misionVision.png) no-repeat bottom center;background-size: cover;position: absolute; bottom: -700px;left: 0;right: 0;margin: 0 auto;height: 830px;z-index: 2;}
	#cont_mision, #cont_vision { display: block; vertical-align: top; width: 80%; margin: 0 auto;z-index: 3}
	#cont_mision { padding-right: 0; text-align: left; }
	#cont_vision { padding-left: 0; padding-top: 60px; padding-bottom: 60px; border-left: none; text-align: right; }
	#cont_mision h2 { top: 70px; left: -90px; font-size: 3.125rem; }
	#cont_vision h2 { right: -90px; top: 130px; font-size: 3.4375rem; }
	#cont_txtMision { padding-left: 80px; }
	#cont_txtVision { padding-right: 80px; }

	/*OBJETIVOS*/
	#objetivos { padding-top: 0; padding-bottom: 0; }
	#objetivos h2 { text-align: right; font-size: 3.125rem; }
	#cont_icoObj { width: 20%; opacity: .2; display: inline-block; vertical-align: middle; margin-right: 3.125rem; margin-left: 0; }
	#cont_listObj { display: block; vertical-align: middle; width: auto; margin: 0 auto; }
	#listObjL, #listObjR { display: inline-block; vertical-align: middle; width: 46%; font-size: 1.25rem; }
	#listObjL { padding-right: 0.625rem; border-right: 3px dotted #2a264f; } #listObjR { padding-left: 0.625rem; }
	#listObjR li, #listObjL li { margin-bottom: 1.375rem; padding-top: 5px; padding-bottom: 5px; }
	#listObjL li { padding-right: 4.375rem; }
	#listObjR li { padding-left: 4.375rem; }
	#listObjL span, #listObjR span { font-size: 1.25rem; }
	#listObjL span { padding: 20px 30px 20px 10px; right: 0; top: 0;}
	#listObjR span { padding: 20px 10px 20px 30px; left: 0; top: 0;}

	/*DETALLE SERVICIOS*/
	#servicios_detalle { padding-bottom: 0;}
	#list_servicios li { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 1.875rem; width: auto; }
	#list_servicios li:nth-child(1) { width: 20%; }
	#list_servicios li:nth-child(2) { width: 78%; }
	#list_servicios li:nth-child(3) { width: 78%; }
	#list_servicios li:nth-child(4) { width: 20%; }
	#list_servicios li:nth-child(5) { width: 20%; }
	#list_servicios li:nth-child(6) { width: 78%; }
	#list_servicios li:nth-child(7) { width: 78%; }
	#list_servicios li:nth-child(8) { width: 20%; }
	#list_servicios li:nth-child(9) { width: 20%; }
	#list_servicios li:nth-child(10) { width: 78%; }
	#list_servicios h4 { font-size: 1.75rem; display: none; vertical-align: middle; width: auto; }
	#list_servicios .txt.txt_right { padding-right: 20px; }
	#list_servicios .txt.txt_left { padding-left: 20px; }
	#list_servicios h4.title_mov { display: block; }
	.img_icoServ { display: inline-block; vertical-align: middle; width: 60%; }
	.txt_blueS { padding: 0 0 0 20px; background: none; }
	.txt_blueH { padding: 0 20px 0 0; background: none; }

	/*INCIDENCIAS*/
	#incidentes { }
  #incidentes::before {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#bg_blueH { padding-top: 8.75rem; padding-bottom: 6.25rem;}
	#bg_blueH h2 { margin: 0 auto 1.875rem auto; width: 98%; font-size: 3.125rem; }
	#bg_blueH .txt { width: 90%; margin: 0 auto; }
	#bg_blueS { margin-top: -7.3125rem; margin-bottom: 3.75rem; padding: 96px 0; position: relative;background-position: left center;}
	#link_contacto { text-align: right; }
	#link_contacto li { display: inline-block; vertical-align: middle; }
	#link_contacto li:nth-child(1) { margin-right: 20px; }
	#link_contacto li img { width: 38px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; }
	#link_contacto a { font-size: 1rem; }
	#cont_form { max-width: 40.9375rem; min-width: 14.375em; padding: 0 1.5625rem; }
	#cont_form input[type="text"] { width: 98%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 20px; }
	#cont_form .row input[type="text"]:nth-child(1) { margin-right: 0; }
	#cont_form .row { margin-bottom: 0; }
	#cont_form .row:nth-child(3) { text-align: left; }
	#cont_form textarea { width: 98%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 20px; }
	#cont_form input[type="submit"] { width: 60%; font-size: 1.25rem; padding: 10px 20px; margin-bottom: 20px; }
	#cont_form .txt a { color: #006aa2; }
	#cont_form input[type="submit"]:hover { background: rgba(220, 86, 31, 0); color: rgba(220, 86, 31, 1); }

	/*FOOTER*/
	#top_foot { width: 100%; height: 100px; }
	footer { padding-top: 0;}
	#logos_foot { margin-bottom: 2.5rem; }
	#logos_foot img { width: 40%; height: auto; }
	#logos_foot li { display: inline-block; vertical-align: top; padding: 0 1.25rem; width: 43%; }
	#logos_foot li:nth-child(2) { border-left: 1px solid #fff; }
	#contactos_foot { margin-bottom: 2.5rem; }
	#contactos_foot li { display: inline-block; vertical-align: top; font-size: 1rem; width: 31%; margin-bottom: 0; }
	#contactos_foot li:nth-child(1) { font-size: 1.25rem; }
	#contactos_foot li img { width: 20%; height: auto; margin-bottom: 10px; }
	#redes_foot { margin-bottom: 2.5rem; }
	#redes_foot li { display: inline-block; vertical-align: top; }
	#redes_foot li:nth-child(1) { margin-right: 3.125rem; }
	#redes_foot li img { width: 80%; height: auto; }
	#ico_subirFoot { position: relative; bottom: -0.9375rem; }
	#cont_orange { padding: 0.9375rem 0; font-size: 1rem; }
}

/* Medium screens 850px */
@media screen and (min-width: 53.1875em)
{
	header { position: fixed; width: 100%; background: rgba(255,255,255,0.8); z-index: 99; }
	.txt { font-size: 1.25rem; }
	.txt em { font-size: 1.5rem; }
	#main_logo { width: 13.018237082066868%; padding: 0.3125rem 1.25rem;}
	#main_menu { font-size: 1rem; display: inline-block; vertical-align: middle; position: absolute; right: 0; }
	#main_menu ul { display: block; background: none; width: auto; position: relative; top: 0; left: 0; right: 0; margin: 0; z-index: 999; }
	#main_menu li { display: inline-block; vertical-align: top; }
	#main_menu a { display: block; padding: 1.5625rem 0.1875em; color: #2a264f; }
	#main_menu .division { padding: 1.5625rem 0.1875em; display: inline-block; }
	#main_menu #ico_menu a { padding: 0.625rem; }
	#main_menu #cont_incidencia { padding: 0;}
  #cont_incidencia a { padding: 1.5625rem 0.625rem 1.5625rem 1.875rem; color: #FFF;display: block; color: #FFF; background: url(../img/bg_incidencia.png) no-repeat left center}
  #main_menu #cont_incidencia a:hover, #main_menu #cont_incidencia a.active { background: url(../img/bg_incidencia_hover.png) no-repeat left center; color: #FFF;}
	#cont_banner {padding-top: 7.5rem; padding-bottom: 9.375em; background-attachment: none; text-align: center;}
  #cont_banner::after{content: "";background: url(../img/after_banner.png) no-repeat bottom center;background-size:cover;position: absolute;bottom: 0;right: 0;left: 0;margin: 0 auto;height:200px; width: 100%;}
	#cont_banner h1 { font-size: 2.625rem; line-height: normal; }
	#cont_banner img { width:50%; height: auto; }
	.cont_burger { display: none; }

	/*BENEFICIOS*/
	#beneficios { padding: 0; }
  #beneficios::after {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;bottom: -260;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#cont_slider { height:7.5em; }
	#beneficios h2 { font-size: 3.4375rem; margin-bottom: 3.125rem; position: relative; z-index: -1; }
	#beneficios h4 { font-size: 1.75rem; }

	/*SERVICIOS*/
	#intro_servicios {padding:6.25rem 0 23.75rem 0; background: url(../img/bg_servicios.png) #FFF no-repeat center -350px; background-size: 130% auto; background-attachment: none;}
  #intro_servicios::after{content: "";background: url(../img/after_oferta.png)no-repeat top center;background-size:cover;position: absolute;bottom:0;right: 0;left: 0;margin: 0 auto;height: 460px; width: 100%;z-index:2;}
	#intro_servicios h2 { font-size: 3.4375rem; margin-bottom: 3.125rem; }
	#menu_servicios { height: 12.5rem; }
	#menu_servicios li { display: inline-block; width: 12.310030395136778%; height: auto; margin-right: 3.0395136778115504%; }
	#menu_servicios li:nth-last-child(1) { margin-right: 0; }
	#menu_servicios h3 { font-size: 1.125rem; opacity: 1; }
	#menu_servicios li:hover h3 { opacity: 1; }
	.img_icoservicio { width: 94%; margin: 0 auto; }

	/*OFERTA DE VALOR*/
	#oferta_valor { padding: 1.875em 0;}
	#oferta_valor h2 { display: inline-block; vertical-align: middle; width: 22%; margin-right: 6%; font-size: 3.4375rem; margin-bottom: 0; }
	#cont_txtOferta { text-align: left; display: inline-block; vertical-align: middle; width: 60%; }
	#cont_txtOferta .txt a { font-size: 1.5rem; }

	/*QUIENES SOMOS*/
	#quienes_somos { padding: 21.875em 0 28.75em 0;}
  #quienes_somos::before{content: "";background: url(../img/before_oferta.png) no-repeat top center;background-size:cover;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 500px;width: 100%;z-index: 2;}
	#quienes_somos h2 { font-size: 3.4375rem; margin-bottom: 3.125rem; }
	#cont_txtSomos { width: 80%; }
	#ico_somos { width: 24%; opacity: .2; position: absolute; right: 25px; margin-top: -80px; }

	/*MISION VISION*/
	#mision_vision { padding: 0;margin-bottom: 600px; }
  #mision_vision::before {content: "";background: url(../img/before_mision.png) no-repeat bottom center;background-size: cover;position: absolute;top: -500px;left: 0; right: 0;margin: 0 auto;height: 500px;z-index: 2}
  #mision_vision::after{content: "";background: url(../img/after_misionVision.png) no-repeat bottom center;background-size: cover;position: absolute; bottom: -700px;left: 0;right: 0;margin: 0 auto;height: 830px;z-index: 2;}
	#cont_mision, #cont_vision { display: inline-block; vertical-align: top; width: 45%;z-index: 3}
	#cont_mision { padding-right: 20px; text-align: right; }
	#cont_vision { padding-left: 20px; padding-top: 60px; padding-bottom: 60px; border-left: 3px dotted #2a264f; text-align: left; }
	#cont_mision h2 { top: 70px; left: -90px; font-size: 3.4375rem; }
	#cont_vision h2 { right: -90px; top: 130px; font-size: 3.4375rem; }
	#cont_txtMision { padding-left: 80px; }
	#cont_txtVision { padding-right: 80px; }

	/*OBJETIVOS*/
	#objetivos { padding-top: 0; margin-top: 0; }
	#objetivos h2 { text-align: right; font-size: 3.4375rem; }
	#cont_icoObj { width: 24%; opacity: .2; display: inline-block; vertical-align: middle; margin-right: 3.125rem; }
	#cont_listObj { display: inline-block; vertical-align: middle; width: 70%; }
	#listObjL, #listObjR { display: inline-block; vertical-align: middle; width: 46%; font-size: 1.25rem; }
	#listObjL { padding-right: 0.625rem; border-right: 3px dotted #2a264f; }
	#listObjR { padding-left: 0.625rem; }
	#listObjR li, #listObjL li { margin-bottom: 1.375rem; padding-top: 5px; padding-bottom: 5px; }
	#listObjL li { padding-right: 4.375rem; }
	#listObjR li { padding-left: 4.375rem; }
	#listObjL span, #listObjR span { font-size: 1.75rem; }
	#listObjL span { padding: 20px 30px 20px 10px; right: 0; top: 0;}
	#listObjR span { padding: 20px 10px 20px 30px; left: 0; top: 0;}

	/*DETALLE SERVICIOS*/
	#servicios_detalle { padding-bottom: 0;}
	#list_servicios li { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 1.875rem; width: 48%; }
	#list_servicios li:nth-child(1) { width: 48%; }
	#list_servicios li:nth-child(2) { width: 48%; }
	#list_servicios li:nth-child(3) { width: 48%; }
	#list_servicios li:nth-child(4) { width: 48%; }
	#list_servicios li:nth-child(5) { width: 48%; }
	#list_servicios li:nth-child(6) { width: 48%; }
	#list_servicios li:nth-child(7) { width: 48%; }
	#list_servicios li:nth-child(8) { width: 48%; }
	#list_servicios li:nth-child(9) { width: 48%; }
	#list_servicios li:nth-child(10) { width: 48%; }
	#list_servicios h4 { font-size: 2.5rem; display: inline-block; vertical-align: middle; width: 76%; }
	#list_servicios .txt.txt_right { padding-right: 20px; }
	#list_servicios .txt.txt_left { padding-left: 20px; }
	#list_servicios h4.title_mov { display: none; }
	.img_icoServ { display: inline-block; vertical-align: middle; width: 17.148936170212767%; }
	.txt_blueS { padding: 50px 10px; background: url(../img/bg_serL.png) no-repeat center center; background-size: contain; }
	.txt_blueH { padding: 50px 10px; background: url(../img/bg_serR.png) no-repeat center center; background-size: contain; }

	/*INCIDENCIAS*/
	#incidentes { margin-top: 0; }
  #incidentes::before {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#bg_blueH { padding-top: 8.75rem; padding-bottom: 6.25rem;}
	#bg_blueH h2 { margin: 0 auto 1.875rem auto; width: 50%; font-size: 3.4375rem; }
	#bg_blueH .txt { width: 70%; margin: 0 auto; }
	#bg_blueS {margin-top: -7.6875rem; margin-bottom: 3.75rem; padding: 96px 0; position: relative;background-position: left center;}
	#link_contacto { text-align: right; }
	#link_contacto li { display: inline-block; vertical-align: middle; }
	#link_contacto li:nth-child(1) { margin-right: 20px; }
	#link_contacto li img { width: 50px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; }
	#link_contacto a { font-size: 1.25rem; }
	#cont_form { max-width: 40.9375rem; min-width: 14.375em; padding: 0 1.5625rem; }
	#cont_form input[type="text"] { width: 44%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 0; }
	#cont_form .row input[type="text"]:nth-child(1) { margin-right: 2%; }
	#cont_form .row { margin-bottom: 20px; }
	#cont_form .row:nth-child(3) { text-align: left; }
	#cont_form textarea { width: 96%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 0; }
	#cont_form input[type="submit"] { width: 60%; font-size: 1.25rem; padding: 10px 20px; margin-bottom: 0; }
	#cont_form .txt a { color: #006aa2; }
	#cont_form input[type="submit"]:hover { background: rgba(220, 86, 31, 0); color: rgba(220, 86, 31, 1); }

	/*FOOTER*/
	#top_foot { width: 100%; height: 150px; }
	footer { padding-top: 0;}
	#logos_foot { margin-bottom: 2.5rem; }
	#logos_foot img { width: 50%; height: auto;display: inline-block;}
	#logos_foot li { display: inline-block; vertical-align: top; padding: 0 1.25rem; width: 40%; }
	#logos_foot li:nth-child(2) { border-left: 1px solid #fff; }
	#contactos_foot { margin-bottom: 2.5rem; }
	#contactos_foot li { display: inline-block; vertical-align: top; font-size: 1.25rem; width: 31%; margin-bottom: 0; }
	#contactos_foot li:nth-child(1) { font-size: 1.5rem; }
	#contactos_foot li img { width: auto; height: auto; margin-bottom: 10px; }
	#redes_foot { margin-bottom: 2.5rem; }
	#redes_foot li { display: inline-block; vertical-align: top; }
	#redes_foot li:nth-child(1) { margin-right: 3.125rem; }
	#redes_foot li img { width: auto; height: auto; }
	#ico_subirFoot { position: relative; bottom: -0.9375rem; }
	#cont_orange { padding: 0.9375rem 0; font-size: 1.25rem; }
}

/* Large screens 1024px */
@media screen and (min-width: 64.0625em)
{
	header { position: fixed; width: 100%; background: rgba(255,255,255,0.8); z-index: 99; }
	.txt { font-size: 1.25rem; }
	.txt em { font-size: 1.5rem; }
	#main_logo { width: 11.018237082066868%; padding: 0.3125rem 1.25rem;}
	#main_menu { font-size: 1rem; display: inline-block; vertical-align: middle; position: absolute; right: 0; }
	#main_menu ul { display: block; background: none; width: auto; position: relative; top: 0; left: 0; right: 0; margin: 0; z-index: 999; }
	#main_menu li { display: inline-block; vertical-align: top; }
	#main_menu a { display: block; padding: 1.5625rem 0.625rem; color: #2a264f; }
	#main_menu .division { padding: 1.5625rem 0.625rem; display: inline-block; }
	#main_menu #ico_menu a { padding: 0.625rem; }
	#main_menu #cont_incidencia { padding: 0;}
  #cont_incidencia a { padding: 1.5625rem 0.625rem 1.5625rem 1.875rem; color: #FFF;display: block; color: #FFF; background: url(../img/bg_incidencia.png) no-repeat left center}
  #main_menu #cont_incidencia a:hover, #main_menu #cont_incidencia a.active { background: url(../img/bg_incidencia_hover.png) no-repeat left center; color: #FFF;}
	#cont_banner { padding-top: 7.5rem; padding-bottom: 18.75rem; background-attachment: fixed; text-align: center;position: relative;}
  #cont_banner::after{content: "";background: url(../img/after_banner.png)no-repeat bottom center;background-size:cover;position: absolute;bottom: 0;right: 0;left: 0;margin: 0 auto;height: 400px; width: 100%;}
	#cont_banner h1 { font-size: 2.625rem; line-height: normal; }
	#cont_banner img { width: 38%; height: auto; }
	.cont_burger { display: none; }

	/*BENEFICIOS*/
	#beneficios { padding: 0; }
  #beneficios::after {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;bottom: -260;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#cont_slider {height: 120px; }
	#beneficios h2 { font-size: 4.1875rem; margin-bottom: 3.125rem; position: relative; z-index: -1; }
	#beneficios h4 { font-size: 2.125rem; }

	/*SERVICIOS*/
	#intro_servicios { padding: 10rem 0 37.5rem 0; background: url(../img/bg_servicios.png) #FFF no-repeat center -200px; background-size: 100% auto; background-attachment: fixed;position: relative;}
  #intro_servicios::after{content: "";background: url(../img/after_oferta.png)no-repeat top center;background-size:cover;position: absolute;bottom:0;right: 0;left: 0;margin: 0 auto;height: 37.5rem; width: 100%;z-index:2;}
  #intro_servicios h2 { font-size: 4.1875rem; margin-bottom: 3.125rem; }
	#menu_servicios { height: 12.5rem; }
	#menu_servicios li { display: inline-block; width: 12.310030395136778%; height: auto; margin-right: 3.0395136778115504%; }
	#menu_servicios li:nth-last-child(1) { margin-right: 0; }
	#menu_servicios h3 { font-size: 1.375rem; opacity: 0; }
	#menu_servicios li:hover h3 { opacity: 1; }
	.img_icoservicio { width: 70%; margin: 0 auto; }

	/*OFERTA DE VALOR*/
	#oferta_valor {padding: 0;position: relative;}
	#oferta_valor h2 { display: inline-block; vertical-align: middle; width: 26%; margin-right: 6%; font-size: 4.1875rem; margin-bottom: 0; }
	#cont_txtOferta { text-align: left; display: inline-block; vertical-align: middle; width: 60%; }
	#cont_txtOferta .txt a { font-size: 1.5rem; }

	/*QUIENES SOMOS*/
	#quienes_somos { padding:25rem 0 40rem 0;position: relative}
  #quienes_somos::before{content: "";background: url(../img/before_oferta.png) no-repeat top center;background-size:cover;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 500px;width: 100%;z-index: 2;}
	#quienes_somos h2 { font-size: 4.1875rem; margin-bottom: 3.125rem; }
	#cont_txtSomos { width: auto; }
	#ico_somos { width: 22%; opacity: .2; position: absolute; right: 25px; margin-top: -20px; }

	/*MISION VISION*/
	#mision_vision {position: relative;padding: 0 0 50px 0;margin-bottom: 880px;}
  #mision_vision::before {content: "";background: url(../img/before_mision.png) no-repeat bottom center;background-size: cover;position: absolute;top: -660px;left: 0; right: 0;margin: 0 auto;height: 660px;z-index: 2}
  #mision_vision::after{content: "";background: url(../img/after_misionVision.png) no-repeat bottom center;background-size: cover;position: absolute; bottom: -1000px;left: 0;right: 0;margin: 0 auto;height: 1000px;z-index: 2;}
  #cont_mision, #cont_vision { display: inline-block; vertical-align: top; width: 45%;z-index: 3}
	#cont_mision { padding-right: 20px; text-align: right; }
	#cont_vision { padding-left: 20px; padding-top: 60px; padding-bottom: 60px; border-left: 3px dotted #2a264f; text-align: left; }
	#cont_mision h2 { top: 70px; left: -90px; font-size: 4.1875rem; }
	#cont_vision h2 { right: -90px; top: 130px; font-size: 4.1875rem; }
	#cont_txtMision { padding-left: 80px; }
	#cont_txtVision { padding-right: 80px; }

	/*OBJETIVOS*/
	#objetivos { padding: 0;}
	#objetivos h2 { text-align: right; font-size: 4.1875rem; }
	#cont_icoObj { width: 24%; opacity: .2; display: inline-block; vertical-align: middle; margin-right: 3.125rem; margin-left: 0; }
	#cont_listObj { display: inline-block; vertical-align: middle; width: 70%; }
	#listObjL, #listObjR { display: inline-block; vertical-align: middle; width: 46%; font-size: 1.25rem; }
	#listObjL { padding-right: 0.625rem; border-right: 3px dotted #2a264f; }
	#listObjR { padding-left: 0.625rem; }
	#listObjR li, #listObjL li { margin-bottom: 1.375rem; padding-top: 5px; padding-bottom: 5px; }
	#listObjL li { padding-right: 4.375rem; }
	#listObjR li { padding-left: 4.375rem; }
	#listObjL span, #listObjR span { font-size: 1.75rem; }
	#listObjL span { padding: 20px 30px 20px 10px; right: 0; top: 0;}
	#listObjR span { padding: 20px 10px 20px 30px; left: 0; top: 0;}

	/*DETALLE SERVICIOS*/
	#servicios_detalle { padding-bottom:0;}
	#list_servicios li { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 1.875rem; width: 48%; }
	#list_servicios li:nth-child(1) { width: 48%; }
	#list_servicios li:nth-child(2) { width: 48%; }
	#list_servicios li:nth-child(3) { width: 48%; }
	#list_servicios li:nth-child(4) { width: 48%; }
	#list_servicios li:nth-child(5) { width: 48%; }
	#list_servicios li:nth-child(6) { width: 48%; }
	#list_servicios li:nth-child(7) { width: 48%; }
	#list_servicios li:nth-child(8) { width: 48%; }
	#list_servicios li:nth-child(9) { width: 48%; }
	#list_servicios li:nth-child(10) { width: 48%; }
	#list_servicios h4 { font-size: 3.125rem; display: inline-block; vertical-align: middle; width: 76%; }
	#list_servicios .txt.txt_right { padding-right: 40px; }
	#list_servicios .txt.txt_left { padding-left: 40px; }
	#list_servicios h4.title_mov { display: none; }
	.img_icoServ { display: inline-block; vertical-align: middle; width: 19.148936170212767%; }
	.txt_blueS { padding: 50px 10px; background: url(../img/bg_serL.png) no-repeat center center; background-size: contain; }
	.txt_blueH { padding: 50px 10px; background: url(../img/bg_serR.png) no-repeat center center; background-size: contain; }

	/*INCIDENCIAS*/
	#incidentes {}
  #incidentes::before {content: "";background: url(../img/after_beneficios.png)no-repeat top center;background-size:contain;position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;height: 33.85416666666667%; width: 100%;z-index: 2}
	#bg_blueH { padding-top: 10rem; padding-bottom: 10rem;}
	#bg_blueH h2 { margin: 0 auto 1.875rem auto; width: 60%; font-size: 4.1875rem; }
	#bg_blueH .txt { width: 70%; margin: 0 auto; }
	#bg_blueS {margin-top: -9rem; margin-bottom: 3.75rem; padding: 120px 0; position: relative;background-position: left center;}
	#link_contacto { text-align: right; }
	#link_contacto li { display: inline-block; vertical-align: middle; }
	#link_contacto li:nth-child(1) { margin-right: 20px; }
	#link_contacto li img { width: 50px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; }
	#link_contacto a { font-size: 1.5rem; }
	#cont_form { max-width: 40.9375rem; min-width: 14.375em; padding: 0 1.5625rem; }
	#cont_form input[type="text"] { width: 44%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 0; }
	#cont_form .row input[type="text"]:nth-child(1) { margin-right: 2%; }
	#cont_form .row { margin-bottom: 20px; }
	#cont_form .row:nth-child(3) { text-align: left; }
	#cont_form textarea { width: 96%; padding: 1% 2%; font-size: 1.25rem; margin-bottom: 0; }
	#cont_form input[type="submit"] { width: 60%; font-size: 1.25rem; padding: 10px 20px; margin-bottom: 0; }
	#cont_form .txt a { color: #006aa2; }
	#cont_form input[type="submit"]:hover { background: rgba(220, 86, 31, 0); color: rgba(220, 86, 31, 1); }

	/*FOOTER*/
	#top_foot {width: 100%; height: 150px;}
	footer { padding-top: 0; }
	#logos_foot { margin-bottom: 2.5rem; }
	#logos_foot img { width: 45%; height: auto; }
	#logos_foot li { display: inline-block; vertical-align: top; padding: 0 1.25rem; width: 46%; }
	#logos_foot li:nth-child(2) { border-left: 1px solid #fff; }
	#contactos_foot { margin-bottom: 2.5rem; }
	#contactos_foot li { display: inline-block; vertical-align: top; font-size: 1.25rem; width: 31%; margin-bottom: 0; }
	#contactos_foot li:nth-child(1) { font-size: 1.5rem; }
	#contactos_foot li img { width: auto; height: auto; margin-bottom: 10px; }
	#redes_foot { margin-bottom: 2.5rem; }
	#redes_foot li { display: inline-block; vertical-align: top; }
	#redes_foot li img { width: auto; height: auto; }
	#redes_foot li:nth-child(1) { margin-right: 3.125rem; }
	#ico_subirFoot { position: relative; bottom: -0.9375rem; }
	#cont_orange { padding: 0.9375rem 0; font-size: 1.25rem; }
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi)
{
	/* Style adjustments for high resolution devices */
}

/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request ========================================================================== */

@media print
{
	*, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	/* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */
	a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	/* * Printing Tables: */
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}