html, body {
		background:#FFFFFF;
		margin: 0;
		height: 100%;
		width: 100%;
		min-width: 1024px;
		min-height: 768px;
		position:relative;
	}
	#background{
		position: fixed;
		background-image: url('3.png');
		opacity: 0.5;
		height: 100%;
		width: 100%;
	}


/* POSICIONAMIENTO */
	*{
    	padding: 0;
    	margin: 0;
	}

	#header {
		position:relative;
		top:0;
		width: 1050px;
		height: auto;
		min-height:15px;
		min-width:100%;
		padding-top: 20px;
		margin: 0 auto;
		z-index: 100;
	}
	
	#content{
		position:relative;
		width: 900px;
		height: 100%;
		min-width:900px;
		padding-bottom: 0px; 
		margin:10px auto;
		z-index: 1;
	}

	#content *{
		position:relative;
	}

	#page{
		padding:1em;
		width: 850px;
		height: 100%;
		position: relative;
	}

	#menudiv{
		position: relative;
		width: 1000px;
		margin:10px auto;
	}

	#title{
	}


/* BARRA DE NAVEGACION */

	ul#menu{
		position: relative;
		bottom:0;
		background: linear-gradient(0deg,#084B8A,#084B8A,#045FB4, #2774BB ,#045FB4,#084B8A,#084B8A);
		border-bottom:2px solid;
		border-top:2px solid;
		border-radius: 2em;
		width:1000px;
		text-align:center;
		display:inline-block;
		z-index: 101;
	}
	#menu li{
		display:inline-block;
		position:relative;
	}
	
	#menu li:hover {
		background: linear-gradient(0deg, #0489B1,#01A9DB,#00BFFF, #2ECCFA,#00BFFF,#01A9DB,#0489B1 );
		border-radius: 2em;
	}
	
	#menu a{
		display: block;
		margin:0;
		padding:0;
		text-decoration:none;
		font-family: 'subtitle';
		font-weight: bold;
		color: #FFFFFF;
		padding:10px; 
		padding-left: 2em;
		padding-right: 2em;
	}

/* TITULO */
	#lacolada{
		font-size: 60px;
		font-family: 'title';
	}
	#obispo{
		font-size: 30px;
		font-family: 'subtitle';
	}
	.darkblue{
		color: #0B3861;
	}
	.lightblue{
		color: #00BFFF;
	}
	h2{
		font-family: 'subtitle';
	}
	@font-face {
    	font-family: 'title';
    	src: url('fonts/title.ttf');
	}
	@font-face {
    	font-family: 'subtitle';
    	src: url('fonts/title2.ttf');
	}

	#gota{
		height: 175px;
		width: auto;
	}

	#gota_div{
		z-index: 10;
		position: relative;
	}

	#cabecera div{
		display: inline-block;
	}

	#cabecera{
		position: relative;
		height: 155px;
		width: 700px;
    	margin: 0 auto;
	}

	#titulo div{
		display: block;
	}

	#titulo{
		z-index: 0;
		height: 150px;
		position: absolute;
		text-align:center;
		margin-left: -5px;
	}