@charset "utf-8";
body {	
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	overflow:hidden;
	height:100%;width:100%;

}

#bgimg {
	position:absolute;
	z-index: -1;
}


a {
	outline:0;	
}

h1  {
	text-indent:-5000px;
	margin-top:-5000px;
}

h2  {
	font-size:17px;
	font-family: 'Magra', sans-serif;
	color:#fff;
	font-weight:normal;
}

#error {
	background-color:#666;
	color:#CCC;
	margin:10px;
	text-align:center;
	padding:3px;
}


/********************************** CABECERA *********************************/

#cabecera {
	width:100%;
	background:#fff;
	background-image:url(../imagenes/dire.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:100px;
	position:fixed;
	margin:0px 0px 0px 0px;
	padding:10px;
	border-bottom:5px solid #ff3300;
}


	
	#logotipo {
		position:absolute;
		top:0;
		left:0;
		height:70px;
		padding-top:10px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#logotipo img {
		border:0;	
	}
	

	#menu {
		position:absolute;
		z-index:50;
		width:100%;
		right:10px;
		top:10px;
	}

	#nav {
		width:780px;
		overflow:hidden;
		height:36px;
		float:right;
		margin-top:74px;
		font-family: 'Arial', sans-serif;
		font-size:14px;
	}
	.catnav {
		float:right;
		width:590px;
	}
	.catnav ul {
		list-style: none;
		margin-left:0px;
		margin-top:0em;
		padding:0em;
	}
	.catnav li {
		float: left;
		margin: 0;
		margin-left:0;
		padding: 0;
		list-style-type: none;
	}
	.catnav a {
		display: block;
		line-height:36px;
		margin: 0;
		padding: 0 10px;
		color: #fff;
		list-style-type: none;
		text-decoration:none;
		background-color:#ff3300;
		border-left:1px solid #c62f09;
	}
	.catnav li ul {
		float:left;
		margin:0;
		padding:0;
	}
	.catnav li a:hover {
		color: #fff;
		text-decoration: none;
		background-color:#000;
	}
	.catnav li ul {
		list-style: none;
		position: absolute;
		width: 140px;
		left: -999em;
	}
	.catnav li:hover ul, #nav li.sfhover ul {
		left: auto;
	}
	.catnav li li {
		float: left;
		margin: 0;
		padding: 0;
	}
	.catnav li li a {
		height: 40px;
		line-height: 40px;
		color: #fff;
		background:#ff3300;
		margin: 0;
		padding: 0 10px;
		width:150px;
		border-bottom:1px dotted #fff
	}
	.catnav li li a:hover {
		background:#000;
		padding: 0 10px;
	}
	.catnav li:hover, .catnav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page 
	
	element prevents nested menus from disappearing) */
		position: static;
		overflow:hidden;
	}

/********************************** CONTENIDO *********************************/

#contenido {
	height:400px;
	width:1000px;
	position:absolute;
	top:140px;
	left:50%;
	margin-left:-500px;
	color:#000;
	background-color:#FFF;
	border-bottom:5px solid #387821;
}

	#textos {
		margin:20px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		text-align:justify;
	}
	
#of {
	margin-bottom:20px;	
}

#of img{
	border:1px solid #666;
	float:left;
	width:210px;
	
}

#of h2 {
	text-transform:uppercase;
	color:#069;
}

#of #etiqueta {
	float:right;
	width:700px;	
}
	
form {
	margin:20px;	
}

.lat {
	text-align:right;
	font-family: 'Magra', sans-serif;	
}

input,textarea {
	border:1px solid #666;
	padding:4px;
}