@charset "UTF-8";
/* CSS Document */
body {  background: #fff; 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%;}
header, nav, section, footer, hgroup { display:block; position:relative;}
header { width:96%; position:fixed; z-index:888; padding:0 2%;}
header a.mainLogo { width:20%; float:left; display:block; border: solid #fedf79; border-width:0 1px 1px; background:#000; z-index:2;}
header a.mainLogo img { width:100%; max-width:222px; display:block; position:relative; margin: 0 auto;}

/*Lenguage*/
.language { position:absolute; right:100px; padding:8px 0;}
.language li a, .language li a img {  display:block; }
.language li a { opacity:.8}
.language li a:hover { opacity:1;}
.language li.facebook { padding-right:10px;}

/*Menu Principal*/
.navHolder { width:79%; float:left;top:50px;  background:#fff; text-align:right; z-index:1}
.navHolder .topMenu { width:100%;}
.navHolder .topMenu li:last-child { margin: 0;}
.navHolder .topMenu li a { display:block; color:#000; font-size:10px; padding: 7px 5px 5px;}
.navHolder .topMenu li a.goldenCTA { padding:7px 20px 5px;}
.navHolder .topMenu li a.goldenCTA:hover { color:#fff;}
a#pull { display:none;}

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

/**/
.middleNavHolder { width:90%; position:absolute; bottom:0; padding:0 5% 10px; }
.middleNav { width:100%;}
.middleNav li { width:19.5%;}
.middleNav li a { display:block; width:100%;}
.middleNav li a img { border-bottom:2px solid #dedede; padding-bottom:10px;}
.middleNav li a h2 { font-size:9px; color:#000; padding:5px 0;}

/*Content*/
.content, .content100 { width:100%;}
.content90 { width:90%; margin:0 auto; padding-bottom:20px; max-width:1300px;}
.content h1 { display:block; font-size:24px; width:100%; color:#fff; padding:10px 0; font-weight:normal;} 
.content h2, .content h3 { font-size:14px; padding:15px 0; color:#000;}
.content h3 { font-size:18px; padding: 10px 0; font-weight:bold; }

/**/
.homeContent { background:#000 url(../images/home_light.png) no-repeat center top; border-top:3px solid #626262; color:#fff;}
.homeContent h1 { font-size:26px; width:70%; left:15%; text-shadow:2px 2px 5px #000; -moz- text-shadow:2px 2px 5px #000; -webkit- text-shadow:2px 2px 5px #000; padding:20px 0;}
.homeContent p { font-size:16px; width:70%; left:15%;}
.goldLabel h2, .blackLabel a {padding:10px 0; text-transform:inherit;color:#fff;}
.goldLabel h2 a, .blackLabel a { color:#fff; font-size:20px;  display:block;}
.goldLabel p { color:#fff;}
.blackLabel { background:#000;}

.innerContent { width:94%; margin:0 auto; text-align:left;}
.col20, .col80 { width:20%; padding:20px 0;}
.col80 { width:70%; padding:20px 4% ; text-align:left;}

.leftNav, .leftNav li { width:100%;}
.leftNav li { padding-bottom:5px;}
.leftNav li a { width:95%; display:block; border:1px solid #e1b055; color:#000; padding:5px 2%; font-size:14px; text-align:center;}
.leftNav li a:hover, .leftNav li.selected a { color:#fff;}

/*footer*/
footer { }
.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:30px 0 15px; background:url(../images/home_shadow.png) no-repeat top center; border-top:2px solid #fff; background-size:100%;}
.menuList li a { margin:0 5px; color:#000; text-transform:uppercase; font-size:10px; padding:5px;}
.menuList li.footerSelected a { color:#fff;}
.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;}
.formItems li { padding:10px 0; overflow:hidden; width:100%; margin:0;}
.formItems li label, .formItems li input, .formItems li textarea  { font-size:14px; 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.goldenCTA, .goldenCTA  { color:#fff; cursor:pointer; border:none; text-align:center; width:100%; font-size:20px;}

.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 #93cb6f; left:40%; width:20%; z-index:666; top:-20px; background-color:#fff;}
.oulineCTA:hover { color:#fff;border:2px solid #090;}
/**/
.contactInfo li.contactTXT h3 { font-size:12px; padding-bottom:10px;}
/**/
.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%;}

.navHolder .topMenu li.selected a.goldenCTA { color:#fff;}


.innerContent .goldenCTA { max-width:300px; padding:10px; font-size:14px;}
/*Blog*/
.blogItem { width:100%; padding-bottom:15px; border-bottom:1px solid #f1f1f1;}

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

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

/*Color Gris*/
 .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, 
.formItems li label,
.contactInfo li.contactTXT p.bigTXT a,
.contactInfo li.contactTXT h3,
.oulineCTA,
.footerHolder p a:hover,
.productosList li .productTXT h2,
.navHolder .topMenu li a:hover,
.mediaList li.mail a:hover,
.menuList li a:hover, 
.contactInfo li.contactTXT p a,
.cajasSlider li h2,
.content90 h2,
.navHolder .topMenu li.selected a,
.innerP h1 {color:#e1b055;}

/*Color Oro*/
.homeContent h1, .col80 h1, .blackLabel a, .innerContent h1 { color:#e1b055;}
.formItems li input.goldenCTA, .goldLabel,
.menuList li.footerSelected a, .leftNav li.selected a, .leftNav li a:hover, .yellowCTA  { background:#e1b055;}
  
/*Color verde go*/
 .goldenCTA:hover, .formItems li input.goldenCTA:hover, .yellowCTA:hover { background:#090;}

/*Border radius*/
.greenCTA, .oulineCTA, .leftNav li a, .yellowCTA, .innerContent .goldenCTA {border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}

/*Box Shadow*/
.navHolder,header a.mainLogo {box-shadow: 4px 4px 10px #000; -webkit-box-shadow: 4px 4px 10px #000; -moz-box-shadow: 4px 4px 10px #000;}

.headerHolder, .slider { width:100%; max-width:1100px; margin:0 auto;}
.navHolder .topMenu li a, .content h1, .content h2, .content h3, .blackLabel a  {font-family: 'Copperplate Gothic'; text-transform:uppercase;}
.navHolder li, .contactInfo li, .middleNav li, .menuList li, .col20, .col80, .language li  { display:inline-block; vertical-align:top;}
 .language li { vertical-align:middle;}
 
 /*CTA*/ 
.orangeCTA, .yellowCTA { display:block; width:30%; padding: 1% 2% ; left:33%; color:#fff; font-size:16px; text-align:center; }
.yellowCTA { width:auto; left:inherit; display:inline-block;}

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

/*Gold Gradient*/

.goldenCTA {background: #e0ad55; /* Old browsers */
background: -moz-linear-gradient(top,  #e0ad55 0%, #fddd78 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e0ad55 0%,#fddd78 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e0ad55 0%,#fddd78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ad55', endColorstr='#fddd78',GradientType=0 ); /* IE6-9 */}
 /*------------------------- ENDS GENERAL -------------------------*/


@media screen and (max-width:1200px)
{
	.cajasSlider li h2 { font-size:10px;}
}
@media screen and (max-width:1062px)
{
	.cajasSlider li { width:16%;}
	.cajasSlider li h2 { font-size:9px;}
	}
@media screen and (max-width:1023px)
{
	header { position:relative; width:100%; padding:0;}
	header a.mainLogo, .headerNav { width:100%; float:none; box-shadow:none;}
	header a.mainLogo { padding:15x 0 10px; border-width:0 0 2px;}
	header a.mainLogo img { max-width:150px;}

	.language { z-index:999; top:0; right:50px;}

	.navHolder { text-align:center;}
	.navHolder { top:0; width:100%; position:relative; box-shadow:none; float:none;}
	.mainSlider li {padding-bottom:10px;}
	
	.content { padding:0;} 
	.mainSlider li { padding-bottom:11px;}

	.midleNav li { width:25%;}
	.midleNav li a img { width:50px; height:auto;}
}
@media screen and (max-width:768px)
{
	.navHolder { padding:0;}
}
@media screen and (max-width:767px) {

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

/*Menu Media*/
.navHolder {  text-align:center; }
.mediaList { padding-bottom:10px;}
.topMenu { display:none; background:#fff;}
.navHolder .topMenu li { width:100%; border-bottom:1px dotted #666; margin:0;}
.navHolder .topMenu li a { padding: 10px 0;}
.navHolder .topMenu li.selected a {border-color:#93cb6f}
/*Responsive Top Menu*/
nav a#pull {width: 100%;height:43px; display: block; text-indent: 25px;background:#e1b055; 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;}

.middleNavHolder {width:100%; padding: 0 0 15px ;}
.slider  { padding-bottom:50px;}
.homeContent h1 { font-size:24px; width:90%; left:5%;}
.goldLabel h2 a { font-size:16px;}

/**/
.contactInfo li, .contactInfo li.contactTXT { width:100%; padding-bottom:20px;}
/**/
.menuList { width:96%; margin:0 auto;}
.menuList li { width:100%;}
.menuList li a { display:block; padding: 10px 2%; width:96%; margin:0;}

/**/
.col80, .col20 { width:100%; padding:0;}
.goldLabel h2, .blackLabel a { font-size:14px;}
.content h1, .content h2 { text-align:center; font-size:16px;}
.content h2, .content h3 { font-size:14px;}
}
@media screen and (max-width:600px)
{
.language { right:20px;}
.slider  { padding:0;}
.middleNavHolder { position:relative; width:100%; padding: 0 ;}
.middleNav li { width:94%; overflow:hidden; padding: 5px 3%; border-bottom:dotted 1px #dedede;}
.middleNav li:last-child { border:none;}
.middleNav li a img { width:15%; float:left; border:none;}
.middleNav li a h2 { font-size:18px; float:left; text-align:left; width:80%; padding-left:5%;}
}
@media screen and (max-width:480px)
{
.formItems li input.orangeCTA { width:80%; left:10%;}
.mainSlider li { padding:0;}
}
@media screen and (max-width:470px)
{
}
@font-face {
	font-family: 'Copperplate Gothic';
	src: url('../fonts/copperplate_gothic/CopperplateGothic-Bold.eot');
	src: url('../fonts/copperplate_gothic/CopperplateGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/copperplate_gothic/CopperplateGothic-Bold.woff') format('woff'),
		url('../fonts/copperplate_gothic/CopperplateGothic-Bold.ttf') format('truetype'),
		url('../fonts/copperplate_gothic/CopperplateGothic-Bold.svg#CopperplateGothic-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}