body{
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
}
.fondo {
    width: 100%;
	height:100%;
    background-color: rgb(0,0,0);
    background-image: url(../imagenes/textura.png);
    background-repeat: repeat;
}
h1{
	font-family: 'Raleway', sans-serif;  
	font-size: 17px;  
	font-weight: 600;  
	text-align: left
}
h2{
	font-family: 'Raleway', sans-serif;  
	font-size: 16px;  
	font-weight:400;  
	text-align: left
}

a {
	text-decoration:none;}

.azul{
    color: rgb(28,98,186);
}
.blanco{
    color:rgba(255,255,255,1);
}
.n_lacatedra{
    font-size: 90px;
    font-weight: 500;
	color:rgba(28,98,186);
}    
.fondo_negro{
    padding:3px;
    background-color: rgba(0,0,0,1);
}
.texto_chico{
    font-size: 13px;
}
.bold{
    font-weight: 800;
}    

.boton_basico{
    background-color: rgba(0,0,0,1);
    padding: 5px;
    text-align: center;
    color:rgba(255,255,255,1);
}
    .boton_basico_hover{
        background-color: rgb(28,98,186);
        color: rgb (white);
}
	  .seleccionado{
        background-color: rgb(28,98,186);
        color: rgb (white);
}

#container_morfologia{
    width:1024px;
    background-color: white;
    margin: auto;
	background-image: url(../imagenes/index_02.png);
    background-repeat: no-repeat;
    min-height: 768px;
}

#container_conferencia_online{
    width:1024px;
    margin: auto;
    background-image: url(../imagenes/index_03.png);
    background-repeat: no-repeat;
    min-height: 768px;
}

#container{
    width:1024px;
	margin: auto;
    background-color:white;
    overflow:auto;
}


/*---------------------- BOTONERA --------------------*/
#navegacion{        /*div contenedor del logo y botonera*/
    width: 261px;
    float: left;
}
#logo{
    width: 180px;
    height: 111px;
    margin-left: 20px;
    margin-top: 40px;
    background-image: url(../imagenes/logo_home.png);
    background-size: 100%;}
     
#botonera{
	width:190px;
	height:310px;
	background-color:rgba(none)
}
/*------CUADRO DE FONDO BLANCO------*/
	   nav ul{
	       list-style:none;
		   position:relative;
		   width:180px;
           height:305px;
	       background-color:rgba(none);}
/*------CUADRO DE FONDO NEGRO------*/
            nav ul li{
                position:relative;
				padding:0.4em;
               margin:auto;
                width:155px;
                height: 250px;
				padding:0px;
                background-color:rgba(255,255,255,1)}
				/*------TEXTO DEL BOTON------*/
                nav ul li a{
                    width:130px;
                    height:25px;
                    margin: auto;
					line-height:15px;
                    text-decoration:none;
					color:rgba(255,255,255,1);
					font-size: 11px;  
					text-align: left;
                /*------FONDO DEL BOTON------*/
                    background-color:rgba(0,0,0,1);
                    padding: 5px;                   /*PADDING NEGRO DEL BOTON*/
                    display:block}
                    nav ul li a:hover{
					color:rgba(255,255,255,1);
					background-color:rgb(28, 98, 186);
					display:block}
	
/*---------------------- HOME --------------------*/
#home_fondo{
    width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_index.png);
}
#registrate{
    width: 320px;
    margin: 170px 0 0 60px;
    clear:both;
    font-size: 12px;
    float:left;
}

#inicia_sesion{
    margin:50px 55px 0 0;
    float: right;
}

#boton_conferencia{
    width: 50px;
text-decoration: none
}
a:hover{
    background-color: rgb(28, 98, 186);
    text-decoration: none;
}

#user{
	height: 50px;
	background-image: url(../imagenes/iniciar_sesion.png);
	background-repeat: no-repeat;
	margin: 80px 0 0 530px;
	}
	
#buscador{
	/*position:absolute;*/
	margin:10px 60px 0 0;
	float:right;}
	
			/*---------------------- REGISTRATE --------------------*/
            #registrate_fondo{
				width:1024px;
				height:768px;
				background-image: url(../imagenes/fondo_index.png);
			}
			#contenedor_registrate{
                width:500px;
                height: 200px;
                background-image: url(../imagenes/registrate.png);
				background-repeat: no-repeat;
				background-size:100%;
				margin:auto;
				clear:both;
            }
			#texto_registrate{
                width:500px;
                height: 100px;
                margin: auto;
				clear:both;
                font-size: 14px;
            }
			
/*---------------------- LA CATEDRA --------------------*/
#la_catedra_fondo{
    width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_la_catedra.png);
}

#banda_la_catedra{
    width:450px;
    height: 1250px;
    margin-left: 50px;
    background-color: rgba(255,255,255,0.9);
    clear:both;
}
#vacio_la_catedra{
    height: 160px;
}
#margenes{
    width:400px;
    margin:auto;
}
#titulo_la_catedra{
    width: 200px;
    margin-bottom: 15px;
    font-size: 25px;
}
#a0{
    margin: auto;
    width: 570px;
    height: 175px;
}
#a1{
    width: 100px;
    height: 100px;
    float:left;
    padding-top: -10px;
}
#a2{
    width: 320px;
    height: 50px;
    padding-top: 30px;
    margin-left: 10px;
}
#a3{
    width: 440px;
    height: 40px;
    margin-top: 30px;
    color: rgba(0,0,100,1);
}
#b0{
    margin: auto;
    width: 570px;
    height: 175px;
}
#b1{
    width: 100px;
    height: 100px;
    float:left;
    padding-top: -10px;
}
#b2{
    width: 320px;
    height: 50px;
    padding-top: 30px;
    margin-left: 10px;
}
#b3{
    width: 440px;
    height: 40px;
    margin-top: 30px;
    color: rgba(0,0,100,1);
}
#c0{
    margin: auto;
    width: 570px;
    height: 210px;
}
#c1{
    width: 100px;
    height: 100px;
    float:left;
    padding-top: -10px;
}
#c2{
    width: 320px;
    height: 50px;
    padding-top: 30px;
    margin-left: 10px;
}
#c3{
    width: 440px;
    height: 40px;
    margin-top: 30px;
    color: rgba(0,0,100,1);
}
#d0{
    margin: auto;
    width: 570px;
    height: 175px;
}
#d1{
    width: 100px;
    height: 100px;
    float:left;
    padding-top: -10px;
}
#d2{
    width: 320px;
    height: 50px;
    padding-top: 30px;
    margin-left: 10px;
}
#d3{
    width: 400px;
    height: 40px;
    margin-top: 30px;
    color: rgba(0,0,100,1);
}
#d3a{
    width:190px;
    margin-left: 10px;
    float:left;
}
#d3b{
    width:190px;
    margin-right: 10px;
    float:right;
}

#links_la_catedra{
    width: 150px;
    margin: 50px 0 0 60px;
    font-size: 12px;
    float:left;
}
			/*---------------------- BIBLIOGRAFIA --------------------*/
			#bibliografia_fondo{
				width:1024px;
				height:768px;
				background-image: url(../imagenes/fondo_la_catedra.png);
			}
			#banda_bibliografia{
				width:550px;
				height: 1600px;
				background-color: rgba(255,255,255,0.9);
				clear:both;
			}
			#margenes_bibliografia{
				width:500px;
				margin:auto;
			}

            /*---------------------- CRONOGRAMA --------------------*/
            #cronograma_fondo{
				width:1024px;
				height:768px;
				background-image: url(../imagenes/fondo_la_catedra.png);
			}
			#banda_cronograma{
                width:550px;
                height: 1300px;
                background-color: rgba(255,255,255,0.9);
                clear:both;
            }
            #margenes_cronograma{
                width:500px;
                margin:auto;
            }    
			

/*---------------------- CONFERENCIA ONLINE --------------------*/
#conferencia_fondo{
	width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_conferencia.png);
}

#vacio2{
    height: 150px;
}
#banda_conferencia{
    width:600px;
    height: 1100px;
    background-color: rgba(255,255,255,0.9)
}
 /*------VIDEO PRINCIPAL------*/
#contenedor{
    width:550px;
	height:380px;
    margin:auto;
}
    #conferencia_titulo{
        height: 20px;
        width:180px;
        margin-left:14px;
        color:rgba(255,255,255,1);
        font-size: 15px;
}
#conferencia_titulo_2{
        height: 20px;
        width:240px;
		margin:5px 0 0 14px;
        color:rgba(255,255,255,1);
        font-size: 15px;
        padding-top: 1px;
}
    #video{
        margin: 0 auto;
        width:95%;
        height:80%;
        background-image:url("../imagenes/video.png");   
        background-position:center;
        background-repeat:no-repeat;
        background-size: 97%;
        background-color: rgba(0,0,0,1);
    }
#debajo_de_video_vacio{
    height: 5px;
    width: 60px;
    margin-top:10px;
}
    #texto-conferencia{
        width:550px;
        height: 130px;
        margin: auto;
        text-align: justify;
    }

 /*------VIDEOS SECUNDARIOS------*/
#otras_conferencias{
    width: 210px;
    font-size: 14px;
}
#otras_conferenciasb{
    width: 500px;
}
#contenedor_conferencia_2{
    float:left;
    width: 270px;
    height: 170px;
    margin: 10px 0 0 0;
    background-color: rgba(0,0,0,1);
}
#video2{
        margin: 4px auto;
        width:95%;
        height:95%;
        background-image:url("../imagenes/video_2.png");   
        background-position:center;
        background-repeat:no-repeat;
        background-size: 97%;
        background-color: rgba(255,255,255,1)
}
#texto_conferencia_2{
    width:250px;
    margin:10px auto;
}

#contenedor_conferencia_3{
    float:right;
    width: 270px;
    height: 170px;
    margin: 10px 0 0 0;
    background-color: rgba(0,0,0,1);
}
#video3{
        margin: 4px auto;
        width:95%;
        height:95%;
        background-image:url("../imagenes/video_3.png");   
        background-position:center;
        background-repeat:no-repeat;
        background-size: 97%;
        background-color: rgba(255,255,255,1)
}
#texto_conferencia_3{
    width:250px;
    margin:10px auto;
}

/*---------------------- PROYECTOS --------------------*/
#proyectos_fondo{
	width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_proyectos.png);
}
#proyectos_n2_fondo{
	width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_proyectos.png);
}
#proyectos_n3_fondo{
	width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_proyectos.png);
}
#pagina{
    width: 763px;
    float:right;
    background-color: rgba (255,1,1,0.5);
}
    #banda_proyectos{
        width: 620px;
        height: 700px;
        background-color: rgba(255,255,255,0.9);
        margin-top: 0px;
        clear:both;
    }
        #vacio1{
            height: 150px;
        }
        #info{
            margin: auto;
            width: 570px;
            background-color: rgb(100,0,0,1);
            clear:both;
        }
        #cambiador_nivel1{
            width: 570px;
            height: 170px;
            margin: 20px auto;
            background-image: url(../imagenes/nivel1.png);
            background-size: 100%;
            background-repeat: no-repeat;
        }
        #cambiador_pie{
            width: 570px;
            margin: -10px auto 10px;
        }
        #contacto_0{
            width: 570px;
            height: 170px;
            margin: 20px auto;
            }
            #contacto_1a{
                float:left;
                width: 140px;
                height: 160px;
                margin: auto;
                padding-left: 30px;
                background-color: rgba(28, 98, 186,1);
                font-weight: 100;
                font-size: 15px;
            }
            #contacto_1b{
                float:left;
                width: 370px;
                height: 30px;
                margin-left: 10px;
                background-color: rgba(28, 98, 186,1);
            }
                #texto_contactate{
                    margin: 10px 0 0 10px;
                }
            #iconos{
                float:left;
                width: 140px;
                height: 30px;
                margin-left: 10px;
                background-image: url(../imagenes/iconos_contactate.png);
                background-size: 100%;
            }
            #icono_cerrar{
                float:right;
                width: 11px;
                height: 11px;
                margin-right: 0px;
            }
            #contacto_1c{
                float:left;
                width: 370px;
                height: 120px;
                margin: 10px 0 0 10px;
                background-color: rgba(28, 98, 186,1);
            }
                #johana{
                    margin: 10px 0 0 0;
                }
                #contacto_1d{
                    width: 350px;
                    height: 65px;
                    margin: 20px auto;
                    background-color: rgba(255, 255,255,1);
                }
				
				
				
				
/*------------------------------------------ MORFOLOGIA GRAL -----------------------------------*/
#morfologia_fondo{
	width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_morfologia.png);
}
#banda_m_gral{
	width:500px;
	height: 1100px;
	background-color: rgba(255,255,255,0.9);
	clear:both;
}
#margenes_m_gral{
	width:450px;
	margin:auto;
}


/*------------------------------------------ CONTACTO -----------------------------------*/
#contacto_fondo{
	width:1024px;
	height:768px;
	background-image: url(../imagenes/fondo_contacto.png);
}
#banda_contacto{
    width:550px;
    height: 750px;
    background-color: rgba(255,255,255,0.9)
}
#texto_contacto{
	margin:0 auto;
	clear:both;
	text-align:left;
	width:80%;
}
#contenedor_contacto{
    background-image: url(../imagenes/formulario_de_contacto.png);
    background-size: 100%;
    background-color:rgba(0,0,0,1);
    width:510px;
	height:280px;
    margin: 30px auto;
    clear:both;
}

#boton_enviar{
	float:right;
	margin: 10px 20px;
}

#pie_contacto{
	margin:30px 0 0 20px;
	float:left;
	color: rgba(100,100,100,1);
	}

/*------------------------------------------ ENVIADO -----------------------------------*/
#texto_enviado{
	margin:70px auto;
	clear:both;
	text-align:center;
    font-size: 17px;
	width:80%;
}
#vacio_enviado{
    height: 300px;
}

/*---------------------- FOOTER --------------------*/
footer{
    color: rgba(0,0,0,0.6);
    background-color: white;
	width: 1024px;
    margin-top: 30px;
	margin-left: auto;
    clear:both;
	float:left;
	
}

#doberti{
    float:left;
    width: 120px;
    height: 50px;
	margin:10px 0 0 40px;
    background-image: url(../imagenes/logo_doberti_pie.png);
	background-size: 100%;
    background-repeat: no-repeat;
}
#texto_pie{
    width: 700px;
	padding: 10px;
    margin:auto;
    text-align: center;
    font-size: 10px;
    float:left;
   }
#fadu{
   float: left;
    width: 120px;
    height: 50px;
    margin:10px 0 0 10px;
    background-image: url(../imagenes/logo_fadu_pie.png);
	background-size: 70%;
    background-repeat: no-repeat;
}