/* Diseñado realizado por nexo3w: www.nexo3w.com para ADECOM.biz*/
	/* Se pueden utilizar los elementos de css, pero el conjunto de los elementos que conforman el diseño final de este sitio, es propiedad de ADECOM S.L. */ 
		
/*  Tipografia */

/*  Titulos de los parrafos */
h2, h3, h4, h5, h6	{
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	font-weight: normal;
	margin-bottom: 4px;}
	
h1 {
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;}
	
.nomayu {text-transform: none;}	
	
/*  Declaracion general de parrafo */
p	{
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;}
			
/* General linkology */
	
a:link, a:visited {
    font-weight : bold; 
	text-decoration : none;
	color: #fff;
	background: transparent;}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #B7B7B7;
	background: #fff;}

/* Declaracion de clases*/	
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */}
		
.hide1 {height: 0;
	width: 0;
	overflow: hidden;}
	
.izq{float: left;}

.izq1{float: left;
      padding-top: 3px;}
			  		
.tamano1 {width: 45%;
border-right: #a2a5c4 1px solid;}

.tamano2 {width: 45%;}

.tamano3 {width: 28%;}

.tamano4 {width: 30%;
border-right: #a2a5c4 1px solid;}

.largo  { /*  Para IE */
font-weight: normal;
color: #8386a5; /*  Da el color azul al texto del cuerpo */
background: #eef1fa; /*  Parámetros que hay que variar para IE. Da el color azul al fondo del texto */
width: 760px;
voice-family: "\"}\""; 
voice-family:inherit;
color: #8386a5; /*  Da el color azul al texto del cuerpo */
background: #eef1fa; /*  para opera*/}

.largo1  {/*  Para Mozilla, Netscape */
font-weight: normal;
color: #fff; /*  Da el color blanco al texto del cuerpo */
background: #eef1fa; /*  da el color amarillo al fondo del texto */
width: 760px;
voice-family: "\"}\""; 
voice-family:inherit;
color: #fff;  /*  */
font-size: small;
background: #eef1fa;}/*  Parámetros para mover la figura en mozilla */
			
.parrafo1  {font-size: 12px;}
				
.forma {font-style: italic;
font-weight: bold;}
			
/*  Parámetros generales */
/*  declaracion de las distintas partes y divisiones que conforman el sitio */
body	{
	background: #fff;/*blanco*/
	color: #333;/*tono de negro*/
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 5px solid #fff;
	text-align: center;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	padding-bottom: 0px;}
	
#cuerpo	{
    margin: 10px auto;
	padding: 0;
	border: 2px solid #566;
	border-top: 1px solid #566;
	width: 760px !important;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 760px !important;}

html>#cuerpo {width: 760px !important;} 

#encabezado	{
	background: #fff url("../20sectores/imagenes_encabezado/fondo_blanco.gif") repeat; /*blanco*/
	width: 760px !important;
	color: #333; /*tono de negro*/
	border: 0;
	margin: 0;
	padding: 0;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	text-align: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 760px !important;}

html>#encabezado {width: 760px !important;} 	

#imagenizq	{
float: left;
	margin: 0;
	padding: 0;
	border: 0;}
	
#imagenizq  a:link, a:visited {
    text-decoration : none;
	color: #fff;
	background: transparent;}	
	
#imagenizq img {width: 286px;
                height: 97px;}
	
	
#imagencentro	{
float: left;
	margin: 0;
	padding: 0;
	border: 0;}

#imagencentro img {width: 230px;
                   height: 97px;}
								
#imagenderecha	{
background: #fff !important;
float: left;
	margin: 0;
	padding: 0;
	border: 0;
	padding-top: 40px;
	padding-left: 64px;}

#imagenderecha img {width: 165px;
                    height: 45px;}	
		
	/*  Horizontal navegador  */
#menu {
	margin: 0;
	padding: 0;}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;}

#menu ul li a {
	background: #B7B7B7;
	width: 189px !important; /*  Debe medir 107px cuando esten los 7 menu */
	border-top: 1px solid #B7B7B7; /*  otros tonos de grises: ced4cf, ccc, 858384, con estos colores se ven ryitas de division como botones */
	border-left: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	border-right: none;
	padding: 0;
	margin: 0 0 0 0;
	color: #fff; 
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: bold; 
	line-height: 1.6em;  
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 188px !important;/*  Debe medir 107px cuando esten los 7 menu */  
	}

html>#menu ul li a  {
	width: 188px !important;/*  Debe medir 107px cuando esten los 7 menu */} 

/*  Eliminar cuando esten los 7 menu */
#menu li#one a {width: 189px !important;
                voice-family: "\"}\"";   
	            voice-family: inherit;   
	            width: 191px !important; }
				
/*  Eliminar cuando esten los 7 menu */
html>#menu li#one a {width: 191px !important;}

/*  Eliminar cuando esten los 7 menu */
#menu li#threeone a {background: #fff; 
                color: #a2a5c4;/* azul oscuro*/
				text-decoration: underline;}
	
/*  Quitar etiquetas de comentario cuando esten los 7 menu
#menu li#one a {
	*//*width: 112px !important;   Debe medir 112px cuando esten los 7 menu 
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 111px !important;*/ /*  Debe medir 111px cuando esten los 7 menu 
	} */

/* html>#menu ul li#one a {width: 111px !important;} /*  Debe medir 111px cuando esten los 7 menu */

/*#menu li#five a {
    width: 109px !important;/*  Debe medir 109px cuando esten los 7 menu *//*
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 107px !important;/*  Debe medir 107px cuando esten los 7 menu 
		} */

/* html>#menu ul li#five a {width: 107px !important;} Debe medir 107px cuando esten los 7 menu */

#menu ul li a:hover {
	color: #B7B7B7;
	background: #fff;}
	
/*  Adicionar para los restantes  menu cuando esten los 7 */
body#uno #menu li#one a, 
body#dos #menu li#two a,
body#tres #menu li#three a,
body#siete #menu li#seven a {
	border: 1px solid #B7B7B7;
	color: #B7B7B7;/*  color gris */
	background: #fff;
	font-weight: bold;}
			
/*  Submenu. Es el segundo menu. se utiliza solo en las introducciones*/
#menu3 {
	margin: 0;
	padding: 0;}

#menu3 ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;}

#menu3 ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;}

#menu3 ul li a {
	background: #fff;
	width: 125px !important;
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: none;
	padding: 0;
	margin: 0 0 0 0;
	color: #B7B7B7; 
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.6em;     
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 125px !important;}

html>#menu3 ul li a  {  
	width: 125px !important;} 
	
#menu3 li#five a {width: 131px !important;
                 voice-family: "\"}\"";   
	             voice-family: inherit; 
                 width: 129px !important;}
				 
html>#menu3 li#five {width: 129px !important;}				 

#menu3 ul li a:hover {
	color: #fff;
	background: #a2a5c4;}

/*  Submenu. variante cuando esta pinchado en cada submenu. Se utiliza en el resto de las paginas de esa carpeta */
#menu4 {
	margin: 0;
	padding: 0;}

#menu4 ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;}

#menu4 ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;}

#menu4 ul li a {
	background: #fff;/*  fondo blanco */
	width: 125px !important;
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: none;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0 0 0 0;
	color: #B7B7B7; /*  color gris */
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.6em;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 121px !important;/*  originalmente media 125px*/}

html>#menu4 ul li a  { 
	width: 121px !important;/*  originalmente media 125px*/} 
	
#menu4 li#five a {width: 131px !important;
                 voice-family: "\"}\"";   
	             voice-family: inherit; 
                 width: 124px !important;/*  originalmente media 129px*/}
				 
html>#menu4 li#five {width: 124px !important; /*  originalmente media 129px*/}				 

#menu4 li#one a {background: #fff; 
                 color: #a2a5c4;/* azul oscuro*/
				 text-decoration: underline;}
				
#menu4 li#fiveone a {width: 131px !important;
                 background: #fff; 
                 color: #a2a5c4;/* azul oscuro*/
				 text-decoration: underline;
                 voice-family: "\"}\"";   
	             voice-family: inherit; 
                 width: 124px !important;/*  originalmente media 129px*/}
				 
html>#menu4 li#fourone {width: 124px !important;}				 
				
#menu4 ul li a:hover {
	color: #fff;
	background: #a2a5c4;/*  azul oscuro */}

/*Carteles con slogan e imagen*/		

#cartel1 {background: #a2a5c4 repeat;/*azul oscuro*/
        padding: 0px 5px 0px 0px;
		border-top: #b7b7b7 3px solid;
		border-bottom: #8386a5 7px solid;
		padding-top: 2px;/*antes: 10px*/
		padding-bottom: 1px;/*antes: 5px*/
		padding-left: 0;/*antes: 5px*/
		font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
		width: 760px;/*Para el ancho del cartel en horizontal que llene todo su espacio en IE5*/
		voice-family: "\"}\""; 
	    voice-family:inherit;
		background: #a2a5c4 repeat;
        padding: 0px 5px 0px 0px;
		margin: 0;
		width: 755px;/*Despues de declararlo para IE5*/}
		
html>#cartel1 {background: #a2a5c4 repeat;/*azul oscuro*/
        padding: 0px 5px 0px 0px;
		margin: 0;
		width: 755px;}	

/*Division donde esta el contenido: texto,  los pdf*/	
#contenedor	{
    padding: 0;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	padding-bottom: 5px;
	padding-top: 3px;
	margin: 0;
	border: 0;
	text-align: left;
	clear: both;}

#contenedor h1	{
    color: #8386a5;
	font-size:  12px;   
	font-weight: bold;   
    voice-family: "\"}\"";   
    voice-family: inherit; 
	font-size:  14px;   }

html>#contenedor h1 {
	font-size:  14px;  
		} 

#contenedor, #contenedor div, #contenedor th, #contenedor td, #contenedor li, #contenedor dd, #contenedor dt    {
     font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	 font-size:  11px;  }
	
#contenedor p{font-size: 11px;}

#contenedor ul li {
	padding: 0;
	margin: 0;
	font-size: 11px;}
	
#contenedor ul li a {
    font-weight: bold; 
	text-decoration: underline;
	background: transparent;
	padding: 0;
	margin: 0 0 0 0;
	color: #8285a4;/*azul oscuroa2a5c4*/}
	
#contenedor a {
    font-weight: bold; 
	text-decoration: underline;
	background: transparent;
	padding: 0;
	margin: 0 0 0 0;
	color: #8285a4;/*azul oscuroa2a5c4*/}	
	

#contenedor ul li a:hover {
	font-weight : bold; 
	text-decoration : none;
	color:#8285a4;/*azul oscuro*/
	background: transparent;}
	
#contenedor  a:hover {
	font-weight : bold; 
	text-decoration : none;
	color:#8285a4;/*azul oscuro*/
	background: transparent;}	
				  			   
	 
/* contiene  el texto de la izquierda */
div#izquierda {
float: left;
color: #8386a5;
padding: 5px 5px 0 0;
margin: 5px;
margin-bottom: 10px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 5px 10px 0px 5px;}

html>#izquierda {padding: 5px 10px 0px 5px;} 

div#izquierda ul
{text-align: left;
color: #8386a5;
list-style-type: circle;
padding: 0;
padding-left: 15px;
margin: 0;
clear: left;}

div#izquierda ul li { margin-top: 4px; }

/* contiene todo el contenido del centro  */
div#centro {
float: left;
color: #8386a5;
padding: 5px 5px 0 0;
margin: 5px;
margin-bottom: 10px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 5px 10px 0px 5px;}

html>#centro {padding: 5px 10px 0px 5px;} 

div#centro ul
{text-align: left;
color: #8386a5;
list-style-type: circle;
padding: 0;
padding-left: 15px;
margin: 0;
clear: left;}

div#centro ul li { margin-top: 4px; }

/* contiene  la division de la derecha */
div#derecha 
{float: left;
color: #8386a5;
padding: 10px 0 0 30px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;}

html>#derecha {padding: 0px;
padding-top: 10px;
padding-bottom: 10px;}

/* cartel de producto*/
div#imagenes {float: right;
              padding-top: 10px;
              voice-family: "\"}\""; 
              voice-family:inherit;
              padding-top: 10px;}

/* contiene  el texto de la derecha */
div#textoderecha {
margin-left: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
margin-left: 25px;}

html>#textoderecha {margin-left: 25px;}

div#textoderecha ul
{text-align: left;
list-style-type: disc;
padding: 0;
margin: 0;
clear: left;}

div#textoderecha ul li { margin-top: 4px; }
	
#textoderecha ul li a:hover {
	color: #a2a5c4;/*azul oscuro*/
	background: transparent;}

/*texto derecha de prueba para coaching */
div#textoderecha1 {
margin-left: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
margin-left: 25px;}

html>#textoderecha1 {margin-left: 25px;}

div#textoderecha1 ul
{text-align: left;
list-style-type: disc;
padding: 0;
padding-bottom: 10px;
margin: 0;
clear: left;}

div#textoderecha1 ul li { margin-top: 4px; }
	
#textoderecha ul li a:hover {
	color: #a2a5c4;/*azul oscuro*/
	background: transparent;} 

/* pie de página */
#pie {
    width: 760px !important;
	border: 0;
	color: #444;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	background: #B7B7B7;
	padding: 0;
	clear: both;
	font-size: 9px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 9px;
	width: 760px;
	padding-bottom: 3px;}

html>#pie	{
	font-size: 9px;
	width: 760px !important;
	padding-bottom: 0px;} 

#pie p	{
	margin: 0px;
	padding: 0px 70px 1px 20px;
	text-align: right;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 0px 70px 1px 20px;}
		
html>#pie p {padding: 0px 70px 1px 20px;}

#pie img {padding-top: 3px;}
		
#pie p a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #fff;
	background: transparent;}

#pie p a:hover {
	font-weight: bold; 
	text-decoration: underline;
	color: #fff;
	background: transparent;}