@charset "UTF-8";
/* CSS Document */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#666;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*
CONTENEDORES
*/
#main {
	height: 100%;
	width: 100%;
}

#contenedor {
	width: 1024px;
	height:851px;
	margin:0 auto 0 auto;
	position:relative;
	background-color:#999;
	}

#cabeza{
	  height:157px;
	  width:100%;
	  margin: 0 auto 0 auto;
	  background-color:#666;
	  }	
				  #contenedor_logo{
			  width:309px;
			  height:157px;
			  float:left;
			  background-color:#fff;
			  text-align:center;
			  }
			  
			  img.logo{
				  margin-top:29px;
				  }
			  	 
			  
		  #contenedor_menu{
			  width:715px;
			  height:157px;
			  float:left;
				background-image:url(../imagenes/fondo_contenedor_menu.jpg);
			  }
			  
				#fondo_botones{
					background-image:url(../imagenes/fondo_menu.png);
					margin-top:86px;
					width:552px;
					height:58px;
					
					}
	  			
			
		  #contenedor_slogan{
			  width:751px;
			  height:54px;
			  padding-top:58px;
			  }

#contenedor_banner{
	width:100%;
	height:34px;
	background-image:url(../imagenes/fondo_banner.jpg);
	
	}
	
#contenido{
	height:550px;
	width:100%;
	margin: 0 auto 0 auto;
	position:relative;
	
	/*position:relative;*/
	}

	
#pie{
	width:100%;
	height:93px;
	float:left;
	background-image:url(file:///FREELANCE/trabajos%20en%20proceso/placofis/hmtl/imagenes/fondo_pie.jpg)
	}	
	
	
#contenedor_menu_vertical{
	width:221px;
	height:550px;
	
	position:absolute;
	left:96px;
	}
	
#contenedor_texto_servicios{
	width:469px;
	height:550px;
	position:absolute;
	right:177px;
	}


 
/* CLASES FONDOS*/
.fondo_inicio{
	background-image:url(../imagenes/fondo_inicio.jpg);
	background-repeat:no-repeat;
	}
	
.fondo_acerca_de{
	background-image:url(../imagenes/fondo_acerca_de.jpg);
	background-repeat:no-repeat;
	}
	
.fondo_actualizacion{
	background-image:url(../imagenes/fondo_actualizacion.jpg);
	background-repeat:no-repeat;
	}

.fondo_defensoria{
	background-image:url(../imagenes/fondo_defensoria.jpg);
	background-repeat:no-repeat;
	}

.fondo_soporte{
	background-image:url(../imagenes/fondo_soporte.jpg);
	background-repeat:no-repeat;
	}
	
.fondo_financiamiento{
	background-image:url(../imagenes/fondo_financiamiento.jpg);
	background-repeat:no-repeat;
	}

.fondo_planeacion{
	background-image:url(../imagenes/fondo_planeacion.jpg);
	background-repeat:no-repeat;
	}
	
.fondo_contacto{
	background-image:url(../imagenes/fondo_contacto.jpg);
	background-repeat:no-repeat;
	}
	
/*CAJAS DE TEXTO CAJAS DE TEXTO CAJAS DE TEXTO CAJAS DE TEXTO */
#caja_inicio{
	width:580px;
	margin-left:165px;
	
	}

#caja_acerca_de{
	width:700px;
	margin:0 auto 0 auto;
	
	} 
	
#caja_contacto{
	background-color:#000;
	color:#FFF;
	padding-left:20px;
	}
	

 /*ESTILOS*/
 
 .texto_pie{
	 font-family: 'Galdeano', sans-serif;
	 font-size:0.9em;
	 padding:10px;
	 text-align:center;
	 color:#FFF;
	 line-height:120%;
	 }
.centro{
	text-align:center;
	}

.texto_inicio{
	font-family: 'Galdeano', sans-serif;
	 font-size:1.3em;
	 text-align:justify;
	 color:#000;
	 line-height:130%;
	}

.texto_servicios{
	font-family: 'Galdeano', sans-serif;
	 font-size:1.0em;
	 text-align:justify;
	 color:#000;
	 line-height:130%;
	}


h1{
	font-family: 'Galdeano', sans-serif;
	 font-size:1.4em;
	 text-align:justify;
	 color:#000;
	 line-height:130%;
	}

/*ESTILO MENU MENU MENU MENU MENU HORIZONTAL*/
	#mi_menu{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;	
	text-align:center;
	}

	#mi_menu li{
		
		float:left;
		
		/*padding:0 5px  0 5px ;*/
		
		/*margin:0 auto 0 auto;*/
		
		
		}
	#mi_menu li a {
		
		text-decoration:none;
		width:129px;
		height:52px;
		color:#2f5737;
		font-family: 'Galdeano', sans-serif;
		font-size:1.4em;
		background-image:url(../imagenes/fondo_boton.png);
		display:block;
		text-align:center;
		margin:0 -10% 0 auto;
		line-height:130%;
				}
	#mi_menu li a:hover {
		color:#000;
		background-image:url(../imagenes/fondo_boton_hover.png);
				}




/*ESTILO MENU MENU MENU MENU MENU vertical*/
	#mi_menu2{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;	
	text-align:center;
	}

	#mi_menu2 li{
		float:left;
		/*padding:0 5px  0 5px ;*/
		/*margin:0 auto 0 auto;*/
		}
	 .activa{
		background-image:url(../imagenes/fondo_menu_vertical.png);
		background-repeat:no-repeat;
		background-position:0 0 0 0 ;
		color:#FFF;
		width:221px;
		height:38px;
		font-family: 'Galdeano', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		}
	#mi_menu2 li a {
		
		text-decoration:none;
		width:221px;
		height:38px;
		color:#333;
		font-family: 'Galdeano', sans-serif;
		font-size:1.0em;
		font-weight:bold;
		display:block;
		text-align:center;
		margin:10px 0 0 0;
		line-height:100%;
		vertical-align:central;
		
				}
	#mi_menu2 li a:hover {
		color:#999;
		
				}
			




/*ESTILOS BOTONES*//*ESTILOS BOTONES*//*ESTILOS BOTONES*//*ESTILOS BOTONES*/
/*ESTILOS BOTONES*//*ESTILOS BOTONES*//*ESTILOS BOTONES*/
a.atencion:link{
	text-decoration:none;
	color:#033;
	}
a.atencion:hover{
	text-decoration:none;
	color:#fff;
	}