@charset "UTF-8";
/* CSS Document */
body {  background: #999a9b; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; width:100%; color:#6d6e71;}
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label { position:relative;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal;}
h1, h2, h3 { text-transform:uppercase; }
li { list-style:none;}
a { outline:none; text-decoration:none; cursor: pointer; -webkit-appearance:none;}
input {-webkit-appearance:none;}
a[href^="tel"]{
    color:inherit;
}
a img { border:none;}
p { padding-bottom:15px; line-height:24px;}
.wrapper { width:100%; background:#fff;}
header, nav, section, footer, hgroup { display:block; position:relative;}
header { width:96%; position:fixed; z-index:9999; padding:0 2%; border-bottom:1px solid #afd297; background:#fff;}
header a.mainLogo { width:26%; float:left; display:block; padding:20px 0 0;}
header a.mainLogo img { width:100%; max-width:196px;}

/*Menu Holder*/
.headerNav { width:72%; float:left;}

/*Menu Media*/
.mediaList, .navHolder { width:100%; text-align:right; }
.mediaList li a { display:block; height:28px; overflow:hidden; margin: 0 2px;}
.mediaList li.mail { padding-top:8px;}
.mediaList li.mail a { padding-left:40px; background:url(../images/mail.png) no-repeat left top; color:#999; font-size:12px; height:20px;}
.mediaList li.mail a:hover { text-decoration:underline;}
.mediaList li a img {width:28px; height:57px;}
.mediaList li a:hover img { top:-28px; position:relative; }

/*Menu Principal*/
.navHolder .topMenu { width:100%; padding-top:21px;}
.navHolder .topMenu li { margin: 0 10px;}
.navHolder .topMenu li:nth-child(5) { display:none;}
.navHolder .topMenu li a { display:block; color:#999; font-size:12px; padding-bottom:5px;}
.navHolder .topMenu li.selected a { border-bottom:2px solid #81ca4f;}
a#pull { display:none;}

/*Slider*/
.slider { background-size:100%;}
.mainSlider, .mainSlider li, .mainSlider li img { width:100%;}
 .mainSlider li img { display:block;}
.cajasSlider { width:100%; position:absolute; bottom:0; z-index:888;}
.cajasSlider li { width:13%; background-color:rgba(255,255,255,0.9); padding:15px 0; min-height:120px;}
.cajasSlider li img { width:auto;}
.cajasSlider li h2 { font-size:10px; padding:5px 0 10px;}
.cajasSlider li a:hover { text-decoration:underline;}

/*Content*/
.content { padding-top:75px;}
.content, .content100 { width:100%;}
.content90 { width:90%; margin:0 auto; padding-bottom:20px; max-width:1200px;}
.content h1 { display:block; font-size:22px; width:100%; color:#fff; padding:10px 0; font-weight:normal;} 
.content h2, .innerP h1 { font-size:28px; padding:15px 0;}
.content h2 span,  .innerP h1 span { width:20px; height:2px; display:inline-block; vertical-align:middle;}
.content .leyenda { width:100%; text-align:center;  font-size:10px; display:block; }
.content .leyenda img {display:inline-block;vertical-align:middle;}

/*Biografía en inicio*/
.bioList { width:100%; padding:30px 0 0; background:url(../images/brenes_saba_bio.png) no-repeat center bottom; display:inline-block;}
.bioList li { width:32%;}
.bioList li p { color:#fff;}
.bioList li img { width:100%; height:auto; display:block;}
.leftTXT { text-align:left; width:30%; left:20px; float:left;}
.rightTXT { text-align:right; width:30%; right:20px; float:right;}

.introTXT { width:90%; background:#f1f1f1; padding:30px 5%; overflow:hidden;}
.introTXTvideo { width:60%; margin-bottom:40px; left:20%; height:auto!important; border:2px solid #fff;}

/**/
.grayBox { width:94%; background:#f1f1f1; padding:3%; border:1px dotted #afd297; box-shadow: 0 10px 14px -10px #666; }

/*Servicios Inicio*/
.serviciosList { width:100%; padding:30px 0;}
.serviciosList li { width:100%; display:inline-block; padding-bottom:40px;}
.serviciosList li:last-child { padding:0;}
.floatLeft .servIMG, .floatLeft .servTXT { width:50%; float:left;}
.floatRight .servIMG, .floatRight .servTXT {width:50%; float:right;}
.servIMG img { width:100%; display:block;}
.floatLeft .servTXT , .floatRight .servTXT { text-align:left; width:46%; padding:0 2%;}

.serviciosList li .servTXT h2 { display:inline-block;}
.serviciosList li .servTXT h2 img { float:left;}
.serviciosList li .servTXT h2 a { width:74%; display:block; float:left; padding-left:20px; font-size:18px;}

.serviciosList li .servTXT ul { width:100%;}
.serviciosList li .servTXT ul li { width:98%; padding:0 0 3px 2%; border-left:2px solid #93cb6f; margin-bottom:10px;}

/*Galería de inicio*/
.galleryList { width:100%; padding:30px 0; display:inline-block;}
.galleryList li { width:33.33%; float:left; overflow:hidden;}
.galleryList li img { width:100%; display:block;}
.galleryHolder { width:100%; background-color:rgba(0,0,0,0.8); }
.content .galleryList .galleryHolder h2 { width:100%; padding:5px 0; font-size:10px; color:#fff;}
.content .galleryList .galleryHolder p { color:#fff; padding:5px 0; font-size:12px; width:90%; margin:0 auto; line-height:normal;}
.content .galleryList .galleryHolder p a:hover { text-decoration:underline;}

.galleryList li:hover .galleryHolder { transition:all linear 0.5s; bottom:0;} 

/*Testimonilaes inicio*/
.testimonioList { width:100%; padding: 30px 0;}
.testimonioList li { width:45%; padding:0 2%;}
.testimonioList li  img { width:100%; max-width:300px;}
.testimonioList li.testimonialTXT h2, .testimonioList li.testimonialTXT p { text-align:left;}
.testimonioList li.testimonialTXT h2 { font-size:20px;}

/*banner Box*/
.bannersBox { width:100%; overflow:hidden; max-width:1300px; margin:0 auto; padding:20px 0;}
.bannersBox li { width:49%; float:left; margin-right:2%;}
.bannersBox li:last-child { margin:0;}
.bannersBox li a, .bannersBox li a img { width:100%; display:block; height:auto;}

/*footer*/
footer { border-top:2px solid #93cb6f; background-color:#999a9b;}
.footerMedia { width:30%; top:-20px; left:35%;}
.footerMedia li { width:35px; }
.footerMedia li a { display:block; width:100%;}
.footerMedia li a:hover img { transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transform:(1.1,1.1); transition:all linear 0.2s;}

.footerHolder { width:100%; padding-bottom:40px;}
.footerHolder p, .footerHolder p a { color:#666; padding:0;}
.menuList { width:100%; padding-bottom:15px;}
.menuList li a { margin:0 5px; color:#fff; font-size:12px;}
.menuList li a:hover { text-decoration:underline; }

/*Contac Page*/
.contactInfo { width:100%; padding:30px 0;}
.contactInfo li { width:49%;}
.contactInfo li.contactTXT { text-align:left; width:45%; padding:0 2%;}

/*Form contact*/
.formItems {border:1px solid #dedede; padding:3% 5%; border-radius:10px; width:60%; margin:0 auto;}
.formItems li { padding:10px 0; overflow:hidden; width:100%; margin:0;}
.formItems li label, .formItems li input, .formItems li textarea  { font-size:12px; text-align:left; width:98%; display:block;}
.formItems li label { padding-bottom:5px;}
.formItems li input, .formItems li textarea,  .formItems li .mask  { background-color:#f1f1f1; width:91%; border:1px solid #dedede; padding:10px 4%;border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;}
.formItems li .mask  { overflow:hidden; }
.formItems li select { width:110%; border:none; background-color:transparent; font-size:14px; background:url(../images/arrow_down.png) no-repeat  90% center; cursor:pointer;text-overflow:ellipsis; white-space:nowrap; padding-right:12%;}
.formItems li select  option { padding:5px 2%; width:96%;}
.formItems li input:focus, .formItems li textarea:focus { border:1px solid #090; box-shadow:0px 7px 15px -14px #333;}
.formItems li textarea { height:115px;}
.formItems li input.greenCTA  { border:0; width:50%!important; left:50%;}

.contactInfo li.contactTXT h2 { padding:15px 0;}
.contactInfo li.contactTXT p { font-size:16px;}
.contactInfo li.contactTXT p.bigTXT { font-size:22px;}
.contactInfo li.contactTXT p a:hover { text-decoration:underline;}
.contactInfo li.contactTXT p.tel { font-size:20px;}

/*Mapa en pag. contactenos*/
#mapContact { height:300px; width:100%; margin-bottom:20px;}

/**/
.greenCTA, .formItems li input.greenCTA, .oulineCTA { color:#fff; width:220px; padding:5px 0; font-size:16px; display:block; text-align:center; text-transform:uppercase; cursor:pointer;}
.oulineCTA { border:2px solid #afd297; left:40%; width:20%; z-index:666; top:-20px; background-color:#fff;}
.oulineCTA:hover { color:#fff;border:2px solid #81ca4f;}
/**/
.contactInfo li.contactTXT h3 { font-size:12px; padding-bottom:10px;}
/**/
.bannerHolder { padding-bottom:2px;}
.bannerHolder, .bannerHolder a, .bannerHolder img { width:100%; display:block; max-width:1300px; margin:0 auto;}

/*Productos*/
.productosList { width:100%;}
.productosList li { width:100%; border-bottom:1px dashed #dedede; padding:30px 0;}
.productosList li:last-child { border:none;}
.productosList li img, .productosList li .productTXT { width:15%; height:auto;}
.productosList li .productTXT { width:80%; text-align:left; padding-left:4%;}

.innerP p.innerPlogo { text-align:center;}
.innerP p.innerPlogo img { max-width:200px; }

.centerITEM { width:300px; margin:0 auto;}


/* ------------------------- GENERAL -------------------------*/

  /*Gris Medio*/
 .bioList  { background-color:#a8a8a9;}
 
/*Color gris claro*/
.midleNav, .admisionList li { background-color:#ededed;}

/*Color Gris*/
.navHolder .topMenu li a:hover, .mediaList li.mail a:hover,  .menuList li.footerSelected a, .menuList li a:hover, 
.contactInfo li.contactTXT p a, .cajasSlider li h2, .content90 h2,  .innerP h1, .navHolder .topMenu li.selected a { color:#6d6e71;}
 .valoresList li,  .admisionList li li a { background-color:#6d6e71;}
 
/*Color Verde*/
h2, .midleNav li a, .carrerasList li ul li a, .contactInfo li.contactTXT p.tel, .cajasSlider li a,  .serviciosList li .servTXT h2 a, .greenTXT, .testimonioList li.testimonialTXT h2, .menuList li a:hover, .menuList li.footerSelected a, .formItems li label, .contactInfo li.contactTXT p.bigTXT a, .contactInfo li.contactTXT h3, .oulineCTA, .footerHolder p a:hover, .productosList li .productTXT h2 {color:#afd297;}

.iconoList li .imgIcono, .content h1, .content h2 span, .content .galleryList .galleryHolder h2, .greenCTA,
.formItems li input.greenCTA, .innerP h1 span { background:#afd297;}

/*Gradiente Verde*/
 {background: #beeaa8; /* Old browsers */
background: -moz-linear-gradient(top,  #beeaa8 0%, #afd297 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #beeaa8 0%,#afd297 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #beeaa8 0%,#afd297 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beeaa8', endColorstr='#afd297',GradientType=0 ); /* IE6-9 */}
 
/*Color azul claro*/
small, small a { color:#758eb8;}
 
/*Color verde go*/
 .greenCTA:hover, .formItems li input.greenCTA:hover, .admisionList li li a:hover, .oulineCTA:hover { background:#81ca4f;}

/*Border radius*/
.greenCTA, .oulineCTA {border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}

.headerHolder, .slider { width:90%; max-width:1200px; margin:0 auto;}
.txtHolder h2, .txtHolder h3, .greenCTA,
.content h3, .midleNav li .formItems li label,  .serviciosList li .servTXT h2, .content .galleryList .galleryHolder h2, .testimonioList li.testimonialTXT h2  {font-family: 'avenirBlack'; }
.content h1, .content h2,  .innerP h1, .cajasSlider li h2, .navHolder .topMenu li a, .menuList li a { font-family: 'TrajanProBold';}
.mediaList li, .navHolder li, .footerMedia li, .contactInfo li, .cajasSlider li, .bioList li, .testimonioList li, .menuList li, .productosList li img, .productosList li .productTXT { display:inline-block; vertical-align:top;}
 
 /*CTA*/ 
.orangeCTA { display:block; width:30%; padding: 1% 2% ; left:33%; color:#fff; font-size:16px; text-align:center; }

 .innerP h1 { background-color:transparent; padding:30px 0 15px;}
 
 /*Gracias*/
.graciasP p { text-align:center;}
.graciasP p a { margin:0 auto; }

/*Box Shadow*/
.introTXTvideo { box-shadow: 0 20px 20px -12px #999;}
 /*------------------------- ENDS GENERAL -------------------------*/


@media screen and (max-width:1200px)
{
	.cajasSlider li h2 { font-size:8px;}
	.navHolder .topMenu li a { font-size:10px;}
}
@media screen and (max-width:1062px)
{
	.navHolder .topMenu li { margin:0 4px;}
	.cajasSlider li { width:13%;}
	}
@media screen and (max-width:1023px)
{
	header { position:relative; width:100%; padding:0;}
	header a.mainLogo, .headerNav { width:100%; float:none;}
	header a.mainLogo { padding:15x 0 10px;}
	header a.mainLogo img { max-width:150px;}

	.mediaList, .navHolder { text-align:center;}
	.mainSlider li {padding-bottom:10px;}
	
	.content { padding:0;} 
	.bannerTXT { width:70%; left:15%; top:30%;}
	.txtHolder h2 { font-size:26px;}
	.txtHolder h3 { font-size:10px;}
	.mainSlider li { padding-bottom:11px;}
	.iconoList li { width:19%;}
	.iconoList li .imgIcono { width:80px; height:80px;}
	.iconoList li .imgIcono img { top:18px;}
	.iconoList li h2 { font-size:12px;}
	.iconoList li p { font-size:10px; line-height:18px;}
	/**/
	.midleNav li { width:25%;}
	.midleNav li a img { width:50px; height:auto;}
	/**/
	.newsHolder h2 { font-size:13px;}
	/**/
	.admisionList > li { width:96%; margin-bottom:5px; min-height:inherit;}
	/**/
	.footerHolder { width:100%; left:0;}

}
@media screen and (max-width:768px)
{

	/**/
	.slider { width:100%;}
	.cajasSlider { width:100%; left:0;}
	.cajasSlider li { min-height:112px;}
	.cajasSlider li h2 { font-size:9px;}
	/**/
	.carrerasList > li a { font-size:14px;}
	/**/
	.bioList { background-position:130% bottom; }
	.bioList li { width:60%; left:2%; text-align:left; float:left;}
	.bioList li p { font-size:12px; line-height:18px;}
	
	/**/
	.galleryList { text-align:center;}
	.galleryList li { width:48%; padding:0 1% 2%;}
	.galleryHolder { position:relative; top:0; min-height:160px;}
	.content .galleryList .galleryHolder h2 { font-size:12px;}
	.content .galleryList .galleryHolder p { line-height:20px;}
	
	/**/
	.oulineCTA { left:30%; width:40%; top:-10px;}

}
@media screen and (max-width:767px) {

/*Menu Holder*/
.headerNav { width:100%; float:none;}

/*Menu Media*/
.mediaList, .navHolder {  text-align:center; }
.mediaList { padding-bottom:10px;}
.topMenu { display:none; background:#fff;}
.navHolder .topMenu li { width:100%; border-bottom:1px dotted #dedede; margin:0;}
.navHolder .topMenu li a { padding: 10px 0; color:#93cb6f; text-transform:uppercase;}
.navHolder .topMenu li.selected a {border-color:#93cb6f}

/*Responsive Top Menu*/
nav a#pull {width: 100%;height:43px; display: block; text-indent: 25px;background:#999; border-radius:0; line-height:43px; color:#fff; text-align:left; padding:0 ; text-indent:45px;}
nav a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;left: 15px;top: 11px;}

.innerP h1 { font-size:16px;}
.content h2 { font-size:20px;}
.content h2 span { top:11px;}
/**/
.cajasSlider { position:relative;}
.cajasSlider li { width:29%;}
/**/
.introTXTvideo iframe { height:200px!important;}
/**/
.bioList { background-image:none;}
.bioList li { width:94%;  left:3%;}
/**/
.floatLeft .servTXT, .floatRight .servTXT, .floatRight .servIMG, .floatLeft .servIMG { width:96%; float:none;}
.testimonioList li { width:100%;} 
.testimonioList li.testimonialTXT h2, .testimonioList li.testimonialTXT p { text-align:center;}
.testimonioList li.testimonialTXT p a { width:80%; left:10%;} 
/**/
.galleryList li { width:100%; padding:0;}
.galleryHolder { min-height: inherit;}
/**/
.contactInfo li, .contactInfo li.contactTXT { width:100%; padding-bottom:20px;}
/**/
.menuList { display:none;}
.holder60 .orangeCTA { width:100%; padding:10px 0; font-size:14px;}
.footerHolder p, .footerHolder p a { font-size:10px; line-height:18px;}
.formItems { width:90%;}
}
@media screen and (max-width:480px)
{
	.bannerTXT { top:20%; left:7%;}
	.midleNav li p { font-size:12px;}
	.formItems li input.orangeCTA { width:80%; left:10%;}
	.carrerasList { width:100%;}
	.carrerasContent { width:94%;}
	
	.mainSlider li { padding:0;}
	.holder40, .holder60 { width:96%; padding: 0 0 20px;}
	.iconoList li h2 { font-size:16px;}
	.bannersBox { padding:3px 0 0;}
	.bannersBox li { width:100%; float:none; margin:0; padding-bottom:3px;}
	.introTXTvideo { width:80%; left:10%;}
	.introTXTvideo iframe { height:130px!important;}
	
	/**/
	.footerMedia { width:40%; left:30%;}
	.footerTXT, .footerLogo { width:90%; border:none; padding: 0 0 20px; text-align:center;}
	
	/**/
	.oulineCTA { left:25%; width:50%; top:-15px;}
	.productosList li img { width:40%;}
	.productosList li .productTXT { width:100%; padding:10px 0;}
	.productosList li .productTXT, .productosList li .productTXT p { text-align:center;}

}
@media screen and (max-width:470px)
{
	.txtHolder h2 { font-size:14px;}
	.txtHolder h3 { font-size:5px;}
	/**/
	.valoresList li, .ejesList li { width:90%;}
	.boxesList li .imgHolder, .boxesList li p, .boxesList li a { width:90%;}
	.boxesList li a { left:0;}
	.imgHolder h2 { font-size:14px;}
	/**/
	.midleNav { padding:20px 0;}
	.midleNav li p { font-size:10px;}
	.middleNavLink { top:-10px;}
}
@font-face {
    font-family: 'avenirBlack';
    src: url('../fonts/avenirBlack/Avenir-Black-webfont.eot');
    src: url('../fonts/avenirBlack/Avenir-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirBlack/Avenir-Black-webfont.woff') format('woff'),
         url('../fonts/avenirBlack/Avenir-Black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/trajanProBold/trajanpro-bold-webfont.eot');
    src: url('../fonts/trajanProBold/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trajanProBold/trajanpro-bold-webfont.woff') format('woff'),
         url('../fonts/trajanProBold/trajanpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/trajanProBold/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
}