@font-face {
	font-family: "century";
	src: url("../fonts/gothic.TTF") ; }
	
	h2 a{
	text-decoration:none;
	color:#C60;
	}

a{
	text-decoration:none;
	color:#C60;
	}
	
a:hover{
	text-decoration:underline;
	color:#C33;
	}
body { font-family: Arial, Helvetica;height:100%;
}
 html{
	 background-image:url(../images/fondo.jpg);
	 background-size:cover;
	 margin:none;
	 padding:none;
	 height:100%;
	 }

#right-column{
	height:100vh;
	background-color:#EDE1CB;
	width:400px;
	margin-top:-15px;
	margin-left:100px;box-shadow:5px 5px 20px black;	
	
	}
	
	
	
/* MENU */

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


.menu{display:block;}
 
.menu li{display: inline-block;
position: relative;
z-index:100;}
 
.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;
 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
 
.menu li a:hover, .menu li:hover > a{color:#096272;
background:#ffffc4;}

/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 35px;
left: 0px;
background: #ffffff;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #ffffc4;
color:#797979;
}



/* change level 3 menu positions */
.menu ul ul {left: 149px;
	top: 0px;
}


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}



/* ENDS MENU STYLES  */


.TitleBIG{
font-size:80px;
color:#ffff84;
}

.frameProject{

	background-color:#EDE1CB;
	width:90%;
	border-radius:10px;padding:5px 15px 20px 15px;margin:20px;
	box-shadow:5px 5px 20px black;

}
.imageFrameProject{
float:left;padding:10px 25px; 
} 

h4{
font-family:"century"; font-size:25px; font-weight:normal;
}

h1{
font-family:"century"; font-size:25px; font-weight:normal;
color:#ec6640; text-align:left; padding:10px;
}

h2{
font-family:"century"; font-size:25px; font-weight:normal; text-align:center; padding:10px;
}

h3{
font-family:"century"; font-size:15px; font-weight:normal; text-align:center; padding:10px; color:gray;
}