* {
	font-family:  Arial, Helvetica, sans-serif;
}
a:link, a:visited, a:active {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#036
}
a:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#0CF;
}
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px;
	color: #000;
	background:url(images/bg.jpg) repeat-x #C4ECF6;
}
h1, h2, h3, h4, h5, h6 {
	text-transform:	uppercase;
}
textarea, input, select {
	color:#000;
	border: 1px solid #888;
	padding: 1px;
	background:#FFFFF4;
	font-size:12px;/* -moz-border-radius: 4px; */
}
.cuerpo1 {
	background:url(images/body1.png) no-repeat;
	width:1000px;
	height:200px;
}
.cuerpo2 {
	background:url(images/body2.png) repeat-y;
	width:1000px;
}
.cuerpo3 {
	background:url(images/body3.png) no-repeat;
	width:1000px;
	height:50px;
}
/* ---------------------- */
#menu1 {
	list-style-type: none;
}
#menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu1 ul li {
	display: inline; /* las mostraremos una al lado de la otra */
}
#menu1 ul li a {
	font-size: 15px;
	color: #036;
	background: none;
	display: block; /* esto, transforma el enlace en un rectángulo al que podemos dimensionar */
	float: left; /* son bloques pero flotan, los veremos uno al lado del otro */
	text-align: center; /* centramos el texto */
	text-decoration: none; /* para que no se subrayen los enlaces */
	margin-right: 6px; /* en este ejemplo, cada botón se separa un poco del adyacente */
	padding: 8px 22px;
}
#menu1 ul li a:hover {
	font-size: 15px;
	color: #FFF;
	background: #036;
	padding: 8px 22px;/*	background:url(images/menu.png) no-repeat; */
}
/* ------------------------- */
#menu2 a:link, a:visited, a:active {
	font-size: 11px;
	color: #06C;
	text-decoration: none;
}
#menu2 a:hover {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
.menu2 {
	background:url(images/boton.png) no-repeat;
	width:229px;
	height:78px;
}
/* ---------------------- */

#menu {
	width: 105px;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#menu ul {
	list-style-type: none;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	position: relative;
	left:-25px;
}
#menu ul li:hover {
	position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	position: relative;
}
#menu ul li a.nivel1 {
	display: block!important;
	display: none;
	position: relative;
}
#menu ul li ul {
	display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 50px;
	top:-1px!important;
	top: -31px;
}
#menu ul li ul li a {
	width: 198px;
	background-color: #f7f7f7;
	padding: 10px;
}
#menu ul li ul li a:hover {
	position: relative;
	background-color: #eee;
}
/* --------------------- */
.hide {
	font-size:0px;
	display:none;
	visibility:hidden;
	color: #FFFFFF;
}
.txt {
	text-align:justify;
	font-weight:normal;
}
.mini {
	color:#000000;
	font-size:10px;
	font-weight:normal;
}
.tex-gris {
	font-size: 16px;
	color: #808080;
	font-weight:bold;
}
.tex-rojo {
	font-size: 16px;
	color: #F00;
	font-weight:bold;
}
.tex-naranja {
	font-size: 16px;
	color: #FFCC00;
	font-weight:bold;
}
.tex-azul {
	font-size: 16px;
	color:#06F;
	font-weight:bold;
}
.tex-marino {
	font-size: 16px;
	color:#036;
	font-weight:bold;
}
.tex-negro {
	font-size: 16px;
	color:#000;
	font-weight:bold;
}
.copy {
	font-size:small;
	color:#D6D6D6;
	font-weight:lighter;
	padding: 10px;
	text-align:justify;
}
img {
	border: none;
}
ul {
	font-size: 12px;
	/*	list-style-image: url(images/bullet.gif); */
	text-align:left;
}
lo {
	font-size: 12px;
	/*	list-style-image: url(images/vineta.gif); */
	text-align:left;
}
li {
	text-align:left;
}