html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	background: #fff url(../images/estructura/nube.jpg) repeat-x 0px 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: normal 75%/150% Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color: #09f;
	font: italic bold 2em Georgia, Times New Roman, Times, serif;
	border-bottom: 1px dashed #333;
	margin-top: 0;
	background: #fff;
}

h2 {
	color: #FFCC00;
	margin-top: 0;
	background: #fff;
	font-size: 1.2em;
}

h2 a:link {
	color: #FFCC00;
	font-size: 1.2em;
}

h2 a:hover {
	color: #0099FF;
	background: #fff;
	font-size: 1.2em;
}

h2 a:visited {
	color: #0099FF;
	background: #fff;
	font-size: 1.2em;
}

h3 a:link {
	color: #FFCC00;
	font-size: 1em;
}

h3 a:hover {
	color: #0099FF;
	background: #fff;
	font-size: 1em;
}

h3 a:visited {
	color: #0099FF;
	background: #fff;
	font-size: 1em;
}

span {
	visibility: hidden;
}

a:link {
	color: #0099FF;
}

a:hover {
	color: #FFCC00;
}

a:visited {
	color: #000000;
}

/*<group=estructura>*/

#contenido ul {
	padding-left: 320px;
}

#menu {
	float: left;
}

#cabecera {
	padding-left: 350px;
	padding-top: 30px;
}

#container {
	width: 100%;
	height: 100%;
	background: url(../images/estructura/arbol.gif) no-repeat left bottom transparent;
}

#contenido {
	padding-left: 350px;
	padding-top: 20px;
	padding-right: 10px;
	clear: both;
}

#direccion {
	position: absolute;
	top: 130px;
	left: 50px;
	font-weight: bold;
}
	
/*</group>*/

/*<group=menu>*/

#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 280px;
	border-right: 1px dashed #333;
}

#menu li {
}

#menu a {
	display: block;
	text-decoration: none;
}

#inicio a {
	background: url(../images/estructura/menu.gif) no-repeat 0px 0px;
	height: 40px;
}

#inicio a:hover {
	background: url(../images/estructura/menu2.gif) no-repeat 0px 0px;
	height: 40px;
}

body#xinicio #inicio a {
	background: no-repeat url(../images/estructura/menu2.gif) 0px 0px;
}

#servicios a {
	background: url(../images/estructura/menu.gif) no-repeat 0px -40px;
	height: 40px;
}

#servicios a:hover {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -40px;
	height: 40px;
}

body#xservicios #servicios a {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -40px;
	height: 40px;
}

#contacto a {
	background: url(../images/estructura/menu.gif) no-repeat 0px -80px;
	height: 40px;
}

#contacto a:hover {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -80px;
	height: 40px;
}

body#xcontacto #contacto a {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -80px;
	height: 40px;
}

#noticias a {
	background: url(../images/estructura/menu.gif) no-repeat 0px -120px;
	height: 40px;
}

#noticias a:hover {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -120px;
	height: 40px;
}

body#xnoticias #noticias a {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -120px;
	height: 40px;
}

#enlaces a {
	background: url(../images/estructura/menu.gif) no-repeat 0px -160px;
	height: 40px;
}

#enlaces a:hover {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -160px;
	height: 40px;
}

body#xenlaces #enlaces a {
	background: url(../images/estructura/menu2.gif) no-repeat 0px -160px;
	height: 40px;
}
	
/*</group>*/

/*<group=submenu>*/

#submenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu li {
	margin-bottom: 10px;
	background: none no-repeat 280px;
}

#submenu a:link {
	font-size: 1.1em;
	font-weight: bold;
	color: #00007F;
	margin-left: 20px;
}

#submenu a:hover {
	font-size: 1.1em;
	font-weight: bold;
	color: #ff9900;
	margin-left: 20px;
}

#submenu a:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	margin-left: 20px;
}
	
/*</group>*/

/*<group=formulario>*/

fieldset {
	border-style: none;
	background: #f1f9ff;
	margin-top: 10px;
	padding: 5px;
}

form {
	clear: both;
}

form dd {
	margin: 0 0 5px;
	padding: 0;
	background: transparent;
}

form dt {
	background: transparent;
	padding-right: 10px;
	float: left;
	width: 100px;
	text-align: right;
}

textarea {
	width: 280px;
	height: 50px;
}

legend {
	color: #0099FF;
	font-weight: bold;
}

.input {
	width: 280px;
}
	
/*</group>*/

/*<group=clases>*/

.caps {
	visibility: visible;
}

.azul {
	color: #09f;
	font-weight: bold;
	font-style: italic;
}

.clear {
	clear: both;
}

.noticia {
	padding: 5px;
}

.noticia:hover {
	background: #f1f9ff;
	padding: 5px;
}

.floatleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.pie {
	font-size: 0.9em;
	border-top: 1px dashed #333;
	margin-bottom: 40px;
	clear: both;
}
	
/*</group>*/