@import url(http://fonts.googleapis.com/css?family=Rajdhani:400,600);
/*RESET MEYER*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*FIN RESET*/

::selection {background-color: #d6244b;color:white;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/**************************************/

body {font-family: 'Rajdhani', sans-serif;}
img {max-width: 100%;}
a {text-decoration:none;color:#fbe5cb;transition:all 0.4s;}
a:hover {text-decoration:underline;cursor:pointer;color:#1c162a;}

h1 {
    font-size: 3.2em;
    color: white;
    text-align: left;
    margin: 10px 0;
    font-weight: 600;
}

a h1:hover {text-decoration:underline;cursor:pointer;color:white;}

h2 {
    font-size: 2.4em;
    color: white;
    text-align: left;
    margin: 10px 0;
    font-weight: 600;
    text-transform: uppercase;
}

h3 {
    font-size: 2em;
    color: white;
    text-align: left;
    margin: 10px 0;
    background-color: #178C83;
    display: inline;
    line-height: 1.1em;
}

@media (max-width:430px) {
    h1 {font-size: 2em;}
    h2 {font-size: 1.6em;}
    h3 {font-size: 1.2em;}
}

/****************************************/
/*Bloques*/
/****************************************/

.full {width: 100%;display: inline-block;vertical-align: top;}
.three-quarter {width: 74.666%;display: inline-block;vertical-align: top;}
.half {width: 49.666%;display: inline-block;vertical-align: top;}
.quarter {width: 24.666%;display: inline-block;vertical-align: top;}
.half-half {width: 20.666%;display: inline-block;vertical-align: top;}

@media (max-width:960px) {
    .quarter {width: 49.666%;margin: 2px auto;}
    .three-quarter {width: 100%;}
}
@media (max-width:640px) {.half,.quarter,.half-half,.three-quarter {width: 100%;}}

.relativo {position: relative;font-size: 0;z-index: 1;}
.absoluta {position: absolute;}
.fixed {position: fixed;z-index: 0;}

.box-primary {
    background-color: #e03b54;
    color: #7ae3bb;
    padding: 25px;
}

.box-secondary {
    background-color: #1c162a;
    color: white;
    padding: 25px;
}

.box-tertiary {
    background-color: #e03b54;
    color: #fbe5cb;
    padding: 25px;
}

.box-fourth {
    background-color: #fbe5cb;
    color: #e03b54;
    padding: 25px;
}

.box-tertiary.titulo, .box-secondary.titulo, .box-primary.titulo, .box-fourth.titulo {padding: 10px;font-size: 2.4em;}

.circle-primary {
    background-color: #1c162a;
    color:white;
    width: 500px;
    height: 500px;
    border-radius: 250px;
}

@media (max-width:640px) {
    .box-tertiary.titulo, .box-secondary.titulo, .box-primary.titulo, .box-fourth.titulo {font-size: 1.6em;}
}

.box-data div:first-child {font-size: 1.2em;text-align: center;}
.box-data div:last-child {font-size: 2em;text-align: center;color: white;}
.box-data div span {font-size: 1em;}

.box-data p {font-size: 1.4em;color: white;}

.footer-box-primary {
    background-color: #1c162a;
    color: white;
    padding: 5px 0;
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.footer-box-secondary {
    background-color: #e03b54;
    color: #7ae3bb;
    padding:5px 25px;
    padding: 5px 0;
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}


/****************************************/
/*Gradient*/
/****************************************/

.radial-center {
    /* fallback */
    background-color: #7ae3bb;
    background-position: center center;
    background-repeat: no-repeat;
    /* Safari 4-5, Chrome 1-9 */
    /* Can't specify a percentage size? Laaaaaame. */
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#7ae3bb), to(#58c4bb));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-radial-gradient(circle, #7ae3bb, #58c4bb);
    /* Firefox 3.6+ */
    background: -moz-radial-gradient(circle, #7ae3bb, #58c4bb);
    /* IE 10 */
    background: -ms-radial-gradient(circle, #7ae3bb, #58c4bb);
    /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

/****************************************/
/*BOTON*/
/****************************************/

.btn {
    border:4px solid white;
    padding: 10px 15px;
    font-size: 1.6em;
    margin: 10px 0;
    transition: all 0.4s;
    display: inline-block;
}

.btn.large {padding: 25px 30px;font-size: 2.4em;}

a:hover.btn {text-decoration: none;}

.btn.primary {background-color: #1c162a;color:#7ae3bb;}
.btn.primary:hover {background-color:#7ae3bb ;color:#1c162a;border-color:#1c162a;}

.btn.secondary {background-color: #e03b54;color:#fbe5cb;}
.btn.secondary:hover {background-color:#fbe5cb ;color:#e03b54;border-color:#1c162a;}

.btn.inscripto {top: -10%;right: 0;z-index: 10;}
@media (max-width:460px) {.btn.inscripto {display: none;}}

.center {text-align: center;margin: 20px 0;}

/****************************************/
/*Navegacion*/
/****************************************/
nav.menu-superior {background: #1c162a;width: 100%;font-size: 1.1em;position: fixed;top:0;z-index: 100;}

#nav-menu,
#nav-menu ul,
#nav-menu ul li,
#nav-menu ul li a,
#nav-menu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}
#nav-menu:after,
#nav-menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#nav-menu #menu-button {
  display: none;
}
#nav-menu {
  max-width: 960px;
  margin: 0 auto;
}
#nav-menu > ul > li {
  float: left;
}
#nav-menu > ul > li.active {
  background-color: #58c4bb;
  box-shadow: inset 0px -5px 5px #459B94;
}
#nav-menu > ul > li.active a {
  color: #1c162a;
}
#nav-menu > ul > li.active ul li a {
  color: white;
}
#nav-menu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#nav-menu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#nav-menu.align-center ul ul {
  text-align: left;
}
#nav-menu.align-right > ul > li {
  float: right;
}
#nav-menu > ul > li > a {
  padding: 17px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fbe5cb;
  font-weight: 700;
  text-transform: uppercase;
}
#nav-menu > ul > li:hover > a {
  color: #ffffff;
}
#nav-menu > ul > li.has-sub > a {
  padding-right: 26px;
}
#nav-menu > ul > li.has-sub > a:after {
  position: absolute;
  top: 25px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: white;
  content: '';
}
#nav-menu > ul > li.has-sub > a:before {
  position: absolute;
  top: 22px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: white;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#nav-menu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#nav-menu ul ul {
  position: absolute;
  left: -9999px;
}
#nav-menu.align-right ul ul {
  text-align: right;
}
#nav-menu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#nav-menu li:hover > ul {
  left: auto;
}
#nav-menu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#nav-menu li:hover > ul > li {
  height: 35px;
}
#nav-menu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#nav-menu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#nav-menu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 180px;
  font-size: 16px;
  text-decoration: none;
  color: white;
  font-weight: 400;
  background: #34294D;
}
#nav-menu ul ul li:last-child > a,
#nav-menu ul ul li.last-item > a {
  border-bottom: 0;
}
#nav-menu ul ul li:hover > a,
#nav-menu ul ul li a:hover {
  color: #ffffff;
  background-color: #463864;
}
#nav-menu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: white;
  content: '';
}
#nav-menu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#nav-menu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#nav-menu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#nav-menu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #nav-menu {
    width: 100%;
  }
  #nav-menu ul {
    width: 100%;
    display: none;
  }
  #nav-menu.align-center > ul {
    text-align: left;
  }
  #nav-menu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #nav-menu ul ul li,
  #nav-menu li:hover > ul > li {
    height: auto;
  }
  #nav-menu ul li a,
  #nav-menu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #nav-menu > ul > li {
    float: none;
  }
  #nav-menu ul ul li a {
    padding-left: 25px;
  }
  #nav-menu ul ul ul li a {
    padding-left: 35px;
  }
  #nav-menu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #nav-menu ul ul li:hover > a,
  #nav-menu ul ul li.active > a {
    color: #ffffff;
  }
  #nav-menu ul ul,
  #nav-menu ul ul ul,
  #nav-menu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #nav-menu > ul > li.has-sub > a:after,
  #nav-menu > ul > li.has-sub > a:before,
  #nav-menu ul ul > li.has-sub > a:after,
  #nav-menu ul ul > li.has-sub > a:before {
    display: none;
  }
  #nav-menu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #nav-menu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #nav-menu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #nav-menu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav-menu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #nav-menu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #nav-menu .submenu-button.submenu-opened {
    background: #262626;
  }
  #nav-menu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #nav-menu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #nav-menu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #nav-menu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #nav-menu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #nav-menu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #nav-menu .submenu-button.submenu-opened:before {
    display: none;
  }
}

    /*Búsqueda y Redes sociales*/

    #nav-menu ul li.search-bar {padding: 10px;}
    #nav-menu ul li.search-bar input {
        border-radius: 4px;
        padding: 8px;
        border: 0;
        box-shadow: inset 2px 3px 4px #999;
    }

    #nav-menu ul li.redes-sociales {
        display: block;
        width: 100%;
        background-image: url('imagenes/sprite.png');
        width: 35px;
        display: inline-block;
        vertical-align: middle;
        text-indent: -9999px;
        margin: 0 3px;
        transition: all 0.4s;
        float:right;
    }

    @media (max-width:903px) {#nav-menu ul li.redes-sociales{display: none;}}

    #nav-menu ul li.redes-sociales.search {background-position: -41px -68px;border-right: 1px solid rgb(154, 166, 187);}
    #nav-menu ul li.redes-sociales.search:hover {background-position: -41px -103px;background-color: #7ae3bb;}
    #nav-menu ul li.redes-sociales.fb {background-position: -104px -68px;}
    #nav-menu ul li.redes-sociales.fb:hover {background-position: -104px -102px;background-color: #7ae3bb;}
    #nav-menu ul li.redes-sociales.tw {background-position: -74px -68px;}
    #nav-menu ul li.redes-sociales.tw:hover {background-position: -74px -102px;background-color: #7ae3bb;}
    #nav-menu ul li.redes-sociales.fk {background-position: -144px -68px;}
    #nav-menu ul li.redes-sociales.fk:hover {background-position: -144px -102px;background-color: #7ae3bb;}

/****************************************/
/*HEADER*/
/****************************************/

header {position:relative;}
header .banner-principal {
    background-image: url(imagenes/banner-principal.svg);
    background-repeat: repeat-x;
    background-position: center center;
    height: 180px;
    width: 100%;
    margin: 10px auto;
    margin-top: 65px;
}

.logo-background {position:fixed;top:10%;opacity: 0.3;left: 10%;}
.main {width: 100%;margin: 20px auto;}

.main.sin-banner {margin-top: 65px;}

/****************************************/
/*Slider*/
/****************************************/

.background {
    background-image: url(imagenes/background.jpg);
    background-size: cover;
    background-position: 0 -230px;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    margin: 30px 0;
}
@media (max-width:768px){.background {height: 340px;}}
@media (max-width:640px) {
    .background{
        background: #1c162a;
        height: auto;
        padding-top: 20px;
        padding-bottom: 0;}
}
.wrapper {max-width: 960px;margin: 0 auto;margin-top: 80px;}
.main .wrapper {max-width: 960px;margin: 0 auto;position: relative;}

/*Padding para 960px*/
@media (max-width:960px) {.main .wrapper,.wrapper {padding: 0 20px;}}

.wrapper .titulo-principal {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 25px 0;
    margin: 50px 0;
}

.wrapper .prox-clase {background-color: coral;width: 350px;height: 50px;top:200px;}

.slides li {margin-top: 50px;position: relative;}
@media (max-width:768px){.slides li {margin-top: 0;}}

.slider-subtitle {
    top: 84px;
    right: 0;
    left: 0;
    background-color: rgba(224, 59, 84, 0.66);
    opacity:0;
    transition: opacity 0.4s;
    padding: 5px 0;
}

.slider-subtitle h2 span {display: block;}

.slider-data {
    background-color: #e03b54;
    padding: 20px;
    transition: opacity 0.4s;
    text-align: right;
    display: block;
}

.slider-data span {display: block;color:#1c162a;font-size: 1.6em;font-weight: 600;}
.slider-data span:first-child {font-size: 1.1em;}
.slider-data span:last-child {color:#fbe5cb;font-size: 1.2em;}
.flex-active-slide .slider-data, .flex-active-slide .slider-subtitle {opacity:1;}

/*Fin Slider*/

/****************************************/
/*SECTION DOCENTES*/
/****************************************/

section.docentes li {float:left;margin:0;padding: 0;width: 20%;list-style: none;box-sizing: border-box;background-color:#165C56;position: relative;overflow: hidden;}
li.docente img {width: 100%;opacity: 0.5;transition: opacity 0.4s;-webkit-transition: all .2s ease-in-out;}
section.docentes img.hover {display:none;}
section.docentes img.hover:hover {display:block;}
section.docentes img:hover {opacity: 1;cursor:pointer; -webkit-transform: scale(1.2);}
section.docentes li div {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: #165C56;
    color:white;
    text-align: right;
    z-index: 2;
}

section.docentes li span {display:block;margin: 5px;}

@media screen and (max-width:1024px) {section.docentes li {width: 25%;}}
@media screen and (max-width:768px) {section.docentes li {width: 50%;} .docente.proximo {display: none;}}
@media screen and (max-width:430px) {section.docentes li {width: 100%;}}

aside {
	text-decoration: underline;
	color: teal;
	background-color: ghostwhite;
}

.photo {
	width: 70px;
	float: right;
	border: 2px solid coral;
	background-color: coral;
}

.photo img{max-width:100%;}


/****************************************/
/*Footer*/
/****************************************/

footer {
    width: 100%;
    height: 200px;
	padding: 25px 0 10px 0;
	clear: both;
	font-size:14px;
	color:white;
}

.footer {max-width:960px;margin: 0 auto;}
/*Padding para 960px*/
@media (max-width:960px) {.footer {padding: 0 10px;}}

.footer .slides li {height: 180px;}
.footer .flex-control-nav {display: none;}

.footer .btn {position: relative;z-index: 1;}

.legal-dgpc {
    font-size:12px;
    font-family:monospace; 
    background-color: #0F0622;
    border-top:1px solid #080315;
    padding: 10px;
    text-align: center;
    box-shadow:inset 0px 2px 3px #000000;
    position: relative;
    z-index: 1;
}

/****************************************/
/*SECTION GENERAL*/
/****************************************/


.title-section {
    background-color: #e03b54;
    padding: 20px;
    margin: 10px 0;
    text-align: center;
}

.title-section h1 {text-align: center;}

.icon {
    background-image: url(imagenes/sprite.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    text-indent: 9999px;
    overflow: hidden;
}

.icon.galeria {background-position: -7px -144px;}

.btn-icon {
    display: table-cell;
    width: 75px;
    vertical-align: top;
    margin: 20px 0;
}
.btn-text {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.btn-text h1 {font-size: 50px;line-height: 30px;text-align: center;}

/****************************************/
/*SECTION TRABAJOS*/
/****************************************/

section.trabajos {text-align: left;}
section.trabajos article {text-align: left;padding:10px;margin:10px 0;}
section.trabajos article ul {padding:10px;}
section.trabajos article ul li {
    padding: 3px 0;
    text-decoration: none;
    list-style-type: disc;
}

.trabajos .three-quarter h2 {background-color: #e03b54; display: block; color: #fbe5cb; font-weight: bold;padding: 10px }
.trabajos .quarter h2 {background-color: #fbe5cb; display: block; color: #e03b54; font-weight: bold;padding: 10px }
.trabajos .box-secondary .quarter h2 {background-color: #e03b54; display: block; color: #1c162a; font-weight: normal;padding: 10px; font-size:2em;text-transform: none; }
.trabajos .box-secondary .three-quarter h2 {background-color: #1c162a; display: block; color: #fbe5cb; font-weight: lighter;padding: 10px; font-size:2em;  text-transform: none;}
.trabajos .box-secondary h3 {display: block; color: #fbe5cb; font-weight: bold;padding: 10px; font-size:1.4em;  text-transform: none;background-color: #1c162a;  line-height: none; }
.trabajos .box-secondary ul{margin: 0% 5%;}
.trabajos .box-secondary p {margin: 0% 1%; font-weight: bold;}
.trabajos .box-secondary span {margin: 0% 1%; font-weight: bold;color: #e03b54; font-style: italic;}

/****************************************/
/*SECTION EN CONSTRUCCIÓN*/
/****************************************/

.radial-center.construccion {

background-color: #9CC458;
background-position: center center;
background-repeat: no-repeat;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#E37ABA), to(#9CC458));
background: -webkit-radial-gradient(circle, #E37ABA, #9CC458);
background: -moz-radial-gradient(circle, #E37ABA, #9CC458);
background: -ms-radial-gradient(circle, #E37ABA, #9CC458);

}

h1.construccion {font-size: 6em;text-align: center;} 

/****************************************/
/* SECTION BECAS */
/****************************************/

section.becas-fna .half {vertical-align: middle;}

.becas {
    text-align: center;
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
    font-size: 12em;
    color: white;
    font-weight: bold;
    margin: 1%;         
}

@media (max-width:640px) {.becas {font-size: 8em;}}
@media (max-width:460px) {.becas {font-size: 6em;}}

.fna {position: relative;left: 25%;}

.recuadro {
    font-size: 2rem;
    color: #000;
    text-align: center;
    font-weight:600;
    padding: 0.5%;
    border: 5px solid #000;
    width: 50%;
}

.recuadro.beca {
    margin: 0 auto;
    top: 20%;
    right: 15%;
    display: inline;
    max-width: 300px;
    z-index: 0;
    opacity: 0.8;
}

.recuadro.inscripto {
    margin: 0 auto;
    top: 20%;
    right: 15%;
    display: inline;
    max-width: 300px;
    z-index: 0;
    opacity: 0.8;
}
.iconobecas {text-align: center;}

p.disciplinas {margin: 15px 0;font-size: 1.6em;color:#e03b54;}


/****************************************/
/* CONTACTO */
/****************************************/


input[type='text'], textarea {
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    font-size: 20px;
    text-align: left;
    border: 1px solid #ccc;
    color: #e03b54;
    outline: 0;
    font-family:  Rajdhani, sans-serif;
}

input[type='text']:focus, textarea:focus {border: 1px solid #e03b54;}

textarea {height: 200px;}


/****************************************/
/* PROPUESTA ACADEMICA */
/****************************************/

.propuesta .box-primary p {font-size: 30px;line-height: 34px;}

.propuesta h3 {background-color: #e03b54;display: block;}

.propuesta p.text-secondary {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
}

.propuesta .titulo-principal {margin-bottom: 0;padding: 0;}

/****************************************/
/* INSCRIPCION */
/****************************************/

section.inscripcion {margin-bottom: 50px;padding: 50px 0;}

section.inscripcion .logo-inscripcion {position:relative;}

    section.inscripcion .roldanincripcion {
        position: absolute;
        top: -50px;
        left: 34%;
        opacity: 0.4;
        max-width: 30%;
    }
    section.inscripcion .first-block {
        text-align: center;
        font-size: 7em;
        display: block;
        color:white;
        text-transform: uppercase;
        font-weight: bolder;
    }
    section.inscripcion .second-block {
        line-height: 0.8em;
        text-align: center;
        font-size: 21em;
        display: block;
        color:white;
        text-transform: uppercase;
        font-weight: bolder;
        text-shadow: 39px -6px 28px rgba(54, 123, 43, 0.57), -57px 5px 23px rgba(195, 44, 44, 0.42);
        /*background-color: rgba(229, 38, 38, 0.58);*/
    }
    @media (max-width:768px) {
        section.inscripcion .first-block {font-size: 4.5em;}
        section.inscripcion .second-block {font-size: 16.5em;}
    }
    @media (max-width:640px) {
        section.inscripcion .first-block {font-size: 4.5em;}
        section.inscripcion .second-block {font-size: 12.5em;}
    }
    @media (max-width:430px) {
        section.inscripcion .first-block {font-size: 2.5em;}
        section.inscripcion .second-block {font-size: 8.5em;}
    }
section.inscripcion article {padding: 20px 0;margin: 10px 0;}
.icon-big {
    background-image: url(imagenes/sprite-icon-big.png);
    background-repeat: no-repeat;
    width: 186px;
    height: 120px;
    text-indent: -9999px;
    transition:all 0.6s;
    margin: 0 auto;
}

.icon-big.galery-big {background-position: 12px -14px;}
.icon-big.galery-big:hover {background-position: 12px -284px;background-color: #7ae3bb;}
.icon-big.docentes-big {background-position: -253px -14px;}
.icon-big.docentes-big:hover {background-position: -253px -284px;background-color: #7ae3bb;}
.icon-big.propuesta-big {background-position: -520px -14px;}
.icon-big.propuesta-big:hover {background-position: -520px -284px;background-color: #7ae3bb;}
.icon-big.videos-big {background-position: -723px -14px;}
.icon-big.videos-big:hover {background-position: -723px -265px;background-color: #7ae3bb;}

article h2 {text-align: center;font-size: 4em;}
@media (max-width:640px) {article h2 {font-size: 2em;}}

@media (max-width:960px) {article.data-inscripcion {text-align: center;}}

/****************************************/
/* DANIEL ROLDAN BIOGRAFIA */
/****************************************/

.danielroldan .box-primary  {background-color: #178C83; color: white;padding: 0%; margin:0%;}
.danielroldan .half .box-primary { background-color: #178C83; color: white; padding: 7%;}
.danielroldan .half .box-primary span {font-weight: bold; color: white; font-size: 1.2em;}
.danielroldan .half .box-primary .linkroldan {color: #fbe5cb; font-weight: normal; text-align:center;font-size: 1.2em;}
.danielroldan .half .box-primary p {line-height: 2em;}
.danielroldan .icon {background-image: url(imagenes/iconodocentes.png); background-repeat: no-repeat; width: 100px; height: 100px; text-indent: 9999px; }



/****************************************/
/* INVITADOS */
/****************************************/



.invitados h3 {background-color: rgba(255, 255, 255, 0);color: #fbe5cb;margin-left:20px; }
.invitados .fecha {font-weight: bold; color: #1c162a;margin-left: 10px;}
.invitados .fechados {font-weight: bold; color: #e03b54;margin-left: 10px;}



.invitados .quarter {background-color: #e03b54;}
.invitados .half {padding: 25px;}
.invitados span {font-size: 1.4em; color: #fbe5cb; font-weight: bold;}
.invitados .nombres {font-size: 1em;color: #fbe5cb; font-weight: bold;}
.invitados .box-secondary {margin-top: 10px;padding: 15px;}
.box-terceary {background-color: #e03b54; color: white; margin-top: 10px;padding: 15px;}
.quarterdos { width: 24.666%;display: inline-block;vertical-align: top; background-color:#1c162a;}
.invitados .btn-text {display: inline;}

/****************************************/
/* ROLDAN KIT */
/****************************************/

.roldankit { margin: 0 auto;display: block;}
.anchokit{margin:20px 0;}
.divisionkit {margin: 0 auto; font-size: 50px;}
@media (max-width:460px) {.divisionkit {font-size: 20px;}}
.divisionkit .recuadro {display: inline-block;margin:10px;width: 40%;transition: all 0.6s;}
.divisionkit .recuadro:hover {background-color: #7A3B99;color:white;cursor:pointer;}
.elkituno {width: 300px; display: inline-block;float: left; padding: 10px; margin-left: 5%;}

/****************************************/
/* REFERENCIAS */
/****************************************/


.linkreferencias {font-size: 1.8em;color: #fbe5cb;text-align: center;font-weight: bold;} 
.referenciauno .box-secondary {margin-top: 10px;padding: 10px;}
.referenciauno h3{font-size: 1em; color: #e03b54;font-style: italic; font-weight: bold;background-color: transparent;margin-left: 10px;line-height: 3.6em;}
.referenciauno h2{color: #fbe5cb;font-style: bold; margin-left: 10px;font-size: 2.2em; text-align: left;}
.referenciauno .three-quarter {background-color: #e03b54;}
.referenciauno .quarter{background-color: #fbe5cb;}
.referenciauno h4{font-size: 1.8em; margin:25px;margin-left: 10px; font-style: bold; color:#fbe5cb;border-bottom: solid; border-bottom-width: thin;}
.referenciauno p { margin-left:10px;line-height: 1.4em; }
.referenciauno ul.redes {width: 49.666%; display: inline-block;vertical-align: top;}
.referenciauno ul.redes li.twitter { width: 40.666%; display: inline-block; vertical-align: top; padding: 6%; margin-top: 5px;
margin-left: 5px;}
.linksdereferencias{font-size: 1.4em; margin:25px;margin-left: 10px; font-style: bold; color:#e03b54; font-style: italic;}
.linksdereferencias:hover {font-size: 1.4em; margin:auto;margin-left: 10px; font-style: bold; color:#fbe5cb; font-style: italic;}
.referenciauno .half img {padding: 5%;max-width: 95%; margin-left: 20px;}
h2.referenciapeke {font-size: 1.4em;color: #7ae3bb;}
.referenciauno .half {width: 49.666%;display: inline-block;vertical-align: top;}
.referenciauno .half .three-quarter {width: 73.666%;display: inline-block;vertical-align: top;}
.referenciauno .divisionkit .recuadro {display: inline-block;margin: 50px;width: 40%;transition: all 0.6s;margin-left: 300px;}


.referenciados .box-secondary {margin-top: 10px;padding: 10px; background-color: #e03b54;}
.referenciados h3{font-size: 1em; color: #e03b54;font-style: italic; font-weight: bold;background-color: transparent;margin-left: 10px;line-height: 3.6em;}
.referenciados h2 {color: #e03b54;font-style: bold; margin-left: 10px;font-size: 2.2em; text-align: left;}
.referenciados .three-quarter {background-color: #fbe5cb;}
.referenciados .quarter{background-color: #1c162a;}
.referenciados h4{font-size: 1.8em; margin:25px;margin-left: 10px; font-style: bold; color:#1c162a;border-bottom: solid; border-bottom-width: thin;}
.referenciados p { margin-left:10px;line-height: 1.4em; }
.referenciados ul.redes {width: 49.666%; display: inline-block;vertical-align: top;}
.referenciados ul.redes li.twitter { width: 40.666%; display: inline-block; vertical-align: top; padding: 6%; margin-top: 5px;
margin-left: 5px;}
.referenciados .linksdereferencias{font-size: 1.4em; margin:25px;margin-left: 10px; font-style: bold; color:#1c162a; font-style: italic;}
.referenciados .linksdereferencias:hover {font-size: 1.4em; margin:auto;margin-left: 10px; font-style: bold; color:#fbe5cb; font-style: italic;}
.referenciados .half img {padding: 5%;max-width: 95%; margin-left: 20px;}


/****************************************/
/*SECTION EVENTOS*/
/****************************************/

section.eventos {text-align: left;}
section.eventos article {text-align: left;padding:10px;margin:10px 0;}
section.eventos article ul {padding:10px;}
section.eventos article ul li {
    padding: 3px 0;
    text-decoration: none;
    list-style-type: disc;
}

.eventos .three-quarter h2 {background-color: #e03b54; display: block; color: #fbe5cb; font-weight: bold;padding: 10px }
.eventos .quarter h2 {background-color: #fbe5cb; display: block; color: #e03b54; font-weight: bold;padding: 10px }
.eventos .box-secondary .quarter h2 {background-color: #e03b54; display: block; color: #1c162a; font-weight: normal;padding: 10px; font-size:2em;text-transform: none; }
.eventos .box-secondary .three-quarter h2 {background-color: #fbe5cb; display: block; color: #1c162a; font-weight: lighter;padding: 10px; font-size:2em;  text-transform: none;}
.eventos .box-secondary h3 {display: block; color: #fbe5cb; font-weight: bold;padding: 10px; font-size:1.4em;  text-transform: none;background-color: #1c162a;  line-height: none; }
.eventos .box-secondary ul{margin: 0% 5%;}
.eventos .box-secondary p {margin: 0% 1%; font-weight: bold;}
.eventos .box-secondary span {margin: 0% 1%; font-weight: bold;color: #e03b54; font-style: italic;}


/****************************************/
/* ALUMNOS */
/****************************************/

.alumnos .chekalumnos {font-size: 1.4em; color: #1c162a;font-weight: bold;}
.alumnos .box-primary {background-color: #178C83;padding: 0%;margin-top: 50px;}
.alumnos h3 {background-color: transparent; color: #fbe5cb;}
.alumnos span {color:#fbe5cb; font-weight: bold;}

@media (max-width:640px) {
    .alumnos .sprite {display: none;}
}


/****************************************/
/* PROXIMA CLASE */
/****************************************/

.proxima-clase .box-secondary{margin-top: 10px;}
.proxima-clase .box-secondary .quarter h2 {background-color: #e03b54; display: block; color: #1c162a; font-weight: normal;padding: 10px; font-size:2em;text-transform: none; }
.proxima-clase .box-secondary .three-quarter h2 {text-align: left; background-color: #1c162a; display: block; color: #fbe5cb; font-weight: lighter;padding: 10px; font-size:2em;}
.proxima-clase .box-secondary h3 {display: block; color: #fbe5cb; font-weight: bold; font-size:1.4em;  text-transform: none;background-color: transparent;  line-height: none;border-bottom: solid; border-bottom-width: 1px; border-top: solid; border-top-width: 1px; padding: 3%; }
.proxima-clase .box-secondary ul{margin: 0% 5%;}
.proxima-clase .box-secondary p {margin: 25px; font-weight: bold;line-height: 1.2em;}
.proxima-clase .box-secondary .three-quarter span {margin: 0% 1%; font-weight: bold;color: #e03b54; font-style: italic;}
.proxima-clase half {padding: 5%; width: 40.666%;}
.proxima-clase li {line-height: 1.2em;padding: 2%;}
.box-secondary-sutitulo  {background-color: #1c162a;color: white;padding: 0px;}


/****************************************/
/* BACK TO TOP */
/****************************************/

.scrollToTop{
	width:70px;
    height: 70px;
	padding:10px; 
	text-align:center; 
	background-color: #1c162a;
    box-shadow: 0 5px 0 #463867;
    border-radius: 50px;
	color: white;
	text-decoration: none;
	position:fixed;
	bottom:5%;
	right:5%;
	display:none;
    z-index: 100;
    transition: all 0.6s;
}
.scrollToTop:hover{text-decoration:none;background-color: #463867;box-shadow: 0 5px 0 #1c162a;}
.scrollToTop:active{box-shadow: inset 0 10px 10px #1c162a;background-color: #463867;}

/*MEDIA QUERIES 768*/
@media screen and (max-width:768px) {    
	nav ul li {display:block;margin:5px 0;}
    section {float:none;}
	.footer {padding:10px 10px 0 10px; }
}



/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav 
{
	position: absolute;
	width: 100%;
	top: 50%;
    display: none;
}
.flex-direction-nav a  
{ 
	z-index: 10; 
	overflow: hidden; 
	cursor: pointer; 
	transition: all .3s ease; 
}
/*.flex-direction-nav .flex-prev { left: -50px; }*/
/*.flex-direction-nav .flex-next { right: -50px; text-align: right; }*/
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav  li:first-child {float:left;}
.flex-direction-nav  li:last-child {float:right;}
.flex-direction-nav a:before  
{ 
	display: inline-block; 
	content: ''; 
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right:15px solid #fbe5cb; 
}
.flex-direction-nav a.flex-next:before  
{
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 15px solid #fbe5cb;
	border-right: 0;
}

/* Pause/Play 
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }*/

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -50px; text-align: center;}
@media (max-width:960px) {.flex-control-nav{bottom: -40px;}}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 25px; height: 25px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1); -o-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1); box-shadow: inset 0 0 2px rgba(255, 255, 255, 1); }
.flex-control-paging li a:hover { background: #ccc; }
.flex-control-paging li a.flex-active {background: #e03b54; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
@media screen and (max-width: 640px) {}