body {
	background-color: #075E83;
	background-image: url(img/test_bg3.jpg);
}

#main {
	width: 760px;
	background-color: #FFFFFF;
	color: #000033;
	margin: 20px auto;
	border:#FFFFFF 8px solid;
}
#header {
	margin: auto;
	width: 752px;
	height: 80px;
	padding: 4px;
}
#content {
	width: 760px;
	background-color: #6ACB1A;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
#footer {
	width: 756px;
	height: 12px;
	background-color: #6ACB1A;
	padding: 2px;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	text-indent: 10px;
	text-align: center;
}

h1, h2, h3, p, small, ol, ul{
	
	color: #003366;	
}
h1{
	font-size: 22px;
	color:#FFFFFF;
	background:url(img/fondoTitulos_Pint.gif) repeat;
	padding:2px 4px;
}
h2{
	font-size: 22px;
	color: #FF0000;
	font-weight: bold;
}
h3{
	font-size: 18px;
}
p{
	font-size: 14px;
	text-indent: 20px;
}
small{
	font-size: 10px;
}
ul, ol, li{
	font-size: 12px;
}
ul{
	color: #075E83;
}
ol{
	color: #339901;
}

.right .links p a {
	color: #FF6633;
	font-size:16px;
	font-weight:bolder;
	text-decoration:none;
	padding:5px 0 5px 30px;
	display:block;
}
.right .links {
	height: 280px;
	overflow: scroll;
}



.right .links p a:hover {
	color: #CC3333;
	background-image: url(img/tintero.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.right .links p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003366;
	text-indent:0px;
}

.links span {
	width:22%;
	padding:2px;
	float:left;
	margin:4px;
	height:120px;
	background-color:#E3F5FB;
	font-size: 13px;
}

.right .links table {
margin:0 auto;
}

.right .detalle img { clear:both; }

*html .detalle img { width:expression(document.body.clientWidth > 476? "475px": "auto" ); }

#home {
	background-image: url(img/mundo_isotype.jpg);
	width: 170px;
	height: 61px;
	float: left;
}

#pintura {
	background-image: url(img/b_00.gif);
	width: 76px;
	height: 77px;
	float: right;
}

#literatura {
	background-image: url(img/b_01.gif);
	width: 76px;
	height: 77px;
	float: right;
}

#block {
	background-image: url(img/b_02.gif);
	width: 76px;
	height: 77px;
	float: right;
}

#nosotros {
	background-image: url(img/b_06.gif);
	width: 76px;
	height: 77px;
	float: right;
}

#galeria {
	background-image: url(img/b_03.gif);
	width: 76px;
	height: 77px;
	float: right;
}
#ayuda {
	background-image: url(img/b_04.gif);
	width: 76px;
	height: 77px;
	float: right;
}
#contacto {
	background-image: url(img/b_05.gif);
	width: 76px;
	height: 77px;
	float: right;
	background-repeat:no-repeat;
	background-position:top;
}

#literatura:hover, #block:hover, #literatura:hover, #galeria:hover, #ayuda:hover, #contacto:hover, #pintura:hover, #nosotros:hover {
	background-position:bottom;
}

.invisible span {
display:none;
} 

.invisible {
float:left;
}

#content .nav {
	width: 752px;
	padding: 4px;
	font-size: 20px;
	background-color: #FFFFFF;
	color: #6ACB1A;
	text-indent: 10px;
	border-bottom: #6ACB1A 1px solid;
	border-top: #6ACB1A 1px solid;
}

.nav a {
	color: #FFCC00;
	text-decoration: none;
}

.nav a:hover {
	text-decoration: underline;
	}

#content .left {
	float: left;
	width: 253px;
}
#content .right {
	float: right;
	width: 475px;
	padding: 16px;
	background: #FFFFFF;
}

#toblock, #tosend {
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	text-decoration:none;
	width: 100%;
	height: 28px;
	float: left;
	clear: both;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 18px auto 0 auto;
	padding-top:8px;
}

#toblock {
	background-image: url(img/k_verde.gif);
}
#tosend {
	background-image: url(img/k_roja.gif);
}

#toblock:hover, #tosend:hover {
	background-position:bottom;
	text-decoration:underline;
}