/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */







@font-face {
    font-family: 'AlbanyStdRegular';
    src: url('../fonts/albanystd-webfont.eot');
    src: url('../fonts/albanystd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/albanystd-webfont.woff') format('woff'),
         url('../fonts/albanystd-webfont.ttf') format('truetype'),
       
    font-weight: normal;
    font-style: normal;

}

html {overflow-x:hidden;}

body {
	font-family:'AlbanyStdRegular';
	font-size: 1em;
	color:#393939;
	margin:0px;
	padding:0px; 
	/*background-color:#565353;*/
	background:#282828 url(../img/bg_top.png) repeat-x 0 0; position:relative; z-index:1000; top:95px;
	}

a {color:#201d1e; text-decoration:none;}

a:hover {text-decoration:underline;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main_container { margin:0 auto;background: #f3f3f3 url(../img/bg_header.png) repeat-x 0 0;position:relative; z-index:500;top:-65px;} /* #main_container {position:relative; width:955px; margin:0 auto;} */ 

/*header*/
#header {position:relative; width:955px;  z-index:2; font-size:0.85em; height:259px; margin:0 auto;  }

/*contenido*/
#content {position:relative; width:955px; height:auto!important;padding-bottom:20px; margin:0 auto;}

#left { position:relative; width:180px; float:left; margin-bottom:45px; padding-top:90px; margin-left:7px;} /*#left {position:relative; width:185px; float:left;  border-top:10px solid #373434;}*/
#right {position:relative; width:768px; float:right; color:#201d1e; background-color:#fff; padding-bottom:15px;}

/*pie*/

#footer {position:relative; clear:both; height:391px; z-index:1; margin-top:-20px;background:url(../img/bg_foo.png) repeat-x bottom left;}
#footer #retall {}

.menuPeu {position:relative; color:#cec9c9; font-size:0.8em; padding:40px 0 0 20px; z-index:1; width:880px; margin:0 auto;}
.menuPeu ul {position:relative; float:left; margin-left:0px;background:url(../img/bg_box.png) no-repeat 0 0; width:175px; padding:14px; height:240px; margin-right:15px;}
.menuPeu ul li {position:relative; background:url(../img/tira-menu-peu.gif); background-repeat:no-repeat; background-position:bottom; padding:5px; display:block; width:165px;}
.menuPeu ul li a {position:relative; color:#333; padding:5px; width:165px;}
.menuPeu ul li a:hover {position:relative; color:#fff; background-color:#900;  text-decoration:none;  height:23px; width:165px; padding:5px; }

.puntPeu {position:relative; left:0px; float:left; top:0px;} .puntPeu p {text-align:center; font-size:0.8em; color:#333; margin-bottom:8px;}
.puntPeu a {color:#a40000; text-decoration:underline;} .puntPeu a:hover {text-decoration:none;}
.puntPeu img {margin-left:60px;}

.bannerFooter {position:relative; font-size:0.75em; left:60px; top:-10px;}
.bannerFooter div {position:relative; width:191px;  border-top:none; float:left; color:#cec9c9; background:url(../img/bg_box_r.png) no-repeat 0 0; width:185px; padding:14px; top:10px; right:60px;}
.bannerFooter div h2 {position:relative;}


.bannerFooter div h2 span { text-transform:uppercase; color:#fff; font-size:1.6em; display:none;}
.bannerFooter div img {position:relative; height:26px; margin:-5px 0 10px 10px;}
.bannerFooter div h2 img {margin:0; height:auto;}
.bannerFooter div p {padding:10px 10px;margin-top:10px; font-size:1.2em; color:#fff;} 
.bannerFooter a {color:#cec9c9;} .bannerFooter a:hover {color:#a40000; text-decoration:none;}

#creativat {}

/*=========================================*/
/*==============   CABECERA   =============*/
/*=========================================*/

#header h1 {position:relative; margin:-224px 0 0 33px;} 
#header h2 {position:relative; margin:8px 0 0 33px;} 
#header h1 span, #header h2 span {display:none;}

#eligeIdioma { color:#fff; font-size:0.8em;   color:#fff; font-size:0.8em; padding-top:10px; left:0;  margin:0 auto; position:absolute; padding-left:650px; top:-30px;}
#eligeIdioma select{ padding:1px;}
#eligeIdioma a {color:#fff;}
#eligeIdioma form {position:relative; top:-16px; margin-left:105px;}
#header #buscador {position:relative; top:55px; margin-left:7px;}
#header #buscador form {margin-bottom:3px;}
#header #buscador a { margin-top:20px;color:#a40000; line-height:4em; text-decoration:underline; font-size:0.8em;} #header #buscador a:hover {text-decoration:none;}
#header #buscador input.botoFosc { background-color:#a40000; color:#FFF;}
/*=========================================*/
/*=============   FORMULARIS   ============*/
/*=========================================*/
.form {position:relative;}
.form input, .form select {font-size:0.85em; padding:3px;}
.botoFosc {position:relative; background:#fff; padding:0 3px; font-weight:bold; border:none; margin-left:2px; text-transform:uppercase; color:#000;}

/*FORMULARI*/
.formContacto {position:relative; margin-left:60px; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:0.95em; text-align:left; font-weight:bold; vertical-align:top; line-height:24px; width:210px; padding-right:2px; display:table-cell;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }

.espai {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}
.botoContacto {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin:-5px 0 0 240px; font-size:0.9em!important;}

.botoDistribuye {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin:-5px 0 0 240px; font-size:0.9em!important;}
/*=========================================*/
/*=============   AUXILIARS   ============*/
/*=========================================*/

.marge4Bottom {margin-bottom:4px;}
.clearfix {position:relative; clear:both;}
.colorBlanc {color:#cec9c9;} .colorBlanc a {color:#cec9c9;}
.marge8left {margin-left:8px;}
.imgDreta {position:relative; float:right; margin:10px 0 10px 15px;}
.alinearMapa {position:relative; margin:20px 0 20px 80px;}
.floatLeft {float:left;}
.fotoDreta {position:relative; float:right; border:1px dashed #322e2f; padding:7px; margin:10px 0 10px 20px; }
.alinearCentro {text-align:center; font-size:0.95em; margin:10px 0; line-height:1.2em;}
.alinearCentro a {color:#a40000;}

/*=========================================*/
/*==========   LATERAL ESQUERRE   =========*/
/*=========================================*/

#totBanner {position:relative; clear:both;}
.banner, .banner_marca {position:relative; clear:both; margin-bottom:8px;}


/*=========================================*/
/*================   HOME   ===============*/
/*=========================================*/

#home {position:relative; height: 460px;/*margin-bottom:35px;*/}
#bannerActualidad {position:absolute; width:179px; float:right; top:30px; right:0;}
#bannerActualidad h2 {position:relative; margin-bottom:10px;} #bannerActualidad h2 span {display:none;}
#bannerActualidad div {position:relative;font-size:0.75em; padding:5px 10px; background:url(../img/bg_news.png) no-repeat bottom left; height:65px; margin-bottom:10px;}
#bannerActualidad div:hover { background-position:top left;}
#bannerActualidad div h3 {position:relative; font-weight:bold; margin-top:3px; color:#a40000;}
#bannerActualidad div h3 a{color:#a40000;}
#bannerActualidad div:hover h3 a{color:#fff;}
#bannerActualidad div p {position:relative; height:44px; overflow:hidden; margin:3px 0 5px 0;}

/*=========================================*/
/*===========   BOTTOM CONTENT   ==========*/
/*=========================================*/

.bannerRatlles {position:relative; font-size:0.75em;padding-bottom:5px;top:0px; z-index:3; } /*.bannerRatlles {position:relative; font-size:0.75em; /*padding-top:10px;*/  /*padding-bottom:5px;}*/
.bannerRatlles div {position:relative; width:190px; background-color:#a40000; color:#FFF; font-size:1.1em; margin-top:5px; border-top:none; float:left; margin-right:3px; margin-top:5px;}
.bannerRatlles div h2 {position:relative;} .bannerRatlles div h2 span {display:none;}
.bannerRatlles div p {padding:10px 10px; line-height:1.4em;}
.bannerRatlles div a {text-decoration:underline; color:#FFF;} .bannerRatlles div a:hover {text-decoration:none;}
.bannerRatlles form {position:relative; margin:1px 0 10px 10px;}

#bannerMes {position:relative; float:left; margin-left:7px;top:0px; z-index:3;}/*#bannerMes {position:relative; float:left; margin-left:7px;}*/
div.mrwCatalogo {position:relative; float:left; margin-left:7px; top:0px; z-index:3;}

#mrwCatalogos { position:relative; width:665px;}
#mrwCatalogos div.catalogo { float:left; margin-right:9px; margin-bottom:15px;}
#mrwCatalogos div.catalogo h5 { font-weight:bold; padding-top:8px; max-width:150px;}
#mrwCatalogos div.catalogo p { padding:0; margin:0; max-width:150px; text-align:left;}
#mrwCatalogos div.catalogo a { text-decoration:underline;}
#mrwCatalogos div.catalogo a:hover { text-decoration:none;}
#mrwCatalogos div.catalogo img { border:3px solid #ccc;}
#mrwCatalogos div.catalogo img:hover { border-color:#999; }

/*================================*/
/*===========CONTINGUTS===========*/
/*================================*/
#leyenda {position:relative; margin-top:45px; padding:0 25px; font-size:0.7em;}
#leyenda span a {font-weight:bold;}

#general {position:relative; margin-bottom:60px; padding:0 55px; font-size:0.8em; z-index:1;}
#general h2 {position:relative; font-size:1.5em;  height:20px; margin:50px 0 20px 0;}
#general h2 span {display:none;}
#general p {margin-top:10px; text-align:justify;}
#general a {text-decoration:underline;}
#general ul {position:relative; list-style-image:url(../img/ico-llista.gif); list-style-position:outside; padding-bottom:10px;}
#general ul li {position:relative; margin:10px 0 0 30px; text-align:justify;}

#faqs div h3 {position:relative; color:#fff; background:#373434; margin-top:30px; font-weight:bold; font-size:0.9em;}
#faqs div h4 {position:relative; text-align:right; margin:10px 0 0 0;} #general div h4 span {display:none;}
.listaFaqs {line-height:1em; margin-bottom:50px;}
.listaFaqs a {text-decoration:none!important;} .listaFaqs a:hover {text-decoration:underline!important;}


/*historia*/
.historia {position:relative; clear:both; padding-top:15px;}
.historia h3 {position:relative; background:#a40000; color:#fff; font-weight:bold; width:33px; font-size:0.85em; padding:1px 2px; float:left; margin-top:2px;}
.historia p {position:relative; width:615px; float:left; margin-left:5px; margin-top:0!important;}

/*productos*/
#buscadorModel {position:absolute; margin:-20px 0 0 430px; display:none;}
#buscadorModel select {position:relative; top:-5px;}

#numeroResultados {position:absolute; top:-5px; left:595px;}
#numeroResultados select {position:relative; top:-2px;}

.productoLista {position:relative; float:left; width:298px; margin:10px 20px 30px 10px; height:105px;}
.productoLista img {position:relative; float:left; margin-right:5px;padding:4px; width:120px; height:90px;}
.productoLista div {position:relative; float:left; font-size:0.9em; width:160px; height:110px; overflow:hidden;}
.productoLista div h3 {position:relative; font-weight:bold; font-size:0.95em; margin-top:7px; max-height:26px; overflow:hidden; padding:4px;}
.productoLista div h3 a {position:relative; background:#373434; color:#FFF; padding:4px; text-decoration:none!important;}
.productoLista div h3 a:hover {background-color:#a40000;}
.productoLista div p {position:relative; height:53px; overflow:hidden; text-align:left!important; top:-7px; font-size:1em;}
.productoLista div h4 {position:relative; text-align:right!important; font-size:0.95em; margin-top:-5px;} 
.productoLista div h4 a:hover {color:#a40000;}

/*producto detalle*/
#producto {position:relative;}
#producto .introImage {position:relative; float:left; width:290px; margin-top:20px;}
#producto .introImage img {position:relative; /*max-height:202px;*/ max-width:290px; margin-right:20px!important;}

#producto .intro {position:relative; float:left; width:335px; margin-left:20px; margin-top:20px; border:1px solid #ccc; padding:5px;}
#producto .intro h2 {position:relative; background-image:url(../img/tira-titol-model.gif); background-repeat:repeat-x; color:#fff; font-weight:bold; text-transform:uppercase; border:none; margin-top:10px; padding:5px; } 
#producto .intro div {position:relative; margin:10px 0;} #producto .intro div img {position:relative; float:right; margin-left:10px; margin-top:5px;}
#producto .intro p {position:relative;}
#producto .colors {position:relative; float:none!important; background:none!important; clear:both; padding-top:20px;} 
#producto .colors img {position:relative; border:1px solid #ccc; padding:3px!important; margin-right:3px!important;}

.opcionsProducto {position:relative; padding:20px 0; clear:both;} .opcionsProducto {position:relative; float:left;}

#familiaProd {position:relative; clear:both; float:none!important;}
#familiaProd h3 {position:relative; background-color:#322e2f; padding-left:5px;} #familiaProd h3 span {display:none;}
#familiaProd div {position:relative; float:left; width:145px; height:160px; text-align:center; margin:10px; font-size:0.95em;}
#familiaProd div img {position:relative; vertical-align:bottom; height:115px; width:140px;}
#familiaProd div h4 {position:relative;padding-top:5px; font-weight:bold; margin-top:5px;}
#familiaProd div h4 a {text-decoration:none;} #familiaProd div h4 a:hover {text-decoration:underline;}
#familiaProd div h5 {position:relative;}

.similar {position:relative; clear:both; float:none; margin-top:40px; margin-bottom:20px;}
.similar h3 {position:relative; background-color:#322e2f; padding-left:5px; width:160px;} .similar h3 span {display:none;}
.similar ul {margin-left:-10px;} .similar ul li {font-size:0.95em; line-height:0.85em;} 
.similar ul li a {text-decoration:none!important;} .similar ul li a:hover {text-decoration:underline!important;}


#compra {position:relative; margin:10px 0 20px 0;}
#compra form input {height:1em; font-size:0.95em;}
#compra form select {height:1.3em; font-size:0.9em;}

#compra .botoCompra {height:auto; margin-bottom:-2px;}



/****************************************************/
/***********************POPS*************************/
/****************************************************/

#popUp {position:relative; margin:0 auto; width:600px; font-size:0.75em; background:#FFFFFF;}
#popUp h1 {display:none;}

#popPeu {position:relative; width:600px; height:88px; background:url(../img/pop-bottom.jpg); font-size:0.9em;}
#popPeu p {position:absolute; color:#6c6969; text-align:center; top:35px; left:50px; line-height:1.3em;} 
#popPeu a {color:#6c6969; text-decoration:underline;} #popPeu a:hover {text-decoration:none;}
#popPeu span a {color:#a40000; text-decoration:none;} #popPeu span a:hover {text-decoration:underline;}

#popGeneral {position:relative; padding:20px 50px; text-align:justify;}
#popGeneral h2 {position:relative; padding:30px 0 7px 0; border-bottom:1px dashed #322e2f; margin-bottom:20px;} #popGeneral h2 span {display:none;}
#popGeneral p {padding:5px 0; line-height:1.4em;}
#popGeneral a {color:#a40000; text-decoration:underline;} #popGeneral a:hover {text-decoration:none;}
#popGeneral h3 {position:relative; font-weight:bold; color:#a40000; margin:25px 0 5px 0;}

.botoPop {position:relative; margin:0 0 20px 220px;}

.formPop {position:relative; margin:0; padding:0;}
.formPop div {position:relative; clear:left; margin-top:5px;}
.formPop div label {position:relative; width:180px; text-align:right; float:left; margin-right:3px;}
.formPop input {position:relative; left:0px; font-size:0.9em;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; font-size:0.9em; margin-top:30px; text-align:right; margin-right:0px; right:30px; z-index:21;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-41px!important; height:15px; padding:4px 6px;}
.paginacio ul li a {position:relative; color:#fff; text-decoration:none!important; padding:4px 6px!important; background-color:#373434!important;} 
.paginacio ul li a:hover {background:#a40000!important; padding:4px 6px!important; text-decoration:none;}
.paginaSeleccio {position:relative; background-color:#131112; padding:4px 6px; color:#fff;}
.paginaNoSeleccio {position:relative; background-color:#373434; padding:4px 6px; color:#fff;}

/*================================================*/
/*==================ACTUALIDAD====================*/

#latActualidad {position:relative; float:right; width:179px; background:#fff; padding:0 0 20px 30px; z-index:10; padding-right:0; margin-right:-55px;}
#latActualidad h3 {position:relative;} #latActualidad h3 span {display:none;}


#latActualidad div {position:relative;font-size:0.95em; padding:5px 10px; background:url(../img/bg_news1.png) no-repeat bottom left; height:76px; overflow:hidden; margin-bottom:10px;}
#latActualidad  div:hover { background-position:top left;}


#latActualidad div img {text-align:center; margin-bottom:5px; max-height:100px; max-width:150px; display:none;}
#latActualidad div h4 {position:relative; font-weight:bold; font-size:0.95em; text-align:left; max-height:36px; overflow:hidden; }
#latActualidad div h4 a {text-decoration:none;} #latActualidad div h4 a:hover {text-decoration:underline;}
#latActualidad div p {position:relative; text-align:left; margin-top:3px; max-height:57px; overflow:hidden;}

#actualidad {position:relative; z-index:1; min-height:200px;}
#actualidad h3 {color:#a40000!important; font-weight:bold; font-size:1.2em; background:none!important;}
#actualidad h3 span {color:#1d1a1b; font-size:0.7em;}
#actualidad h4 {position:relative; text-align:right; margin-top:20px;}
#actualidad img {position:relative; float:right; border:1px dashed #322e2f; padding:7px; margin:10px 0 10px 20px; max-height:300px; max-width:300px;}
#actualidad div {position:relative; margin:15px 0 5px 0; border-bottom:1px dashed #c6c1c1;}
#actualidad div h3 {position:relative; font-weight:bold; color:#a40000; max-height:32px; overflow:hidden; font-size:1em; background:none;} 
#actualidad div h3 a {color:#a40000; text-decoration:none;} #actualidad div h3 a:hover {text-decoration:underline;}
#actualidad div h3 span {color:#1d1a1b; padding-right:7px; font-size:0.85em!important;}
#actualidad div p {position:relative; margin:0 0 7px 0; max-height:32px; overflow:hidden; }

/*BUSQUEDA*/

#busqueda div {position:relative; border-bottom:1px dashed #c6c1c1; padding:10px 0;}
#busqueda div h3 {color:#a40000!important; font-weight:bold; font-size:0.95em; background:none!important; float:left;}
#busqueda div h3 a {color:#a40000!important; text-decoration:none;} 
#busqueda div h3 a:hover {text-decoration:underline;}
#busqueda div h4, #busqueda div h5 {float:left; font-weight:bold; padding-left:10px; font-size:0.95em;}
#busqueda div p {position:relative; clear:left; font-size:0.9em; padding-top:2px; height:1.3em; overflow:hidden;}

/*LINKS*/
#links {position:relative; margin-top:80px; bottom:50px;}
#links div {position:relative; margin-top:10px;}
#links div div {position:relative; float:left!important; width:260px!important; margin:0 30px;}
#links div div h3 {position:relative; background:#262324; color:#fff; font-weight:bold; padding:1px 4px;}
#links div div ul {position:relative; list-style:none!important; margin-left:-25px;}
#links div div ul li {position:relative; font-weight:bold;} #links div ul li p {position:relative; font-weight:100; margin:0; text-align:left;}
#links div div ul li a {text-decoration:none;} #links div div ul li a:hover {color:#a40000; text-decoration:underline;}

/*MAPA WEB*/
.mapaWeb {position:relative; margin:10px 0; font-size:0.95em;}
.mapaWeb h3 {font-weight:bold; font-size:0.95em; margin:30px 0 0 0;}
.mapaWeb h3 span {color:#fff; background:#373434; padding:0 2px;}
.mapaWeb h3 a {color:#fff; background:#373434; text-decoration:none!important; padding:1px 2px; } .mapaWeb h3 a:hover {background:#a40000;}
.mapaWeb h4 {font-weight:bold; margin:10px 0 -9px 0;} 
.mapaWeb h4 a {text-decoration:none!important;} .mapaWeb h4 a:hover {text-decoration:underline!important; color:#a40000;}

.pMapa {margin-bottom:-5px!important;}

.txtGracias {position:relative; margin:50px 0 200px 0; text-align:center;}

/*RED DE DISTRIBUIDORES*/
#red {position:relative; background:#f7f6f6; margin:20px 0; padding:7px;}
#red #mapa {position:relative; float:right;}
#red #mapa img {border:6px solid #fff;}
#red #buscaMapa {position:relative; float:left; width:250px; padding:10px 0 0 10px;}
#red #buscaMapa p {font-size:0.90em; text-align:left;}

#buscaMapa form {position:relative; font-size:0.9em; margin:20px 0 0 -10px;}
#buscaMapa form  span {positin:relative; font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:2.2em; width:80px; padding-right:2px; display:table-cell; color:#5b5a5a;}
#buscaMapa form fieldset select {vertical-align:top; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e;}
#buscaMapa form fieldset input {margin-left:100px; top:-10px;}
#buscaMapa form fieldset {border:none;}

#buscaMapa div {position:relative;}
#buscaMapa div p {position:relative; font-size:0.85em!important; text-align:center!important; margin-top:20px;}
#buscaMapa div p a {color:#da5638;}

.campoMapa {position:relative; left:85px; margin-top:-23px;}
/*================================================*/
/*================= MENÚ LATERAL =================*/
/*================================================*/

#navcontainer {position:relative; margin-left:0; width:164px!important; padding:0; margin-bottom:1em;}
#navcontainer ul {list-style:none; margin-left:0; padding:0; border:none; text-align:right;width:169px; font-size:0.8em;}
#navcontainer li { margin:0; padding:2px 0;}
#navcontainer li a {display:block; padding:5px 5px 5px 5px;  color:#c6c1c1; text-decoration:none; width:164px; min-height:1.1em; }
html>body #navcontainer li a {width:auto;}
#navcontainer li a:hover {color:#a40000;}
#navcontainer li li { background: url(../img/bg_li_menu.gif) no-repeat 0 0 ;border-bottom:0; margin:0; font-size:1.1em;}
#navcontainer ul ul {padding-bottom:-2px!important;}
#navcontainer li li a {display:block; padding:5px 5px 5px 20px; color:#333; text-decoration:none; width:100%;}
#navcontainer #subnavlist li a:hover {color:#a40000;}

#navcontainer li li a.tipNuevo, #navcontainer li li a.tipNuevo:hover,  #navcontainer li li a.tipNuevo:active {background-image:url(../../esp/ico-nuevo.gif); background-repeat:no-repeat; background-position:top left; }
#navcontainer li li:hover {background: url(../img/bg_li_menu1.gif) no-repeat  0 99.5%  ;}
#navcontainer li#active{background: url(../img/bg_li_menur.gif) no-repeat  0 0  ; font-size:1em; }
#navcontainer li#active a:hover{ color:#000  ; }

#navcontainer #current { color:#FFF; font-size:1em;}
#navcontainer #subcurrent {color:#a40000; font-weight:bold;}

/*ACCESO CLIENTES*/
.accesoClientes {position:absolute; background:#fff; width:240px; height:120px; padding:3px; top:-40px; left:-70px; z-index:2; visibility:hidden;}
.accesoClientes div {position:relative; border:1px dashed #322e2f; font-size:0.85em; color:#201d1e; padding:5px; z-index:2;}
.accesoClientes div img {position:relative; float:right;}
.accesoClientes div p {padding:5px;}
.accesoClientes div form {position:relative; margin-top:0;}
.accesoClientes span {width:85px; text-align:right; display:table-cell; line-height:1.6em;}
.accesoClientes div form fieldset input {top:-2px!important;}
.accesoClientes .botoAcceso {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin:5px 0 5px 108px; font-size:0.9em!important; z-index:4;}

#eligeIdioma .accesoClientes {position:absolute; background:#fff; z-index:3; width:240px; height:120px; padding:3px; top:0; left:-250px;}
#eligeIdioma .accesoClientes div {position:relative; border:1px dashed #322e2f; color:#201d1e; padding:5px;}
#eligeIdioma .accesoClientes div img {position:relative; float:right; z-index:4;}
#eligeIdioma .accesoClientes div p {position:relative; padding:5px; font-size:1.2em;}
#eligeIdioma .accesoClientes div form {position:relative; margin:15px 0 0 10px; width:190px; font-size:1.2em;}
#eligeIdioma .accesoClientes span {width:85px; text-align:right; display:table-cell; line-height:1.6em;}
#eligeIdioma .accesoClientes div form fieldset input {top:-2px!important;}
#eligeIdioma .accesoClientes .botoAcceso {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin:5px 0 -10px 110px; font-size:1.1em!important; }

#accesoIdioma {position:absolute; top:-17px; left:-192px; color:#201d1e; font-size:0.85em; background:#fff; width:180px; height:38px; z-index:3; padding:5px; visibility:hidden;}
#accesoIdioma div {position:relative;border:1px dashed #322e2f; padding:5px;} #accesoIdioma div img {position:relative; float:right; z-index:4;}
#accesoIdioma div form {position:relative; margin-top:10px!important;}
#accesoIdioma div form select {margin-left:3px;}

.noBorde {border:none!important;}

#gracias {position:relative; margin:60px 0 180px 0;}


#hojaPedido {position:relative;}
#hojaPedido textarea {width:650px;}


.mida1 {position:relative; width:70px; overflow:hidden;}
.mida2 {position:relative; width:238px; overflow:hidden;}
.mida3 {position:relative; width:40px; overflow:hidden;}
.mida4 {position:relative; width:58px; overflow:hidden; margin-bottom:2px;} 
.mida4 img {margin-right:5px;} .mida4 span {font-size:0.9em;}

.liniaPedido {position:relative; height:20px; boder:none; border-top:1px solid #fff; clear:both; overflow:hidden; line-height:20px;} 
.liniaPedido li {position:relative; margin:0!important; list-style:none; padding:5px 10px 0 10px; float:left;}
.gris {background-color:#f7f6f6;}

.formPedido select {font-size:0.8em;}
.formPedido input {height:1.4em; font-size:0.9em; padding:1px;}

.titular {position:relative; margin-top:20px; background:#938d8d; color:#fff; font-weight:bold; font-size:0.85em; height:15px;}

.titular li {position:relative; margin:0!important; list-style:none; padding:5px 10px 0 10px; border-right:1px solid #fff; float:left; height:20px;}
.textoCentro {position:relative; text-align:center;}
.textEsq {position:relative; text-align:left!important;}
.icoBorrar {position:relative; margin:3px 0 0 10px;}

#finPedido {position:relative; clear:both; border-top:1px solid #fff; height:20px; background-color:#f7f6f6;}

.botoPedido {position:relative; float:right; height:auto!important; margin-right:8px;}

.boto80 {position:relative; width:77px!important; height:18px!important; }