/* 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;
		}
	

/*  Declaracion general de parrafo */
p	{
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
	
		
/* 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: 35%;
border-right: #1e276c 1px solid;}*/

/*.tamano2 {width: 50%;}*/


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

.largo1  {/*  Para Mozilla, Netscape */
font-weight: normal;
color: #fff; /*  Da el color blanco al texto del cuerpo */
background: #d7dbfe; /*  da el color amarillo al fondo del texto */
width: 760px;
voice-family: "\"}\""; 
voice-family:inherit;
color: #fff; 
font-size: x-small; /*  */
background: #d7dbfe;}/*  Parámetros para mover la figura en mozilla */

.parrafo1  {font-size: 12px;}
			
.tamano3 {width: 28%;}

.tamano4 {width: 60%;}
			
/*  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("../imagenes_encabezado/fondo_blanco.gif") repeat; /*blanco*/
	width: 760px !important;
	color: #333; /*tono de negro*/
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	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	{
float: left;
	margin: 0;
	padding: 0;
	border: 0;
	}

#imagenderecha img {width: 243px;
                    height: 97px;}	
		

	/*  Horizontal navegador para el index*/
#menuindex {
	margin: 0;
	padding: 0;
	}

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

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

#menuindex 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; 
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: bold; 
	line-height: 1.6em;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	text-decoration: none; 
	voice-family: "\"}\"";   
	voice-family: inherit;   
	width: 189px !important;/*  Debe medir 107px cuando esten los 7 menu */ 
	}

html>#menuindex ul li a  {
	width: 189px !important;/*  Debe medir 107px cuando esten los 7 menu */
	} 
	
#menuindex ul li a:hover {
	color: #B7B7B7;
	background: #fff;
		}	

body#siete #menuindex li#seven a {
	border: 1px solid #B7B7B7;
	color: #B7B7B7;/*  color gris */
	background: #fff;
	font-weight: bold;
	width: 188px !important;
	}
			
/*  imagen despues del navegador principal*/
#menu2 {
	padding: 0px;
	margin: 0px;
		}
		
#menu2 {
    background:  url("../imagenes_menu/barra_verde.gif");
	width: 755px;
	padding: 0px;
	margin: 0px;
	height: 16px;
	border-bottom: #b7b7b7 3px solid;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	background: url("../imagenes_menu/barra_verde.gif");
	height: 16px;
	width: 760px;
	margin: 0px;
		}
		
html>#menu2 {background: url("../imagenes_menu/barra_verde.gif");
	height: 16px;
	width: 760px;
	margin: 0px;}		


/*Carteles con slogan e imagen*/		
#cartel{background: #1e276c repeat;
        padding: 0px 5px 0px 0px;
		color: #fff;
		padding-top: 10px;
		border-top: #b7b7b7 3px solid;
		border-bottom: #0e134d 7px solid;
		width: 760px;/*Para el ancho del cartel en horizontal que llene todo su espacio en IE5*/
		voice-family: "\"}\""; 
	    voice-family:inherit;
		padding: 0px 5px 0px 0px;
		margin: 0;
		width: 755px;/*Despues de declararlo para IE5*/
		}
		
html>#cartel {
        padding: 0px 5px 0px 0px;
		margin: 0;
		width: 755px;}		


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

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

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


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

#contenedor ul li {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #454cae;
				}

#contenedor ul li a {
    font-weight : bold; 
	text-decoration : underline;
	background: transparent;
	padding: 0;
	margin: 0 0 0 0;
	color: #454cae; /*color azul texto*//*color azul cartel color:#1e276c;*/
		}

#contenedor ul li a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #616aee; /*color azul texto 454cae*//*color azul cartel color:#1e276c;*/
	background: transparent;}
			  			   
/* contiene  el texto de la izquierda */
div#izquierda {
float: left;
color: #8386a5;
border-right: #1e276c 1px solid;
padding: 5px 5px 0 0;
font-size: 12px;
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;
}

div#imagenes {float: right;
              padding-top: 10px;
			  padding-left: 20px;
              voice-family: "\"}\""; 
              voice-family:inherit;
              padding-top: 10px;
			  padding-left: 0;}

/* contiene  el texto de la derecha */
div#textoderecha {
margin-left: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
margin-left: 25px;
font-size: 12px;
}
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: #616aee;/*azul oscuro a2a5c4*/
	background: transparent;
	}
	
/*Division para imagenes a la derecha */
	 
/* 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 img {padding-top: 3px;}

#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 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;
	}