body {
    background: #dedede;
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}

:focus {outline:none;}

.cleaner { clear: both; }

hr.verde { 
    border: 5px solid; 
    color: #5cebad; 
    width: 990px;
    margin: 0 auto;
}

hr.rojo { 
    border: 3px solid; 
    color: #a00067; 
    width: 100%;
    margin: 15px auto;
}

hr.rojo.small { 
    border: 1px solid; 
    color: #a00067; 
    width: 100%;
    margin: 10px auto 60px auto;
}

#buscar { 
    float: right;
    height: 34px;
    margin: -10px -50px 0 0;
    padding: 0 10px 0 15px;
    width: 158px;
    background:#5CEBAD;
}

#buscar input[type=text] { 
    border: 0 none;
    height: 23px;
    margin-right: 5px;
    width: 120px;
    font-size:11pt;
}

.buscar {
    background:url(imagenes/lupa.png) no-repeat;
    cursor:pointer;
    border:none;
    width:22px;
    height:15px;
}

.buscar:active {
    background-position: 1px;
}

.catedra { 
    width: 700px;
    margin: 10px auto 30px auto;
}

.catedra h1 { 
    font-family: 'Roboto', sans-serif;
    color: #5cebad; 
    font-size: 35px;
}

.catedra p { 
    font-size: 10pt; 
    color:#87868a;
    
}

.seccion { width:130px; float: left; }

.seccion p, .seccion a { font-size: 13pt; margin-top:0; color:#5cebad; }

.docentes { width:770px; float:right; }

.docentes ul li { list-style: none; float:left; margin-right: 10px; margin-bottom: -10px; }

#docente1 {
    background-image: url('imagenes/docente01h.jpg');
    width:225px;
    height:225px;
    display:block;
}

#docente1:hover {
    background-image: url('imagenes/docente01.jpg');
}

#docente2 {
    background-image: url('imagenes/docente02h.jpg');
    width:225px;
    height:225px;
    display:block;
}

#docente2:hover {
    background-image: url('imagenes/docente02.jpg');
}

#docente3 {
    background-image: url('imagenes/docente03h.jpg');
    width:225px;
    height:225px;
    display:block;
}

#docente3:hover {
    background-image: url('imagenes/docente03.jpg');
}

#docente4 {
    background-image: url('imagenes/docente04h.jpg');
    width:225px;
    height:225px;
    display:block;
}

#docente4:hover {
    background-image: url('imagenes/docente04.jpg');
}

#docente5 {
    background-image: url('imagenes/docente05h.jpg');
    width:225px;
    height:225px;
    display:block;
}

#docente5:hover {
    background-image: url('imagenes/docente05.jpg');
}

#docente6 {
    background-image: url('imagenes/docente06h.jpg');
    width:225px;
    height:225px;
    display:block;
}

#docente6:hover {
    background-image: url('imagenes/docente06.jpg');
}

h2.destacado { 
    font-family: 'Roboto', sans-serif;
    font-weight: 400; 
    color: #fa301a;
    width: 650px;
    margin: 0 auto;
}

a { 
    text-decoration: none;
    color: #3f3e43; 
}

header { height: 250px ; } 

main {
    background-color: #ffffff;
    margin: 0 auto;
    width: 900px;
    padding: 10px 50px;
}

#social ul { 
    display: block;
    width: 360px; 
    padding-left: 0;
}

#social ul li { 
    list-style: none; 
    float:left; 
    margin-right: 20px; 
}

#logo { 
    width: 135px;
    height: 135px; 
    float: left;
}

nav ul { 
    border-bottom: 2px solid #fa301a;
    display: block;
    margin-top: 70px;
    width: 650px; 
    float: right;
}

nav ul li { 
    list-style: none; 
    float:left; 
    margin-right: 40px; 
}

nav ul li a { 
    font-size: 9pt; 
}

nav ul li a:hover { 
    color: #000000; 
}

#seccion p, #seccion a { color: #00f2ac; font-weight: bold; }
#seccion a.activa { color: rgba(211,159,198,1); font-size:19pt; }

#slider {
    width: 900px;
    margin: 0 auto;
}

#destacados {
    margin:70px 0;
    float: left;
}

.modulo {
    width:280px;
    float: left;
}

.modulo hr {
    color: #a00067; 
    border: 1px solid;
}

.modulo h3 a { 
    color: #a00067; 
}

.modulo p {
    font-size: 0.8em;
    width: 200px;
    float: right;
    color:#87868a;
    margin-top: 8px;
}

.modulo a.verMas {
    color: #00f2ac;
    font-size: 10pt;
    padding: 5px 8px;
    display: inline-block;
    float: right;
}

.modulo a strong { margin-right:5px; }

#video {
    width: 800px;
    margin: 80px auto;
}

#video a {
    background-image: url('imagenes/video1.jpg');
    display:block;
    width:800px;
    height:455px;
}

#video a:hover {
    background-image: url('imagenes/video2.jpg');
}

/* PROPUESTA ACADÉMICA */

.leftCol { width: 440px; font-size: 9pt; float:left; color:#87868a; }
.leftCol ul { color:#a00067; text-transform: uppercase; font-style: italic; padding-left: 11px; font-size:9pt; }
.leftCol ul li { margin-bottom:10px; }

.leftCol .modulos { width:342px; margin-left:80px; }
.leftCol .modulos h3 { color:#a00067; font-style: italic; font-weight: normal; margin-bottom: -10px; font-size:13pt; }
.leftCol .modulos h4 { color:rgba(211, 159, 198, 1); margin-top:15px; font-size:12pt; }
.leftCol .modulos ul { color:#87868a; font-style: normal; text-transform: none; margin-top:-10px; margin-bottom: 30px; }


.rightCol { width: 440px; font-size: 10pt; float:right; padding:15px 0 0 0; font-size: 9pt; color:#87868a; }
.rightCol h3 { color:#00f2ac; text-transform: uppercase; font-size:14pt; }
.rightCol hr { color:#a00067; border:1px solid; }
.rightCol .c1 { width:135px; float:left; margin-right:10px; }
.rightCol .c1 strong { color:#00f2ac; font-style: italic; }
.rightCol .c1 hr { color:#00f2ac; border:3px solid; }

.rightCol .bibliografia h3 { color:#a00067; }
.rightCol .bibliografia strong { color:#000; }

/* TALLER */
.tp { height:250px; }

span.textoCruz { color:#87868A!important; font-weight: bold; margin-left:3px; }
span.textoCruz:hover { color:#000!important; }
span.barra { color:#A00067!important; }

span.cruz { 
    background-image: url('imagenes/cruz.png');
    width:23px;
    height:23px;
    display:block;
    color:#000;
    margin-right: 5px;
    float:left;
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transform: rotate(-45deg) scale(1);
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
}

span.cruz:hover { 
    transform: rotate(0deg) scale(1.2);
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
}

span.cruzSmall { 
    background-image: url('imagenes/cruz-small.png');
    width:15px;
    height:15px;
    display:block;
    color:#000;
    margin-right: 5px;
    float:left;
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transform: rotate(-45deg) scale(1);
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
}

span.cruzSmall:hover { 
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}

/* TEORICAS */
.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

/* CUSTOM JQUERY-UI CSS */
#accordion ul li { color:#000; }
#accordion a { font-weight: bold; color:#87868A; }
#accordion a:hover { font-weight: bold; color:#000; }

.ui-widget {
    font-family: 'Lato', sans-serif;
    font-weight:300;
    font-size: 0.8em;
}

.ui-widget-content {
    background: none;
    border: 0;
}

.ui-accordion .ui-accordion-header { 
    font-size: 14pt;
    font-weight: normal;
    text-transform: uppercase;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border:0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius:0; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius:0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius:0; }

.ui-state-default .ui-icon { 
    background-image: url('imagenes/cruz.png');
    width:23px;
    height:23px;
    display:block;
    color:#000;
    margin-right: 5px;
    float:left;
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transform: rotate(-45deg) scale(1);
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
}
    
.ui-state-default .ui-icon:hover {     
    transform: rotate(0deg) scale(1.2);
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
}



#calendar { 
    margin-top:15px;
} 

footer {
    background: #00f2ac;
    display: block;
    margin: 0 auto;
    width: 900px;
    padding: 10px 50px;
    height:170px;
}

#footerSocial { float:left; margin:39px 25px 0 0; display:block; }
#footerSocial a { display:block; }
#footerSocial .redes { margin-left:20px; }

#footerMenu { 
    width:725px;
    font-size:9pt; 
    color:#fff;
}

#footerMenu a { 
    color:#fff;
}

#footerMenu div { 
    float:left; 
    width:110px; 
}

#footerMenu ul { 
    border-left: 1px solid;
    padding-left: 10px; 
    height: 103px;
}

#footerMenu ul li { list-style-type: none; margin-bottom: 10px; }

#newsletter { width:170px; float:left; margin-top:10px; }
#newsletter input { width:170px; border:0; height:18px; }
#newsletter h3 { color:#fff; font-size:10pt; }
#newsletter p { width:100%; color:#fff; }

#legal { color:#fff; width:445px; padding-top: 0; float:right; }

footer p { 
    font-size:9pt;
    width:790px;
    margin:0 auto; 
    padding-top: 110px;
}



/* CONTACTO */

input:required:invalid, input:focus:invalid {
  /* insert your own styles for invalid form input */
  -moz-box-shadow: none;
}

#contacto ul { padding:0; width:700px; margin:0 auto;}
#contacto ul li { margin:10px 0; list-style: none; }
#contacto ul input, #contacto ul textarea { 
    font-family: 'Roboto', sans-serif;
    font-size:22px;
    font-weight:300;
    color:#666666;
    width:94%;
    background:#e4e4e4;
    padding:10px 0 10px 15px;
    border:0px; 
}

.button-blue{
    float:left;
    border: #fbfbfb solid 4px;
    cursor:pointer;
    background-color: #005496;
    color:white;
    font-size:18px;
    font-weight: 300;
    padding-top:5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top:-4px;
    width:160px;
    height:50px;
}

.button-blue:hover{
    background-color:#3498db;
    color: #fff;
}

.grid_6.contacto1 .grid_2 { 
    margin-left:-4px;
}

.grid_6.contacto1 hr { 
    border-style: dashed;
    margin:30px 0;
    width:97%;
}

.grid_6.contacto1 h3 { margin-bottom:0; }
.grid_6.contacto1 p { margin-top:0; color:#666666; font-size: 0.9em; }
.grid_6.contacto1 p a { color:#666666; }
.grid_6.contacto1 p span { color:#005496; font-weight: 400; }

.grid_6.contacto2 p { margin-top:0; color:#666666; font-size: 0.9em; }

h1.exito { color:red; }


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

/*
@media all and (min-width:320px) { 

} para celular
@media all and (min-width:768px) { 

} para tablet
@media all and (min-width:1024px) { 

} para pc de escritorio
*/


/* Desktop */
@media only screen and (min-width: 1024px) {
    .slicknav_menu { display:none; }
}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
    .js #menu, #menu, #buscar, hr.verde { display:none; } 
    .js .slicknav_menu { display:block; }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .js #menu, #menu, #buscar, hr.verde { display:none; }
    .js .slicknav_menu { display:block; }
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .js #menu, #menu, #buscar, hr.verde { display:none; }
    .js .slicknav_menu { display:block; }
}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
    .js #menu, #menu, #buscar, hr.verde { display:none; }
    .js .slicknav_menu { display:block; }

}