body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	background-image: url(fotos/fondoOpc02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: 35px top;
	font-size: 11px;
	font-family: Arial, helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border-style: none;


}

#contenido {
	position:absolute;
	float:left;
	margin-left: 180px;
	margin-top: 25px;
	width: 700px; /*Le ponemos el valor del alto*/
	height: 520px; /*Le ponemos el valor del alto*/

  /*background-color: #ffffff; /*Este es el kolor de fondo, para ke el ejemplo sea visible*/

}




#menu {
/*  overflow:auto;*/
  
  position:absolute;
  float:left;
  margin-left: 10px;
  margin-top: 24px; 
  height: 500px;
  width: 144px; 
  text-align:right;
  word-spacing:3px; /* Separacion entre palabras */
  letter-spacing:0,75pt; /*Separacion letras */
  line-height:13px; /* separacion de lineas*/
  
}


td {
  
  word-spacing:2px; /* Separacion entre palabras */  
  *word-spacing:1px; /* Separacion entre palabras */
  letter-spacing:0,75pt; /*Separacion letras */.
  line-height:13px; /* separacion de lineas*/
  
 }
 
 
#minuscula {
 
 font-weight: normal;
 font-size: 11px; 
 float:right;
 
 
}

.minuscula {
 
 font-weight: normal;
 font-size: 11px; 
 float:right;
 
 
}

.junto {

 line-height:11px; /* separacion de lineas*/
}

#minuscula {
 
 font-weight: normal;

 
}




#contacta {
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: bold;
   word-spacing:0,50pt; /* Separacion entre palabras */
  letter-spacing:0,50pt; /*Separacion letras */
     
  }




#serviciotec {

 
  
  width:108px; 
  height:55px;
  
  
  

}

#tabla {

 float:right; 
}

#mapa {
 float:right; 
 margin-top: 60px;
 *margin-top: 20px;
 margin-left: 4px;
 margin-right: 0px;
 font-size: 9px;
 font-family:  Arial, helvetica,  sans-serif;
 background: #000000;
 

}

#direccion {
 
 
 /*margin-top: 25px;
 *margin-top: -10x;*/
  -moz-margin-top: 25px;
 *margin-top: 1x;
 margin-left: -8px;
 
 font-size: 11px;
 font-style: normal;
 font-family:  Arial, helvetica,  sans-serif;
 line-height: 12px;
 *line-height: 12px; 
 color: #FFFFFF;
 letter-spacing:0,50pt;
 word-spacing:1px;
 float:right;
/*background: #5FA626;*/

}


#dire {

 font-size: 10px;
 word-spacing:0,65px;
 

}

#menu a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#menu a:hover {
	text-decoration: none;
	color: #A7A8A7;
	font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}
#menu a:active {
	text-decoration: none;
	color: #A7A8A7;
	font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}
#tabla a:active {
	color: #FFFFF;
	text-decoration: none;
font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#tabla a:link {
	color: #FFFFFF;
	text-decoration: none;
font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#tabla a:visited {
	color: #FFFFFF;
	text-decoration: none;
font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#tabla a:hover {
	text-decoration: none;
	color: #A7A8A7;
font-size: 13px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}




#minuscula a:active {
	color: #FFFFF;
	text-decoration: none;
 font-weight: normal;
 font-size: 11px; 
 float:right;
}
#minuscula a:link {
	color: #FFFFFF;
	text-decoration: none;
 font-weight: normal;
 font-size: 11px; 
 float:right;
}
#minuscula a:visited {
	color: #FFFFFF;
	text-decoration: none;
 font-weight: normal;
 font-size: 11px; 
 float:right;
}
#minuscula a:hover {
	text-decoration: none;
	color: #A7A8A7;
 font-weight: normal;
 font-size: 11px; 
 float:right;
  
}

#linkinf a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#linkinf a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#linkinf  a:hover {
	text-decoration: none;
	color: #A7A8A7;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}

#submenuinf a:active {
	color: #FFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}

#submenuinf a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#submenuinf a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#submenuinf  a:hover {
	text-decoration: none;
	color: #A7A8A7;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}

#submenuinf a:active {
	color: #FFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}



#submenuinf1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#submenuinf1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#submenuinf1  a:hover {
	text-decoration: none;
	color: #A7A8A7;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}

#submenuinf1 a:active {
	color: #FFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}


#submenuinf_cajas a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#submenuinf_cajas a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
#submenuinf_cajas a:hover {
	text-decoration: none;
	color: #A7A8A7;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}

#submenuinf_cajas a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}

#submenuinf {

  
  width: 155px; /*Le ponemos el valor del alto*/
  /*height: 18px; /*Le ponemos el valor del alto*/
  padding-left: 175px;  
  text-align: right; 
  margin-top:10 
  /*padding-bottom: 5px;*/ 
  
   
}

#serviciotec1 {

  
  width:108px; 
  height:45px;
  

}

#textgo {
 position:relative;
 width: 800px; 
 height: 38px; 
 margin-top: 10px;
 margin-left: 33px;
 margin-right: 5px;
 	font-size: 9px;
	/*text-align: left;*/
  color: #FFFFFF;
  z-index: -2;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: normal;
  font-variant: normal;
  word-spacing:3px; /* Separacion entre palabras */
  letter-spacing:0,75pt; /*Separacion letras */
  text-align: center; 
  padding-top: 585px;
  
}

#textgotienda {
 position:relative;
 width: 800px; 
 height: 38px; 
 margin-top: 0px;
 margin-left: 33px;
 margin-right: 5px;
 	font-size: 9px;
	/*text-align: left;*/
  color: #FFFFFF;
  z-index: -2;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: normal;
  font-variant: normal;
  word-spacing:3px; /* Separacion entre palabras */
  letter-spacing:0,75pt; /*Separacion letras */
  text-align: center; 
  padding-top: 672px;
  z-index: -2;
  
}

#textgo_inicio {
 position:relative;
 width: 800px; 
 height: 38px; 
 margin-top: 0px;
 margin-left: 33px;
 margin-right: 5px;
 	font-size: 9px;
	/*text-align: left;*/
  color: #FFFFFF;
  z-index: -2;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: normal;
  font-variant: normal;
  word-spacing:3px; /* Separacion entre palabras */
  letter-spacing:0,75pt; /*Separacion letras */
  text-align: center; 
  padding-top: 620px;
  z-index: -2;
  
}

#textgo_inicio1 {
 position:relative;
 width: 800px; 
 height: 38px; 
 margin-top: 0px;
 margin-left: 33px;
 margin-right: 5px;
 	font-size: 9px;
	/*text-align: left;*/
  color: #FFFFFF;
  z-index: -2;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: normal;
  font-variant: normal;
  word-spacing:3px; /* Separacion entre palabras */
  letter-spacing:0,75pt; /*Separacion letras */
  text-align: center; 
  padding-top: 5px;
  z-index: -2;
  
  
}
#copy21 {
  font-style: bold;
  font-weight:normal;
  font-variant: bold;
  font-size: 9px;
  color: #FFFfff;
  font-family: Arial, Helvetica, sans-serif;
  width:850px; 
  text-align:center;
  z-index: -2;
   
   
  
}



#copy21 a:link {
	color: #FFFFFF;
	text-decoration: none;
	 font-size: 9px;
	 	 font-style: bold;
	   font-weight: bold;
  font-variant: bold;
}
#copy21 a:visited {
	text-decoration: none;
	color: #555555;
	 font-size: 9px;
	 font-style: bold;
}
#copy21 a:hover {
	text-decoration: none;
	color: #ffffff;
	 font-size: 9px;
	 font-style: bold;
	   font-weight: bold;
  font-variant: bold;
  
}
#copy21 a:active {
	text-decoration: none;
	color: #FFFFFF;
	 font-size: 9px;
	 font-style: bold;
}
#copy2 {
  font-style: bold;
  font-weight:normal;
  font-variant: bold;
  font-size: 9px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  width:850px; 
  text-align: center;
  z-index: -2;
  
}
#copy2 a:link {
	color: #FFFFFF;
	text-decoration: none;
	 font-size: 9px;
	 	 font-style: bold;
	   font-weight: bold;
  font-variant: bold;
}
#copy2 a:visited {
	text-decoration: none;
	color: #555555;
	 font-size: 9px;
	 font-style: bold;
}
#copy2 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	 font-size: 9px;
	 font-style: bold;
	   font-weight: bold;
  font-variant: bold;
  
}
#copy2 a:active {
	text-decoration: none;
	color: #FFFFFF;
	 font-size: 9px;
	 font-style: bold;
}



li {

  list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-family:  Arial, Helvetica;
	/*display: inline;*/
  margin-left: 0px;
  list-style:none;
  line-height: 18px;
  

}

ul {



}

#parrafotienda li {

  list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-family:  Arial, Helvetica;
	/*display: inline;*/
  margin-left: 0px;
  list-style:none;
  line-height: 13px;
  font-size: 12px;
  

}

#parrafotienda ul {

        line-height: 14px;

}

 /*-- pagina quienes ------------*/
 
#quienes {
	position: relative;
	float: right;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(fotos/fondoquienes.png);
	width: 480px; /*Le ponemos el valor del alto*/
	height: 480px; /*Le ponemos el valor del alto*/
	font-family: Arial, Helvetica, sans-serif;
  

}


#quehacemos {
	position: relative;
	float: right;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(fotos/fondoquehacemos.png);
	width: 480px; /*Le ponemos el valor del alto*/
	height: 480px; /*Le ponemos el valor del alto*/
	font-family: Arial, Helvetica, sans-serif;

  

}

#tienda {
	position: relative;
	float: right;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(fotos/fondotienda.png);
	width: 460px; /*Le ponemos el valor del alto*/
	height: 190px; /*Le ponemos el valor del alto*/
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 12px;
	text-align: left;
	padding-top: 290px;
	padding-left:10px;
	padding-right:10px;
  


}

#clientes {
	position: relative;
	float: right;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(fotos/fondoquienes.png);
	width: 480px; /*Le ponemos el valor del alto*/
	height: 480px; /*Le ponemos el valor del alto*/
	font-family: Arial, Helvetica, sans-serif;

  

}



#texto {

  padding-top: 22px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height:14px;
  word-spacing:0,85px;
  letter-spacing:0,85pt;
}


#producto1 {
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(fotos/puertasazul.png);
	width: 213px; /*Le ponemos el valor del alto*/
	height: 468px; /*Le ponemos el valor del alto*/
	font-size: 11px;
	line-height:11px;

}

#producto2 {
	position: relative;
	float: left;
	margin-left: 30px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: top left;
	width: 213px; /*Le ponemos el valor del alto*/
	height: 417px; /*Le ponemos el valor del alto*/
	font-size: 12px;
	padding-bottom: 20px;
	background-color: #396B22;
   
}

#producto3 {
	position: relative;
	float: right;
	background-repeat: no-repeat;
	background-position: top left;
	width: 213px; /*Le ponemos el valor del alto*/
	height: 290px; /*Le ponemos el valor del alto*/
	font-size: 12px;
	background-color: #5FA626;

}

#producto4 {
	position: relative;
	float: right;
	/*padding-left: 12px;*/
  background-repeat: no-repeat;
	background-position: top left;
	background-image: url(fotos/puertasverde03.png);
	width: 213px; /*Le ponemos el valor del alto*/
	height: 130px; /*Le ponemos el valor del alto*/
	font-size: 12px;
	padding-top: 2px;
	margin-top: 17px;
 

}

.bold {
	font-style: bold;
	font-weight: bold;
	font-variant: bold;
	line-height:14px;

}

#textoppf {

  
  padding-left: 22px;
  padding-right: 20px;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height:12px;

  
 /* padding-bottom: 3px;*/
  
   
}

#textoppf1 {

 padding-left: 22px;
  padding-right: 20px;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height:12px;


}

#textoppf2 {

  padding-left: 22px;
  padding-right: 20px;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height:12px;
 
  
}