/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*                                                                                                                           */
/*                                                 2007 Skvely.CZ, s.r.o.                                                  */
/*                                                                                                                           */
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 9pt;
  color: #888;
  line-height: 1.2;
}

hr { display: none; }

p, form, img { margin: 0; padding: 0; }

input {
  background: #e6e6e6;
  border: 1px solid #ce8e8b;
  padding: .2em .5em;
}

input.submit {
  background:#fff;
  color: #222;
}

p { line-height: 1.6; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; line-height: 1.2; }

ol, ul {
  margin-top: 0;
}

ul li, ol li {
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  padding-top: .2em;
}

h1 {
  font-size: 14pt;
}

h2 {
  font-size: 12pt;
}

h3 {
  font-size: 10pt;
}

h4 {
  font-size: 10pt;
  color: #a82822;
}


span {
  font-size: 8pt;
}

table th {
  text-align: right;
}

table td {
  text-align: left;
}

a:link, a, a:hover, a:visited {
  color: #a82822;
  text-decoration: underline;
  font-size: 8pt;
}

.clearfix:after {
  content: ".";
  display: block !important;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: block !important;}

/* ie win hack ~ height acts like min-height \*/
* html .clearfix {height: 1%;}
/* end comment required */

/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   W E B U  */
* {
  padding:0;
  margin:0px auto;
  font-size: 8pt;
  line-height: 1.6;
}

.edit-buttons{overflow:hidden;margin-bottom:10px;width:100%;text-align:left;}
.separate{display:block;clear:both;visibility:hidden;margin:0px 0px;padding:0px 0px;height:1px;border:none;}

#paticka #loading{
 position:fixed;
 top:200px;
 left:50%;
 text-align:center;
 padding:5px 0;
 margin-left:-125px;
 z-index:500;
 width:250px;
 border:2px solid #000;
 background-color:#ccc;
 color:#c00;
 font-family: "Verdana", "Arial", "Helvetica", sans-serif;
 font-size:9pt;
}

option{padding-right:5px;}
body#body{
  background: url(../images/body.png) repeat-x top #f6ee15;
  padding:0;
}
body#body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  color: #333;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   O D K A Z U  */
a,a:visited,a:link {
  color:  #333;
  text-decoration:underline;
}
a:hover {
  color: #333;
  text-decoration:none;
}
#obsah a.aktivni{text-decoration:none;}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   N A D P I S U  */
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
h1, h2, h3, h4 {
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  padding-top: .2em;
}
h1 {
  font-size: 18pt;
}
#hlavni h1, #hlavni .h1like {
  margin:5px auto;
  padding: 0;
  font-size: 15pt;
  line-height:25px;
  letter-spacing: 1px;
  color:#bf0b0e;
}
#hlavni .h1like {display:block; font-family: 'Trebuchet MS', 'Verdana', sans-serif; padding-top: .2em;}
#hlavni h2 {
  margin:5px auto;
  padding: 3px 10px;
  font-size: 12pt;
  background:#bf0b0e;
  color:white;
}
#hlavni h2.likeh3 {background:none}
#hlavni h3, #hlavni h2.likeh3 {
  margin:5px auto;
  padding: 0;
  font-size: 12pt;
  color:#bf0b0e;
}
#hlavni .nahled-zbozi strong.productnamegrid {display:block; text-align:center}
#hlavni .nahled-zbozi strong.productnamegrid a {color:#c00}
.nofloat{clear:both}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   F O R M U L A R E  */
#hlavni input{
  margin:2px;
  padding: 0.2em 0.5em;
  border: 2px inset #fff;
  background: #fff;
}
#hlavni input.tlacitko {
  background: #f6ee15;
  color: #222;
  font-weight:bold;
  border: 2px outset white;
  cursor:pointer;
}
#hlavni input.tlacitko-red{
  background:#f63a15;
  color:white;
}
#hlavni input.tlacitko:hover{
  border: 2px inset white;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   O B R A Z K U  */
#hlavni img{
  border:0;
}
.img-left{
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}
.img-right{
  display: block;
  float: right;
  margin: 0 0 0 5px;
}
.img-center{
  display: block;
  margin: 0px auto;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  C A R A  */
#hlavni hr {
  clear:both;
  display:none;
}
#hlavni li{
  margin-left:20px;
}
#hlavni p, #hlavni ul,#hlavni #obsah div{
  /*margin:10px 0;*/
  margin:0 0 15px 0;
}

/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   O K R A J E  */
#okraj-levy,#okraj-pravy{
  position: absolute;
  top: 56px;
  height:149px;
  width:64px;
}
#okraj-levy{
  left: 0px;
  background:url(../images/body-left.gif) no-repeat left top;
}
#okraj-pravy{
  right: 0px;
  background:url(../images/body-right.gif) no-repeat right top;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   O B A L   */
#hlavni{
 position:relative;
  width:892px;
  margin:0 auto;
  padding:0px;
  text-align: left;
  line-height: 22px;
  font-size:16px;
  background:url(../images/hlavni.jpg) repeat-y left white;
}
#hlavni img{
  border:0;
}/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   M E N U   H L A V N I   */
#menu-hlavni{
  height:54px;
  margin:0 9px;
  background:url(../images/menu-hlavni.gif) repeat-x bottom;
}
#menu-hlavni ul{
  list-style:none;
  margin:0 0 0 20px;
  padding:0;
}
#menu-hlavni li{
  float:left;
  margin:0 auto;
  padding:0;
}
#menu-hlavni li a{
  display:block;
  padding:15px 40px 0px 10px;
  font-weight:bold;
  font-size:10pt;
  text-align:center;
  text-transform:uppercase;
  border-left:2px solid #333;
}
#menu-hlavni li a:hover{
  text-decoration:none;
}
#menu-hlavni li a.aktivni{
  text-decoration:underline;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   H L A V A   */
#hlava {
  margin:0 auto;
  padding:0px 0 0 0px;
  height:153px;
  background:url(../images/h1.jpg) no-repeat;
}
#hlava a {
  height:153px;
  display:block;
  border:0;
}
#hlava span{
  display:none;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   H L A V N I   M E N U   */
#menu-nabidka{
  margin:0 9px;
  padding:3px 10px;
  background:#e9090a;
  width:854px;
}
#menu-nabidka a{
  padding:2px 4px;
  color:white;
  font-weight:bold;

}
#menu-nabidka a:hover{
  background:#f6ee15;
  color:#333;
}
#menu-nabidka .viskozity{float:left;width:460px;}
#menu-nabidka .fulltext{float:right;width:375px;}
#menu-nabidka label{
  color:white;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  T E L O  */
#telo{/*width:883px;*/ width:100%; padding:0 0 10px 0; background:url(../images/telo.gif) repeat-y left; overflow:hidden}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  M E N U   L E V E  */
#menu-leve{width:213px; margin:0 9px; padding:0; float:left}
#kosik em, .info em {display:block; margin:5px auto; font-size: 11pt; font-style:normal; font-weight:bold; color:#bf0b0e}
#menu-leve ul{
  margin:0;
  padding:0;
  list-style:none;
  background:#e9e8e3;
}
#menu-leve ul li{
  display:block;
  margin:0;
  padding:0;
}
#menu-leve ul li a.menu{
  display:block;
  padding:0 20px 0 45px;
  font-size:7pt;
  line-height:25px;
  font-weight:bold;
  text-transform: lowercase;
  color:#333333;
  background:url(../images/menu-leve.jpg) no-repeat left top;
}
#menu-leve ul li a.menu:hover,#menu-leve ul li a.aktivni{
  background:url(../images/menu-leve-hover.jpg) no-repeat left top;
  text-decoration:none;
}
#menu-leve ul li ul li a.menu{
  line-height:18px;
  font-size:10px;
  color:#333333;
  background:transparent;
}
#menu-leve ul li ul li a.menu:hover,#menu-leve ul li ul li a.aktivni{
  background:transparent;
  text-decoration:underline;
}
#menu-leve #kosik,#menu-leve .info{
  padding: 5px;
  margin: 10px 10px 0 10px;
  border: 2px solid #fff;
  background-color: #ddd;
}
#menu-leve .info a{
  display:block;
  text-decoration:none;
}
#menu-leve .info a:hover{
  background:#f6ee15;
}
#menu-leve #login{
  padding: 5px;
  margin: 0px 10px 0 10px;
}
#menu-leve #login label{
  display:block;
  color:white;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  O B S A H  */
#obsah{width:635px; margin:5px 20px 5px 5px; padding:0; float:right}
#hlavni #obsah div.nahled-zbozi,
#hlavni #nejprodavanejsi div.nahled-zbozi{
  padding:10px 10px;
 margin:0 10px 10px 0px;
  width:175px;
  float:left;
 background-color:#E3E2DD;
 border:2px solid #fff;
}
#hlavni #obsah div.nahled-zbozi.last,
#hlavni #nejprodavanejsi div.nahled-zbozi.last {margin-right:0px;}

#hlavni #obsah div.nahled-zbozi .image,
#hlavni #nejprodavanejsi div.nahled-zbozi .image {text-align:center;}

#obsah .nahled-zbozi img{
  border:2px solid #f6ee15;
}
#obsah .nahled-zbozi .do-kosiku {/*text-align:right;*/ padding:0; margin:0}
#obsah .nahled-zbozi .do-kosiku select {width:175px;}
#obsah .nahled-zbozi .do-kosiku .addbtn {display:block}
#obsah .nahled-zbozi .do-kosiku .addbtn input {width:auto; float:left}
#obsah .nahled-zbozi .do-kosiku .addbtn label {width:auto; padding:4px 5px 0 5px; float:left; font-size:12px}

#obsah #kontakty-menu{
  margin:0px;
  padding:0;
  list-style:none;
}
#obsah #kontakty-menu li{
  float:left;
  margin:0;
  padding:0;
}
#hlavni a.favorite {position:absolute; left:34px; top:174px;}
#obsah #kontakty-menu li a,
#hlavni a.favorite {
  display:block;
  margin:0 5px 0 0;
  padding:3px 5px;
  border:2px outset white;
  background: #f6ee15;
  text-decoration:none;
}
#obsah #kontakty-menu li a:hover,
#hlavni a.favorite:hover {
  background: #f63a15;
  border:2px inset white;
  color:white;
}
#obsah table{
  width:95%;
}
#obsah table th {
  text-align: left;
  padding: .5em .5em .2em .5em;
  background: #555;
  color: #fff;
  border-bottom: 1px solid #333;
}
#obsah table td {
  text-align: left;
  padding: 0 1em 0 .5em;
  border-bottom: 1px solid #efefef;
  line-height: 1.8em;
  vertical-align: top;
}
#obsah table td a:link, #obsah table td a:visited {
  color: #333;
}
#obsah table tr:hover {
  background-color: #ffd;
}
/* TABLE CENIK */
#obsah table#tablecenik{}
#obsah table#tablecenik th {padding: .1em .5em .1em .5em; text-align:center}
#obsah table#tablecenik td{line-height:1.2}
#obsah table#tablecenik td.tdcena {text-align:right}

table th.tdcena {width:100px}

fieldset {
 border:none;
 width:550px;
 padding:5px 0.5em;
 margin:5px 0 0 3em;
}
fieldset form {
 padding:5px 5px;
 border:2px solid #fff;
 margin-bottom:10px;
 background-color: #e9e8e3;
}
fieldset .vyrobce {
 float:left;
 width:160px;
}
fieldset .vyrobce label {
 color:#000;
 padding-left:0.5em;
}
fieldset select {
 margin-right:5px;
}
legend {
 padding:2px 0.5em;
 margin-left:2em;
 background-color:transparent;
 font-weight:800;
 color:#bf0b0e;
}

/* Produkt detail */
.productdetail {width:100%; overflow:hidden}
.productimg {width:180px; float:left}
.productcart {width:440px; float:right}


/* error success */
#obsah .error,
#obsah .success{border:1px solid #c00;border-left:none;border-right:none;background-color:#FFF9F9;padding:0.5em 0px 0.5em 20px;margin:10px 0px;}
#obsah .error li,
#obsah .success li{color:#c00;font-weight:normal;list-style-image:url(../images/bullet-red.png);list-style-position:inside;}
#obsah .success{border-color:#017F00;background-color:#ACFFAC;}
#obsah .success li{list-style-image:url(../images/bullet-green.png);color:#017F00;list-style-position:inside;}

#obsah .radio{width:auto;border:none;background:none;}
#obsah #kosik-doprava .tfoot td{text-align:left;padding: .5em .5em .2em .5em;background: #555;color: #fff;border-bottom: 1px solid #333;font-weight:800;}
#obsah #kosik-doprava .tfoot td.align-right{text-align:right;}

#obsah table.nostyle{width:auto;border:none;margin:auto auto;}
#obsah table.nostyle td{border:none;}
#obsah table.nostyle tr:hover{background:none;}

#obsah form.filters-ask,
#obsah form.filters-order{/*width:290px;*/width:340px;background-color:#E3E2DD;border:2px solid #fff;/*float:left*/}
#obsah form.filters-ask{/*margin-right:10px;*/margin:auto auto;}
#obsah form.filters-order{width:320px;}
#obsah form.filters-ask fieldset,
#obsah form.filters-order fieldset{margin:auto auto;}
#obsah form.filters-ask label,
#obsah form.filters-order label{margin:auto auto;}
#obsah form .filters{width:auto;}
#obsah form.filters-ask .filters label{display:block;/*width:100px;*/width:150px;text-align:right;float:left;position:relative;top:5px;}
#obsah form.filters-ask input{width:150px;}
#obsah form input.big{width:185px;}
#obsah form input{width:100px;}
#obsah form input.radio,
#obsah form input.big.radio,
#obsah form input.small.radio,
#obsah form#loginobjednat input.radio,
#obsah form#zadat input.radio{width:auto;}
#obsah form input.small{width:20px;}
#obsah form#loginobjednat input,
#obsah form#zadat input{width:185px;}
#obsah form.filters-ask input.radio-checkbox{width:auto;padding:0px 0px;}

#obsah #zpetdoobchodu {width:120px;}

/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  P A T I C K A  */
#paticka{
  clear:both;
  margin:0 9px;
  padding:30px 10px 10px 10px;
  border-top:2px solid white;
  background:url(../images/paticka.gif) repeat-x top #F6ED16;
}
#paticka, #paticka p, #paticka a{
  font-size:11px;
  color:#333333;
  font-weight:bold;
}
#paticka p.ikony {
 position:absolute;
 bottom:6px;
 right:35px;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  O S T A T N �  */
#hlavni table{
  margin:10px;
}
#hlavni table th {
  text-align: left;
  vertical-align: top;
  padding:4px;
}
#hlavni table td {
  text-align: left;
  vertical-align: top;
  padding:4px;
}
.odkaz-zpet{
  display:block;
  clear:both;
  text-align:left;
  margin:0 5px;
  font-size:10pt;
  line-height:10pt;
}
.errmsg,.errmsg2{
 color:#f00;
 font-weight:800;
 text-align:center;
}
.registrace-red{color:red;}
.registrace-blue{color:blue;}
.pagination{text-align:center;}
.pagination .select{font-weight:800;}

#pocet-polozek {
 float:right;
}
#razeni {
 padding-top:4px;
 float:left;
}
#razeni input.input-obrazek{
 background-color:transparent;
 border:none;
 padding:0;
 width:17px;
 height:18px;
}
#razeni label{position:relative;top:-5px;}
#razeni select{position:relative;top:-5px;}
.odkaz-vice{
 text-transform: uppercase;
 font-size:19pt;
 font-weight:900;
  display:block;
  clear:both;
  text-align:right;
  margin:0 5px;
  font-size:10pt;
  line-height:10pt;
 color:#c00;
}
p.cena{text-align:right;}
p.cena.karton{ background:#eee; padding:10px; }
div p.cena-nahled {/*text-align:right;*/ width:430px; font-size:15px; position:relative}
div p.cena-nahled strong {font-size:15px; position:absolute; left:220px}

#kos p strong,#kosik strong{
 display:block;
 text-align:right;
 padding-right:5px;
 width:95px;
 float:left;
}
#zadat strong{
 display:inline;
 float:none;
 padding:0;
}
#obsah form input.kosikpocet{width:50px;}
#obsah a img{padding:6px 10px;background:white;}
#obsah .bezpecnostni-list strong,#obsah .technicky-list strong{
 display:block;
 float:left;
 width:120px;
 text-align:right;
 color:#c00;
}
#obsah .foto-nahled{float:left;width:200px;text-align:center;}
#obsah .foto-popis{margin:5px 0px 0px 0px;}
#obsah .foto-nahled a img{border:2px solid #F6EE15;}

#menu-leve .doprava-zdarma{margin-top:10px;background:url(../images/pozadi-doprava-zdarma.png) 2px 2px no-repeat;width:192px;height:161px;padding:2px 2px;}
#obsah table th a img{padding:0px 0px;background:none;}
#obsah hr.separate{display:block;clear:both;visibility:hidden;}
#obsah .center{text-align:center;}
#obsah .center *{text-align:center;}
#obsah input.kosik_pocet,
#obsah input.kosikpocet {text-align:right;}

ul.admin-structure,
ul.admin-structure ul {list-style:none;}

#registrace-form input.user-info {
  width:185px;
}
#registrace-form label.user-info,
#zadat strong.user-info {
  float:left;
  width:115px;
}
#zadat strong.user-info {
  width:135px;
}
#loginobjednat label.user-info {
  float:left;
  width:120px;
}
#eobchod_zbozi .menu {
  list-style:none;
}
#eobchod_zbozi .menu li {
  display: inline;
  margin: 0 0;
  padding: 0 8px 0 0;
  white-space: nowrap;
}

/*SOCIALS*/
#gplusone {width:38px; height:24px; border:1px solid #fff; position:absolute; left:175px; top:175px}
#hlavni #obsah div.fblikebtn {margin:0 0 15px 0}

/*ostatni*/
.alignright {text-align:right; padding-right:10px}

/* ---- INCLUDES CSS ---- */
@import url("./ui-lightness/jquery-ui-1.8.13.custom.css");
@import url("jquery-ui-timepicker.css");
/* ---------------------- */