/* Diseñado realizado por nexo3w: www.nexo3w.com para Funalco S.L. */ 
	/* Se pueden utilizar los elementos de css, pero el diseño de esta hoja de estilo es propiedad de nexo3w. */ 

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


/*  Typography */
	
	
p	{line-height: 110%;
	text-align: left;
	margin-top: 0;
	margin-bottom:0px;
	padding-bottom:7px;
	}
		
 	
/*  Parámetros generales */
/* Primero está el body */
body	{
	background:#ccc;
	color: #666;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
		}
	
/* Dentro del body, estan las distintas divisiones, la primera de todas es el cuerpo, donde están contenidas todas*/	
#cuerpo	{
	background:#cccccc url("fotos_generales/bizqdeg.png") repeat-y;/**/
	color: #666;
	margin: 0px;/* Para separa el recuadro del  borde del navegador: 10px*/
	padding: 0;
	width: 790px !important;  /* bmh */
	padding-left: 9px;
	border-right: #666 1px solid;
								}


/* 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: url("http://www.funalco.com/fotos_generales/fondo.jpg") repeat;/**/
	color: #666;
	width: 790px !important; 
		 /* bmh */
					} 
		

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


/* Este contiene las divisiones menu izquierdo y derecho y principal */
#contenedor	{
	background: #fff url("http://www.funalco.com/fotos_generales/fondo.jpg") repeat;/* */
    padding: 0;
	margin: 0;
	border: 0;
	text-align: right;
	color: #666;
	clear: both;
	}


/* menu vertical */
div#menuizquierdo
{
float: left;
width: 189px;
background: #fff url("http://www.funalco.com/fotos_generales/fondo.jpg") repeat;;
border: none;
margin-left: 7px;
margin-bottom: 50px;
padding-top:20px;
text-align: left;
		} 
		
.menu {border-right: #ccc 1px dotted;}		
		

/* declaracion de la parte principal, esta dentro de contenedor */
	
#principal	{
float: left;
background: #fff url("http://www.funalco.com/fotos_generales/fondo.jpg") repeat;
    margin: 17px;
	margin-right:0px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 540px !important;
	border: none;
	text-align: left;
					}
					

#principal a {color: #33c;
background: transparent; 
text-decoration: underline;
border: 0;
font-weight: normal;
}

#principal a:hover {color: #069;
background: transparent; 
text-decoration: underline;}

#principal  p{color: #666;
text-align: justify;
font-size: 70%;
voice-family: "\"}\""; 
voice-family:inherit;
font-size: 75%;}

#principal ul {margin-left: 17px;}
				
#principal ul li{
color: #666;
margin-left: 0px;
padding-left: 0px;
font-size: 70%;
voice-family: "\"}\""; 
voice-family:inherit;
font-size: 75%;
list-style-type: disc;
list-style-color: #ccc;

}

#principal h1 {margin: 0px;
margin-bottom: 3px;}


#texto p{text-align: left;}

#texto h1 {margin: 0px;
padding: 0px;
margin-bottom: 5px;}

#texto h1 img{margin: 0px;
padding: 0px;
padding-bottom:8px;
}

#texto h2 {margin: 0px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 70%;}

#texto h3 {margin: 0px;
margin-bottom: 5px;
font-size: 72%;
font-color: #09f;}


#texto {float:left;background: #fff url("http://www.funalco.com/fotos_generales/fondo.jpg") repeat;
width: 350px;
margin-left: 1px;/* ajusta el borde de la izquierda */
padding-bottom: 0px;
margin-bottom: 1px;
}	

#texto1 {
width: 350px;
margin-left: 1px;/* ajusta el borde de la izquierda */
padding-bottom: 0px;
margin-bottom: 1px;
}		  
	
#texto1 p{text-align: justify;}

#texto1 h1 {margin: 0px;
padding: 0px;
margin-bottom: 5px;}

#texto1 h1 img{margin: 0px;
padding: 0px;
padding-bottom:8px;
}

#texto1 h2 {margin: 0px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 70%;}

#texto1 h3 {margin: 0px;
margin-bottom: 5px;
font-size: 72%;
font-color: #09f;}

#texto1 ul {margin: 0px;
padding:0px;
margin-left: 20px;
margin-bottom:0px;
padding-bottom:0px;
}

#texto2 p{text-align: left;}

#texto h1 {margin: 0px;
padding: 0px;
margin-bottom: 5px;}

#texto2 h1 img{margin: 0px;
padding: 0px;
padding-bottom:8px;
}

#texto2 h2 {margin: 0px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 70%;}

#texto2 h3 {margin: 0px;
margin-bottom: 5px;
font-size: 72%;
font-color: #09f;}


#texto2 {float:left;
width: 290px;
margin-left: 1px;/* ajusta el borde de la izquierda */
padding-bottom: 0px;
margin-bottom: 1px;
}	
  
	
#menuderecho {float:right;}

#menuderecho2 {float:right;
width:244px;
}


/*  Formulario de contacto */
#formulario{width: 300px;background: #fff url("http://www.funalco.com/fotos_generales/fondo.jpg") repeat;
padding: 0px;
margin: 0px;
border: 0;
text-align: left;
padding-top: 0px;
}

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

#formulario h3 {padding: 0px;
margin: 0px;
font-size: 75%;}

#formulario p{
padding: 0px;
margin: 0px;
padding-bottom: 5px;
line-height: 1em;
}

div#formulario fieldset {
padding: 0px;
margin: 0px;
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{
margin-bottom: 0;
padding-bottom: 0;
margin-top: 1px;
display: block;
}

div#formulario legend {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #09f;
	text-align: left;
}
	
div#formulario textarea {font-size:90%;
    width: 400px;
	overflow: auto;
	position: relative; /* para mac con IE5*/
	/* si pongo aquí voice sale en bloques*/
}

div#formulario p textarea.mensaje {	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
 }

	
div#formulario select {font-size:95%;
width: 120px;
}

div#formulario input {font-size:90%;
	width: 400px;
	background-color: #fff;

	}
	
div#formulario input.boto {
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 90px;
	font-weight: bold;
	cursor: pointer;

				}
		
		
div#formulario input.boto:hover,
div#formulario input.boto:focus {
	border-color: #FF0033;
	color: #fff;
	background-color: #FF0033;
	}
	
	
#derecha {float: right;
background-color: #09f;
background-repeat: repeat-y;
width: 248px;
height: 402px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 245px;
height: 404px;}



/* pie de página */
#pie {text-align:center;
    width: 790px !important;
	border: 0;
	color: #aaa;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	padding: 0;
	clear: both;
	font-size: 9px;
				}

html>#pie	{
    color: #aaa;
	font-size: 9px;
	font-family: verdana, lucida, arial;
	width: 790px !important;
		} 
		
#pie  a {
    text-decoration : underline;
	color:#33c;
	font-size:9px;
	border: none;
	font-family: verdana, lucida, arial;
	background: transparent;
				}			

#pie p	{
    margin: 0;
	text-align:center;
	padding-top: 15px;
	padding-left: 13px;
	text-align: center;
	letter-spacing: 0.1px;
	color: #aaa;
	font-size: 9px;
					}
	
		
#pie a:hover {
	text-decoration : none;
	color: #069;
	background:transparent;
	}

.direccion {border: #ccc 1px dotted;
background: #fff; }