*{  
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #333333; 
}

#pagina {
    margin: 0px auto;
    width: 1020px;
    background-color:#e6e6e6;
    
}

#logo{
    width: 140px;
    height: 110px;
    display: block;
    float: left;
}

header{
    height: 220px;
    width: 960px;
    margin:  0px auto;
    
}

#encabezado {
    padding-top: 30px;
}

#caja-logo{
    margin-left: 5px;
    margin-top: 15px;
    float: left;
    width:220px;
}

#logo-catedra{

    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    text-align: right;
    line-height: 90%;
    
}


#logo-wajsman{
    
    font-family: 'Alegreya Sans'; 
	font-size: 55px;
	font-weight:900;
    text-align: right;
    color: #F9BE00;
    line-height: 70%;
    
}
#logo-iluminacion{
    font-family:'Titillium Web'; 
	font-size:24px;
	font-weight:300;
    text-align: right;
    line-height: 190%;
}

#linea{
    margin: auto;
    margin-top: 20px;
    display: block;
    height: 2px;
    width: 960px;
    float: left;
    background: linear-gradient(45deg, #6c6c6c, #f8f8f8, #434343);

}

nav ul{
 
    list-style: none;   
}


/*------------INICIO-------*/


#menu{
width: 940px;
    margin: auto;
}

#menu ul li a {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 142px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    color: #4D4D4D;
       
}

#menu ul li a:hover {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 141px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:700;
    color: #000;
    background-color: #F9BE00;
    line-height: 180%;
}

/*------------CATEDRA--------*/

#menu2{
width: 940px;
    margin: auto;
}

#menu2 ul li a {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 142px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    color: #4D4D4D;
       
}


#menu2 ul li a:hover {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 141px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:700;
    color: #fff;
    background-color: #0080BB;
    line-height: 180%;
}

/*-------GALERIA------------*/

#menu3{
width: 940px;
    margin: auto;
}

#menu3 ul li a {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 142px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    color: #4D4D4D;
       
}


#menu3 ul li a:hover {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 141px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:700;
    color: #fff;
    background-color: #009877;
    line-height: 180%;
}

/*-------INGRESANTES-----------*/

#menu4{
width: 940px;
    margin: auto;
}

#menu4 ul li a {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 142px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    color: #4D4D4D;
       
}


#menu4 ul li a:hover {
    padding: 5px;
    float: left;
    margin-top: 20px;
    margin-right: 141px;
    text-decoration: none;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:700;
    color: #fff;
    background-color: #E24301;
    line-height: 180%;
}



/* FIN ENCABEZADO */

main{
    margin: auto;
    height: 1070px;
    width: 960px;
    display: block;
}



#slider{
    width: 940px;
    height: 415px;
    margin: auto;
    
}

#pestania-1 {
    border: solid 3px #DF8A00;
    float: left;
    width: 300px;
    height: 370px;
    margin-left: 10px;
    margin-top: 40px;
    
}

#pestania-2 {
    border: solid 3px #E94F3D;
    float: left;
    width: 300px;
    height: 370px;
    margin-left: 15px;
    margin-top: 40px;
    
}

#foto-1{
    width: 300px;
    height: 160px;
    display: block;
    position: relative;
}

#n1{
    position: absolute;
    bottom:10px; right:20px;
    font-family: 'Alegreya Sans'; 
	font-size: 68px;
	font-weight:900;
    color: #DF8A00;
}

#n2{
    position: absolute;
    bottom:10px; right:20px;
    font-family: 'Alegreya Sans'; 
	font-size: 68px;
	font-weight:900;
    color: #E94F3D;
}

#rectangulo{
    width:68px;
    height:13px;
    display: block;
    background-color: #DF8A00;
    position: absolute;
    top: 0px; left:0px;

}

#rectangulo2{
    width:68px;
    height:13px;
    display: block;
    background-color: #E94F3D;
    position: absolute;
    top: 0px; left:0px;

}

#texto-pestania{
    margin: 15px;
    margin-top: 12px;
    width: 275px;
    height: 200px;
    float: left;
}

h1{
    font-family:'Titillium Web'; 
	font-size:23px;
    font-weight:400;
    line-height: 120%;
    
}


#texto-pestania p{
    margin-top: 5px;
    font-family:'Titillium Web'; 
	font-size:12px;
	font-weight:400;
    line-height: 130%;
    color: #4D4D4D;

}

#texto-pestania a{
    margin-top: 5px;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:700;
    line-height: 140%;
    color: #DF8A00;
    float: right;
    text-decoration: none;
}

#opiniones{
    float: left;
    width: 300px;
    height: 370px;
    margin-left: 15px;
    margin-top: 20px;

}

.titulo-texto{
    margin-left: 10px;
    font-family:'Titillium Web'; 
	font-size:25px;
	font-weight:700;
    line-height: 190%;
    color: #4D4D4D;

}

.subrayado-color{
    width: 100%;
    height: 12px;
    display: block;
    background-color: #DF8A00;
    position: relative;
}

.subrayado-color2{
    width: 100%;
    height: 12px;
    display: block;
    background-color: #0080BB;
    position: relative;
}

.subrayado-color3{
    width: 100%;
    height: 12px;
    display: block;
    background-color: #009877;
    position: relative;
}

.subrayado-fondo{
    width: 65%;
    height: 8px;
    display: block;
    background-color: #E6E6E6;
    position: absolute;
    bottom: 0px; right: 0px;
}


#opinion{
    margin-top: 25px;
}

.perfil{
    float: left;
    margin-right: 10px;
    border: solid 3px #DF8A00;
}

#opinion p{
    font-family:'Titillium Web'; 
	font-size:12px;
	font-weight:400;
    color: #4D4D4D;
    line-height: 130%;
}

#opinion h3{
    font-family:'Titillium Web';
    font-size:15px;

}

.linea{
    margin-top: 23px;
    margin-bottom: 23px;
    height: 2px;
    width: 100%;
    float:left;
    background-color: #7c7c7c;
    display: block;
}

.linea2{
    margin-top: 5px;
    margin-bottom: 10px;
    height: 3px;
    width: 100%;
    float:left;
    background-color: #0080BB;
    display: block;
}

#calendario{
    margin-left: 15px;
    margin-top: 25px;
    width: 620px;
    height: 315px;
    float: left;
}

#fechas{
    width: 300px;
    margin-top: 25px;
    float:left;
}

#fechas h1{
    
    font-family:'Titillium Web'; 
	font-size:17px;
	font-weight:400;
    color: #0080BB;
}

#fechas h2{
    font-family:'Titillium Web'; 
	font-size:51px;
	font-weight:200;
    color: #0080BB;
    float:left;   
    margin-bottom: 25px;
}

#fechas h3{
    margin-top: 5px;
    margin-left: 15px;
    font-family:'Titillium Web'; 
	font-size:12px;
	font-weight:700;
    color: #434343;
    float:left; 
    line-height: 120%;
}

#fechas p{
    margin-top: 5px;
    margin-left: 5px;
    width: 170px;
    font-family:'Titillium Web'; 
	font-size:12px;
	font-weight:300;
    color: #000;
    float: left;
    line-height: 120%;
}

#calenda{
    margin-left: 20px;
    margin-top: 25px;
    float: left;
}

#dejanos{
    float: left;
    width: 300px;
    height: 370px;
    margin-left: 15px;
    margin-top: 25px;

}

#dejanos h2{
    margin-top: 20px;
    margin-left: 10px;
    font-family:'Titillium Web'; 
	font-size:17px;
	font-weight:400;
    float: left;
}
#dejanos h3{
    margin-top: 10px;
    font-family:'Titillium Web'; 
	font-size:12px;
	font-weight:700;
    float: right;
    color: #333;
}

#nombre{
    margin-top: 10px;
    display: block;
    width: 300px;
    height: 30px;
    float: left;
    background-color: #fff;
    
}
#mensaje{
    margin-top: 10px;
    display: block;
    width: 300px;
    height: 100px;
    float: left;
    background-color: #fff;
    
}



footer{
    width: 960px;
    margin: auto;
    height: 90px;
}

footer p{
    margin: auto;
    margin-top: 15px;
    width: 900px;
    font-family:'Titillium Web'; 
	font-size:12px;
	font-weight:600;
    color: #4D4D4D;
    line-height: 120%;
    text-align: center;

}

#linea2{
    margin: auto;
    display: block;
    height: 2px;
    width: 960px;
    background: linear-gradient(45deg, #6c6c6c, #f8f8f8, #434343);

}


/*------catedra-----*/

#objetivos{
    margin: auto;
    margin-left: 10px;
    margin-top: 25px;
    width: 940px;
    height: 420px;
    float: left;
    
}

#columnas {
    width: 620px;
    margin-top: 25px;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    line-height: 140%;
    float: left;
    color: #333;  
    
    /*  COLUMNAS  */
    
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -o-column-count: 2;
    -o-column-gap: 20px;
    
}
#subtitulos{
    margin-left: 10px;
    float: left;
    width: 307px;
    height: 300px;
}
#subtitulos h1{
    width: 300px;
    margin-top: 10px;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:700;
    color: #0080BB;
    float: left;
}
#subtitulos p{
    width: 300px;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    line-height: 140%;
    float: left;
    color: #333;  
    height: 300px;
}

#error{
    margin-top: 40px;
    width: 960;
    margin: auto;
}

#error h1{
    font-family:'Titillium Web'; 
	font-size:100px;
	font-weight:700;
    color: #000;
}


#izq{
    margin-top: 60px;
    margin-left: 10px;
    width: 460px;
    height:560px;
    display: block;
    float:left;
    position:relative;   
}

#cartel1{
    width:220px;
    height: 90px;
    display: block;
    background-color: #DF8A00;
    position: absolute;
    top:10px; left:10px;
}

#cartel2{
    width:220px;
    height: 90px;
    display: block;
    position: absolute;
    top:0px; left:25px;
    border: solid 3px #DF8A00;

}

#cartel1 h1{
    padding: 15px;
    margin-left: 15px;
    font-family:'Titillium Web'; 
	font-size:39px;
	font-weight:400;
    line-height: 140%;

}

#nivel{
    margin-top: 35px;
    bottom: 0px;
    
}


#cartel3{
    width:140px;
    height: 40px;
    display: block;
    position: absolute;
    top:380px; left:0px;
    background-color: #DF8A00;
}


#cartel3 h1{
    padding: 0px;
    margin-left: 10px;
    font-family:'Titillium Web'; 
	font-size:28px;
	font-weight:400;
    line-height: 140%;
    color: #fff;

}

#cartel4{
    width:140px;
    height: 40px;
    display: block;
    position: absolute;
    top:430px; left:0px;
    background-color: #DF8A00;
}


#cartel4 h1{
    padding: 0px;
    margin-left: 50px;
    font-family:'Titillium Web'; 
	font-size:28px;
	font-weight:400;
    line-height: 140%;
    color: #fff;

}








#derecha{
    margin-top: 60px;
    margin-left: 15px;
    width: 460px;
    height:560px;
    display: block;
    float:left;
    position:relative;   
}

#cartel1-d{
    width:220px;
    height: 90px;
    display: block;
    background-color: #E94F3D;
    position: absolute;
    top:10px; right:10px;
}

#cartel2-d{
    width:220px;
    height: 90px;
    display: block;
    position: absolute;
    top:0px; right:25px;
    border: solid 3px #E94F3D;

}

#cartel1-d h1{
    padding: 15px;
    margin-left: 15px;
    font-family:'Titillium Web'; 
	font-size:39px;
	font-weight:400;
    line-height: 140%;

}

#nivel-d{
    margin-top: 35px;
    bottom: 0px;
    
}


#cartel3-d{
    width:140px;
    height: 40px;
    display: block;
    position: absolute;
    top:380px; right:0px;
    background-color: #E94F3D;
}


#cartel3-d h1{
    padding: 0px;
    margin-left: 10px;
    font-family:'Titillium Web'; 
	font-size:28px;
	font-weight:400;
    line-height: 140%;
    color: #fff;

}

#cartel4-d{
    width:140px;
    height: 40px;
    display: block;
    position: absolute;
    top:430px; right:0px;
    background-color: #E94F3D;
}


#cartel4-d h1{
    padding: 0px;
    margin-left: 10px;
    font-family:'Titillium Web'; 
	font-size:28px;
	font-weight:400;
    line-height: 140%;
    color: #fff;
}

#foto{
margin-left: 10px;
width:460px;
height: 260px;
float:left;
}

#central{
    margin-left: 10px;
    margin-top: 30px;
    width: 620px;
    height: 560px;
    float: left;
    
}

#central p{
    width: 620px;
    margin-top: 25px;
    font-family:'Titillium Web'; 
	font-size:15px;
	font-weight:400;
    line-height: 140%;
    float: left;
    color: #333;  
    
    /*  COLUMNAS  */
    
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -o-column-count: 2;
    -o-column-gap: 20px;
    
}

aside{
    margin-top: 30px;
    margin-left:20px;
    float: left;
    
}