@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body { margin:0; 
font-family: 'Lato', sans-serif;
background-image:url(img/bg.png); background-repeat:repeat; font-size:14px;}

a { color:#333; text-decoration:none; font-size:14px;}

a:hover {color:#ff735f}

h1 { font-size:20px; font-weight:normal;}

h2 { font-size:20px; font-weight:normal; text-transform:uppercase;}

a.link {color:#ff735f}

a.link:hover { text-decoration:underline;}

.btn-expo { background:#b5e1e6; width:100%; display:inline-block; text-align:center;}

.btn-expo a {color:#FFF; text-transform:uppercase; padding:10px; display:inline-block;}

.btn-expo a:hover { color:#66C;}

a.pdf {
    background-image: url("img/pdf.png");
    background-repeat: no-repeat;
    font-size: 10px;
    padding: 5px 5px 5px 23px;
}

#top { width:100%; background:#b5e1e6}

#top p { max-width:960px;  padding:5px; margin: 0 auto; text-align:right; color:#FFF;  }

#top a {font-size:11px; color:#fff;}

#contenedor {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    max-width: 960px; position:relative; padding-bottom:30px;
}

header {
padding: 20px 20px 0 20px;
}

main {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 20px;
}

#logo-responsive { display:none;}
#box-novedades { background:#ff735f; position:absolute; padding:8px; right:0; top:30px}	

#box-novedades a { color:#fff}
	
.logo { padding:0 60px}

.menu-principal ul {
padding-bottom: 0;
margin-bottom: 3px;
}

.menu-principal ul li {
    display: inline-block;
    list-style: none outside none;
    margin-bottom: 10px;
}	


.menu-principal ul li a {
    display: block;
    height: 60px;
    line-height: 100px;
    padding: 12px 15px;
    text-transform: uppercase;
}

.menu-principal ul li a:hover {color:#ff735f}

.active {color:#ff735f}

.ihome { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:10px 0;}
		 
.icatedra { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-62px 0;}	
		 
.icontenido { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-140px 0;}		
		 
.idocentes {background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-340px 0; }
		 
.igaleria {background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-447px 0; }	
		 
.icontacto {background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-240px 0; }
		 
.ihome:hover, .ihome .active { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:10px -94px;
		 color:#ff735f}
		 
.icatedra:hover, .icatedra .active { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-62px -94px;
		 color:#ff735f}	
		 
.icontenido:hover, .icontenido .active { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-140px -94px;
		 color:#ff735f}		
		 
.idocentes:hover, .idocentes .active { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-340px -94px;
		 color:#ff735f}
		 
.igaleria:hover, .igaleria .active { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-447px -94px;
		 color:#ff735f}	
		 
.icontacto:hover, .icontacto .active { background-image:url(img/icons-menu.png); 
		 background-repeat:no-repeat; 
		 background-position:-240px -94px;
		 color:#ff735f}				 			 		 			 	 		 	

.ilustraciones article { float:left; margin:10px; position:relative;}


#slider {
    padding: 0 2%;
    width: 96%;
}

.separador {
text-align: center;
height: 3px;
display: block;
margin: 5px auto 0px;
background-color: #ee4a42;
}

.separador:after {
content: '';
position: absolute;
border-right: 8px solid transparent;
border-bottom: none;
border-top: 8px solid #ee4a42;
border-left: 8px solid transparent;
z-index: 50;
margin-left: -8px;
}

article ul li {
list-style-type: circle;
line-height: 25px;
}

.central {
display: inline-block; width:100%;
}

.primario {
float: left;
max-width: 660px;
margin-left: 20px;
}

.primario section {
margin-bottom: 20px;
display: inline-block;
}

.primario .noticias article {
width: 170px;
height: 220px;
background-color: #ff735f;
float: left;
color: #fcffe8;
margin-right: 10px;
padding: 20px;
font-size: 12px;
}

.noticias h2 { color:#ff735f}

.alumnos p {
padding-right: 20px;
color: #666;
}

aside.home { display:inline-block;}
.box-catedra {
    background: none repeat scroll 0 0 #b5e1e6;
    border-bottom: 5px solid #6ec5d0;
    border-color: #6ec5d0;
    display: inline-block;
    margin: 10px 20px 20px;
    max-width: 64%;
    padding: 20px;
	float:left
}

.box-facebook { max-width:30%; float:left; margin-top:10px;}

.catedra article p {
font-size: 14px;
color: #555;
font-weight: 100;
}

.archivos article a { font-size:16px; color:#333; background-image:url(img/flecha.png); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; line-height:12px;}

.archivos article a:hover { text-decoration:none;}

.archivos article a span { font-size:12px; color:#ccc; padding-left:15px;}

.catedra article ul li {
list-style: circle;
color: #38828b;
padding-right: 30px;
font-size: 15px;
font-weight: 400;
}

.img-catedra {
float: left;
}

.txt-catedra {
float: left;
margin-left: 15px;
width: 70%;
}

section.expo { text-align:center;}

.secundario {
float: left;
width: 240px;
}

section#menu-secundario { margin-top:40px;}

section#menu-secundario ul { padding:0; margin:0;}

section#menu-secundario ul li { list-style:none;}

section#menu-secundario ul li a { background:#f8f8f8; color:#333; border-bottom:3px solid #ddd; padding:10px; text-transform:uppercase; list-style:none;display:block;}

section#menu-secundario ul li a:hover { border-bottom:3px solid #ff735f; color:#ff735f}

section#menu-secundario ul li .active { background:#ff735f; border-bottom:3px solid #ff735f; color:#FFF}

section#menu-secundario ul li a.active:hover { color:#FFF}

section#eventos { margin-top:60px;}

section#eventos h3 { color:#ccc; font-size:22px; text-transform:uppercase; margin:0; line-height:12px;}

section#eventos span {
    color: #333;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.separador-agenda {
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    color: #ccc;
    font-size: 12px;
    margin: 8px 0;
    padding: 3px 0;
}

section#eventos article { background:#fafafa; border-top:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px; display:inline-block;}

section#eventos article img { float:left; width:40px;}
section#eventos article .informacion { float:left; width:160px; padding-left:10px;}

section#eventos article .informacion h3 {
    color: #333;
    font-size: 15px;
    line-height: 12px;
    margin: 0;
    text-transform: uppercase;
}

section#eventos article .informacion p {
    color: #666;
    font-size: 10px;
    line-height: 12px;
    margin: 5px 0 0;
}

.celeste {border-left:5px solid #b2edf1;}
.amarillo {border-left:5px solid #ffb018;}
.violeta {border-left:5px solid #399;}

#tp-destacados { background:#ededed}

#tp-destacados h2 {
    font-size: 14px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 15px;
}

#tp-destacados ul {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 920px;
    padding: 10px 0 20px;
}

#tp-destacados ul li { display:inline-block; list-style:none; margin-right:11px;}


#tp-destacados ul li.last { margin-right:0;}


.thumb {
    cursor: pointer;
    float: left;
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100px;
}


.thumb .mascara {
    background-color: rgba(63, 156, 142, 0.85);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.thumb .mascara, .thumb .contenido {
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
}
.thumb {
    cursor: pointer;
    text-align: center;
}

.thumb a.informacion {
    margin-top: 70px;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}
.thumb a.informacion {
    border-top: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-family: "Conv_Lobster 1.4",sans-serif;
    font-size: 20px;
    line-height: 10px;
    padding-top: 5px;
    text-decoration: none;
}

.thumb:hover .mascara {
    opacity: 1;
}

.thumb:hover h2, .thumb:hover p, .thumb:hover a.informacion {
    opacity: 1;
    transform: translateY(0px);
}

.thumb:hover a.informacion {
    transition-delay: 0.2s;
}

.mascara a {
    color: #fff;
    font-size: 10px;
    line-height: 11px;
    text-transform: uppercase; font-weight:300
}

.mascara a span {
    font-size: 13px;
}


footer {
background-color: #39395b;
color: #fff; width:100%; text-align:center; font-size:12px; padding:20px 0
}

footer .centrar { max-width:960px; margin:0 auto;}

footer ul li { display:inline-block; margin-right:20px;}

footer ul li a { color:#FFF; text-transform:uppercase;}


.epigrafe {
background-color: rgba(79, 83, 103, 0.8);
color: #fff;
position: absolute;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
bottom: 3px;
text-indent: 10px;
font-size: 12px;
}

.portfolio article {
float: left;
margin: 5px;
position: relative; text-align:center;
}

.portfolio article h3 { font-size:12px;color:#666; margin:0;}

.portfolio article p { font-size:10px;color:#666; margin:3px 0;}

.primario .catedra article {
    border-color: #6ec5d0;
    display: inline-block;
    height: auto;
    margin: 0 20px 0 0;
    padding: 10px 0 0 20px;
    max-width: 600px;
}

.primario section.catedra { margin-top:20px;}

.txt-catedra h2 {
padding-bottom: 10px;
border-bottom: 2px solid;
border-color: #4e4e4e;
}

.txt-catedra p {
font-size: 12px;
color: #555;
font-weight: 100;
}

.catedra aticle p {
font-size: 12px;
color: #4f5367;
font-weight: 100;
}

.primario .catedra aticle ul li {
list-style: circle;
color: #38828b;
padding-top: 20px;
padding-right: 30px;
font-size: 15px;
font-weight: 400;
}

section.catedra h3 { font-size:14px; }

.page { border-bottom:1px dotted #ccc}

section.catedra h2 { padding-left:20px; margin-bottom:0;}

main.docentes .central { text-align:center; max-width:900px; margin:0 auto;}

main.docentes .central h2 { color:#ff735f; font-weight:bold; font-size:24px; padding-top:30px;}

main.docentes .central h3 { text-transform:uppercase; font-weight:bold; margin:0;}

main.docentes .central p { margin:0;}

main.docentes .central ul li {
    display: inline-block;
    list-style: none outside none;
    margin-bottom: 60px;
    width: 200px;
}

.mapa { margin-top:30px; }

section.contacto h2 {
    color: #ff735f;
    font-size: 24px;
    font-weight: bold; text-align:center;
}

section.contacto article { float:left; width:250px; padding-left:30px; min-height:60px; padding-top:8px; margin-right:20px;}

section.contacto p { text-align:center; max-width:500px; margin:0 auto; padding-bottom:30px;}

.ubicacion { background-image:url(img/iconos-contacto.png); background-repeat:no-repeat;}

.mail { background-image:url(img/iconos-contacto.png); background-repeat:no-repeat; background-position:0 -130px;}

.ver-mapa { background-image:url(img/iconos-contacto.png); background-repeat:no-repeat; background-position:0 -245px;}

.ver-mapa a {color:#ff735f}

section.contenido { margin-top:30px; padding-right:30px;}

section.contenido h2 {
    color: #ff735f;
    font-size: 20px;
    font-weight: bold;
}

section.novedades article img { width:155px; float:left}

section.novedades .invitados img {
width: 100% !important; margin-bottom:10px;
}

section.novedades article .informacion {
    float: left;
    margin-right: 10px;
    max-width: 430px;
    padding-left: 20px;
}

section.novedades article h3 { font-size:20px; color:#292c66; text-transform:uppercase; margin:0;
}


section.novedades article .fecha {
    border-bottom: 1px solid #ed7261;
    color: #ed7261;
    font-size: 14px;
    font-style: italic;
    margin: 0 20px 0 0;
    padding-bottom: 10px;
}

section.novedades { margin-top:40px;}

section.noticias a { background:#FC9; padding:5px; margin-top:10px; color:#ff735f; display:inline-block;}

section.novedades article a { color:#ff735f;
}

section.novedades article {
display: inline-block;
margin-bottom: 30px;
background: #f8f8f8;
padding: 20px;
}

.fichadocente { margin-top:50px;}

.fichadocente h2.menor { font-size:16px !important; text-transform:none; color:#FF735F } 

#foto-fichadoc { float:left; width:17%; padding-left:5%;}

#bio-docente { float:left; width:75%; text-align:left;}

.fichadocentes main { margin-top:30px;}

.fichadocentes main .central h3 {
text-transform: uppercase;
font-weight: bold;
margin: 0;
}

.fichadocentes main .central p {
margin: 0;
}

#bio-docente ul  { padding:0; margin-top:40px;}

#bio-docente ul li { display:inline-block; margin-right:10px;}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
	
@media screen and (max-width:768px) {

aside.home { display:none;}	

.primario .noticias article { width:initial; height:initial; margin-bottom:20px;}
	
article img {
width: 99%;
height: 99%;
}

.epigrafe { width:99%;}

main { padding:0 20px;}

.primario { margin-left:0;}
.secundario { float:none;}
.secundario aside { display:none;}

.secundario #eventos { display:none;}

.primario .catedra article { padding-left:0;}
.primario .catedra h2 { padding-left:0;}

.portfolio article { margin:1px;}

.menu-principal li.ocultar { display:none;}

#logo-responsive {
    display: table;
    height: 120px;
    margin: 0 auto;
    width: 71px;
}

#tp-destacados ul { padding-left:20px;}

section.novedades article .informacion { padding-left:0}

section.novedades article img { display:none;}

}
	
	
@media screen and (max-width:640px) {
	
.primario section article {
width: 97%;
margin-right: 0;
height: auto;
margin-bottom: 15px;
}

aside .img-catedra { display:none;}

.txt-catedra { width:95%}

.menu-imp { display:initial}

.columnas { margin-left:20px;}

.expo img { width:98%; height:98%;}

	
	}