/* CSS by crea7ive */
@import url('../css/normalize.min.css');
@import url('../css/font-awesome.min.css');
@import url('../js/skdslider/skdslider.css');
@import url('../js/owlcarousel/assets/owl.carousel.css');
@import url('../js/owlcarousel/assets/owl.theme.default.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');


* { margin: 0 auto; padding: 0; border:0; }
* {outline:none; }
*:focus {outline:none; }
a:focus {outline:none; }
*:active {outline:none; }
*:hover {outline:none; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
::-moz-selection { background: #7F764E; color:#FFF; text-shadow: none; }
::selection { background: #7F764E; color:#FFF; text-shadow: none; }
::-webkit-input-placeholder { color:#999; font-size:14px; } 
::-moz-placeholder { color:#999; font-size:14px; }
:-ms-input-placeholder { color:#999; font-size:14px; }
:-moz-placeholder { color:#999; font-size:14px; }

body { background: #FFF; font-family: 'Montserrat', sans-serif; font-weight:400; font-size: 1em; line-height: 1.4; margin: 0 auto; height:100%; }

/* ==========================================================================
 General Styles
 ========================================================================== */

h1 { margin: 0; font-weight:300; padding: 0; border:0; }
h2 { margin: 0; font-weight:300; padding: 0; border:0; }
h3 { margin: 0; font-weight:300; padding: 0; border:0; }
h4 { margin: 0; font-weight:300; padding: 0; border:0; }
h5 { margin: 0; font-weight:300; padding: 0; border:0; }

button, input[type=submit], input[type=button], input[type=reset] { padding: 12px 40px; color: #fff; font-weight:400; font-size: 15px; cursor: pointer; border: 0; background: #276B00; text-transform:uppercase; }
button, input[type=submit], input[type=button], input[type=reset] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { background: #3C7A19; }
input[type=text], textarea, select, input[type=email], input[type=password], input[type=tel]  { padding: 5px; border: 1px solid #e5e5e5; color: #666; font-weight:300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; } 
input[type=text]:hover, select:hover, textarea:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover { color: #666; border-color: #8DC73D; }

img { vertical-align: middle; border:0; }
textarea { resize: vertical; }
label { font-weight:400; color:#666; font-size:15px; }
hr { border:0; background:#ddd; height:1px; margin:20px 0; width:100%; }

.chromeframe { margin: 0.2em 0; background: #DDD; color: #000; padding: 0.2em 0; }

a { color: #7F764E; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a:visited, a:link { color: #7F764E; } 
a:hover { color: #212121; text-decoration: none; }

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none: -moz-user-select: none; user-select: none; }
.pace-evens { display:none; }
.pace .pace-progress { background: #306B00; position:fixed; z-index: 2000; top:0; right:100%; width: 100%; height:2px; }

.clear {clear: both; }
.center { margin: 0 auto; }
.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.shadow { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); }
.no-border { border: 0; }
.left { float:left; }
.margin-v { margin: 30px auto; display: block; text-align: center; }
.margin-v img { width: 100%; height:auto; }
.content .c-content .c-left .c-title { cursor:pointer;}
.mobile { display:none; }
.hide { opacity:0; }

/* ==========================================================================
 Custom styles
 ========================================================================== */
 
/* Wrapper */

.wrapper { width: 100%; max-width:1400px; margin: 0 auto; padding: 0; overflow:hidden; position: relative; }

/* Header */

.header { width: 100%; overflow:hidden; margin:0; padding:0; }
.header .h-content { max-width:90%; margin:0 auto; padding:20px 0; border:0; overflow:hidden; }
.header .h-content .logo { float:left; width: 110px; height:110px; overflow:hidden; }
.header .h-content .texto { float:left; width: auto; overflow:hidden; margin-left: 20px; padding-left:20px; border-left:1px solid #eee; }
.header .h-content .texto h1 { color:#282519; text-transform:uppercase; font-family: 'Roboto', sans-serif; margin:0; padding: 10px 0; } 
.header .h-content .texto h1 .f1 { font-size:14px; display:block; font-weight: 700; letter-spacing: 1.5px; }
.header .h-content .texto h1 .f2 { font-size:34px; display:block; font-weight: 500; }
.header .h-content .texto h1 .f3 { font-size:14px; display:block; font-weight: 700; letter-spacing: 1.5px; }
.header .h-content .datos { float:right; width:auto; }
.header .h-content .datos ul { list-style-type:none; margin:0; padding:0; width:auto; }
.header .h-content .datos ul li { float:none; text-align:right; margin-bottom: 5px; width:auto; border:0; }
.header .h-content .datos ul li a:hover { color:#333; } 
.header .h-content .datos ul .phone { font-size: 24px; color:#2E3F72; margin-top:5px; margin-bottom:10px; }
.header .h-content .datos ul .phone a { font-family: 'Roboto', sans-serif; font-weight:500; }
.header .h-content .datos ul .address { font-size:14px; }
.header .h-content .datos ul .address a { color:#777777; }
.header .h-content .datos ul .email { font-size:14px; }
.header .h-content .datos ul .email a { color:#777777; } 


/* Menu */

.menu { width: 100%; margin: 0 auto; clear:both; overflow:hidden; background:#276B00; border:0; border-bottom:4px solid #D4D46A; }
.menu .m-content { border:0; margin:0 auto; width: 90%; max-width:1300px; overflow:hidden; }
.menu .m-content ul { list-style-type:none; padding:0; margin:0 auto; width: auto; float:none; }
.menu .m-content ul li { float:left; margin:0; padding:0; text-align:center; padding:0; }
.menu .m-content ul li a { display: block; text-transform:uppercase; border:0; text-align:center; padding:1px 0 0 0; border-bottom: 2px solid transparent; }
.menu .m-content ul li a { color: #f1f1f1; font-size:15px; font-weight:500; line-height: 52px; letter-spacing:.5px; font-family:'Roboto', sans-serif; }
.menu .m-content ul li a { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.menu .m-content ul li a:hover { background:rgba(0,0,0,.1); }
.menu .m-content ul li .active { color:#fff; background:rgba(0,0,0,.1); }

.menu .m-content .inicio { width: 12%; float:left; margin: 0; }
.menu .m-content .nosotros { width: 14%; float:left; margin:0; background:url(../img/bullet-menu.png) 85% 50% no-repeat; }
.menu .m-content .novedades { width: 15%; float:left; margin:0; background:url(../img/bullet-menu.png) 86% 50% no-repeat; }
.menu .m-content .alumnos { width: 13%; float:left; margin:0; background:url(../img/bullet-menu.png) 86% 50% no-repeat; }
.menu .m-content .apoderados { width: 16%; float:left; margin: 0; background:url(../img/bullet-menu.png) 86% 50% no-repeat; }
.menu .m-content .extraescolar { width: 17%; float:left; margin:0; }
.menu .m-content .contacto { width: 13%; float:left; margin: 0; }

.menu .m-content .sub { background: #FFF; width: 300px; margin-top:0; margin-left:0; top: auto; left: auto; display: none; position: absolute; border-top: 4px solid #D4D46A; }
/*.menu .m-content .sub { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); }*/
.menu .m-content .sub { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.menu .m-content .sub li { width:100%; margin: 0; z-index:999; padding: 0; text-align: left; border-bottom:1px solid #eee; }
.menu .m-content .sub li a { color: #757575; border:0; text-transform: none; padding: 10px 15px 7px 15px; display: block; font-size: 15px; text-align:left; line-height: 22px; background:none; font-weight:400; letter-spacing:0; font-family: 'Roboto', sans-serif; }
.menu .m-content .sub li a:hover { color:#276B00; background:#FAFAFA; }
.menu .m-content .sub li:first-child a { padding-left: 15px; }
.menu .m-content .sub li:last-child a { padding-right:15px; border-bottom:0; }
.menu .m-content ul li:hover ul { display: block; padding: 0; z-index:999; margin-top:0px; }

.menu .m-content .rwd, 
.menu .m-content .rwd-button { display:none; }

/* Slide */

.middle { margin: 0 auto; width: 100%; height:450px; clear:both; overflow: hidden; height:auto; background: #FFF; padding:0; z-index: 99; position:relative; border-bottom:1px solid #eee; }
.middle { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } 

/* Become */

.become { width: 100%; border:0; overflow:hidden; margin:0 auto; padding: 100px 0; }
.become .b-content { width:100%; max-width:90%; text-align:center; }
.become .b-content .b-titulo { width: 60%; padding: 0 50px 10px 50px; border-bottom:2px solid #D4D46A; }
.become .b-content .b-titulo h4 { font-size:44px; color: #fff; font-weight:400; margin:0 auto; }
.become .b-content p { font-size:20px; color:#fff; line-height: 28px; max-width: 72%; margin: 40px auto; font-weight:400; text-align:center; text-shadow: 1px 1px 5px rgba(0,0,0,.5); }
.become .b-content .boton { background:#276B00; color:#FFF; text-decoration:none; line-height: 60px; font-size: 18px; font-weight:400; margin: 50px auto 0 auto; letter-spacing:1px; }
.become .b-content .boton { -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; max-width:280px; display: block; border:2px solid #276B00; }
.become .b-content .boton:hover { background:none; border:2px solid #fff; }

/* Content */

.content {  position:relative; }
.content h3 { margin: 30px auto; text-align:center; font-size: 32px; color:#000000; font-weight:400; }
.content .c-content { border:0; width:100%; padding: 0 0 20px 0; max-width: 90%; overflow:hidden; position: relative; margin:0 auto; text-align:left; }

 
/* Left Content */

.content .c-content .c-left { margin:40px 3% 0 0; padding:0; float:left; width: 25%; overflow:hidden; }
.content .c-content .c-left .c-box { padding:20px 2%; width:100%; margin: 0 0 30px 0; background:#FAFAFA; text-align:left; border:1px solid #e3e3e3; }
.content .c-content .c-left .c-box h4 { color:#414141; font-size: 22px; font-weight:400; margin: 0 0 0 10px; padding: 3px 0 3px 10px; border-left:4px solid #D4D46A; line-height:22px; } 
.content .c-content .c-left .c-box ul { list-style-type:none; margin:15px auto 0 auto; padding:0; width:92%; overflow:hidden; }
.content .c-content .c-left .c-box ul li { border-bottom:1px solid #f1f1f1; margin: 0; padding:11px 10px 11px 0; line-height: 20px; }
.content .c-content .c-left .c-box ul li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0; }
.content .c-content .c-left .c-box ul li span { margin-top:0px; display:block; }
.content .c-content .c-left .c-box ul li a { font-weight:500; font-size: 15px; display:block; line-height: 20px; color:#757575; }
.content .c-content .c-left .c-box ul li a:hover { color:#333; }
.content .c-content .c-left .c-box ul li a:visited {  }
.content .c-content .c-left .c-box ul li span { font-size:13px; color:#666; }
.content .c-content .c-left .c-box ul li a.active { color:#333; }


/* Right Content */

.content .c-content .c-right { margin:0; padding:30px 0; float:right; width: 72%; overflow:hidden; background: #FFF; border:0; }
.content .c-content .c-right strong { color:#555; } 
.content .c-content .c-right .c-title { text-align: left; margin: 10px 0 30px 0; width: 100%; border-bottom:1px solid #D4D46A; padding:0 0 15px 0; line-height: 24px; overflow:hidden; }
.content .c-content .c-right .c-title h1 { color: #212121; font-size:30px; padding: 0; width: auto; font-weight: 400; }
.content .c-content .c-right .c-title h2 { color: #212121; font-size:30px; padding: 0; width: auto; font-weight: 400; float:left; }
.content .c-content .c-right .c-title .addthis_toolbox { border:0; float:right; margin-right:0; margin-top: 2px; width: auto; border:0;}
.content .c-content .c-right h2 { color:#7F764E; font-size: 26px; font-weight:400; margin: 0 0 0 0; text-align:left; }
.content .c-content .c-right h3 { color:#306B00; font-size: 22px; font-weight:400; margin: 0 0 10px 0; text-align:left; }
.content .c-content .c-right h4 { color:#7F764E; font-size: 18px; font-weight:500; margin: 25px 0 10px 0; text-align:left; border-bottom:1px dotted #ddd; padding-bottom:5px; }
.content .c-content .c-right table { width: 100%; border-collapse: collapse; border:1px solid #ddd; }
.content .c-content .c-right table th { padding: 8px 6px; font-size: 14px; border:1px solid #ddd; line-height: 18px; font-weight:600; text-align:left; }
.content .c-content .c-right table td { padding: 8px 6px; font-size: 14px; border:1px solid #ddd; line-height: 18px; }
.content .c-content .c-right table thead tr th { background:#f5f5f5; color:#333; text-align:center; }
.content .c-content .c-right table tbody tr td {  }
.content .c-content .c-right p { font-size: 14px; line-height:22px; text-align:justify; font-weight:400; color:#666; } 
.content .c-content .c-right ul { list-style-type: none; width: 100%; overflow:hidden; text-align:left; margin:20px 0 5px 0; padding:0; }
.content .c-content .c-right ul li { background: url(../img/li.png) 5px top no-repeat; padding-left:15px; text-align:left; font-size:14px; color:#666; font-weight:400; line-height: 20px; margin-bottom: 10px; } 

/* Benefits */

.benefits { border:0; width: 100%; overflow:hidden; padding: 0; overflow:hidden; padding: 0; width: 90%; padding: 0; }
.benefits .b-slide { width: 90%; max-width:250px; background:#FFF; text-align:center; overflow:hidden; border:1px solid #ddd; text-align:center; margin:5px auto; min-height:265px; }
.benefits .b-slide { -webkit-border-radius: 5px; -moz-border-radius: 5px, border-radius: 5px; }
.benefits .b-slide { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.benefits .b-slide { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1); }
.benefits .b-slide .b-imagen { text-align: center; margin: 0 auto; min-height: 180px; }
.benefits .b-slide .b-imagen img { vertical-align: middle; max-height: 186px; max-width: 100%; width:auto; margin: 0 auto; }
.benefits .b-slide .b-fecha { border:0;  text-align:left; padding: 0 15px; }
.benefits .b-slide .b-fecha  img { width:20px; height:20px; display: inline; margin:0;}
.benefits .b-slide .b-fecha span { color: #999; font-size: 13px; text-align:center; line-height: 22px; padding: 0; font-weight:400; overflow:hidden; }
.benefits .b-slide .b-titulo { border:0; width:100%; overflow: hidden; padding: 20px 0; }
.benefits .b-slide .b-titulo { font-size: 17px; text-align:center; line-height: 24px; padding: 5px 15px; font-weight:500; overflow:hidden; height: 52px; }
.benefits .b-slide .b-titulo h4 a { color: #266B00; display:block; border:0; position:relative; text-align:left; font-size:20px; font-weight:500; }
.benefits .b-slide .b-titulo h4 a:hover { color: #333; } 

.benefits .b-slide .b-desc { font-size:13px; text-align:left; padding: 0 15px; line-height:20px; margin: 10px 0 20px 0; overflow:hidden; height: 60px; color:#878787;}

/* News */

.noticias { border:0; width: 100%; overflow:hidden; padding: 0 0 20px 0; margin:0 auto; position:relative; text-align:left; }

.noticias .box-destacada { float:left; width:46%; border-right:1px solid #eee; padding-right: 4%; margin-right: 3%; }
.noticias .box-destacada .box-noticia { margin:0; width: 100%; float:none; overflow: hidden; position: relative; border:0; }
.noticias .box-destacada .box-noticia a { position:relative; text-align: center; margin: 0 auto; overflow:hidden; display:block; }
.noticias .box-destacada .box-noticia a img { position:relative; width:100%; height:100%; margin: 0 0 20px 0; }
.noticias .box-destacada .box-noticia h3 { width:100%; margin: 15px 0; padding: 0; text-align: left; line-height: 32px; overflow:hidden; }
.noticias .box-destacada .box-noticia h3 a { color: #7F764E; text-decoration: none; font-size:30px; font-weight: 400; padding: 0; height:auto; border:0; text-align:left; background:none; }
.noticias .box-destacada .box-noticia h3 a:visited { color: #7F764E; }
.noticias .box-destacada .box-noticia h3 a:hover { color: #212121; text-decoration: none; }
.noticias .box-destacada .box-noticia p { margin:10px auto 0 auto; padding: 0; width: 100%; height: 100px; overflow:hidden; border:0; font-weight:300; }
.noticias .box-destacada .box-noticia p { font-size: 14px; color:#666; text-align:left; line-height: 22px; }
.noticias .box-destacada .box-noticia .vermas { background: #306B00; height:auto; width: auto; margin:10px 0 0 0; color: #FFF; font-size:13px; text-align:center; display:block; padding: 6px 15px 8px 12px; float:left; font-weight:400; border:0; }
.noticias .box-destacada .box-noticia .vermas:hover { opacity:.9; }
.noticias .box-destacada .box-noticia .vermas:before { content: "+"; color:#FFF; font-weight:300; padding-right: 5px; }
.noticias .box-destacada .box-noticia .vermas { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.noticias .box-normal { float:right; width:50%; }
.noticias .box-normal .box-noticia { margin:0 0 20px 0; width: 100%; float:none; overflow: hidden; position: relative; border-bottom:1px solid #eee; }
.noticias .box-normal .box-noticia .imagen { float:left; width: 30%; }
.noticias .box-normal .box-noticia .imagen a { position:relative; text-align: center; margin: 0 auto; height: 130px; overflow:hidden; display:block; border:1px solid #eee; background:#FAFAFA; }
.noticias .box-normal .box-noticia .imagen a img { position:absolute; height:130px; width:auto; left:-100%; top:0; right: -100%; bottom:0; margin: auto; }
.noticias .box-normal .box-noticia .datos { float:right; width: 65%; }
.noticias .box-normal .box-noticia .datos h3 { width:100%; margin: 0 0 10px 0; padding: 0; text-align: left; line-height: 18px; height:48px; overflow:hidden; }
.noticias .box-normal .box-noticia .datos h3 a { color: #7F764E; text-decoration: none; font-size:20px; font-weight: 500; padding: 0; height:auto; border:0; text-align:left; background:none; }
.noticias .box-normal .box-noticia .datos h3 a:visited { color: #7F764E; }
.noticias .box-normal .box-noticia .datos h3 a:hover { color: #212121; text-decoration: none; }
.noticias .box-normal .box-noticia .datos p { margin:10px 0 0 0; padding: 0; width: 100%; height: 52px; overflow:hidden; border:0; font-weight:300; }
.noticias .box-normal .box-noticia .datos p { font-size: 13px; color:#666; text-align:left; line-height: 20px; }
.noticias .box-normal .box-noticia .datos .vermas { background: #306B00; height:auto; width: auto; margin:15px 0; color: #FFF; font-size:12px; text-align:center; display:block; padding: 5px 13px 5px 10px; float:left; font-weight:400; border:0; }
.noticias .box-normal .box-noticia .datos .vermas:hover { opacity:.9; }
.noticias .box-normal .box-noticia .datos .vermas:before { content: "+"; color:#FFF; font-weight:300; padding-right: 5px; }
.noticias .box-normal .box-noticia .datos .vermas { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.noticias .box-normal .box-noticia:last-child { border-bottom:0; }

/* Extraescolar */

.categoria { margin:0 1.5% 20px 1.5%; width: 30%; background:none; display:inline-block; overflow: hidden; position: relative; border:0; }
.categoria .imagen { overflow:hidden; width:100%; height: 200px; white-space: nowrap; text-align: center; margin: 0; }
.categoria .imagen img { vertical-align: middle; width:100%; height:auto; opacity: 1; margin:0; }
.categoria .imagen img:hover { opacity: .85; }
.categoria h3 { width:100%; margin: 15px 0 10px 0; border: 0; padding: 0; text-align: left; overflow:hidden; height:auto;}
.categoria h3 a { text-decoration: none; font-size:22px; font-weight: 400; padding:0; line-height:28px; height: 54px; border:0; display:block; }
.categoria p { margin: 0 auto 20px auto; padding: 0;  width: 100%; height: 85px; overflow:hidden; font-size: 15px; color:#888 !important; font-weight:300 !important; text-align:left !important; line-height: 22px !important; }

/* News list */

.listado { border:0; width: 100%; overflow:hidden; padding: 0; margin:0; border:0; }
.listado .box-noticia { border-bottom:1px solid #eee; padding:0 0 30px 0; margin:0 0 20px 0; width:100%; background: #FFF; overflow:hidden; }
.listado .box-noticia .n-titulo { display:block; overflow: hidden; height:auto; width:100%; margin:0; border:0; }
.listado .box-noticia .n-titulo h3 { text-transform:none; margin:0px; padding:0; border:0; line-height: 30px; float:none; clear:both; width:100%; font-weight:500; font-size: 26px; }
.listado .box-noticia .n-titulo h3 a { color: #306B00; font-size: 26px; letter-spacing:0; font-weight:500; }
.listado .box-noticia .n-titulo h3 a:hover { color: #313131; }
.listado .box-noticia .n-fecha { font-size:14px; color:#999; display:block; margin:0 0 10px 0; font-weight:300; padding:0 0 5px 0; }
.listado .box-noticia .n-img { width: 32%; float:left; position:relative; text-align: center; margin: 0 auto; height: 146px; overflow:hidden; display:block; border:0; background:none; }
.listado .box-noticia .n-img img { position:absolute;  left:0; top:-100%; right: 0; bottom:-100%; margin: auto; width:100% !important; }
.listado .box-noticia .n-texto { width: 66%; border:0; float:right; overflow:hidden; font-size: 15px !important; margin:0; color:#777 !important; }

.listado .box-detalle .n-img { width: 100%; float:none; height:auto; }
.listado .box-detalle .n-img img { width: 100%; height: 100%; position:relative; left:0; right:0; }
.listado .box-detalle .n-texto { width: 100%; float:none; margin: 20px 0 10px 0; }

.listado .box-detalle ul { list-style-type: none; width: 100%; overflow:hidden; text-align:left; margin:20px 0 5px 0; padding:0; }
.listado .box-detalle ul li { background: url(../img/li.png) 5px 40% no-repeat !important; padding-left:18px !important; text-align:left; font-size:14px; color:#666; font-weight:400; line-height: 20px; margin-bottom: 10px; } 


/* Formulario */

.contact { max-width:90%; }
.contact .frm-contacto { margin: 30px 0 30px 0; overflow:hidden; width: 50%; float:left; border-right:1px solid #eee; padding: 0 3% 0 0; }
.contact .frm-contacto table td { font-size: 14px; color: #888; padding: 7px 5px; font-weight:bold; }
.contact .frm-contacto label { float:left; display:block; padding: 6px 5px; margin-top:5px; width: 90px; font-weight:300;}
.contact .frm-contacto p { margin:0 0 20px 0; font-size: 16px; color:#777; }
.contact .frm-contacto .input { border: 1px solid #ccc; padding: 8px 7px; font-size: 13px; color: #666; margin: 5px 0; width: 80%; float:left; font-weight:300; }
.contact .frm-contacto .input:hover { border: 1px solid #999; }
.contact .frm-contacto .captcha { border: 1px solid #ccc; padding:8px 7px; font-size: 14px; color: #666; margin: 5px 0 5px 0; text-align:center; width:80px; font-weight:300; }
.contact .frm-contacto .captcha:hover { border: 1px solid #666; }
.contact .frm-contacto .textarea { border: 1px solid #ccc; padding: 8px 7px; font-size: 14px; color: #666; margin: 5px 0; width: 80%; height: 122px; float:left; font-weight:300; }
.contact .frm-contacto .textarea:hover { border: 1px solid #999; }

.contact .datos-contacto {float:right; width:45%; overflow: hidden; margin: 30px 0 0 0; padding-left: 0px;  }
.contact .datos-contacto h2 { margin-bottom: 10px; }
.contact .datos-contacto #map p { color:#999; }

/* Extraescolar */

.extraescolar { max-width:90%; }

/* Footer */

.footer { width:100%; overflow:hidden; background:#282519; padding: 0; border:0; font-family: 'Roboto', sans-serif; }
.footer .f-content { width:100%; max-width: 90%; overflow:hidden; padding: 50px 0; color:#FFF; }
.footer .f-content a { color:#fff; }
.footer .f-content a:hover { color:#ddd !important; }
.footer .f-content .f-logo { float:left; width: 95px; height: 95px; overflow:hidden; }
.footer .f-content .f-text { float:left; width: auto; overflow:hidden; margin-left: 40px; margin-top: 20px; }
.footer .f-content .f-text p { font-size:22px; font-weight: 300; letter-spacing: 1.5px; margin:0; line-height: 30px; }
.footer .f-content .f-text span { font-size:16px; color:#aaa; font-weight:300; }
.footer .f-content .f-data { float:right; width:auto; }
.footer .f-content .f-data ul { list-style-type:none; margin:0; padding:0; width:auto; }
.footer .f-content .f-data ul li { float:none; text-align:left; margin-bottom: 5px; width:auto; border:0; }
.footer .f-content .f-data ul li a:hover { color:#333; } 
.footer .f-content .f-data ul .phone { font-size: 22px; color:#fff; margin-top:5px; margin-bottom:10px; }
.footer .f-content .f-data ul .address { font-size:14px; }
.footer .f-content .f-data ul .email { font-size:14px; }


/* ==========================================================================
 Helpers
 ========================================================================== */
 
.news { background:#FFF; padding: 0; border:0; max-width:90%; }
.news .c-content .boton2 { max-width:250PX; padding:0; width:auto; margin: 40px auto 0 auto; text-align:center; display:block; clear:both; float:none; }

.bene { background:#f9f9f9; padding: 30px 0 20px 0 !important; }
.bene h3 { margin-top: 20px; }
.bene p { width: 100%; text-align: center; margin:0 auto 30px auto; line-height:24px; color:#666; }
.bene strong { font-weight:500; color: #444; }

/* Pagination */

.paginador { width:100%; border:0; font-size: 18px; font-weight: 100; display: block; padding: 12px 0; overflow:hidden; color: #e5e5e5; font-weight:100; text-align:center; margin: 0 auto; }
.paginador a { font-size: 13px; font-weight: 400; color: #444; background:#f5f5f5; padding: 5px 10px; text-align: center; border: 1px solid #e1e1e1; margin: 5px 4px 5px 4px; }
.paginador a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.paginador a:hover { color: #FFF; text-decoration: none; background: #7F764E; border: 1px solid #7F764E; }
.paginador strong { background:#7F764E; border:1px solid #7F764E; color: #FFF; padding: 5px 10px; font-size: 13px; margin:0; }
.paginador strong { font-weight:400 !important; color:#FFF !important; }
.paginador strong { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.paginador span { font-style: italic; font-size: 13px; color:#fff; padding-right:15px; }
.paginador .siguiente { margin:0 auto; padding:0 0 0 18px; line-height: 44px; font-size: 16px; font-weight:300; color:#FFF; display:block; text-align:left; width:240px; border:0; }
.paginador .siguiente { -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; background: #7F764E url(../img/icon-siguiente.png) 94% 50% no-repeat; letter-spacing: .5px; }
.paginador .siguiente:hover { opacity: .9; border:0; background: #7F764E url(../img/icon-siguiente.png) 94% 50% no-repeat; }

/* Navigation */

.navegador { background:#fafafa; width: 60%; margin:0 3.4px -3px auto; display: block; border: 1px solid #eee; text-align:right; overflow:hidden; letter-spacing:.5px; }
.navegador span { color:#666; font-weight: 500; margin: 0; display: block; padding: 7px 15px; border-left:1px solid #eee; float:right; font-size: 14px; }
.navegador span:last-child { border-left:0;}
.navegador span span { border-right: 0; display:inline; float:none; color:#999; font-weight:100; padding:0; }

/* Go top button */

.go-top { position: fixed; bottom: 1em; right: 1em; background-color: rgba(0, 0, 0, .5); display: none; padding: 0; display: none; opacity:.8; line-height: 36px; text-align:center; width:36px; height:36px; }
.go-top { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.go-top img { margin:0; width:16px; height:16px; } 
.go-top:hover { opacity:.7; }


/* Mensajes */

.mensajes { width: 100%; padding: 10px 13px; line-height: 20px; color:#FFF; width:auto; margin:5px 0 20px 0; font-size:14px; font-weight:400; }
.mensajes { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mensajes .fa-check-square-o { color: #aaa; padding-right: 3px; } 
.info { background:#1f8dd6; }
.info strong { color:#FFF !important; } 
.success { background: #5eb95e; }
.error { background: #dd514c; }
.warning { background:#D4D46A; }
.note { background: #f5f5f5; color:#666; border:1px solid #e1e1e1; }
.note p { text-align:justify !important; margin: 0 0 10px 0 !important; }
.notfound { width: 100% !important; font-style:italic; font-size: 13px; color:#999; }
.tasas { background:#f5f5f5; color:#777; margin-top: 40px; }
.tasas a { color: #333; text-decoration:none; font-weight:500; }
.tasas a:hover { color: #777; text-decoration:none; }
.tasas img { width:auto !important; height:auto !important; margin: -1px 2px 0 0 !important; }
.enviado { margin: 50px auto; text-align:center !important; overflow:hidden; width: 100%; }
.enviado h2 { font-size: 30px; font-weight:300; color: #333 !important; text-align:center !important; margin: 30px auto; }
.enviado p { color:#666; font-size: 16px; text-align:center !important; }
.enviado .fa-check { font-size: 80px; color: #A1BF37; text-align:center; font-weight:100; }

/* Galerias */

.gallery { width: 100%; border:0; max-width: 1300px; overflow:hidden; position:relative; text-align:left; background:#F5F5F5; padding: 10px; margin: 20px auto 0 auto; }
.gallery a { position:relative; margin: 5px; width:180px; height: 135px; overflow:hidden; display:inline-block; border:1px solid #fff; background:#fff; }
.gallery a img { position:absolute; height:135px; width:auto; left:-100%; top:0; right: -100%; bottom:0; margin: auto; }

/* FadeIn effect */

.fadein { -webkit-animation: fadein .5s; -moz-animation: fadein .5s; -ms-animation: fadein .5s; -o-animation: fadein .5s; animation: fadein .5s; }

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }


/******* Media Queries */

@media (min-width: 980px) and (max-width: 1154px) {
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
   
    .content { padding:3%; }
    .content .c-content { width:100%; max-width: 100%; }
    .content .c-content .c-titulo { margin-top: 10px; }
    .content .c-content .c-titulo h3 { font-size: 24px; }
    
    .content .c-content .c-left { width: 98%; margin:10px auto 20px auto; float:none; padding: 10px 13px; border:1px solid #ddd; background: #f5f5f5 url(../img/bg-c-left.png) top left repeat-x; }
    .content .c-content .c-left { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; }
    .content .c-content .c-left { -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25); } 

    .content .c-content .c-left h4 { font-size: 20px; border-left:0; line-height:normal; } 
    .content .c-content .c-left ul li a { font-weight:400; font-size:16px; }
    .content .c-content .c-left ul li span { margin-top:0; display:block; }
    .content .c-content .c-left .c-title { padding:0; margin:0 auto; }
    .content .c-content .c-left .c-list { display:none; margin-top:20px; }
     
    .content .c-content .c-right { width:100%; float:none; margin: 10px 0 20px 0; border:0; background:none; padding:0; }
    .content .c-content .c-right img { width:100%; height:auto; margin: 10px 0 0 0; }
    .content .c-content .c-right .productos .p-text { padding: 10px; }
    .content .c-content .c-right .faq .faq-title { line-height: 18px; font-size: 15px; padding: 10px 30px 10px 15px; background: #f5f5f5 url(../img/bullet.png) 96% 50% no-repeat; }
    .content .c-content .c-right .productos .p-title span { display: none; }
    .content .c-content .c-right .c-title { margin: 5px 0 20px 0; padding: 0 0 5px 0; }
    .content .c-content .c-right .c-title h1 { line-height: 28px; font-size: 24px; padding: 0; }
    
    .become .b-content { width:100%; max-width:90%; text-align:center; }
    .become .b-content .b-titulo { width: 96%; padding: 0 0 10px 0; line-height:30px; }
    .become .b-content .b-titulo h4 { font-size:32px; }
    .become .b-content p { max-width: 94%; }
    
    .benefits { border:0; width: 90%; padding: 0; overflow:visible; padding: 0; position:relative; }
    .benefits .b-slide { width: 98%; max-width:220px; }
    .benefits .b-slide .b-imagen { white-space: nowrap; text-align: center; margin: 0 auto; min-height: 110px; }
    .benefits .b-slide .b-imagen img { vertical-align: middle; max-height: 70px; max-width: 120px; width:auto; margin: 0 auto; }
    .benefits .b-slide .b-titulo span { font-size: 11px; letter-spacing: -.5px; }
    .benefits .b-slide .b-titulo p { font-size: 15px; line-height: 20px; padding: 5px 10px; }
    
    .noticias .box-noticia { margin:0 2% 20px 2%; width: 45%; float:left; min-height:360px; }
    .noticias .box-noticia h3 { height:48px; }
    .noticias .box-noticia h3 a { height:auto; }
    .noticias .box-noticia a { height:190px; width:100%; }
    .noticias .box-noticia a img { height:100%; width: 100%; }
    .noticias .box-noticia p { font-size:14px; }
    .noticias .box-noticia .vermas { margin:15px 0 0 0; }
    
    .listado .box-noticia .n-img img { margin: auto !important; }
    
    .footer h5 { font-size:18px; font-weight:400; }
    .footer ul li a { font-size: 15px; }
    .footer .f-content { width:100%; max-width: 92%; padding:20px 0; }
    .footer .f-content .f-data { float:left; margin-bottom: 30px; min-height:270px; }
    .footer .f-content .f-products { width: 48%; }
    .footer .f-content .f-related { width: 48%; }
    .footer .f-content .f-services { width: 48%; }
    .footer .f-content .f-location { width: 48%; }
    .footer .f-content .f-services .f-access ul li a { letter-spacing: -.8px; }
    
    .gallery a { position:relative; margin: 5px; width:30%; height: 165px; overflow:hidden; display:inline-block; border:1px solid #fff; background:#fff; }
	.gallery a img { position:absolute; height:165px; width:auto; left:-100%; top:0; right: -100%; bottom:0; margin: auto !important; }
    
    .bene .desc { font-size: 14px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
 
/* Landscape phones and down */
/*@media (max-width: 620px) {*/
    
    .header { width: 100%; overflow:hidden; margin:0; padding:0; }
    .header .h-content { max-width:90%; margin:0 auto; }
    .header .h-content .logo { float:left; width: 110px; height:110px; overflow:hidden; zoom: .8; }
    .header .h-content .texto { float:left; width: auto; overflow:hidden; margin-left: 10px; padding-left:10px; border-left:0; zoom: .8; }
    .header .h-content .datos { display:none; }
    
    .menu { width: 100%; border-bottom:0; }
    .menu .m-content { width: 100%; border:0; max-width: 100%; overflow:hidden; position: relative; margin:0 auto; }
    .menu .m-content ul li { float:none; margin:0; padding:0; width:100%; }
    .menu .m-content ul li a { font-size: 14px; text-align:left; }   
    .menu .m-content ul li a:link { line-height: 45px; padding: 0 15px; display:block; width:100%; }
    
    .menu .m-content .inicio { width: 100%; float:none; margin: 0; }
	.menu .m-content .nosotros { width: 100%; float:none; margin:0; background:url(../img/bullet-menu.png) 95% 20px no-repeat; }
	.menu .m-content .novedades { width: 100%; float:none; margin:0; background:url(../img/bullet-menu.png) 95% 20px no-repeat; }
	.menu .m-content .alumnos { width: 100%; float:none; margin:0; background:url(../img/bullet-menu.png) 95% 20px no-repeat; }
	.menu .m-content .apoderados { width: 100%; float:none; margin: 0; background:url(../img/bullet-menu.png) 95% 20px no-repeat; }
	.menu .m-content .extraescolar { width: 100% !important; max-width:100%; float:none; margin:0; }
	.menu .m-content .contacto { width: 100%; float:none; margin: 0; }
    
    .menu .m-content .sub { background:rgba(0,0,0,.2); display: none; position: relative; width:100%; top: 0px; left: 0; margin-top:0; margin-left:0px; border:0; }
	.menu .m-content .sub { top: auto; left: 0; text-align:left; border:0; }
	.menu .m-content .sub li { width:100%; border: 0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; border:0; padding-left:10px; }
	.menu .m-content .sub li:hover { border:0; }
	.menu .m-content .sub li a { text-transform: none; color:#FFF; padding: 0 15px; display: block; font-size: 14px; text-align:left; font-weight:500; }
	.menu .m-content ul li:hover ul { border:0; }
            
    .menu .m-content { position:relative; display:block; width: 100%; height: 63px; overflow: hidden; margin: 0 auto; }
    .menu .m-content .rwd { height: 63px; display:block; background: #276B00; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; }
    .menu .m-content .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 60px; }
    .menu .m-content .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; }
    .menu .m-content .rwd a:hover { text-decoration: none; color:#F1F1F1; } 
    .menu .m-content .rwd-button { cursor:pointer; display:block; position:absolute; right:0; top:0; width: 63px; height:63px; background:#28251A; padding: 16px 0 0 0; }
    .menu .m-content .rwd-button span { display:block; margin-top:5px; height:3px; background:#FFF; width:24px; }
    
    .menu-sesion .m-content ul li a:link { padding-left: 15px !important; }
    
    .category { width: 100%; margin:0 auto; padding: 20px 0; }
    .category .c-content { border:0; width:100%; max-width: 90%; }
    
    .category .c-content .box-category { width: 90%; max-width:none; margin: 0 auto; min-height: auto; }
    .category .c-content .box-category .box-imagen { position:relative; width: 100%; height: auto; text-align:center; overflow:hidden; }
    .category .c-content .box-category .box-imagen a { display:block; width:100%; height: 100%; } 
    .category .c-content .box-category .box-imagen img { position:relative; left:0; right:0; top:0; margin: auto; height:100%; width: 100%; max-height: none; }
    .category .c-content .box-category h4 { width: 90%; } 
    .category .c-content .box-category .box-boton { margin: 16px 0 15px 4%; }
    .category .c-content .box-last { margin: 0; } 
    
    .become { margin: 0 auto; padding: 50px 0; }
    .become .b-content { width:100%; max-width:94%; text-align:center; }
    .become .b-content .b-titulo { width: 80%; padding: 0 0 20px 0; line-height:30px; }
    .become .b-content .b-titulo h4 { font-size:32px; }
    .become .b-content p { max-width: 94%; font-size: 15px; line-height:22px; }
    
    .content { padding:0; }
    
    .content .s-noticias .c-left { display:none; }
    .content .s-actividades .c-left { display:none; }
    
    .content .c-content { width:100%; max-width: 100%; padding:3% !important; }
    .content .c-content .c-titulo { margin-top: 10px; }
    .content .c-content .c-titulo h3 { font-size: 24px; }
    
    .content .c-content .c-left { width: 100%; margin:10px auto 0 auto; float:none; padding: 0; border:0; background: none; }
    .content .c-content .c-left h4 { font-size: 20px; border-left:0; line-height:normal; } 
    .content .c-content .c-left ul li a { font-weight:400; font-size:16px; }
    .content .c-content .c-left ul li span { margin-top:0; display:block; }
    .content .c-content .c-left .c-title { padding:0; margin:0 auto; }
    .content .c-content .c-left .c-list { margin-top:5px; display:none; }
    
    .content .c-content .c-left .c-box { padding: 10px 0; }
         
    .content .c-content .c-right { width:98%; float:none; margin: 10px auto 20px auto; border:0; background:none; padding:0; }
    .content .c-content .c-right img { width:100%; height:auto; }
    .content .c-content .c-right .productos .p-text { padding: 10px; }
    .content .c-content .c-right .faq .faq-title { line-height: 18px; font-size: 15px; padding: 10px 30px 10px 15px; background: #f5f5f5 url(../img/bullet.png) 96% 50% no-repeat; }
    .content .c-content .c-right .productos .p-title span { display: none; }
    .content .c-content .c-right .c-title { margin: 5px 0 20px 0; padding: 0 0 10px 0; }
    .content .c-content .c-right .c-title h1 { line-height: 28px; font-size: 24px; padding: 0; }
    .content .c-content .c-right .c-title h2 { font-size:30px; line-height: 30px; }
    
    .content .c-content .c-right ul li { letter-spacing: -.5px; font-size:13px; }
    .content .c-content .c-right ul li:nth-child(1) { letter-spacing: 0; } 

    .benefits { border:0; width: 100%; padding: 0; overflow:visible; padding: 0; position:relative; }
    .benefits .b-slide { width: 98%; max-width:230px; }
    .benefits .b-slide .b-imagen { white-space: nowrap; text-align: center; margin: 0 auto; min-height: 110px; }
    .benefits .b-slide .b-imagen img { vertical-align: middle; max-height:100%; max-width: 100%; width:100%; height:auto; margin: 0 auto; }
    .benefits .b-slide .b-titulo span { font-size: 11px; letter-spacing: -.5px; }
    .benefits .b-slide .b-titulo p { font-size: 15px; line-height: 20px; padding: 5px 10px; }
    .benefits .b-slide .b-fecha { margin-top:10px; }
    
    .noticias {  }
    
    .noticias .box-destacada { width: 100%; float:none; border:0; margin-bottom: 20px; border-bottom:2px solid #ddd; padding:0 0 20px 0; }
    .noticias .box-destacada .box-noticia a { position:relative; text-align: center; margin: 0 auto; overflow:hidden; display:block; height:100%; }
    .noticias .box-destacada .box-noticia a img { position:relative; width:100%; height:auto; margin: 0 0 20px 0; }
        
    .noticias .box-normal { width: 100%; float:none; border:0; margin-bottom: 20px; border-bottom:1px solid #ddd; }
    .noticias .box-normal .box-noticia .imagen { float:none; width: 100%; }
    .noticias .box-normal .box-noticia .imagen a { position: relative; text-align: center; margin: 0 auto; height: 100%; overflow: hidden; display: block; } 
    .noticias .box-normal .box-noticia .imagen a img { position: relative; height: auto; width: 100%; margin: 0 auto; right:auto; left:auto; top:auto; bottom:auto; }
    .noticias .box-normal .box-noticia .datos { float:none; width: 100%; }
    .noticias .box-normal .box-noticia .datos h3 { margin-top:10px; }
    .noticias .box-normal .box-noticia .datos p { height:auto; } 
                    
    .noticias .box-noticia { margin:0 auto 20px auto; width: 100%; float:none; height:auto; }
    .noticias .box-noticia a { height:190px; width:100%; }
    .noticias .box-noticia a img { height:auto; width:100%; }
    .noticias .box-noticia h3 { height:auto; }
    .noticias .box-noticia h3 a { height:auto; }
    .noticias .box-noticia p { height: auto; font-size: 14px; }
    .noticias .box-noticia .vermas { margin:15px 0; }
    
    .listado { border:0; width: 100%; overflow:hidden; padding: 0; margin:0; border:0; }
    .listado .box-noticia .n-img { border:0; float:none; width: 100%; }
    .listado .box-noticia .n-img img { left:0; }
    .listado .box-noticia .n-texto { width: 100%; float:none; margin:10px auto 0 auto; }
    
    .categoria { margin:20px auto; width: 100%; display:inline-block; }
    .categoria .imagen { overflow:hidden; width:100%; height: 100%; margin: 0 auto; }
    .categoria .imagen img { width:100%; height:auto; opacity: 1; margin:0 auto; }
    .categoria h3 { width:100%; margin: 15px 0; height:auto;}
    .categoria h3 a { height: auto; }
    .categoria p { margin: 0 auto; padding: 0; height: auto; }
    
    .contact { max-width: 90%; }
    .contact .frm-contacto { overflow:hidden; width: 100%; float:none; border:0; border-bottom:2px solid #ddd; padding: 0 0 30px 0; }
    .contact .frm-contacto label { float:none; padding: 3px 0; margin:0; width: 100%; }
    .contact .frm-contacto .input { width: 100%; float:none; font-weight:400; }
    .contact .frm-contacto .captcha { width:80px; font-weight:400; }
    .contact .frm-contacto .textarea { width: 100%; float:none; font-weight:400; }
    
    .contact .datos-contacto {float:none; width:100%; margin: 20px auto; padding: 0; }
        
    .footer { width:100%; }
    .footer .f-content { width:100%; max-width: 90%; padding: 30px 0; color:#FFF; }
    .footer .f-content .f-logo { display:none; }
    .footer .f-content .f-text { display:none; }
    .footer .f-content .f-data { float:none; width:100%; }
    .footer .f-content .f-data ul li { float:none; text-align:left; margin-bottom: 15px; width:auto; border:0; }
    
    .bene .desc { display:none; }
    .bene h3 { width: 80%; }
    
    .gallery a { position:relative; margin: 5px; width:45%; height: 105px; overflow:hidden; display:inline-block; border:1px solid #fff; background:#fff; }
	.gallery a img { position:absolute; height:105px; width:auto; left:-100%; top:0; right: -100%; bottom:0; margin: auto; }

}