@charset "utf-8";
/* CSS Document */

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,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}

*{
margin: 0;
padding: 0;
}

html {
height:100%;
}

a{ text-decoration: none }

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

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/awesome/fontawesome-webfont.eot?v=4.5.0');
  src: url('/fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
       url('/fonts/awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
     url('/fonts/awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'),
     url('/fonts/awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
     url('/fonts/awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:"MuseoSans100";
  src: url("/fonts/museo-sans/100/MuseoSans-100.eot?") format("eot"),
     url("/fonts/museo-sans/100/MuseoSans-100.woff") format("woff"),
     url("/fonts/museo-sans/100/MuseoSans-100.ttf") format("truetype"),
     url("/fonts/museo-sans/100/MuseoSans-100.svg#MuseoSans-100") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"MuseoSans500";
  src: url("/fonts/museo-sans/500/MuseoSans-500.eot?") format("eot"),
     url("/fonts/museo-sans/500/MuseoSans-500.woff") format("woff"),
     url("/fonts/museo-sans/500/MuseoSans-500.ttf") format("truetype"),
     url("/fonts/museo-sans/500/MuseoSans-500.svg#MuseoSans-500") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"MuseoSans300";
  src: url("/fonts/museo-sans/300/MuseoSans-300.eot?") format("eot"),
     url("/fonts/museo-sans/300/MuseoSans-300.woff") format("woff"),
     url("/fonts/museo-sans/300/MuseoSans-300.ttf") format("truetype"),
     url("/fonts/museo-sans/300/MuseoSans-300.svg#MuseoSans-300") format("svg");
  font-weight:normal;
  font-style:normal;
}



body{transition: 0.1s all;  -webkit-transition: 0.1s all;  -o-transition: 0.1s all;  -moz-transition: 0.1s all; line-height: normal;}

/*form*/
input, textarea {
  box-sizing: border-box;
  }


h1{
	font-size: 35px;
}

.clear{clear:both;}

#containerbody{ padding-top: 150px;}

#containerbody a.home, #containerbody a.about, #containerbody a.services{ position: relative !important; top:-150px !important; }

.row{width: 1147px;height: auto; position: relative; margin: 0 auto;}

.content {padding-bottom: 86px;}

#header {position:fixed; display:block; background:#FFF; width: 100%; padding-top: 20px; z-index:1}

header .row{}
.btn_bca {/* width:168px; height:139px; */position:fixed; right:0px; top:350px; z-index: 1}

a.btn{display:inline-block; font-family:"MuseoSans300", sans-serif; font-size:1.2em; padding:10px 25px;
letter-spacing:1px; text-align:center; box-sizing:border-box; background:transparent; border:2px solid #115199; color:#115199;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}

a.btn:hover{ border-color:#FFF; background:#115199; color: #fff }


#header .top_menu .logo{ float:left; min-height:78px}
#header .top_menu .icons{float: right;}
#header .top_menu .icons img.login{ margin-right:10PX}
#header .top_menu{ margin:0 auto; margin-bottom:20px}

section.navegation{background: #53a0a7; display: block; height: 30px; width: 100%;}
section.navegation div.address{	color: #fff;font-size: 16px;float: left; font-family: 'MuseoSans100'; line-height:30px}

section.navegation nav{float: right;margin-right: 20px;margin-top: 5px;  font-family: 'MuseoSans100';}
section.navegation nav ul{list-style: none;	padding: 0;	margin:0;}
section.navegation nav ul li{	display: inline-block;	margin-left: 15px;}
section.navegation nav ul li a{ font-family: 'MuseoSans300';color: #fff;text-decoration: none;font-size: 16px;}
section.navegation nav ul li a:hover{	text-decoration: underline;}
section.navegation nav ul li a:active, section.navegation nav ul li a:focus {width:0; height:0; outline:0; /* Para los navegadores que lo entienden */}


section.home{background: url("/img/home.png") no-repeat center top; background-position:bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover !important; height:auto;}

section.home .text{color: #FFF; font-size: 30px; width: 1000px; text-align: center; margin: 0 auto; padding-top: 75px; font-family: 'MuseoSans100'; margin-bottom: 70px; line-height:40px;}

.content_pc{ position: relative; width: 610px; height: auto; margin: 0 auto;/* background: url(/img/pc.png) no-repeat;*/  box-sizing:border-box}
.content_pc .bx-wrapper {background: url(/img/pc.png) no-repeat; padding:4% 4% 25% 4%;background-size: contain; margin-bottom:20px !important;
-webkit-background-size:contain;-moz-background-size: contain;
-o-background-size: contain;}

.pc{width: 560px;height: 318px;margin: 0 auto;background: #000;}

section.about{background: #d0e1f0;}
section.about .row{padding-top: 70px;	display: flex;}
section.about .row h1{width: 375px;	text-align: right; margin: 0px;	padding-right: 48px; font-family: 'MuseoSans100'; color: #1768b1}

#des_about{color: #1769b1;font-size: 17px; line-height: 25px;	width: 586px;	padding: 0px 48px; font-family: 'MuseoSans500'; height: 150px; overflow: auto;}
#des_about p:first-child{margin-top: 0px;}

section.services{margin-top: -5px;background: url("../img/bg_service.jpg") no-repeat center top;
-webkit-background-size: cover;-moz-background-size: cover;
-o-background-size: cover;background-size: cover; /*min-height: 940px;*/
padding:110px 0 165px 0;}

#content_text_service{ display: flex; justify-content: center; color: #fff; margin-bottom: 60px;}

section.services h1{color: #FFF;padding-right: 48px; font-family: 'MuseoSans100';}
section.services #content_text_service div{	border-left: solid 1px #fff;padding-top: 36px;	padding-bottom: 16px;	padding-left: 48px; font-family: 'MuseoSans100';}

#imgs_service{height: auto;display: block; text-align: center;}

#imgs_service .item_serv{ display:block; position:relative; width:226px; height:580px; display:inline-block; vertical-align: top; margin-bottom:20px}
#imgs_service .item_serv:last-child{ margin-right:0px;}

#imgs_service .item_serv .tooltip-ico{ width:150px; height:40px; background:url(img/tooltip/btn_view.png);
  position:absolute; bottom:150px; right:41px; cursor:pointer; z-index: 0}

#imgs_service .item_serv .title{ display: block; margin-top: 312px; text-align: center; }
#imgs_service .item_serv .title H1{ padding: 0px; text-align: center; font-size: 22px; }

#imgs_service .item_serv .tooltip { background:#fff; min-height: 560px; text-align: center; color: #004a80; padding:84px 20px 0px 20px;
  box-sizing: border-box; display:none;width:208px;position:absolute; bottom: -140px; right: -32px; 
  box-sizing:border-box;font-family:"MuseoSans300", Verdana, Geneva, sans-serif;font-size:13px;
  text-transform:uppercase;color:#5a564f;line-height:1.4em; z-index:9999;
}
#imgs_service .item_serv .tooltip H1{font-family: 'MuseoSans300'; color: #004a80; font-size: 22px; line-height: normal; text-align: center; padding:0px; margin-bottom: 36px;}
#imgs_service .item_serv .tooltip p{ text-align: center; text-transform:none; font-size: 16px; line-height: normal;}
#imgs_service .item_serv .tooltip ul{ list-style:disc; margin-left: 25px;}
#imgs_service .item_serv .tooltip ul li{ text-transform: none; font-size: 16px; margin-bottom:5px;}

#imgs_service .item_serv .tooltip img{ margin-bottom:35px; }

#imgs_service .item_serv:nth-child(1) { background:url(img/imgs_service_1.jpg); }
#imgs_service .item_serv:nth-child(2) { background:url(img/imgs_service_2.jpg); }
#imgs_service .item_serv:nth-child(3) { background:url(img/imgs_service_3.jpg); }
#imgs_service .item_serv:nth-child(4) { background:url(img/imgs_service_4.jpg); }
#imgs_service .item_serv:nth-child(5) { background:url(img/imgs_service_5.jpg); }


section.faq{background: url("../img/background.jpg");
-webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; background-size: cover;
padding: 35px 0 165px 0;}

section.faq .box_faq{
/**background: url("../img/bg_transparent.png");**/
/**padding: 1px 60px 10px;**/
/* background: url("../img/bg_transparent.png");*/ padding: 30px 50px 50px 30px;display: block;background: #fff;}

section.faq .box_faq h1{ font-family: 'MuseoSans300'; margin-bottom: 30px;color: #1768b1}

#accordion{padding: 0px;margin: 0px; font-family: 'MuseoSans300';}


/** footer **/
.row_footer{ padding: 20px 0px}

.row_footer .box-l{ float:left;  }
.row_footer .box-r{ float:right; margin-top: 30px   }


.row_footer .box-l .ico_atom{display: inline-block; margin-right: 30px;}
.row_footer .box-l .ico_atom img{vertical-align: baseline;}

.row_footer .box-l .text_footer{	display: inline-block;	color: #115199;	border-left: solid 1px #115199;	padding-left: 30px;	padding-top: 15px;padding-bottom: 15px; font-family: 'MuseoSans100';}
.row_footer .box-l .text_footer .title_text_footer{ font-family: 'MuseoSans300'; font-size: 20px; margin-bottom: 10px;}
.row_footer .box-l .text_footer .des_text_footer{ font-size: 12px;text-align: justify;}


.row_footer .box-r .social_footer{display: inline-block; vertical-align: middle;}
.row_footer .box-r .social_footer .social_list{list-style: none;padding: 0;	}
.row_footer .box-r .social_footer .social_list li{ display: inline-block;margin-right: 30px; font-size: 45px;}
.row_footer .box-r .social_footer .social_list li a{ color:#a9a9a9;}
.row_footer .box-r .social_footer .social_list li a:hover{ color:#115199;}

.row_footer .box-r .contact_footer{display: inline-block; vertical-align: middle;}

section.schedule{font-family: 'MuseoSans100'; margin-top: 65px;}
section.schedule .row #text_schedule{width: 460px;}
section.schedule .row .content_schedule{width: auto; margin:0 auto; margin-bottom: 20px;}
section.schedule .content_schedule .title_schedule{ width: 685px; height: 600px; background: url(../img/schedule.png) no-repeat center top; display:table-cell; }
section.schedule .content_schedule .title_schedule h1{ color: #1769b1; font-size: 40px; width: 360px; min-height:235px; text-align: right;float: right; padding-right:25px;border-right:1px solid #0e71b8;}
section.schedule .content_schedule .text_schedule{width:435px; display:table-cell; vertical-align: top; padding-left: 20px}
section.schedule .content_schedule .text_schedule p{font-family:  'MuseoSans500'; color: #1769b1; width: 360px; font-size: 17px; margin-bottom: 20px;}

section.schedule .content_schedule .title_bca {  background:url(/img/bca_campain.png) no-repeat !important; text-align:right;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
section.schedule .content_schedule .text_schedule h1 { color:#F70EAD; font-size:1.5em; margin-bottom: 12px;}




/*form*/
section.schedule .content_schedule .text_schedule span,
section.schedule .content_schedule .text_schedule input[type="text"],
section.schedule .content_schedule .text_schedule label{
  font-family: 'Open Sans', sans-serif; font-size: 0.8em; font-weight: 500; color: #707070;}

section.schedule .content_schedule .text_schedule span{ display: block; margin-top: 10px; margin-bottom: 6px;}
section.schedule .content_schedule .text_schedule input[type="text"]{ width: 100%; background: #F2F2F2; border: solid 1px #E3E3E3; padding: 7px 5px;}
section.schedule .content_schedule .text_schedule input[type="checkbox"]{ margin: 5px 5px 0 0;}
section.schedule .content_schedule .text_schedule textarea{width: 100%; background: #F2F2F2; border: solid 1px #E3E3E3;}
section.schedule .content_schedule .text_schedule span label.c_red{ color: #FF0100 ; font-weight: bold; font-size: 1em}

.btnschedule{font-family: 'Open Sans', sans-serif; font-size: 0.8em; background: #97A8C4; border: none; color: #fff; border-radius: 3px; margin-top:20px; float: right; padding: 6px 15px;}

/* Contact */

.reveal-modal { position: relative; background: #FFF; width:auto; max-width: 450px; margin: 20px auto; border:10px solid #0e71b8;
  font-family: 'MuseoSans100';font-size: 1em;color: #878786;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.reveal-modal .row_head_contact{width: 100%; text-align: center; padding: 15px 0 20px 0; border-bottom: solid 1px #0E70B7;}
.reveal-modal .row_head_contact img{width: 50%;}

.reveal-modal .formQuestion .text:focus{outline:0px;}

.reveal-modal .row_social{text-align: center;border-bottom: solid 1px #0E70B7; padding-bottom: 20px;}
.reveal-modal .row_social p{font-size: 16px;font-family: 'MuseoSans100' ;margin-top: 10px;text-align: center; margin-bottom: 20px;}

.reveal-modal .row_social ul{ padding: 0; margin: 0;list-style: none;text-align: center;}
.reveal-modal .row_social li{ display: inline-block; margin: 0px 15px; }
.reveal-modal .row_social li a{display: block;color: #0e71b8; font-size: 4em}
.reveal-modal .row_social li a img{ height: 60px;}

.reveal-modal .row_info{ padding: 10px 0; border-bottom: solid 1px #0E70B7;}
.reveal-modal .row_info p{text-align: center; line-height: 1.7em}

.reveal-modal .row_question textarea, .reveal-modal .row_email input{font-family: 'MuseoSans100';font-size: 1em;}
.reveal-modal .row_email input{width: 100%;padding:  8px 20px;border: none;}

.reveal-modal .row_question textarea{width: 100%;height: 100px;padding:  10px 20px;border-bottom: solid 1px #0E70B7;}

.reveal-modal .row_btn_contact{text-align: right; padding: 10px 10px 10px 20px;}

.reveal-modal .row_btn_contact input[type="submit"] { font-family: 'MuseoSans300';font-size: 0.8em; padding:8px 25px; background: #fff; border:1px solid #0e71b8; color: #0e71b8; cursor: pointer;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.reveal-modal .row_btn_contact input[type="submit"]:hover { background: #0e71b8; color:#fff;}

.error-div span.msg{font-family: 'MuseoSans100' ; font-size:15px; color:#ae1818 !important}
/*responsive*/

/**menu css **/
#hamburger{	box-sizing: border-box;	display: none;	width: 50px;height: 50px;position: fixed;	top:35px;	right:35px;	z-index: 9;}

.ham_position{ top:10px}

/*cambiar color*/
#hamburger span{background:#1868ae;display: block;width: 30px;height: 5px;position: absolute; right:10px;}
#hamburger span:first-child{top: 10px;}
#hamburger span{top: 20px; }
#hamburger span:last-child{top: 30px;}

/* Hamburger animation */
#hamburger span:first-child,
#hamburger span:last-child,
#hamburger span{-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;	transition-property: transform, top, bottom, left, opacity;}

html.mm-opening #hamburger span:first-child,
html.mm-opening #hamburger span:last-child{top: 20px;}

html.mm-opening #hamburger span:nth-child(2){opacity: 0;}
html.mm-opening #hamburger span:first-child{transform: rotate( 45deg );}
html.mm-opening #hamburger span:last-child{transform: rotate( -45deg );}


.error{ color: red; margin-left: 15px;}
#popup_home{position:relative; margin:20px auto; max-width:80%}
#popup_home img{width:100%}


@media (max-width: 1260px){
  .row{ width:90%; }
  section.home .text{ width: 90%; }
  
}


@media only screen and (max-width : 1220px) {
	
#hamburger{display:block;}
section.navegation nav{display: none;}
header, section.navegation{ height:auto}

#header .top_menu .icons{ margin-right:60px}
}

@media only screen and (max-width : 890px) {
section.schedule .content_schedule .title_schedule, section.schedule .content_schedule .text_schedule{ width: 100%}

/*popup*/
#popup_home{max-width:90%}
}

@media only screen and (max-width : 870px) {
section.schedule .content_schedule .title_schedule, section.schedule .content_schedule .text_schedule{ margin:0 auto;  max-width: 390px;display:block;}
section.schedule .content_schedule .title_schedule{  background-position-y:90px; margin-bottom: 20px;}
section.schedule .content_schedule .text_schedule{ padding-left: 0px }

section.schedule .content_schedule .title_schedule h1{ width:100%;text-align: center; background:#FFF; border-right:none; float: none; padding-right:0px; min-height:auto; padding-bottom: 20px; }

/*boton flotante*/
.btn_bca{ width: 100px }
}

@media only screen and (max-width : 850px) {

.row_footer .box-l, .row_footer .box-r{ float: none; width: 100%; text-align: center;}

}

@media only screen and (max-width : 800px) {

section.about .row{  display:block}
section.about .row h1{width:100%; padding-right:0px; text-align:center; margin-bottom:37px}
#des_about{ width:auto; height:auto; overflow:visible !important; padding:0px}

/*services*/
#content_text_service{ display:block}
section.services h1{  padding-right:0px; padding-right:0px; text-align:center}
section.services #content_text_service div{ border:none; padding-left:0px; text-align:center}
#content_text_service{ margin-bottom:20px}

/*popup*/
#popup_home{max-width:95%}
}

@media only screen and (max-width : 780px) {


}

@media only screen and (max-width : 787px) {

.content_pc{ width:100%; padding:0px 10%}
}

@media only screen and (max-width : 700px) {

#header .top_menu{ margin-bottom:22px}
#header .top_menu .icons{ display:none}
section.navegation div.address{ float:none; text-align:center}

}


@media only screen and (max-width : 460px) {

.row_footer .box-l, .row_footer .box-r{ float: none; width: 100%; text-align: center;}

}

@media only screen and (max-width : 447px) {

section.faq{margin-top:30px;}
}


@media only screen and (max-width : 440px) {

#header .top_menu .logo img{ width:90%}
#hamburger{ right:20px;}

section.schedule .content_schedule .text_schedule p{ width: 100% }

}


@media only screen and (max-width : 417px) {

.row_footer .box-l .text_footer{ display: block; padding-left: 0px; border-left:none; }
.row_footer .box-l .text_footer .title_text_footer{ display: block; text-align: center; }
.row_footer .box-l .text_footer .des_text_footer{ text-align: center; }

.row_footer .box-r{ margin-top:10px;  }

.row_footer .box-l .ico_atom{margin-right:0px;}
}

@media only screen and (max-width : 380px) {

#header .top_menu .logo img{ width:80%; margin-top:6px}

}

@media only screen and (max-width : 365px) {

.row_footer .box-r .social_footer .social_list li:last-child{ margin-right: 0px;}
.row_footer .box-r .social_footer { display: block; text-align: center; margin-bottom: 10px}
.row_footer .box-r .social_footer .social_list{ text-align: center; }

}