/* CSS Document */

/*-------------------------------------------------- CAPA CONTAINER --------------------------------------------------
*		TIENEN UN ANCHO DE 750 PIXELES
*		MARGEN CERO 
*		ESPACIO ENTRE EL CONTENIDO Y LOS BORDES DEL CONTENEDOR (padding-top, padding-right, padding-bottom , padding-left)
*		ALINEACION DEL TEXTO A LA IZQUIERDA		
*/
#c_contenedor {
  width:750px;
  margin:0 auto;
  padding:5px 5px 0 5px;
  text-align:left;
  margin-top: 30px;
  padding-top:20px;
  border: 1px solid silver;
}


/*-------------------------------------------------- CAPA HEADER --------------------------------------------------
*		ALTURA 112 PIXELES
*		ANCHO 745 PIXELES
*		CERO ESPACIO ENTRE EL CONTENIDO Y LOS BORDES DEL CONTENEDOR (padding-top, padding-right, padding-bottom , padding-left)
*		ALINEACION DEL TEXTO A LA DERECHA
*		COLOR  #F0F9F9 GRISCLARO
*		FONDO DE IMAGEN banner_principal.jpg
*/
#c_bannerSuperior {
  height:112px;
  width:745px;
  padding:0 0 0 0px;
  text-align: right;
  background-color:#F0F9F9;
/*  background-image:url(../imagenes/banner_principal.jpg);*/
  background-image:url(../imagenes/BANNER-SUPERIOR_gde.jpg);
  
}

/*-------------------------------------------------- CAPA MENU GENERAL --------------------------------------------------*/


#menu_general{

  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  text-align:center;  
  text-decoration:none;
  color: #032161; 
  font-weight:bold;
  font-size:11px;
}


/*-------------------------------------------------- CAPA MENU --------------------------------------------------
*
* li 
* border-left:3px solid #FFFFFF  tiene borde de 3 px del lado izquierdo   
*/
#menu {  
	list-style:none;
	background-color: #B4C867;
    height: 22px;
    width:745px;
}

#menu ul {
  margin:0;
  padding:0;
}
#menu li {
    font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
    list-style:none;
	margin:0px;
	padding:0; 
	float:right;

}

#menu li a {
	display:block;
	width:186.2px;
	* width: 185px; /*3- estandares*/
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:11.5px;
	color:#FFFFFF;
}
#menu li a:hover {
	filter: alpha(opacity=70); 
	opacity: .7;
    font-weight:bold;
}

#menu li a:active{
	color:#FF0000;
	background-color:#FFFFFF;
}


#mesatrabajo{
	background-color:#518DC9;
}
#competitividad{
	background-color:#24357B;
}
#plandetrabajo{
	background-color:#D42C99;
}
#Monitoreo{
	background-color:#6B47A1;
}
/*-------------------------------------------------- CAPA DATOS CONTACTO --------------------------------------------------*/

#c_datosContacto {
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  padding:0px 2px 2px 8px; 
  text-align:left;  
  color: #032161; 
  font-size:11px;
}

#c_datosContacto h1{
  font-size:11px;
  font-weight:bold;
  line-height:1em;
}

#c_datosContacto a{
  text-decoration:none;
  color: #032161; 
}


/*-------------------------------------------------- SUBMENU --------------------------------------------------*/


/*-------------------------------------------------- SUBMENU MESA TRABAJO--------------------------------------------------*/
#m_cambia_mesatrabajo td  { 
	background-color:#518DC9;
	font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
	padding:0px 0px 0px 18px; 
	text-align:left;  
	color: #FFFFFF; 
	font-size:12px;

	}
#m_cambia_mesatrabajo td a:hover {	
	font-size:13px;
	color: #07447F; 
    font-weight:bold;

	}
/*-------------------------------------------------- SUBMENU COMPETITIVIDAD--------------------------------------------------*/
#m_cambia_competitividad td  { 
	background-color:#24357B;
	font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
	padding:0px 0px 0px 18px; 
	text-align:left;  
	color: #FFFFFF; 
	font-size:12px;

	}
#m_cambia_competitividad td a:hover {	
	
	font-size:13px;
	color: #518DC9; 
    font-weight:bold;
	
	}
/*-------------------------------------------------- SUBMENU PLAN DE TRABAJO --------------------------------------------------*/
#m_cambia_plandetrabajo td  { 
	background-color:#D42C99;
	font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
	padding:0px 0px 0px 18px; 
	text-align:left;  
	color: #FFFFFF; 
	font-size:12px;

	}
#m_cambia_plandetrabajo td a:hover {	
	font-size:13px;
	color: #4F0A38; 
    font-weight:bold;
	
	}


/*-------------------------------------------------- SUBMENU MONITOREO --------------------------------------------------*/
#m_cambia_monitoreo td  { 
	background-color:#6B47A1;
	font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
	padding:0px 0px 0px 18px; 
	text-align:left;  
	color: #FFFFFF; 
	font-size:12px;

	}
#m_cambia_monitoreo td a:hover {	
	font-size:13px;
	color: #87779F; 
    font-weight:bold;
	}


/*-------------------------------------------------- RECUADRO DE TITULOS --------------------------------------------------*/


#recuadro_titulo{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  font-weight:bold;
  color:white;
  background:#A3C159;
  padding:2px 0px 0px 8px; 
  font-size:14px;
 
}

/*-------------------------------------------------- TEXTO DE  CONTENIDO --------------------------------------------------*/

#c_contenidoCambiante {
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  padding:0px 4px 2px 8px;  
  color: #000000; 
  font-size:13px;
  
}

.texto_mensaje{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  padding:30px 4px 30px 14px;  
  font-size:13px;
}

.tit_inicio{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  color: #518DC9; 
  font-size:18px;
  font-weight:bold;
  height:10px;
}

.tit_inicio_dos{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  color: #000000; 
  font-size:14px;
  font-weight:bold;
  height:5px;
}



#franjaVerde{
	margin-top:18px;
    padding:8px 0px 0px 8px;  
    height:2.5px;
	width:135px;
	background-color:#A3C159;

}

#franjaRoja{
	margin-top:18px;
    padding:8px 0px 0px 8px;  
    height:2.5px;
	width:45px;
	background-color:#B40000;

}

.titluoRojo{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
	  font-size:12px;
	  font-weight:bold;
	color:#B40000;
	  padding:2px 0px 0px 8px; 


}

#franjaAmarilla{
	margin-top:18px;
	margin-left:4px;
    padding:8px 0px 0px 8px;  
    height:2.5px;
	width:8px;
	background-color:#E1962E;

}

#c_contenidoCambiante a {
text-decoration:none;
}

#c_contenidoCambiante img {
border:none;
}


#c_contenidoCambiante strong {
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  padding:0px 4px 2px 8px;  
  color: #032161; 
  font-size:14px;
}


/*-------------------------------------------------- MENU DESCARGABLES --------------------------------------------------*/
#menu_descargables a:hover { 
background:#000000 url(imagenes/iconos_descargables/documento_roll.png);
}



/*-------------------------------------------------- CONTENIDO FACTOR --------------------------------------------------*/


#contenido_factores {
  margin-left: 30px;
  width:350px;
  height:750px;
  padding:5px 5px 0 5px;
  text-align:left;
  border: 1px solid silver;

  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  padding:18px 4px 2px 18px;  
  color: #000000; 
  font-size:12px;
}

#contenido_factores h1{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  color: #E1962E; 
  font-size:14px;
  font-weight:bold;
}


#contenido_factores h2{
  font-family:  Arial,Trebuchet MS, Helvetica, sans-serif, Tahoma;
  color: #032161; 
  font-size:12px;
  font-weight:bold;
}

/*-------------------------------------------------- ACOORDION --------------------------------------------------*/

		.accordion_toggle {
			display: block;
			height: 30px;
			width: 400px;
			background: url(./modulos/descargas/images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(./modulos/descargas/images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}