body { 
	margin: 0; padding: 0; 
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #9CD635;
}

#wrapper{
	margin: 5px auto 0 auto;
	padding: 0;
	width: 935px;	
}

p, li, h1, h2, h3{
	font-family: Verdana, Helvetica, sans-serif;
}

p{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#header{
	float: left;
	margin-bottom: 10px;
	width: 935px;
	height: 205px;
	
}

#content{
	float: left;
	width: 935px;
}

#footer{
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 935px;
}

#footer #logo_sermarnat{
	float: left;
	padding: 0;
}
#footer #logo_nao{
	float: right;
	padding: 0 10px 40px 0;
}

#footer div{
	float: left;
	padding-top: 0;
	width: 650px;
	text-align: center;
}

#footer div span{
	display: inline-block;
	width: auto;
	padding: 0 0 0 2px;
	font-size: 11px;
	color: #fff;
}

#footer div span a{
	color:#fff;
}


#header #logo{
	display: block;
	margin: 0; padding: 0;
	width: 185px;
	height: 138px;
	text-indent: -2000px;
	background: url("../images/genericos/fdp_logo.gif") 0 5px no-repeat;
}

/* ###############  SUBNAV ############# */
#content #subnav{
	float: left;
	width: 165px;
}

#content #subnav ul{
	float: left;
	margin: 0; padding: 100px 10px 10px 10px;
	width: 165px;
	font-size: 12px;
	list-style: none;
	color: #FFF;
}

#content #subnav ul li{
	padding: 0 0 10px 0;
}

#content #subnav ul ul{
	margin: 0; padding: 0 0 0 10px;
	list-style: none;
	color: #fff;
}

#content #subnav ul li ul li{
	padding: 0 0 10px 0;
}

#content #subnav ul a{
	color: #fff;
}

/* ############## EDITORIAL ############## */
#content #editorial_nav ul li a img{
	border: none;
}

#content #editorial_nav{
	float: left;
	width: 165px;
}

#content #editorial_nav ul{
	float: left;
	margin: 0; padding: 10px;
	width: 165px;
	font-size: 12px;
	list-style: none;
	color: #FFF;
	background-color: #5d4107;
}

#content #editorial_nav ul li{
	padding: 4px 0 10px 4px;
}

#content #editorial_nav ul li a{
	display: block;
	margin-left: 3px;
	color: #fff;
}
/************************/

#content #main_content{
	float: right;
	padding-bottom: 15px;
	width: 715px;
	border: #195400 solid 10px;
	background-color: #D6FF3E;
}

/* CONTENT STUFF */
#main_content p{	
	margin: 0 0 1.25em 0; padding: 0;
	line-height: 1.5em;
	color: #5d4107;
}

#main_content h3{	
	margin: 1em 0 0 0; padding: 0;
	font-size: 14px;
	color: #5d4107;
}
#main_content h4{	
	margin: 1em 0 0 0; padding: 0;
	font-size: 12px;
	color: #B600B5;
}

#main_content h5{	
	margin: 1em 0 0 0; padding: 0;
	font-size: 12px;
	color: #5d4107;
}

/*estilo para listas */
#main_content ol li{
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #B600B5;
}

#main_content ul{
	margin: 0; padding: 12px;
}

#main_content li{
	font-size: 12px;
	color: #5d4107;
	margin-bottom: .75em;
}

#main_content a{
	color: #FF8200;
	font-weight: bold;
	text-decoration: none;
}
/*
#main_content a:hover{
	text-decoration: none;
}
*/
/* ESTILOS PARA FORMAS */
#main_content fieldset.formless{
	padding: 10px;
	border: none;
	background-color: #FF8200;
}

#main_content fieldset.formless span{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #5d4107;
}

#main_content fieldset.formless input{
	border: none;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #5d4107;
	width: 80%;
	background-color: #D6FF3E;
}


#main_content img{
	margin: 5px;
}

#main_content li img{
	margin: 5px 0 0 0;
}

#main_content .left_col{
	float: left;
	display: inline-block;
	padding: 10px;
	clear: left;
}

#main_content a img{
	border: none;
}


#main_content td{
	padding: 2px;
}

#main_content td h4{
	font-size: 10px;
}

#main_content td p{
	font-size: 10px;
}

.postit_regresar{
	float: left;
	display: block;
	margin: 30px !important;
	margin: 20px; padding: 0;
	width: 100px;
	height: 100px;
	text-indent: -2000px;
	background: url("/images/genericos/regresa_home.gif") top left no-repeat;
}

.title{
	float: left;
	clear: both;
	padding: 15px 0 10px 10px;
}

.leo{
	float: right;
	display: block;
	margin: 1px 20px 15px 0;
	padding: 15px 5px 20px 100px;
	width: 470px;
	background: #fff url("/images/genericos/leo_icono.gif") 12px 12px no-repeat;
}

.rox{
	float: right;
	display: block;
	margin: 1px 20px 15px 0;
	padding: 15px 5px 20px 100px;
	width: 470px;
	background: #fff url("/images/genericos/rox_icono.gif") 12px 12px no-repeat;
}

.actua{
	float: right;
	display: block;
	width: 480px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/03_fan_verde/actua_flecha.gif") top left no-repeat;
}

.mas{
	float: right;
	display: block;
	width: 480px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/mas_flecha.gif") top left no-repeat;
}

.ojo{
	float: right;
	display: block;
	width: 480px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/ojo_flecha.gif") top left no-repeat;
}

.ver_mascotas{
	float: right;
	display: block;
	width: 480px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/link_mascotas_postit.gif") top left no-repeat;
}

.ver_tecnologia{
	float: right;
	display: block;
	width: 480px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/link_tecnologia_postit.gif") top left no-repeat;
}

.ver_celulares{
	float: right;
	display: block;
	width: 480px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/link_celulares_postit_especial.gif") top left no-repeat;
}

#main_content .importante{
	float: right;
	display: block;
	width: 460px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 40px 20px 20px 180px;	
	background: #73FF1F url("/images/genericos/nota_importante.gif") top left no-repeat;
}

#main_content .importante p{
	color: #187D30;
}

#main_content .importante li{
	color: #187D30;
}

#main_content .importante h4{
	color: #B600B5;
}

.postit{
	float: right;
	margin: 0; padding: 20px 20px 20px 100px;
}

.image_right{
	float: right;
	margin: 0; padding: 20px;
}

.texto{
	float: right;
	display: block;
	width: 480px;
	margin: 0 20px 0 0 !important;
	margin: 0 10px 0 0;
}

.texto p{
	margin: 0 0 1.25em 0;
}

.texto_recuadro{
	float: right;
	display: block;
	width: 440px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 20px;
	background-color: #fff;
}

.wide_image{
	float: left;
	display: block;
	padding: 10px;
}

.center_me{
	margin-left: auto;
	margin-right: auto;
}

.baja_esto{
	float: right;
	display: block;
	width: 500px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/baja_esto.gif") 50px 10px no-repeat;
}

.imprime_esto{
	float: right;
	display: block;
	width: 500px;
	margin: 10px 20px 10px 0 !important;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 160px;
	background: url("/images/genericos/imprime_esto.gif") 50px 10px no-repeat;
}

.game_frame{
	float: left;
	margin: 13px;
	padding: 17px;
	border: #A79AFF 2px solid;
	background-color: #60008A;
}

/* BANNERS */
#verde #header{
	background: url("../images/03_fan_verde/banner_verde.gif") top right no-repeat;
}

#aventura #header{
	background: url("../images/01_fan_aventuras/banner_aventura.gif") top right no-repeat;
}

#animales #header{
	background: url("../images/02_fan_animales/banner_animales.gif") top right no-repeat;
}

#editorial #header{
	background: url("../images/editoriales/banner_editorial.gif") top right no-repeat;
}

#nosotros #header{
	background: url("../images/nosotros/banner_nosotros.gif") top right no-repeat;
}

#informacion #header{
	background: url("../images/informacion/banner_informacion.gif") top right no-repeat;
}

#descargas #header{
	background: url("../images/descargas/banner_descargas.gif") top right no-repeat;
}

#glosario #header{
	background: url("../images/glosario/banner_glosario.gif") top right no-repeat;
}

#contacto #header{
	background: url("../images/contacto/banner_contacto.gif") top right no-repeat;
}

#actividades #header{
	background: url("../images/actividades/banner_actividades.gif") top right no-repeat;
}

#convocatoria #header{
	background: url("../images/convocatoria/banner_convocatoria.gif") top right no-repeat;
}

/* VIDEOTECA */
#videoteca #header{
	background: url("../images/videoteca/banner_videoteca.gif") top right no-repeat;
}

#juegos #header{
	background: url("../images/juegos/banner_juegos.gif") top right no-repeat;
}




/* SUBMENU IMAGES */
#aventura #subnav ul{
	background: #5d4107 url("../images/01_fan_aventuras/icono_seccion_aventuras.gif") 7px 7px no-repeat;
}

#animales #subnav ul{
	background: #5d4107 url("../images/02_fan_animales/icono_seccion_animales.gif") 7px 7px no-repeat;
}

#verde #subnav ul{
	background: #5d4107 url("../images/03_fan_verde/icono_seccion_verde.gif") 7px 7px no-repeat;
}

#informacion #subnav ul{
	background: #5d4107 url("../images/informacion/icono_informacion.gif") 7px 7px no-repeat;
}

#descargas #subnav ul{
	background: #5d4107 url("../images/descargas/descargas_icono.gif") 7px 7px no-repeat;
}

#glosario #subnav ul{
	background: #5d4107 url("../images/glosario/icono_glosario.gif") 7px 7px no-repeat;
}

#contacto #subnav ul{
	background: #5d4107 url("../images/contacto/icono_contacto.gif") 7px 7px no-repeat;
}

#actividades #subnav ul{
	background: #5d4107 url("../images/actividades/icono_seccion_actividades.gif") 7px 7px no-repeat;
}

#videoteca #subnav ul{
	background: #5d4107 url("../images/videoteca/icono_videoteca.gif") 7px 7px no-repeat;
}

#juegos #subnav ul{
	background: #5d4107 url("../images/juegos/icono_juegos.gif") 7px 7px no-repeat;
}



#aventura #subnav ul ul, #animales #subnav ul ul, #verde #subnav ul ul, #actividades #subnav ul ul{
	background: none;
}

.top_new{
	padding-top: 35px;
	background: url("../images/genericos/icono_nuevo.gif") top right no-repeat;
}

.hilite{
	color: #B600B5;
}

.pdf{
	display: block;
	height: 30px;
	padding-left: 40px;
	line-height: 30px;
	background: url("../images/genericos/pdf_icon-30x30.png") no-repeat;
}
/*
 * paragraph width 480
 * #D6FF3E > FONDO TEXTO
 * #195400 > VERDE OUTLINE (DE LA VENTANA DE TEXTO)
 * #5d4107 > CAFE DEL MENU DE LA IZQUIERDA Y COLOR DE TEXTO 
 * #FF8200 > es el naranja que deben de llevar el estado "no activo" de los links en contenidos dinámicos y bold
 * 
 */

#int_menu{
	float: right;
	margin: 30px 0 0 0; padding: 0;
	width: 735px;
	background: url("../images/genericos/menu-interior.gif") no-repeat;
}

#int_menu li{
	float: left;
	margin:0; padding: 0;
	list-style: none;
}

#int_menu li a{
	display: block;
	margin-right: 5px;
	height: 32px;
	text-indent: -2000px;
	overflow: hidden;
}

li#editorial a{
	width: 157px;
}

li#aventura a{
	width: 119px;
}

li#animales a{
	width: 117px;
}

li#verde a{
	width: 98px;
}

li#juegos a{
	width: 57px;
}

li#descargas a{
	width: 97px;
}

li#votafan a{
	width: 55px;
}