/* Diseñado realizado por nexo3w: www.nexo3w.com para G&G INGENIEROS */ 
	/* Se pueden utilizar los elementos de css, pero el diseño de esta hoja de estilo es propiedad de nexo3w. */ 
	
	
/*  Typography */
	
h2, h3, h4, h5, h6	{
	font-family: verdana, Myriad, "Gill Sans", "Bitstream Vera Sans";
	font-weight: normal;
			}
	
h1 {
	font-family: "Bitstream Vera Sans", "Gill Sans", Myriad, verdana;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: 1.5px;
	}
	
p	{line-height: 120%;
	text-align: left;
	margin-top: 0;
	}
		
 	
/*  Parámetros generales */
/* Primero está el body */
body	{
	background: #e5e5e5 url("imagenes/fondo.gif") repeat;
	color: #333;
	margin: 0;
	padding: 0;
	border: #fff 1px solid;
	text-align: right;
	font-family: verdana, Myriad, "Gill Sans", "Bitstream Vera Sans";
			}
	
#cajetin	{
	background: #fff url("imagenes_cuerpo/borde_izquierdo.gif") repeat-y;/**/
	color: #333;
	margin: 0px auto; 
	padding: 0;
	border-right: 2px solid #000;
	width: 760px !important;  /* bmh */
	padding-left: 13px;
	padding-bottom: 13px;	
					}

#cuerpo	{
	background: #fff;/**/
	color: #444;
	margin-left: 5px;
	text-align: center;
	width: 750px !important;  	
			} 
	
#encabezado	{
	width: 715px !important;
	height: 300px;
	color: #fff;
	border: none;
	font-weight: bold;
	font-size: large;
	margin: 0;
	padding: 0;
	margin-left: 7px;
			} 	
	
#encabezado a	{
		border: none;
		}
		
#encabezado img	{
	margin: 0;
	margin-top: 5px;
	padding: 0;
	border: none;
	margin-left: 10px;
	margin-right: 0px;
		}

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

#contenedor h3	{margin-top: 0px;
    padding: 0px;
    color: #000;
	font-weight: bold;
	font-family: verdana, Myriad, "Gill Sans", "Bitstream VeraSans";
	padding-bottom: 6px;
	font-size: xx-small;      
	} 
		
#contenedor h4	{margin-top: 6px;
margin-bottom: 5px;
	font-weight: normal;
   	font-size: x-small;
	color: #000;      
	} 	

#contenedor h5	{margin-top: 20px;
     font-size: xx-small;      
   	} 
	
#contenedor h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-family: verdana, Myriad, "Gill Sans", "Bitstream Vera Sans";
	font-weight: normal;
	font-size:    9px;      
	} 
	
#contenedor p{font-size:  100%;
			  }			   

/* Declaracion de clases*/
.texto1 {color: #363;
font-weight: bold;}

.texto2 {color: #f63;
font-weight: bold;}

.texto3 {color: #036;
font-weight: bold;
}

.texto4 {color: #633;}

.espacio {
line-height: 1.8em;}

.arriba {float: right;
font-size: 90%;}
	
/*  Clase general */
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
/* declaracion de la parte principal para los que tienen dos columnas, esta dentro de contenedor */	
#principal1	{
float: right;
    margin: 0;
	padding: 0px 30px 24px 20px;
	width: 450px !important;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 500px !important;
	padding: 20px 10px 24px 20px;
			}

html>#principal1 	{
	width: 460px !important;
	padding: 0px 10px 24px 30px;
		} 

#principal1 ol, #principal1 ul	{
	margin: 0.5em ;
	padding-left: 0px ;
	padding-top: 0px;
	margin-bottom: 30px;
	margin-left: 20px;color: #FE0000;
		}
			
#principal1 ul li	{
	margin-bottom: 0px;
	padding: 0px 0 0px 5px;
	margin-left: 0px;
	list-style: disc;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	}
	
#principal1  p{color: #333;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 11px;
font-size: 12px;
                }
				
#principal1 h2{font-size: x-small;
padding-bottom: 0px;
margin-bottom: 2px;
}

#principal1 h3{padding-top: 0px;
padding-bottom: 3px;
margin-bottom: 0px;
font-size: small;}				
				
#principal1 h2 img {padding-bottom: 0px;
margin-bottom: 0px;}
				
#principal1 img {padding-bottom: 10px;}

#principal1 img.publicidad {padding-bottom: 20px;}				

/* division dentro de principal1 */

.texto {color: #FE0000;font-weight:bold;}						 				 			  
#textoespecial {background: #afcf8e; 
                padding: 10px 3px 5px 10px;
				margin-right: 8px;}
				
#textoespecial1 {background: #F5E8E8; /* rosa */
                padding: 10px 3px 5px 10px;
				margin-right: 8px;}
				
#textoespecial1 h2, h3	{margin-top: 0px;
    padding: 0px;
    font-weight: bold;
	font-family: verdana, Myriad, "Gill Sans", "Bitstream Vera Sans";
	padding-bottom: 6px;
	font-size: xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: x-small;  
	}

#textoespecial1 html>h2, h3 	{
	font-size:  x-small;  
	} 				
				
#textoespecial2 {background:  #FFCC99;/* naranja FDAC92#*/
                padding: 3px 5px 3px 5px;
				margin-right: 8px;}
				
.textoespecial2 {background:  #FFCC99;/* naranja FDAC92#*/
                padding: 3px 5px 3px 5px;
				margin-right: 8px;}
											
#textoespecial3 {background:  #9cf;/* azul#69f*/
                padding: 3px 5px 3px 5px;
				margin-right: 8px;
				color: #000;}
				
#textoespecial3 h3{padding-top: 7px;
padding-bottom: 3px;
margin-bottom: 0px;
font-size: x-small;}				
				
				
#textoespecial4 {background: #BF9393; /* marron claro. B77676, D38686*/
                padding: 10px 3px 5px 10px;
				margin-right: 8px;
				color: #000;}																
																 
#principal1 a {color: #36f;
background: transparent; 
text-decoration: underline;
border: 0;
voice-family: "\"}\""; 
voice-family:inherit;
font-weight: bold;}

html>#principal1 a {font-weight: bold;}

#principal1 a:hover {color: #36f;
background: transparent; 
text-decoration: none;}

#principal1 a:visited {color: #669;
background: transparent; 
text-decoration: none;}			  
			  	
/* menu vertical */
div#navigation
{
float: left;
margin-top: 28px;
margin-left: 18px;
margin-bottom: 30px;
background: #fff;
}
	
div#navigation ul
{
list-style-type: none;
padding: 0;
padding-left: 30px;
padding-right: 7px;
margin: 0;
clear: left;
font-family: verdana;
font-size: 70%;
}


#navigation ul li a
{
display: block;
width: 100%;  /* */
color: #fff;
border: none;
background: transparent; 
padding: 0px;
text-decoration: underline;
} 

#navigation a:visited, a:active img
{
color: #000;
border: none;
background: transparent; 
text-decoration: none;
} 
	
#navigation a:hover {color: #ccc;
background: transparent; 
text-decoration: none;}

#navigation a:hover img {color: #000;
background: transparent; 
text-decoration: none;
border: none;}

#navigation  img {margin-left: 10px;
margin-top: 4px;} 
  
body#uno #navigation li#one a {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
	}


/*  Divisiones que corresponde la los menu del navegador vertical de la izquierda */
#laempresa {background: #FE0000; /*  rojo */
width: 188px;
border: #000 1px solid;
height: 70px;
}

#laempresa1 {background: #999;  
width: 188px;
height: 70px;
border: #000 1px solid;
}

#domotica {background: #FE0000; /*  naranja */
width: 188px;
height: 70px;
border: #000 1px solid;
border-bottom: #fff 2px solid;
}

#domotica1 {background: #999;  
width: 188px;
border: #000 1px solid;
border-top: #fff 2px solid;
height: 70px;}

#energia {background: #FE0000; /*  azul */
width: 188px;
height: 70px;
border: #000 1px solid;
border-bottom: #fff 2px solid;}

#energia1 {background: #999;  
width: 188px;
border: #000 1px solid;
border-top: #fff 2px solid;
height: 70px;}


#productos {background: #FE0000; /* marron */
width: 188px;
height: 70px;
border: #000 1px solid;
border-bottom: #fff 2px solid;}

#productos1 {background: #999;  
width: 188px;
height: 70px;
border: #000 1px solid;
border-top: #fff 2px solid;}

#preguntas {background: #FE0000; /*  negro */
width: 188px;
height: 70px;
border: #000 1px solid;
border-bottom: #fff 2px solid;}

#preguntas1 a {border: none;}
#preguntas a {border: none;}

#preguntas1 {background: #999;
width: 188px;
border: #000 1px solid;
border-top: #fff 2px solid;
height: 70px;}

#preguntas1 a {border: none;}

#contactar {background: #FE0000; /*  rojo */
width: 188px;
border: #000 1px solid;
border-bottom: #fff 2px solid;
height: 70px;}

#contactar a {border: none;}

#contactar1 {background: #999;  
width: 188px;
border: #000 1px solid;
border-top: #fff 2px solid;
height: 70px;}

#contactar1 a {border: none;}
#gyg {background: #FE0000; /*  rojo */
width: 188px;
border: #000 1px solid;
border-bottom: #fff 2px solid;
height: 70px;}

#gyg a {border: none;}

#gyg1 {background: #999;  
width: 188px;
border: #000 1px solid;
border-top: #fff 2px solid;
height: 70px;}

#gyg1 a {border: none;}


/* pie de página */
#pie {
    width: 600px !important;
	height: 72px; /* para que en Mozilla el logo quede dentro del recuadro naranja */
	border: 0;
	color: #333;
	font-weight: bold;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	background: #fff;/**/
	padding: 0;
	margin-left: 65px;
	text-align: right;
	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: none;
	background:transparent;
	color: #333;
	}
	

/*  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 #fff;
			}
							
							
/*  Division del pie de pagina*/	
#texto {padding: 12px 0 0 10px;}


/*  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;
	padding-top: 0px;
	border: 1px solid #000;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	border: 1px solid #000;  
	}

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: 11px;
margin-bottom: 0;
padding-bottom: 0;
margin-top: 5px;
display: block;
}

div#formulario legend {
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	color: #000;}
	
div#formulario textarea {
    width: 410px;
	height: 90px;
	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.checkbox {
	width: 20px;
	height: 20px;
	}
	
div#formulario input.cantidad {
	width: 40px;
	height: 20px;
	}		
	
div#formulario input.boto {
	font-size: 11px;
	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	width: 90px;
	font-weight: bold;
	cursor: pointer;
				}
		
		
div#formulario input.boto:hover,
div#formulario input.boto:focus {
	border-color: #ccc;
	color: #555;
	}
	
	
div#textoespecial1 input.boto {
	font-size: 11px;
	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	width: 90px;
	font-weight: bold;
	cursor: pointer;
				}
		
		
div#textoespecial1 input.boto:hover,
div#textoespecial1 input.boto:focus {
	border-color: #ccc;
	color: #555;
	}