/* IMPORT --------------------------------------------------------------------------- */
/*@import url("encuestas.css");*/
/* ---------------------------------------------------------------------------------------- */

body {
	padding: 0; margin: 0; 
	background-color: #fff; color: #000; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*background-image: url(../img/layout_grid.gif); background-repeat: no-repeat;  Grid*/
}

img {border: 0;}
a {color: #000; text-decoration: none;}
	a:visited {color: #89137F;}
	a:hover {text-decoration: underline;}
	
p, div, h1, h2, h3, h4 {margin: 0; padding: 0;}

h1{}
h2{font-size: 1.1em;}
h3{}
h4{}

form { margin:0; padding:0;}
input, select, textarea { font-size: 1.1em; color: #000;}

hr {display: none;}
.invisible {display: none;}
.accesible{display: none;}

/* LAYOUT  --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#marco_principal{width:76.0em;  margin: auto auto;  position:relative;} /*-------- pagina centrada --------*/ 
#saltar div {position:absolute;}

/* ------------------------ cabecera ------------------------ */
#cabecera{width:100%; padding: 0; margin: 0; color: #000; position: relative; float: left !important; background-color: #336699;
	background-image: url(../img/bg_barra_corp.jpg); 
	background-position: right top; 
	background-repeat:no-repeat;}
	
	#logo_mma_cabecera{float: left !important; position: relative; margin:0;}
	#logo_mma {height:7em; width:27.3em;}

/* ------------------------ barra navegacion ------------------------  */	
#barra_navegacion {height: 2.8em; width: 100%; position: relative; float: left !important; margin: 0; padding:0; color: #000; background-color: #336699; border-top: 1px solid #fff; border-bottom: 1px solid #fff; 
	background-image: url(../img/bg_barra_navegacion.jpg); 
	background-position:left; 
	background-repeat:repeat-y;}
	
	#fecha {float: left !important; position: relative;  margin:0; padding: 0 0 0 0.8em; top: 0.7em;}
		#fecha p{color:#fff;}

	#navegacion{float: right !important;  position: relative; margin:0;top: 0.7em;}
		p.ruta{ padding: 0; margin: 0; float:left; position: relative; color:#fff; }
		.se_encuentra{ color:#ccccff; }
		p.ruta a{ color: #fff;}
		p.mapa_del_web { margin: 0 0 0 1em; float:left; position: relative;}
		p.mapa_del_web a { padding: 0em 0.9em 0.26em 5em; display:block; color: #fff; background: transparent url(../img/mapa_web.gif) no-repeat left;}
	
/* ------------------------ columna contenidos ------------------------ */
#columna_contenidos{position:relative; float: left; padding: 1em; background: url(../img/bg_contenidos.jpg) repeat-x; border: 1px solid #ccccff;}
	#bloque_columnas{width: 100%; position:relative; float:left;}
		#columna_izq{min-height: 30em; height: 100%; width:18em; position: relative; float:left !important; padding: 0; margin: 0;}
		/*#columna_izq{min-height: 30em; height: 100%; width:18em; position: relative; float:left !important; padding: 0; margin: 0; background: #fff; color: #000; border: 1px solid #edf2f8;}*/
		#columna_cen{min-height: 30em; height: 100%; width:54.5em; position: relative; float: right !important; margin:0; padding: 0; background: #fff; color: #000; border: 1px solid #edf2f8;}
			#contenidos{margin:1em; overflow: hidden;}
			
/* ------------------------ pie ------------------------ */
#pie {height: 2.8em; width: 100%; float:left; position: relative; margin: 0; padding: 0; color: #fff; background-color: #336699; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
	background-image: url(../img/bg_barra_pie.jpg); 
	background-position:right; 
	background-repeat:repeat-y;}

	#contenido_pie{top: 0.7em; position: relative; margin: 0; padding:0 0.8em 0 0.8em; }
	p.enlaces{top: 0.7em; padding: 0; margin: 0; float:left;}
	p.enlaces a{color:#003366; color: #fff;}
	p.separador{padding: 0 2em 0 2em; margin: 0; float:left; background: transparent url(../img/separador.gif) no-repeat center ;}
	p.copy{ margin: 0; float:right; position: relative;}
	
#banners_validacion{float: left; position:relative; margin: 0; padding: 0.8em 0 0 0;}
	#banners_validacion a{text-decoration: none;}

/* ------------------------ menú principal ------------------------ */	
#menu_principal {float: left; position:relative; padding: 0 0 1em 0;}
	#menu_principal ul {margin: 0; padding: 0; list-style-type: none;}
	#menu_principal a {display: block; color: #FFF; background: #336699; width: 14.4em; margin: 0; padding: 0.3em 1.2em 0.3em 0.8em; border-bottom: 1px solid #fff; 
	font-weight: bold; font-size: 1.1em;}
	#menu_principal a:hover {background: #6699cc; color: #fff; text-decoration: none;}
	#menu_principal li li a {display: block; color: #336699; background-color: #fff; width: 14.4em; margin: 0; padding: 0.3em 0.3em 0.3em 1.7em; text-decoration: none; border-bottom: 1px solid #336699; 
	font-weight: normal; font-size: 1.1em; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 0.7em 0.8em;}
	#menu_principal li li a:hover {background: #eef7ff; color: #336699; text-decoration: none; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 0.7em 0.8em;}
	
/* CONTENIDOS  --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */	
	
/* ------------------------ contenidos home ------------------------ */	
#enlaces_home{width: 100%; position: relative; float:left; background: #eef7ff; color:#336699; border-top: 1px dotted #336699; margin-top: 1em;}
	#enlaces_home h3{position: relative; float:left; height: 4em; width: 14em; color:#336699; font-size: 1.1em; padding: 0.5em; background: url(../img/icono_enlaces.jpg) no-repeat right top;}

	#banners_home{position: relative; float:left;}
		#banners_home ul{padding:0;}
		#banners_home ul li{ display:inline;}
		#banners_home ul li img{ vertical-align:middle; padding: 1em 0 1em 1em; width: 8.8em; height: 3.3em;}
		
#enlaces_home_vert{width: 100%; position: relative; float:left; background-color: #eef7ff; color:#336699; border-top: 1px dotted #336699; 
margin-top: 1em; background-image: url(../img/icono_enlaces.jpg); background-repeat: no-repeat; background-position: right top;}
	#enlaces_home_vert h3{position: relative; float:left; color:#336699; font-size: 1.1em; padding: 0.5em; }
	#banners_home_vert{float: left; position:relative;}
		#banners_home_vert ul{padding:0 0 0 4.5em ; margin: 0; list-style-type: none;}
		#banners_home_vert ul li{display:block; padding: 0.5em;}
		#banners_home_vert ul li img{padding: 0; width: 8.8em; height: 3.3em;}

#area_talleres{width: 100%; position: relative; float:left; background-color: #eef7ff; color:#336699; border-top: 1px dotted #336699; 
margin-top: 1em; background-image: url(../img/icono_enlaces.jpg); background-repeat: no-repeat; background-position: right top;}
	#area_talleres h3{position: relative; float:left; color:#336699; font-size: 1.1em; padding: 0.5em; }
		
#contenidos_home{width: 100%; position: relative; float:left; padding: 5em 0 0 0;
	background: url(../img/titulo_presentacion.jpg) no-repeat left top;}
	#contenidos_home p{padding-bottom: 1em; text-align: justify;}
	
#ultimas_novedades{width: 100%; position: relative; float:left; border-top: 1px dotted #336699; margin-top: 1em; padding:1em 0 1em 0;}
	#ultimas_novedades table{}
	#ultimas_novedades caption{color:#336699; background: #fff; padding: 1em 0 1em 0; text-align: left; font-weight: bold; font-size: 1.1em; }
	#ultimas_novedades summary{color:#336699;}
	#ultimas_novedades th{display: none;}
	#ultimas_novedades td{padding: 0.3em; text-align: left; color:#336699; background:#eef7ff; border-top: 1px solid #fff; border-bottom: 1px dotted #7ca4c7;}
	#ultimas_novedades td.destacado{color: #c20023; text-align: center; background: #eef7ff;font-weight: bold;}
	#ultimas_novedades a{}
	#ultimas_novedades a:hover{}
	
#participa{width: 100%; height: 8.5em; position: relative; float:left; margin-top: 1em;
	background: url(../img/plan_somos_todos.jpg) no-repeat left top;}

/* ------------------------ Contenidos Generales ------------------------ */	

#contenidos_general h3{font-size: 1.5em; font-weight: bold; margin:0 0 2em 0; padding: 1em 0 0.2em 0; color:#336699; border-bottom: 1px dotted #336699;}
#contenidos_general strong{color:#336699;}
#contenidos_general address p{color:#336699; text-align: center; font-style:normal; font-weight: normal;}

#contenidos_general p{padding-bottom: 1em; text-align: justify;}
/*#contenidos_general table{border-left: 1px solid #336699; border-right: 1px solid #336699; border-top: 1px solid #336699; border-bottom: 3px solid #336699;}*/
#contenidos_general caption{color:#336699; background: #fff; padding: 1em 0 1em 0; text-align: left; font-weight: bold; font-size: 1.1em;}
#contenidos_general summary{display: none; color:#336699;}
#contenidos_general th{display: none; color:#336699; background:#eef7ff; padding: 0.3em; font-weight: bold; border-bottom: 2px solid #336699;}
/*#contenidos_general td{padding: 0.3em; text-align: left; border-top: 1px solid #fff; border-bottom: 1px dotted #bcbcbc;}*/
#contenidos_general td{padding: 0.3em; border-top: 1px solid #fff; border-bottom: 1px dotted #bcbcbc;}
#contenidos_general a{color:#336699; text-decoration: underline;}
#contenidos_general a:hover{color:#000; text-decoration: none;}


/*------------------------ Mapa Web ------------------------ */

#mapa_web {float: none; position:relative; padding: 0 0 0 2em;}
	#mapa_web ol {margin: 0; padding: 0; list-style-type: none;}
	#mapa_web a {display: block; margin: 0; font-weight: bold; font-size: 1.1em; padding: 0.3em 1.2em 0.3em 2em; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 0.7em 0.8em;}
	#mapa_web a:hover {text-decoration: none;}
	#mapa_web li li a {display: block; margin: 0; padding: 0.3em 0.3em 0.3em 4em; text-decoration: none; 
	font-weight: normal; font-size: 1.1em; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 3em 0.8em;}
	#mapa_web li li a:hover {text-decoration: none; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 3em 0.8em;}
	
#mapa_web_oculto {float: none; position:relative; padding: 0 0 0 2em;}
	#mapa_web_oculto ol {margin: 0; padding: 0; list-style-type: none;}
	#mapa_web_oculto a {display: block; margin: 0; font-weight: bold; font-size: 1.1em; padding: 0.3em 1.2em 0.3em 2em; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 0.7em 0.8em;}
	#mapa_web_oculto a:hover {text-decoration: none;}
	#mapa_web_oculto li li a {display: block; margin: 0; padding: 0.3em 0.3em 0.3em 4em; text-decoration: none; 
	font-weight: normal; font-size: 1.1em; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 3em 0.8em;}
	#mapa_web_oculto li li a:hover {text-decoration: none; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 3em 0.8em;}