body{
	scrollbar-face-color: #EAEBED;
	scrollbar-highlight-color: #F1F8F9;
	scrollbar-3dlight-color: #F9F9F9;
	scrollbar-darkshadow-color: #C5CCD5;
	scrollbar-shadow-color: #D1D6DC;
	scrollbar-arrow-color: #B22222;
	scrollbar-track-color: white;
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
}
#precarga{
	position:absolute;
 	width:100%;
 	height:100%;
   top:0;
	left:0;
	background-color:white; 
	font-family:arial,helvetica; 
	z-index:110;
	color: #778899;
}
#cabecera{
	width: 750px;
	text-align: right;
}
#supizq{
	background-image: url(../imagenes/supizq.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 7px;
	height: 80px;
	position: absolute;
	top: 25px;
	_top: 30px;
	font-size: 0px;
}
#swfcabecera{
   padding-top: 2px;
	background-color: #F2F2F0;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
	width: 750px;
	height: 76px;
	_height: 80px;
	position: absolute;
	top: 25px;
	_top: 30px;
	left: 15px;
	_left: 17px;
	z-index: 90;
}
#supder{
	background-image: url(../imagenes/supder.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 7px;
	height: 80px;
	position: absolute;
	top: 25px;
	_top: 30px;
	left: 760px;
	font-size: 0px;
	z-index: 98;
}
#fecha{
	background-color: #DFE7F2;
	border-bottom: 1px solid #A7A7A7;
	position: absolute;
	top: 105px;
	_top: 110px;
	left: 10px;
	_left: 12px;
	width: 750px;
	_width: 753px;
	height: 14px;
   padding: 3px;
}
#menu{
	position: absolute;
   top: 107px;
	_top: 112px;
	left: 383px;
	_left: 385px;
	z-index: 99;
}
#cuerpo{
	border-right: solid 1px #A7A7A7;
	border-left: solid 1px #A7A7A7;
	border-bottom: solid 1px #A7A7A7;
	position: absolute;
	top: 105px;
	_top: 110px;
	left: 9px;
	_left: 11px;
	width: 755px;
	height: 400px;
}
#publi {
	position: absolute;
	top: 50px;
	left: 720px;
	_left: 720px;
	width: 170px;
	height: 250px;
	border: 1px solid Silver;
}
#pie{
	background-color: #F2F2F0;
	border: 1px solid #A7A7A7;
	position: absolute;
	top: 503px;
	left: 9px;
	_left: 11px;
	width: 755px;
	height: 30px;
	text-align: center;
	padding-top: 8px;
}
.inicio {
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:link {
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 1;
}
a:hover {
	font-weight: bold;
	font-size: 11px;
	color: #B0C4DE;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 1;
}
a:active {
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 1;
}
a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #A7A7A7;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 1;
}
#muneco{
	background-image: url(../imagenes/muņeco.gif);
	background-repeat: no-repeat;
	height: 140px;
	width: 90px;
	position: absolute;
	bottom: 0px;
	left: 800px;
}
#hrhoruno{
   width: 757px;
	_width: 755px;
	height: 1px;
	border-top: 1px solid #A7A7A7;
	font-size: 0px;
	position: absolute;
	top: 280px;
	_top: 290px;
  	left: 9px;
	_left: 11px;
	z-index: 99;
}
#hrhordos{
   width: 757px;
	_width: 755px;
	height: 1px;
	border-top: 1px solid #A7A7A7;
	font-size: 0px;
	position: absolute;
	top: 480px;
	_top: 480px;
  	left: 9px;
	_left: 11px;
	z-index: 99;
}
#hrveruno{
	width: 1px;
	height: 379px;
	_height: 374px;
	border-left: 1px solid #A7A7A7;
	font-size: 0px;
	position: absolute;
	top: 125px;
	_top: 130px;
  	left: 20px;
	_left: 22px;
	z-index: 98;
}
#hrverdos{
	width: 1px;
	height: 379px;
	_height: 374px;
	border-left: 1px solid #A7A7A7;
	font-size: 0px;
	position: absolute;
	top: 125px;
	_top: 130px;
  	left: 270px;
	_left: 272px;
	z-index: 98;
}
#hrvertres{
	width: 1px;
	height: 379px;
	_height: 374px;
	border-left: 1px solid #A7A7A7;
	font-size: 0px;
	position: absolute;
	top: 125px;
	_top: 130px;
  	left: 520px;
	_left: 522px;
	z-index: 98;
}
#software{
	background-color: #EEF4FB;
	border: 1px solid #778899;
	position: absolute;
	top: 260px;
	_top: 265px;
	left: 14px;
	_left: 16px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	width: 230px;
	_width: 246px;
	height: 228px;
	_height: 234px;
	z-index: 97;
}
#diseno{
	background-color: #E1DFF2;
	border: 1px solid #778899;
	position: absolute;
	top: 260px;
	_top: 265px;
	left: 264px;
	_left: 266px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	width: 230px;
	_width: 246px;
	height: 228px;
	_height: 234px;
}
#hardware{
	background-color: #F1EFE2;
	border: 1px solid #778899;
	position: absolute;
	top: 260px;
	_top: 265px;
	left: 514px;
	_left: 516px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	width: 230px;
	_width: 246px;
	height: 228px;
	_height: 234px;
	z-index: 96;
}
#contactar{
	background-color: #F1EFE2;
	position: absolute;
	left: 14px;
	_left: 16px;
	z-index: 99;
	top: 260;
	_top: 265px;
	height: 218px;
	_height: 234px;
	width:745px;
	_width: 746px;
	z-index: 99;
	visibility: hidden;
	border: 1px solid #A7A7A7;
	text-align: center;
}
#empresa{
   background-image: url(../imagenes/ordempibm.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FDF9FF;
	position: absolute;
	left: 14px;
	_left: 16px;
	z-index: 99;
	top: 260;
	_top: 265px;
	height: 228px;
	_height: 234px;
	width: 730px;
	_width: 746px;
	z-index: 97;
	visibility: hidden;
	border: 1px solid #A7A7A7;
	padding: 5px 5px 5px 10px;
}
#clientes{
   background-image: url(../imagenes/clientes.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #E6E6FA;
	position: absolute;
	left: 14px;
	_left: 16px;
	z-index: 99;
	top: 260;
	_top: 265px;
	height: 228px;
	_height: 234px;
	width: 730px;
	_width: 746px;
	z-index: 97;
	visibility: hidden;
	border: 1px solid #A7A7A7;
	padding: 5px 5px 5px 10px;
}
#servicios{
	background-image: url(../imagenes/servicios.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #EEF4FB;
	position: absolute;
	left: 14px;
	_left: 16px;
	z-index: 99;
	top: 260;
	_top: 265px;
	height: 228px;
	_height: 234px;
	width: 730px;
	_width: 746px;
	z-index: 97;
	visibility: hidden;
	border: 1px solid #A7A7A7;
	padding: 5px 5px 5px 10px;
}
.izq{
	text-align: left;
	width: 100px;
}
.leermas{
   background-image: url(../imagenes/leermas.gif);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: bottom;
	position: absolute;
	top: 222px;
	_top: 217px;	
}
#acceso{
	position: absolute;
	top: 33px;
	_top: 35px;
	left: 652px;
	_left: 654px;
	width: 100px;
	height: 78px;
	z-index: 98;
}
.input{
	/* formularios */
	background-color: #FFFFF0;
	border: 1px solid #A7A7A7;
	font-family: Arial, Helvetica, sans-serif;
	color: #878787;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	width: 75px;
}
.inputover{
	/* formularios sobre */
	border: 1px solid Lime;
	font-family: Arial, Helvetica, sans-serif;
	color: #878787;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	width: 75px;
}
.boton{/* para el boton de enviar formulario */
	background-image: url(../imagenes/ir.gif);
	background-repeat: no-repeat;
	height: 15px;
	border: none;
	width: 14px;
   display: inline;
}
#zonaprivada{ /* para la imagen de zona privada */
	background-image: url(../imagenes/zonaprivada.gif);
	background-repeat: no-repeat;
	height: 79px;
	width: 18px;
	visibility: hidden;
	position: absolute;
	top: 25px;
	_top: 30px;
	left: 612px;
	_left: 614px;
	z-index: 99;
}
#texto{
	position: absolute;
	width: 745;
	height: 125;
	padding-top: 2px;
	top: 128;
	_top: 135;
   left: 14px;
	_left: 16px;
	visibility: hidden;
	filter: revealTrans(transition=12,duration=2);
	z-index: 95;
	vertical-align: middle;
}
#mapa{
   background-color: #F1EFE2;
	border: 1px solid #778899;
	position: absolute;
	width: 745;
	height: 370px;
	_height: 365px;
	top: 128;
	_top: 135;
   left: 14px;
	_left: 16px;
	visibility: hidden;
	z-index: 99;
	vertical-align: middle;
	filter: revealTrans(transition=12,duration=3);
}
#direccion{
	position:absolute;
	left:610px;
	_left:612px;
	z-index:99;
	top: 128;
	_top:135px;
	height:360px;
	_height:366px;
	width:135px;
	_width:150px;
	text-align:right;
	visibility:hidden;
	padding:10px; 
}
.formu{
   margin: 2px;
	width: 205px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #878787;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #FFD42B;
}
.formuover{
   margin: 2px;
   width: 205px;
	height: 18px;
	border: 1px solid #00FD24;
	font-family: Arial, Helvetica, sans-serif;
	color: #878787;
	font-size: 11px;
	font-weight: bold;
}
#recuadro{
	_background-image: url(../imagenes/formu.gif);
   _background-repeat: no-repeat;
   _background-position: bottom;
	width: 209px;
	height: 25px;
}
.botonenviar{
	background-color: #EAEBED;
	width: 100px;
	height: 25px;
	border-top: 1px solid #F9F9F9;
	border-left: 1px solid #F9F9F9;
	border-right: 1px solid #D1D6DC;
	border-bottom: 1px solid #D1D6DC;
	font-weight: bold;
	font-size: 11px;
	color: #B22222;
	font-family: Arial, Helvetica, sans-serif;
}
.ordibm{
	background-image: url(../imagenes/ordempibm.gif);
	background-repeat: no-repeat;
	float: right;
}
#selec{
	position: absolute;
	background-color: #DCDCDC;
	border: 1px solid Silver; 
	width: 745;
	_width: 745;
	height: 25;
	padding-top: 2px;
	top: 128;
	_top: 135;
   left: 14px;
	_left: 16px;
	z-index: 95;
	vertical-align: middle;
}
.reftien{
	width: 150px;
	height: 150px;
	background-color: #FAFAFA;
	border-top: 2px solid #F9F9F9;
	border-left: 2px solid #F9F9F9;
	border-right: 2px solid #D1D6DC;
	border-bottom: 2px solid #D1D6DC;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
}
span#cerrarover, a#cerrar{
	height: 20px;
	width: 20px;
}
span#cerrarover{
	background: url(../imagenes/cerrarover.gif) no-repeat;
}
a#cerrar{
	display: block;
	background: url(../imagenes/cerrar.gif) no-repeat;
	text-decoration: none;
	vertical-align: middle;
}
a#cerrar:hover{
background: url(../imagenes/cerrarover.gif) no-repeat;
_background: transparent;
text-decoration: none;
vertical-align: middle;
}

#datos{
	position: absolute;
	top: 160;
	_top: 165;
   left: 560px;
	_left: 560px;
	background-color: #DFE7F2;
	width: 179px;
	_width: 201px;
	height: 319px;
	_height: 336px;
	border-right: 1px solid Gray;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	z-index: 99;
	visibility: hidden;
}
.lateral2{
	position: absolute;
	top: 160;
	_top: 165;
   left: 716px;
	_left: 720px;
	background-image: url(../imagenes/lateral2ped.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #DCDCDC;
	width: 20px;
	height: 339px;
	_height: 336px;
	border-right: 1px solid White;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
	font-weight: bold;
	font-size: 11px;
	color: Gray;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	z-index: 99;
}
.lateral2over{
	position: absolute;
	top: 160;
	_top: 165;
   left: 716px;
	_left: 720px;
	background-image: url(../imagenes/lateral2pedover.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	width: 20px;
	height: 339px;
	_height: 336px;
	border-right: 1px solid White;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
	font-weight: bold;
	font-size: 11px;
	color: #D33A3A;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	z-index: 99;
	cursor: hand;
} 
.lateral3{
	background-image: url(../imagenes/lateral3datos.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 160;
	_top: 165;
   left: 738px;
	_left: 740px;
	background-color: #DCDCDC;
	width: 20px;
	height: 339px;
	_height: 336px;
	border-right: 1px solid White;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
	font-weight: bold;
	font-size: 11px;
	color: Gray;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	z-index: 99;
}
.lateral3over{
   background-image: url(../imagenes/lateral3datosover.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 160;
	_top: 165;
   left: 738px;
	_left: 740px;
	background-color: #F1F1F1;
	width: 20px;
	height: 339px;
	_height: 336px;
	border-right: 1px solid White;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
	font-weight: bold;
	font-size: 11px;
	color: #D33A3A;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	z-index: 99;
	cursor: hand;
} 
#pedido{
	position: absolute;
	top: 160;
	_top: 165;
	left: 542px;
	_left: 540px;
	background-color: #F6F7FE;
	width: 179px;
	_width: 201px;
	height: 319px;
	_height: 336px;
	border-right: 1px solid Gray;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
	font-weight: bold;
	font-size: 11px;
	color: #878787;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	_padding: 2px;
	z-index: 98;
	visibility: hidden;
}
span#cestaover, a#cesta{
	height: 15px;
	width: 41px;
}
span#cestaover{
	background: url(../zc/imagenes/cestaover.gif) no-repeat;
}
a#cesta{
	display: block;
	background: url(../zc/imagenes/cesta.gif) no-repeat;
	text-decoration: none;
	vertical-align: middle;
	color: #696969;
	padding-left: 3px;
	padding-top: 2px;
   margin: 1px;
	_margin: 0px;
	font-size: 9px;
}
a#cesta:hover{
	background: url(../zc/imagenes/cestaover.gif) no-repeat;
	_background: transparent;
	text-decoration: none;
	vertical-align: middle;
	color: Maroon;
	padding-left: 3px;
	padding-top: 2px;
	margin: 1px;
	_margin: 0px;
	font-size: 9px;
}
.mas {
	/* boton mas cantidad tienda.php */
	background: url(../zc/imagenes/mas.gif) no-repeat top;
	height: 10px;
	width: 12px;
	position: absolute;
	top: 65px;
	_top: 45px;
	left: 60px;
	_left: 45px;
	cursor: pointer;
	_cursor: hand;
}
.menos {
	/* boton menos cantidad tienda.php */
	background: url(../zc/imagenes/menos.gif) no-repeat top;
	height: 10px;
	width: 12px;
	position: absolute;
	top: 75px;
	_top: 55px;
	left: 60px;
	_left: 45px;
	cursor: pointer;
	_cursor: hand;
}
.ok{
	background: url(../zc/imagenes/okcantidad.gif) no-repeat top;
	height: 23px;
	width: 12px;
	position: absolute;
	top: 65px;
	_top: 45px;
	left: 165px;
	_left: 145px;
	cursor: pointer;
	_cursor: hand;
}
#cantidad{
	position:absolute;
	top:250px;
	left:250px;
	height:100px;
	width:200px;
	background-color: #F1EFE2;
	border: 1px solid #778899;
	z-index:100;
	padding:15px;
	visibility: hidden;
}