html{
    background-image:url("../imagenes/index-fondo.png");   
    background-position:center;
    background-size:1280px;
    background-repeat:no-repeat;
    background-color:none;}
	
body{
	font-family: 'Open+Sans', sans-serif;}

/*#page-wrap{
width:1280px;
height:auto;
margin:auto;
min-height: 100%;}

#page-wrap:after{
width:1280px;
height:150px;
display:block;
clear:both;}*/

.base{
	font-family: 'open+sans', serif;  
	font-size: 0.8em;  
	font-weight: 100;  
	text-align: justify}
	
h1{
	font-family: 'open+sans', serif;  
	font-size: 1em;  
	font-weight: 700;  
	text-align: left}
	
h2{
	font-family: 'open+sans', serif;  
	font-size: 1em;  
	font-weight:500;  
	text-align: left}
	
.azul{
	color:rgba(28,98,210,1);}

/*------------------------------------------ GENERAL: botonera y logo home -----------------------------------*/
#logo{
    background-image:url(../imagenes/logo_home.png);
	position:relative;
    left:10px;
    width:320px;
    height:180px;
	background-size: 100%;
    background-repeat:no-repeat;}	
    #logo a{
        position:absolute;
        width:300px;
        height:200px;}
       
#botonera{
	position:relative;
	top:-3em;
	left:1em;
	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.5em;
               margin:auto;
                width:175px;
                height: 300px;
				/*padding:1em;*/
                background-color:rgba(255,255,255,1)}
				/*------TEXTO DEL BOTON------*/
                nav ul li a{
                    position:relative;
                    margin:auto;
					padding:0.2em;
                    width:160px;
                    line-height:40px;
                    text-decoration:none;
					font-size:1em;
                    color:rgba(255,255,255,1);
					font-family: 'Open+Sans', serif;  
					font-size: 100%;  
					font-weight:100;  
					text-align: left;
                /*------FONDO DEL BOTON------*/
                    height:40px;
                    left:0px;
                    background-color:rgba(0,0,0,1);
                    top:5px;
                    text-align:left;
                    display:block}
                    nav ul li a:hover{
					color:rgba(255,255,200,1);
					background-color:rgb(28, 98, 186);
					display:block}
	

	
#registrate{
    position:relative;
	top:20em;
	margin:auto;
	background-color:rgba(2);
	width:450px;
	height:180px;}
	.boton-conferencia-online{
		position:relative;
		top:0.2em;
		margin:auto;
		padding:0.5em;
		color:rgba(255,255,255,1);
		background:rgba(0,0,0,1);
		font-size: 1em;
		text-decoration: none;
		font-family: 'open+sans', serif;  
		font-weight: 400;  
		text-align: center}
	#texto-registrate{
		background-color:rgba(none);
		position:absolute;
		width:450px;
		margin:auto;
		text-align:justify;
		top:40px;
		font-family: 'open+sans', serif;  
		font-size: 100%;  
		font-weight: 100;  
		text-align: left}

 /*------ CUADRO ALFA BLANCO------*/
#fondo-blanco{
    background-color:rgba(255,255,255,0.9);
	width:500px;
	height:750px;
    position:absolute;
    top:0%;
    right:50%;
    margin-right:-250px;
	margin-bottom:2em}
	
/*------------------------------------------ LA CATEDRA -----------------------------------*/
#texto-la-catedra{
	position:relative;
	margin:auto;
	top:4em;
	width:90%;
	height:80%;}
	
 /*------------------------------------------ CONFERENCIA ONLINE -----------------------------------*/
#contenedor{
    background-color:rgba(0,0,0,1);
    width:450px;
	height:320px;
    position:relative;
    margin:auto;
    top:5em;}
    #conferencia-titulo{
        position: relative;
        height: 40px;
        width;350px;
        left:10px;
        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/video.png");   
        background-position:center;
        background-repeat:no-repeat;
        background-size: 95%;
        background-color: rgba(255,255,255,1)}
    #texto-conferencia{
        position:relative;
        top:60px;
        width:450px;
        height:50px;}
        
		
/*------------------------------------------ PORTFOLIO -----------------------------------*/		
		#proyecto-n1{
			position:relative;
			top:5em;
			width:90%;
			height:30%;
			margin:auto;
			background-color:rgba(none)}
			#imagen-n1{
				position:relative;
				top:-3em;
				height:100%;
				background-image:url("../imagenes/proyecto1.png"); 
				background-position:center;
				background-size:100%;
				background-repeat:no-repeat;
				background-color:rgba(none)}
				
		#proyecto-n2{
			position:relative;
			top:5em;
			width:90%;
			height:30%;
			margin:auto;
			background-color:rgba(none)}
			#imagen-n2{
				position:relative;
				top:-3em;
				height:100%;
				background-image:url("../imagenes/proyecto2.png"); 
				background-position:center;
				background-size:100%;
				background-repeat:no-repeat;
				background-color:rgba(none)}
				
		/*#proyecto-n3{
			position:relative;
			top:3em;
			width:90%;
			height:30%;
			margin:auto;
			background-color:rgba(none)}
			#imagen-n3{
				position:relative;
				top:-2em;
				height:100%;
				background-image:url("../imagenes/proyecto3.png"); 
				background-position:center;
				background-size:100%;
				background-repeat:no-repeat;
				background-color:rgba(none)}*/

				
/*------------------------------------------ ESTUDIO DOBERTI -----------------------------------*/		
#foto-estudio{
	position:relative;
	margin:auto;
	top:4em;
	width:350px;
	height:250px;
	background-image:url("../imagenes/foto-estudio.jpg");
	position:center;
	background-size:100%;
	margin:auto;
	background-repeat:no-repeat;
	color:(255,0,0,1)}


#estudio-texto{
	position:relative;
	top:4em;
	width:450px;
	height:280px;
    margin:auto;}
/*------------------------------------------ CONTACTO -----------------------------------*/
#contenedor-contacto{
    background-color:rgba(0,0,0,1);
    width:450px;
	height:280px;
    position:relative;
    margin:auto;
    top:180px;}
    #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;
	top:13em;
	float:right;
	right:2em;
	width:5em;
	padding:0.3em;
	color:rgba(255,255,255,1);
	background:rgba(0,0,0,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);
		}
/*------------------------------------------ FOOTER -----------------------------------*/
footer{
position:relative;
top:1em;
width:1000px;
height:80px;
margin:auto;
top:5em;
bottom:0.5em;
background-color:rgba(none)}

	#doberti{
		background-image:url(../imagenes/logo-doberti-pie.png);
		position:relative;
		margin:0 auto auto 0;
		float:left;
		width:120px;
		height:70px;
		background-size:100%;
		background-repeat:no-repeat;}	
	#texto_pie{
		position:relative;
		margin: auto;
		width:900px;
		height:70px;
		font-family: 'open+sans', serif;  
		font-size: 65%;  
		font-weight:100;  
		text-align: CENTER;
		color:rgba(0,0,0,0.5)}
	#fadu{
		background-image:url(../imagenes/logo-fadu.png);
		position:relative;
		top:-70px;
		float:right;
		width:85px;
		height:70px;
		background-size:100%;
		background-repeat:no-repeat;
		font-size:1em;}