/*----------------------------------------
Cliente: inoxibar
Developed by: Rauto
Date Created: 26/12/2009
Last Updated:
Copyright: Selnet
----------------------------------------*/

/* Imports
----------------------------------------*/

@import url("../css/reset.css");
@import url("../css/cart.css");

/* Elements
----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
:focus{
	outline:0;
}
body {
	background: #efefee url(../img/bck_page.jpg) no-repeat center top;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color: #7f7f7f;
}

#mainContainer {
	width:980px;
	margin: 20px auto 0;
}

p {
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration:none;
}

h1 {
	font-size:2.125em;
}

h2 {
	font-size:1.75em;
}

h3 {
	font-size:1.5em;
}

h4 {
	font-size:1.25em;
}

h5 {
	font-size:1.125em;
}

h6 {
	font-size:1em;
}
h1, h2, h3, h4, h5 {
	font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -1px;
}
ul {
	list-style-type:none;
}

ol {
	margin-left:0px;
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.clearfix   {clear: both;}
.clear	   {clear: both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header {
	width:980px;
	height:116px;
	margin: 0px auto 30px;
}
div#header h1 {
	background: url(../img/logo_inoxibar.jpg) no-repeat left top;
	width: 244px;
	height: 116px;
	text-indent: -1000em;
	float: left;
}
div#header div.btn_acceso {
	background: url(../img/btn_areaclientes.png) no-repeat scroll left top;
	width: 211px;
	height: 43px;
	float: right;
	text-indent: -1000em;
	display: block;
	cursor:pointer;
}
div#header div.check_login {
	text-align:right;
	height: 43px;
	float: right;
	display: block;
	color: #b2062a;
}
div#header div.check_login a:hover {
	color: #b2062a;
	text-decoration:underline;
}
div#header ul#idiomas {
	float: left;
	margin: 3px 0 0 26px;
	font-size: 11px;
	color: #97928a;
	width: 107px;
	height: 26px;
	display: block;
	background: transparent url(../img/ul_idiomas.png) no-repeat scroll left top;
}
div#header ul#idiomas li#active {
	padding-left:10px;
	padding-top:3px;
}
div#header ul#idiomas li a {
	color: #97928a;
	padding: 0 0 0 4px;
	line-height: 26px;
}
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a {
padding: 0px;
margin: 0px;
}
div#header ul#idiomas li:hover ul#subnavlist {
display: block;
position: absolute;
font-size: .9em;
padding-top: 0px;
}

div#header ul#idiomas li:hover ul#subnavlist li a {
display: block;
width: 10em;
border: none;
padding: 2px;
background-color: #FFF;
border: 1px solid #ddd;
border-top: 0px solid;
}

div#header ul#idiomas li:hover ul#subnavlist li a:before { content: " :: "; }

		
/* Main Content
----------------------------------------*/
#mainContent {
	background-color:transparent;
}
* html #mainContent {
}
#sidebar {
	width: 244px;
	float: left;
}
div.menu {
	margin: 0px auto 20px;
	padding-bottom: 10px;
	background: transparent url(../img/bck_end_menu.gif) no-repeat left bottom;
}
div#sidebar h3 {
	background: url(../img/bck_h3_catalogo.png) no-repeat scroll left top;
	color: #FFF;
	line-height: 40px;
	text-indent: 14px;
	font-size: 1.1em;
	width: 244px;
	height: 40px;
	font-weight: normal;
	font-style: normal;
	display: block;
}
div#sidebar ul {
	list-style: none;
	margin: 0px auto;
	padding: 10px;
	background: transparent url(../img/bck_menu.gif) repeat-y left top;
}
div#sidebar ul li {
	background: url(../img/nav_prod_separador.gif) no-repeat left bottom;
	line-height:29px;
	margin: 0 auto;
}
div#sidebar ul li a {
	color: #7f7f7f;
	font-size:12px;
	display:block;
}
div#sidebar ul li a:hover {
	color: #b2062a;
}
a.btn_novedades {
	background: url(../img/btn_novedades.jpg) no-repeat scroll left top;
	width: 244px;
	height: 60px;
	text-indent: -1000em;
	display: block;
	margin-bottom:10px;
}
a.btn_ofertas {
	background: url(../img/btn_ofertas.jpg) no-repeat scroll left top;
	width: 244px;
	height: 60px;
	text-indent: -1000em;
	display: block;
}
div#content {
	width: 728px;
	float: right;
}
div#content div.module-op {
	background: transparent url(../img/top_div.png) no-repeat scroll center top;
	height: 5px;
	display: block;
}
* html div#content div.module-op {
	float: left;
	width: 726px;
	line-height: 5px;
	border: 0;
	font-size: 1%;
}
div#content div.module-cl {
	background: transparent url(../img/botton_div.png) no-repeat scroll center bottom;
	height: 5px;
	display: block;
}
div#content div.module-cr {
	background: transparent url(../img/center_div.png) repeat-y scroll center top;
	display: block;
	float: left;
	width: 728px;
	padding-bottom: 30px;
}
div#content h2 {
	font-size: 14pt;
	color: #b2062a;
	font-weight: normal;
	font-style: normal;
	text-indent: 14px;
	line-height: 40px;
}
body#sec-inicio div#content h2 {
	float: left;
}
div#settings {
	width: 100%;
	float: left;
}
/*settings tools*/
ul.tools {
	float: left;
	margin: 8px 0 0;
	width: 100%;
}
ul.tools li {
	float: left;
}
ul.tools li.section {
	width: 510px;
	text-indent: 10px;
}
ul.tools li.forms {
	width: 150px;
	line-height: 25px;
	padding-left: 10px;
}
* html ul.tools li.forms {
	padding: 0;
}
ul.tools li.grids {
	height: 25px;
	width: 25px;
}
* html .grids {
	height: 14px;
	display: block;
}
.grids a {
	cursor:pointer;
	height:14px;
	margin:10px 0 0 10px;
	width:14px;
	float: left;
}
* html .grids a {
	display: block;
	line-height: 1%;
}
.grids .g_off {
	background-position: -14px 0px;
}
.grids .n_off {
	background-position: 0 0;
}
.grids .g_on {
	background-position: -14px -14px;
}
.grids .n_on {
	background-position: 0px -14px;
}
.grid {
	display: block;
	font-size: 0;
	background: url(../img/ico_tools.gif) no-repeat 0 0;
	text-indent: -9999em;
}
#demotip { 
    display:none; 
    background: transparent url(../img/tooltip.png) no-repeat center top; 
    font-size:.8em; 
    height:30px; 
    width:129px; 
    padding: 12px 0 0 0;
    margin: 0;
    text-align: center;
    line-height: .8em; 
    color:#999;     
}
* html #demotip {
	height: 37px;
	z-index: 12;
}
/* Products HOME */
ul.products {
	list-style: none;
	margin: 38px 0 10px;
	padding: 0;
	float: left;
	display: block;
}
ul.products li {
	margin: 0px 0 20px 10px;
	padding: 0;
	width: 229px;
	height: 254px;
	float: left;
	display: block;
	position: relative;
	overflow:hidden;
}
* html ul.products li {
	border: 0px solid #333;
	height: 270px;
	margin-left: 5px;
}
body#sec-inicio ul.products li h3 {
	font-weight: normal;
	font-style: normal;
	display: block;
	letter-spacing: -1px;
	padding: 0 21px;
	margin: 0;
	color: #b2062a;
	font-size: 1em;
	line-height: 1.2em;
	text-transform: uppercase;
}
body#sec-inicio ul.products li p {
	color: #7e7973;
	font-size: .8em;
	padding: 0 21px;
}
body#sec-inicio ul.products li img {
	margin: 5px auto 10px;
	display: block;
}
ul.products li a:link, ul.products li a:visited {
	list-style: none;
	margin: 0px;
	padding: 0;
	width: 229px;
	height: 254px;
	display: block;
	background: url(../img/bck_prod_h.jpg) no-repeat scroll center top;
}
ul.products li a:hover {
	background-position: center bottom;	
}
/* Products DETALLE  */
div#products {
	float: left;
	width: 728px;
}
div#products #fotos {
	margin: 38px 20px 20px;
	float: left;
	width: 320px;
}
* html div#products #fotos {
	margin: 38px 10px 20px;
	float: left;
	padding: 0;
	width: 320px;
}
div#products #fotos img {
	border:1px solid #ddd;
	float:left;
}
div#content div#products h2 {
	font-size: 18px;
	color: #b2062a;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 40px;
	text-transform: uppercase;
}
div#content div#products h3 {
	margin: 0px;
	font-size: 18px;
	color: #b2062a;
	font-weight: normal;
	font-style: normal;
	line-height: 40px;
}
div#content div#products p {
	margin: 0 0px 10px;
	font-size: 11px;
	line-height: 1.5em;
}
#descripcion {
	display: block;
	margin:0 auto;
}
* html div#content div#products h3, * html div#content div#products p {
	margin: 0 0 10px;
}
/* thumbnails detalle */
.gallery {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	float:left;
}
.gallery li {
	margin:5px;
	padding:0;
	width:54px;
}
.gallery a {
	text-decoration:none;
}
div#content div#products #fotos img.thumb {
	float:left;
	width:52px;
}
div#content div#products #fotos a {
	display: block;
}
div#content div#products #fotos .view {
	background: transparent url(../img/ico_lupa.gif) no-repeat scroll 0 0;
	text-indent: 13px;
	line-height: 12px;
}
div#content div#products #fotos a span {
	bottom:1px;
	display:block;
	height:12px;
	width: 94px;
	position:absolute;
	font-size: 10px;
	color: #c6c6c6;
	margin: 0 0 0 20px;
}
div#products div#detalles {
	float: left;
	width: 366px;
	margin-top: 38px;
}
* html div#products div#detalles {
	margin: 38px 0 0;
	padding: 0;
}
div#content div#detalles p {
	margin: 0px;
	font-size: 11px;
	line-height: 1.5em;	
}
p .datos {
	display: block;
	float: left;
	margin-left: 3px;
}
ul#cesta {
	width: 270px;
	height: 91px;
	margin: 10px 0;
	background: url(../img/bck_detalle.jpg) no-repeat scroll left top;
}
ul#cesta li {
	width: 50%;
	float: left;
	height: 42px;
	line-height: 45px;
}
ul#cesta li.precio {
	font-size: 18px;
	text-indent: 15px;
	font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -1px;
}
ul#cesta li.agrega {
	padding-top: 5px;
}
ul#cesta li.links {
	padding-top: 5px;
}
.agregar {
	text-transform: uppercase;
	font-size: 12px;
	color: #6a6a6a;
	width: 103px;
	height: 35px;
	line-height: 35px;
	display: block;
	float: right;
	text-align: center;
	font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -1px;
	background: transparent url(../img/bg_agregar.png) no-repeat scroll center center;
}
.agregar:hover {
	display: block;
	color: #FFF;
	width: 103px;
	height: 35px;
}
.agregar:active {
	display: block;
	color: #6a6a6a;
	width: 103px;
	height: 35px;
}
.clearb { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button:link, a.button:visited {
    background: transparent url(../img/bg_button.jpg) no-repeat scroll center center;
    color: #9e9e9e;
    display: block;
    text-align: center;
    font: normal 11px arial, sans-serif;
    height: 32px;
    line-height: 30px;
    width: 125px;
    margin-left: 6px;
    text-decoration: none;
}
a.button:hover {
	color: #b2062a;
}

* html a.button:link, * html a.button:visited {
	margin-left: 5px;
}
/* estras */
div.hr {
  height: 10px;
  display: block;
  clear: both;
  width: 100%;
  background: transparent none no-repeat scroll center top;
}
* html div.hr {
	width: 90%;
	float: left;
}
div.hr hr {
  display: none;
}

/* Footer
----------------------------------------*/
#footer	{
	width:980px;
	height:50px;
	clear: both;
	text-align: right;
	background-color:transparent;
	margin: 60px auto 0;
}
#footer p {
	font-size:.825em;
	line-height: 38px;
	margin-right: 120px;
	height: 38px;
}
#footer p span.company {
	background: url(../img/ico_empresa.gif) no-repeat left center;
	padding: 5px 0 5px 20px;
	margin-right: 20px;
}
#footer p span.mail {
	background: url(../img/ico_mail.gif) no-repeat left center;
	padding: 5px 0 5px 20px;
	margin-right: 20px;
}
#footer p span.telefono {
	background: url(../img/ico_telefono.gif) no-repeat left center;
	padding: 5px 0 5px 20px;
}
#footer p a:link, #footer p a:visited {
	color: #97928a;
}
#footer p a:hover {
	color: #b2062a;	
}
#footer div.inoxibar{
	background: url(../img/logo_footer.gif) no-repeat scroll left top;
	width: 96px;
	height: 38px;
	text-align: left;
	float: right;
	text-indent: -99999em;
}

/* banner home */
div#imagenHome {
	width: 980px;
	clear: both;
	margin: 0px auto 30px;
}
div#imagenHome a.close {
	float: right;
	font-size: .8em;
	color: #878787;
}



/*Selects*/
.NFSelect {
	height: 25px;
	position: absolute;
	border: 1px solid transparent;
}

.NFSelectLeft {
	float: left;
	width: 3px;
	height: 25px;
	background: url(../img/select-left.png) no-repeat 0 0;
	vertical-align: middle;
}

.NFSelectRight {
	height: 25px;
	width: auto;
	background: transparent url(../img/select-right.png) no-repeat 100% 0;
	cursor: pointer;
	font: 11px/25px Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 3px;
	margin-left: 3px;
}

.NFSelectTarget {
	position: absolute;
	background: none;
	margin-left: -13px;
	margin-top: 21px;
	z-index: 3;
	left: 0;
	top: 0;
	padding-bottom: 13px;
}

.NFSelectOptions {
	position: relative;
	background: #707175;
	margin-left: 16px;
	margin-top: 0;
	list-style: none;
	padding: 4px 0;
	color: #fff;
	font: 11px/13px Arial, Helvetica, sans-serif;
	z-index: 4;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	left: 0;
	top: 0;
}

.NFSelectOptions li {
	padding-bottom: 1px;
}

.NFSelectOptions a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 2px 3px;
	background: none;
}




.NFSelectOptions a.NFOptionActive {
	background: #464646;
}

.NFSelectOptions a:hover {
	background: #333;
	color: #f3f3f3;
}
/*Focused*/

.NFfocused {
	border: 1px dotted #666;
}

/*Hovered*/

.NFh {
	background-position: 0 100%;
}

.NFhr {
	background-position: 100% 100%;
}

/*Hidden*/

.NFhidden {
	opacity: 0;
	z-index: -1;
	position: relative;
}

/*Safari*/

select, input, textarea, button {
	outline: none;
	resize: none;
}
* html div#content ul.tools li select {
	width: 125px;
	font-size: 10px;
	margin-top: 5px;
	padding-left: 5px;
}
/* crumbs    */
#crumbs {
	height:40px;
	margin: 0;
	margin-top: -5px;
	width: 652px;
	float: left;
	font-size: 11px;
	border: 0px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	}
* html #crumbs {
	margin-top: 0;
	height: 30px;
}
#crumbs li {
	float:left;
	line-height:40px;
	color:#777;
	padding-left:20px;
	}		
#crumbs li a {
	background:url(../img/crumbs.gif) no-repeat right center;
	display:block;
	height: 40px;
	padding:0 20px 0 0;
}
* html #crumbs li a {
	float: left;
}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}
/* ANTERIOR Y SIGUIENTE */
div#btns {
	width: 74px;
	height:40px;
	float: right;
	margin-top: -5px;
	border-bottom: 1px solid #e6e6e6;
}
* html div#btns {
	height: 45px;
}
div#btns ul li {
	display: block;
	float: left;
	margin-top: 4px;
}
* html div#btns ul li {
	display: none;
}
div#btns ul li a {
	height: 32px;
	padding: 0px;
	display: block;
	float: left;
	text-indent: -9999em;
}
body#sec-detalle a.spr {
	background: transparent url(../img/btn_na.png) no-repeat;
}
body#sec-detalle a.prev {
	width: 32px;
	height: 32px;
	display: block;
	background-position: 0px 0px;
}
body#sec-detalle a.next {
	width: 32px;
	height: 32px;
	display: block;
	background-position: -32px 0px;
}
body#sec-detalle a.prev:hover {
	background-position: 0px -32px;
}
body#sec-detalle a.next:hover {	
	background-position: -32px -32px;
}




/************************************************** AGREGADOS
************************************************************/

.cont { padding:30px;}
.cont h1 { color:#cc0000; font-weight:normal; margin-bottom:20px; font-size:22px;}

.contenido_01 { margin-bottom:40px; padding-bottom:20px; font-size:12px;}
.contenido_01 .pic { float:left; margin:0 20px 0 0; border:solid 1px #f2f2f2; padding:4px;}
.contenido_01 strong { color:#666}

.contenido_01 .formulario { width:320px; float:left;}
.contenido_01 .formulario label { display:block; margin-bottom:10px; line-height:18px; font-weight:bold;}
.contenido_01 .formulario input , .contenido_01 .formulario textarea { padding:5px; width:100%; border:solid 1px #cacaca; font-size:11px;}

.contenido_01 .map { float:right}
.contenido_01 .map iframe { border:solid 1px #f2f2f2; padding:4px;}


#buscar_submit{ height:35px; width:35px; float:right; cursor:pointer; /background:url(../img/lupa_buscador.jpg); }

#ficha_productos{
	width:680px;
	font-size:12px;
	margin:0 20px;
}
#ficha_productos td{
	text-align:center;
	vertical-align:middle;
	height:40px;
}
#ficha_productos th{
	text-align:center;
	font-weight:bold;
}

.selected{
	color: #b2062a;
}


.sign { background:#f9f9f9; padding:20px; border-left:solid 1px #f3f3f3;border-right:solid 1px #f3f3f3; border-bottom:solid 2px #f1f1f1}

.sign input { padding:8px 6px; font-size:12px; border:solid 1px #ccc; width:230px; float:left;}
.sign span { display:block; margin-top:10px; font-size:11px;}
.sign span input { width:20px; border:0}

.message { font-size:11px; color:#C00; padding:5px 10px; background: #F3DEDE; border:solid 1px #E7BCBC; margin-bottom:10px; }

.oferta { position:absolute; background:url(../img/ofer.png) no-repeat; width:69px; height:69px; color:#fff; font-size:15px; padding:24px 0 0 0; text-align:center; right:0; z-index:1000; font-weight:bold; }
.novedad { position:absolute; background:url(../img/new.png) no-repeat; width:69px; height:69px; color:#fff; font-size:15px; padding:24px 0 0 0; text-align:center; right:0; z-index:1000; font-weight:bold; }

.yellow { font-weight:bold; color:#f7960c; }


/******************** PAGINADOR */

.paginacion { padding:20px 10px;clear:both;}
.paginacion ul { text-align:center}
.paginacion ul li { display:inline; background-image:none; padding:0; font-size:11px;}
.paginacion ul li a{ padding:5px 8px !important;  background-image:none;border:solid 1px #f1f1f1; color:#999; background:#fff;}
.paginacion ul li a:hover { background: #900!important; background-image:none; color:#fff; text-decoration:none;}
.paginacion ul li.activo { padding:5px 8px; background:#f9f9f9; background-image:none; border:solid 1px #f1f1f1; color:#344349;}
.disabled {display:none; }


div#header div.btn_acceso_spa { background:url(../img/btn_areaclientes_spa.png) center !important }
div#header div.btn_acceso_eng { background:url(../img/btn_areaclientes_eng.png) center !important }
div#header div.btn_acceso_fre { background:url(../img/btn_areaclientes_fre.png) center !important }
div#header div.btn_acceso_ger { background:url(../img/btn_areaclientes_ger.png) center !important }

a.btn_novedades_spa { background:url(../img/es_novedades.gif) center; }
a.btn_novedades_eng { background:url(../img/en_novedades.gif) center; }
a.btn_novedades_fre { background:url(../img/fr_novedades.gif) center; }
a.btn_novedades_ger { background:url(../img/de_novedades.gif) center; }

a.btn_ofertas_spa { background:url(../img/es_ofertas.gif) center; }
a.btn_ofertas_eng { background:url(../img/en_ofertas.gif) center; }
a.btn_ofertas_fre { background:url(../img/fr_ofertas.gif) center; }
a.btn_ofertas_ger { background:url(../img/de_ofertas.gif) center; }


a.btn_actualizar_cart_spa { background:url(../img/btn/es_cart_actualizar.gif) center; }
a.btn_actualizar_cart_eng { background:url(../img/btn/en_cart_actualizar.gif) center; }
a.btn_actualizar_cart_fre { background:url(../img/btn/fr_cart_actualizar.gif) center; }
a.btn_actualizar_cart_ger { background:url(../img/btn/de_cart_actualizar.gif) center; }

a.btn_actualizar_cart_spa:hover { background:url(../img/btn/es_cart_actualizar_a.gif) center; }
a.btn_actualizar_cart_eng:hover { background:url(../img/btn/en_cart_actualizar_a.gif) center; }
a.btn_actualizar_cart_fre:hover { background:url(../img/btn/fr_cart_actualizar_a.gif) center; }
a.btn_actualizar_cart_ger:hover { background:url(../img/btn/de_cart_actualizar_a.gif) center; }

a.btn_realizar_compra_spa { background:url(../img/btn/es_cart_comprar.gif) center; }
a.btn_realizar_compra_eng { background:url(../img/btn/en_cart_comprar.gif) center; }
a.btn_realizar_compra_fre { background:url(../img/btn/fr_cart_comprar.gif) center; }
a.btn_realizar_compra_ger { background:url(../img/btn/de_cart_comprar.gif) center; }

a.btn_realizar_compra_spa:hover { background:url(../img/btn/es_cart_comprar_a.gif) center; }
a.btn_realizar_compra_eng:hover { background:url(../img/btn/en_cart_comprar_a.gif) center; }
a.btn_realizar_compra_fre:hover { background:url(../img/btn/fr_cart_comprar_a.gif) center; }
a.btn_realizar_compra_ger:hover { background:url(../img/btn/de_cart_comprar_a.gif) center; }