@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
@import "select2.css";
@import "flip.css";

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}
table{border-spacing:0;border-collapse:collapse}
caption,th,td{text-align:left;text-align:start;vertical-align:top}
abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}
blockquote,q{quotes:none}
fieldset,img{border:0}
ul{list-style-type:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
del{text-decoration:line-through}
ins{text-decoration:none}
body{ font-family: 'Open Sans', sans-serif; font-size: 12px; color:#000}
input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}
pre,code{font-family:Monaco,monospace}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
h1{font-size:1.8333em}
h2{font-size:1.6667em}
h3{font-size:1.5em}
h4{font-size:1.3333em}
table{font-size:inherit}
caption,th{font-weight:700}
a{color:#00f}
h1,h2,h3,h4,h5,h6{margin-top:1em}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form{margin:0;padding:0}
img{border:0}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
body{font-size:100.01%}
select,input,textarea{font-size:99%}

.alert { background:#DFF2BF; color:#008000; padding:20px 0; margin-bottom:15px; text-align:center; }

#container,.inside{position:relative}
#main,#left,#right{float:left;position:relative}
#main{width:100%}
#left{margin-left:-100%}
#right{margin-right:-100%}
#footer{clear:both}
@media(max-width:767px) {
    #wrapper{margin:0;width:auto}
    #container{padding-left:0;padding-right:0}
    #main,#left,#right{float:none;width:auto}
    #left{right:0;margin-left:0}
    #right{margin-right:0}
}
#main .inside{min-height:1px}
img{max-width:100%;height:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie8 img{width:auto}
.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}
.ce_gallery li{float:left}
.ce_gallery li.col_first{clear:left}
.block{overflow:hidden}
.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block}
#container:after,.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.content-slider{overflow:hidden;visibility:hidden;position:relative}
.slider-wrapper{overflow:hidden;position:relative}
.slider-wrapper>*{float:left;width:100%;position:relative}
.slider-control{height:30px;position:relative}
.slider-control a,.slider-control span{position:absolute;top:9px;display:inline-block}
.slider-control .slider-prev{left:0}
.slider-control .slider-next{right:0}
.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}
.slider-control .slider-menu b{color:#bbb;cursor:pointer}
.slider-control .slider-menu b.active{color:#666}
html,body{height:100%}
img{position:relative;display:block}
.image{width:100%;height:100%;margin-top:50px;margin-bottom:-100px}
.spacer-top{width:100%;height:40px;left:0;top:0;position:absolute;background-color:#fff;z-index:10}
.spacer-bottom{width:100%;height:40px;bottom:0;left:0;position:absolute;background-color:#fff; z-index: 99;}
body{min-width:980px;background-color:#fff;font:16px 'Open Sans';-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto; color: #000; font-weight: 300;}
#wrapper_rahmen{height:100%;position:relative;margin-right:40px;margin-left:40px}
#wrapper{height:100%;position:relative;margin:0 auto}


.section{width:100%;height:100%;position:relative;background-position:center center;background-repeat:no-repeat;margin:0 auto;background-attachment:fixed; color: #FFF; overflow: hidden;}
.section .inside{width:100%;height:100%;background-repeat:no-repeat; overflow: hidden;}
.section-2{position:relative;overflow:visible;padding-top:80px;padding-bottom:60px;background-position:center center;background-attachment:fixed;}
.bottom{width:100%;bottom:0;left:0;position:absolute;padding-bottom:40px}
.section .down { width:56px;left:50%;position:absolute;overflow:visible;clear:both;margin-left:-28px;bottom:100px}
.section-2 .down { width:56px;left:0;top:0;position:relative;overflow:visible;clear:both;padding-top:40px;padding-bottom:10px;margin:0 auto}
.down .image_container { overflow:visible;padding-bottom:0}
.logo { display:inline-block; float: left; width: 290px; }
.logo img { width:260px; margin-top:20px; margin-bottom:21px}

.bann_r { float: right; margin-top: 20px; }
.bann_r .phone { float: right; margin-bottom: 15px; }
.bann_r .phone .day { font-weight: 700; font-size: 16px; line-height: 16px; float: left; color: #57575B; padding: 0px 26px 0 22px; background: url(../img/icon_phone.png) no-repeat right bottom; }
.bann_r .phone .hour { font-weight: 700; font-size: 24px; float: left; color: #EB1F2D; margin-left:5px;}


h2{color:#58585b; font-weight: 700; font-size: 20px; text-align: center;}
strong{font-family: 'Open Sans', sans-serif; font-weight:bold}
.section h1{ padding-top:120px; margin-bottom: 30px; padding-bottom: 30px; text-align:center;font:48px 'Open Sans'; color: #FFF; font-weight: 700; background: url(../img/bg_h1_black.png) no-repeat bottom center; }
.section-2 h1{ margin-top:30px; padding-bottom: 30px; margin-bottom: 30px; text-align:center; font:48px 'Open Sans'; color:#EA222D; font-weight: 700; background: url(../img/bg_h1.png) no-repeat bottom center;}
a{text-decoration:none;color:#c02947}
a:hover{text-decoration:underline}
#header{width:100%;left:0;top:0;position:fixed;background-color:#fff;z-index:100}
#header .inside{position:relative;margin:0 40px}

#nav { float: right; margin-bottom:21px; font-weight: 300; font-size: 16px; position: relative; z-index: 9999; }
#nav li {float:left; padding-left:54px; position: relative;}
#nav li a{color:#000; padding: 4px 8px;}
#nav li a:hover,#nav li a.active{text-decoration:none;color:#FFF; background: #EB1F2D;}
#nav li.nav8 img { width: 35px; position: absolute; top: -10px; right: 0;   }
#nav li.nav8 a:hover { background: none;   }


#header *{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
#header li a{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}
.anker {top:0;position:absolute}

#servicios .mod_article { background-image: url(../img/banner/5/2560.jpg);}
#tips                   { background-image: url(../img/banner/05.jpg);}
#contacto-2 .row        { background-image: url(../img/banner/4/2560.jpg);}
#trabajo                { background-image: url(../img/banner/06.jpg);}


#home .right { position: absolute; bottom: 0; right: 0; background: url(../img/bg_lines.png) no-repeat right bottom; width: 600px; height: 400px; z-index: 999; }
#home .slogan { position: absolute; width: 550px; left: 50%; margin-left: -250px; top: 50%; text-align: center; font-size: 18px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); }
#home .slogan strong { font-size: 30px; display: block;  }
#home li { width: 100%; height: 100%; position: absolute; overflow: hidden; z-index: 10; background-size: cover; background-position: 50% 50% !important; }
#home .x1 { background-image: url(../img/banner/01.jpg);  }
#home .x2 { background-image: url(../img/banner/02.jpg);  }
#home .x3 { background-image: url(../img/banner/03.jpg);  }
#home .x4 { background-image: url(../img/banner/04.jpg);  }

#servicios .col-2 { width:33.33%; margin: 0; padding: 0; height: 380px; position:relative; overflow:hidden; float:left; font-size: 16px; color: #FFF; font-weight: 300; }
#servicios .front_3 div { font-weight: 700; font-size: 28px; margin: 100px auto; width: 50%; }
#servicios .front_3 div img { float: left; margin-right: 25px; }
#servicios .front_3 div p { float: left; width: 60%; margin-top: 10px; text-wrap: none; }
#servicios .back_3 div { font-weight: 300; font-size: 16px; margin: 30px auto; width: 80%; }
#servicios .back_3 div p { font-weight: 700; float: left; font-size: 28px; width: 350px; }
#servicios .back_3 div img { float: left; margin-right: 25px; }
#servicios .back_3 div hr { clear: both; border: none; background: none; margin-bottom: 30px; }

#contacto-2 .row { color: #FFF; background-repeat: no-repeat; background-position: center center; background-color: #000; }
#contacto-2 .col-5 { width: 40%; padding: 5%; float: left; margin: 0; min-height: 500px; background: rgba(0,0,0,.35);}
#contacto-2 .last { background: rgba(0,0,0,0); padding-bottom: 2%; }
#contacto-2 p { width: 100%; }
#contacto-2 .col-6 { width: 45%; margin-right: 10% }
#contacto-2 h2 { color: #FFF; margin-bottom: 40px }
#contacto-2 h3 { color: #EA222D; font-size: 16px; font-weight: 700; }
#contacto-2 strong { min-width: 180px; display: inline-block; }
#contacto-2 #mapa { color: #000; font-size: 16px; font-weight: 300;}
#contacto-2 #mapa strong { color: #EA222D; font-size: 16px; font-weight: 700;}
#contacto-2 label { display: inline-block; padding-right: 1.5%;margin-bottom: 10px;  }
#contacto-2 input[type=text] { background: rgba(255,255,255,.2); border: none; margin-bottom: 10px; width: 60%; color: #FFF; padding: 6px; font-size: 0.8em;  }
#contacto-2 input[type=text].short { width: 34%; }
#contacto-2 input[type=text].last { float: right; margin-right: 0; }
#contacto-2 textarea { padding: 3px; background: rgba(255,255,255,.2); border: none; width: 95%; height: 100px; color: #fff; padding: 2%; font-size: 14px;  }
#contacto-2 .btn { padding: 8px; background-color: #FFF; color:#E9212D; margin-top: 15px; display: block; text-align: center; text-decoration: none; font-weight: 700; }
#contacto-2 .btn:hover { background-color: #E9212D; color:#FFF; }
#contacto-2 .lugares { background: url(../img/contacto/peru.png) no-repeat 50px 0; min-height: 540px}
#contacto-2 .lugares ul { background: #dfdfdf; width: 40%; float: right; padding: 20px; }
#contacto-2 .titulo { margin-top: 120px; border: 3px solid #C4C4C4; background: none; font-size: 32px; padding: 27px 0; }
#contacto-2 input[type=submit] {padding: 15px 8px; border:1px solid #ea222d; background-color: #ea222d; color:#FFF; width: 100%; cursor: pointer; margin-top: 15px; font-weight: 400;}
#contacto-2 input[type=submit]:hover {border:1px solid #FFF; background-color:#FFF; color:#ea222d;}

#empresa { color: #8D8D8D; }
#empresa .front strong { font-weight: 700; font-size: 16px; width: 100%;  }
#empresa .back p { padding-top: 15px; }

#tips .right { position: absolute; bottom: 0; right: 0; background: url(../img/bg_lines.png) no-repeat right bottom; width: 600px; height: 400px; }
#tips .slogan { position: absolute; width: 550px; left: 50%; margin-left: -250px; top: 50%; text-align: center; font-size: 18px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); }
#tips .slogan strong { font-size: 30px; display: block;  }
#tips-2 .row { background: #E9212D; min-height: 527px; padding-top: 100px; color: #FFF; }
#tips-2 .col-6 { width: 50%; float: left; margin: 0; padding: 0; position: relative;}
#tips-2 section { margin: 0 auto 50px auto; width: 400px;  }
#tips-2 section .accordion { padding-top: 25px; font-size:16px;color: #FFF; font-weight: 300;}
#tips-2 .ce_accordion .toggler { padding:16px 0;text-align:center;font-size:16px;color: #FFF;border:3px solid #FFF; font-weight: 300; width: 378px; outline:none; }
#tips-2 .ce_accordion .toggler:hover { border:3px solid #EA222D; background: #FFF; color: #EA222D;}
#tips-2 .ce_accordion .toggler.ui-accordion-header-active { border:3px solid #EA222D; background: #FFF; color: #EA222D;}
#tips-2 .ce_accordion strong { font-weight: 700; font-size: 20px; }
#tips-2 .ce_accordion .toggler:hover{cursor:pointer}
#tips-2 .ce_accordion li { margin-left: 25px; list-style: circle;}
#tips-2 .ce_accordion strong { font-weight: 500; font-size: 16px; }

#porque li{width:33.33%; position:relative;overflow:hidden;float:left; font-size: 16px; color: #FFF; text-align: center; font-weight: 300;}
#porque li .back_2 { height: 400px; display: table; margin-right: -3px; }
#porque li .back_2 div { font-size: .98em; line-height: 1.3em; padding: 8%; text-align: justify; display: table-cell; vertical-align: middle; }
#porque li .color { background: #B41A22; }

#trabajo .right { position: absolute; bottom: 0; right: 0; background: url(../img/bg_lines.png) no-repeat right bottom; width: 600px; height: 400px; }
#trabajo .slogan { position: absolute; width: 550px; left: 50%; margin-left: -250px; top: 50%; text-align: center; font-size: 18px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); }
#trabajo .slogan strong { font-size: 30px; display: block;  }
#trabajo-2 .row { background: #E9212D; color: #FFF; padding: 40px 0; color: #FFF;}
#trabajo-2 p { width: 100%; }
#trabajo-2 label { display: inline-block; padding-right: 1.5%; }
#trabajo-2 label.left { min-width: 10%; padding-right: 1%; }
#trabajo-2 label.mid { min-width: 7%; padding-right: 1%; }
#trabajo-2 label.exp { margin-left: 41%; }
#trabajo-2 input[type=text] { padding: 6px; font-size: 0.8em; background: rgba(255,255,255,.2); border: none; margin-bottom: 20px; margin-right: 2.5%; width: 21%; color: #FFF; }
#trabajo-2 input[type=text].long { width: 45%; float: right; }
#trabajo-2 input[type=text].short { width: 8%; }
#trabajo-2 .last, #trabajo-2 input[type=text].last { float: right; margin-right: 0; }
#trabajo-2 textarea { padding: 6px; font-size: 0.8em; color: #FFF; background: rgba(255,255,255,.2); border: none; width: 47%; height: 150px; resize: none;}
#trabajo-2 input[type=submit] {padding: 8px; border:1px solid #FFF; background-color: #FFF; color:#ea222d; width: 40%; cursor: pointer; margin-top: 15px; float: right; font-weight: 400;}
#trabajo-2 input[type=submit]:hover {border:1px solid #9f9f9f; background-color:#9f9f9f; color:#FFF;}
#trabajo-2 img { float: left; margin-right: 27px; }
#trabajo-2 .clear { margin-bottom: 30px; }
#FILE { display:none; background: #009335; color: #FFF; text-align: center; width: 245px; height: 48px; line-height: 48px; cursor: pointer; font-size: 15px; border: 3px solid #FFF; background: #ea222d; float: left; margin-top: 50px; font-weight: 400; }
#FILE:hover { background: #FFF; color: #ea222d; }
#FILE_CV { display:none; background: #009335; color: #FFF; text-align: center; width: 245px; height: 48px; line-height: 48px; cursor: pointer; font-size: 15px; border: 3px solid #FFF; background: #ea222d; float: right; margin-top: 50px; font-weight: 400; }
#FILE_CV:hover { background: #FFF; color: #ea222d; }

@media screen and (min-width:1601px) and (max-width:1920px) {

    #servicios .mod_article { background-image: url(../img/banner/5/1920.jpg);}
    /*#tips                   { background-image: url(../img/banner/3/1920.jpg);}*/
    #contacto-2 .row        { background-image: url(../img/banner/4/1920.jpg);}
    /*#trabajo                { background-image: url(../img/banner/2/1920.jpg);}*/

    /*#home .x1 { background-image: url(../img/banner/1/1920.jpg);  }
    #home .x2 { background-image: url(../img/banner/6/1920.jpg);  }
    #home .x3 { background-image: url(../img/banner/5/1920.jpg);  }
    #home .x4 { background-image: url(../img/banner/4/1920.jpg);  }*/

    h1{font-size:3.5em}
}
@media screen and (min-width:1281px) and (max-width:1600px) {

    #servicios .mod_article { background-image: url(../img/banner/5/1600.jpg);}
    /*#tips                   { background-image: url(../img/banner/3/1600.jpg);}*/
    #contacto-2 .row        { background-image: url(../img/banner/4/1600.jpg);}
    /*#trabajo                { background-image: url(../img/banner/2/1600.jpg);}*/

    /*#home .x1 { background-image: url(../img/banner/1/1600.jpg);  }
    #home .x2 { background-image: url(../img/banner/6/1600.jpg);  }
    #home .x3 { background-image: url(../img/banner/5/1600.jpg);  }
    #home .x4 { background-image: url(../img/banner/4/1600.jpg);  }*/

    #trabajo-2 .row {background: #B31921;}

    #nav li {padding-left:20px}
    #porque li { height: 350px; }
    #porque .back_2 div { font-size: 0.7em; line-height: 1.2em; margin: 5%; }

    .section h1{margin-top:-100px; font-size:3em}
    .section-2 h1{font-size:3em }

    #servicios .front_3 div { font-size: 20px; margin: 100px auto 0 auto; width: 70%; }
    #servicios .front_3 div p { font-size: 20px; }
    #servicios .back_3 div { font-size: 14px; }
    #servicios .back_3 div p { font-size: 18px; }
    #servicios .back_3 div hr { margin-bottom: 5px; }
    
    #tips-2 .ce_accordion p { font-size: 14px; }   
    #tips-2 .ce_accordion li { font-size: 14px; }   


}
@media screen and (min-width:1025px) and (max-width:1280px) {
    #servicios .mod_article { background-image: url(../img/banner/5/1280.jpg);}
    /*#tips                   { background-image: url(../img/banner/3/1280.jpg);}*/
    #contacto-2 .row        { background-image: url(../img/banner/4/1280.jpg);}
    /*#trabajo                { background-image: url(../img/banner/2/1280.jpg);}*/

    /*#home .x1 { background-image: url(../img/banner/1/1280.jpg);  }
    #home .x2 { background-image: url(../img/banner/6/1280.jpg);  }
    #home .x3 { background-image: url(../img/banner/5/1280.jpg);  }
    #home .x4 { background-image: url(../img/banner/4/1280.jpg);  }*/

    body{font-size:.9em}
    .logo {width: 250px;}    
    .section h1 span{margin-right:3px;margin-bottom:3px}
    #segundo-section h1{margin-left:3px}
    #sexto-section h1{margin-left:3px}
    .section h1{margin-top:-60px}
    .section-2 h1{font-size:2.5em}
    .section .down{width:56px;left:50%;position:absolute;overflow:visible;clear:both;margin-left:-28px;bottom:100px}
    #nav li a{color:#000; padding: 3px 6px; font-size: .8em;}
    #nav li{float:left;padding-left:10px}

    #contacto-2 strong {min-width: 150px;}
    #contacto-2 input[type=text] {width: 50%;}
    #contacto-2 input[type=text].short {width: 28%;}

    .col-6 > div {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #trabajo-2 form {padding: 15px;}
    #trabajo-2 textarea.last {margin-left: 30px;}
}
@media screen and (min-width:801px) and (max-width:1024px) {
    #servicios .mod_article { background-image: url(../img/banner/5/1024.jpg);}
    /*#tips                   { background-image: url(../img/banner/3/1024.jpg);}*/
    #contacto-2 .row        { background-image: url(../img/banner/4/1024.jpg);}
    /*#trabajo                { background-image: url(../img/banner/2/1024.jpg);}*/

    /*#home .x1 { background-image: url(../img/banner/1/1024.jpg);  }
    #home .x2 { background-image: url(../img/banner/6/1024.jpg);  }
    #home .x3 { background-image: url(../img/banner/5/1024.jpg);  }
    #home .x4 { background-image: url(../img/banner/4/1024.jpg);  }*/

    .section h1{font-size:2em}
    .section-2 h1{font-size:2em}

    #wrapper_rahmen{margin-right:20px;margin-left:20px}
    /* .nav1,.nav2,.nav3,.nav4,.nav5,.nav6,.nav7,.nav8,.nav9{display:none} */
    #nav li{float:left;padding-left:5px}
    #logo img{width:79px}
    #header .inside{position:relative;margin:0 20px}
    .spacer-bottom,.spacer-top{height:20px;}
    .section .down{bottom:20px}
    .section-2{position:relative;overflow:visible;padding-bottom:30px}
    .icon .image_container{width:69px;margin:10px auto 30px}
}
@media screen and (min-width:601px) and (max-width:800px) {
    h1{font-size:2em}
    .section h1{font-size:1.5em}
    .section h1 span{margin-right:2px;margin-bottom:2px;padding-right:5px;padding-left:5px}
    #segundo-section h1{margin-left:2px}
    #sexto-section h1{margin-left:2px}
    #septimo-section .links{width:50%}
    #tercero-section li{width:50%}
}
@media screen and (max-width:501px) and (max-width:600px) {
    h1{font-size:1.6em}
    .section h1{font-size:1.2em}
    #wrapper_rahmen{margin-right:10px;margin-left:10px}
    #header .inside{position:relative;margin:0 10px}
    .spacer-bottom,.spacer-top{height:10px}
    .layout_latest img{width:100%}
    .section .down{bottom:20px}
}
@media screen and (max-width:500px) {
    #tercero-section li{width:100%}
    p{text-align:center}
    #septimo-section .links{width:100%;max-width:200px;float:none;margin:0 auto 20px}
    #fb_sexto .layout_facebook{width:100%;float:none;margin-right:0}
    #fb_sexto time{width:100%;display:block;text-align:center}

    .row,.body,.container{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{clear:both;float:none;margin-left:0;margin-right:0;width:auto;width:-moz-available}
    .secure .col-4{clear:none;float:left!important;margin-right:3.8%;position:relative;width:30.8%}
}

body{-webkit-text-size-adjust:none}
.container-12{clear:both;width:100%;max-width:1140px;margin:0 auto}
.row{clear:both;width:100%;overflow:hidden}
.spacer{margin-bottom:30px}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{float:left;margin-right:3.8%;position:relative}
.col-1{width:4.85%}
.col-2{width:13.5%}
.col-3{width:22.15%}
.col-4{width:30.8%}
.col-5{width:39.45%}
.col-6{width:48.1%}
.col-7{width:56.75%}
.col-8{width:65.4%}
.col-9{width:74.05%}
.col-10{width:82.7%}
.col-11{width:91.35%}
.col-12{clear:both;width:100%;float:left}
.omega{margin-right:0!important}
.col-1.last,.col-2.last,.col-3.last,.col-4.last,.col-5.last,.col-6.last,.col-7.last,.col-8.last,.col-9.last,.col-10.last,.col-11.last{margin-right:0!important}