/* CSS Document */

/* ---- RESET ----- */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{
 margin:0;
 padding:0;
}

ul li, ol li{list-style-type:none;}

img{
 border:0;
}

.limpia{
float:none;
display:block;
clear:both;
}

fieldset{
border:0;
}

body
{
	
	font:normal 11px/20px Arial, Verdana,Helvetica;
	background-color:#F7F7F3;
	scrollbar-arrow-color:#5D2E1A;
	scrollbar-track-color:#C4CEDA;
	scrollbar-shadow-color:#cccccc;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#333333;
	scrollbar-3dlight-color:#000000;
}

/* -------------   ESTILOS GENERALES   -----------*/

.ocult{display:none;}

a
{
	color:#9C2F32;
	text-decoration:underline;
}

a:hover
{
	color:#999999;
	text-decoration:none;
}
/* -------------   FIN ESTILOS GENERALES   -----------*/

/* CAPA WEB: Capa que contendra todo el web. El web esta compuesto por dos zonas principales, CONTAINER y FOOT. CONTAINER a su vez, esta compuesta por otras tres partes, CABECERA, SUBMENU y CUERPO. Estas tres partes tambien estan compuestas por otras, pero ya las veremos ms adelante.

/* -------------   CAPA WEB - GENERAL   -----------*/

#web
{
	width:800px;
	padding:0 auto;
	margin:30px auto;
	height:auto;
	overflow:hidden;	
}

/* -------------   CABECERA   -----------*/

#cabecera
{
	height:75px;
}

#cabecera a
{
	cursor:pointer;
}

/*LOGO*/

#cabecera #logo
{
	height:66px;
	width:66px;
	background:url(../imgs/logo_peq.gif) no-repeat top left;
	float:left;		
}

/*TITULO*/

#cabecera #titulo
{
	height:auto;
	width:auto;
	margin-left:5px;
	margin-top:20px;
	float:left;
}

#cabecera #titulo h1
{
	font:normal 20px Georgia;
	color:#9C2F32;
	text-transform:uppercase;
}	

#cabecera #titulo h1 span{
	color:#9E996D;
}	

/* -------------   FIN CABECERA   -----------*/

/* -------------   CONTAINER   -----------*/

#container
{
	width:798px;
	height:auto;
	overflow:hidden;
	border:1px solid #BBB899;
	background:#FFF url(../imgs/bg_cont.gif) repeat-y top left;	
	min-height:450px;
	min-height:450px;
	_height: expression(this.scrollHeight < 451? "450px" : "auto" );

}

/*MENU PRINCIPAL*/

#container #menu_principal
{
	width:162px;
	text-align:center;
	font:normal 10px Georgia;
	text-transform:uppercase;
	float:left;
}
/*
#nav{padding:0px;margin: 0px 0px 0px 1px;}
#nav ul{margin: 0px 0px 5px 0px;padding: 10px 0px 10px 0px;} 
#nav ul li{	margin:0px;	list-style:none;padding:0px;}
#nav ul li a:hover{background: url(../img/back_nav_link_1.jpg) no-repeat bottom left;display:block;font: bold 12px/18px Arial, Helvetica, sans-serif;color:#774B2E;width:150px;padding:0px 0px 2px 35px;}
#nav ul li a{background: url(../img/back_nav_link_0.gif) no-repeat bottom left;	display:block; padding:0px 0px 2px 35px;font: bold 12px/18px Arial, Helvetica, sans-serif;color:#00461B;width:150px;}*/

#container #menu_principal ul#nav
{
	width:152px;
	margin:0 5px;
}

#container #menu_principal ul#nav li
{
	border-bottom:1px solid #BBB899;
}

#container #menu_principal ul#nav li a
{
	display:block;
	width:152px;
	text-decoration:none;
	color:#333333;
	padding:5px 0 4px 0;	
}

#container #menu_principal ul#nav li a:hover, #container #menu_principal ul#nav li a.actual
{
	color:#9C2F32;
	background:url(../imgs/menu_bg.gif) no-repeat top left;
}

#container #menu_principal ul#nav li ul
{
	width:152px;
	background-color:#FFF;
	padding:5px 0;
	border-top:1px solid #BBB899;	
}

#container #menu_principal ul#nav li ul li
{
	border-bottom:0;
}

#container #menu_principal ul#nav li ul li a 
{
	display:block;
	color:#333333;
	text-transform:none;
	padding:2px 0;
}

#container #menu_principal ul#nav li ul li a:hover, #container #menu_principal ul#nav li ul li a.actual
{
	color:#FFF;
	background:none;
	background-color:#9C2F32;	
}

#container #menu_principal #baner
{
	width:142px;
	height:65px;
	margin:10px;
	background:url(../imgs/baner.gif) no-repeat;
	cursor:pointer;	
}

/*CAPA MAIN*/

#container #main
{
	width:636px;
	float:left;	
}

#container #main h1
{
	padding:20px 0px 10px 20px;
	font:normal 20px Georgia;
}

#container #main h1 span
{
	color:#9C2F32;
}

#container #main p
{	
	color:#666666;
	margin:10px 0;
}

#container #main #text
{
	float:left;
	width:400px;
	padding:0px 20px 20px 20px;
	text-align:justify;	
}

#container #main ul
{
	margin-left:20px;
}

#container #main ul li, #container #main ul li
{
	background:url(../imgs/list.gif) no-repeat 0 5px;
	padding-left:15px;
	color:#666666;
}

.title
{
	border-bottom: 1px solid #9C2F32;
	padding-bottom: 3px;
}

#container #main #image, #container #main #image_b
{
	width:176px;
	float:left;
	margin-top:15px;
}

#container #main #image_b
{
	width:580px;
	margin-left:20px;
	margin-top:0;
}

#container #main #image_b div
{
	float:left;
	padding-right:15px;
	width:175px;
}

#main #image p, #container #main #image_b div p
{
	background-color:#EAEAE0;
	margin-top:-6px;
	padding:5px;
	text-align:center;
}

#main #image p.negro
{
	background-color:#FFFFFF;
	padding:0;
	text-align:justify;
	font-weight:bold;
}

#container #main #text_b
{
	float:left;
	width:596px;
	padding:0px 20px 20px 20px;
	text-align:justify;	
}

#container #main #text_b #mapa
{
	width:500px;
	height:400px;
	_width:498px;
	height:auto;
	margin:20px 48px 0px 48px;
}

#container #main #inicio
{
	float:left;
	width:635px;
	_width:634px;
	height:450px;
	background:url(../imgs/bg_ini.gif) no-repeat;
	margin-left:1px;
}

#container #main #inicio h2
{
	display:none; 
}

#container #main #inicio .ini
{
	padding-top:105px;
	padding-left:25px;
	font:normal 16px Georgia;	
	color:#333333;
	float:left;
	width:596px;
}

#container #main #inicio h3.ini strong
{
	color:#9C2F32;
}

#container #main #inicio #util
{
	float:left;
	width:220px;
	height:300px;
	_height:auto;
	margin-top:80px;
	margin-left:400px;
	_margin-left:200px;
	/*border:1px solid #FFF;*/
}

	#main #inicio #util p{
		color:#333;
		background-color:#EAEAE0;
		font:normal 11px/13px Georgia, "Times New Roman", Times, serif;
		text-align:center;
		width:218px;
		padding:5px;
		margin: 0;
	}

	#main table td.raya{
		border-bottom:1px solid #9C2F32;	
	}


/* -------------   FIN CONTAINER   -----------*/

/* -------------   FOOT   -----------*/

#pie 
{
	padding-top:5px;
	padding-bottom:30px;
	width:800px;
	float:none;
}

#pie a
{
	text-decoration:none;
	color:#333333;
	margin-right:5px;
	text-transform:uppercase;
	font:normal 10px Georgia;
}

#pie a:hover, #pie a.actual
{
	color:#9C2F32;
	text-decoration:underline;
}

#pie #datos
{
	float:right;
	color:#666;
	
}

/* -------------   FIN PIE   -----------*/

/* -------------   FIN WEB   -----------*/