body{
    font-family:'Open Sans',sans-serif !important;
    font-size: 12px;
    margin:0 auto;
    padding:0;
    background-color:#fff;
    color: #3E3E3E;
    width:1024px;
}

#header{
    background-image: url("../img/Babber-Sup-.jpg");
    background-repeat: no-repeat;
    height: 65px;
    margin-top: 25px;
}

#header .logo{
    padding-top:9px;
    padding-left:15px;
}
#banner .logo{
    padding-top:15px;
    padding-left:2px;
}

#footer{
    border-top: 1px solid #1A1C1E;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 20px;
    margin-top:25px;
}

#footer a{
    text-decoration:none;
    color: #DAC71A;
}

.page-title{
    background-image: url("../img/page-title.png");
    background-repeat: no-repeat;
    height: 84px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.page-title .left{
    float:left;
}

.page-title .left h2{
    color: #595959;
    font-size: 22px;
    font-weight: bold;
    line-height: 44px;
    padding-left: 1.25em;
    padding-top: 0.3em;
    text-transform: uppercase;
}

.page-title .right{
    float:right;
}

.page-title .right img{
    width:90px;
    padding-right:20px;
}

.page-title .center{
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

.page-title .center input{
    background-color: #494949;
    border: 0 none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
}

/******************************************************/
/******************** HOME PRIVADA ********************/
/******************************************************/
.contingut_principal{
    overflow:hidden;
}

.ui-widget-header {
            background: #cedc98;
            border: 1px solid #DDDDDD;
            color: #333333;
            font-weight: bold;
}

/******************************************************/
/***************** BLOC IDENTIFICACIÓ *****************/
/******************************************************/
.contingut_principal .bloc_identificacio{
    float:left;
    background-image: url("../img/identificat.jpg");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}
.contingut_principal .bloc_identificacio .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_identificacio .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 110px;
}

.contingut_principal .bloc_identificacio input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 339px;
}

.contingut_principal .bloc_identificacio input#login{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}

.txt_identificacio{
	color: #595959;
    display: block;
    font-size: 14px;
    padding-top: 9px;
	padding-bottom: 9px;
    width: 100%;
}	

/******************************************************/
/**************** BLOC IDENTIFICACIÓ ES ***************/
/******************************************************/
.contingut_principal .bloc_identificacio_es{
    float:left;
    background-image: url("../img/identificate.png");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}
.contingut_principal .bloc_identificacio_es .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_identificacio_es .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 110px;
}

.contingut_principal .bloc_identificacio_es input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 339px;
}

.contingut_principal .bloc_identificacio_es input#login{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}

/******************************************************/
/**************** BLOC IDENTIFICACIÓ EN ***************/
/******************************************************/
.contingut_principal .bloc_identificacio_en{
    float:left;
    background-image: url("../img/log.png");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}
.contingut_principal .bloc_identificacio_en .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_identificacio_en .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 110px;
}

.contingut_principal .bloc_identificacio_en input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 339px;
}

.contingut_principal .bloc_identificacio_en input#login{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}

/******************************************************/
/******************* BLOC REGISTRE ********************/
/******************************************************/
.contingut_principal .bloc_registre{
    float:right;
    background-image: url("../img/registrat.jpg");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}

.contingut_principal .bloc_registre .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_registre .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 160px;
}

.contingut_principal .bloc_registre input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 290px;
}

.contingut_principal .bloc_registre input#registrar{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}

/******************************************************/
/****************** BLOC REGISTRE ES ******************/
/******************************************************/
.contingut_principal .bloc_registre_es{
    float:right;
    background-image: url("../img/registrate.png");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}

.contingut_principal .bloc_registre_es .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_registre_es .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 160px;
}

.contingut_principal .bloc_registre_es input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 290px;
}

.contingut_principal .bloc_registre_es input#registrar{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}

/******************************************************/
/****************** BLOC REGISTRE EN ******************/
/******************************************************/
.contingut_principal .bloc_registre_en{
    float:right;
    background-image: url("../img/sign.png");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}

.contingut_principal .bloc_registre_en .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_registre_en .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 160px;
}

.contingut_principal .bloc_registre_en input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 290px;
}

.contingut_principal .bloc_registre_en input#registrar{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}


.error{
    color: #FF0000;
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
}


/******************************************************/
/****************** BLOC REGENERACIÓ ******************/
/******************************************************/
.contingut_principal .bloc_contrasenya{
    margin: 45px auto;
    background-image: url("../img/nova_contrasenya.jpg");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}
.contingut_principal .bloc_contrasenya .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_contrasenya .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 110px;
}

.contingut_principal .bloc_contrasenya input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 339px;
}

.contingut_principal .bloc_contrasenya input#regenerar{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}


/******************************************************/
/***************** BLOC REGENERACIÓ EN ****************/
/******************************************************/
.contingut_principal .bloc_contrasenya_en{
    margin: 45px auto;
    background-image: url("../img/nova_contrasenya_en.jpg");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}
.contingut_principal .bloc_contrasenya_en .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_contrasenya_en .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 110px;
}

.contingut_principal .bloc_contrasenya_en input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 339px;
}

.contingut_principal .bloc_contrasenya_en input#regenerar{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}


/******************************************************/
/**************** BLOC REGENERACIÓ ENG ****************/
/******************************************************/
.contingut_principal .bloc_contrasenya_eng{
    margin: 45px auto;
    background-image: url("../img/change-password.jpg");
    background-repeat: no-repeat;
    width:450px;
    padding-top:75px;
}
.contingut_principal .bloc_contrasenya_eng .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.contingut_principal .bloc_contrasenya_eng .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 110px;
}

.contingut_principal .bloc_contrasenya_eng input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 339px;
}

.contingut_principal .bloc_contrasenya_eng input#regenerar{
    background-color: #DAC71A;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
    width: 450px;
}

/******************************************************/
/**************** LLISTAT DE PRODUCTES ****************/
/******************************************************/
ul.llistat_productes{
    padding:0;
    margin:0;
    list-style:none;
    overflow: hidden;
    margin-top:25px;
}

ul.llistat_productes li{
    float:left;
    width:308px;
    margin-right:30px;
    margin-bottom:15px;
}

ul.llistat_productes li.ultim{
    margin-right:0px;
}

ul.llistat_productes li a{
    text-decoration:none;
    display:block;
}

ul.llistat_productes li a img{
    width:308px;
}

ul.llistat_productes li a span{
    text-align:center;
    color:#595959;
    font-size:16px;
    width:308px;
    display:block;
    margin-top: 10px;
}

/******************************************************/
/***************** FORMULARI COMANDA ******************/
/******************************************************/
.formulari_comanda{
    overflow:hidden;
    margin-top:20px;
}

.formulari_comanda .fila{
    overflow:hidden;
    margin-bottom:10px;
}

.formulari_comanda .fila .left{
    float:left;
}

.formulari_comanda .fila .right{
    float:right;
}

.formulari_comanda .fila label{
    color: #595959;
    display: block;
    float: left;
    font-size: 16px;
    padding-top: 9px;
    width: 180px;
}

.formulari_comanda .fila input{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    padding: 10px;
    width: 290px;
}

.formulari_comanda .fila input.no_editable{
    cursor:not-allowed;
}

.formulari_comanda .esquerra{
    float:left;
    font-size:16px;
    color: #595959;
    margin-top:35px;
}

.formulari_comanda .esquerra .fila_radio{
    overflow:hidden;
    margin-bottom:20px;
    margin-top:25px;
}

.formulari_comanda .esquerra .fila_radio .subfila{
    margin-bottom:5px;
    margin-left: 25px;
}

.formulari_comanda .esquerra .fila_radio span{
    display: block;
    float: left;
    width: 135px;
}

.formulari_comanda .esquerra .fila_radio label{
    float:left;
}

.formulari_comanda .esquerra .fila_radio .bloc_respostes_radio{
    float:left;
}

/***** FILA RADIO CPNTRAMOTLLES *****/
.formulari_comanda .esquerra .fila_radio_contramotlles{
    overflow:hidden;
    margin-bottom:20px;
    margin-top:25px;
}

.formulari_comanda .esquerra .fila_radio_contramotlles .subfila_contramotlles{
    margin-bottom:5px;
    margin-left: 62px;
}

.formulari_comanda .esquerra .fila_radio_contramotlles span{
    display: block;
    float: left;
    width: 185px;
}

.formulari_comanda .esquerra .fila_radio_contramotlles label{
    float:left;
}

.formulari_comanda .esquerra .fila_radio_contramotlles .bloc_respostes_radio{
    float:left;
}


.formulari_comanda .dreta{
    float:right;
    font-size:16px;
    color: #595959;
    margin-top:51px;
}

.formulari_comanda .dreta .fila textarea{
    background-color: #4E4F51;
    border: 0 none;
    border-radius: 5px;
    color: #909090;
    height: 192px;
    margin-top: 10px;
    padding: 10px;
    resize: none;
    width: 470px;
}

.formulari_comanda .dreta .fila textarea.relleu_quimic{
    height: 292px;
}

.formulari_comanda .dreta .fila .botoenviar{
    background-color:#DAC71A;
    font-size:14px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}

.loader{
	text-align:center;
	padding-top:50px;
	padding-bottom: 10px;
	font-size: 16px;
	
}

span.gracies{
    font-size:20px;
    color:#595959; 
    text-align:center;
    width:1024px;
    display:block;
    margin-top:80px;
    margin-bottom:80px;
}

.boto_tornar{
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    margin-bottom: 80px;
    margin-top: 80px;
    text-align: center;
    width: 1024px;
}

.boto_tornar a{
    background-color: #DAC71A;
    border-radius: 11px;
    color: #FFFFFF;
    padding: 5px 15px;
    text-decoration: none;
}


ul.llistat_productes li a span b{
    font-size:12px;
    color:red;
    font-weight:normal;
}

ul.llistat_productes li a span strong{
    font-size:12px;
    color:green;
    font-weight:normal;
}

.formulari_comanda .fila label span.ast_obligatori{
    color:#ff0000;
}


.bloc_condicions{
    margin-top:35px;
}


.formulari_comanda .esquerra .fila_radio span.ast_obligatori{
    color:#ff0000;
    width: 10px;
}

.formulari_comanda .esquerra .fila_radio_contramotlles span.ast_obligatori{
    color:#ff0000;
    width: 10px;
}




ul#llistat_comandes{
    list-style:none;
    margin:15px 0 0;
    padding:0;
}

ul#llistat_comandes li.inicial{
    display:block;
    overflow:hidden;
}

ul#llistat_comandes li.inicial .llista_columna_empresa{
    background-color: #DAC900;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 22px;
    padding: 10px 5px 5px;
    width: 350px;
}

ul#llistat_comandes li.inicial .llista_columna_referencia{
    background-color: #DAC900;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 22px;
    padding: 10px 5px 5px;
    width: 300px;
}

ul#llistat_comandes li.inicial .llista_columna_data{
    background-color: #DAC900;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px 5px;
    width: 300px;
}

ul#llistat_comandes li.llistat .llista_columna_empresa{
    color: #595959;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 22px;
    padding: 10px 5px 5px;
    width: 350px;
    border-bottom:1px solid #494949;
}

ul#llistat_comandes li.llistat .llista_columna_referencia{
    color: #595959;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 22px;
    padding: 10px 5px 5px;
    width: 300px;
    border-bottom:1px solid #494949;
}

ul#llistat_comandes li.llistat .llista_columna_data{
    color: #595959;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px 5px;
    width: 300px;
    border-bottom:1px solid #494949;
}



.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 160%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 55%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 5px solid #DAC71A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    z-index:1002;
    overflow: auto;
    color:#000000;
    font-size:13px;
}
div#precargador {
    border: 1px solid #0099CC;
    padding: 10px;
    margin: 0 auto;
	width: 320px;
}
p#progressnum {
	color: #ccc;
    font-size: 15px;
	height: 20px;
    margin: 5px;
    font-style: italic;
	text-align: center;
}
#progressbar{ 
    height: 24px;
    padding: 4px;
    background-color: #191919;
    border-radius: 16px;
    box-shadow: inset 0 1px 2px #333, 0 1px 0 #777;
	margin: 0 0 10px;
	width: 300px;
}
div#precargador input {
    background: #eee;
    border: none;
    border-radius: 9px;
    background: #444;
    box-shadow: 0 1px 1px #222 inset, 0 1px 0 #999;
    color: #777;
    cursor: pointer;
}
div#precargador input:hover {
    background: #666;
    color: #333;
}
#indicador{ 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.8) inset, 0 0 2px black;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    color: #0099CC;
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    width: 300px;
	background-color: #0099CC;
    background-image: 
	  repeating-linear-gradient(
	  45deg, 
	  rgba(255, 255, 255, 0.2) 0px, 
	  rgba(255, 255, 255, 0.2) 10px, 
	  rgba(255, 255, 255, 0) 10px, 
	  rgba(255, 255, 255, 0) 20px), 
	  linear-gradient(
	  rgba(255, 255, 255, 0.1) 50%, 
	  rgba(255, 255, 255, 0) 60%), 
	  none;
	/*------ PARA CHROME Y SAFARI -----*/
  background: 
    -webkit-repeating-linear-gradient(
      45deg, 
      rgba(255,255,255,.2) 0,
      rgba(255,255,255,.2) 10px, 
      rgba(255,255,255,0) 10px,
      rgba(255,255,255,0) 20px
    ),
    -webkit-linear-gradient(
      rgba(255,255,255,.1) 50%,
      rgba(255,255,255,0) 60%
    ),
    #09c;
	/*------ PARA FIREFOX----*/
  background: 
    -moz-repeating-linear-gradient(
      45deg, 
      rgba(255,255,255,.2) 0,
      rgba(255,255,255,.2) 10px, 
      rgba(255,255,255,0) 10px,
      rgba(255,255,255,0) 20px
    ),
    -moz-linear-gradient(
      rgba(255,255,255,.1) 50%,
      rgba(255,255,255,0) 60%
    ),
    #09c;
	/*------ PARA OPERA----*/
  background: 
    -o-repeating-linear-gradient(
      45deg, 
      rgba(255,255,255,.2) 0,
      rgba(255,255,255,.2) 10px, 
      rgba(255,255,255,0) 10px,
      rgba(255,255,255,0) 20px
    ),
    -o-linear-gradient(
      rgba(255,255,255,.1) 50%,
      rgba(255,255,255,0) 60%
    ),  #09c;
}