/* Diseñado realizado por neo3w: www.neo3w.com para Lopez de Guereñu y Asociados */ 
	/* Se pueden utilizar los elementos de css, pero el diseño de esta hoja de estilo es propiedad de neo3w. */ 
	
	
/*  Typography */
	
h2, h3, h4, h5, h6	{font-size:100%;
		font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans";
	font-weight: normal;
	margin-bottom: 4px;
	letter-spacing: 1px;
	}
	
h1 {font-size:100%;
		font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans";
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size:100%;
	}
	

	
	
h3	{margin-top: 20px;
	font-size:100%;     
	}



		
p	{line-height: 120%;
	text-align: left;
	margin-top: 0;
	}
		
 
	
/*  Parámetros generales */
/* Primero está el body */
body	{font-size:90% !important;
	background: #FFDDBF;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
		font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans";

	/*  padding-bottom: 25 px; para separar el borde del recuadro de la parte de abajo del navegador */
		}
	
/* Dentro del body, estan las distintas divisiones, la primera de todas es el cuerpo, donde están contenidas todas*/	
#cuerpo	{
	background: #fff;/**/
	color: #333;
	margin: 0px auto;/* Para separa el recuadro del  borde del navegador: 10px*/
	padding: 0;
	border-right: 2px solid #7f3C00;
	border-left: 2px solid #7f3C00;
	width: 760px !important;  /* bmh */
	padding-left: 13px;
	padding-bottom: 13px;	
					}


/* Dentro del cuerpo esta el cajetin, que contiene a su vez a todas las divisiones y esta dentro del cuerpo. */
/* Este cajetin es de ancho mas pequeno, para que haga el espacio en blanco a los lados*/		
#cajetin	{
	background: #fff;/**/
	color: #444;
	width: 746px !important;  /* bmh */	
			} 
		

/* Dentro del cajetin esta el resto de las divisiones*/
/* Esta contiene al nombre de la empresa y el taco naranja */
#encabezado	{
	background: #ff7800;/*url("imagenes_cabecera/encabezado.gif") no-repeat ; si lo ponemos con esto se va todo el fondo blanco*/
	width: 746px !important;
	height: 82px;
	color: #fff;
	border: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
	} 	
	
#encabezado a	{
		border: none;
		}
		
#encabezado img	{
	margin: 0;
	padding: 0;
	border: none;
		}

/* Este contiene al texto con taco marron y texto con taco naranja de contactar de la cabecera*/
#encabezado1	{background: #ff7800 url("imagenes_cabecera/encabezado_contactar.gif") no-repeat ;
                 width: 746px;
				 height: 38px;}
.intranett  a
{text-decoration: none;
color: #5E2E00;
border: 1px solid #5E2E00;
background: transparent; 
}

	
.intranett a:hover {color: #9C693A;
background: transparent; 
text-decoration: none;}	
#textocontactar {float: right;
                 padding-top: 15px;
				 padding-right: 15px;}
				 
#textocontactar p{font-weight: bold;
                  letter-spacing: 0px;
				  color: #fff;
				  text-decoration: underline;
				  	} 
		
/* Este contiene al texto con taco marron y texto con taco naranja de contactar de la cabecera*/
#textocontactar a {color: #fff;
                   text-decoration: underline;
				   border: none;}				  				 				 
				  				 				 

/* Este contiene la imagen */
#encabezado2 {background: url("imagenes_cabecera/foto_empresa.jpg") no-repeat ;
              width: 746px;
			  height: 87px;}
			  
#encabezado2empresa {background: url("imagenes_cabecera/empresa.jpg") no-repeat ;
              width: 746px;
			  height: 87px;}
			  
#encabezado2servicios {background: url("imagenes_cabecera/servicios.jpg") no-repeat ;
              width: 746px;
			  height: 87px;}

#encabezado2preguntas {background: url("imagenes_cabecera/preguntas_frecuentes.jpg") no-repeat ;
              width: 746px;
			  height: 87px;}
			  
#encabezado2contactar {background: url("imagenes_cabecera/contactar.jpg") no-repeat ;
              width: 746px;
			  height: 87px;}
			  
#encabezado2aviso {background: url("imagenes_cabecera/aviso_legal.jpg") no-repeat ;
              width: 746px;
			  height: 87px;}			  

/* Este contiene las divisiones del navegador y principal */
#contenedor	{
    padding: 0;
	 margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	clear: both;
	}
	
#contenedor h1	{
    margin-top: 0;
	} 

#contenedor h2	{
    margin-top: 20px; 
	font-weight: bold;    
   	} 

#contenedor h3	{
    margin-top: 20px; 
	font-weight: bold;    
    	} 
	

#contenedor p{
			  color: #444;
			  }			   


/* Declaracion de clases*/	
	
/* declaracion de la parte principal para los que tienen dos columnas, esta dentro de contenedor */	
#principal1	{
float: right;
    margin: 0;
	padding: 19px 20px 20px 23px;
	width: 470px !important;
	padding: 18px 16px 20px 23px;	
			} 
			

#principal1 ol, #principal1 ul	{
	margin: 0.5em ;
	padding-left: 0px ;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	background: #FFEEDF;
		}
			
#principal1 ul li	{
	margin-bottom: 0px;
	padding: 0px 0 0 12px;
	margin-left: 0px;
	list-style: none;
	vertical-align: top;
	font-weight: bold;
	color: #5F2D00;
	line-height: 2em;
	}
	
#principal1  p{color: #333;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 11px;
                }
				
.estilo {font-style: italic;
         letter-spacing: 0.5px;
		}
						 
.familia {font-family:  arial, san serif;}

.letra {color: #5F2D00;
        font-family:  Palatino, Fantasy;
		font-style: italic;
		
				}
		
.espacio {padding-bottom: 50px;}								 

.tamano1 {
          float: right;
		  margin-top: 20px;}

/* division dentro de principal1 */						 				 			  
#textoespecial {background: url("imagenes_cuerpo/imitapapel.gif") repeat; 
                padding: 10px 3px 5px 10px;
				margin-right: 8px;}
				
#textoespecial1 {background: url("imagenes_cuerpo/imitapapel_peq.gif") repeat; 
                padding: 5px 3px 2px 10px;
				margin-right: 8px;
				margin-bottom: 8px;}
				
.textoespecial1 {background: url("imagenes_cuerpo/imitapapel_peq.gif") repeat; 
                padding: 5px 3px 2px 10px;
				margin-right: 8px;
				margin-bottom: 8px;
				}
		
.textoespecial2 {background: url("imagenes_cuerpo/imitapapel_peq.gif") repeat; 
                padding: 5px 10px 2px 10px;
				margin-right: 8px;
				margin-bottom: 8px;
				color: #5F2D00;
        font-family:  Palatino, Fantasy;
		font-style: italic;
		}		
								
#textoespecial2 {background: url("imagenes_cuerpo/imitapapel.gif") repeat;
                 padding-left: 10px; 
				 padding-bottom: 10px; }												 
								 
/*  Division dentro de principal1 */
#parrafo {
	margin: 0.5em ;
	padding-left: 0px ;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-left: 0px;
	background: #FFEEDF;
		}

#parrafo p{padding-left: 10px;
           padding-right: 2px;}		
		

#principal1 a {color: #5E2E00;
background: transparent; 
text-decoration: underline;
border: 0;
font-weight: bold;
}

#principal1 a:hover {color: #9C693A;
background: transparent; 
text-decoration: underline;}			  
			  	
/* menu vertical */
div#navigation
{
float: left;
width: 30%;
margin-top: 8px;
margin-left: 0.9px;
margin-bottom: 30px;
background: #FFF6EE;
		} 
	
div#navigation ul
{
list-style-type: none;
padding: 0;
padding-left: 8px;
padding-right: 8px;
margin: 0;
clear: left;
}

div#navigation ul li { margin-top: 4px;
font-size:85%;color: #9C693A;
  }

#navigation ul li a
{font-size:105%;
display: block;
width: 100%;  /* */
line-height: 1.1em;
color: #5E2E00;
border: none;
background: transparent; 
padding: 8px 0px 2px 0px;
text-decoration: underline;

font-weight: bold;
	} 
	
	
#navigation a:hover {color: #9C693A;
background: transparent; 
text-decoration: underline;}			  


body#uno #navigation li#one a {
	color: #FF7800;
	font-weight: bold;
	text-decoration: none;
	}

#navigation h1 {color: #7F3C00;
                font-weight: bold;
                padding: 10px 0 0 20px;}
				
/*  Divisiones que corresponde la los menu del navegador vertical de la izquierda */
#menuempresa {background: url("menus/empresa.gif") no-repeat; 
width: 208px;
height: 29px;
margin-top: 11px;
margin-left: 8px;
color: #000;
}

#menuempresa1 {background: url("menus/empresa_naranja.gif") no-repeat; 
width: 208px;
height: 29px;
margin-top: 11px;
margin-left: 8px;
color: #000;
}

#menuservicios {background: url("menus/servicios.gif") no-repeat; 
width: 208px;
height: 29px;
margin-top: 21px;
margin-left: 8px;
color: #000;
}

#menuservicios1 {background: url("menus/servicios_naranja.gif") no-repeat; 
width: 208px;
height: 29px;
margin-top: 21px;
margin-left: 8px;
color: #000;
}
.colores {background:url("imagenes_cuerpo/color.gif") repeat-x;height:570px;}

#menupreguntasfrecuentes {background: url("menus/preguntasfrecuentes.gif") no-repeat; 
width: 208px;
height: 29px;
margin-top: 21px;
margin-left: 8px;
color: #000;
}


#menupreguntasfrecuentes1 {background: url("menus/preguntasfrecuentes_naranja.gif") no-repeat; 
width: 208px;
height: 29px;
margin-top: 21px;
margin-left: 8px;
color: #000;
}

/* Este contiene al contactar del navegador de la izquierda. background: url("menus/contactar.gif") no-repeat; */
#menucontactar {
width: 208px;
height: 29px;
margin-top: 21px;
margin-left: 8px;
margin-bottom: 11px;
color: #000;
}

#menucontactar a {border: none;
color: #FF7800;
}

#menucontactar img{
width: 208px;
height: 29px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 11px;
border: none;
}

/* pie de página */
#pie {
    width: 746px !important;
	height: 72px; /* para que en Mozilla el logo quede dentro del recuadro naranja */
	border: 0;
	color: #333;
	font-weight: bold;
		font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans";

	border-top: 1px solid #FFDDBF;
	background: #FFDDBF;/**/
	padding: 0;
	text-align: left;
	clear: both;
	font-size: 9px;
			} 
		
#pie  a {
    text-decoration : underline;
	color: #333;
	border: none;
	background: transparent;
	line-height: 1.7em;
			}			
		 		

#pie p	{
    margin: 0;
	text-align: left;
	line-height: 1.4em;
	letter-spacing: 0.1px;
			}
	
		
#pie p a:hover {
	font-weight: bold; 
	text-decoration : underline;
	color: #BFA68F;
	background:transparent;
	}

/*  Division del pie de pagina */
#imagpie{float: left;
         padding: 7px 20px 5px 7px;
		
		 }
		 		
#imagpie   a:link, a:visited {
    text-decoration : none;
	color: #333;
	background: transparent;
	border: 1px solid #FFDDBF;
			}
							
/*  Division del pìe de pagina*/	
#texto {padding: 12px 0 0 10px;}

/*  Clase general */
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}


/*  Formulario de contacto */
#formulario{
padding: 0;
margin: 0;
border: 0;
text-align: left;
voice-family: "\"}\"";   
voice-family: inherit;
padding-top: 0px;
}

html>div#formulario {padding-top: 0px;}

div#formulario fieldset {
	padding: 10px;
	border: none;
		}

html>div#formulario fielset {border: none;}

div#formulario fieldset:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	color:  #fff;
	margin: 0;
	padding: 0;
	}

#formulario label{
font-size: 90%;
margin-bottom: 0;
padding-bottom: 0;
margin-top: 5px;
display: block;
}

div#formulario legend {
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	color: #5E2E00;}
	
div#formulario textarea {
    width: 410px;
	height: 150px;
	background-color: #fff;
	overflow: auto;
	position: relative; /* para mac con IE5*/
	/* si pongo aquí voice sale en bloques*/
	}
	
div#formulario select {font-size: 11px;
width: 410px;
background-color: #fff;}

div#formulario input {
	width: 410px;
	background-color: #fff;
	}
	
div#formulario input.boto {
	font-size: 11px;
	color: #000;
	background-color: #FFF4E6;
	border: 1px solid #f98e00;
	width: 150px;
	font-weight: bold;
	cursor: pointer;
				}
		
		
div#formulario input.boto:hover,
div#formulario input.boto:focus {
	border-color: #fc0;
	color: #555;
	}
	
	
table {padding-top:5px;border:#000 1px solid;background:#000;margin-top:0px;}
table thead {color:#000;text-align:center;background:#fff;}
table th {padding:10px;background:#FFDDBF;}
table tbody {background:#fff;color:#000;text-align:center;}
table tr td h1 {color:#B06019;
font-weight:bold;
color:#B06019;}
table tr td {text-align:left;padding:5px;}