/* RESET GLOBAL ELEMENTS*/


/* RESET UNITARI ELEMENTS*/
*{border:0; margin:0; padding:0; list-style:none;}
html, body, #bg, #bg table, #bg td, #contingut{}
body{font-family:Arial,sans-serif; font-size:1em; cursor:default; color:#000; background-color:#FFF; font-weight: normal;}
img{}
a:link{text-decoration: none; color:#fff;}
a:hover{text-decoration: underline;}
a:active{color:#004fa4!important;}
a:visited{color:#fff;}


/* CLASSES  */
h1{color:#000; position: absolute; top: 16px; left: 20px; font-size: .7em; z-index: 2; }
h2{color:#f97514; font-size: 1.6em; font-weight: bold; float:left; display: inline; width: 685px; height: auto; border-bottom: 1px solid #e1e1e1; padding-bottom: 4px; padding-left: 15px;}
.contLlistaProdOferta h2{color:#f97514; font-size: 1.6em; font-weight: bold; float:left; display: inline; width: 685px; height: auto; border-bottom: 1px solid #e1e1e1; padding-bottom: 4px; padding-left: 15px;margin-bottom: 10px;}
h3{}
h4{}
p{color:#484d61; font-size: .8em;}


/* SPRITES GLOBALS (imatges)  */
.IMG-glo        {background:url(/frontend/images/sprite-global.png?v3) no-repeat;}
.IMG-ico        {background:url(/frontend/images/sprite-icones.png) no-repeat;}
.IMG-form       {background:url(/frontend/images/sprite-form.png) no-repeat;}
.IMG-bg         {background:url(/frontend/images/sprite-bg.png) no-repeat;}

/* CLASSES GLOBALS  */
.left       {float:left;}
.right      {float:right;}
.verd       {color:#037f73;}
.taronja    {color:#f98f14;}
.clearTot{clear: both;}
.bold{font-weight: bold;}
.blau{color:#004fa4;}
.paddingMenu{padding: 0 6px 0 0px;}


/* LAYOUT (estructura)   */
.CNT-WEB     {position:relative; z-index:1; width:100%; margin:0 auto; height: auto; display:block;}
.CNT-TOP     {position:relative; z-index:1; width:990px; height: 90px; margin: auto; background:#fff; }
.CNT-CENTER  {position:relative; z-index:1; width:990px; height: auto; margin: auto; padding-top: 20px }
.CNT-CENTER-LEFT{float:left; display: inline; width: 700px; height: auto;}
.CNT-CENTER-RIGHT{float:right; display: inline; width: 270px; height: auto; margin-bottom: 30px; margin-top:20px;}
.CNT-BASE    {position:relative; z-index:1; width:100%; float:left; display: block;}


/* AJAX */
.ajax-loader-vehiculos{

	display: none;
	z-index: 9999;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	-webkit-opacity: 0.6;
	background-color: #000;
	position: absolute;
	height: 100%;
	width: 100%;

}

.ajax-loader-vehiculos .gif-loader{
	background:url('/frontend/images/ajax-loader.gif') no-repeat;
	position: fixed;
	top: 230px;;
	left: 40%;
	width: 128px;
	height: 128px;
}

/* TOP */
.bgMenu{position: relative; height: 53px; width: 990px; top: 40px; left: 0px; z-index: 1; background-position: 0 -189px;}

.menuUL {position: relative; top: 0px; left: 0px; padding: 20px 0 0 0; margin: 0 0 0 4px;}
.menuUL li{display: inline; margin: 0px 0 0 0; background-position: 0 -123px; padding: 0 6px 0 16px; font-family: 'PTSansNarrowBold';  font-size: 1.1em;}
.menuUL li a{color:#037f73!important;}
.menuUL li a:hover{ color:#004fa4!important; text-decoration: none;}
.menuUL li a .current{text-decoration: underline; color:#000!important;}
.menuUL li a span.iniciBTNMenu {background:url('/frontend/images/home.png') no-repeat 0 -1px; height:23px; width:23px; text-indent: -10000px;  margin: -2px 0 0 10px!important; padding: 0 0 0 0px!important; float: left; display: inline;}
.logo{width: 218px; height: 84px; position: absolute; top: 5px; right: 40px; z-index: 2; text-indent: -10000px;}
.idioma{position: absolute; top: 15px; right: 0px; z-index: 3; font-size: .7em; padding:0 2px 0 12px; font-weight: bold; color:#037f73!important; background-position: 0 -581px;}
.idioma:hover{background-position: 0 -598px; color:#004fa4!important; text-decoration: none; }

.languageTop{position: absolute; top: 7px; left: 430px; z-index: 3; font-size: .7em; padding:0 2px 0 12px; font-weight: bold; color:#333!important;}
.selectIdiomes{position: relative; width: 100px; padding: 0 0 0 5px; display: inline;}


/* LATERAL DRET  */
.contAccedir{float:left; display: block; width: 271px; height: 99px;  background-position: -719px -251px; padding: 15px 10px 10px 15px; margin: 0px 0 15px 0;}
.ptextAccedir{float:left; display: inline; font-size: .8em; color: #004fa4; margin: 4px 0 11px 0; font-weight: bold;}
.formAccedir{float:right; width: 160px; font-size: .8em; color: #000; margin: 0 30px 8px 0; height: 25px; padding: 0 0 0 5px; background: #fff; border-radius:.5em;}

.contLogejat{float:left; display: block; width: 271px; background-position: -719px -251px; margin: 0px 0 15px 0;font-size: 14px;color: #484d61;}
.contLogejat .contLogejatFooter{background-color: #FFFFFF; display: block; width: 271px; background-position: -719px -466px; height: 12px;}
.contLogejat span{padding: 15px 10px 2px 15px;float: left;}

.btAccedir{float: right; display: inline; width: 114px; height: 27px; padding: 0; text-align: center; background-position: 0 -160px; cursor: pointer; color: #fff; font-size: .8em; padding: 0px 0 0 0; margin: 6px 30px 0 0;}
.btAccedir:hover{background-position: 0 -198px; }
.btAccedir2{display: inline; width: 114px; height: 27px; padding: 0; text-align: center; background-position: 0 -160px; cursor: pointer; color: #fff; font-size: .8em; padding: 0px 0 0 0; margin: 6px 30px 0 0;}
.btAccedir2:hover{background-position: 0 -198px; }
.btRegistroProf{padding: 6px 0 0 0; display:block; width: 114px; height: 27px; text-align: center; background-position: 0 -160px; cursor: pointer; color: #fff; font-size: .8em; margin:85px 0 0px 20px; }
.btRegistroProf:hover{background-position: 0 -198px;}

.bthref{width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 8px 0 0 0; margin: 15px 0 0 202px; float: left; display: inline;}
.bthref:hover{text-decoration: none; background-position: 0 -398px;}

.ptextMinim{float:left; display: block; color: #fff; font-size: .65em; width: 120px; height: 30px; z-index: 2; margin: 5px 0 0 0;}
.ptextMimimT{color:#fff!important; text-decoration: underline!important;}
.ptextMimimT:hover{color:#004fa4!important;}

.ptextMinimLoged{float:left; display: block; color: #fff; font-size: .65em; z-index: 2; margin: 5px 0 0 0;}
.ptextMimimLogedT{color:#fff!important; text-decoration: underline!important;}
.ptextMimimLogedT:hover{color:#004fa4!important;}

.banner-rampa{float:left;display: block;width: 270px;height: 237px;background-position: -258px 0px;text-indent: -10000px;margin: 0px 0 15px 0;}
.bannerRDT{float:left; display: block; width: 270px; height: 219px; background-position: -1112px 0; text-indent: -10000px; margin: 0px 0 15px 0;}
.bannerTVDT{float:left; display: block; width: 270px; height: 219px; background-position: -1112px -242px; text-indent: -10000px; margin: 0px 0 15px 0;}
.bannerInyeccion{float:left; display: block; width: 270px; height: 279px; background-position: -544px -310px; text-indent: -10000px; margin: 0px 0 15px 0;}
.bannerCata{float:left; display: block; width: 270px; height: 196px; background-position: -257px -344px; text-indent: -10000px; margin: 0px 0 15px 0;}
.bannerAt{float:left; display: block; width: 270px; height: 234px; background-position: -257px -1px; text-indent: -10000px; margin: 0px 0 15px 0;}
.bannerProf{float:left; display: block; width: 270px; height: 131px!important; background-position: -544px 0px; margin: 0px 0 15px 0px; clear:left;}
.bannerPago{float:left; display: block; width: 270px; height: 141px; background-position: -544px -150px; text-indent: -10000px; margin: 0px 0 15px 0px; clear:left;}
.bannerEnvio{float:left; display: block; width: 270px; height: 85px; background-position: -257px -240px; text-indent: -10000px; margin: 0px 0 15px 0px; clear:both;}

.contAccedit{float:left; display: block; width: 261px; height: auto; padding: 15px 10px 10px 0; display: block; margin-top: 5px; }
.titContAccedit{float:left; display: block; width: 271px; height: 38px; background: #eb4f00;}
.icoCarrito{position: relative; width: 28px; height: 24px; top: 10px; left: 10px; background-position: 0px -1059px;}
.sumaCarrito{position: relative; font-size: .9em; color: #fff; font-weight: bold; top: 5px; left: 34px; width: 270px; }
.contContAccedit{float:left; display: block; width: 259px; height: auto; background: #f98f14; padding: 10px 0 0 12px;}
.nomProdCarrito{float:left; display: inline; width: 170px; height: 20px; color: #000; font-size: .8em; text-align: left; font-weight: bold;}
.preuProdCarrito{float:left; display: inline; width: 50px; height: 20px; color: #000; font-size: .8em; text-align: right; font-weight: bold;}
.eliminarProdCarrito{float:left; display: inline; width: 13px; height: 15px; background-position: 0 -1092px; margin: -1px 0 0 5px;}
.btCarritoLateral{float:left; display: block; width: 247px; height: 24px; background-position: -719px -487px; color: #fff; font-size: .7em; text-decoration: underline; text-align: center; margin: 10px 0 0 0; padding: 5px 0 0 0; font-weight: bold;}
.btCarritoLateral:hover{background-position: -719px -518px;}
.baseContAccedit{float:left; display: block; width: 271px; height: 11px; background-position: -719px -464px;}


/* MENUS  */
.contMenuSec{position: relative; width: 720px; height: 160px; top: 50px; background:url('/frontend/images/bg-form-principal.png') no-repeat 0 -1px;}
.contMenuSecLista{position: relative; width: 720px; height: 160px; top: 36px; background:url('/frontend/images/bg-form-principal.png') no-repeat 0 -1px;}
.contMenuSec2{position: relative; width: 720px; height: 120px; top: 0px;}


/* Estructura CONTENT */
.fraseContent{position: relative; top: 20px; left: 0px; width: 667px; height: 26px; background-position: 0 -388px; font-family: 'BebasNeueRegular', sans-serif; font-size: 1.95em; padding: 19px; color: #fff;}
.contBuscRap{float:left; display: block; height: 64px; width: 275px;  background-position: -719px -388px; margin: 0px 0 15px 0; }
.formBuscRap{position: relative; width: 250px; font-size: .8em; color: #000; margin: 15px 30px 8px 7px; height: 31px; padding: 0px 0 0 10px; background: #fff; border-radius:.5em; cursor:pointer;}
.btBuscRap{position: relative; z-index: 3; width: 51px; height: 32px; background-position: 0 -664px; display: inline; top: -38px; left: 215px; font-size: .75em; padding: 0px 0 0 0; text-align: center; color:#fff;}
.btBuscRap:hover{background-position: 0 -628px;}

.slideshow{position: relative; top: 35px; left: 0px; width: 700px; height: 226px; overflow: hidden; }
.slide{float:left; display: block; width: 700px; height: 226px; position: absolute; z-index: 2;}
.control{z-index: 10;}
.slide01{float:left; margin:0 0 0 0; width: 700px; height: 226px; background:url("/frontend/images/slider-bg01.png") no-repeat; }
.fotoSlide{float:left; margin:0 0 0 15px; width: 342px; height: 226px;}
.titProdSlide{float:left; display: inline;  color: #004fa4!important; font-size: 1.6em; font-family: 'Arial', sans-serif; font-weight: bold; width: 300px; margin: 20px 0 0 0;}
.textProdSlide{float:left; display: inline;  color: #484d61!important; font-size: .9em; font-family: 'Arial', sans-serif; width: auto; max-width: 300px;}
.preuProdSlide{float:left; display: inline;  color: #f97514!important; font-size: 3em; font-family: 'Arial', sans-serif; font-weight: bold; width: auto;}
.fletxaEsq{position: absolute; width: 44px; height: 44px; top: 180px; left: -10px; background-position: 0 0; text-indent:-10000px; z-index: 4;}
.fletxaEsq:hover{background-position: -57px 0;}
.fletxaDreta{position: absolute; width: 44px; height: 44px; top: 180px; left: 666px; background-position: 0 -53px; text-indent:-10000px;}
.fletxaDreta:hover{background-position: -57px -53px;}

.descripcion_pieza ul{color: #484d61;font-size: .8em; margin-left: 20px;}
.descripcion_pieza li{ list-style-type: circle; }
.descripcion_pieza p{margin-top: 10px;}
.descripcion_pieza{margin-bottom: 15px;float: left;}
.contLlistaProd{float: left;display: inline; width: 730px; height: auto; margin: 0;}
.contLlistaProdOferta{float: left;display: inline; width: 730px; height: auto; margin: 40px 0 30px 0;}
.contProductosAntes{float:left; display: inline; width: 700px; height: 414px; margin: 50px 0 30px 0; background:url(/frontend/images/bg-productos.jpg) no-repeat;}
.itemLlista{float:left; display: inline; width: 335px; height: 149px; background: #e1e1e1; margin: 0 30px 20px 0; }
.fotoLlista{float:left; display: inline; width: 172px; height: 129px; margin: 10px;}
.preuLlista{margin-top: 10px; float:left; display: inline; color: #f97514; font-size: 2em; font-weight: bold;}
.textLlista{float:left; display: inline; height: 50px; width: 135px; }
.btVerDetalle{float:left; display: inline; width: 132px; height: 27px; padding: 0; text-align: center; background-position: 0 -248px; cursor: pointer; color: #fff; font-size: .8em; padding: 6px 0 0 0; margin: 3px 0 0 0; position: relative; top:10px;}
.btVerDetalle:hover{background-position: 0 -286px; }

.icoOferta{position: relative; width: 70px; height: 70px; top: -150px; left: -20px; background-position: 0 -850px; text-indent: -10000px; z-index: 10;}


/* FICHA OFERTA */
.fotoOferta{float:left; display: inline; width: 357px; height: 267px; border:10px solid #e1e1e1; margin:20px 15px 20px 15px;}
.contOferta{float:left; display: inline; width: 290px; height: 200px; margin-top: 20px;}
.pvpFichaOferta{float:left; display: inline; width: 190px; font-size: .7em; color:#484d61;}
.portes{font-style: italic; float:left; display: inline; width: 190px; font-size: .9em; color:#484d61;}
.infoSolicitar{font-style: italic; float:left; display: inline; width: 290px; font-size: .7em; color:#484d61;}
.pvpPreuOferta{float:left; display: inline; width: auto; font-size: 2.5em; color:#f97514; font-weight: bold; margin: -3px 25px 0 0;}
.pvpPreuOfertaVella{float:left; display: inline; width: 290px; font-size: 1.5em; color:#05918a; margin: 0px 0 10px 0; text-decoration:line-through; }
.descripcioOferta{float:left; display: inline; width: 290px; font-size: 1em; color:#484d61;  font-weight: bold; margin: 10px 0 0 0; padding: 0 0 10px 0;}
.tablaOferta{background: #7b7b7b; color: #fff; height: 30px; width: 700px;}
.columnaOferta{ text-align: left; font-size: .8em; padding: 5px;}
.columnaOfertaDades{ text-align: left; font-size: .8em; padding: 5px; background: #e1e1e1; color:#484d61; }

.contOfertaProd{float:left; display: inline; width: 700px; height: auto; margin-top: 20px; margin-bottom: 20px;}
.descripcioProducto{float:left; display: inline; width: 700px; font-size: 1em; color:#484d61;  font-weight: bold; margin: 0 0 0 0; padding: 0 0 10px 15px;}

.contTablaBusqueda{float:left; display: inline; margin-top: 20px;}
.tablaProdBusqueda{background: #7b7b7b; color: #fff; height: 30px; width: 700px; }
.tablaVehiculosOferta{background: #7b7b7b; color: #fff; height: 30px; width: 700px; font-size: .9em; }
.columnaOfertaDadesVer{ text-align: center; font-size: .8em; padding: 5px; width: 71px; background: #059189; color:#fff; }

/*login*/
.fichaLogin{display: inline;height: auto; margin: 30px 0 0 15px; float:left; background-color: #d9d9d9; padding: 10px;  border-top: solid 1px #aaa;border-left: solid 1px #aaa;border-bottom: solid 1px #aaa;border-right: solid 1px #aaa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tableLogin{height: auto; display: block;}
.trtableLogin{width: 305px; height: 35px; display: block; }
.tdtableLogin01{float:left; width: 110px; height: 25px; display: inline; font-family: 'Arial', sans-serif; font-size: .8em; line-height: 1.3em; color:#484d61; padding: 10px 5px 0 0; text-align:left;}
.tdtableLogin02{float:left; width: 110px; height: 32px; display: inline; padding: 3px 0 0 0; }
.tdtableLogin03{height: 32px; padding: 3px 0 0 0;}
.tdtableLogin03 a{color: #004fa4; font-size: 12px;}
.loginAccedir{width: 175px; font-size: .8em; color: #000; margin: 0 30px 8px 0; height: 25px; padding: 0 0 0 5px; background: #fff; border-radius:.5em;border-top: solid 1px #aaa;border-left: solid 1px #aaa;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;color:#444;}
.tdtableLoginError{height: 25px; display: inline; font-size: .8em; line-height: 1.3em; text-align:center;color: #ff5555;font-weight: bold;}

/*Form de registro*/  /* add fos_user_resetting_reset */
.formRecuperarPass{float: left;display: inline;height: auto;margin: 30px 0 0 15px;}
.formRecuperarPass p{font-size: 0.9em;}
.formRecuperarPass a{color: #004fa4; font-size: 12px;}
.formRegistro {float: left;display: inline;width: 580px;height: auto;margin: 30px 0 0 15px;}
#consulta_useranonymous, #consultatype, #contactotype, #user_profile_show, #fos_user_account_login2, #fos_user_profile_form, #fos_user_resetting_form, #fos_user_registration_form, #fos_user_request_form{float: left;width: 560px;height: auto;display: block;margin: 0px 0 30px 0;}
#consulta_useranonymous td input,#consultatype td input, #consultatype textArea, #contactotype td input, #contactotype textarea, #registrar_consulta_popup textarea, #registrar_consulta_popup td input, #user_profile_show input, #fos_user_account_login2 input, #fos_user_profile_form input, #fos_user_resetting_form input, #fos_user_registration_form input, #fos_user_request_form input{font-size: 12px; font-family: 'Arial', sans-serif; font-weight: normal; padding: 5px; color: #777;border-top: solid 1px #aaa;border-left: solid 1px #aaa;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;outline: 0; width: 350px;}
#user_profile_show input:disabled{background-color: #e5e5e5;}
#consulta_useranonymous label, #consultatype label, #contactotype label, #registrar_consulta_popup span, #user_profile_show span, #fos_user_account_login2 label, #fos_user_profile_form label, #fos_user_resetting_form label, #fos_user_registration_form label, #fos_user_request_form label{width: 180px;height: 25px;display: inline;font-family: 'Arial', sans-serif;font-size: 1.1em;line-height: 1.8em;color: #484d61;padding: 10px 5px 0 0;text-align: left;}
#consulta_useranonymous td, #consultatype td, #contactotype td, #registrar_consulta_popup td, #user_profile_show td, #fos_user_account_login2 td, #fos_user_profile_form td, #fos_user_resetting_form td, #fos_user_registration_form td, #fos_user_request_form td{width: 180px;height: 25px;font-family: 'Arial', sans-serif;font-size: .8em;line-height: 1.3em;color: #484d61;padding: 10px 5px 0 0;text-align: left;}
#consulta_useranonymous ul, #consultatype ul, #contactotype ul, #registrar_consulta_popup ul, #user_profile_show ul, #fos_user_account_login2 ul, #fos_user_profile_form ul, #fos_user_resetting_form ul, #fos_user_registration_form ul, #fos_user_request_form ul{width: 355px;}
#consulta_useranonymous li, #consultatype li, #contactotype li, #registrar_consulta_popup li, #user_profile_show li, #fos_user_account_login2 li, #fos_user_profile_form li, #fos_user_resetting_form li, #fos_user_registration_form li, #fos_user_request_form li{height: 25px; display: inline; font-size: .8em; line-height: 1.3em; text-align:center;color: #ff5555;font-weight: bold;}
#consulta_useranonymous tbody#consultatype tbody, #contactotype tbody, #registrar_consulta_popup tbody, #user_profile_show tbody, #fos_user_account_login2 tbody, #fos_user_profile_form tbody, #fos_user_resetting_form tbody, #fos_user_registration_form tbody, #fos_user_request_form tbody{width: 400px;}
.link007 a{color: #004fa4;font-size: 12px;position: relative; left:191px;}
#indicaciones_ref{width: 660px;float: left;padding-top: 30px;padding-left: 20px;}

.fichaOferta{float:left; display: inline; width: 580px; height: auto; margin: 50px 0 0 15px; }
.tablePedido{float:left; width: 560px; height: auto; display: block; margin:0px 0 80px 0;}
.tablePedido2{float:left; width: 560px; height: 300px; display: block; margin:20px 0 0 0;}
.tablePedido3{float:left; width: 560px; height: 340px; display: block; margin:20px 0 0 0;}
.tablePedido4{float:left; width: 560px; height: 130px; display: block; margin:20px 0 10px 0;}
.trtablePedido{float:left; width: 560px; height: 35px; display: block; }
.tdtablePedido01{float:left; width: 180px; height: 25px; display: inline; font-family: 'Arial', sans-serif; font-size: .8em; line-height: 1.3em; color:#484d61; padding: 10px 5px 0 0; text-align:left;}
.tdtablePedido011{float:left; width: 100px; height: 25px; display: inline; font-family: 'Arial', sans-serif; font-size: .8em; line-height: 1.3em; color:#484d61; padding: 10px 5px 0 0; text-align:left; margin: 0 0 0 30px;}
.tdtablePedido011b{float:left; width: 120px; height: 25px; display: inline; font-family: 'Arial', sans-serif; font-size: .8em; line-height: 1.3em; color:#484d61; padding: 10px 5px 0 0; text-align:left; margin: 0 0 0 30px;}
.tdtablePedido01b{float:left; width: 100px; height: 25px; display: inline; font-family: 'Arial', sans-serif; font-size: .8em; line-height: 1.3em; color:#484d61; padding: 10px 5px 0 0; text-align:left;}
.tdtablePedido02{float:left; width: 340px; height: 32px; display: inline; padding: 3px 0 0 0; }
.campForm{float:left; display: inline; background-color: #fff!important; height: 20px; font-size:.8em!important; width:330px; border:1px solid #999;}
.camptextArea{float:left; display: inline; background-color: #fff!important; font-size:.8em!important; width:330px;}
.campCheck{float:left; display: inline; width: 300px; height: 20px; margin: 0 0 0 185px; clear: left;}
.campCheck1{float:left; display: inline; width: 300px; height: 20px; margin: -70px 0 0 136px;}
.campCheck2{float:left; display: inline; width: 220px; height: 20px; }
.campCheck3{float:left; display: inline; width: 220px; height: 20px; color: #000!important;}
.pcampCheck{font-family: 'Arial', sans-serif; font-size: .7em; color: #484d61!important; display: inline;}
.btVerInfo{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: 15px 0 0 185px;}
.btVerInfo:hover{background-position: 0 -398px; text-decoration: none; }
.btVerInfo2{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: 5px 0 0 185px;}
.btVerInfo2:hover{background-position: 0 -398px; text-decoration: none; }
.btVerInfoReg{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: 15px 0 0 0;}
.btVerInfoReg:hover{background-position: 0 -398px; text-decoration: none; }
.btVerInfoReg3{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: 05px 0 0 0;}
.btVerInfoReg3:hover{background-position: 0 -398px; text-decoration: none; }
.btVerInfoReg2{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: 25px 0 0 15px;}
.btVerInfoReg2:hover{background-position: 0 -398px; text-decoration: none; }
.btAcceder{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: -40px 0 0 136px;}
.btAcceder:hover{background-position: 0 -398px; text-decoration: none; }
.btConfDatos{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: -60px 0 0 186px;}
.btConfDatos:hover{background-position: 0 -398px; text-decoration: none; }
.btModCont{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 0px 0 0 0; margin: -40px 0 0 156px;}
.btModCont:hover{background-position: 0 -398px; text-decoration: none; }


/* pàgines estatiques */
.contEstatics{float:left; display: inline; width: 700px; height: auto; margin: 30px 0 30px 0; }
.titEstAtencionBg{float:left; display: inline; width: 470px; height: 45px; background:url(/frontend/images/bg-atencion.jpg) no-repeat; border-bottom: 1px solid #e1e1e1; color:#f97514; font-size: 2em; font-weight: bold; padding: 180px 0 0 230px;}
.pcontEst{float: left; display: block; margin: 20px 20px 20px 20px; font-size: 1em; line-height: 1.2em; color: #666;}
.pcontEst2{float: left; display: block; margin: 0px 20px 20px 20px; font-size: 1em; line-height: 1.2em; color: #666;}
.titEstCondicionesBg{float:left; display: inline; width: 680px; height: 45px;  border-bottom: 1px solid #e1e1e1; color:#f97514; font-size: 2em; font-weight: bold; padding: 10px 0 0 20px;}
.titEstContactoBg{float:left; display: inline; width: 660px; height: 45px; background:url(/frontend/images/bg-contacto.jpg) no-repeat; border-bottom: 1px solid #e1e1e1; color:#f97514; font-size: 2em; font-weight: bold; padding: 180px 0 0 40px;}
.titEstEmpresaBg{float:left; display: inline; width: 440px; height: 45px; background:url(/frontend/images/bg-condiciones.jpg) no-repeat; border-bottom: 1px solid #e1e1e1; color:#f97514; font-size: 2em; font-weight: bold; padding: 180px 0 0 260px;}

.confirmacioEnviat{float: left; display: block; margin: 40px 20px 20px 120px; font-size: 1em; line-height: 1.2em; color:#037f73; background: #fff; border: 10px solid #f97514; padding: 30px; font-weight: bold; width: 400px;}
.confirmacioRegistre{float: left; display: block; margin: 40px 20px 20px 60px; font-size: 1em; line-height: 1.2em; color:#037f73; background: #fff; border: 10px solid #f97514; padding: 30px; font-weight: bold; width: 500px;}


/* paginació */
.contPaginacio{float:left; display: block; height: 24px; width: 680px; background: #e1e1e1; margin: 20px 0 0px 0px; padding: 10px;}
.btPagPrimer{float:left; display: inline; height: 25px; width: 25px; background-position: 0 -448px; margin: 0 5px 0 0; text-indent: -10000px;}
.btPagPrimer:hover{background-position: 0 -477px;;}
.btPagMig{float:left; display: inline; height: auto; width: auto; background:#7b7b7b; margin: 0 5px 0 0; padding: 5px; color: #666; font-size: .8em; text-align: justify;}
.btPagMig:hover{background:#059189; color:#fff; text-decoration: none;}
.btPagCurrent{float:left; display: inline; height: auto; width: auto; background:#059189; margin: 0 5px 0 0; padding: 5px; color: #fff; font-size: .8em; text-align: justify;}
.btPagUltim{float:left; display: inline; height: 25px; width: 25px; background-position: 0 -515px; margin: 0 5px 0 0; text-indent: -10000px;}
.btPagUltim:hover{background-position: 0 -544px;;}

/* BASE */
.contBase{margin: auto; display: block; width: 990px; height: 275px; background-color: #058579; position: relative;}
.topContBase{margin: auto; display: block; width: 990px; height: 51px; background-color: #fff; background-position: 0 -131px;}

.titContBase, .titContBase2, .titContBase4, .titContBase5, .titContBase6, .titContBase7, .titContBase8, .titContBase9, .titContBase10{position: absolute; top: 20px; font-family: 'PTSansNarrowBold';  font-size: 1.3em; color: #fba72f;}
.titContBase{left: 25px;}
.titContBase2{left: 185px;}
.titContBase4{left: 290px;}
.titContBase5{left: 400px;}
.titContBase6{left: 510px;}
.titContBase7{left: 620px;}
.titContBase8{left: 730px;}
.titContBase9{left: 840px;}
.titContBase10{left: 950px;}

.contContBase1, .contContBase2, .contContBase3, .contContBase4, .contContBase5, .contContBase6, .contContBase1, .contContBase2, .contContBase3, .contContBase4, .contContBase5, .contContBase6, .contContBase7, .contContBase8, .contContBase9, .contContBase10{position: absolute; top: 50px; height: 150px; width: 180px; font-size: .75em; color: #fff; line-height: 1.3em;}
.contContBase1{left: 25px;}
.contContBase2{left: 230px;}
.contContBase3{left: 185px;}
.contContBase4{left: 290px;}
.contContBase5{left: 400px;}
.contContBase6{left: 510px;}
.contContBase7{left: 620px;}
.contContBase8{left: 730px;}
.contContBase9{left: 840px;}
.contContBase10{left: 950px;}

.contBaseLinks{margin: auto; display: block; width: 990px; height: 30px; position: relative; text-align: center;}
.menuBase {position: relative; margin: auto; padding: 12px 0 0 0;}
.menuBase li{display: inline; margin: 0px; background-position: 0 -328px; padding: 0 10px 0 12px; font-family: 'Arial', sans-serif;  font-size: .8em;}
.menuBase li a{ color:#037f73;}
.menuBase li a:hover{ color:#004fa4!important; text-decoration: none;}

.contBaseLinks2{margin: auto; display: block; width: 990px; height: 20px; position: relative; text-align: center;}
.pLinksBaixBase{color:#727585!important; font-size: .6em;}


/* COMPRA */
.contGrafProces{position: relative; top:10px; left: 30px; width: 600px; height: 80px; margin: 0 0 40px 0; }
.grafProces{position:absolute; top:20px; left: 35px; width: 532px; height: 26px; background-position: -6px -262px;}
.grafProcesOn01{position:absolute; top:20px; left: 35px; width: 19px; height: 19px; background-position: 0px -931px; z-index: 10;}
.grafProcesOn02{position:absolute; top:20px; left: 168px; width: 19px; height: 19px; background-position: 0px -931px; z-index: 10;}
.grafProcesOn03{position:absolute; top:20px; left: 297px; width: 19px; height: 19px; background-position: 0px -931px; z-index: 10;}
.grafProcesOn04{position:absolute; top:20px; left: 420px; width: 19px; height: 19px; background-position: 0px -931px; z-index: 10;}
.grafProcesOn05{position:absolute; top:20px; left: 542px; width: 19px; height: 19px; background-position: 0px -931px; z-index: 10;}

.textProces01{position:absolute; top:55px; left: 24px; font-size: .9em; color: #474747;}
.textProces02{position:absolute; top:55px; left: 160px; font-size: .9em; color: #474747;}
.textProces03{position:absolute; top:55px; left: 275px; font-size: .9em; color: #474747;}
.textProces04{position:absolute; top:55px; left: 390px; font-size: .9em; color: #474747;}
.textProces05{position:absolute; top:55px; left: 505px; font-size: .9em; color: #474747;}

.contProcesCompra{float:left; display: block; width: 670px; height: auto;}
.tablaCompra{background: #7b7b7b; color: #fff; height: 30px; width: 670px; }
.columnaCompra{text-align: left; font-size: .8em; padding-top: 5px; width: 380px; height: 30px; padding-left: 10px; border: none; }
.columnaCompraDesc{text-align: left; font-size: .8em; padding-top: 5px; width: 380px; background: #fff; height: 40px; color:#484d61; padding-left: 15px; padding-bottom: 5px; border-bottom: 1px solid #999; }

.columnaCompra2{ text-align: right; font-size: .8em; padding-top: 7px; width: 71px; height: 30px; padding-right: 10px;}
.columnaCompraDesc2{ text-align: right; font-size: .8em; padding-top: 7px; width: 71px; background: #fff; height: 40px; color:#484d61; padding-right: 15px; border-bottom: 1px solid #999;  padding-bottom: 5px;}

.columnaCompraTrans{ text-align: right; font-size: .8em; padding-top: 7px; width: 220px; height: 30px; padding-right: 10px;}
.columnaCompraDescTrans{ text-align: right; font-size: .8em; padding-top: 7px; width: 220px; background: #fff; height: 40px; color:#484d61; padding-right: 15px; border-bottom: 1px solid #999;  padding-bottom: 5px;}

.columnaCompraDesc01{text-align: left; font-size: .8em; padding-top: 5px; width: 380px; background: #fff; height: 30px; color:#484d61; padding-left: 15px; padding-bottom: 5px;  }
.columnaCompraDesc012{ text-align: right; font-size: .8em; padding-top: 7px; width: 120px; background: #fff; height: 30px; color:#484d61; padding-right: 15px;  padding-bottom: 5px;}
.columnaCompraDesc013{ text-align: right; font-size: .7em; padding-top: 7px; width: 120px; background: #fff; height: 30px; color:#484d61; padding-right: 15px;  padding-bottom: 5px; font-weight: bold;}
.columnaCompraDesc022{ text-align: right; font-size: 1.2em; padding-top: 7px; width: 120px; background: #fff; height: 30px; color:#484d61; padding-right: 15px;  padding-bottom: 5px; font-weight: bold;}
.columnaCompraDesc023{ text-align: right; font-size: 1.2em; padding-top: 7px; width: 120px; background: #fff; height: 30px; color:#484d61; padding-right: 15px;  padding-bottom: 5px; font-weight: bold;}

.botonsCompra{float:left; display: block; width: 670px; height: 40px; margin: 30px 0 0 0;}

.btRealizarPedido{float:right; display: inline; width: 187px; height: 30px; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 7px 0 0 0; margin: 0px;}
.btRealizarPedido:hover{background-position: 0 -398px; text-decoration: none; }

.btRealizarPedidoAnt{float:left; display: inline; width: 187px; height: 30px; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 7px 0 0 0; margin: 0px 0 0 20px;}
.btRealizarPedidoAnt:hover{background-position: 0 -398px; text-decoration: none; }

.textLoginComp{float:left; display: block; width: 655px; background: #d9d9d9; height: auto; padding: 15px; margin: 10px 0 20px 0; font-weight: bold; font-size: .8em; }
.btLoginCompra{float:left; display: inline; width: 187px; height: 30px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 7px 0 0 0; margin: -60px 0 0 136px;}
.btLoginCompra:hover{background-position: 0 -398px; text-decoration: none; }
.btAccederCompra{float:left; display: inline; width: 187px; height: 34px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 7px 0 0 0; margin: 10px 0 0 136px;}
.btAccederCompra:hover{background-position: 0 -398px; text-decoration: none; }

.bgdirecciones{float:left; display: block; width: 650px; height: 220px; background: #d9d9d9; margin: 20px 0 20px 0; padding: 20px;}
.bgdireccio01{float:left; display: block; width: 240px; height: auto; background: #fff; margin: 20px 25px 20px 20px; padding: 20px;}
.titDirecc01{display: block; float: left; font-weight: bold; font-size: 1.1em; color:#ec6603; margin-bottom: 10px; width: 230px;}
.btModDir{position:absolute; display: block; width: 187px; height: 30px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 7px 0 0 0; top:450px; left: 40px; }
.btModDir:hover{background-position: 0 -398px; text-decoration: none; }
.btModDir2{position:absolute; display: block; width: 187px; height: 30px; padding: 0; text-align: center; background-position: 0 -356px; cursor: pointer; color: #fff; font-size: 1em; padding: 7px 0 0 0; top:450px; left: 365px; }
.btModDir2:hover{background-position: 0 -398px; text-decoration: none; }


.textLoginPago{float:left; display: block; width: 640px; background: #d9d9d9; height: auto; padding: 15px; margin: 10px 0 0px 0; font-weight: bold; font-size: .8em; }
.tablaCompraPago{background: #7b7b7b; color: #fff; height: 30px; width: 670px; margin-bottom: 30px; }
.columnaComprapago{text-align: left; font-size: .8em; padding-top: 5px; width: 380px; background: #fff; height: 30px; color:#484d61; padding-left: 15px; }
.bgdirecciones2{float:left; display: block; width: 650px; height: auto; background: #d9d9d9; margin: 20px 0 20px 0; padding: 20px;}

.estadopedido{color:#059189; font-size: 1.5em; font-weight: bold; float:left; display: inline; height: auto; padding-bottom: 4px; padding-left: 15px;}

.lopdRegistro{font-family: 'Arial', sans-serif;font-size: .8em;line-height: 1.5em;color: #484d61; position: relative; top: -28px;font-style: italic; width: 565px; }

#consulta-registrada-content{display: inline;font-family: 'Arial', sans-serif;font-size: 1.0em;line-height: 1.8em;color: #484d61;padding: 10px 5px 0 0;text-align: left;}

.toupper{
	text-transform: uppercase;
}

/*************** joel ********************************/
h1{
    position: relative;
    top:auto;
    left:auto;
    text-align: center;
    font-size: 16px;
    color:#555;
    margin-bottom: 20px;
}

.CNT-TOP{
    height: 156px;
    background-color: #f2f2f2;
    margin-bottom: 22px;
}

.CNT-TOP .logo{
    float:left;
    position: relative;
    right:0;
    margin: 0 0 20px 18px;
}
.CNT-TOP .bgMenu{
    top:auto;
    margin-top: 12px;
    clear: both;
    background-image: none;
    background-color: #d9d9d9;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    margin-bottom: 20px;
}


.CNT-TOP .datos-contact{
    float:right;
    margin-right: 18px;
}
.CNT-TOP .datos-contact .tel, .CNT-TOP .datos-contact .tel a{
    margin: 24px 0 14px 0;
    font-size: 18px;
    font-weight: bold;
    color:#004da2;
}

.CNT-TOP .datos-contact .icon-tel{
    width:25px;
    height: 25px;
    display: inline-block;
    background: url("/frontend/images/sprite-icones.png") no-repeat  ;
    background-position: 0 -1116px ;
    float: left;
    margin: -5px 5px 0 0;
}
.CNT-TOP .datos-contact .icon-whatsapp{
    width:30px;
    height: 30px;
    display: inline-block;
    background: url("/frontend/images/sprite-icones.png") no-repeat;
    background-position: 0 -1145px ;
    float: left;
    margin: -8px 5px 0 0;
}

.CNT-TOP .datos-contact .whatsapp{
    float: right;
    font-size: 15px;
    font-weight: bold;
    color:#004da2;
}

.CNT-TOP .datos-contact .tel-whatsapp, .CNT-TOP .datos-contact .tel-whatsapp a{
    font-size: 14px;
    color:#559a04;
}
/*************** david ******************************/
.link_cookies_browser li a{
    color: #037f73!important;
}