/* estilos de enlaces */
a.menugral			{ font-size: 14px; font-family:Verdana, Geneva, sans-serif, sans-serif;}
a.menugral:link    { text-decoration:none; color:#666;}
a.menugral:visited	{ text-decoration:none; color:#666;}
a.menugral:hover	{ text-decoration:underline; color:#016484;}
a.menugral:focus 	{ -moz-outline-style: none; }

a.menuitem			{ font-size: 14px; font-family:Verdana, Geneva, sans-serif, sans-serif;}
a.menuitem:link     { text-decoration:none; color:#000;}
a.menuitem:visited	{ text-decoration:none; color:#000;}
a.menuitem:hover	{ text-decoration:underline; color:#900;}
a.menuitem:focus 	{ -moz-outline-style: none; }


a.menuitem2			{ font-size: 14px; font-family:Verdana, Geneva, sans-serif, sans-serif;}
a.menuitem2:link     { text-decoration:none; color:#FFF;}
a.menuitem2:visited	{ text-decoration:none; color:#FFF;}
a.menuitem2:hover	{ text-decoration:underline; color:#FF0;}
a.menuitem2:focus 	{ -moz-outline-style: none; }

a.mderechos			{ font-size: 10px; font-family:Verdana, Geneva, sans-serif, sans-serif;}
a.mderechos:link     { text-decoration:none; color:#CCC;}
a.mderechos:visited	{ text-decoration:none; color:#CCC;}
a.mderechos:hover	{ text-decoration:underline; color:#FFF;}
a.mderechos:focus 	{ -moz-outline-style: none; }

a.paginado			{ font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left: 5px; padding-right: 5px;}
a.paginado:link		{ text-decoration:none; color:#666666;}
a.paginado:visited	{ text-decoration:none; color:#666666;}
a.paginado:hover	{ text-decoration:none; color:#FFFFFF;}
a.paginado:focus 	{ -moz-outline-style: none; }

/*
a.menumovil			{ font-size: 14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
a.menumovil:link    { text-decoration:none; color:#FFF; font-weight:bold}
a.menumovil:visited	{ text-decoration:none; color:#FFF; font-weight:bold}
a.menumovil:hover	{ text-decoration:underline; color:#333; font-weight:bold}
a.menumovil:focus 	{ -moz-outline-style: none; }


a.menuitem			{ font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
a.menuitem:link		{ text-decoration:underline; color:#666666;}
a.menuitem:visited	{ text-decoration:underline; color:#666666;}
a.menuitem:hover	{ text-decoration:underline; color:#333;}
a.menuitem:focus 	{ -moz-outline-style: none; }
/*
a.titem		        { font-size: 20px; font-family:Verdana, Geneva, sans-serif;}
a.titem:link		{ text-decoration:underline; color:#6ABF9E;}
a.titem:visited	    { text-decoration:underline; color:#6ABF9E;}
a.titem:hover	    { text-decoration:underline; color:#392419;}
a.titem:focus 	    { -moz-outline-style: none; }

a.citem		        { font-size: 15px; font-family:Verdana, Geneva, sans-serif;}
a.citem:link		{ text-decoration:underline; color:#392419;}
a.citem:visited	    { text-decoration:underline; color:#392419;}
a.citem:hover	    { text-decoration:underline; color:#6ABF9E;}
a.citem:focus 	    { -moz-outline-style: none; }
*/

a.fotos:focus { -moz-outline-style: none; }

/* estilos de textos */

.aclaracion { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999; font-weight:bold; }

.titulos_negro { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; font-weight:bold; }

.titulos_negro_chico { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; }

.titulos_pedido { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; }

.enlaces_gris { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#666; }

.texto_sobre_blanco { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#333; }

.texto_sobre_blanco1 { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; }

.texto_mensaje { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999; }

.precios { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#900; }

.enlaces_gris_obscuro { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333; }

.titulo { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; text-shadow: 0.1em 0.1em 0.2em black}

.titulo_producto { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:bold;}

.titulo_elemento { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; text-shadow: 0.1em 0.1em 0.2em black}

.textos { border:#CCC 1px solid; border-radius: 5px; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:20px; width:100%; color:#333; }

.notextos { border:#CCC 1px solid; border-radius: 5px; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:20px; color:#333; }

.pagina	{ font-size: 12px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left: 5px; padding-right: 5px;}

/*
.fecha { font-size:14px; color:#FFF ; font-family:Verdana, Arial, Helvetica, sans-serif; text-shadow: 2px 2px 3px #000; }

.titulos_contacto { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; font-weight:bold; }

.titulado { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#666; font-weight:bold; }

*/
/* estilos de capas */

/* EL FONDO */
#fondo 
{ 
	background-image:url(Graficos/fondo.jpg); 
	background-repeat:repeat-x; 
	background-color:#EEE;
}

#contenedor 
{ 
	margin: 0px 0px 0px 0px ; 
	width: 100% ; 
	padding: 0px 0px 0px 0px ; 
	height:auto; 
	float:left;
	-webkit-box-shadow: 0px 0px 10px #666666;
	-moz-box-shadow: 0px 0px 10px #666666;
	-o-box-shadow: 0px 0px 10px #666666;
	-ms-box-shadow: 0px 0px 10px #666666;	
	box-shadow: 0px 0px 10px #666666;	
}


#logotipo 
{ 
	background-image:url(Graficos/logotipo.png); 
	margin: 0px 0px 0px 0px ; 
	width: 1000px ; 
	padding: 0px 0px 0px 0px ; 
	height: 140px ; 
	float:left; 
}

#barra 
{ 
	background-color:#A7C07E; 
	margin: 0px 0px 0px 0px ; 
	width: 1000px ; 
	padding: 0px 0px 0px 0px ; 
	height: 30px ; 
	float:left; 
}

#contenedor_presencial 
{ 
	margin: 0px 0px 0px 0px ; 
	width: 1000px ; 
	padding: 0px 0px 0px 0px ; 
	height:auto ; 
	float:left; 
}

	#barra_menu 
	{ 
		background-color:#FFF; 
		margin: 0px 0px 0px 0px ; 
		width: 250px ; 
		padding: 0px 0px 0px 0px ; 
		height: 250px ; 
		float:left;
	}


	#banner 
	{ background-color:#000; 
		margin: 0px 0px 0px 0px ; 
		width: 750px ; 
		padding: 0px 0px 0px 0px ; 
		height: 250px ; 
		float:left;
	}





#contenedor_general 
{ 
	background-color:#FFF;
	margin: 0px 0px 0px 0px ; 
	width: 1000px ; 
	padding: 0px 0px 0px 0px ; 
	height:auto; 
	float:left;
	border-bottom-left-radius: 10px;	
	border-bottom-right-radius: 10px;	
}

#contenedor_izquierdo 
{ 
	margin: 0px 0px 0px 0px ; 
	width: 220px ; 
	padding: 0px 0px 0px 0px ; 
	height:auto; 
	float:left; 
	-webkit-box-shadow: 3px 3px 7px #000;
	-moz-box-shadow: 3px 3px 7px #000;
	-o-box-shadow: 3px 3px 7px #000;
	-ms-box-shadow: 3px 3px 7px #000;	
	box-shadow: 3px 3px 7px #000;	
}

#contenedor_derecho 
{ 
	margin: 0px 0px 0px 0px ; 
	width: 780px; 
	padding: 0px 0px 0px 0px ; 
	height:auto; 
	float:left; 
}

	#seccion_titulos 
	{ 
		background-color:#900; 
		margin: 0px 0px 0px 0px ; 
		width: 100%; 
		padding: 0px 0px 0px 0px ; 
		height:40px; 
		float:left; 
	}
	
		#contenedor_producto_chico 
		{   
			margin: 12px 12px 12px 12px ; 
			width: 170px ; 
			padding: 0px 0px 0px 0px ; 
			height: 300px ; 
			float:left ;
		}

		#contenedor_producto_pedido 
		{    
			margin: 12px 12px 12px 12px ; 
			width: 745px ; 
			padding: 4px 4px 4px 4px ; 
			height: 190px ; 
			float:left ; 
			border:#CCC 1px solid;
			border-radius: 5px;
		}

		#contenedor_complementos_pedido 
		{    
			margin: 12px 12px 12px 12px ; 
			width: 745px ; 
			padding: 4px 4px 4px 4px ; 
			height:auto ; 
			float:left ; 
			border:#CCC 1px solid;
			border-radius: 5px;
		}


#contenedor_marcas
{ 
	background-color:#FFF; 
	margin: 0px 0px 0px 0px ; 
	width: 1000px; 
	padding: 0px 0px 0px 0px ; 
	height:auto; 
	float:left; 
}

	#contenedor_marcas_marca
	{ 
		margin: 10px 10px 10px 10px ; 
		width:auto; 
		padding: 0px 0px 0px 0px ; 
		height:auto; 
		float:left; 
	}


#pie
{ 
	background-color:#900; 
	height: 80px;
	position: relative;
}

	#el_pie
	{ 
		margin: 0px 0px 0px -500px; 
		width: 1000px; 
		padding: 0px 0px 0px 0px; 
		height:80px;
		left:50%; 
		position:relative;
	}


.clearfooter {
   height: 80px;
   clear: both;
}		



#accordion {
 list-style: none;
 padding: 0 0 0 0;
 width: 220px;
 margin: 0;
 }
 #accordion div {
 display: block;
 font-weight: bold;
 font-size:12px;
 color:white;
 cursor: pointer;
 padding: 5px;
 margin:0 0 0 0; 
 font-family:Verdana, Geneva, sans-serif;
 background-color:#666;
 border-bottom: 1px solid #251610; 
 }
 #accordion ul {
 list-style-type: none;
 display: none;
 background:#FFF url(Graficos/textura_menu.png) repeat;
 }
 #accordion ul li {
 font-weight: normal;
 cursor: auto;
 padding: 5px;
 width: 170px;
 height:auto;
 font-size:12px; font-family:Verdana, Geneva, sans-serif;
 color:#FFF;
 display:block;
 }
 #accordion ul li:hover {
 background-color:#999;
 font-weight: normal;
 cursor: auto;
 padding: 5px;
 font-size:12px;
 color:#999;
 display:block;
 }
 #accordion a {
 text-decoration: none;
 color:#333;
 }





.jqmWindow { 
    display: none;
    
    position: fixed;
    top: 10%;
    left: 50%;
    
    margin-left: -400px;
    width: 800px; border-radius: 5px;
    
    background-color:#FFF;
    color:#999;
}

.jqmOverlay { background-color: #000; }

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}










/*
#seccion_central { margin: 0px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height:auto ; float:left; }

#contenedor_general {margin: 0px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height:auto; float:left; }

	#contenedor_izquierdo_todos {margin: 0px 0px 0px 0px ; width: 255px ; padding: 0px 0px 0px 0px ; height:auto; float:left; }

	
		#contenedor_izquierdo_cotizacion {margin: 0px 0px 0px 0px ; width:100% ; padding: 0px 0px 0px 0px ; height:auto; float:left; }

	#contenedor_derecho 
	{
		margin: 0px 0px 0px 0px ; 
		width: 745px ; 
		padding: 0px 0px 0px 0px ; 
		height:auto; 
		float:left;
		background-image:url(Graficos/fondo_contenido.png); 
		background-repeat:no-repeat;	
	}

	#galeria 
	{
		margin: 0px 0px 0px 0px ; 
		width:900px ; 
		padding: 0px 0px 0px 0px ; 
		height:500px; 
		float:left; 
		background-color:#000;
		border-radius: 5px;
	}









/*

#opcion {
	position:relative;
	height:70px;
	width:185px;
	margin:0 auto; 
	cursor:pointer;	
}
#opcion img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;	
	transition: opacity 0.3s ease-in-out;
}
#opcion img.top:hover {
	opacity:0;
}			



	@-moz-keyframes cf4FadeInOut {
	 0% {
       opacity:1;
     }
     17% {
       opacity:1;
     }
     25% {
       opacity:0;
     }
     92% {
       opacity:0;
     }
     100% {
       opacity:1;
     }
	}
	@-webkit-keyframes cf4FadeInOut {
	 0% {
       opacity:1;
     }
     17% {
       opacity:1;
     }
     25% {
       opacity:0;
     }
     92% {
       opacity:0;
     }
     100% {
       opacity:1;
     }
	}
	@-o-keyframes cf4FadeInOut {
	 0% {
       opacity:1;
     }
     17% {
       opacity:1;
     }
     25% {
       opacity:0;
     }
     92% {
       opacity:0;
     }
     100% {
       opacity:1;
     }
	}
	@-ms-keyframes cf4FadeInOut {
	 0% {
       opacity:1;
     }
     17% {
       opacity:1;
     }
     25% {
       opacity:0;
     }
     92% {
       opacity:0;
     }
     100% {
       opacity:1;
     }
	}
	@keyframes cf4FadeInOut {
	 0% {
       opacity:1;
     }
     17% {
       opacity:1;
     }
     25% {
       opacity:0;
     }
     92% {
       opacity:0;
     }
     100% {
       opacity:1;
     }
	}

	#cf4a {
		position:relative;
		height:398px;
		width:998px;
		margin:1px 1px 1px 1px;
	}
	#cf4a img {
		position:absolute;
		left:0;
	}

	#cf4a img {
		-moz-animation-name: cf4FadeInOut;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-iteration-count: infinite;
		-moz-animation-duration: 16s;
		
		-webkit-animation-name: cf4FadeInOut;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 16s;
		
		-o-animation-name: cf4FadeInOut;
		-o-animation-timing-function: ease-in-out;
		-o-animation-iteration-count: infinite;
		-o-animation-duration: 16s;
		
		-ms-animation-name: cf4FadeInOut;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-iteration-count: infinite;
		-ms-animation-duration: 16s;
		
		animation-name: cf4FadeInOut;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-duration: 16s;
	}
    #cf4a img:nth-of-type(1) {
		-moz-animation-delay: 12s;
		-webkit-animation-delay: 12s;
		-o-animation-delay: 12s;
		-ms-animation-delay: 12s;
		animation-delay: 12s;
    }
    #cf4a img:nth-of-type(2) {
		-moz-animation-delay: 8s;
		-webkit-animation-delay: 8s;
		-o-animation-delay: 8s;
		-ms-animation-delay: 8s;
		animation-delay: 8s;		
    }
    #cf4a img:nth-of-type(3) {
		-moz-animation-delay: 4s;
		-webkit-animation-delay: 4s;
		-o-animation-delay: 4s;
		-ms-animation-delay: 4s;
		animation-delay: 4s;		
    }
    #cf4a img:nth-of-type(4) {
		-moz-animation-delay: 0;
		-webkit-animation-delay: 0;
		-o-animation-delay: 0;
		-ms-animation-delay: 0;
		animation-delay: 0;		
    }


  #gallery { margin: 20px 20px 20px 25px;
    background:none; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#FFF;
  }






#buscando { background-color:#036;
	height:35px;
	width:200px;
	margin:0 auto; border-radius: 10px;
}

#promociones { border:#FFF 1px solid; 
	height:400px;
	width:1000px;
	margin:10px 0px 0px 0px; border-radius: 5px; float:left;
	-webkit-box-shadow: 3px 3px 3px #003366;
	-moz-box-shadow: 3px 3px 3px #003366;
	-o-box-shadow: 3px 3px 3px #003366;
	-ms-box-shadow: 3px 3px 3px #003366;	
	box-shadow: 3px 3px 3px #003366;	
}

#seleccion_banner {
	height:25px;
	width:1000px;
	margin:0px 0px 0px 0px; float:left;
}

#fondo_menu_inicio_mayor { border:#FFF 1px solid; background-color:#CCC;
	height:auto;
	width:1000px;
	margin:10px 0px 0px 0px; border-radius: 5px; float:left;
}

	#fondo_menu_inicio_menor { background-color:#FFF;
		height:700px;
		width:996px;
		margin:2px 2px 2px 2px; float:left;
	}



  #logotipo { background-image:url(Graficos/logotipo.png); margin: 0px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height: 100px ; float:left; }

  #barra_utiles { margin: 5px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height: 35px ; float:left; }

  #seccion_central { margin: 0px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height:auto ; float:left; }

  #enlaces { background-image:url(Graficos/enlaces.png); margin: 10px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height: 50px ; float:left; }

  #galeria { margin: 10px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height: 50px ; float:left; }

  #derechos { margin: 10px 0px 0px 0px ; width: 1000px ; padding: 0px 0px 0px 0px ; height: 70px ; float:left; }

  #categoria_elemento { 
  	margin: 15px 15px 15px 30px ; 
	width: 200px ; 
	padding: 0px 0px 0px 0px ; 
	height: 200px ; 
	float:left; 
	}

  #el_item { 
  	margin: 0px 0px 0px 0px ; 
	width:auto ; 
	padding: 0px 0px 0px 0px ; 
	height:auto ; 
	float:left; 
	}

  #contenedor_modal { background-color:#FFF; 
  	margin: -300px 0px 0px -500px;
	width: 1000px;
	padding: 0px 0px 0px 0px;
	height:600px;
	left:50%;
	top:50%;
	position:absolute;
	border-radius: 5px;
	}

#seccion_contenido { border:#FFF 1px solid; background-color: rgba(0, 51, 102, 0.5); 
	height:auto;
	width:1000px;
	margin:10px 0px 0px 0px; border-radius: 5px; float:left;
	-webkit-box-shadow: 3px 3px 3px #003366;
	-moz-box-shadow: 3px 3px 3px #003366;
	-o-box-shadow: 3px 3px 3px #003366;
	-ms-box-shadow: 3px 3px 3px #003366;	
	box-shadow: 3px 3px 3px #003366;	
}
  
#seccion_contenido_sinmarco {  
	height:auto;
	width:1000px;
	margin:10px 0px 0px 0px;
}
  
     
	 
  .vmoverlay{
    background-color: rgba(0, 0, 0, 0.9);
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 0;
    width: 0;
    z-index: 99;
  }
  .vmoverlay a.vmcerrar {
    color: #FFF;
    font-size: 20px;
    left: 50%;
    line-height: 26px;
    margin-left: -25px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 15px;
    z-index: 1001;
    -moz-transition: opacity 0.3s linear 1.2s;
    -webkit-transition: opacity 0.3s linear 1.2s;
    -o-transition: opacity 0.3s linear 1.2s;
    -ms-transition: opacity 0.3s linear 1.2s;
    transition: opacity 0.3s linear 1.2s;
  }
  .vmoverlay img {
    max-height: 100%;
    position: relative;
  }
  .vmoverlay:target {
    bottom: 0;
    height: auto;
    padding-top: 55px;
    right: 0;
    width: auto;
  }
  .vmoverlay:target img {
    -moz-animation: fadeInScale 1.2s ease-in-out;
    -webkit-animation: fadeInScale 1.2s ease-in-out;
    -o-animation: fadeInScale 1.2s ease-in-out;
    -ms-animation: fadeInScale 1.2s ease-in-out;
    animation: fadeInScale 1.2s ease-in-out;
  }
  .vmoverlay:target a.vmcerrar { opacity: 1;}
  @-webkit-keyframes fadeInScale {
    0% { -webkit-transform: scale(0.6); opacity: 0; }
    100% { -webkit-transform: scale(1); opacity: 1; }
  }
  @-moz-keyframes fadeInScale {
    0% { -moz-transform: scale(0.6); opacity: 0; }
    100% { -moz-transform: scale(1); opacity: 1; }
  }
  @-o-keyframes fadeInScale {
    0% { -o-transform: scale(0.6); opacity: 0; }
    100% { -o-transform: scale(1); opacity: 1; }
  }
@-ms-keyframes fadeInScale {
    0% { -ms-transform: scale(0.6); opacity: 0; }
    100% { -ms-transform: scale(1); opacity: 1; }
  }
  @keyframes fadeInScale {
    0% { transform: scale(0.6); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }



 
 
 
#vgaleria {  
    background-color: rgba(0, 0, 0, 0.9);
	height:650px;
	width:1000px;
	margin:10px 0px 0px 0px;
	border-radius: 5px; 
	float:left;
	}
 



.slideshow { padding: 0px 0px 0px 0px}
.slideshow img { padding: 1px; }





  #seccion_logo { margin: 0px 0px 0px 0px ; width: 1024px ; padding: 0px 0px 0px 0px ; height: 260px ; float:left; }


  #seccion_promocional { margin: 0px 0px 0px 0px ; width: 1024px ; padding: 0px 0px 0px 0px ; height: 400px ; float:left; }

  #titulos {  margin: 0px 0px 0px 0px ; width: 1024px ; padding: 0px 0px 0px 0px ; height: 40px ; float:left; }

  #contenido_grafico {  margin: 0px 0px 0px 0px ; width: 1024px ; padding: 0px 0px 0px 0px ; height:auto ; float:left; }

  #seccion_pie { margin: 0px 0px 0px 0px ; width: 1024px ; padding: 0px 0px 0px 0px ; height: 100px ; float:left; }

  #contenido_texto { background-image:url(Graficos/fondo_texto.png); background-repeat:repeat-y; margin: 0px 0px 0px 0px ; width: 1024px ; padding: 0px 0px 0px 0px ; height:auto ; float:left; }
  
 */