@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#ffffff;color:#000000;text-align:left}div:target,h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden}figure{margin:0}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:700}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-contain-dt{display:table;table-layout:fixed;width:100%}.ym-contain-oh{display:block;overflow:hidden;width:100%}.ym-contain-fl{float:left;width:100%}.ym-column{display:table;table-layout:fixed;width:100%}.ym-col1{float:left;width:20%}.ym-col2{float:right;width:20%}.ym-col3{width:auto;margin:0 20%}.ym-cbox{padding:0 10px}.ym-cbox-left{padding:0 10px 0 0}.ym-cbox-right{padding:0 0 0 10px}.ym-ie-clearing{display:none}.ym-grid{display:table;table-layout:fixed;width:100%;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g40{width:40%}.ym-g60{width:60%}.ym-g80{width:80%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g50{width:50%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g38{width:38.2%}.ym-g62{width:61.8%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>[class*=ym-g]{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>[class*=ym-g]>[class*=ym-gbox]{padding-bottom:10000px;margin-bottom:-10000px}.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div{position:relative}.ym-form label,.ym-form .ym-label,.ym-form .ym-message{position:relative;line-height:1.5;display:block}.ym-form .ym-message{clear:both}.ym-form .ym-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form .ym-fbox-check input,.ym-form input[type=image],.ym-form input[type=radio],.ym-form input[type=checkbox],.ym-form select,.ym-form label{cursor:pointer}.ym-form textarea{overflow:auto}.ym-form input.hidden,.ym-form input[type=hidden]{display:none!important}.ym-form .ym-fbox:before,.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}.ym-form .ym-fbox:after,.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active,.ym-form input[type=radio]:focus,.ym-form input[type=radio]:hover,.ym-form input[type=radio]:active,.ym-form input[type=checkbox]:focus,.ym-form input[type=checkbox]:hover,.ym-form input[type=checkbox]:active{border:0 none}.ym-form input,.ym-form textarea,.ym-form select{display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:70%}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{display:inline;margin-left:0;margin-right:.5ex;width:auto;height:auto}.ym-form input[type=image]{border:0;display:inline;height:auto;margin:0;padding:0;width:auto}.ym-form label,.ym-form .ym-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-inline{display:inline-block;float:none;margin-right:0;width:auto;vertical-align:baseline}.ym-fbox-wrap{display:table;table-layout:fixed;width:70%}.ym-fbox-wrap input,.ym-fbox-wrap textarea,.ym-fbox-wrap select{width:100%}.ym-fbox-wrap input[type=image]{width:auto}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{display:inline;width:auto;margin-left:0;margin-right:.5ex}.ym-fbox-wrap label,.ym-fbox-wrap .ym-label{display:inline}.ym-full input,.ym-full textarea,.ym-full select{width:100%}.ym-full .ym-fbox-wrap{width:100%}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:left;margin-right:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:left;width:30%;z-index:1}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:30%}.ym-columnar .ym-fbox-wrap{margin-left:30%;margin-right:-3px}.ym-columnar .ym-fbox-wrap .ym-message{margin-left:0}.ym-columnar .ym-fbox-wrap label{float:none;width:auto;z-index:1;margin-left:0}.ym-columnar .ym-fbox-wrap input{margin-left:0;position:relative}.ym-columnar .ym-fbox-check{position:relative}.ym-columnar .ym-fbox-check label,.ym-columnar .ym-fbox-check .ym-label{padding-top:0}.ym-columnar .ym-fbox-check input{top:3px}.ym-columnar .ym-fbox-button input{float:none;margin-right:1em}.ym-fbox-wrap+.ym-fbox-wrap{margin-top:.5em}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table;table-layout:fixed}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}
@media screen {
  
  body {
    overflow-y: scroll;
  }

  
  .ym-wrapper {
    min-width: 760px;
    max-width: 80em;
    margin: 0 auto;
  }

  .ym-wbox {
    padding: 10px;
  }

  
  header {
    background: #444444;
    color: #cccccc;
    padding: 1.5em;
  }
  header h1 {
    background: transparent;
    color: #ffffff;
  }

  nav {
    background: #222222;
  }

  main {
    padding: 1.5em 0 0 0;
  }

  footer {
    margin: 0;
    background: #eeeeee;
    color: #444444;
    padding: 1.5em;
  }
  footer p {
    margin: 0;
  }

  
  .ym-column {
    display: block;
    overflow: hidden;
    padding-right: 340px;
    width: auto;
  }

  
  .ym-col1 {
    float: left;
    width: 100%;
  }

  
  .ym-col3 {
    position: relative;
    float: left;
    width: 340px;
    margin-left: 0;
    margin-right: -340px;
  }

  .ym-col1 .ym-cbox {
    padding: 0 0.75em 0 1.5em;
  }

  .ym-col3 .ym-cbox {
    padding: 0 20px 0 12px;
  }

  .ym-gbox {
    padding: 0 1.5em 0 0;
  }

  
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color: #ffffff;
    background: #333333;
    border-bottom: 1px #000000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }
}

@media screen and (min-width: 0px) {
  .ym-wrapper {
    min-width: 0px;
  }
}
@media screen and (max-width: 760px) {
  
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
    
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    
    margin: 0;
    padding: 0;
    
    overflow: hidden;
  }

  nav .ym-hlist ul {
    padding-right: 10px;
  }

  .ym-searchform {
    display: block;
    float: none;
    width: auto;
    padding-right: 10px;
    text-align: right;
  }

  .ym-searchform input[type="search"] {
    width: 14%;
  }
}
@media screen and (max-width: 480px) {
  .ym-wbox {
    padding: 0;
  }

  header {
    padding: 0.75em 10px;
  }
  header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
  }

  footer,
  main,
  .ym-searchform,
  nav .ym-hlist ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
    
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    
    margin: 0;
    padding: 0;
    
    overflow: hidden;
  }

  .ym-searchform,
  nav .ym-hlist ul,
  nav .ym-hlist li {
    display: block;
    float: none;
    width: auto;
    text-align: left;
  }

  .ym-searchform input[type="search"] {
    width: 75%;
  }
}

@media all {
  
  
  
  html * {
    font-size: 100%;
  }

  
  textarea,
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  
  body {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-size: 87.5%;
    color: #444444;
  }

  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Droid Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #161e21;
    margin: 0;
  }

  h1 {
    
    font-size: 342.85714%;
    line-height: 0.875;
    margin: 0 0 0.4375em 0;
  }

  h2 {
    
    font-size: 228.57143%;
    line-height: 1.3125;
    margin: 0 0 0.65625em 0;
  }

  h3 {
    
    font-size: 171.42857%;
    line-height: 0.875;
    margin: 0 0 0.875em 0;
  }

  h4 {
    
    font-size: 150%;
    line-height: 1;
    margin: 0 0 1em 0;
  }

  h5 {
    
    font-size: 128.57143%;
    line-height: 1.16667;
    margin: 0 0 1.16667em 0;
  }

  h6 {
    
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  
  ul,
  ol,
  dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }

  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }

  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }

  li {
    font-size: 100%;
    line-height: 1.5;
    margin-left: 1.2em;
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1.5em 0.8em;
  }

  
  p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  blockquote,
  cite,
  q {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }

  blockquote {
    background: transparent;
    color: #666666;
    margin: 1.5em 0 0 1.5em;
  }

  strong,
  b {
    font-weight: bold;
  }

  em,
  i {
    font-style: italic;
  }

  big {
    
    font-size: 114.28571%;
    line-height: 1.3125;
  }

  small {
    
    font-size: 85.71429%;
    line-height: 1.75;
  }

  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 100%;
  }

  pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  pre,
  code {
    color: #880000;
  }

  kbd,
  samp,
  var,
  tt {
    color: #666666;
    font-weight: bold;
  }

  var,
  dfn {
    font-style: italic;
  }

  acronym,
  abbr {
    border-bottom: 1px #aaaaaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  mark {
    background: #ffff00;
    color: #000000;
  }

  hr {
    color: #ffffff;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.67857em 0;
    border: 0;
    border-bottom: 1px #eeeeee solid;
  }

  
  a {
    color: #4d87c7;
    background: transparent;
    text-decoration: none;
  }

  a:active {
    outline: none;
  }

  
  
  a:hover,
  a:focus {
    background-color: #4d87c7;
    color: #ffffff;
    text-decoration: none;
  }

  
  img,
  figure {
    margin: 0;
  }

  .flexible {
    margin-bottom: 1.5em;
    max-width: 100%;
    height: auto;
  }

  
  * html .flexible {
    width: 98%;
  }

  .bordered {
    margin-bottom: 1.5em;
    border: 2px #eeeeee solid;
    border: 2px #ffffff solid;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }

  
  .highlight {
    color: #cc3300;
  }

  .dimmed {
    color: #888888;
  }

  .box {
    border-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #444444;
    color: rgba(0, 0, 0, 0.8);
    padding: 1.42857em;
    margin: 0 0 1.5em 0;
  }
  .box > *:last-child {
    margin-bottom: 0;
  }

  .label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #0066cc;
    color: #ffffff;
    font-size: 10px;
    line-height: 12px;
  }

  .info {
    background: #f4f4f4;
  }

  .success {
    background: #88cc88;
  }

  .warning {
    background: #cccc88;
  }

  .error {
    background: #cc8888;
  }

  .float-left {
    float: left;
    display: inline;
    margin: 0 1em 1.5em 0;
  }

  .float-right {
    float: right;
    display: inline;
    margin: 0 0 1.5em 1em;
  }

  .center {
    display: block;
    text-align: center;
    margin: 0 auto 1.5em auto;
  }

  
  table {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    margin: 0 0 1.35714em 0;
  }
  table.narrow {
    margin: 0 0 1.42857em 0;
  }
  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
  }
  table.fixed {
    table-layout: fixed;
  }
  table.bordertable {
    border: 1px #cccccc solid;
  }
  table.bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
  }
  table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
  }
  table.bordertable tbody th {
    border-right: 1px solid #cccccc;
  }
  table.bordertable tbody td {
    border-right: 1px solid #cccccc;
  }

  caption {
    font-variant: small-caps;
  }

  th,
  td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.5em;
  }

  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }

  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }

  thead th {
    text-align: left;
    color: #000000;
    border-bottom: 2px #000000 solid;
  }

  tbody {
    
  }
  tbody th {
    text-align: left;
    border-top: 1px solid #cccccc;
  }
  tbody td {
    text-align: left;
    border-top: 1px solid #cccccc;
  }
  tbody tr:hover th,
  tbody tr:hover td {
    background: #f8f8f8;
  }
}

@media all {
  .ym-hlist {
    
    
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1em;
    background: #222222;
  }
  .ym-hlist ul {
    margin: 0;
    padding: 0.5em 1.5em;
    display: inline;
    float: left;
  }
  .ym-hlist ul li {
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1;
    list-style-type: none;
    margin: 0 .25em 0 0;
    padding: 0;
  }
  .ym-hlist ul li a, .ym-hlist ul li strong {
    background: transparent;
    color: #aaaaaa;
    display: block;
    font-size: 1em;
    line-height: 2em;
    padding: 0 0.5em;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: auto;
  }
  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active {
    color: #cccccc;
    background: #666666;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.2em;
    text-decoration: none;
    outline: 0 none;
  }
  .ym-hlist ul li.active {
    background: #666666;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.2em;
    color: #ffffff;
  }
  .ym-hlist ul li.active strong,
  .ym-hlist ul li.active a:focus,
  .ym-hlist ul li.active a:hover,
  .ym-hlist ul li.active a:active {
    background: transparent;
    color: #ffffff;
    text-decoration: none;
  }

  
  .ym-searchform {
    float: right;
    display: inline;
    line-height: 2;
    padding: 0.5em 1.5em;
  }
  .ym-searchform .ym-searchfield {
    -webkit-appearance: none;
    background: #ffffff;
    line-height: 1;
    padding: 0.25em;
    width: 12em;
    border: solid 1px #888888;
    border: solid 1px rgba(255, 255, 255, 0.1);
    outline: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  }
  .ym-searchform .ym-searchbutton {
    -webkit-appearance: none;
    background: #5f5f5f;
    background: rgba(255, 255, 255, 0.2);
    border-radius: .2em;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 1.25;
    padding: 0.25em;
    border: solid 1px transparent;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  }
}

@media all {
  
  .ym-vlist {
    margin: 0 0 1.5em 0;
    list-style-type: none;
    background: transparent;
    border: 0 none;
  }
  .ym-vlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    border-top: 2px #dddddd solid;
    border-bottom: 2px #dddddd solid;
  }
  .ym-vlist ul ul {
    border: 0 none;
  }
  .ym-vlist li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
  }
  .ym-vlist a,
  .ym-vlist strong,
  .ym-vlist span {
    display: block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    border-bottom: 1px #dddddd solid;
  }
  .ym-vlist a,
  .ym-vlist a:visited {
    color: #444444;
  }
  .ym-vlist li span {
    display: block;
    font-weight: bold;
    border-bottom: 1px #dddddd solid;
  }
  .ym-vlist li.active {
    color: #ffffff;
    background-color: #444444;
  }
  .ym-vlist li.active strong {
    font-weight: bold;
  }
  .ym-vlist li a,
  .ym-vlist li strong,
  .ym-vlist li span {
    width: 90%;
    padding-left: 10%;
  }
  .ym-vlist li a:focus,
  .ym-vlist li a:hover,
  .ym-vlist li a:active {
    background-color: #888888;
    color: #ffffff;
    outline: 0 none;
  }
  .ym-vlist li ul li a,
  .ym-vlist li ul li strong,
  .ym-vlist li ul li span {
    width: 80%;
    padding-left: 20%;
  }
  .ym-vlist li ul li a,
  .ym-vlist li ul li a:visited {
    background-color: #f8f8f8;
    color: #333333;
  }
  .ym-vlist li ul li a:focus,
  .ym-vlist li ul li a:hover,
  .ym-vlist li ul li a:active {
    background-color: #888888;
    color: #ffffff;
  }
  .ym-vlist li ul li ul li a,
  .ym-vlist li ul li ul li strong,
  .ym-vlist li ul li ul li span {
    width: 70%;
    padding-left: 30%;
  }
  .ym-vlist li ul li ul li a,
  .ym-vlist li ul li ul li a:visited {
    background-color: #f0f0f0;
    color: #222222;
  }
  .ym-vlist li ul li ul li a:focus,
  .ym-vlist li ul li ul li a:hover,
  .ym-vlist li ul li ul li a:active {
    background-color: #888888;
    color: #ffffff;
  }
  .ym-vlist li ul li ul li ul li a,
  .ym-vlist li ul li ul li ul li strong,
  .ym-vlist li ul li ul li ul li span {
    width: 60%;
    padding-left: 40%;
  }
  .ym-vlist li ul li ul li ul li a,
  .ym-vlist li ul li ul li ul li a:visited {
    background-color: #e8e8e8;
    color: #111111;
  }
  .ym-vlist li ul li ul li ul li a:focus,
  .ym-vlist li ul li ul li ul li a:hover,
  .ym-vlist li ul li ul li ul li a:active {
    background-color: #888888;
    color: #ffffff;
  }

  
  .ym-vtitle {
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%;
    margin: 0;
    color: #444444;
    background-color: #ffffff;
    border-top: 2px #dddddd solid;
  }
  .ym-vtitle + ul {
    border-top: 4px #888888 solid;
  }
}

@media screen {
  .ym-form {
    background: #f4f4f4;
    border: 2px #ffffff solid;
    margin: 0 0 1.5em 0;
    -webkit-box-shadow: 0 0 4px #dddddd;
    box-shadow: 0 0 4px #dddddd;
  }
  .ym-form fieldset {
    position: static;
    background: transparent;
    margin: 0.75em 0 0.75em 0;
    padding: 0 0.5em;
  }
  .ym-form legend {
    background: transparent;
    color: #000000;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: bold;
    padding: 0 0.5em;
  }
  .ym-form label,
  .ym-form .ym-label {
    color: #666666;
    line-height: 1.5;
    padding-top: 0.25em;
  }
  .ym-form .ym-fbox {
    padding: 0 1em;
    margin: 1em 0 0.5em 0;
  }
  .ym-form .ym-fbox-footer {
    background: #ececec;
    border-top: 1px #e0e0e0 solid;
    padding: 1.5em 1em;
    margin: 0;
  }
  .ym-form .ym-fbox + .ym-fbox {
    margin: 0.5em 0;
  }
  .ym-form .ym-fbox:last-child {
    margin-bottom: 1em;
  }
  .ym-form .ym-fbox + .ym-fbox-footer {
    margin: 1em 0 0 0;
  }
  .ym-form .ym-fbox :last-child,
  .ym-form .ym-fbox-footer :last-child {
    margin-bottom: 0;
  }
  .ym-form .ym-fbox-heading {
    font-size: 1em;
    font-size: 100%;
    color: #000000;
    margin: 1em;
  }
  .ym-form .ym-fbox-check:focus + label {
    color: #000000;
  }
  .ym-form .ym-gbox-left {
    padding: 0 4px 0 0;
  }
  .ym-form .ym-gbox-right {
    padding: 0 0 0 4px;
  }
  .ym-form .ym-gbox {
    padding: 0 2px 0 2px;
  }

  
  .ym-form input,
  .ym-form textarea,
  .ym-form select {
    border: 1px solid #dddddd;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-shadow: inset 0 0 4px #eeeeee;
    box-shadow: inset 0 0 4px #eeeeee;
  }
  .ym-form input,
  .ym-form textarea {
    padding: 4px 0.3em;
  }
  .ym-form select {
    padding: 3px 2px 3px 1px;
  }
  .ym-form input:focus,
  .ym-form select:focus,
  .ym-form textarea:focus,
  .ym-form input:hover,
  .ym-form select:hover,
  .ym-form textarea:hover,
  .ym-form input:active,
  .ym-form select:active,
  .ym-form textarea:active {
    border: 1px #888888 solid;
    background: #ffffff;
  }
  .ym-form optgroup {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
  }
  .ym-form .ym-fbox-check input,
  .ym-form input[type="image"],
  .ym-form input[type="radio"],
  .ym-form input[type="checkbox"] {
    border: 0 none !important;
    background: transparent !important;
  }
  .ym-form .ym-message {
    color: #666666;
    margin-bottom: 0.5em;
  }
  .ym-form .ym-required {
    color: #880000;
    font-weight: bold;
  }
  .ym-form input:valid,
  .ym-form textarea:valid {
    background-color: #ffffff;
  }
  .ym-form input:invalid,
  .ym-form textarea:invalid {
    background-color: #ffdddd;
  }
  .ym-form .ym-error label {
    color: #880000;
    font-weight: normal;
  }
  .ym-form .ym-error input,
  .ym-form .ym-error select,
  .ym-form .ym-error textarea {
    border: 1px #880000 solid;
  }
  .ym-form .ym-error input:hover,
  .ym-form .ym-error input:focus,
  .ym-form .ym-error select:hover,
  .ym-form .ym-error select:focus,
  .ym-form .ym-error textarea:hover,
  .ym-form .ym-error textarea:focus {
    border: 1px #880000 solid !important;
  }
  .ym-form .ym-error .ym-message {
    color: #880000;
    font-weight: bold;
    margin-top: 0;
  }

  
  .ym-button,
  .ym-form button,
  .ym-form input[type="button"],
  .ym-form input[type="reset"],
  .ym-form input[type="submit"] {
    display: inline-block;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(to bottom, #eeeeee,#cccccc);
    background-color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
    zoom: 1;
    border: 1px solid #777777;
    border-radius: .2em;
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #333333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 0 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  .ym-button:hover,
  .ym-form button:hover,
  .ym-form input[type="button"]:hover,
  .ym-form input[type="reset"]:hover,
  .ym-form input[type="submit"]:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #dddddd);
    background-image: -moz-linear-gradient(top, #fafafa, #dddddd);
    background-image: -ms-linear-gradient(top, #fafafa, #dddddd);
    background-image: linear-gradient(to bottom, #fafafa,#dddddd);
    background-color: #fafafa;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD');
    zoom: 1;
  }
  .ym-button:active,
  .ym-form button:active,
  .ym-form input[type="button"]:active,
  .ym-form input[type="reset"]:active,
  .ym-form input[type="submit"]:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
    background-image: -moz-linear-gradient(top, #cccccc, #bbbbbb);
    background-image: -ms-linear-gradient(top, #cccccc, #bbbbbb);
    background-image: linear-gradient(to bottom, #cccccc,#bbbbbb);
    background-color: #cccccc;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB');
    zoom: 1;
    position: relative;
    top: 1px;
  }
  .ym-button:focus,
  .ym-form button:focus,
  .ym-form input[type="button"]:focus,
  .ym-form input[type="reset"]:focus,
  .ym-form input[type="submit"]:focus {
    outline: 0;
    background: #fafafa;
  }

  
  .ym-button {
    
    
    
    
  }
  .ym-button.ym-xlarge {
    font-size: 1.5em;
  }
  .ym-button.ym-large {
    font-size: 1.2857em;
  }
  .ym-button.ym-small {
    font-size: 0.8571em;
  }
  .ym-button.ym-xsmall {
    font-size: 0.7143em;
  }

  
  .ym-button.ym-primary,
  .ym-form button.ym-primary,
  .ym-form input[type="button"].ym-primary,
  .ym-form input[type="reset"].ym-primary,
  .ym-form input[type="submit"].ym-primary {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ee), color-stop(100%, #6666cc));
    background-image: -webkit-linear-gradient(top, #8888ee, #6666cc);
    background-image: -moz-linear-gradient(top, #8888ee, #6666cc);
    background-image: -ms-linear-gradient(top, #8888ee, #6666cc);
    background-image: linear-gradient(to bottom, #8888ee,#6666cc);
    background-color: #8888ee;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888EE', endColorstr='#FF6666CC');
    zoom: 1;
    border: 1px solid #000077;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  }
  .ym-button.ym-primary:hover,
  .ym-form button.ym-primary:hover,
  .ym-form input[type="button"].ym-primary:hover,
  .ym-form input[type="reset"].ym-primary:hover,
  .ym-form input[type="submit"].ym-primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ff), color-stop(100%, #6666dd));
    background-image: -webkit-linear-gradient(top, #8888ff, #6666dd);
    background-image: -moz-linear-gradient(top, #8888ff, #6666dd);
    background-image: -ms-linear-gradient(top, #8888ff, #6666dd);
    background-image: linear-gradient(to bottom, #8888ff,#6666dd);
    background-color: #8888ff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888FF', endColorstr='#FF6666DD');
    zoom: 1;
  }
  .ym-button.ym-primary:active,
  .ym-form button.ym-primary:active,
  .ym-form input[type="button"].ym-primary:active,
  .ym-form input[type="reset"].ym-primary:active,
  .ym-form input[type="submit"].ym-primary:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888cc), color-stop(100%, #6666aa));
    background-image: -webkit-linear-gradient(top, #8888cc, #6666aa);
    background-image: -moz-linear-gradient(top, #8888cc, #6666aa);
    background-image: -ms-linear-gradient(top, #8888cc, #6666aa);
    background-image: linear-gradient(to bottom, #8888cc,#6666aa);
    background-color: #8888cc;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888CC', endColorstr='#FF6666AA');
    zoom: 1;
  }
  .ym-button.ym-primary:focus,
  .ym-form button.ym-primary:focus,
  .ym-form input[type="button"].ym-primary:focus,
  .ym-form input[type="reset"].ym-primary:focus,
  .ym-form input[type="submit"].ym-primary:focus {
    outline: 0;
    background: #8888ff;
  }

  
  .ym-button.ym-success,
  .ym-form button.ym-success,
  .ym-form input[type="button"].ym-success,
  .ym-form input[type="reset"].ym-success,
  .ym-form input[type="submit"].ym-success {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66bb66), color-stop(100%, #449944));
    background-image: -webkit-linear-gradient(top, #66bb66, #449944);
    background-image: -moz-linear-gradient(top, #66bb66, #449944);
    background-image: -ms-linear-gradient(top, #66bb66, #449944);
    background-image: linear-gradient(to bottom, #66bb66,#449944);
    background-color: #66bb66;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944');
    zoom: 1;
    border: 1px solid #007700;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  }
  .ym-button.ym-success:hover,
  .ym-form button.ym-success:hover,
  .ym-form input[type="button"].ym-success:hover,
  .ym-form input[type="reset"].ym-success:hover,
  .ym-form input[type="submit"].ym-success:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc66), color-stop(100%, #55aa55));
    background-image: -webkit-linear-gradient(top, #66cc66, #55aa55);
    background-image: -moz-linear-gradient(top, #66cc66, #55aa55);
    background-image: -ms-linear-gradient(top, #66cc66, #55aa55);
    background-image: linear-gradient(to bottom, #66cc66,#55aa55);
    background-color: #66cc66;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
    zoom: 1;
  }
  .ym-button.ym-success:active,
  .ym-form button.ym-success:active,
  .ym-form input[type="button"].ym-success:active,
  .ym-form input[type="reset"].ym-success:active,
  .ym-form input[type="submit"].ym-success:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66aa66), color-stop(100%, #448844));
    background-image: -webkit-linear-gradient(top, #66aa66, #448844);
    background-image: -moz-linear-gradient(top, #66aa66, #448844);
    background-image: -ms-linear-gradient(top, #66aa66, #448844);
    background-image: linear-gradient(to bottom, #66aa66,#448844);
    background-color: #66aa66;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844');
    zoom: 1;
  }
  .ym-button.ym-success:focus,
  .ym-form button.ym-success:focus,
  .ym-form input[type="button"].ym-success:focus,
  .ym-form input[type="reset"].ym-success:focus,
  .ym-form input[type="submit"].ym-success:focus {
    outline: 0;
    background: #66cc66;
  }

  
  .ym-button.ym-warning,
  .ym-form button.ym-warning,
  .ym-form input[type="button"].ym-warning,
  .ym-form input[type="reset"].ym-warning,
  .ym-form input[type="submit"].ym-warning {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddaa44), color-stop(100%, #bb7722));
    background-image: -webkit-linear-gradient(top, #ddaa44, #bb7722);
    background-image: -moz-linear-gradient(top, #ddaa44, #bb7722);
    background-image: -ms-linear-gradient(top, #ddaa44, #bb7722);
    background-image: linear-gradient(to bottom, #ddaa44,#bb7722);
    background-color: #ddaa44;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722');
    zoom: 1;
    border: 1px solid #997700;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  }
  .ym-button.ym-warning:hover,
  .ym-form button.ym-warning:hover,
  .ym-form input[type="button"].ym-warning:hover,
  .ym-form input[type="reset"].ym-warning:hover,
  .ym-form input[type="submit"].ym-warning:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eebb55), color-stop(100%, #cc8833));
    background-image: -webkit-linear-gradient(top, #eebb55, #cc8833);
    background-image: -moz-linear-gradient(top, #eebb55, #cc8833);
    background-image: -ms-linear-gradient(top, #eebb55, #cc8833);
    background-image: linear-gradient(to bottom, #eebb55,#cc8833);
    background-color: #eebb55;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833');
    zoom: 1;
  }
  .ym-button.ym-warning:active,
  .ym-form button.ym-warning:active,
  .ym-form input[type="button"].ym-warning:active,
  .ym-form input[type="reset"].ym-warning:active,
  .ym-form input[type="submit"].ym-warning:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9944), color-stop(100%, #aa6622));
    background-image: -webkit-linear-gradient(top, #cc9944, #aa6622);
    background-image: -moz-linear-gradient(top, #cc9944, #aa6622);
    background-image: -ms-linear-gradient(top, #cc9944, #aa6622);
    background-image: linear-gradient(to bottom, #cc9944,#aa6622);
    background-color: #cc9944;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622');
    zoom: 1;
  }
  .ym-button.ym-warning:focus,
  .ym-form button.ym-warning:focus,
  .ym-form input[type="button"].ym-warning:focus,
  .ym-form input[type="reset"].ym-warning:focus,
  .ym-form input[type="submit"].ym-warning:focus {
    outline: 0;
    background: #ddaa44;
  }

  
  .ym-button.ym-danger,
  .ym-form button.ym-danger,
  .ym-form input[type="button"].ym-danger,
  .ym-form input[type="reset"].ym-danger,
  .ym-form input[type="submit"].ym-danger {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb6666), color-stop(100%, #994444));
    background-image: -webkit-linear-gradient(top, #bb6666, #994444);
    background-image: -moz-linear-gradient(top, #bb6666, #994444);
    background-image: -ms-linear-gradient(top, #bb6666, #994444);
    background-image: linear-gradient(to bottom, #bb6666,#994444);
    background-color: #bb6666;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444');
    zoom: 1;
    border: 1px solid #770000;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  }
  .ym-button.ym-danger:hover,
  .ym-form button.ym-danger:hover,
  .ym-form input[type="button"].ym-danger:hover,
  .ym-form input[type="reset"].ym-danger:hover,
  .ym-form input[type="submit"].ym-danger:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc6666), color-stop(100%, #aa5555));
    background-image: -webkit-linear-gradient(top, #cc6666, #aa5555);
    background-image: -moz-linear-gradient(top, #cc6666, #aa5555);
    background-image: -ms-linear-gradient(top, #cc6666, #aa5555);
    background-image: linear-gradient(to bottom, #cc6666,#aa5555);
    background-color: #cc6666;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555');
    zoom: 1;
  }
  .ym-button.ym-danger:active,
  .ym-form button.ym-danger:active,
  .ym-form input[type="button"].ym-danger:active,
  .ym-form input[type="reset"].ym-danger:active,
  .ym-form input[type="submit"].ym-danger:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa5555), color-stop(100%, #884444));
    background-image: -webkit-linear-gradient(top, #aa5555, #884444);
    background-image: -moz-linear-gradient(top, #aa5555, #884444);
    background-image: -ms-linear-gradient(top, #aa5555, #884444);
    background-image: linear-gradient(to bottom, #aa5555,#884444);
    background-color: #aa5555;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444');
    zoom: 1;
  }
  .ym-button.ym-danger:focus,
  .ym-form button.ym-danger:focus,
  .ym-form input[type="button"].ym-danger:focus,
  .ym-form input[type="reset"].ym-danger:focus,
  .ym-form input[type="submit"].ym-danger:focus {
    outline: 0;
    background: #cc6666;
  }

  
  .ym-form button:before,
  .ym-button:before {
    background: #cccccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
  }

  .ym-add:before {
    content: "\271A";
  }

  .ym-delete:before {
    content: "\2718";
  }

  .ym-close:before {
    content: "\2715";
  }

  .ym-edit:before {
    content: "\270E";
  }

  .ym-email:before {
    content: "\2709";
  }

  .ym-like:before {
    content: "\2764";
  }

  .ym-next:before {
    content: "\279C";
  }

  .ym-play:before {
    content: "\25B6";
  }

  .ym-reply:before {
    content: "\27A5";
  }

  .ym-save:before {
    content: "\2714";
  }

  .ym-sign:before {
    content: "\270D";
  }

  .ym-spark:before {
    content: "\2737";
  }

  .ym-support:before {
    content: "\2706";
  }

  .ym-star:before {
    content: "\2605";
  }

  
  .ym-form button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  
  .ym-form input[type=button]::-moz-focus-inner,
  .ym-form input[type=reset]::-moz-focus-inner,
  .ym-form input[type=submit]::-moz-focus-inner {
    padding: .4em;
  }

  
  .ym-form button[disabled],
  .ym-form button[disabled]:hover,
  .ym-form input[type=button][disabled],
  .ym-form input[type=button][disabled]:hover,
  .ym-form input[type=reset][disabled],
  .ym-form input[type=reset][disabled]:hover,
  .ym-form input[type=submit][disabled],
  .ym-form input[type=submit][disabled]:hover,
  .ym-button.ym-disabled,
  .ym-button.ym-disabled:hover {
    background: #eeeeee;
    color: #aaaaaa !important;
    border-color: #aaaaaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  
  * html .ym-button,
  * html .ym-form button {
    display: inline-block;
    white-space: nowrap;
    background-color: #cccccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777777;
    color: #333333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    
    text-decoration: none !important;
  }
  * html .ym-form button:focus,
  * html .ym-button:focus {
    outline: 0;
    background: #fafafa;
  }
  * html .ym-form button:hover,
  * html .ym-button:hover {
    background-color: #dddddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
  }
  * html .ym-form button:active,
  * html .ym-button:active {
    background-color: #bbbbbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
    position: relative;
    top: 1px;
  }
  * html .ym-button.ym-disabled,
  * html .ym-button.ym-disabled:hover {
    background: #eeeeee;
    color: #aaaaaa !important;
    border-color: #aaaaaa;
    cursor: default;
    text-shadow: none;
    position: static;
  }
  * html .ym-button {
    
    
    
    
    
  }
  * html .ym-button.ym-primary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8888ee', EndColorStr='#6666cc');
  }
  * html .ym-button.ym-success {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bb66', EndColorStr='#449944');
  }
  * html .ym-button.ym-warning {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddaa44', EndColorStr='#bb7722');
  }
  * html .ym-button.ym-danger {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bb6666', EndColorStr='#994444');
  }
  * html .ym-button.ym-xlarge {
    font-size: 1.5em;
  }
  * html .ym-button.ym-large {
    font-size: 1.2857em;
  }
  * html .ym-button.ym-small {
    font-size: 0.8571em;
  }
  * html .ym-button.ym-xsmall {
    font-size: 0.7143em;
  }
}

.ym-g10 { width: 10% }
.ym-g30 { width: 30% }
.ym-g70 { width: 70% }
.ym-g90 { width: 90% }


@media screen and ( max-width: 740px )  {

  .linearize-form [class*="ym-fbox"]:not([class*="ym-fbox-check"]) label,
  .linearize-form .ym-label,
  .linearize-form .ym-message,
  .linearize-form input[type="text"],
  .linearize-form input[type="email"],
  .linearize-form input[type="password"],
  .linearize-form input[type="number"],
  .linearize-form input[type="range"],
  .linearize-form textarea,
  .linearize-form select {
    display: block;
    float: none;
    position: static !important;
    width:100% !important;
  }

  .linearize-form .ym-message,
  .linearize-form .ym-fbox-check input {
    margin-left: 0 !important;		
  }
}

.ym-back:before { content: "\21E6"; }
.ym-next:before { content: "\27A1"; }
.inline { display: inline-block !important; }
.ym-form label { display: inline-block; margin-bottom: 0.2em; }

@viewport{
    zoom: 1.0;
    width: device-width;
}


@media screen and (max-width: 760px) {
    .nomobile { display: none; }
}


.flipscroll { overflow-x: auto; }




div.fons { margin: 0; padding: 0;}

.ym-wrapper {
    max-width: 990px;
}

.ym-wbox {
    padding: 0;
}

@media (max-width: 760px) {
    .ym-wbox {
        padding: 0 2px 0 2px;
    }
}


.nav-toggle {
    display: block;
    font-weight: bold;
    background-color: #ececec;
    border: 1px solid #f9f9f9;
    padding: 1em;
    margin: 1em 0 1em 0;
}


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

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: bold;
	src: url('../fonts/mavenprobold.eot'); 
	src: url('../fonts/mavenprobold.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/mavenprobold.woff') format('woff'), 
	     url('../fonts/mavenprobold.ttf')  format('truetype'); 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: 'Trebuchet MS', 'Maven Pro', sans-serif;
}

body {
    background-color: #ffffff;
    background-image: url("../images/bg.jpg");
}


header {
    background-color: #ffffff;
    padding: 0;
}

.sidebarWrapper {
    background-color: #ececec;
}

#sidebar {
    background-color: #ececec;
    padding: 0 4px 4px 4px;
}


footer {
    clear: both;
    padding: 1em;
    min-height: 2em;
    background-color: #007cc3;
    text-align: center;
    display: block;
    color: #ffffff;
}

#tronc {
    background-color: #ffffff;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
}

#main-content { padding: 0; margin: 0; }

.nomBotiga {
    color: #666666;
    display: block;
    font-size: 150%;
}

.nom2Botiga {
    color: #666666;
    font-size: 90%;
}

.divNomBotiga {
    padding: 1em;
}

.login { padding: 1em; }
.login form { background-color: #edf1f8; }

.errorWrapper { padding: 2em; }


h1 {
    color: #222222;
    font-size: 145%;
    font-weight: normal;
}

h2 {
    font-size: 120%;
    color: #393a3c;
}

h3 {
    font-size: 95%;
    color: #393a3c;
}

h4 {
    color: #ff0000;
}

h5 {
}

h6 {
    clear: both;
    color: #393a3c;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    padding: 0.5em 0 1em;
    text-decoration: underline;
}

h6:hover {
    color: #393a3c;
}

p {
    padding: 0 0 1em 0;
    line-height: 140%;
    font-size: 95%;
}

p.rationale {
    font-style: italic;
    padding: 2em;
    background-color: #ececec;
    margin-bottom: 2em;
}

article {
    margin: 1em 1em 2em 1em;
}

a {
    color: #393a3c;
    text-decoration: none;
}

a:hover {
    color: #393a3c;
    text-decoration: underline;
    background: transparent;
}

.txtMini{ font-size: 0.8em; display:inline; }

.toggle {
    clear: both;
    color: #393a3c;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    padding: 0.5em 0 1em 1.5em;
    text-decoration: underline;
    background: url("../images/plus.png") no-repeat scroll 0 0 transparent;
}

.toggle:hover {
    color: #393a3c;
}

.toggleSBoth {
    color: #393a3c;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    padding: 0.5em 0 1em 1.5em;
    text-decoration: underline;
    background: url("../images/plus.png") no-repeat scroll 0 0 transparent;
}

ul, ol {
    padding: 1em;
    margin: 0 1em 0.5em 2em;
}

ul li, ol li {
    padding: 0.5em 0;
    font-size: 95%;
    line-height: 140%;
}

ul ul, ol ol {
    padding: 0 0 1em 0;
}

nav ul li {
    text-transform: uppercase;
}

ul ul li {
    text-transform: lowercase;
}

blockquote {
    font-style: oblique;
    color: #393a3c;
}

.inline {
    display: inline;
}


input, textarea, select {
    padding: 2px;
    border: solid 1px #e1e1e1;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left 25, from(#ffffff), color-stop(4%, #eeeeee), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #eeeeee 1px, #ffffff 25px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    margin: 1em 0;
}

input:hover, textarea:hover, input:focus, textarea:focus {
    border-color: #c9c9c9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

textarea {
    width: 100%;
    max-width: 100%;
    height: 150px;
    line-height: 150%;
}



.ym-fbox label:after { content: ' :'; }
.ym-fbox-check label:after { content: normal; }

.form label {
    margin-left: 10px;
    color: #393a3c;
}

.submit {
    border-radius: 5px;
    background: none repeat scroll 0 0 #6bc300;
    color: #ffffff;
    border: 0 none;
    padding: 2px 7px;
    width: auto;
    cursor: pointer;
}

.submit input {
    width: auto;
    padding: 9px 15px;
    background: #6bc300;
    border: 0;
    font-size: 14px;
    color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



.headerRight {
    padding-right: 1em;
    text-align: right;
}


.breadcrumbs {
    background-color: #d4d4d4;
    color: #333333;
    margin-top: 0em;
    padding: 0.1em 0 0.2em;
}

.breadcrumbs a {
    font-size: 0.9em;
    color: #333333;
    padding: 0 0.8em;
    text-decoration: none;
}

.breadcrumbs a.current {
    font-weight: bold;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}


.siteLogo { margin: 1em 1em 0 1em; }
.siteLogo img { margin-bottom: 0; }

.capRight {
    float: right;
    text-align: right;
    margin-right: 2em;
}


.nameStore {
    padding: 0;
    margin: 1em 0 0 1em;
}

.nameStore h1 {
    color: #222222;
    font-size: 200%;
    padding: 0.3em 0 0 2.2em;
}

.nameStore h1 a {
    color: #222222;
}

.nameStore h2 {
    color: #222222;
    font-size: 100%;
    letter-spacing: 0.1em;
    padding: 0 0 0 4.2em;
}


.changeLanguage {
    font-size: 60%;
    margin: 0;
}

.changeLanguage a {
    color: #393a3c;
    text-decoration: none;
    -moz-transition: background 0.15s linear 0s;
    border-radius: 5px 5px 5px 5px;
    padding: 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #ffffff;
}

.changeLanguage a:hover {
    -moz-transition: background 0.15s linear 0s;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    padding: 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #ec560d;
}

.changeLanguage a.current {
    -moz-transition: background 0.15s linear 0s;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    padding: 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #ec560d;
}

div.changeLanguage li {
    display: inline;
    margin: 0.2em;
}

.changeLanguage ul {
    margin: 0;
}


.acces {
    font-size: 70%;
    margin: 1em;
    padding: 1em;
    text-align: right;
}

.acces a {
    border-right: 1px solid #393a3c;
    color: #393a3c;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none;
}

.acces a:hover {
    text-decoration: underline;
}

.usuaris {
    margin: 0.2em 1em 0 0;
    font-size: 75%;
}

.usuaris a {
    color: #393a3c;
    padding: 0 0.7em;
    text-decoration: none;
}

.usuaris a:hover {
    color: #393a3c;
    text-decoration: underline;
}

.usuaris span {
    border-left: 1px solid #393a3c;
    font-weight: normal;
    padding: 0 0 0 1em;
}

.usuaris a.connect {
    color: #393a3c;
    display: block;
    line-height: 150%;
    padding: 0;
    text-decoration: none;
}

.usuaris a:hover.connect {
    text-decoration: underline;
}

#purchase {
    min-width: 2em;
    min-height: 2em;
    margin-right: 4em;
}


#purchaseBox {
    border: 4px solid #fbcb0f;
    background-color: #ffffff;
    margin: 0.4em 0 0 0.5em;
    color: #222222;
    background-image: url("../images/store.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0.5em 1em 0.5em 4.3em;
    width: 10em;
    line-height: 115%;
}

#purchaseBox a {
    color: #ec560d;
}

#purchaseBox a:hover {
    color: #ec560d;
}


nav ul {
}

nav ul li {
    list-style-type: none;
    display: inline;
}

nav ul li a {
}

nav ul li a:hover {
}

nav ul li span {
    cursor: pointer;
}

nav ul ul li a {
    color: #393a3c;
    font-weight: normal;
}

nav ul ul li a:hover, nav ul ul li a.current {
    color: #222222;
    font-weight: normal;
    background-color: #fbcb0f;
    padding: 0 1em 0 0;
}

nav#menu {
    background-color: #8cc63f;
    margin: 0;
    padding: 0;
    display: block;
}

nav#menu ul {
    margin: 0;
    padding: 0;
}

nav#menu li {
    font-weight: bold;
    margin-left: 0;
    padding: 6px 0 6px 0;
    list-style-type: none;
    display: inline-block;
}

nav#menu li a {
    font-size: 90%;
    font-weight: normal;
    padding: 0 1.7em;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #393a3c;
}

nav#menu li a:hover {
    border: 1px solid #ffffff;
}

#sidebar ul {
    margin: 0;
    padding: 0;
}

#sidebar li {
    margin: 0;
}

#sidebar li a {
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #f9f9f9;
    color: #393a3c;
    display: block;
    font-size: 90%;
    font-weight: normal;
    padding: 0.2em 0.7em;
    text-decoration: none;
    text-transform: capitalize;
}

#sidebar li a:hover, #sidebar li a.current {
    background-color: #e1e1e1;
}

#sidebar article {
    margin-left: 0.7em;
}


.pagination {
    clear: both;
    color: #999999;
    font-size: 80%;
    padding: 0.5em;
}

.separator {
    border-bottom: 1px dashed #393a3c;
    clear: both;
}

.rightArticleSection {
    padding: 1em 0.4em 1em 0.4em;
}

section#rightcol {
    padding: 0 1em;
}

section#rightcol aside {
    float: right;
    width: 210px;
    font-size: 80%;
    margin: 0 0 1em 0;
}

section#rightcol aside h3, section#rightcol aside p, section#rightcol aside a {
    margin-left: 1.7em;
}

section#rightcol article {
    font-size: 80%;
    margin: 1em 0 0 0;
}

section#rightcol article h3 {
    padding: 0;
}

section#rightcol article p {
    margin: 0;
    padding: 0.5em;
}

section#rightcol h3 a {
    color: #ec560d;
    font-size: 150%;
    line-height: 100%;
    font-weight: normal;
}

.msgBenvinguda {
    margin: 1em 0 1em 0;
}

.msgBenvinguda a {
    color: #393a3c;
    font-weight: normal;
    font-size: 1.6em; 
    line-height: 70%;
}

.txtp {
    font-size: 80%;
    padding: 0 1em 1em;
}

.catProd fieldset div {
    color: #222222;
    display: inline;
    padding: 0.5em 1em;
    font-weight: normal;
}

.catProd fieldset {
    background-color: #f6f6f6;
    border-bottom: 1px solid #dedede;
    width: 99%;
    font-weight: bold;
    font-size: 90%;
    margin: 0.5em 0;
}

.catProd fieldset legend {
    background-color: #f6f6f6;
    padding: 0.5em 0.5em 0;
    width: 98%;
}

.modeTbl {
    font-size: 80%;
    margin: 0 0 1em;
}

.modeTbl span {
    color: #ffa500;
    display: inline-table;
    font-size: 150%;
    font-weight: bold;
    padding: 0;
    text-align: left;
}

.subtitol {
    font-size: 90%;
}

#content {
    min-height: 15em;
    padding: 1em 1em 2em 1em;
    border-left: 0;
    border-left: 1px solid #d4d4d4;
    margin-right: 0;
    background-color: #ffffff;
}

#content form select {
    display: block;
    margin: 0.5em 0;
}

#content #countryId, #content #provinceId {
    display: inline;
}

.divBt {
    margin: 4em 0 0 0;
}

.divBt a.btSenseMg {
    margin: 0;
}

.spanInline {
    display: inline;
}

.product .description {
}

.product .weight {
    padding: 1em 0 0;
    color: #666666;
}

.product .dimensions {
    color: #666666;
}

.product .stock {
    color: #666666;
}

.product .amount {
    padding: 2em 0 0;
    text-transform: uppercase;
    font-size: 90%;
}

.product .discountBefore {
    color: #dabfb2;
    font-weight: bold;
    margin: 1em 0 0;
}

.product .discount {
    background-color: #ec560d;
    border-radius: 15px 15px 15px 15px;
    color: #ffffff;
    display: -moz-stack;
    font-size: 90%;
    margin: 0.1em 0 1em;
    padding: 0.2em 1em;
}

.product .discountAfter {
    text-transform: uppercase;
    font-size: 90%;
}

.product .vat {
    text-transform: uppercase;
    font-size: 90%;
}

.product .totalPrice {
    background-color: #ffffff;
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0;
    padding: 1em;
    text-transform: uppercase;
}

.product .totalPrice .priceBox {
    display: inline;
}

.product .totalPrice .price {
    margin-right: 2em;
    white-space: nowrap;
}

.product .totalPrice form {
    display: inline;
}

.product .totalPrice form input {
    margin: 0;
}

.product .totalPrice .mandatory {
    display: none;
}

.moreProducts {
    padding: 2em;
}


.edit {
    font-size: 85%;
}

.rodo {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url(../border-radius.htc);
    background-color: #d4f0bf;
}

.destacat {
    text-transform: uppercase;
    font-weight: bold;
}

.bloc {
    margin: 0 0 1em 0;
}

.bloc span {
    display: block;
}

.bloc ul li span, .bloc ul li form {
    display: inline;
    margin: 0 0.5em 0 0;
}

.bloc ul li {
    margin: 0 0 0 2em;
    padding: 0;
}

.clear {
    clear: both;
}

.bloc label {
    font-size: 90%;
}

.txtError {
    color: #ff0000;
    font-weight: bold;
}

.enhanced {
    font-weight: bold;
}

.tblPpal td {
    text-align: left;
}

.tblPpal td a {
    display: block;
    padding: 1em;
}

.tblPpal td a:hover {
    background-color: #ececec;
}


.search p {
    padding: 0 1em 0.2em;
    margin: 0;
}

.search p, .search h3, .search a {
    font-size: 90%;
}

.search h3, .search a {
    text-decoration: none;
}

.search a p {
    color: #222222;
}

.search a h3 {
    color: #393a3c;
    line-height: 110%;
    padding-bottom: 0.5em;
}

.search a:hover p, .search a:hover h3 {
    text-decoration: none;
}

.searchPrice span {
    font-weight: bold;
    color: #ec560d;
    font-size: 75%;
}

.cercadorHead {
    padding: 0;
    margin: 0;
    text-align: right;
}

.cercadorHead form {
    padding: 0;
    margin: 0;
}

.cercadorHead_txt {
}

.cercadorHead .submit {
}

.cercadorHead input, .cercadorHead textarea, .cercadorHead select {
    vertical-align: middle;
    margin: 0.5em 0;
}
.cercadorHead input{padding: 0.25em;}

.cercadorHead .submit, .cercadorHead .submit, .cercadorHead .submit {
    padding: 0;
}


.productBox{float: left; padding: 1.5em 1em 1em 0.5em; border-right:1px dashed #dedede; margin: 0;}
.productBox p{ padding:0; margin:0; }
.productBoxImg { float:left; border: 1px solid #d4d4d4; }
.productBoxImg img{ width: 100px; padding: 2px; }
.productBoxImg img{ width: 96px; }
.ofertesDestBloc h2 { font-size: 1.5em; font-weight: bold; }
.ofertesDestBloc .productBoxImg img{ 
    width: 124px;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.prodCistella .productBoxImg img{ width: 124px; }

.productBox h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 4px; }
.productBox p, .productBox a{ font-size: 88%;}
.productBox h3, .productBox a{text-decoration:none;}
.productBox a p { color:#222222; line-height:125%; }
.productBox a h3{ color:#393a3c;}
.productBox a:hover p, .productBox a:hover h3{ text-decoration:none;}
.productBoxPrice span{ font-weight:bold; color:#ec560d;}
.productBoxPrice span.vatIncluded { font-weight: normal; font-size: 80%;}
.productBoxTxt {float: right; width: 8.7em; padding: 4px; }

@media (max-width: 760px) {
    .productBox {
        float: none;
        border-right: none;
        border-bottom: 1px dashed #dedede;
    }

    .productBoxImg {
        float: none;
    }

    .productBoxImg img, .ofertesDestBloc .productBoxImg img {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .productBoxTxt, .boxTxtCistella {
        float: none;
        width: 100%;
        display:block;
        text-align:left;
        margin: 1.5em auto 0 auto;

    }
}


.action-buttons, .action-buttons a {
    margin-bottom: .5em;
}


.prodCistella {
    float: left;
    padding: 1em;
    width: 45%;
    margin: 0 0 1em 0;
    border-bottom: 1px dashed #dedede;
}

.prodCistella p {
    padding: 0 0 0.2em;
    margin: 0;
}

.prodCistellaImg {
    float: left;
}

.prodCistellaImg img {
    margin-right: 1em;
}

.prodCistella p, .prodCistella h3, .prodCistella a {
    font-size: 90%;
}

.prodCistella h3, .prodCistella a {
    text-decoration: none;
}

.prodCistella a p {
    color: #222222;
}

.prodCistella a h3 {
    color: #393a3c;
}

.prodCistella a:hover p, .prodCistella a:hover h3 {
    text-decoration: none;
}

.prodCistella span {
    font-weight: bold;
    color: #ec560d;
}

.prodCistellaTotal {
    background-color: #ffff66;
    clear: both;
    margin: 1.5em 0;
    padding: 0.2em 1em;
    font-size: 90%;
}

.boxTxtCistella {
    float: right;
    width: 14em;
}

@media (max-width: 760px) {
    .prodCistellaImg {
        float: none;
    }

    .prodCistella {
        float: none;
        width: 100%;
        padding:0;
        margin:0;
    }

    .prodCistella .productBoxImg img {
        width: 100%;
        max-width: 100%;
        display:block;
        text-align:center;
        margin: 1.5em auto 0 auto;
    }

    .boxTxtCistella {
        float: none;
        width: 100%;
        display:block;
        text-align:left;
        margin: 1.5em auto 0 auto;

    }
}


.productWrapper { padding: 1em; }

.product {
    background-color: #edf1f8;
    padding: 2em;
}

.productImg {
    width: 20em;
}

.product h1 {
    color: #393a3c;
}

.product h3 {
    font-weight: normal;
    padding-bottom: 2em;
    color: #222222;
}

.product p {
}

.galleryWrapper { padding-top: 1em; }

.gallery {
    margin: 0;
    padding: 0;
}

.gallery a img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.gallery span {
    font-size: 80%;
}

.gallery div.thumbnail {
    float: left;
    width: 82px;
    height: 120px;
    margin-top: 15px;
    padding-right: 10px;
    overflow: hidden;
}

.qr {
    text-align: center;
}


.procesCompra {
    background-color: #d4f0bf;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0 2em 0;
    padding: 3em;
}

@media (max-width: 760px) {
    .procesCompra {
        padding: 1em;
    }
}

.procesCompra form {
    margin: 0;
    padding: 0;
}
.procesCompra .newAddressButton {
    margin-bottom: 4em;
}

.procesCompra input {
    margin: 0.2em 0;
}

.procesCompra input[type="radio"] {
    background-color: #d9e1e7;
}

.procesCompra input.submit {
    width: auto;
    float: right;
}

.procesCompra .adreca {
    clear: both;
}

.procesCompra .adreca span {
    display: block;
}

.procesCompra .adreca .adrecaTxt {
    cursor: pointer;
    float: right;
    display: inline-block;
    margin: 0 0 0.5em 0;
    width: 85%;
}

.procesCompra legend {
    color: #393a3c;
    margin: 0;
    padding: 0 0 0.5em;
    text-transform: uppercase;
}

.procesCompra legend a {
    color: #393a3c;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

.procesCompra legend a:hover {
    color: #393a3c;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

.procesCompra input.caixa, .procesCompra select.caixa {
    display: block;
    margin: 0 0 0.5em 0;
    width: 96%;
}

.procesCompra span {
    color: #393a3c;
}

.procesCompra a {
    color: #393a3c;
}

.navProcesCompra {
    margin: 2em 0 0 2em;
    padding: 0;
}

.navProcesCompra ol {
    margin: 1em 0 0 1.5em;
    padding: 0;
}

.navProcesCompra ol li {
    margin: 0;
    padding: 0;
}

.navProcesCompra ol li.current {
    font-weight: bold;
    color: #ffa500;
}

.procesCompra .txtDecor1 {
    color: neutre_txt;
    font-size: 95%;
}

.divListmode {
    padding: 1em 0;
}

.divListmode img {
    padding: 0 1em 0 0;
    max-width: 300px;
}

.divListmode_txt {
    margin-left: 150px;
    padding: 0.5em 3em 0 1em;
}

.tableListMode {
    border-top: 1px dashed #999999;
    font-size: 90%;
    margin: 1.5em 0 0;
    width: 100%;
}

.tableListMode tr {
}

.tableListMode td {
    padding: 0 1em;
    border-bottom: 1px dashed #999999;
}

.tableListMode .type1 {
    font-size: 110%;
}

.tableListMode .type2 {
    color: #777777;
}

.tableListMode .type3 {
    width: 3em;
    color: #ec560d;
    font-weight: bold;
}

.tableListMode .type4 {
}

#townName {
    width: 90%;
}

.townSelector {
    height: 500px;
    overflow-y: scroll;
    font-size: 80%;
}

.townSelector ul {
    padding: 0;
    margin: 0;
}

.townSelector li {
    list-style-type: none
}

.townSelectorButton {
    float: right;
    position: relative;
    top: 1.2em;
    right: 12px;
    cursor: pointer;
}

.paymentBox {
    border: 1px solid #d4d4d4;
    border-radius: 10px 10px 10px 10px;
    padding: 1em 1em 0 1em;
    margin: 1em 0 1em 0;
}


footer ul {
    list-style-type: none;
    padding: 0;
}

footer li {
    display: inline-block;
}

footer a {
    color: #ffffff;
    text-decoration: none;
    font-size: 75%;
}

footer a:hover {
    text-decoration: underline;
    color: #ffffff;
}

footer {
    background-color: transparent;
    color: #666666;
}

form.delete {
    display: inline;
}

.address {
    border: 1px solid #cccccc;
    margin: 1em 0 0;
}

.address address {
    display: inline;
    font-style: normal;
    padding: 0 1em;
}

address {
}


#terms {
    padding: 1em 0 1em 0;
}

#terms p, #shipping p, #privacy p, #distributors p, #contact p {
    line-height: 140%;
}

#terms h1, #shipping h1, #privacy h1, #distributors h1, #contact h1 {
}


.pagError {
    margin: 2em 2em 4em 0;
}

.techError {
    font-size: 0.8em;
    color: #888888;
}


ul.ui-helper-clearfix {
    display: inline-block !important;
    width: 100%;
}


#ui-datepicker-div {
    font-size: 80%;
}


.ui-autocomplete-loading {
    background: #ffffff url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.warning {
    color: #dc143c
}


.ui-effects-transfer {
    border: 1px solid #000000;
}


.procesCompra span.mandatory {
    display: none;
}

#productForm span.mandatory {
    display: none;
}

span.mandatory {
    color: #ff0000;
    font-family: monospace;
    font-size: 1.2em;
}

input.error {
    border: solid 1px #ff0000;
}

label.error {
    color: #ff0000;
    display: block;
    font-size: 80%;
}

iframe.hiddenIframe { visibility: hidden; }


.socialButtons { margin: 1em 0 1em 1em; }
.product .socialButtons { margin-top: 0; text-align: right; }

.facebook {
    width: 3em;
    padding: 1em 0;
}

.googleplus {
    padding: 1.1em 0;
    width: 2.9em;
}

.twitter {
    padding: 1.1em 0;
    width: 4.3em;
}

.facebook, .googleplus, .twitter {
    float: left;
}

.result {
    clear: both;
    color: #393a3c;
    display: block;
    font-size: 90%;
}


.paginate {
    border-top: 1px solid #ececec;
    clear: both;
    color: #393a3c;
    display: block;
    font-size: 80%;
    padding: 1em;
    text-align: center;
}

.paginate a {
}

.paginate-count {
    background-color: #ececec;
    clear: both;
    color: #393a3c;
    display: block;
    font-size: 80%;
    margin-bottom: 1em;
    padding: 0.5em;
    text-align: center;
}

.paginate-next {
    background-image: url("../images/paginate-next.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 1em;
    margin: 0 8em 0 0;
}

.paginate-previous {
    background-image: url("../images/paginate-previous.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 1em;
}

.paginate-page {
    margin: 0 6em;
}

.paginate-last {
    background-image: url("../images/paginate-next.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 1em;
    margin: 0 4em 0 0;
}

.paginate-first {
    background-image: url("../images/paginate-previous.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 1em;
    margin: 0 4em 0 0;
}


.submit:hover {
    background: none repeat scroll 0 0 #68af13;
}

.delete {
    background: none repeat scroll 0 0 #d4d4d4;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 70%;
    padding: 2px 4px;
    width: auto;
}

.delete:hover {
    background: none repeat scroll 0 0 #ff0000;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 70%;
    padding: 2px 4px;
    width: auto;
}

.compraOk {
    -moz-transition: background 0.15s linear 0s;
    background-color: #90c410;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px 14px;
    white-space: nowrap;
    border: 0 none;
    text-decoration: none;
    font-size: 1.2em;
}

.compraOk:hover {
    -moz-transition: background 0.15s linear 0s;
    background-color: #71a027;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px 14px;
    white-space: nowrap;
    border: 0 none;
}

.seguir {
    -moz-transition: background 0.15s linear 0s;
    background-color: #d4d4d4;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px 14px;
    white-space: nowrap;
    border: 0 none;
    text-decoration: none;
    font-size: 1.2em;
}

.seguir:hover {
    -moz-transition: background 0.15s linear 0s;
    background-color: #71a027;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px 14px;
    white-space: nowrap;
    border: 0 none;
}

.bt1, .procesCompra a.bt1 {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #dfdfdf;
    border-radius: 10px 10px 10px 10px;
    color: #666666;
    cursor: pointer;
    font-size: 90%;
    margin-bottom: 0.5em;
    padding: 2px 7px;
    text-decoration: none;
}

.bt1:hover, .procesCompra a.bt1:hover {
    border: 1px solid #999999;
    color: #666666;
    font-size: 90%;
    text-decoration: none;
}

.btBack, .procesCompra a.btBack {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 10px 10px 10px 10px;
    color: #666666;
    cursor: pointer;
    font-size: 90%;
    margin-bottom: 2em;
    padding: 2px 7px;
    text-decoration: none;
}

.btBack:hover, .procesCompra a.btBack:hover {
    border: 1px solid #999999;
    color: #666666;
    text-decoration: none;
}

.btnDelete {
    float: right;
    opacity: 0.5;
}

.btnDelete:hover {
    float: right;
    opacity: 1;
}

.btBackExceptional {
    display: none
}

.customer h1 {
    font-size: 130%;
}


#article_map {
    border: solid 1px #e1e1e1;
    height: 35em;
    margin: 0;
    padding: 0;
}


table.carrier {
    border-color: #e1e1e1;
    border-left: 5px solid #e1e1e1;
    border-right: 5px solid #e1e1e1;
    border-style: solid;
    border-width: 1px 5px;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 99%;
}

table.carrier td {
    border-bottom: 2px dotted #e1e1e1;
    font-size: 0.8em;
    padding: 0.2em 0 0.2em 1em;
}

table.carrier td.carrierPrice {
    min-width: 80px;
}


span.UNKNOWN {
}

span.PENDING, option.PENDING {
    color: #d2691e;
}

span.PREPARING, option.PREPARING {
    color: #d2691e;
}

span.SENT, option.SENT {
    color: #006400;
    font-weight: bold;
}

span.RECEIVED, option.RECEIVED {
    color: #daa520;
    font-weight: bold;
}

span.END, option.END {
    color: #daa520;
}

span.ISSUE, option.ISSUE {
    color: #dc143c;
    font-weight: bold;
}


span.UNKNOWN {
}

span.ONGOING, option.ONGOING {
    color: #d2691e;
}

span.ORDERED, option.ORDERED {
    color: #d2691e;
}

span.REJECTED, option.REJECTED {
    color: #dc143c;
    font-weight: bold;
}

span.PAID, option.PAID {
    color: #006400;
    font-weight: bold;
}

span.CANCELLED, option.CANCELLED {
    color: #dc143c;
    font-weight: bold;
}



a.sort-asc:after {
    content: ' ▲';
    font-weight: bolder;
}

a.sort-desc:after {
    content: ' ▼';
    font-weight: bolder;
}


.topPurchases h2 {
    font-weight: bold;
}
.topPurchases .imageBox {
    text-align: center;
}
.topPurchases a {
    font-size: 0.9em;
}
.topPurchases span {
    color: #ec560d;
    font-size: 0.9em;
}


#contactForm h2 {
    margin: 2em 0;
}

#contactForm label {
    display: block;
    margin: 1em 0 0;
}

#contactForm label.error {
    padding: 0;
    margin: 0.5em 0 0;
}

#contactForm input {
    display: block;
    margin: 0;
    width: 100%;
}

#contactForm textarea {
    display: block;
    margin: 0 0 1em;
}

#contactForm .ym-fbox-button button {
    background-color: #ff4500;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    cursor: pointer;
    padding: 0.5em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#contacted {
    background: url("../images/ok.png") no-repeat scroll left center transparent;
    border: 2px solid #008000;
    border-radius: 10px 10px 10px 10px;
    margin: 2em 1em 6em;
    padding: 3em 0 3em 6em;
    width: 65%;
    backgroud-color: #eef9d9;
}

.tag_ataSTORE{
    text-align: right;
}
.tag_ataSTORE a {
    color: #cccccc;
    padding: 2em 0;
}

.tag_ataSTORE a:hover {
    color: #999999;
    text-decoration: underline;
}


.divProdRelacionat {
    margin-top: 3em;
}

.prodRelacionat {
    width: 10em;
    margin: 0.5em;
    float: left;
}

.prodRelacionat img {
    width: 100%;
}

.prodRelacionat a {
    text-decoration: none;
    display: block;
    padding: 0.5em;
}

.prodRelacionat a:hover {
    text-decoration: none;
    background-color: #e1e1e1;
    display: block;
    padding: 0.5em;
}

.prodRelacionat h3 {
    padding-top: 0.5em;
}

.prodRelacionat span {
    font-weight: bold;
}

.prodRelacionat a p {
    color: #222222;
}


.baner {
    background-color: #4682b4;
    border: 0;
    box-shadow: none;
    height: 150px;
    margin-bottom: 14px;
    margin-left: 0;
    padding: 0;
    position: relative;
    border-radius: 0.5em;
    text-shadow: 0 0 0px #666666, 0 0 0 #666666, 0 1px 1px #666666, 1px 0 1px #666666;
}

.baner .opening_news_img {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.baner .opening_news_img a {
    display: block;
}

.baner .opening_news_img img {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    width: 100%;
}

.baner .opening_news_data {
    bottom: 10px;
    height: auto;
    padding-top: 0;
    position: absolute;
    text-align: left;
    width: 206px;
}

.baner .opening_news_title a, .baner .opening_news_subtitle a {
    color: #ffffff;
}

.baner .opening_news_title {
    padding: 1em 1.5em 0 0.5em;
}

.baner .opening_news_subtitle {
    padding: 0 1em;
}

.baner .opening_news_title a {
    font-size: 1.35em;
    font-weight: bold;
}

.baner .opening_news_subtitle a {
    font-size: 1em;
}


.post {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #808080;
    clear: both;
    margin-bottom: 28px;
    padding: 0.1em 0 1em;
}

.post .opening_news_img {
}

.post .opening_news_img a {
}

.post .opening_news_img img {
    width: 100%;
}

.post .opening_news_img img.flexible {
    margin-bottom: 0;
}

.post .opening_news_data {
}

.post .opening_news_title a {
    text-transform: uppercase;
    font-weight: bold;
}

.post .opening_news_subtitle a {
    line-height: 130%;
    color: #222222;
}

.post .opening_news_title {
}

.post .opening_news_subtitle {
}

.baner a, .post a {
    text-decoration: none;
}

.baner a:hover, .post a:hover {
    text-decoration: underline;
}

#sidebar .baner {
    width: 100%;height: 100%;
}

.zeroStock {
    font-weight: bold;
}



.requestDetail ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.requestDetail ul li {
    padding: 0;
    margin: 0;
}

.euro {
    text-align: right;
}

.requestView > div {
    margin-bottom: 1em;
}

.requestDetail img {
    width: 150px;
}

.productTags {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.productTags li {
    background-color: rgba(0, 0, 0, 0);
    border-right: 1px solid #393a3c;
    color: #393a3c;
    float: left;
    margin: 0.5em 0;
    padding: 0 0.5em;
    text-transform: uppercase;
}    

.flavorPrice {}
    

@media (max-width: 760px) {
    .requestDetail img {
        width: 100%;
    }
}




@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/droidsansbold.eot'); 
    src: url('../fonts/droidsansbold.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/droidsansbold.woff') format('woff'), 
    url('../fonts/droidsansbold.ttf')  format('truetype'); 
}

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

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/opensanslight.eot'); 
    src: url('../fonts/opensanslight.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/opensanslight.woff') format('woff'), 
    url('../fonts/opensanslight.ttf')  format('truetype'); 
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/opensans.eot'); 
    src: url('../fonts/opensans.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/opensans.woff') format('woff'), 
    url('../fonts/opensans.ttf')  format('truetype'); 
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/opensansextrabold.eot'); 
    src: url('../fonts/opensansextrabold.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/opensansextrabold.woff') format('woff'), 
    url('../fonts/opensansextrabold.ttf')  format('truetype'); 
}
@font-face {
    font-family: 'Lilita One';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/lilitaone.eot');
    src: url('../fonts/lilitaone.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lilitaone.woff') format('woff'),
    url('../fonts/lilitaone.ttf')  format('truetype');
}




.centreWrapper { width: 80%; }
.articleSectionWrapper { width: 0%; }

.productColumn { width: 60%; }
.galleryColumn { width: 20%; }


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family: 'Open sans',sans-serif; font-weight: normal;}
header { background-color: #ffffff; background-image: none; padding-top: 1em; font-size: 110%; }
#content {  background-color:#ffffff; }
a{text-decoration:underline;}
a:hover{}
footer { background-color:#8cc63f; color:#ffffff;}
footer { padding: 0em; font-size: 110%;}
footer a { border-right: 1px solid #757170;
    color: #757170;
    margin: 0;
    padding: 0 1em;}
footer a:hover{text-decoration:underline; color: #757170;}
.breadcrumbs { margin-top: 0; font-size: 0.85em; }
.address{ border:0; padding:1em;}
.nameStore{margin: 0 0 0 1em;}

.msgBenvinguda a{ font-family:'Droid Sans'; }
.msgBenvinguda h1{border-bottom: 0 none;}

body {background: url("../images/bgBiesold.jpg") repeat fixed center top transparent;}
#tronc {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75); border-radius: 0 0 1em 1em;}
#content { border: none; }
.sidebarWrapper{background-color: #ffffff; }
#sidebar{background-color: #ffffff; margin: 0; padding: 0;}
#sidebar li{border-bottom: 0; display: block; margin: 0; padding: 0;}
#sidebar ul{margin: 1em 0 0 0; border-top: 0;background-color: #160298;}
#sidebar li a{background-image: url("../images/arrowList.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 0 none;
    border-top: 1px solid #ffffff;
    font-size: 90%;
    font-weight: 800;
    margin: 0;
    padding: 0.25em 0 0.25em 1.65em;text-transform: uppercase;color:#ffffff;}
nav#menu{ background-color: transparent; text-align: right;}
nav#menu ul {padding: 0.3em; background-color: #160298;}
nav#menu li a{ color: #ffffff; font-size: 80%; font-weight: bold; border:0;padding:0 1em;font-family: 'droid sans',sans-serif;}
nav#menu li a:hover{padding:0 1em; border:0; text-decoration:underline;}
.separator{display:none;}
.ofertesDestBloc .box{padding:0 0.65em 1em;border-right:0;min-height: 22em;}
.msgBenvinguda{margin:0; font-size:150%;}
.breadcrumbs{background-color: #f0f0f0;}
footer{background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 6em 0 1em;}

.address {
    border: 0 none;
    font-size: 90%;
    margin: 0;
    padding: 0 1em;
    color:#757170;
}
p, li {line-height: 170%;}

.ui-widget-header { background-image: none !important; background-color: #008000 !important; }

#sidebar li a:hover{background-color: #b0a9dc; color:#222222;}

section#rightcol article p {
    line-height: 130%;
    margin: 0 0 2em;
    padding: 0.25em 0;
    font-size: 100%;
    display:none;
}

section#rightcol h3 a {
    color: #3b5998;
    font-family: 'Kreon';
    font-weight: normal;
}

.cercadorHead input{  background: none repeat scroll 0 center transparent;
    border: 1px solid #d4d4d4;
    box-shadow: none;
    padding: 0.25em;}
.cercadorHead .submit{border:0;}    
.cercadorHead .submit:hover{border:0; background:none;}     

p.rationale {
    background-color: #ffffff;
    color: #393a3c;
    font-size: 150%;
    font-style: normal;
    line-height: 125%;
    margin-bottom: 2em;
    padding: 0;
}

.topPurchases img{  width: 60px;}
.txtTopPurchases{width: 62%;}
.topPurchases ul{border-top: 1px dashed #777777;}
.topPurchases ul li{border-bottom: 1px dashed #777777;}
.topPurchases ul li span {    color: #ec560d;    font-size: 80%;    font-weight: bold;}
.topPurchases{ margin-bottom:2em;}

.separator { display: none; clear: none; }

.productBox {border-right:0;}
.productBox { height: 350px; }
.productBox a { font-size: 1.1em; }
.productBoxPrice span, .searchPrice span { color: #000000; font-size: 1.5em; }
.productBoxImg { float: none; width: 100%; overflow: hidden; }
.ofertesDestBloc .productBoxTxt { float: none; display: inline-block; }

.ofertesDestBloc .productBoxImg { max-height: 225px; height: 225px; }
.ofertesDestBloc .productBoxImg img { width: 225px; }
.ofertesDestBloc .productBoxTxt { width: 225px; }

.search .productBoxImg { max-height: 220px; height: 220px; }
.search .productBoxImg img { width: 220px; }
.search .productBoxTxt { width: 220px; }

.prodCistella .productBoxImg { max-height: 250px; height: 250px; margin-bottom: 1em; }
.prodCistellaImg { text-align: center; }
.prodCistella .productBoxImg img { width: 250px; }
.boxTxtCistella { float: none; width: 250px; }

#purchase {margin-right: 0.5em;}
.capRight {margin-right: 0.5em;}

ul li, ol li {
    font-size: 95%;
    line-height: 150%;
    padding: 0.5em 0;
}

footer ul li {
    margin: 0;
}

h1{ border-bottom: 1px solid #160298;
    color: #160298;
    font-family: 'Open sans';
    font-size: 150%;
    font-weight: 800;
    text-transform: uppercase;line-height: 125%;}
h2{ border-bottom: 1px solid #666666;
    color: #222222;
    font-family: 'Open sans';
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;}
h3{font-size: 110%;  font-weight: bold;}
h4{color:#000000;}
h5{color:#666666;}	
h6{ cursor:none; text-decoration:none;font-size: 75%;}
h6:hover{cursor:none; text-decoration:none;}
.product h1{color: #160298;}

.tag_ataSTORE a{ border-right: medium none;
    color: #cccccc;
    font-size: 0.8em;
    padding-bottom: 0;
    padding-right: 1em;
    position: relative;
    top: 10em;}
.tag_ataSTORE a:hover {text-decoration:underline;}

#firstPriceBox { display: block; width: 55%;}

section#rightcol article h3{display:none;}
.product{background-color: #f0f0f0; }
.boxPrice span{color: #333333;font-family: 'lilita one';    font-weight: normal;font-size: 147%;}

.usuariExistent, .nouUsuari{background-color: #d0cdea;}

.submit{ background: none repeat scroll 0 0 #160298;}
.submit:hover{ background: none repeat scroll 0 0 #3e3b87;}

.usuariExistent legend, .nouUsuari legend{color: #5b4fb7;font-weight: bold;}


.divProdRelacionat{ margin-top: 2em;}
.divProdRelacionat h3{ border-bottom: 1px solid #160298; color: #160298;font-family: 'Open sans';    font-size: 90%;font-weight:800;text-transform:uppercase;}
.prodRelacionat h3{ border-bottom: 0 none; font-weight: bold; text-transform: none;}
.prodRelacionat p{line-height:120%;}

.prodRelacionat a p {
    color: #222222;
    font-size: 80%;
    line-height: 140%;
}

.baner .opening_news_title a{ line-height: 100%;font-size: 1.1em;    font-weight: 800;    text-transform: uppercase;}
.baner .opening_news_subtitle a{font-size: 0.9em;}
.baner .opening_news_subtitle {padding: 0.5em 1em 0;}
strong{ font-weight:bold;}
em {    font-style: italic;}

#sidebar .baner {height: 104px; margin-left: 4px;}
#sidebar .baner{width: 100%;height: 100%;}
#sidebar .post { margin-left: 4px;}
.baner .opening_news_img img{border-radius: 0;}
.baner .opening_news_img{ border-radius: 0.5em 0.5em 0.5em 0.5em;}
section#rightcol{font-size: 90%; display:none;}

.baner{background-color: #160298;    height: 104px;}
.tableListMode .type3{width: 6em;}
.tableListMode .type3 span{font-size: 120%; font-weight: 800;}
.tableListMode .type4 {    width: 9em;}
.tableListMode td {    border-bottom: 1px dashed #999999;    padding: 0 1em 1em;}
.tableListMode .type1{font-size: 100%;}

.socialIcons { margin: 0 20em 1em 0;}

.moreProducts ul { margin-top: 1em; margin-right: 1em; max-height: 14em; overflow-y: scroll; }

#productForm-up select{width: 100%;}

.product h3{ font-size: 125%; padding: 0.25em 0; line-height: 150%;}



.login form{background-color: rgba(0, 0, 0, 0); border: 0 none; box-shadow: none;}
.ym-form .ym-fbox-footer{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-top: 0 none;}
.ym-form input, .ym-form textarea, .ym-form select{font-family: 'Open sans';}



.productBoxPrice, .searchPrice, .totalPrice, .amount, .vat{display:none;}

.prodRelacionat span{display:none;}	
.prodRelacionat{min-height: 16em;}

.carousel div.slide p {    line-height: 130%;}

.slide_title {
    font-size: 1.25em;
    padding-left: 10%;
}
.opening_big post{background-color: #f0f0f0;
    border: 1px solid #cccccc;}

.post .opening_news_data {
    padding: 0 0 0 0.5em;
}
.post{border:0;}
.carousel div.slide p.slide_title {font-size: 150%; font-weight: bold;padding-top: 0.5em;}
.carousel div.slide p.slide_text {padding-top:1em; }
@media (max-width: 760px) {
    .carousel div.slide p.slide_title {
        font-size: 1.3vh;
    }

    .carousel div.slide p.slide_text {
        font-size: 1vh;
        padding-top: 2.7em;
    }
}

.address{display:none;}
.targetes {
    float: left;
    text-align: center;
    width: 20em;
}

.flavorPrice {
    display: none;
}