
/***************************************************************************************/
/* Estilos que se aplican a todas las secciones de la parte public y de la parte admin */
/***************************************************************************************/

body
{
	background-color:#CCCCCC;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
input, select, textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
form
{
	margin:0px;
}
#container
{
	background-color:#FFFFFF;
	width:780px;
	padding:10px;
	margin:auto;
	overflow:hidden;
	text-align:justify;
}
#container #content ol li
{
	margin-bottom:15px;
}
#container #content ol li ul
{
	margin-top:10px;
}

#header
{
	width:780px;
	height:120px;
	/*background-image:url(../images/header.jpg);
	background-position: left;
	background-position: 40px;
	background-repeat:no-repeat;*/
}
a, a:visited
{
	color:#003399;
}
img
{
	border-width:0px;
}

/*---------------------------------------------------------------------*/
/* El menu utiliza el mismo estilo en la parte publica y en la privada */
/*---------------------------------------------------------------------*/
#menu
{
	float:left;
	width:158px;
}
#menu .titulo
{
	color:#CC0000;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:10px;
}
#menu .section, #menu .section_selected
{
	width:128px;
	min-height:16px;
	height: auto !important;
	/*height:16px;*/
	background-color:#EAEAEA;
	padding-left:30px;
	padding-top:2px;
	background-image:url(../images/icons/flecha.gif);
	background-repeat:no-repeat;
	background-position:20px;
	margin-bottom:5px;
}
#menu a:link, #menu a:visited
{
	display:block;
	text-decoration:none;
	color:#000000;
}
#menu a:hover, #menu a.section_selected
{
	background-color:#D3E4D9;
}
/*---------------------------------------------------------------------*/

#content
{
	float:left;
	margin:10px;
}
#footer
{
	clear:both;
	width:780px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#0066CC;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align: middle;
	text-align:center;	
}
#footer a
{
	color:#FFFFFF;
}
#w3c
{
	vertical-align:middle;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
#address
{
	text-align:right; 
	color:#0066CC;
}

input.boton
{
	border-style:solid;
	border-width:1px;
	background-color:#C7D7E9;
	border-color:#7F9DB9;
	cursor:pointer;
	height:20px;
}
#mapa
{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	/*margin-left:5px;*/
	/*margin-right:5px;*/
	width:610px;
}

#mapa div.seccion
{
	margin-bottom:5px;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	border-left-style:solid;
	border-left-color:#003399;
	border-left-width:5px;
	/*padding-left:10px;*/
	margin-right:5px;
	color: #003399;
	background-color:#C7D7E9;
	width:190px;
	text-align:center;
}

#mapa div.punto
{
	text-indent:0.5em;
	width:195px;
	margin-right:5px;/*padding-right:5px;*/
	height:15px;
	padding-top:3px;
	margin-bottom:3px;
	text-align:left;
}
#mapa div.subpunto
{
	text-indent:1.5em;
	width:195px;
	margin-right:5px;/*padding-right:5px;*/
	height:15px;
	padding-top:3px;
	margin-bottom:3px;
	text-align:left;	
}
#mapa div.sub_subpunto
{
	text-indent:2.5em;
	width:195px;
	margin-right:5px;/*padding-right:5px;*/
	height:15px;
	padding-top:3px;
	margin-bottom:3px;
	text-align:left;
}
#mapa div.relleno
{
	width:195px;
	margin-right:5px;/*padding-right:5px;*/
	height:15px;
	padding-top:3px;
	margin-bottom:3px;
}
#mapa div.punto a,
#mapa div.subpunto a,
#mapa div.sub_subpunto a
{
	text-decoration:none;
	font-size:11px;
	color: #003399;
	font-weight:normal;
	/*margin-left:20px;
	//padding-left:10px;
	//background-image:url(../images/icons/flecha.gif);
	//background-repeat:no-repeat;
	//background-position:0px 4px;*/
	display:block;
}

#mapa div.punto a:hover,
#mapa div.subpunto a:hover,
#mapa div.sub_subpunto a:hover
{
	text-decoration:underline;
	font-weight:bolder;
}

/*OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }*/
