body {
	background-color: #999999;
	}

#fondo {
	background-color: #CCCCCC;
	height: auto;
	width: 775px;
	padding: 10px;
}

#top {
	height: 95px;
	width: 775px;
	background-color: #000000;
}

#logo {
	background-color: #000000;
	background-image: url(img/logo_maniac_planet.gif);
	height: 95px;
	width: 200px;
	float: left;
}
#logo h1 {
	font-size: 1px;
	color: #000000;
}
#botones {
	padding-left: 210px;

}
ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}

li {
	float:left;
	padding-top: 0px;
	margin-top: 0px;
	color: #FFFFFF;
}
li a {
	display:block; /*algo de color*/
	color:#FF6600; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/
	text-decoration:none; /*elimino el subrayado del vínculo*/
	font-weight:bolder; /*decoración*/
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	bottom: 0px;
	padding-left: 27px;
	padding-right: 27px;
	height: 15px;
	padding-top: 55px;
	margin-top: 10px;
	padding-bottom: 5px;
	float: left;
}

li a:hover {
	background-color:#333333;
	float: left;
	color: #FF6600;
}
li a:active {
	float: left;
	color: #333333;
	background-color: #FF6600;
}




#editable {
	height: 100%;
	width: 775px;
	margin-top: 10px;
}
#info_iz {
	background-color: #999999;
	height: 400px;
	width: 160px;
	float: left;
	font-size: 18px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

#info_iz_info {
	background-color: #999999;
	height: 410px;
	width: 180px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/iz_info.jpg);
}

#info_iz_animation {
	background-color: #999999;
	height: 410px;
	width: 180px;
	float: left;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/iz_animation.jpg);
	display: block;
}

#info_iz_illustrations {
	background-color: #999999;
	height: 410px;
	width: 180px;
	float: left;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/iz_illustrations.jpg);
	display: block;
}

#info_iz_links {
	background-color: #999999;
	height: 410px;
	width: 180px;
	float: left;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/iz_links.jpg);
	display: block;
}

#info_iz_contact {
	background-color: #999999;
	height: 410px;
	width: 180px;
	float: left;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/iz_contact.jpg);
	display: block;
}





.txt_iz_titular {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.txt_iz_copy {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}


#seccion {
	background-color: #999999;
	height: 45px;
	width: 565px;
	font-weight: bolder;
	margin-left: 220px;
}
#seccion_info {
	background-color: #999999;
	height: 45px;
	width: 565px;
	font-weight: bolder;
	margin-left: 210px;
	background-image: url(img/seccion_info.gif);
}
* html #seccion_info {
	margin-left: 207px;
	m\argin-left: 207px;
}

#seccion_animations {
	background-color: #999999;
	height: 45px;
	width: 565px;
	font-weight: bolder;
	margin-left: 210px;
	background-image: url(img/seccion_animations.gif);
}
* html #seccion_animations {
	margin-left: 207px;
	m\argin-left: 207px;
}
#seccion_illustrations {
	background-color: #999999;
	height: 45px;
	width: 565px;
	font-weight: bolder;
	margin-left: 210px;
	background-image: url(img/seccion_illustrations.gif);
}
* html #seccion_illustrations {
	margin-left: 207px;
	m\argin-left: 207px;
}
#seccion_links {
	background-color: #999999;
	height: 45px;
	width: 565px;
	font-weight: bolder;
	margin-left: 210px;
	background-image: url(img/seccion_links.gif);
}
* html #seccion_links {
	margin-left: 207px;
	m\argin-left: 207px;
}
#seccion_contact {
	background-color: #999999;
	height: 45px;
	width: 565px;
	font-weight: bolder;
	margin-left: 210px;
	background-image: url(img/seccion_contact.gif);
}
* html #seccion_contact {
	margin-left: 207px;
	m\argin-left: 207px;
}
#noticia {
	width: 565px;
	margin-left: 210px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
* html #noticia {
	margin-left: 207px;
	m\argin-left: 207px;
}

#txt {
	width: 565px;
	margin-top: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}
#txt_der {
	width: 350px;
	margin-top: -190px;
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 20px;
}

#foto {
	background-color: #000000;
	height: 80px;
	width: 565px;
	margin-left: 0px;
	margin-top: 0px;
}
#foto_der {
	width: 200px;
	margin-left: 365px;
	height: 150px;
	background-color: #000000;
	margin-top: 30px;
}
#foto_illustrations {
	background-color: #000000;
	height: auto;
	width: 565px;
	margin-left: 0px;
	margin-top: 0px;
}


.titular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	clip: rect(auto,auto,auto,-20px);
}
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	display: block;
	margin-left: 10px;
	margin-top: 5px;
}
.copy_chico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	display: block;
	margin-left: 10px;
	margin-top: 5px;
}



.link {
	color: #333333;
	text-decoration: none;
}
.link a {
	color: #333333;
	text-decoration: none;
}

.link:hover {
	color: #FF6600;
}
.link:active {
	color: #333333;
}


.ver_animacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}
.ver_animacion a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
	background-color: #333333;
	padding-right: 2px;
	padding-left: 2px;
}
.ver_animacion:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
	background-color: #FF9900;
	padding-right: 2px;
	padding-left: 2px;
}
.ver_animacion:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
	background-color: #333333;
	padding-right: 2px;
	padding-left: 2px;
}
.video {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	display: block;
	margin-left: 0px;
	margin-top: 0px;
}


#legal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 210px;
}