body

{

margin: 0px;

padding: 0px;

font-size: 12px;

font-family: Calibri, 'Trebuchet MS',Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;

text-align: center;

background: url(/../images/body.jpg) repeat-x #f5fbfd;

}



h2

{

margin: 0px 0px 8px 0px;

font-size: 18px;

color: #d7001b;

font-weight: bold;

font-family: Arial;

}



.bigh2

{

margin: 20px 0px 25px 0px;

font-size: 24px;

color: #d7001b;

font-weight: bold;

font-family: Arial;

}



a img

{

border: 0px;

}



p

{

padding: 0px;

margin: 0px;

}



.justify

{

text-align: justify;

}



.clearer

{

clear: both;

height: 1px;

}



.imgRight

{

float: right;

margin-left: 5px;

}



.imgLeft

{

float: left;

margin: 0 5px 0 0;

}



.smallText

{

font-size: 10px;

}


.item .img{text-align:center;}
#page

{

position: relative;

margin: 0px auto;

width: 999px;

text-align: left;

}



#headerMenu

{

position: relative;

width: 999px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/horniMenu.jpg) repeat-x #C8EAF3;

}



#headerMenu .regPri

{

float: right;

font-size: 18px;

font-weight: bold;

color: #008bbf;
margin-right: 16px;
margin-top: 5px;
}



#headerMenu .regPri a:link, #headerMenu .regPri a:visited

{

text-decoration: none;

color: #008bbf;

}



#headerMenu .regPri a:hover

{

text-decoration: none;

color: #35af00;

}



.menuOriginalniDarky a:link, .menuOriginalniDarky a:visited

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuOriginalniDarky.png) no-repeat;

}



.menuOriginalniDarky a:hover

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuOriginalniDarkyHover.png) no-repeat;

}



.menuOriginalniDarkyA a

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuOriginalniDarkyA.png) no-repeat;

}



.menuPodminky a:link, .menuPodminky a:visited

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuPodminky.png) no-repeat;

}



.menuPodminky a:hover

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuPodminkyHover.png) no-repeat;

}



.menuPodminkyA a

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuPodminkyA.png) no-repeat;

}



.menuReklamacniRad a:link, .menuReklamacniRad a:visited

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuReklamacniRad.png) no-repeat;

}



.menuReklamacniRad a:hover

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuReklamacniRadHover.png) no-repeat;

}



.menuReklamacniRadA a

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuReklamacniRadA.png) no-repeat;

}



.menuKontakt a:link, .menuKontakt a:visited

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuKontakt.png) no-repeat;

}



.menuKontakt a:hover

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuKontaktHover.png) no-repeat;

}



.menuKontaktA a

{

position: relative;

display: block;

float: left;

width: 169px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuKontaktA.png) no-repeat;

}

.menuVelkoobchod a:link, .menuVelkoobchod a:visited

{

position: relative;

display: block;

float: left;

width: 170px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuVelkoobchod.png) no-repeat;

}



.menuVelkoobchod a:hover

{

position: relative;

display: block;

float: left;

width: 170px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuVelkoobchodHover.png) no-repeat;

}



.menuVelkoobchodA a

{

position: relative;

display: block;

float: left;

width: 170px;

height: 35px;

margin: 0px;

padding: 0px;

background: url(/../images/menuVelkoobchodA.png) no-repeat;

}

#header

{

position: relative;

width: 999px;

height: 165px;

margin: 0px;

padding: 0px;

background: url(/../images/header.jpg) no-repeat;

}



#logo a

{

position: absolute;

top: 17px;

left: 6px;

width: 220px;

height: 123px;

}



#kosik

{

position: absolute;

top: 65px;

right: 6px;

width: 140px;

height: 80px;

margin: 0px;

padding: 0px;

font-size: 12px;

color: #3ab603;

text-align: right;

}







#kosik table

{

margin-bottom: 8px;

color: #3ab603;

}



#kosik .hod

{

font-size: 130%;
font-weight:bold;

}

#kosik strong

{

color: #1e99c7;

font-size: 115%;

}


#content

{


width: 999px;

min-height: 500px;

_height: 500px;

margin: 0px 0px 0px 0px;

padding: 0px;

}



#leftContent

{

position: relative;

float: left;

width: 200px;

margin: 0px;

padding: 0px;

}



.leftContentTitle

{

position: relative;

width: 185px;

_width: 200px;

height: 34px;

_height: 40px;

margin: 20px 0 0 0;

padding: 6px 0 0 15px;

background: url(/../images/leftTitle.jpg) no-repeat;

font-size: 21px;

font-weight: bold;

color: #75aebd;

}



.leftContentTitleRed

{

width: 185px;

height: 34px;

margin: 20px 0 0 0;

padding: 6px 0 0 15px;

background: url(/../images/leftTitle.jpg) no-repeat;

font-size: 21px;

font-weight: bold;

color: #d7001b;

}



.leftContentText

{

position: relative;

width: 198px;

_width: 200px;

margin: 0px;

border: 1px solid #bce5f0;

background: #fff;

font-family: arial;

font-size: 12px;

}



.leftContentText ul

{

margin: 10px 0 0 0;

padding-left: 11px;

list-style-type: none;

}



.leftContentText ul li ul

{

margin: 0px;

padding-left: 11px;

list-style-type: none;

}



.leftContentText ul li a:link, .leftContentText ul li a:visited

{

background: url(/../images/cat.jpg) no-repeat left center;

padding-left: 18px;

color: #565656;

font-weight: bold;

font-size: 13px;

text-decoration: none;

line-height: 24px;

}



.leftContentText ul li a:hover

{

color: #d7001b;

}



.leftContentText ul li a.aktivni

{

background: url(/../images/catA.jpg) no-repeat left center;

padding-left: 18px;

color: #565656;

font-weight: bold;

font-size: 13px;

text-decoration: none;

line-height: 24px;

}



.leftContentText ul li  ul li a:link, .leftContentText ul li  ul li a:visited

{

background: url(/../images/cat2.jpg) no-repeat left center;

padding-left: 18px;

color: #565656;

font-weight: bold;

font-size: 12px;

text-decoration: none;

line-height: 20px;

}



.leftContentText ul li  ul li a:hover

{

color: #d7001b;

}



.leftContentRed

{

position: relative;

width: 180px;

margin: 0px;

padding: 7px;

color: #ffc5ca;

background: #cc0617;

font-size: 12px;

font-weight: bold;

}



.leftContentRed h2

{

margin: 0px;

font-size: 16px;

color: #ffffff;

}



.leftContentRed a

{

font-size: 11px;

color: #ffffff;

}



.phoneNum

{

font-weight: bold;

font-size: 21px;

color: #ffffff;

}



.bull

{

color: #cc0617;

}



#centerContent

{

position: relative;

float: left;

width: 590px;

min-height: 498px;

_height: 498px;

margin: 10px 0 0 7px;

padding: 0px;



}



.drobek

{

position: relative;

width: 560px;

padding: 0 10px 0 10px;

margin-top: 10px;

margin-left: 0px;

}



.drobek .obsah

{

padding-top: 4px;

float: right;

width: 530px;

}



.drobek .nachaziteSe

{

font-size: 12px;

font-family: Calibri;

color: #565656;

}



.drobek a

{

font-size: 12px;

font-family: Calibri;

color: #3ab603;

text-decoration: none;

font-weight: bold;

}



.blok

{

position: relative;

width: auto;

padding: 10px;

color: #565656;

font-family: arial;

line-height: 130%;

}



.blok2

{

position: relative;

width: 558px;

color: #565656;

font-family: arial;

line-height: 130%;

margin-top: 5px;

border-left: 1px solid #d3d3d3;

border-right: 1px solid #d3d3d3;

background: #fff;

margin: 0 0 0 11px;

}



.blok2 th

{

font-size: 14px;

color: #565656;

font-family: arial;

height: 38px;

text-align: right;

padding-right: 20px;

}



.blok2 .imgLeft

{

padding-top: 10px;

padding-left: 15px;

}



.blok2 .doplObr

{

width: auto;

font-size: 14px;

font-weight: bold;

color: #565656;

padding-left: 15px;

padding-right: 15px;

padding-top: 10px;

}

.blok2 .popis_del{padding-left:15px}
.blok2 .popis_del ul{padding-left:25px}


.blok2 p

{

width: auto;

font-size: 12px;

font-weight: normal;

color: #565656;


padding-right: 15px;

padding-top: 10px;

}



.blok2 .napisPopis

{

font-size: 14px;

font-weight: bold;

color: #008bbf;

padding-left: 15px;

padding-top: 10px;

}



.blok2 .cena

{

font-size: 24px;

color: #d7001b;

font-family: arial;

font-weight: bold;

height: 45px;

}



.blok2_top

{

position: relative;

width: 550px;

height: 29px;

background: url(/../images/blok2_top.jpg) no-repeat;

padding: 2px 0 0 10px;

margin-top: 5px;

margin-left: 11px;

}



.blok2_top h2

{

font-size: 24px;

font-family: Calibri;

color: #008bbf;

}



.blok2_bottom

{

position: relative;

width: 560px;

height: 16px;

background: url(/../images/blok2_bottom.jpg) no-repeat;

margin-left: 11px;

}





.greenh2

{

font-size: 21px;

color: #3ab603;

}



.item

{

position: relative;

display: block;

float: left;

width: 164px;

height: 354px;

_height: 370px;

padding: 8px;

background: url(/../images/item.jpg) no-repeat;

margin: 5px;

font-size: 11px;

font-family: Arial;

}



.item h2 a

{

font-size: 18px;

color: #008bbf;

text-decoration: none;

}

.item h2 a:hover

{


text-decoration: underline;

}

.item img

{

margin-left:-5px;
max-height:160px;
margin-top: 10px;
border: none;

}

.item .obr

{
height:220px;
display:block;
}


.item strong

{

color: #008bbf;

}



.item .cena

{

position: absolute;

top: 322px;

left: 10px;

width: 157px;

height: 30px;

font-size: 18px;

font-weight: bold;

color: #3ab603;

}



.item .cena a

{

float: right;

margin-top: 3px;

display: block;

width: 81px;

height: 34px;

background: url(/../images/detail.jpg) no-repeat;

}



.item .cena a:hover

{

float: right;

margin-top: 3px;

display: block;

width: 81px;

height: 34px;

background: url(/../images/detailHover.jpg) no-repeat;

}



.item .cena div

{

float: left;

margin: 0px;

margin-top: 15px;

font-size: 18px;

font-weight: bold;

color: #3ab603;

}



#rightContent

{

position: relative;

float: left;

width: 200px;

margin: 0px;

padding: 0px;

}



.rightContentTitle

{

position: relative;

width: 185px;

_width: 200px;

height: 34px;

_height: 40px;

margin: 7px 0 0 0;

padding: 6px 0 0 15px;

background: url(/../images/leftTitle.jpg) no-repeat;

font-size: 21px;

font-weight: bold;

color: #75aebd;

}



.rightContentTitleGreen

{

position: relative;

width: 185px;

_width: 200px;

height: 33px;

_height: 40px;

margin: 20px 0 0 0;

padding: 6px 0 0 15px;

background: url(/../images/rightTitleGreen.jpg) no-repeat #bef4a6;

font-size: 21px;

font-weight: bold;

color: #75c651;

}



.rightContentTextGreen strong

{

font-size: 14px;

font-weight: bold;

color: #565656;

}



.rightContentTextGreen a

{

font-size: 120%;

font-weight: bold;

text-decoration: none;

color: #3ab603;

}


.rightContentTextGreen .tel

{

font-size: 160%;

font-weight: bold;

text-decoration: none;

color: #3ab603;

}


.rightContentTextGreen

{

position: relative;

width: 178px;

_width: 200px;

padding: 10px;

margin: 0px;

border: 1px solid #ade594;

background: #fff;

}



.rightContentVyhoda1

{

position: relative;

display: block;

width: 170px;

_width: 200px;

height: 67px;

margin: 1px 0 0 0;

padding: 15px;

border: none;

color: #565656;

background: url(/../images/vyhoda1.jpg) #fff;

font-size: 14px;

}



.rightContentVyhoda1 strong

{

color: #d7001b;

}



.rightContentVyhoda2

{

position: relative;

display: block;

width: 170px;

_width: 200px;

height: 67px;

margin: 1px 0 0 0;

padding: 15px;

border: none;

color: #565656;

background: url(/../images/vyhoda2.jpg) #fff;

font-size: 14px;

}



.rightContentVyhoda2 strong

{

color: #d7001b;

}



.rightContentVyhoda3

{

position: relative;

display: block;

width: 170px;

_width: 200px;

height: 120px;

margin: 1px 0 0 0;

padding: 15px;

border: none;

color: #565656;

background: url(/../images/vyhoda3.jpg) #fff;

font-size: 14px;

}



.rightContentVyhoda3 strong

{

color: #d7001b;

}



.rightContentVyhoda4

{

position: relative;

display: block;

width: 170px;

_width: 200px;

height: 120px;

margin: 1px 0 0 0;

padding: 15px;

border: none;

color: #565656;

background: url(/../images/vyhoda4.jpg) #fff;

font-size: 14px;

}



.rightContentVyhoda4 strong

{

color: #d7001b;

}



.rightContentText

{

position: relative;

width: 178px;

_width: 200px;

padding: 10px;

margin: 0px;

border: 1px solid #bce5f0;

background: #fff;

}



.rightContentText a

{

color: #008bbf;

}



.rightContentText .inputText

{

position: relative;

width: 172px;

height: 29px;

padding: 3px;

margin: 0px;

border: none;

background: url(/../images/hledejInput.jpg) no-repeat;

color: #a7a7a7;

font-style: italic;

}



.rightContentText .inputSubmit

{

margin-top: 6px;

margin-right: 5px;

float: right;

}



.rightContentTitleRed

{

position: relative;

width: 185px;

_width: 200px;

height: 34px;

_height: 40px;

margin: 20px 0 0 0;

padding: 6px 0 0 15px;

background: url(/../images/leftTitle.jpg) no-repeat;

font-size: 21px;

font-weight: bold;

color: #d7001b;

}



#footer

{

position: relative;

width: 999px;

padding: 15px;

border-top: 1px solid #d3d3d3;

color: #6b6b6b;

text-align: left;

margin-top: 15px;

font-size: 12px;

font-family: Arial;

}



#footer img

{

margin-top: -6px;

}



#footer a:link, #footer a:visited

{

color: #7b0912;

text-decoration: underline;

font-size: 12px;

font-family: Arial;

}



#footer a:hover

{

text-decoration: none;

}



.noDisplay

{

display: none;

}



/* kosik.tpl */

.vypis-kosik {font-family: arial; border-collapse: collapse; width: 560px; margin-left: 10px;}

.vypis-kosik thead th {border: 1px solid #33a2cc; font-size: 14px; color: white; height: 45px; padding: 5px; background: url(/../images/kosikTh.jpg) repeat-x #3ebbdf; text-align: center;}

.vypis-kosik tbody td {padding: 5px; border: 1px solid #d3d3d3; background: #fff;}

.vypis-kosik tfoot td {padding: 5px; border: 1px solid #d3d3d3; color: #565656; background: #fff;}

.vypis-kosik tbody a {color: #565656; text-decoration: none; font-weight: normal;}

.error, .povinne {color: red;}

.error {display: block;}

#js_tr-dodani {color: #565656;}

.orange-text {color: #d7001b;}

.blueh2 { color: #008bbf; margin-left: 9px;}

.blue-text { color: #008bbf; margin-left: 9px; font-size: 13px;}

.blue-text2 { color: #008bbf; margin-left: 0px; font-size: 13px;}

.dodaci_adresa, .fakturacni_adresa {float: left; width: 240px; padding: 15px; border: none;}

.fakturacni_adresa {margin-left: 15px; color: #565656;}

.dodaci_adresa input, .dodaci_adresa textarea, .fakturacni_adresa textarea, .fakturacni_adresa input {

position: relative;

width: 172px;

height: 29px;

padding: 3px;

margin: 0px;

border: none;

background: url(/../images/hledejInput.jpg) no-repeat;

color: black;

}



.dodaci_adresa-pokladna, .fakturacni_adresa-pokladna {float: left; width: 240px; padding: 15px; border: 1px solid #B6B6B6;}

.fakturacni_adresa-pokladna {margin-left: 15px;}



#dodani { color: #565656; margin-left: 9px; font-size: 12px; font-family: arial; margin-bottom: 10px;}

.adresa a { color: #008bbf; font-weight: bold; text-decoration: none;}

.adresa { font-family: arial; color: #565656;}

#button_koupit {

background: url(/../images/pokracovatPokladna.jpg) no-repeat;

width: 216px;

height: 31px;
cursor: pointer;
border: none;

}

#button_koupitHover {

background: url(/../images/pokracovatPokladnaHover.jpg) no-repeat;

width: 216px;

height: 31px;

border: none;
cursor: pointer;
}



#button_ulozit {

background: url(/../images/ulozit.jpg) no-repeat;

width: 76px;

height: 31px;

border: none;

}

#button_ulozitHover {
cursor: pointer;
background: url(/../images/ulozitHover.jpg) no-repeat;

width: 76px;

height: 31px;

border: none;

}

.zavazne{
background: url(/../images/dokoncit_objednavku.png) no-repeat left top;
width: 216px;
height: 31px;
border: none;
cursor:pointer;
}
.back{padding-right:5px;}

.zavazne:hover{
background: url(/../images/dokoncit_objednavku.png) no-repeat left bottom;
cursor:pointer;
}

#cistyBanner {


background: url(/../images/cistyBanner.jpg) no-repeat;

width: 520px;

height: 150px;

padding: 20px;

border: none;

color: #fff;

font-size: 120%;

font-family: Calibri;

}



#cistyBanner h2 {

color: #fff;

font-size: 24px;

font-family: Calibri;

margin-bottom: 12px;

}

.blok p a {color:#565656;text-decoration:none;}
.blok h3 a {color:black;text-decoration:underline;}
.blok h3 a:hover{text-decoration:none;}



#cistyBanner img {

margin-right: 20px;

}

p ul {padding-left:15px;}

h2.kat{color:#008BBF;font-size:200%;margin-top:10px;float:left;}
div.radit {float:right;}
div.popis {margin-top:35px;padding:10px;background:#DAF1F7;color:#565656; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;}
div.popis h3{margin-bottom:5px;}

p.zaznamy a{color:#008BBF;}
p.zaznamy a:hover{text-decoration:underline;}
p.zaznamy b{font-size:110%;}
p.zaznamy {text-align:center;margin-top:20px;margin-bottom:20px;font-size:155%;color:#008BBF;}

p.zaznamytop a{color:black;}
p.zaznamytop a:hover{text-decoration:underline;}
p.zaznamytop b{font-size:110%;}
p.zaznamytop {text-align:right;margin-top:10px;margin-bottom:10px;font-size:125%;color:black;}

#headerakce {width:510px;height:118px;background:url("/images/akce_bg.png");position:relative;top:17px;left:245px;padding-top:9px;padding-left:20px;}
#headerakce a:hover{text-decoration:none;}
#headerakce h2 a{color:#008BBF;}
#headerakce p{margin-left:90px;font-size:120%;margin-right:5px;}
#headerakce a.koupit{background: url("/images/detail.jpg") no-repeat;display: block;float: right;height: 34px;margin-top: -10px;width: 81px;margin-right:15px;}
#headerakce a.koupit:hover{background: url("/images/detailHover.jpg") no-repeat;}
.itemskladem {margin-right:4px;margin-top:-25px !important;}