@import "less.less";

/* GLOBAL
------------------------------*/
* {margin:0; padding:0; outline:none; border:0;}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#f9f5f7 url(body.jpg) 50% 0 no-repeat fixed; color:@text-color; line-height:1.5em; text-align:center; padding:0; margin:0;}

/* GLOBAL
------------------------------*/
hr, .noscreen, .tohleNechci {display:none !important;}
.nobr {border:0 !important;}
.nobrt {border-top:0 !important;}
.nobrb {border-bottom:0 !important;}
.nobg {background-image:none !important;}
.nom {margin:0 !important}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.nobrr {border-right:none !important;}

.imgVlevo {float:left; margin:0 20px 10px 0; padding:4px; background-color:#fff; .border; z-index:1; clear:right;}
.imgVpravo {float:right; margin:0 0 20px 10px; padding:4px; background-color:#fff; .border; z-index:1; clear:left;}
.center {text-align:center;}

.zvyraznit {color:#F00 !important;}

input, select, textarea {font-size:12px; padding:7px; font-family:Arial, Helvetica, sans-serif; background-color:#fff; .border; border-color:#cbcbcb; .radius(3px);}
.savePage, .button {height:26px; background:url(submit.gif) repeat-x; border:none; cursor: pointer; padding: 4px; text-align: center;
        &:hover {background:url(submit.gif) 0 -26px repeat-x; cursor: pointer;}
}


.t-right {text-align:right !important;}
.t-center {text-align:center !important;}
.f-right {float:right !important;}
.f-left {float:left !important;}

.pl {padding-left:10px !important;}
.pr {padding-right:10px !important;}

.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w60 {width:60px;}
.w120 {width:120px;}
.w160 {width:160px;}
.w210 {width:210px;}
.w585 {width:585px;}
.w100pr {width:100%;}


/* TYPOGRAFIE
------------------------------*/
p {padding:0; margin:5px 0 12px 0;}
a {text-decoration:underline; color:@purple; outline:none; font-weight:bold;
	&:hover {text-decoration:none; color:@purple;}
}

h2 {font-family: 'PTSansNarrowBold'; .font-size(42); color:@text-color; font-weight:normal; padding:15px 0 5px 0; margin:0; line-height:1.2em;}
h3 {font-family: 'PTSansNarrowBold'; .font-size(33); color:@text-color; font-weight:normal; padding:10px 0 5px 0; margin:0; line-height:1.4em;}
h4 {font-family: 'PTSansNarrowBold'; .font-size(25); color:@text-color; font-weight:normal; padding:0 0 2px 0; margin:18px 0 15px 0; .border-bottom; line-height:1.3em;}

ul {margin:0; padding:0 0 8px 18px; position:relative; line-height:1.7em;
	li {padding:0 0 0 18px; .li-bg;} 
}
ol {padding:0 0 8px 36px; margin:0; line-height:1.7em;
	ol li {margin:0; padding:0;}
}

table {width:100%; margin:12px 0; text-align:left; font-size:1em; border-collapse:collapse;
	td {.border-bottom; padding:7px 8px;}
	th {background-color:#e9e9e9; padding:7px 8px; font-weight:bold; text-align:left;}
}

table.titulka {
	td {border: white 1px solid;}
  h3 {text-decoration: none; color:white; padding-top:0px; margin-left: 0px; margin-top:0px; text-align:center; font-size: 1.15rem!important; font-weight: normal;}
  h3 a {text-decoration: none; color:white; padding-top:0px; margin-left: 0px; margin-top:0px; text-align:center; }
  h3 a:hover {text-decoration: underline;}
}
/* HLASKY
------------------------------*/
.req, em.error, span.error {color:@purple !important; font-weight:bold; font-style:normal; font-size:12px;}
.upozorneni {background-color:#E13512 !important; color:#fff; font-weight:bold; font-style:normal; font-size:12px; padding:5px 10px; margin:10px 0;}
.req {font-size:13px; font-family:tahoma;}
input.error, textarea.error {.border}
.newsletter input.error {border:0 !important;}
.ok {color:#fff; font-weight:bold; padding:5px 5px 5px 29px; background:#5e9b21 url(ikony/ok.gif) 5px 50% no-repeat;}

/* H1 REPLACE
------------------------------*/
h1, h1 a, h1 span {width:470px; height:116px;}
h1 {display:block; position:absolute; left:0; top:0; text-align:center; font-size:12px; overflow:hidden;
	a {text-decoration:none; overflow:hidden; padding:0; display:block; color:#fff; text-indent:-9999px;
		&:active, &:hover {text-decoration:underline;}
	}
	span {background:url(logo_hp2016c.gif?v=3) no-repeat; display:block; position:absolute; left:0; top:0; z-index:300; cursor:pointer;}
	a:hover span {cursor:pointer;}
}
.hp h1 {top:16px; height:125px;	
	span {background:url(logo_hp2016c.gif?v=3) no-repeat;height:125px;}
}

/* LAYOUT
------------------------------*/
#all {width:980px; margin:27px auto; text-align:left; position:relative; .font-size(16); .line-height(25); display:block;}
#header {background:url(header2016b.png?v=3) no-repeat; width:100%; height:350px; position:relative;
    #google_translate_element {
        position:absolute;
        top:-30px;
        right:0;
        select  {
            padding: 0;
        }

    }
}
.hp #header {background:url(header_hp2016b.png?v=3) no-repeat; height:388px;}
#container {background:@white; width:100%; padding:0 0 25px 0; position:relative; .clear; padding-top:10px; .radius(0 0 4px 4px); box-shadow: 0 5px 12px -10px rgba(0, 0, 0, 0.5);}
#content {width:711px; float:right; padding-right:38px;}
#sidebar {width:185px; float:left; padding-left:17px;}

/* NAV
------------------------------*/
#nav {position:absolute; width:100%; height:189px; top:139px; left:0;

	.nav_box {width:188px; height:189px; float:left; background:@white; .radius (10px); margin-left:10px; background-image:url(nav.jpg?v=4); background-repeat:no-repeat; .box-shadow(0 0 3px 0 #b9aeb2); overflow:hidden; position:relative;
	
		&.n2 {background-position:-188px 0;}
		&.n3 {background-position:-376px 0;}
		&.n4 {background-position:-564px 0;}
		&.n5 {background-position:-752px 0;}
		&:first-child {margin-left:0;}
        
        .nav_cover {width:188px; height:189px; position:absolute; left:0; top:136px; background:#9937c6 url(cover.png) repeat; /*rgba(153,55,198,0.7);*/
        
            a { text-decoration: underline!important; }
            .special {width:188px; height:53px; line-height:53px; display:block; color:@white; .font-size(23); text-decoration:none; text-shadow:1px 1px 0 #6c5477; text-align:center; font-family:'PTSansNarrowBold'; font-weight:normal; }
            .specialDouble {width:188px; height:47px; line-height:21px; display:block; color:@white; .font-size(23); text-decoration:none; text-shadow:1px 1px 0 #6c5477; text-align:center; font-family:'PTSansNarrowBold'; font-weight:normal; padding-top:6px; }
			
			ul { padding:0; margin:0;
				li { background:none; padding:0;
                    a { color:#fff; .font-size(18); text-decoration: none; .line-height(18); display:block; font-family:'PTSansNarrowRegular'; font-weight:bold; padding:3px 10px 3px 15px; }
					a:hover { text-decoration: underline; }
				}
			}
		}
	}
}
.hp #nav {top:177px;}

/* MENU
------------------------------*/
.menu {font-family:'PTSansNarrowRegular'; padding:6px 0; margin:0 0 10px 0; width:185px; 
	li {background:url(li.gif) 7px 10px no-repeat; .font-size(21); display: block; padding:0; .line-height(25); border-bottom:1px solid @border-color; position:relative;
		/*&:first-child {border-top:0;}*/
	}
	a {color:@light-grey; text-decoration:none; width:154px; display: block; padding:6px 10px 5px 21px; font-weight:normal;
		&:hover, &.active {color:@purple; text-decoration:underline;}
	}
    .pocetPolozek  {font-size: 0.7em; vertical-align: 10%;  text-decoration:none!important;
        &:hover, &.active {color:@purple; text-decoration:none!important;}}
}
.menu ul.submenu { margin:0 0 00px 0; padding:0px 00px 0px 0px; }
.menu ul.submenu li { background:none; .line-height(20);            
            a {.font-size(17);}
}
.menu ul.submenu li:first-child { border-top:1px solid @border-color;}
.menu ul.submenu li:last-child { border-bottom:0px;}

.menu li ul.floatsubmenu { visibility: hidden; /*background-color:#eee!important;*/ background:#9937c6 url(cover.png) repeat; color:@white; width:185px; height:auto!important; position:absolute; top:5px; left:160px;  display:block; margin:0 0 0px 0; padding:0px 0px 0px 0px; 
            border:1px solid #9937c6; .radius(4px 4px 4px 4px); box-shadow: 0 5px 12px -10px rgba(0, 0, 0, 0.5); z-index:1000; }
.menu li ul.floatsubmenu li { background-color:#9937c6; .line-height(20); background:url(li-inv.png) 7px 7px no-repeat;           
            a {.font-size(17); color:@white; }
}
.menu li ul.floatsubmenu li:first-child { border-top:none solid @border-color;}
.menu li ul.floatsubmenu li:last-child { border-bottom:0px;}
.menu li ul.floatsubmenu { }
.menu li:hover ul.floatsubmenu  { visibility:visible;}

.menu li ul li ul.floatsubsubmenu { visibility: hidden; /*background-color:#eee!important;*/ background:#B63FE1 url(cover.png) repeat; color:@white; width:185px; height:auto!important; position:absolute; top:5px; left:175px;  display:block; margin:0 0 0px 0; padding:0px 0px 0px 0px; 
            border:1px solid #6C278A; .radius(4px 4px 4px 4px); box-shadow: 0 5px 12px -10px rgba(0, 0, 0, 0.7); z-index:1010; }
.menu li ul li ul.floatsubsubmenu li { background-color:#B63FE1; .line-height(20); background:url(li-inv.png) 7px 7px no-repeat;           
            a {.font-size(17); color:@white; }
}
.menu li ul li ul.floatsubsubmenu li:first-child { border-top:none solid @border-color;}
.menu li ul li ul.floatsubsubmenu li:last-child { border-bottom:0px;}
.menu li ul li ul.floatsubsubmenu { }
.menu li ul li:hover ul.floatsubsubmenu  { visibility:visible;}

/* SIDEBAR
------------------------------*/
.side_title {position: relative; padding:9px 10px 6px 0; margin:0; color:@light-grey; font-family:'PTSansNarrowBold'; .font-size(24); text-transform:uppercase;
}

/* NEWS
------------------------------*/
.new {position:relative; margin:0 0 10px 0; padding:0 0 10px 0; color:@text-color; .border-bottom;
	.title {font-family: 'PTSansNarrowBold'; .font-size(22); color:@purple; text-decoration:none; .line-height(12); font-weight:normal;
		&:hover {text-decoration:underline; color:@purple;}
	}
	.date {.font-size(13); margin:3px 0 0 0; color:@light-grey;}
	p {.font-size(16); margin:3px 0; .line-height(22);}
}


.hp_news {

  float: right;

  .HPDlazdice {
    width: 742px; margin-right: 4px; padding: 15px 0 10px 0; display: table;margin-bottom: 10px;
    .product-box {
      background: #fff none no-repeat;
      &:hover {cursor:pointer; background:url(design.png) -239px -315px no-repeat; }
    }
  }

  .HPText {
    width: 692px; margin-right: 54px;

    .new {
      position: relative; margin: 0 0 10px 0; padding: 0; color: @text-color; border: none;

      .title {
        font-family: 'PTSansNarrowBold'; .font-size(22); color: @pink; text-decoration: underline; .line-height(12);

        &:hover {
          text-decoration: none; color: @white;
        }
      }

      .date {
        .font-size(15); margin: 3px 0 0 0; color: @light-grey;
      }

      p {
        .font-size(16); margin: 3px 0 0 0; .line-height(22); color: @white;
      }
    }
  }
}

/* NEWSLETTER
------------------------------*/
.newsletter {margin-bottom:15px; width:189px; .clear; margin:8px 0 25px 0; /*background: url(brozura.png) bottom left no-repeat; */display:block;
	fieldset { position:relative; }
    input {background:#f4f4f4; width:169px; padding:7px; border:1px solid @border-color; font-size:1em; color:#919191; z-index:100; margin-right:10px;
        &:focus {color:@text-color; border:1px solid @purple;}
    }
    .submit {width:24px; height:16px; position: absolute; top:9px; right:8px; text-indent:-9999px; background:url(newsletter.gif) no-repeat; border:none; cursor: pointer;
        &:hover {background:url(newsletter.gif) 0 -16px no-repeat; cursor: pointer;}
    }
	.thanks { color:#62C462; }
   h4 {color:#FFFFFF;}
   p {padding: 5px 5px 15px 5px!important; font-size: 1em; line-height: 1.35em;color:#919191;}
}

.hp h2.title {margin:0 0 0 25px; color:silver; font-family:'PTSansNarrowBold'; font-size:20px; text-transform:uppercase;}
.hp .newsletter {margin-bottom:15px; width:189px; .clear; margin:8px 0 25px 25px; float:left;
	fieldset { position:relative; }
    input {background:#f4f4f4; width:169px; padding:7px; border:1px solid @border-color; font-size:1em; color:#919191; z-index:100; margin-right:10px;
        &:focus {color:@text-color; border:1px solid @purple;}
    }
    .submit {width:24px; height:16px; position: absolute; top:9px; right:8px; text-indent:-9999px; background:url(newsletter.gif) no-repeat; border:none; cursor: pointer;
        &:hover {background:url(newsletter.gif) 0 -16px no-repeat; cursor: pointer;}
    }
	.thanks { color:#62C462; }
   p {padding: 5px 5px 15px 5px!important; font-size: 1em; line-height: 1.35em;color:#c1c1c1;
        a {color:#ffffff!important;}
   }
}

/* E-SHOP
------------------------------*/
.contentEshop {width:731px!important; padding-right:18px!important;}  /* */
.kosik { width:120px; height: 60px; background:url(design.png?v=2) 0px -12px no-repeat; display:block;  position:absolute; top:0; right:0; font-size: 11px; padding: 0px 0 0 15px;
    &:hover {background:url(design.png?v=2) -145px -11px no-repeat; }
}
/* VYPIS PRODUKTU
------------------------------*/
.product-box { width:217px; height:285px; overflow:hidden; background:url(design.png?v=2) 1px -315px no-repeat; float:left; padding:0 9px; position:relative; display:block; margin:0 9px 9px 0; }
.product-reklama { width:217px; height:285px; overflow:hidden; background:none; float:left; padding:0 9px; position:relative; display:block; margin:0 9px 9px 0; }
.kategorie-box { width:217px; height:77px; overflow:hidden; background:#eee; border:1px solid #ddd; float:left; padding:0 9px; position:relative; display:block; margin:0 9px 9px 0; }
.kategorie-box:hover { border:1px solid #bbb; }
.darek-boxBig { height:220px; overflow:hidden; background:url(design.gif) -530px -580px no-repeat; }
.last { margin:0 0 9px 0!important; }
.product-box:hover { cursor:pointer; background:url(design.png) -239px -315px no-repeat; }
.darek-boxBig:hover { height:220px; overflow:hidden; background:url(design.gif) -715px -580px no-repeat!important; }

.product-box h2, .kategorie-box h2 { margin:0; padding:3px 0 0 0!important; font-size:1.1em!important; color:#383838; line-height:1.2em !important; height:52px!important; overflow:hidden; text-align: center; }
    .product-box h2 a, .kategorie-box h2 a { text-decoration:none; color:#383838; font-weight:bold; }
    .product-box h2 a:hover, .kategorie-box h2 a:hover { text-decoration:none; color:#1d458a; }
    
.product-box .product-image { width:217px; height:120px; position:absolute; top:55px; left:9px; }
    .product-box .product-image a { width:217px; height:120px; display:block; text-align: center; }
    
    .product-box .product-cena { color:#383838; width:150px; height:20px; display:block; position:absolute; bottom :10px; left:42px; padding:0; margin:0; 
                                          text-align: center; font-weight:bold; font-size:1.2em; }
    .product-box .product-cena span { font-weight:bold; font-size:1.4em; color:#9936C6; }
    .product-box .product-sleva { color:#D32814; width:225px; height:20px; display:block; position:absolute; bottom:38px; left:5px; padding:0; margin:0; font-weight:bold; text-align: left; }
    .product-box .product-dostupnost{ color:#737373!important; font-size:0.8em!important; width:160px; height:20px; display:block; text-align: center; 
                                     position:absolute; bottom :28px; left:37px; padding:0; margin:0;}
    .product-box .product-dostupnost span { color:#216DA2!important; font-size:1.2em!important; font-weight: bold;}
    .product-box .beznaCena{ color:#737373!important; font-size:0.8em!important; width:160px; height:20px; display:block; text-align: center; 
                                     position:absolute; bottom :43px; left:37px; padding:0; margin:0;}
    .product-box .beznaCena span {font-size:1.2em; color:#4F4F4F; /*font-weight: bold!important; */ text-decoration: line-through; }
    
    .product-box .detail { width:35px; height:35px; overflow:hidden; position:absolute; left:5px; bottom:5px; margin:0; }
    .product-box .detail a { text-indent:9999px; overflow:hidden; height:35px; width:35px; background:url(design.png) 0 -256px no-repeat; display:block; text-decoration:none; font-size:0 }
    .product-box .detail a:hover { background:url(design.png) -34px -256px no-repeat; }
    
    .product-box .koupit { width:35px; height:35px; overflow:hidden; position:absolute; right:5px; bottom:5px; margin:0; }
    .product-box .koupit a,
    .product-box .koupit input { text-indent:9999px; overflow:hidden; height:35px; width:35px; background:url(design.png) -0px -222px no-repeat; display:block; text-decoration:none; font-size:0 }
    .product-box .koupit input { border: none;}
    .product-box .koupit input:hover { background:url(design.png) -34px -222px no-repeat; }
    
/* BUBLINA
------------------------------*/
.bublina { display:inline;z-index:500;  }
.bublinaInfo { background-color:#fff; border: 1px solid silver; display:none; font-size:11px; font-weight:normal; line-height:1.4;  padding:5px;
               position:absolute; width:210px; z-index:500; color:#595959; overflow:visible; }
.bublinaRight { display:block;z-index:0; text-align: center!important;  }
.bublinaInfoRight { background-color:#fff; border: 1px solid silver; display:none; font-size:11px; font-weight:normal; line-height:1.4;  padding:5px;
                    position:relative; width:210px; z-index:600; color:#595959; overflow:visible; }

/* DETAIL
------------------------------*/
.detail-sloupec { /*float:left;*/ width:288px; padding:15px 0 0 0; }

    .detail-foto { float:right; width:315px; text-align:center; margin: 0 0 5px 5px; padding:5px 0 0 0; border:1px solid #ededed; }
    .detail-foto:hover { border:1px solid #d3d3d3; }

    .detail-desc { position:relative; width:730px; padding:8px 0 0 0; font-size:1em; line-height:1.4em; }
    
    .zobrazeniCen { width: 330px; height: auto!important; position: relative; float: left;}
    .zobrazeniCenRightBar { width: 154px; height: auto!important;}
    .zobrazeniCenVypis { width: 180px; height: auto!important;}
    .cena { color:#383838; font-weight:bold; font-size:1.4em; }
    .cena span { font-weight:bold; font-size:1.4em; color:#0ea1e1; }
    .zobrazeniCenRightBar .beznaCena{ color:#737373!important; font-weight: normal!important; font-size:0.7em!important; margin-top:2px !important;}
    /*.zobrazeniCenVypis .beznaCena{ color:#737373!important; font-weight: normal!important; font-size:0.7em!important; margin-top:2px !important;width:167px; height:20px; 
                                    display:block; position:absolute; top:195px; right:9px; padding:0; margin:0; text-align: right; }      */
    .sleva { color:#4aa501; margin:0; font-weight:bold; font-size:1.2em; }
    
    .detail-desc form { position:relative; height:45px; margin:0px 0 0 0; }
    .detail-desc input.mnozstvi { position:absolute; left:0; top:9px; width:25px; text-align:center; height:17px; margin:0; font-size:0.9em; border:1px solid #abadb3; display:block; }
    .detail-desc form fieldset span { margin:0; display:block; position:absolute; top:13px; left:39px; }
    .detail-desc .detail-kosik {  width:35px; height:35px; padding:0; margin: 0; float:right; }
    .detail-desc .detail-add-button { background:url(design.png)  -0px -222px no-repeat; overflow:hidden; border:none; display:block; width:35px; height:35px; padding:0;  }
    .detail-desc .detail-add-button:hover { background:url(design.png)  -34px -222px no-repeat  !important; }
    .detail-desc .cenaDetail { color:#383838; font-weight:bold; font-size:1.4em; }
    .detail-desc .cenaDetail span { font-weight:bold; font-size:1.4em; color:#0ea1e1; }
    .detail-desc .beznaCenaDetail { color:#737373!important; font-size:0.8em!important; }
    .detail-desc .beznaCenaDetail span {font-size:1.2em; color:#4F4F4F; text-decoration: line-through; }
    .detail-desc .SNamiUsetrite { color:#383838; font-size:1em; }
    .detail-desc .SNamiUsetrite span { font-weight:bold; font-size:1.4em; color:#0ea1e1; }
    .detail-desc .detail-popis { margin-bottom: 10px; }
    
h3.souvisejici { clear:both; padding:15px 0 8px 0; }
    
.detail-related { width:167px; height:285px; overflow:hidden; background:url(design.gif) -530px 0 no-repeat; float:left; padding:0 9px; position:relative; display:block; margin:0 9px 9px 0; }
.detail-related:hover { cursor:pointer; background:url(design.gif) -530px -285px no-repeat; }
.detail-related:hover { cursor:pointer; background:url(design.gif) -530px -285px no-repeat; }

.detail-related h2 { margin:0; padding:5px 0 0 0; font-size:0.9em; color:#383838; line-height:1.2em !important; height:40px; overflow:hidden; }
    .detail-related h2 a { text-decoration:none; color:#383838; font-weight:bold; }
    .detail-related h2 a:hover { text-decoration:none; color:#0ea1e1; }
    
.detail-related .product-image { width:167px; height:125px; position:absolute; top:52px; left:9px; }
    .detail-related .product-image a { width:167px; height:125px; display:block; }
    
    .detail-related .product-cena { color:#383838; width:167px; height:20px; display:block; position:absolute; top:195px; left:9px; padding:0; margin:0; font-weight:bold; font-size:1.2em; }
    .detail-related .product-cena span { font-weight:bold; font-size:1.4em; color:#0ea1e1; }
    .detail-related .product-sleva { color:#4aa501; width:167px; height:20px; display:block; position:absolute; top:220px; left:9px; padding:0; margin:0; font-weight:bold; }
    
    .detail-related .detail { width:65px; height:18px; overflow:hidden; position:absolute; left:8px; bottom:8px; margin:0; }
    .detail-related .detail a { text-indent:9999px; overflow:hidden; height:18px; width:65px; background:url(design.gif) 0 -537px no-repeat; display:block; text-decoration:none; font-size:0 }
    .detail-related .detail a:hover { background:url(design.gif) 0 -555px no-repeat; }
    
    .detail-related .koupit { width:87px; height:26px; overflow:hidden; position:absolute; right:5px; bottom:4px; margin:0; }
    .detail-related .koupit a { text-indent:9999px; overflow:hidden; height:26px; width:87px; background:url(design.gif) 0 -573px no-repeat; display:block; text-decoration:none; font-size:0 }
    .detail-related .koupit a:hover { background:url(design.gif) 0 -599px no-repeat; }


/* CRUMBS
------------------------------*/
.crumbs {.font-size (15); color:@text-color;
	span {margin:0 3px; color:@text-light;}
	a {text-decoration:underline; font-weight:normal; color:@purple; line-height:27px;
		&:hover {text-decoration:none;}
	}
	strong a {font-weight:normal;}
}

/* SEARCH
------------------------------*/
#search { position:absolute; bottom:230px; right:0px; margin:0; padding:0; border:none; width:190px; height:30px; overflow:hidden; background: url(design.png) no-repeat 0px -75px; 
    input { background:transparent; height:19px; float:left; width:160px; font-size:11px; font-weight:bold!important; border:0;
                    padding-top:3px; padding-left: 5px; margin-left: 0px; color:#fff; }
    input.submit { background:url(nic.gif) 0 100% no-repeat; padding:0; float:right; width:22px; height:24px; border:0; cursor: pointer; }
    input.submit:hover { background:url(nic.gif) 0px -1px  no-repeat; }
}

/* BOTTOM
------------------------------*/
#bottom {background:@purple; .radius(0 0 4px 4px); .clear;}

/* FOOTER
------------------------------*/
#footer {width:908px; padding:10px 36px 20px 36px; position:relative; .clear;
	p {font-size:.85em; line-height:1.4em;}
}
.footer_logo {background:url(logo-footer2016.png?v=2); text-indent:-9999px; display:block; width:212px; height:120px; margin:0 auto; float:right;
     a {display:block; width:212px; height:120px;}
}
.footer_logocentrumzdravi {background:url(logo-footer2016.png); text-indent:-9999px; display:block; width:212px; height:120px; margin:0 auto; float:left;
	 a {display:block; width:212px; height:120px;}
}

.mt10 { margin-top :10px !important; }
.noul { list-style:none; }
.nob, .nobr { border:none!important; }
.nobg { background:none!important; }
.nom { margin:0 !important; }
.nop { padding :0 !important; }
.nomg {margin:0;  padding:0;}
.nomr {margin-right:0;}
.vat { vertical-align: top;}
.darkBlue {color:#1d458a!important;}
.darkRed {color:#990000!important;}
.orange {color:#d38019!important;}
.black {color: black;}
.white {color: white;}
.extraBold { font-weight: 900!important;}
.w80 {width: 80px;}
.w110 {width: 110px;}
.w190 {width: 190px!important;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w540 {width: 540px!important;}
.winherit {width: inherit;}
.w100pr {width: 100%;}
th { text-align:left; }
th label { display:block; width:110px; }
.tlacitko { width:136px; height:24px; display:block; color:#1d458a; padding:2px 12px 0 12px;  margin:2px -8px 0 15px; font-weight:bold; background: #eee!important; .radius(3px); }


/* FORM
------------------------------*/
input, select, textarea { font-size:1em; padding:4px; font-family:Arial, Helvetica, sans-serif; margin:2px 0; }
.suplierForm th { width: 210px; background-color:#fff;}
.suplierForm label { width: 200px;}
.suplierForm table, form table {margin:0; padding: 0;}
.suplierForm table td, form table td {margin:0; padding: 0; padding-bottom :2px; border: none;}
form th .required, #requiredKontakt, #requiredSpolecnost, #requiredObcan {color: #1D458A;}
.prepoctiKos { display:block; padding:0px; position:relative; width:70px;float:left; margin: 0;}
.prepoctiKosQuantity { display:block; float:right; padding:2px; margin: 0!important; position:relative; top:2px !important; width:22px;}
.addOK { display:block; width:20px; top:-2px; position:relative; padding:0px; float:right; margin: 0!important; }
.prepoctiKosDelete { display:block; padding:0px; margin: 0!important; position:relative; width:20px;float:left; }
form.prepoctiKosDelete input {margin: 0; padding: 0;}
.delete { display:block; width:20px; padding:0px; top:2px !important; margin: 0!important; position:relative; }
.suplierForm th, .suplierForm tr, .suplierForm td { padding: 3px 0!important; margin: 0px!important; border: none!important;}
.pocetPolozek {font-size: 0.7em; vertical-align: 30%;}
.submit, .button{ background:#d0d0d0 url(submitShop.gif);color:#333; border:2px solid #d0d0d0; height:27px; padding:1px 5px; }
.submit:hover, .button:hover{ padding:2px 4px 0 6px; color:#FFF; }
.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
    font-family: arial;
    font-size: 9pt;
}

.odrazenyRadioList { padding-left: 30px; }
.odrazenyRadioList label { clear: both; margin-bottom: 10px; }
.odrazenyRadioList label input { float: left; margin-left: -30px;}

/* MEDIA PRINT
------------------------------*/
@media print {
	.noprint {display:none !important;}
	#container, #all {width:100% !important; padding:0 !important; margin:0 !important; border:0 !important;}
	body {margin:0 !important; padding:0 !important;}
}