/* === SKIN /_skins/website */

/* elementy */
html {
  font:  /* 12px id:* */ 75%/1.5 "PT Sans", Arial, sans-serif;
  color: #546065;
  background: #ffffff;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  text-align: center;
  min-width: 980px;
}


h1 {
  font-size:  /* 26px */ 216.67%;
  width: 231px; height: 76px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 231px; height: 76px;
  background: url("/__imgthumb/web/400-492/3840-3840/c787-logo.png") no-repeat;
  cursor: pointer;
}

#content h1 {
  position: static;
  width: auto; height: auto;
}
#content h1, h2, h3, h4, h5, h6 {
  margin: .2em 0;
  font: normal bold  /* 25px */ 208.33%/1.4 "PT Sans", Arial, sans-serif;
  color: black;
}
h2 { font-size:  /* 30px */ 250%; color: #0086DD; margin-top: .4em; margin-bottom: .4em;}
h3 { font-size:  /* 20px */ 166.67%; color: #0086DD; }
h4 { font-size:  /* 16px */ 133.33%; color: #0086DD; }
h5 { font-size:  /* 13px */ 108.33%; }
h6 { font-size:  /* 12px */ 100%; }

ul, ol, dl, p, .p, address, fieldset, .gallery, .fileList, .product, .MessageQueue, .pagging { margin: 0 0 1em; }

.MessageQueue * { vertical-align: middle; border: 0; }

ul, ol { padding-left: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 .5em 0; }
li { margin-left: 25px; }
li img {border: 0 !important;}

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: #c6c6c5;
  background-color: #c6c6c5;
  border: 0px solid #c6c6c5;
  margin: 0;

  margin: .66em 0;

clear: both;
}

sub, sup {
  vertical-align: baseline;
  position: relative;
}
sub { top:    0.4em; }
sup { bottom: 0.4em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 1.5em; }

img { border: 0; vertical-align: middle; }
#content img { margin: .25em 10px; border: 1px solid #0086DD; }
#file img, #content .fileList img { border: none; margin: 0; }

/* tabulky */
table {
  margin: 1em 0;
  border-collapse: collapse;
}
td, th { padding: 2px; }
th {
  background: #d9ebf6;
  color: #546065;
  font-weight: bold;
}
tr td, tr th { border: 1px solid #0086DD; }
table#file {
  width: 100%;
  border-bottom: 1px solid #0086DD;
  margin-top: 35px;
}
#file td, #file th {
  border: none;
  vertical-align: top;
}
#file .img { width: 220px; }
#file .ico { width: 84px; }

.no-border, .no-border * { border: none !important; }

table.cart, table.productDetail, table.orders {
  width: 100%;
}

table.cart th, table.cart td {
  border: 0;
  border-bottom: 1px solid #ff7f29;
}
table.cart img { margin: 2px !important; }
table.cart input.text { width: 2.22em; }


.productDetail {  table-layout: fixed; }
.productDetail td, .productDetail th {
  border: 0;
  background: none;
  padding: 2px 0;
  vertical-align: top;
}
.productDetail th {
  text-align: right;
  padding-right: 10px;
  width: 120px;
}
.productDetail .mainImage {
  width: 210px;
  text-align: right;
}
.productDetail .mainImage img { margin: 0 !important; }


/* formuláře */
form { margin: 0; }
fieldset {
  padding: 0;
  border: 0;
}
fieldset, .checkbox { line-height: 32px; }
fieldset p, filedset table, fieldset hr { margin: 0 0 1em; }

legend {
  padding: 0 5px;
  font-weight: bold;
  color: black;
}

/**
 * Vertikální centrování textu v input.text, select
 *   FF      padding, height musí být rovno font-size*1,25, dorovnat paddingem
 *           na požadovanou výšku
 *   IE      line-height nastavit stejně jako height
 *   Opera   jestli nesedí, hodit si tak akorát mašli :)
 */
input, select, textarea {
  font: 13px/1.25 "PT Sans", Arial, sans-serif;
  vertical-align: middle;
}

input.text, textarea, select, input.file {
  margin: 2px 0;
  padding: 4px;
  width: 300px; height: 18px;
  border: 1px solid #0086DD;
  background: #d9ebf6;
  color: black;
  /*text-shadow: 0 0 3px rgba(0,0,0,.25);*/
}
select, input.file {
  padding: 3px 0 3px 4px; /* vycentruje obsah ve ff */
  width: 310px; height: 28px; /* border/padding se do rozměrů nepočítá */
}
textarea { height: 150px; }

/**
 * Vertikální centrování textu v input.button
 *   vše       do výšky se nepočítá padding, ani border (stejně u selectu)
 *   FF+Opera  vyrovnat text (+-1px vzájemně) pomocí padding
 *   IE        dorovnat pomocí line-height (ovlivní vše, ale IE nejvíc)
 */
input.button , a.button{
  width: 0; /* pouze pro IE */
  overflow: visible;
  height: 28px;
  padding: 0 .5em;

  padding-bottom: 2px;

  cursor: pointer;

  width: auto;

  border: 0;
  background: #258fca;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 3px rgba(0,0,0,.25);
  line-height: 28px; /* vycentruje value pro ostatní */
}
input.button:hover { background: #005d91; }
.buttons {
  text-align: center;
  margin: 1em 0;
}

a.textButton {
  display: block;
  float: right;
  background: #53AE02 url("/__imgthumb/web/441-512/3840-3840/a6a2-arrow-green-bg.gif") 13px 50% no-repeat;
  text-shadow: 0 0 3px rgba(0,0,0,.25);
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size:  /* 12px */ 100%;
}
a.textButton:hover { color: white; }
a.textButton span { display: block; }
a.textButton span.corner-bl {
  padding: 5px 13px 5px 25px;
  background: url("/__imgthumb/web/442-532/3840-3840/e2ae-corner-green-bl.gif") 0 100% no-repeat;
}
a.textButton span.corner-br {
  background: url("/__imgthumb/web/443-536/3840-3840/66fb-corner-green-br.gif") 100% 100% no-repeat;
}

label {
  display: block;
  float: left;
  clear: left;
  width: 170px;
  overflow: hidden;
  margin: 0 10px 0 0;
  text-align: right;
  vertical-align: middle;
}


div.safety-code {
  padding-top: .5em;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 35px;
}
div.safety-code img {
  margin: 0 !important;
  vertical-align: middle;
  border: 0 !important;
}
div.safety-code input {
  width: 177px;
  vertical-align: middle;
}

dl dt {
    display: block;
    float: left;
    width: 150px;
}

dl dd {
    display: block;
    margin-bottom: 2px;
    margin-left: 160px;
}

.infohelp {
  margin-left: 180px;
  text-indent: 0;
  font-style: italic;
  line-height: 1.4;
}


#searchBox { margin-top: 1em; }
#searchBox input.text {
  width: 300px;
  margin: 0;
  vertical-align: bottom;
}
#searchBox input.button {
  margin: 0;
  vertical-align: bottom;
}

#newsletter {
  width: 300px;
  overflow: hidden;
  float: left;
  margin: 1em 0;
  padding: 10px 0 0;
  background: #52ac02 url("/__imgthumb/web/452-540/3840-3840/0fa3-back-newsletter.png") 0 0 no-repeat;
  color: white;
  font-size:  /* 13px id:newsletter */ 108.33%;
}
#newsletter fieldset {
  margin: 0;
  padding: 0 15px 15px;
  line-height: 1.5em;
  background: url("/__imgthumb/web/453-552/3840-3840/abd3-back-newsletter-fieldset.png") 0 100% no-repeat;
}
#newsletter legend {
  background: url("/__imgthumb/web/454-544/3840-3840/4f46-icon-newsletter.gif") 0 70% no-repeat;
  padding: 0 0 0 33px;
  margin: 0;
 
  font-size:  /* 23px rel:newsletter */ 176.92%;
  color: white;
  text-shadow: 0 0 3px rgba(0,0,0,.25);
}
#newsletter p {
  padding: .75em 0;
  margin: 0;
}
#newsletter input {
  font-size: 11px;
}
#newsletter input.text {
  width: 171px; height: 15px;
  border: 0;
  margin: 0;
  padding: 7px 6px 8px;
  background: white url("/__imgthumb/web/455-445/3840-3840/54f3-input-text-newsletter.png") 0 0 no-repeat;
  float: left;
}
#newsletter input.button {
  float: right;
  width: 77px; height: 30px;
  line-height: 30px;
  padding: 0 0 2px 14px;
 
  margin: 0;
  background: #76ab44 url("/__imgthumb/web/456-548/3840-3840/aaad-button-newsletter.png") 0 0 no-repeat;
}

#newsletter input.button:hover {
  color: #ccc;
}

#login fieldset   { padding: 0; }
#login input.text { width: 100px; }
#login label      { width: 120px; }
#login .button {
  float: right;
  margin: 3px 2px 0;
}

#layoutSearch {
  margin: 5px 0;
  width: 235px;
  float: right;
}
#layoutSearch fieldset {
  padding: 0;
  margin: 0;
  height: 30px;
  line-height: 30px;
}
#layoutSearch input.text {
  padding: 6px;
  margin: 0;
  border: 0;
  width: 180px;
  vertical-align: top;
  background: #005d91;
  color: white;
}
#layoutSearch input.button {
  width: 30px; height: 30px;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.product input.text { width: 2.22em; }
.product input.button { margin: 0; }

.productBuy input.text { width: 40px; }
.productBuy select     { width: 48px; }
.productBuy input.button { margin: 0; width: 5em; }

.currenciesForm fieldset { text-align: right; }
.currenciesForm label { display: inline; float: none; }
.currenciesForm select { width: 48px; }
.currenciesForm input.button { margin: 0; }

.sortForm fieldset {
  margin-bottom: 0;
  padding: .2em 0 .5em;
  border-top: 1px solid #cbcbcb;
  text-align: center;
  vertical-align: middle;
  font-size: 92.31%;
}
.sortForm input.text, .sortForm select { font-size: 12px; }
.sortForm input.button {
  margin: 0;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}
.sortForm label {
  display: inline;
  width: auto;
  float: none;
  margin: 0; 
}
.sortForm .checkbox {
  margin: 0 .75em 0 .33em;
} 

.pagging {
  border-top: 1px solid #cbcbcb;
  padding-top: 0.2em;
  overflow: auto;
  color: #605d5c;
  line-height: 28px;
}
.pagging div { float: left; }
.pagging form { float: right; }
.pagging fieldset {
  margin: 0;
  width: auto;
  text-align: right;
}
.pagging label {
  float: none;
  display: inline;
}
.pagging .perPageForm select { width: 48px; }
.pagging .perPageForm input.button { margin: 0; }

/* # id */
#headerInner, #subheaderInner, #pageInner, #footerInner { /* lot of divs fot similar look with/without images */
  width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
#header, #headerInner { overflow: visible; }
#header {
  padding: 25px 0 55px;
  border-bottom: 1px solid black;
  margin-bottom: 5px;
  background: url("/__imgthumb/web/399-293/3840-3840/57df-gradient-blue-white.png") 0 0 repeat-x;
}
#subheader, #footer {
  background: #0086DD;
  color: white;
  overflow: hidden;
}
#subheader { border-bottom: 1px solid white; }
#headerPlaceholder {
  display: block;
  height: 4px;
}
#headerImagePlaceholder, #footerImagePlaceholder, #footerImagePlaceholder span {
  display: block;
  width: 100%; height: 437px;
  background: #d9ebf6 url("/__imgthumb/web/401-496/3840-3840/66f6-header-image.jpg") 50% 0 no-repeat;
  border-bottom: 1px solid white;
}
#footerImagePlaceholder {
  margin-top: -75px;
  background: white url("/__imgthumb/web/411-325/3840-3840/0f18-gradient-white-blue.png") 0 100% repeat-x;
}
#footerImagePlaceholder span {
  border: 0;
  background: transparent url("/__imgthumb/web/410-396/3840-3840/f39c-footer-image.jpg") 50% 100% no-repeat;
}

#page {
  border-top: 9px solid #53AE02;
  background: url("/__imgthumb/web/399-293/3840-3840/57df-gradient-blue-white.png") 0 0px repeat-x;/*pridat 1px az bude spraven vodoznak */
}
#footerInner {
  padding: 1em 0;
  font-size:  /* 14px */ 116.67%;
}

#save {
  position: absolute;
  top: -15px; right: 150px;
  margin: 0;
  text-align: right;
  color: black;
  font:  /* 12px id:save */ 100%/1.7 "PT Sans Narrow", Arial, sans-serif;
  vertical-align: bottom;
}
#save strong {
  font: bold  /* 15px rel:save */ 125%/1.7 "PT Sans", Arial, sans-serif; 
  color: #0086DD;
  position: relative;
  top: 1px;
}
#save a {
  padding-top: 7px;
}

#loginButton {
  position: absolute;
  top: -25px; right: 0;
}
#loginButton a {
  font-size:  /* 12px */ 100%;
  font-weight: bold;
}

#loginButton a:hover {
  color: #ccc;
}


#sideCol {
  width: 300px;
  overflow: hidden;
  margin: 0;
  float: left;
}
#content {
  width: 680px;
  min-height: 275px;
  background: url("/__imgthumb/web/444-425/3840-3840/9841-back-content.png") 100% 0 no-repeat;
  overflow: hidden;
  float: left;
}
#contentInner { 
  padding: 0 20px; 
  font-size:  /* 14px id:content */ 116.67%;
}

#contentInner form { 
  font-size:  /* 12px rel:content */ 85.71%;
}

#language { display: none; }
#langswitch {
    position: absolute;
    right: 0;
    text-align: right;
    top: 16px;
    width: 116px;
}
#currentPage {
  padding: 5px 0;
  margin: 0;
  text-indent: 0;
  width: 705px;
  float: left;
  font-size:  /* 14px id:current_page */ 116.67%;
  line-height: 29px;
  text-shadow: 0 0 3px rgba(0,0,0,.25);
}
#currentPage span {
  /*font-family: "PT Sans Narrow", Arial, sans-serif;*/
  font-weight: bold;
}
#currentPage img { vertical-align: middle; padding-bottom: 1px;}
#currentPage a {
  text-transform: uppercase;
  font-size:  /* 11px rel:current_page */ 78.57%;
  text-decoration: none;
  color: white;
}
#currentPage a:hover {
  text-decoration: underline;
}
#currentPage a.active { font-size:  /* 12px */ 100%; }

#phone, #mail{
  padding: 4px 15px 7px 50px;
  margin: 0;
  color: white;
  text-shadow: 0 0 3px rgba(0,0,0,.25);
}
#phone a, #mail a{
  color: white;
  text-decoration: none;
}
#phone a:hover, #mail a:hover{
  color: white;
  text-decoration: underline;
}

#phone {
background: #53AE02 url("/__imgthumb/web/403-305/3840-3840/af23-icon-phone.png") 17px 50% no-repeat;
  font-size:  /* 24px */ 200%;
padding-bottom: 0;
}
#mail {
padding-top: 0;
background: #53AE02 url("/__imgthumb/web/454-544/3840-3840/4f46-icon-newsletter.gif") 17px 40% no-repeat;
font-size:  /* 20px */ 166.67%;
}

/* Hlavní menu */
#menuWrap {
  width: 950px;
  position: absolute;
  bottom: -55px; right: 0;
  padding-right: 10px;
  font-size:  /* 12px */ 100%;
  z-index:1000;
}
#menu {
  float: right;
  margin: 0;
  background: white; /* without this ie7 ignores the block display of anchors */
}
#menu li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  position: relative;
  top: 2px;
}
#menu li a {
  display: block;
  color: black;
  text-decoration: none;
  padding: 0 0 11px;
  text-transform: uppercase;
}
#menu li a:hover, #menu li a.hover, #menu li a.active {
  color: #53AE02;
  padding: 0 0 8px;
}
#menu li a.active { font-weight: bold;   border-bottom: 3px solid #53AE02;}

/* 2. úroveň */
#menu ul {
  display: none;
  width: 135px;
  position: absolute;
  top: 100%; left: 10px;
  background: #53AE02;
  z-index: 10;
  padding: 12px 10px 0;
  
}
#menu ul li {
  float: none;
  position: static;
  margin: 0;
  padding: 0;
  border-top: 1px solid #a1cf74;
}
#menu ul li.first { border: 0; }
#menu ul li a {
  text-transform: none;
  background: url("/__imgthumb/web/433-500/3840-3840/b799-arrow.gif") 0 50% no-repeat;
  color: white;
  padding: 3px 0 3px 17px;
}
#menu ul li a:hover, #menu ul li a.active {
  text-decoration: underline;
  color: white;
  padding: 3px 0 3px 17px;
  border: 0;
}
#menu ul li a.active { font-weight: bold; text-decoration: none; }
.closer {
  position: absolute;
  top: 100%; left: 0;
  display: block;
  width: 155px; height: 9px;
  background: url("/__imgthumb/web/434-504/3840-3840/5541-back-submenu.png") 0 0 no-repeat;
}

/* Taby */
#tabs {
  background: #d9ebf6 url("/__imgthumb/web/404-309/3840-3840/d72b-back-sidecol.gif") 0 100% no-repeat;
  padding: 20px;
}
#tabs .ui-tabs-panel {
  clear: both;
  background: white;
  padding: 5px 20px 1px;
}
#tabs .ui-tabs-panel a {
  font-size:  /* 12px */ 100%;
  font-weight: bold;
}

.ui-tabs-nav {
  background: #d9ebf6;
  width: 261px;
  margin: 0 -1px 0 0;
  overflow: hidden;
}
.ui-tabs-nav li {
  width: 86px;
  text-align: center;
  list-style: none;
  float: left;
  padding: 0;
  margin: 0 1px 0 0;
}
.ui-tabs-nav li a {
  display: block;
  padding: 5px 0;
  background: #0086DD;
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
.ui-tabs-nav li a:hover {
  background: #60aedb;
}
.ui-tabs-nav li.ui-state-active a {
  background: white;
  color: #0086DD;
}
.ui-tabs-hide { display: none; }


/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
}
.clear { clear: both; }

.no-show {
  position: absolute;
  top: auto;
  left: -10000px;
}
.no-margin { margin: 0 !important; }
.no-indent { text-indent: 0; }

.wysiwyg-left img,  img.left  { margin-left:  0 !important; float: left; }
.wysiwyg-right img, img.right { margin-right: 0 !important; float: right; }

.center { text-align: center !important; text-indent: 0; }
.right  { text-align: right  !important; text-indent: 0; }

.upward {
  position: absolute;
  top: auto; right: 0;
  font-weight: bold;
  text-transform: uppercase;
}

.product {}
.product h4 {}

.basicPrice {}
.taxedPrice {}
.inAction {}

.news {
  position: relative;
  margin-top: 1em;
  padding-right: 6.5em;
}
.urgent { text-transform: uppercase; }
.signature {
  text-indent: 0;
  text-align: right;
  font-weight: bold;
}
.newsDate {
  position: absolute;
  top: 0;
  right: 0;
 
  width: 6em;
  overflow: hidden;
  text-align: right;
}

.perex { font-style: italic; }

.record {
  margin: 0 0 .5em;
  background: #e9f4fa;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.record h4 {
  display: block;
  text-decoration: none;
  color: #007cc1;
  padding: 7px 20px;
  margin: 0;
  background: #d9ebf6;
  cursor: pointer;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}
.record h4:hover, h4.active {
  background: #007cc1;
  color: white;
}
.record h4:hover { background: #60aedb; }
.recordDetail {
  padding: 10px 20px;
}



.gallery { overflow: auto; }
.gallery img { margin: 0 0 5px !important; }
.gallery div {
  float: left;
  width: 150px;     /* vedle sebe musí být sudý počet, jinak to floatuje blbě :) */
  overflow: hidden;
  padding: 1em 5px;
  text-align: center;
}
.gallery div.wide { width: 310px; }

.pagetop {
  font-size:  /* 14px */ 116.67%;
  /*line-height: 1.3;*/
  /*font-variant: small-caps; */
}

.pagetop p {
  margin-bottom: .7em;
}

/* kalulator  */
#calc {
  margin: 8px 0;
  height: 630px;
  width: 640px;
  overflow: hidden;
}

#calc .tabContent {
  padding: 10px 10px 0 10px;
  overflow: auto;
  text-align: left;
}

#calc .taby {
	background-color: #cccccc;
  margin-left: 8px;
  z-index: 100;
  position: relative;
}

#calc .taby a {
  display: block;
  padding: 5px 12px 3px;
  background-color: #53AE02;
  color: white;
  float: left;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 92.857%;
  margin-left: 1px;
  border: 1px solid #53AE02;
  border-bottom: 0 !important;
  margin-bottom: 1px;
}
#calc .taby a:hover {
  background-color: #0086DD;
  border-color: #0086DD !important;
}
#calc .taby a.active {
  /*background-color: #0086DD;*/
  background-color: #D9EBF6;
  color: #546065;
  border: 1px solid #0086DD;
  margin-top:0;
}

#calc #tabFormsOutter {
  position: relative;
  clear: both;
  top: -2px;
  z-index: 10;
  border: 1px solid #0086DD;
  background-color: #D9EBF6;
}

#calc #tabFormsOutter .tabContent {
  display: none;
  width: 618px;
  height: 570px;
}
#calc #tabFormsOutter .form {
  height: 230px;
}
#calc #tabFormsOutter .form table { margin-left: auto; margin-right:auto;}
#calc #tabFormsOutter .form table, #calc #tabFormsOutter .form table td, #calc #tabFormsOutter .form th {border-width: 0;}
#calc #tabFormsOutter .form table th { width: 140px; font-size:  /* 14px */ 116.67%; font-weight: normal; padding: 5px 10px;}
#calc #tabFormsOutter .form table th.mandatory {color: #c20000; }
#calc #tabFormsOutter .form table p.mandatory {color: #c20000; padding: 10px 0; }
#calc .invalid { color: #c20000; }
#calc .sent { font-weight: bold; font-size: 150%; }
#calc #tabFormsOutter .form table td { text-align: left;}
#calc #tabFormsOutter form .form input {
  padding-left: 4px;
  width: 419px; 
  border: 1px solid #0086DD;
  height: 20px;
  
}
#calc #tabFormsOutter form .form input.left {text-align: left;}
#calc #tabFormsOutter form .form select {
  background-color: white; 
  width: 425px; 
  height: 24px; 
  padding: 2px; 
}
#calc #tabFormsOutter form .form textarea {
  background-color: white;
  width: 415px;
  height: 90px;
}
#calc #tabFormsOutter form .form input.button {
  font-size:  /* 18px */ 150%; 
  font-weight: normal; 
  margin-top: 10px; 
  margin-left: 0;
  height: 40px;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

#calc .help {
  margin: 15px;
 
}

#calc .help-images {
  text-align: center;
  width: 250px;
  margin-left: 10px;
  float: right;
  padding_right: 10px;
}

#calc .help-images a {
  margin-left: 5px;
  margin-bottom: 5px;
}

#calc .help-images a.first {
  margin-left: 15px;
}

#calc .help-note {
  text-align: center;
  font-size: 90%;
  margin-top: 5px;
}

#calc p {margin-left: 15px;}

#calc table p {margin-left: 0; padding: 5px 0 0;}

#calc .result {margin: 0px 15px 15px 15px; height: 237px;  overflow: auto; border: 1px solid #0086DD; background-color: white;}
#calc .result table {width: 100%; margin: 0}
#calc .result table th {text-align: center; color: #ffffff; background-color: #0086DD;}
#calc .result table td {text-align: center;}
#calc .result table tr td {background-color: #ffffff; color: black;}
#calc .result table tr.even td {background-color: #eaeaea;}

#calc a.req {float: right; margin-right: 15px; text-decoration: none;}

/* end kalkulator */


.fileList {
  clear: both;
  padding: 1em 0 0;
  border-top: 1px solid #0086DD;
}
.fileList div { clear: left; }

.href-pic {
  float: left;
  display: block;
  width: 40px;
  height: 2.8em;
  margin: 0 0 .5em 0;
 
  line-height: 2.8em;
  text-align: center;
  text-decoration: none !important ;
}
.href-pic img {
  vertical-align: middle;
  border: none;
}

/* odkazy */
a { color: #0086DD; }
a:hover { color: black; text-decoration: none; }

.print a {
  text-decoration: none;
  color: black;
  font:  /* 14px */ 116.67%/1.5 "PT Sans Narrow", Arial, sans-serif;
}
.print a:hover { color: #0086DD; }
.print a img { padding-left: 5px; }

#footer a { color: white; }

.left {float:left}

.kontakt {
float:left;
clear:both;
width: 100%;
margin-bottom: .5em;
}

.pagetop div.left {
width: 400px;
}

.newsletterResult {
padding-bottom: 0.75em;
clear: both;
font-weight: bold;
}

.thickbox {
text-decoration: none;
}

.client .gallery div {
padding: 1em 0px;
}

.recordShowAll, .recordHideAll {
float: right;
}

.recordShowAll a, .recordHideAll a {
text-transform: uppercase;
text-decoration: none; 
font-weight: bold;
}

.imgNoMargin img {
margin: 0 !important;
}

.input-text {margin-top: 25px;}
.button{ margin: 0 0 0 180px;}

.toprecord {
  float: left;
  height: 120px;
}

.left-contact {
  margin-top: 15px;
  padding: 20px;
  background: #d9ebf6;
  border-radius: 10px;
}

.left-contact form {
  background: white;
  padding: 10px;
}

.left-contact label {
   text-align: left;
}

.left-contact select {
  width: 240px;
}

.left-contact input.text,
.left-contact textarea {
  width: 230px;
}

.left-contact h3 {
  margin-top: 0;
}

.left-contact p {
  margin: 0;
  line-height: 1.4; 
}

.left-contact .buttons {
  margin-bottom: -10px;
}

#page.noSideCol #sideCol {
  display: none;
}

#page.noSideCol #content {
  width: 980px;
}

#gplus, #fb, #kariera, .social {
  padding: 15px 20px 0 20px;
  margin: 0;
  background: #d9ebf6;
  display: block;
}

.shortcuts {
  width: 100%;
  height: 120px;
  padding-bottom: 20px;
  float: left;
}

.shortcuts a {
  display: block;
  width: 118px;
  height: 60px;
  margin-right: 10px;
  background-color: #53AE02;
  float: left;  
  padding: 30px 5px 30px 80px;
  vertical-align: middle;
  color: white;
  text-decoration: none;
  font-size: 20px;
}

.shortcuts a.calc {
  background: #53AE02 url('/__imgthumb/web/837613-2081/80-80/b295-icon_kalkulator.png') 0 20px no-repeat;
}

.shortcuts a.service {
  background: #0086DD url('/__imgthumb/web/837616-2089/80-80/cf32-icon_sluzby.png') 0 20px no-repeat;
  padding-top: 45px;
  height: 45px;
}

.shortcuts a.earn {
  background: #53AE02 url('/__imgthumb/web/837614-2085/80-80/59f2-icon_money.png') 0 20px no-repeat;
}

.social {
  vertical-align: middle;
  font-size: 120%;
  line-height: 100%;
}

.social a {
  color: black;
  text-decoration: none;
}

.social a.social-icon, .social-icon {
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('/__imgthumb/web/915881-2193/222-259/44e6-icons.png');
  color: transparent !important;
  font-size: 5px;
  overflow: hidden;
}

.social-icon:hover {
  color: transparent !important;
}

.social-icon.icon-gplus {
  background-position: -2px -2px;
}

.social-icon.icon-linkedin {
  background-position: -113px -2px;
}

.social-icon.icon-youtube {
  background-position: -113px -187px;
}

.social-icon.icon-fb {
  background-position: -113px -113px;
}
/* === */