/*BASE PÀGINA*/
body {width:100%;margin:0;top:0px!important;overflow:auto;background-color:#FFF;}
#principal{max-width:100%!important;position:relative;margin:0 auto;}
#capcalera{max-width:100%!important;position:relative;margin:0 auto;text-align:center;}
#galetes{background-color:rgba(2,2,2,0.8);color:#ddd;position:absolute;bottom:120px;width:94%;padding:3%;min-height:150px;font-size:.7em;text-align:center;z-index:600;}
#tancagaletes{position:relative;top:25px;}
table, td{border:0px solid #ccc;}
#sotacapcalera{position:relative;width:100%;text-align:center;font-size:0.8em}
#sotacapcalera>span{color:red;margin:0 5px}
#informatiu{margin:0 8px}

/*GADGETS*/
.finaldiv{clear:both}
.fons1{background-color:#CBCCD1}
.color1{color:#e31e18}
.botoenllas{border:0;background:transparent}
.botonet>.botocorporatiu{padding:2px 25px!important}
.botocorporatiu{width:90%;height:2em;background-color:#e31e18;color:#fff!important;border: 0px hidden transparent;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;-webkit-box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);-moz-box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);
-moz-box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);box-shadow: 2px 2px 4px 0px rgba(125,124,125,1);}
.botocorporatiualtres{width:90%;height:2em;background-color:#e31e18;color:#fff;border: 0px hidden transparent;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;-webkit-box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);-moz-box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);
-moz-box-shadow: 2px 2px 11px 6px rgba(125,124,125,0.79);box-shadow: 2px 2px 4px 0px rgba(125,124,125,1)}
.botocorporatiu:hover,.botocorporatiualtres:hover {background-color:#000;color:#fff;cursor:pointer}
.textboxinvisible,.textboxinvisible:hover,.textboxinvisible:active{border:hidden}
.rodo{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;border-radius:9px;-khtml-border-radius:9px;overflow:hidden;}
.ombra{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;border-radius:9px;-khtml-border-radius:9px;overflow:hidden;-webkit-box-shadow:2px 2px 5px #888;-moz-box-shadow:2px 2px 5px #888;box-shadow:2px 2px 5px #888;border:1px solid #CCC;}
.dreta{text-align:right!important;float:right!important}
.esquerra{position:relative;float:left!important;text-align:left}
.bottomgroc{border-bottom:1px solid #e31e18}

/*FONTS*/
@font-face {
    font-family:'Arial';
    src: url('arial-webfont.eot');
    src: url('arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial-webfont.woff') format('woff'),
         url('arial-webfont.ttf') format('truetype'),
         url('arial-webfont.svg#ArialRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body,a:link,a:visited,option,select,input{color:#666;text-decoration:none;font-family:Arial;padding:2px}
a{font-size:13px}
a:hover,a:active, .textboxinvisible:hover{color:#e31e18;text-decoration:none;background-color:transparent;font-size:13px;cursor:pointer}
.colorfix{color:#FFF;text-decoration:none;cursor:default;}
.destacat,h1{color:red!important;}
.destacatmenu{color:#000!important;}
.fosc{color:#333!important}
h1{font-size:1em;margin:2px;font-weight:100;text-transform:uppercase;}
h2{font-size:0.9em;margin:0 0 2px 0;font-weight:100;padding:4px!important;text-transform:uppercase;}
h3{font-size:1em;margin:0;font-weight:100;padding:10px 4px;}
h4{font-size:0.8em;margin:0;font-weight:100;}
h5{font-size:0.8em;margin:0;font-weight:100;float:left;}
h6{font-size:0.7em;margin:0;font-weight:100;}

/*INDEX*/
#portada{position:relative;width:100%;height:auto;text-align:center}#portada img{position:relative;max-width:100vw}
#navegacioindex{position:relative;bottom:5vh;background-color: rgba(255, 255, 255, 0.75);width:33vw;min-width:480px;height:20vh;min-height:180px;margin:0 auto;padding:10px}
#FormIndex1{position:relative;width:50%;top:10px;float:left;}#FormIndex1>#contacto{width:300px!important}
@media all and (max-width: 1200px) {#portada img{width:100%;left:0%}#FormIndex1{max-width:50%}}
#FormIndex1 input{position:relative;width:95%;float:left;margin:0 8px 8px 0;cursor:pointer!important;}
#FormIndex2{position:relative;width:45%;float:right;top:10px;overflow:hidden;margin-right:5px}#FormIndex2 div{line-height:2pt}#FormIndex2  #contacto:hover{color:#e31e18}
#FormIndex2  #AvisoLegal{width:90%;height:40px}
#portadalog{width:100%;height:2.5em;border-bottom:2px solid #666}#portadalog>#TextBox3{width:90%}
#portadalog>#TextBox1:hover,#portadacontrasenya>#TextBox2:hover{background-color:#e31e18;color:#fff}
#portadacontrasenya{width:100%;height:2.5em;border-bottom:2px solid #666;margin:20px 0}#portadacontrasenya>#TextBox4{width:90%}
#FormIndex1 > #clave {position:relative;width:100%;text-align:right;}#FormIndex1 > #clave:hover{color:#e31e18}
#FormIndex1>#clave #FormIndex2>#entrar{width:100%;line-height:20px;height:40px;font-weight:bold}
#textenllas{position:relative;top:-20px;color:#666;font-size:13px;margin:30px 0;width:90%;line-height:18px!important}
#necesitasayuda{margin:30px 0 50px}
#tancagaletes>input{position:relative;width:20%;margin:10px 20% }
#catalogo{width:auto!important}
#registro{width:140px!important}

/*CATALEG*/
#capcaleratriple{position:relative}
#divlogo{position:relative;float:left;width:24%;min-width:24%}#divlogo img{width:90%;margin:2%;max-width:180px}
#divmenu{position:relative;float:left;width:50%;min-width:50%;height:141px;font-size:0.8em;padding-top:10px}
#divusuari{position:relative;float:left;width:24%;min-width:24%;height:141px}
#framemenu{position:relative;top:37px;left:10%;padding-bottom:10px;border:0;background:transparent!important;z-index:100;}
#elcarrito{position:relative;right:13%;top:5px;float:right}
#cistella{position:relative;float:right;color:red;top:15px;left:25px;font-size:1.2em}
#elusuari{position:relative;top:50px;float:right;text-align:center!important;font-size:0.8em}
#ayuda{position:relative;float:none;top:9px;z-index:100}#ayuda>a:hover{background-color:#fff}
.alcarrito{position:relative;top:-10px;padding:2px 25px!important;background:#e31e18;color:#fff!important;border:solid 1px #bcbbbb;outline:none;font-size:0.7em;}


/*FITXA*/
#Contingut_DropDownList1{position:relative;width:80px;z-index:100}
#Contingut_Button1{width:120px;height:30px;text-align:center;position:relative;right:0;top:60px;}
#Contingut_sortida{width:120px;height:30px;text-align:center;position:relative;right:0;top:120px;}
#Contingut_FitxaButton1{width:130px;height:30px;text-align:center;position:relative;float:right;top:80px;}
#Contingut_ConfirmacioComanda{width:130px;height:30px;text-align:center;position:relative;float:right;top:90px;}
#Contingut_FitxaSortida{width:130px;height:30px;text-align:center;position:relative;float:right;top:100px;}
.enllasosdreta{position:absolute;top:10px;right:4px;}
.enllasosdreta #Contingut_Label1{position:relative;top:70px;color:#f00;margin-left:10px;}
.tornaCataleg{position:relative;top:70px!important}
@media all and (max-width: 600px){
#Contingut_DropDownList1{position:relative;width:80px}
#Contingut_Button1{width:120px;height:30px;text-align:center;position:relative;right:0;top:60px;float:none}
.confirmaCistella{position:relative;left:80px}
#Contingut_sortida{width:120px;height:30px;text-align:center;position:absolute;right:0;top:120px;}
.tornaCataleg{position:relative;left:80px;top:15px!important}
.botonetfitxa{display:block;position:relative;text-align:left}
#Contingut_FitxaButton1{width:130px;height:30px;text-align:center;position:relative;left:0;top:10px;float:none}
#Contingut_ConfirmacioComanda{width:130px;height:30px;text-align:center;position:relative;left:0;top:4px;float:none}
#Contingut_FitxaSortida{width:130px;height:30px;text-align:center;position:relative;top:15px;left:0;float:none}
#botoneraFitxa{position:relative;margin:20px;width:100%;border-top:1px solid #e31e18;height:300px;padding-left:20px}
.enllasosdreta{position:relative}
.enllasosdreta #Contingut_Label1{position:relative;color:#f00;top:5px}
                                }

/*CONTACTO*/
.imatgecapcalerapetita img{width:20%!important;min-width:150px!important;position:relative;left:0!important}
.enviar{margin-top:10px;width:60px}

/*usuaris*/
#Contingut_GridView1 td{border:1px solid #333}

/*CISTELLA*/