html, body {
    height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	background:#273f6d url(../img/bg.gif) 0 0 repeat-x;	
}
#wrapper {
	width:960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;     
	margin: 0 auto -100px;
}
.push {
    height: 100px;
}
.footer {
	width:100%;
	height:100px;
}
	.footer #inner {
		width:960px;
		margin:0 auto
	}
#logo {
	position:relative;
	float:left;
	width:230px;
	height:70px;
	margin-top:20px;
	margin-bottom:20px;
}
#buscador {
	position:relative;
	float:right;
	width:500px;
	height:70px;
	margin-top:40px;
	margin-bottom:0px;
}
#buscador form {
	overflow:hidden;
}
#buscador form input.buscar_input {
	float:left;
	padding:4px;
	border:0; /*1px solid #000;*/
	width:310px;
	height:26px;
	background:url(../img/buscador-ipt.gif) no-repeat;
}
#buscador form input.buscar_button {
	float:left;
	width:80px;
	height:25px;
	cursor:pointer;
	background:url(../img/btn-buscar.gif) no-repeat;
	border:0;
	margin-left:5px;
	margin-top:1px;
}
#navbar {
	width:933px;
	height:36px;
	margin-left:13px;
	z-index:100;
	background:url(../img/bg-navbar.gif) 0 0 no-repeat;
}
	#navbar ul {
		list-style:none;
		width:920px;
		margin-left:40px;
		padding:0;
		overflow:hidden;
	}
	#navbar ul li {
		float:left;
		display:inline-block;
		height:36px;
		margin:0;
		padding:0
	}
	#navbar ul li a {
		height:36px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
	}
		#navbar ul li#inicio a {
					width:73px;
					background:url(../img/btn-inicio.gif) 0 0 no-repeat
			}
			#navbar ul li#inicio a:hover {
					background:url(../img/btn-inicio-on.gif) 0 0 no-repeat
			}
		#navbar ul li#empresa a {
					width:128px;
					background:url(../img/btn-empresa.gif) 0 0 no-repeat
			}
			#navbar ul li#empresa a:hover {
					background:url(../img/btn-empresa-on.gif) 0 0 no-repeat
			}
		#navbar ul li#mayoristas a {
					width:202px;
					background:url(../img/btn-mayoristas.gif) 0 0 no-repeat
			}
			#navbar ul li#mayoristas a:hover {
					background:url(../img/btn-mayoristas-on.gif) 0 0 no-repeat
			}
		#navbar ul li#clientes a {
					width:95px;
					background:url(../img/btn-clientes.gif) 0 0 no-repeat
			}
			#navbar ul li#clientes a:hover {
					background:url(../img/btn-clientes-on.gif) 0 0 no-repeat
			}
		#navbar ul li#novedades a {
					width:120px;
					background:url(../img/btn-novedades.gif) 0 0 no-repeat
			}
			#navbar ul li#novedades a:hover {
					background:url(../img/btn-novedades-on.gif) 0 0 no-repeat
			}
		#navbar ul li#promociones a {
					width:112px;
					background:url(../img/btn-productos.gif) 0 0 no-repeat
			}
			#navbar ul li#promociones a:hover {
					background:url(../img/btn-productos-on.gif) 0 0 no-repeat
			}
		#navbar ul li#contacto a {
					width:104px;
					background:url(../img/btn-contacto.gif) 0 0 no-repeat
			}
			#navbar ul li#contacto a:hover {
					background:url(../img/btn-contacto-on.gif) 0 0 no-repeat
			}
#main-banner { /* contenedor del banner */
	width:934px;
	height:233px;
	margin:10px;
	margin-left:13px;
	padding-top:8px;
	padding-left:8px;
	background:url(../img/bg-imageslide.jpg) 0 0 no-repeat
}
	#main-banner div#banner { /* banner */
		float:left;
		width:609px;
		height:216px;
	}
	#main-banner div#navbar-secondary {
		float:left;
	}
	#main-banner div#navbar-secondary ul {
		list-style:none;
		width:270px;
		margin-left:20px;
	}
	#main-banner div#navbar-secondary ul li {
		height:53px;
		line-height:53px;
		text-align:right;
	}
	#main-banner div#navbar-secondary ul li a {
		font-family:"Gill Sans", "Trebuchet", Calibri, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		font-size:1.8em;
		font-weight:bold;
		padding-right:50px;
		background:url(../img/icon-arrow.gif) right center no-repeat;
	}
	#main-banner div#navbar-secondary ul li a#volver {
		background:url(../img/icon-arrow-left.gif) right center no-repeat;
	}
	
	/*#main-banner div#navbar-secondary ul#principal {
		background:url(../img/bg-menu-secondary.gif) center no-repeat;
		height:218px;
	}*/
	.pics { height: 216px; width: 609px; padding:0; margin:0; overflow: hidden }
	.pics img { height: 216px; width: 609px; padding: 0; border: 0px solid #ccc; background-color: transparent; top:0; left:0 }
	.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
	
.slideshow { float:left; height: 221px; width: 380px; overflow:hidden; }
.slideshow img { padding: 0; border: none; background-color: transparent }
#carousel {
	width:940px;	
	height:152px;
	margin:10px auto 20px 10px;
	padding:0;
	background:url(../img/bg-slider.gif) 0 0 no-repeat;
}
	#carousel div.slider {
		width:940px;
		margin:20px auto 0;
	}
	#carousel div.slider ul {
		list-style:none;
		overflow:hidden;
		padding:0;
		margin:0;
	}
	#carousel div.slider ul li {
		width:791px;
		text-align:center;
		padding:0;
		margin:0;
	}
	#carousel div.slider ul li img {
		width:auto;
		margin:0 10px;
		padding:0;
		border:0
	}
	#carousel button.prev,
	#carousel button.next {
		height:32px;
		float:left;
		text-indent:-9999px;
		text-decoration:none; 
	}
	#carousel button.prev {
		float:left;
		width:27px;
		height:32px;
		margin:60px -15px 0 15px;
		background:url(../img/btn-slider-prev.gif) 0 0 no-repeat;
		border:none;
		cursor:pointer
	}
	#carousel button.next{
		float:right;
		width:27px;
		height:32px;
		margin:60px 15px 0 -15px;
		background:url(../img/btn-slider-next.gif) 0 0 no-repeat;
		border:none;
		cursor:pointer
	}
/* --- TEXT --- */
span.blue {
	color:#0c1932
}
span.bluesky {
	color:#0080ff
}
span.white{
	color:#fff
}
a {
	text-decoration:none;
	color:#6ab0dc;
	font-weight:bold
}
a:hover {
	text-decoration:underline
}
a.blue {
	color:#133e68
}
a.blue:hover {
	color:#ff5400
}
a.bluesky {
	color:#0080ff
}
a.bluesky:hover {
	color:#29bef6
}
a.gray{
	color:#aeadad
}
a.gray:hover {
	color:#aeadad
}
#home-text {
	float:left;
	margin:0;
}
#home-text p {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	line-height:normal;
	color:#fff
}
	.footer div#inner div#info {
		float:left;
		height:38px;
		font-size:1.0em;
		line-height:38px;
		font-weight:bold;
		color:#fff;
	}
	.footer div#inner div#phone {
		float:right;
		height:38px;
		font-size:1.8em;
		line-height:38px;
		font-weight:bold;
		color:#fff;
		text-transform:uppercase;
		text-indent:50px;
		background:url(../img/icon-phone.gif) 0 0 no-repeat;
	}
	.footer div#inner div#copyright {
		height:40px;
		font-size:1.0em;
		line-height:40px;
		font-weight:bold;
		color:#b8b8b8;
		margin-top:15px;
		border-top:1px solid #b8b8b8
	}
	.footer div#inner div#copyright span img {
		float:right;
		position:absolute;
		top:3px;
		right:0;
		margin-right:25px;
	}
/* INTERNAS */
/* contenido */
#interna {
	width:940px;
	margin:10px auto;
	padding:10px;
	color:#fff;
	border-bottom:1px solid #0d1e3a
}
#interna div.contenido div.slideshow {
	float:right;
	margin:10px 0 10px 10px ;
}
#interna div.contenido dl {
	margin-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	border-bottom:1px solid #3b5589
}
#interna div.contenido dl dd {
	float:left;
	width:120px;
	margin:0 10px 0 0
}
#interna div.contenido dl dt {
	text-align:justify;
	overflow:hidden
}
#interna div.contenido dl dt span.leer-mas {
	float:right;
}

#interna div.contenido p {
	text-align:justify
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin:0
}
h1 {
	margin:0 0 10px;
	border-bottom:1px solid #fff
}
.float-right {
	float:right;
	margin:0 0 10px 10px;
	padding:0
}
.float-right img {
	margin:0;
	padding:0
}
.paginador {
	clear:both;
	text-align:center;
}
/* Formulario de contacto */
div.formulario {
	font-size:1.2em;
}
div.formulario form ul {
	list-style:none;
}
div.formulario form ul li {
	margin-bottom:10px;
}

/* Notificaciones */
.error, .notice, .success {
	padding:.8em;
	border:2px solid #ddd;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.error a {
	color:#8a1f11;
	background:none;
	padding:0;
	margin:0;
}
.notice a {
	color:#514721;
	background:none;
	padding:0;
	margin:0;
}
.success a {
	color:#264409;
	background:none;
	padding:0;
	margin:0;
}
/* fin notificaciones */

/* Listado de productos */
#col_cate, #col_lista, #col_lista2 {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
#col_cate ul {
	background-color:#fff;
	width:200px;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#col_cate ul li {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:left;
	margin:0;
	padding:0;
}
#col_cate ul li a {
	background-color:#ccc;
	padding:5px 10px;
	width:180px;
	float:left;
	color:#123C6C;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
#col_cate ul li a.activo {
	background-color:#aaa;
}
#col_cate ul li a:hover {
	background-color:#bbb;
	text-decoration:none;
}
#col_cate ul li a.cat {
	background-color:#ddd;
	font-size:14px;
	padding:10px;
	border-top:1px #999 dashed;
}
span.flechita {
	font-size:10px;
}
#col_cate ul li a.title {
	/*background:url(../images/li_bg.jpg) top right no-repeat;
	background-color:#B2B2B2;*/
	background:url(../img/menu-top.jpg) top no-repeat;
	font-size:16px;
	cursor:default;
	padding:10px;
	color:#123C6C;
}
#col_cate ul lia.title:hover {
	background-color:#017895;
}
#col_cate ul li a.title2 {
	/*background:url(../images/li_bg_bottom.jpg) bottom right no-repeat;
	background-color:#017895;*/
	background:url(../img/menu-bottom.jpg) bottom no-repeat;
	font-size:16px;
	cursor:default;
}
#col_cate ul li a.title:hover2 {
 background-color:#017895;
}
div.controles {
	float:left;
	background-color:#ddd;
	padding:3px;
	width:694px;
	color:#123C6C;
}
div.controles2 {
	width:900px;
	float:left;
	background-color:#ddd;
	padding:3px;
}
div.controles form, div.controles2 form {
	float:left;
}
div.controles p, div.controles form label, div.controles2 p, div.controles2 form label {
	float:left;
	margin:auto 8px;
	padding-top:3px;
}
div.controles p.paginador, div.controles2 p.paginador {
	float:right;
}
div.controles select {
	vertical-align:middle;
}
#encontrados {
	float:left;
}
#col_lista {
	width:700px;
	margin-left:15px;
}
#col_lista2 {
	width:900px;
	margin-left:15px;
}
div.producto img {
	float:left;
	padding:4px;
	border:1px solid #ccc;
	background-color:#000;
}
div.producto {
	float:left;
	margin:10px auto;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}
div.producto h1 {
	font-size:14px;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	text-align:left;
}
div.producto_info {
	float:left;
	width:540px;
	padding:0 0 0 10px;
	text-align:left;
}
div.producto_info2 {
	float:left;
	width:620px;
	padding:10px;
	text-align:left;
}
div.producto_precio {
	float:left;
	width:100px;
}
div.producto_precio img {
	border:0;
}
p.price {
	font-size:16px;
	padding:5px;
	font-weight:bold;
	color:#CE0000;
	margin-top:5px;
	margin-bottom:20px;
}
p.anterior {
	font-size:14px;
	padding:5px;
	font-weight:bold;
	color:#990000;
	margin-top:5px;
	margin-bottom:-10px;
	text-decoration:line-through;
}
a.mas {
	color:#00b8e4;
}
/* Detalle de producto*/
#detalle_prod {
	padding:10px;
	width:920px;
	float:left;
	margin-bottom:5px;
	margin-top:20px;
}
#detalle_prod img {
	padding:3px;
	float:left;
}
#detalle_prod div.atras {
	margin-top:20px;
}
#prod_det{
	float:left;
	width:580px;
	margin:0 10px;
}
#prod_det .tit{
	border-bottom:1px solid #00a0c6;
}
#prod_det .dato{
	margin:10px 0;
}
p.relacionados {
	font-size:11px;
	background-color:#000;
	padding:5px;
	float:left;
	margin-bottom:10px;
	color:#fff;
}
p.relacionados {
	color:#fff;
}
p.prec {
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#CA0000;
	margin:15px 0;
}
p.prec span {
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
#prod_img {
	float:left;
	width:320px;
}
#prod_img p.but img{
	border:none;
	padding:0;
	margin:0;
}
#prod_img img {
	border:1px solid #ccc;
	margin:3px;
	float:left;
	display:inline;
}
/* CLIENTES */
.accordion {
		float:left;
		margin:0;
		padding:0;	
		list-style:none;
	}
	
		.accordion li {
			width:500px;
		}
	
		.accordion li a {
			display: block;
			width: 500px;
			height: 42px; /*43px;*/
			line-height:42px;
			text-indent:10px;
			color:#c0dffe;
			/*text-indent:-999em;*/
			outline:none;
			border-bottom:1px solid #1d2e4f
		}
		
		/* Using CSS Sprite for menu item */
		.accordion li a.category {
			background: url(../img/menu.gif) no-repeat 0 0px;	
		}

		.accordion li a.category:hover, .categoryOver {
			background: url(../img/menu.gif) no-repeat 0 -42px !important;	
		}
		
		
		
		/* Second Level UL List*/
		.accordion ul {
			/*background:url(../img/bg.gif) repeat-y 0 0;*/
			width:268px;
			margin:0;
			padding:0;
			display:none;	
		}
		
			.accordion ul li {
				height:30px;
			}
			
			/* styling of submenu item */
			.accordion ul li a {
				width:240px;
				height:25px;
				margin-left:15px;
				padding-top:5px;
				border-bottom: 1px dotted #777;
				text-indent:0;
				color:#ccc;
				text-decoration:none;
			}

			/* remove border bottom of the last item */
			.accordion ul li a.last {
				border-bottom: none;
			}