/*html{
	background-color:rgba(240,240,240,1;}
    /*background-position:center;*/
/*    background-size:100%;*/
    /*background-repeat:no-repeat;*/
  /*  background-color:rgba(240,240,240,1;}
*/
body{
	background-color:rgba(220,220,220,0.5);
	}
/*
.base{
	font-family: 'open+sans', serif;  
	font-size: 0.8em;  
	font-weight: 100;  
	text-align: justify}
	*/
h1{
	font-family: 'Architects Daughter', sans-serif;  
	font-size: 1em;  
	font-weight: 700;  
	text-align: left}
	
h2{
	font-family: 'Architects Daughter', sans-se; 
	font-size: 1em;  
	font-weight:500;  
	text-align: left}

.bordo{
	color:rgba(200,40,40,1);}

	
/*---------------------- BOTONERA --------------------------*/	
#boton-home{
	margin:auto;
	width:850px;
	height:100px;
	background-image:url(../imagenes/boton-home.png);
	background-repeat:no-repeat;
	background-size:100%;
	cursor:pointer}
#menu{
	list-style:none;
	margin:0;
	padding:0;
	margin:auto;
	width:850px;
	height:70px;
	background-color:rgba(none);
	}
#menu li {
	position:relative;
	top:-13px;
	padding:0px;
	overflow:hidden;
	margin:auto;
	width:850px;
	height:50px;
	/*overflow:hidden;*/
	background-color:rgba(none);
	}
	
#menu li a {
	display:block;
	width:170px;
	padding:5px 0;
	float:left;
	position:relative;
	top:15px;
	height:30px;
	text-decoration:none;
	text-align:center;
	font-family: 'Architects Daughter', sans-serif;
	font-size:13px;
	color:#FFFFFF;
	background-color:rgba(200,40,40,1);
}

#menu li a:hover {
	color:rgba(200,40,40,1);
	background-color:rgba(255,255,255,0.5)}
	
	
	
/*---------------------- INDEX --------------------------*/
#contenedor-home{
	position:relative;
	margin:auto;
	width:850px;
	height:600px;
	color:rgba(255,0,0,1)
	}
#foto-index{
	position:relative;
	float:left;
	width:420px;
	height:600px;
	color:rgba(255,0,0,1);
	background-image:url(../imagenes/foto-index.png);
	background-repeat:no-repeat;
}
#texto-index{
	position:relative;
	float:right;
	width:420px;
	height:600px;
}
	
/*---------------------- NOSOTROS --------------------------*/
#nosotros-foto{
position:relative;
margin:auto;
top:10px;
width:600px;
height:280px;
background-image:url(../imagenes/cuerpo-docente.png)}

#presentacion-catedra{
	width:600px;
	position:relative;
	top:20px;
	margin:auto;
	height:600px;}
	
	
/*----------------------  CONFERENCIA ONLINE --------------------------*/
#contenedor{
    background-color:rgba(0,0,0,1);
    width:750px;
	height:500px;
    position:relative;
    margin:auto;
    top:-10px;}
    #conferencia-titulo{
        position: relative;
        height: 40px;
        width;350px;
        left:15px;
        top:10px;
        background-color: rgba(none);
        color:rgba(255,255,255,1);
		font-family: 'open+sans', serif;  
		font-size: 100%;  
		font-weight:100;  
		text-align: justify;}
    #video{
        position: relative;
        margin: auto;
        top:10px;
        width:95%;
        height:80%;
        background-image:url("../imagenes/conferencia.jpg");   
        background-position:center;
        background-repeat:no-repeat;
        background-size: 100%;
        background-color: rgba(255,255,255,1)}
    #texto-conferencia{
        position:relative;
		margin:auto;
        top:60px;
        width:450px;
		height:220px;
        }
		
/*----------------------  TRABAJOS --------------------------*/		
#contenedor-trabajos{
	background-color:rgba(none);
    width:700px;
	height:800px;
	position:relative;
    margin:auto;
    top:-10px;}
#t1{
	position:relative;
	margin:auto;
	width:700px;
	height:220px;
    top:5px;
	background-image:url("../imagenes/t1.png");
	background-position:center;
    background-repeat:no-repeat;
    background-size: 100%;}
#t2{
	position:relative;
	margin:auto;
	width:700px;
	height:220px;
    top:5px;
	background-image:url("../imagenes/t2.png");
	background-position:center;
    background-repeat:no-repeat;
    background-size: 100%;}
#t3{
	position:relative;
	margin:auto;
	width:700px;
	height:220px;
    top:5px;
	background-image:url("../imagenes/t3.png");
	background-position:center;
    background-repeat:no-repeat;
    background-size: 100%;}

/*---------------------- ESTUDIO --------------------------*/
#estudio-foto{
position:relative;
margin:auto;
top:10px;
width:600px;
height:280px;
background-image:url(../imagenes/estudio-foto.png)}

#estudio-texto{
	width:600px;
	position:relative;
	top:20px;
	margin:auto;
	height:250px;}
	
	
	
/*---------------------- CONTACTO --------------------------*/
#contenedor1{
    width:450px;
	height:500px;
    position:relative;
    margin:auto;
    top:10px;}
#contenedor-contacto{
    background-color:rgba(200,20,20,1);
    width:450px;
	height:280px;
    position:relative;
    margin:auto;
    top:10px;}
    #contacto-titulo{
        position: relative;
        height: 40px;
        width:350px;
        left:10px;
        top:10px;
        background-color: rgba(none);
        color:rgba(255,255,255,1)}
    #nombre{
        position: relative;
        margin: auto;
        top:0em;
        width:95%;
        height:13%;
        background-color: rgba(255,255,255,1)}
        #texto-nombre{
            position:relative;
            top:0.5em;
            left:10px;}
    #email{
        position: relative;
        margin:auto;
        top:0em;
        width:95%;
        height:13%;
        background-color: rgba(255,255,255,1)}
        #texto-email{
            position:relative;
            top:0.5em;
            left:10px;}
    #mensaje{
        position: relative;
        margin: auto;
        top:0em;
        width:95%;
        height:40%;
        background-color: rgba(255,255,255,1)}
        #texto-mensaje{
            position:relative;
            top:0.5em;
            left:10px;}
	
.boton-enviar{
	position:relative;
	float:right;
	top:10px;
	padding:0.3em;
	color:rgba(255,255,255,1);
	background:rgba(200,20,20,1);
	font-size: 1em;
	line-height: 2em;
	text-decoration: none;
	font-family: 'open+sans', serif;  
	font-weight: 400;  
	text-align: center}
	.boton-enviar hover{
		color:rgba(255,255,200,1);
		background-color:rgb(28, 98, 186,1);
		}