/* --------------- Estilos generales -------------------- */

font-face{
	font-family:helveticaN;
	src:url("./fonts/helveticaNeue/HelveNeuMedCon.ttf");
}

body{
	margin:12px 0 24px 0;
	text-align:center;
	background:#FFF /*url("imagenes/fondo.jpg")*/;
	font-family:helveticaN,helveticaN, Tahoma, Geneva, sans-serif;
	cursor:default;
}
#sitio{
	width:852px;
	margin:0 auto 0 auto;
	height:744px;
	text-align:left;
}
img{
	border:none;
}
.flotarDerecha{
	float:right;
}

/* --------------- Estilos para el header -------------------- */

#header{
	width:100%;
	height:219px;
	margin:0 0 3px 0;
}
#headerTop{
	height:194px;
	width:850px;
}
#headerDivision{
	height:20px;
	width:100%;
	margin:5px 0 0 0;
	background:url("imagenes/headerdivision.jpg") no-repeat;
}

#headerTopTop{
	height:22px;
	width:100%;
	background:red url("imagenes/headertoptop.jpg");
}
#headerTopMed{
	height:140px;
	width:100%;
	background:#D2CFCF url("imagenes/headermed.jpg") -1px top;
}
#headerTopMed button{
	border:none;
	background:none;
	position:relative;
	top:14px;
	left:84px;
}
#headerTopMed button.icono{
	top:0px  !important;
	left:0px  !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	width:auto  !important;
}
#headerTopMed button:hover{
	cursor:pointer;
}
#headerTopMed img{
	height:114px;
	width:220px;	
}
#headerTopMed span{
	display:inline-block;
	position:relative;
	/*top:-70px;
	left:514px;*/
	float:right;
	top:4px;
	right:6px;
}
#headerTopMed span img{
	height:40px;
	width:40px;
}
#headerTopMed span img.efactura{
	height:40px;
	width:46px;
}
#headerMenu{
	height:24px;
	width:100%;
	background:red url("imagenes/headermenu.jpg");
	text-align:right;
	font-family:Impact, Charcoal, sans-serif;
	color:white;
	font-size:14px;
}
#headerMenu input:hover{
	cursor:pointer;
}
#headerMenu input{
	border:none;
	background:transparent;
	color:white;
	font-family:Impact, Charcoal, sans-serif;
	font-size:14px;
	height:22px;
	width:98px;
	letter-spacing:1px;
}
#headerMenu form{
	background:url("imagenes/menuOver.png") no-repeat -100px top;
	height:24px;
	padding-right:20px;
}
#activoMenu{
	background:url("imagenes/menuAct.png") no-repeat -100px top;
}
#headerBottom{
	height:10px;
	width:100%;
	background:black;
}
#headerBottom img{
	position:relative;
	top:-48px;
	overflow:visible;
}


/* ----------------Estilos para los botones del menu ---------------- */

#headerMenu #nosotros{
	background:url("imagenes/menu/nosotros.png") no-repeat center bottom !important;
}
#headerMenu #productos{
	background:url("imagenes/menu/productos.png") no-repeat center bottom !important;
}
#headerMenu #ubicacion{
	background:url("imagenes/menu/ubicacion.png") no-repeat center bottom !important;
}
#headerMenu #galeria{
	background:url("imagenes/menu/galeria.png") no-repeat center bottom !important;
}
#headerMenu #contacto{
	background:url("imagenes/menu/contacto.png") no-repeat center bottom !important;
}




/* --------------- Estilos para el cuerpo -------------------- */

#cuerpo{
	background:url("imagenes/bdcontenido.jpg");
	height:494px;
	width:100%;
	border-bottom:#666 2px solid;
	overflow:hidden;
}
#superiorContenido{
	background:url("imagenes/superiorContenido.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	z-index:5;
}
#superiorContenidoI{
	background:url("imagenes/superiorContenidoI.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	z-index:5;
}
#cuerpoContenido{
	height:494px;
	position:relative;
	top:-52px;
	/*overflow:hidden;*/
}

/* --------------- Estilos para el footer -------------------- */

#footer{
	height:30px;
	width:100%;
	background:url("imagenes/footerbg.jpg") repeat-x;
	margin:3px 0 12px 0;
	color:#EEE;
	font-size:10px;
	text-align:left;
	line-height:0px;
}
#footer p{
	text-align:right;
	position:relative;
	top:-6px;
	width:824px;
	display:inline-block;
}
#footer a,#footer a:link,#footer a:visited{color:white; text-decoration:none; font-weight:bold;}
/* --------------- Estilos para el modulo de inicio -------------------- */

#titulosImgInicio{
	background:url("imagenes/negro70.png");
	height:74px;
	width:100%;
	border-bottom:white solid 1px;
	position:relative;
	top:-24px;
	z-index:3;
}
#titulosImgInicio h1{
	color:white;
	height:1px;
	overflow:visible;
	font-size:24px;
	position:relative;
	top:36px;
	left:24px;
}
#inicioImagenes{
	width:1800px;
	height:237px;
	overflow:hidden;
	position:relative;
	top:-74px;
}
#inicioImagenes span{
	display:inline-block;
	overflow:hidden;
	width:851px;
	text-align:right;
}
#inicioImagenes span img{
	float:right;
}

#footerImagenes{
	background:url("imagenes/inferiorContenido.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	top:-114px;
	text-align:right;
}
#control{
	display:inline-block;
	width:250px;
	height:18px;
	background:black;
	position:relative;
	top:12px;
	right:18px;
	font-size:11px;
	line-height:0px;
	color:white;
	font-weight:bold;
	text-align:right;
}
#control span.vis{
	display:inline-block;
	position:relative;
	top:0px;
	right:36px;
	width:140px;
}
#control span.vis span{
	position:relative;
	top:-4px;
}
#control button{
	background:black;
	font-size:9px;
	border:black solid 1px;
	margin:1px 6px 0 0;
	padding:0 0 0 0;
	width:37px;
	height:15px;
}
#control button:hover{
	cursor:pointer;
}
#control button img{
	position:relative;
	top:-1px;
}

#izqInicio{
	float:left;
	height:220px;
	width:502px;
	position:relative;
	top:-110px;
	margin:0 0 0 12px;
}
#izqInicio .division{
	width:100%;
	border-top:#555 1px solid;
	border-bottom:#EEE 1px solid;
	margin:6px 0 6px 0;
}
#izqInicio p{
	margin:0 6px 0 6px;
	font-family:helveticaN, Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333;
}
#izqInicio li{
	font-family:helveticaN, Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#111;
}
#izqInicio ul{
	margin:6px 0 0 0;
	padding:0 0 0 24px;
}
#derInicio{
	width:300px;
	height:508px;
	background:url("imagenes/inicio/sucursales.jpg") no-repeat;
	float:right;
	position:relative;
	top:-146px;
	right:18px;
}
#derInicioReg{
	width:418px;
	height:225px;
	background:url("imagenes/inicio/registro.jpg") no-repeat;
	/*float:right;*/
	position:relative;
	top:0px;
	left:16px;
}
#derInicioReg p{
	color:#333;
	font-size:10px;
	text-align:justify;
}
#derInicioReg img{
	margin:3px 0 0 6px;
}
#derInicioReg input{
	color:#333;
	font-size:12px;
	border:#666 solid 1px;
	height:14px;
	margin:3px 0 0 6px;
	width:260px;
}
#derInicioReg #registrarBtn{
	height:20px;
	color:white;
	font-weight:bold;
	font-size:12px;
	background:#C02 url("imagenes/botonCorreo.jpg");
	border:#400 solid 1px;
	padding:0 0 3px 0;
	width:107px;
	float:right;
	position:relative;
	top:-22px;
	right:120px;
}
#derInicioReg #codigoInicio{
	width:148px;
	margin:3px 0 0 6px;
}

#derInicioReg #registrarBtn:hover{
	background:#902 url("imagenes/botonCorreoO.jpg");
	cursor:pointer;
}
#scrollSucursales{
	width:2px;
	float:left;
	position:relative;
	top:34px;
	left:1px;
	background:black;
	height:174px;
}
#scrollSucursales button{
	width:20px;
	background:red;
	border:none;
}
#scrollSucAbajo{
	margin-top:138px;
}
#sucursales{
	position:relative;
	top:34px;
	right:12px;
	width:274px;
	height:472px;
	float:right;
	overflow:hidden;
}
	#sucursales b{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#B00;
		display:inline-block;
		margin-top:3px;
		/*text-shadow:#666 0 0 1px;*/
	}
#registro{
	position:relative;
	top:34px;
	right:12px;
	width:390px;
	height:174px;
	float:right;
	overflow:hidden;
}
#sucursalesContenido button{
	background:none;
	width:100%;
	border:none;
	margin:3px 0 0 0;
	text-align:left;
	border-bottom:solid 1px #AAA;
	font-size:11px;
	font-weight:bold;
	color:#555;
}
#sucursalesContenido button:hover{
	cursor:pointer;
	color:#777;
}
#sucursalesContenido button b{
	font-size:13px;
	color:#444;
}



/* --------------- Estilos para el modulo nosotros -------------------- */

#nosotrosImagen{
	width:1800px;
	height:237px;
	overflow:hidden;
	position:relative;
	top:24px;
}
#footerImagenNosotros{
	background:url("imagenes/inferiorContenido.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	top:-12px;
	text-align:right;
}
#contenidoNosotros{
	position:relative;
	top:-24px;
}
#menuNosotros{
	width:100%;
	height:26px;
	background:red url("imagenes/nosotros/barraMenu.jpg") repeat-x;
}

#menuNosotros input,#menuNosotros button{
	border:none;
	background:none;
	color:white;
	font-family:Impact, Charcoal, sans-serif;
	font-size:14px;
	height:26px;
	letter-spacing:1px;
	padding:0 12px 0 12px;
}
#menuNosotros input:hover,#menuNosotros button:hover{
	cursor:pointer;
	background:url("imagenes/negro40.png");
	border-left:#500 solid 2px;
	border-right:#500 solid 2px;
	padding:0 10px 0 10px;
}

#textoNosotros{
	font-family:helveticaN, Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:left;
	font-weight:bold;
	color:#333;
	margin:6px 18px 6px 18px;
	width:680px;
}
#textoNosotros .division{
	width:102%;
	border-top:#555 1px solid;
	border-bottom:#E0E0E0 1px solid;
	margin:6px 0 6px -6px;
}

#textoNosotros p.mision{
	text-align:left;
	width:366px;
	margin-bottom:0px;
}
#textoNosotros p.vision{
	clear:both;
	text-align:right;
	width:360px;
	margin:24px 0 0 214px;
}
#textoNosotros b{
	color:#222;
	font-size:13px;
}

/* --------------- Estilos para el modulo ubicacion -------------------- */

#ubicacionImagen{
	width:1800px;
	height:237px;
	overflow:hidden;
	position:relative;
	top:24px;
	border:#777 1px solid;
}
#footerImagenUbicacion{
	background:url("imagenes/inferiorContenido.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	top:-12px;
	text-align:right;
}
#contenidoUbicacion{
	position:relative;
	top:-24px;
}

#textoUbicacion{
	font-family:helveticaN, Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:left;
	font-weight:bold;
	color:#333;
	margin:0px 0 6px 18px;
	width:490px;
}
#textoUbicacion .division{
	width:102%;
	border-top:#555 1px solid;
	border-bottom:#E0E0E0 1px solid;
	margin:6px 0 6px -6px;
}
#textoUbicacion b{
	color:#252525;
	font-size:14px;
}


/* --------------- Estilos para el modulo de productos -------------------- */

#superiorProductos{
	background:url("imagenes/superiorContenidoBarra.png") no-repeat;
	height:11px;
	width:100%;
}
#headerImagenProductos{
	background:url("imagenes/supImgContenido.png") no-repeat;
	height:39px;
	width:100%;
	position:relative;
	z-index:5;
}
#productosImagen{
	height:237px;
	position:relative;
	top:-38px;
	background:#377;
	overflow:hidden;
}
#footerImagenProductos{
	background:url("imagenes/inferiorContenido.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	top:-72px;
	text-align:right;
}
#contenidoProductos{
	position:relative;
	top:-84px;
}
#textoProductos{
	font-family:helveticaN, Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:left;
	font-weight:bold;
	color:#333;
	margin:0px 0 6px 6px;
	width:100%;
}
#textoProductos .division{
	width:85%;
	/*border-top:#555 1px solid;
	border-bottom:#E0E0E0 1px solid;*/
	height:4px;
	background:#000;
	margin:0px 0 0 -6px;
}
#menuProductos{
	width:100%;
	height:26px;
	background:red url("imagenes/nosotros/barraMenu.jpg") repeat-x;
	text-align:center;
}

#menuProductos button{
	border:none;
	background:none;
	color:white;
	font-family:Impact, Charcoal, sans-serif;
	font-size:14px;
	height:26px;
	letter-spacing:1px;
	padding:0 12px 0 12px;
}
#menuProductos button:hover{
	cursor:pointer;
	background:url("imagenes/negro40.png");
}

#submenuProductos{
	height:20px;
	background:#111;
	width:100%;
}

#textoProductos button{
	border:none;
	background:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:186px;
	text-align:left;
	height:auto;
	display:block;
}

#textoProductos button:hover{
	cursor:pointer;
}

#textoProductos button h2{
	font-size:12px;
	color:#555;
	display:block;
	margin:3px 0 0 0;
	padding:0 12px 0 12px;
	position:static !important;
}
#textoProductos button:hover h2{
	cursor:pointer;
	background:#555;
	color:white;
}

#textoProductos h3{
	margin:9px 0 0 3px;
	font-size:14px;
	color:#333;
}
#textoProductos p{
	margin:0 0 0 12px;
	font-size:12px;
	color:#111;
	font-weight:normal;
	width:550px;
	text-align:justify;
}
#textoProductos div.producto div{
	width:420px;
	display:inline-block;
	min-height:80px;
	border-bottom:#555 1px solid;
	margin:0 6px 0 0;
	float:left;
}
#textoProductos a,#textoProductos a:link,#textoProductos a:visited{
	display:inline-block;
	margin:6px 185px 0 9px;
	font-size:10px;
	color:#222;;
	text-decoration:none;
	float:right;
}
#textoProductos a img,#textoProductos a:link img,#textoProductos a:visited img{
	position:relative;
	top:8px;
}
#textoProductos a:hover{
	color:#A03;
	cursor:pointer;
}
#listando{
	background:black;
	height:16px;
	line-height:16px;
	font-size:10px;
	color:#EEE;
	font-weight:bold;
	padding-left:6px;
	position:relative;
	left:-6px;
}

.seleccionado{background:url("imagenes/negro70.png") !important;}
#textoProductos img.tituloCategoria{
	position:relative;
	left:-6px; 
}
#botones{
	float:left;
	width:186px;
	margin:3px 0 0 0;
	background:url("imagenes/bgprd.jpg") no-repeat 2px top;
	height:215px;
}
#botones h2{
	font-family:"Lucida Console", Monaco, monospace;
}
#infoProd{
	float:right;
	width:630px;
	margin:3px 12px 0 0;
	
}
#infoProd p{
	width:400px;
	text-align:justify;
	margin-bottom:18px;
}
#infoProd li{
	width:380px;
	text-align:justify;
}
.actProducto{
	background:#333 !important;
	color:white !important;
}

#textoProductos .producto button{
	float:right;
	height:45px;
	color:#333;
	font-weight:bold;
	font-size:12px;
	position:relative;
	top:-24px;
}
#textoProductos .producto button img{
	position:relative;
	top:4px;
}
#textoProductos h4{
	margin:6px 0 0 3px;
	font-size:14px;
}
#textoProductos p{
	font-size:13px !important;
}

#textoProductos li{
	font-size:13px !important;
	font-weight:normal !important;
	color:#111;
}



/* --------------- Estilos para el modulo de galeria -------------------- */


.galeriaContenedor img{
	max-height:90px;
}
#contenidoGaleria{
	height:auto;
	clear:both;
	font-size:12px;
	color:#333;
	margin:0 0 0 0;
	float:left;
	text-align:left !important;
	
}
#descGaleria{
	height:420px;
	background:url("imagenes/negro70.png");
	width:150px;
	float:left;
	color:white;
	position:relative;
	z-index:2;
	border-right:#ddd solid 1px;
}
#descGaleria p{
	font-size:12px;
	margin:0 6px 0 12px;
}
#descGaleria p b{
	margin:0 0 0 -6px;
}
#galeriaImagen{
	height:420px;
	width:851px;
	overflow:hidden;
	/*overflow-x:visible;*/
	float:right;
	position:relative;
	left:-150px;
}
#galeriaImagen img{
	max-width:852px;
	position:relative;
	top:-60px;
	
}
#footerImagenGal{
	background:url("imagenes/inferiorContenidoI.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	top:-32px;
	text-align:left;
	clear:both;
	z-index:3;
}
#footerImagenGal button{
	border:none;
	background:none;
	margin:0 3px 0 0;
	padding:0 0 0 0;
}
#footerImagenGal button:hover{
	cursor:pointer;
}
#controlGaleria{
	background:black;
	position:relative;
	top:10px;
	left:4px;
	width:256px;
	border:1px #666 solid;
	text-align:right;
	color:white;
	font-size:11px;
	font-weight:bold;
	line-height:6px;
	height:19px;
}
#controlGaleria button{
	position:relative;
	top:1px
}
#contenidoGaleria button{
	color:white;
	font-weight:bold;
	font-size:14px;
	background:none;
	border:none;
	width:99%;
	text-align:left;
	margin:0 0 0 0;
	height:24px;
	font-family:"Lucida Console", Monaco, monospace;
}
#contenidoGaleria button:hover{
	background:url("imagenes/negro25.png");
	cursor:pointer;
	height:24px;
	border-top:1px solid #850000;
	border-bottom:1px solid #850000;
}
#botonesGaleria{
	background:url("imagenes/galBG.jpg") repeat-y;
	position:relative;
	top:-42px;
	width:265px;
	height:1000px;
	z-index:3;
}
button.activaGalBtn{
	background:url("imagenes/negro40.png") !important;
}
#thumbnailsGaleria{
	/*float:right;*/
	text-align:left;
	position:relative;
	top:-30px;
	left:12px;
}
#thumbnailsGaleria button{
	background:black;
	padding:0 0 0 0;
	margin:0 12px 6px 6px;
	border:none;
	width:64px;
	height:48px;
	text-align:left;
	overflow:hidden;
}
#thumbnailsGaleria button{
	cursor:pointer;
}
#thumbnailsGaleria button img{
	height:52px;
	width:70px;
	position:relative;
	top:-2px;
	left:-4px;
}


/*     ------------------ Estilos para la forma de contacto ---------------------    */


.flotarIzquierda{
	float:left;
}
.clearFloats{
	clear:both;
	text-align:right;
}

#frmContacto{
	margin:24px 18px 0 18px;
}
#frmContacto span{
	display:inline-block;
	width:386px;
	height:31px;
	background:url("imagenes/contacto.jpg") no-repeat;
	text-align:left;
}
#frmContacto span span{
	width:176px;
	color:white;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 8px;
	background:none;
	line-height:32px;
}
#frmContacto span input{
	width:186px;
	height:18px;
	position:relative;
	top:-1px;
}

#frmContacto textarea{
	width:374px;
	height:138px;
	margin:2px 0 4px 0;
	resize:none;
}
#mensajeContacto{
	text-align:center;
	background:black;
}
#frmContacto div.division{
	width:102%;
	border-top:#555 1px solid;
	border-bottom:#E0E0E0 1px solid;
	margin:9px 0 9px -6px;
}
#frmContacto .btnContacto{
	width:186px;
	height:31px;
	text-align:left;
	color:white;
	font-size:16px;
	font-weight:bold;
	border:none;
	background:url("imagenes/contacto.jpg") no-repeat;
	margin:0 0 0 10px;
}
#frmContacto .btnContacto:hover{
	cursor:pointer;
}
#footerImagencontacto{
	background:url("imagenes/inferiorContenido.png") no-repeat;
	width:100%;
	height:50px;
	position:relative;
	top:-12px;
	text-align:right;
}
#contactoImagen{
	width:852px;
	height:207px;
	overflow:hidden;
	position:relative;
	top:24px;
}