/* RESET STYLES BEGIN */
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
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {border-collapse: collapse; border-spacing: 0;}*/
/* RESET STYLES END*/
BODY{background: #905700 url(/pic/bg.gif) repeat-x; margin: 0; padding: 0; text-align: center;}
DIV, P, SPAN, UL, OL, LI, TH, TD{font: normal 13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color: #3e3e3e;}
H1{font: normal 30px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #b90202; margin: 0; padding: 0 0 15px 0;}
H2{background: url(/pic/bg_nadpisek.gif) no-repeat left top; font: normal 26px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #51a3ff/*#b90202*/; margin: 0; padding: 5px 0 15px 30px; text-align: left;}
H3{font: normal 22px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #c97700; margin: 0; padding: 0 0 10px 0; text-align: left;}
H4{font: normal 18px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #c97700; margin: 0; padding: 0 0 10px 0; color: #a06003; margin: 0; padding: 0 0 10px 0; text-align: left;}
H5{font-size: 14px; margin: 0; padding: 0 0 10px 0;}
TABLE{height: auto; border: 0 none; margin-bottom: 15px;}
TH{background-color: #cbb898; padding-left: 3px; padding-right: 3px; text-align: left;}
TD{padding-left: 3px; padding-right: 3px;}
A{color: #b90202; text-decoration: underline;}
A:hover{color: #b90202; text-decoration: none;}
UL{list-style: none; margin-top: 0; margin-bottom: 15px; padding-left: 15px;}
UL LI{line-height: 150%; background: url(/pic/icons/li.gif) no-repeat left 3px; padding-left: 25px;}
OL{list-style: decimal; margin-top: 0; margin-bottom: 15px; padding-left: 35px;}
OL LI{line-height: 150%;}
IMG{vertical-align: middle;}
HR{color: #7b7979; background-color: #7b7979; border: 0 none; height: 1px; clear: left;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%; text-align: justify;}
FORM{margin: 0; padding: 0;}
INPUT.text-box{background-color: #f4f4f4; border: 1px solid #c1c1c1; font-size: 11px; padding: 3px 5px; height: auto !important; height: 22px;}
TEXTAREA{background-color: #f4f4f4; border: 1px solid #c1c1c1; font: 12px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 3px 5px;}
.label{font-weight: normal; text-align: right;}
.poznamka{font-weight: normal; color: #5258d7;}
.poznamka2{font-weight: normal; color: #fff;}
.small{font-size: 11px;}
.tucne{font-weight: bold;}
.hr{background: url(/pic/hr.png) no-repeat center; width: 682px; height: 14px; margin: 0 auto 15px auto; text-align: center;}
.clear{clear: both;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.help{cursor: help;}
.valigntop{vertical-align: top;}
/* ZOBRAZENI A SKRYTI OBSAHU BEGIN */
.noscreen{display: none;}
/* ZOBRAZENI A SKRYTI OBSAHU END */
/* HLASKY BEGIN */
.message-hlaska, UL.message-hlaska{background-color: #fef69f; border: 2px solid #d6bc55; margin-bottom: 15px; padding: 15px; color: #000; font-weight: bold;}
.message-hlaska A{font-weight: bold; color: #2B4B2B;}
.message-hlaska A:hover{color: #c80404; text-decoration: none;}
.message-hlaska UL{margin-left: 25px; padding-bottom: 0; margin-bottom: 0;}
.message-hlaska UL LI{font-weight: bold;}
/* HLASKY END */
/* box vyhledavani begin */
#vyhledavni{float: right; margin: 10px 0 10px 15px; position: absolute; left: 730px; top: 170px;}
/* box vyhledavani begin */
/* reference */
.reference{padding: 5px 0; margin: 0 0 10px 0;}
.referenceObr A{border: 5px solid #d3d3d3; padding: 1px; float: left; margin: 0 15px 0 0;}
.referenceLastObr A{border: 5px solid #BDBCB7; padding: 1px; float: left; margin: 0;} /* levy box */
.referenceObr A:hover{border: 5px solid #eda700; padding: 1px; float: left; margin: 0 15px 0 0;}
.reference UL{margin: 0; padding: 0;}
.reference UL LI{list-style: none; background: none;}
/* konec reference */
/* reference tisk begin */
.referenceTisk{float: left; margin: 0 13px 15px 5px; padding: 1px; border: 5px solid #d3d3d3;}
.referenceTisk:hover{border: 5px solid #eda700; }
/* reference tisk end */
/* anotace */
.box-anotace{background: #edece8 url(/pic/box-anotace.gif) no-repeat top; border: 1px solid #bdbcb7; margin-bottom: 25px; padding: 25px 30px;}
.box-anotace DIV.tl-vice-info{text-align: right; margin-top: 20px;}
.box-anotace DIV.tl-vice-info A{background: url(/pic/tl-vice-info.gif) no-repeat; width: 119px; text-align: center; text-decoration: none; font-weight: bold; padding: 8px 15px 7px 14px;}
.box-anotace DIV.tl-vice-info A:hover{color: #b35604;}
.box-anotace P.podpis{font-weight: bold; text-align: right;}
.box-anotace DIV.nadpisek{font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 10px 0;}
/* konec anotace */
/* vyjadreni klientu begin */
.vyjKlientu{margin: 0 auto;}
.vyjKlientu P{text-align: justify;}
.vyjKlientu P.podpis{font-weight: bold; text-align: right; padding-bottom: 15px;}
/* vyjadreni klientu end */
/* small box begin */
.box-vydelek{background: #edece8 url(/pic/box-anotace.gif) no-repeat top; border: 1px solid #bdbcb7; width: 220px !important; width: 280px; float: right; margin: 5px 0 10px 20px; padding: 25px 30px;}
.box-vydelek .nadpisek{font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 10px 0;}
/* small box end */
/* nabidka volnych grafickych www designu begin */
.boxWebNavrh{background: #edece8 url(/pic/box-anotace.gif) no-repeat top; border: 1px solid #bdbcb7; float: left; margin-bottom: 10px; padding: 25px 15px; width: 293px !important; width: 320px; margin-right: 10px;}
.boxWebNavrhObr A{border: 5px solid #BDBCB7; padding: 1px; float: left; margin: 0 15px 0 0 !important; margin: 0 9px 0 0;}
.boxWebNavrh UL{margin: -10px 0 0 0; padding: 0;}
.boxWebNavrh UL LI{list-style: none; background: none;}
/* nabidka volnych grafickych www designu end */
/* spolupracujeme */
.box-spolupracujeme{background: #edece8 url(/pic/box-anotace.gif) no-repeat top; border: 1px solid #bdbcb7; margin: 0 10px 10px 0; padding: 25px 30px; width: 250px; float: left;}
.box-spolupracujeme P{text-align: right;}
/* konec spolupracujeme */
/* webhosting begin */
.hostBalicek{float: left; width: 330px !important; width: 328px; margin: 0 20px 15px 0; overflow: hidden;}
/* webhosting end */
/* kontakt */
.tl-odeslat{background: url(/pic/tl-odeslat.gif) no-repeat; width: 87px; text-align: center; text-decoration: none; font-weight: bold; padding: 3px 15px 7px 14px; border: 0 none; cursor: pointer; color: #b90202; float: right; margin-right: 7px;}
/* konec kontakt */
.foto-left{border: 7px solid #e5d6ba; float: left; margin: 0 10px 0 0;}
.foto-right{border: 7px solid #e5d6ba; float: right; margin: 0 0 0 10px;}
/* Navigacni menu */
.navigace{color: #777; display: block; text-align: left; margin: 0; padding: 8px 5px 17px 0;}
.navigace LI{background: url("/pic/icons/sipka.gif") no-repeat left center; display: inline; float: none; margin-top: 0; padding: 0 6px 2px 18px;}
.navigace LI.first{background: none; padding-left: 0;}
.navigace LI A{display: inline; float: none; padding-bottom: 1px;}
/* konec navigacni menu */
/* strankovani*/
.strankovani{text-align: center; width: 430px; line-height: 350%; clear: both;}
.strankovani A{border: 1px solid #c97700; padding: 0 10px; text-decoration: none; line-height: 150%;}
.strankovani A:hover{background-color: #c97700; color: #fff;}
.strankovani STRONG{background-color: #fff; border: 1px solid #fff; padding: 0 10px; font-weight: normal;}
/* konec strankovani*/
/* -------------------------------------------------- ID -------------------------------- */
#topLista{background-color: #141414; height: 23px; text-align: center;}
#topLista P{margin: 0 auto; width: 960px; text-align: right; color: #fff; padding-right: 15px;}
#topLista P A{color: #fff; font-size: 12px;}
#topLista P A.zvyraznit{color: #ffde00; font-weight: bold;}
#top{background: #141414 url(/pic/top.jpg) repeat-x; position: relative; width: 960px; height: 218px; text-align: center; margin: 0 auto;}
#topLista2{background: #fff url(/pic/lista2.gif) repeat-x; width: 960px; height: 34px; margin: 0 auto;}
/* LOGO */
H1#logo{background: url(/pic/logo.gif) no-repeat; width: 212px; height: 54px; margin: 37px 0 0 13px !important; margin: 37px 0 0 7px; float: left; position: relative;}
H1#logo A{border: 0 none; display: block; float: left; width: 212px; height: 54px; left: 0; position: absolute; text-indent: -5000px; top: 0;}
/* KONEC LOGO */
#rychlyKontakt{background: url(/pic/rychly_kontakt.png) no-repeat; position: absolute; width: 212px; height: 91px; left: 13px; top: 109px;}
#main{background: #fff url(/pic/main-top-stin.gif) repeat-x top; border-bottom: 1px solid #fff; text-align: center;}
#main #obsah{width: 960px; margin: auto; background-color: #fff;}
#main #main-bottom-stin{background: #fff url(/pic/main-bottom-stin.gif) repeat-x; height: 30px; clear: both;}
#levyLayout{background: url(/pic/lbox-bottom.gif) no-repeat center bottom; width: 242px; float: left; text-align: center; padding: 0 0 42px 0;}
#pravyLayout{width: 700px; float: left; padding: 0 0 25px 0; text-align: left;}
/* MENU BEGIN */
#menu{width: 226px; padding: 0 0 20px 0; text-align: center; margin: 0 auto;}
#menu .menuHlavicka{background: url(/pic/menu_hlavicka.png) no-repeat; margin: 0 auto; width: 226px; height: 40px; text-align: left;}
#menu .menuHlavicka H2{font-size: 14px; font-weight: normal; color: #2a2a2a; padding: 10px 0 0 0; text-align: center; background: none;}
#menu UL{margin: 0; padding: 8px 0 15px 13px; list-style: none;}
#menu LI{text-align: left; padding-left: 0; margin-bottom: 1px; background: url(/pic/menu_linka.gif) no-repeat 2px bottom; line-height: normal;}
#menu LI.last{background: 0 none;}
#menu LI A{
background: transparent url(/pic/menu_li.gif) no-repeat 10px 11px;
text-decoration: none;
padding: 6px 5px 8px 25px;
display: block;
width: 168px !important;
width: 198px;
color: #cd7a00;
font-size: 12px;
}
#menu LI A:hover, #menu LI A.active{background: url(/pic/menu_li_hover.gif) no-repeat 10px 11px; text-decoration: none; font-weight: normal; color: #952705;}
/* MENU END */
#facebook{border: none; overflow: hidden; width: 200px; height: 300px;}
/* TITULNI STRANA BEGIN */
#titBoxy{width: 478px !important; width: 476px; margin: 0; padding: 0;}
#titBoxy LI{background: url(/pic/titulni_box.png) no-repeat; width: 229px !important; width: 243px; height: 265px; float: left; margin: 0; padding: 0; list-style: none; text-align: left; padding-left: 20px;}
#titBoxy LI.first{background: none; width: 233px; padding-left: 0;}
#titBoxy LI.titBoxLinka{background: url(/pic/titulni_box_linka.png) no-repeat center; width: 100% !important; height: 14px; padding: 15px 0 !important; padding: 0;}
#titBoxy H2.titHead{background: url(/pic/bg_nadpisek.gif) no-repeat left top; color: #51a3ff; text-align: left; font-size: 22px; padding: 10px 10px 10px 25px;}
#titBoxy H2.titHead SPAN{display: block; font-weight: bold;}
#titBoxy H2.titHead A{color: #51a3ff; text-decoration: none;}
#titBoxy H2.titHead A:hover{color: #3a83d5; text-decoration: none;}
#titBoxy A.obr{display: block; text-align: center;}
#titBoxy P{padding: 10px 0 0 0; width: 100%; font-size: 11px; text-align: justify; font-weight: bold;}
#titBoxy LI.titEmpty{height: 15px; clear: both; width: 100% !important; background: none; padding: 0; margin: 0;}
/* TITULNI STRANA END */
/* AKTUALITY BOX BEGIN */
#aktualityBoxTop{background: #fff url(/pic/aktuality_box_top.png); width: 206px; height: 16px; overflow: hidden;}
#aktualityBoxBottom{background: #fff url(/pic/aktuality_box_bottom.png); width: 206px; height: 22px; overflow: hidden;}
#aktualityBox{background: #fff url(/pic/aktuality_box_middle.png) repeat-y; width: 206px; float: right; margin: 0 0 15px 15px;}
#aktualityBox .aktualityNadpisek{background: url(/pic/bg_nadpisek.gif) no-repeat 12px top; font-size: 22px; color: #a30b06; padding: 8px 0 10px 45px;}
#aktualityBox .aktualita{background: url(/pic/aktuality_linka.png) no-repeat center bottom; padding: 0 15px 10px 15px; text-align: justify;}
#aktualityBox .aktualita .datum{background: url(/pic/icons/kalendarik.png) no-repeat; padding: 5px 0 7px 28px; font-size: 11px; color: #c97700; text-align: left;}
#aktualityBox .aktualita P.nadpisek{font: bold 12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color: #3e3e3e; padding: 0;}
#aktualityBox .aktualita P, #aktualityBox .aktualita DIV{font-size: 12px; text-align: justify;}
/* AKTUALITY BOX END */
/* archiv aktualit */
.archiv-aktualita{padding: 0 0 15px 0; text-align: justify;}
.archiv-aktualita .datum{background: url(/pic/icons/kalendarik.png) no-repeat; padding: 5px 0 7px 28px; font-size: 11px; color: #c97700; text-align: left;}
.archiv-aktualita P.nadpisek{font: bold 12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color: #3e3e3e; padding: 0; margin: 0;}
.archiv-aktualita P, .archiv-aktualita DIV{font-size: 12px; text-align: justify;}
/* konec archiv aktualit */
/* Bottom lista */
#bottom-lista{background: #e08600 url(/pic/bottom-lista.gif) repeat-x top; text-align: center;}
#bottom-lista #bottom-obsah{text-align: center; width: 960px; margin: auto;}
#bottom-lista .bottom-box{width: 280px !important; width: 320px; float: left; text-align: left; padding: 25px 20px 15px 20px;}
#bottom-lista .bottom-box .nadpisek{font: normal 28px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 0 10px 0;}
#bottom-lista .bottom-box P{color: #fff;}
#bottom-lista .bottom-box P A{color: #fff;}
#bottom-lista .bottom-box .label{color: #fff;}
#bottom-lista .bottom-box DIV.tlacitko{text-align: right; margin-top: 20px;}
#bottom-lista .bottom-box DIV.tlacitko A{background: url(/pic/tl-odeslat.gif) no-repeat; width: 80px !important; width: 87px; text-align: center; text-decoration: none; font-weight: bold; padding: 4px 0 5px 7px; display: block; float: right;}
#bottom-lista .bottom-box DIV.tlacitko A:hover{color: #b35604;}
/* Konec bottom lista */
/* Bottom created */
#bottom{background: url(/pic/bottom.gif) repeat-x; padding: 10px 0;}
#bottom P{color: #ffdfaf; font-size: 11px; text-align: center;}
#bottom A{text-decoration: none; font-size: 11px; color: #ffdfaf;}
#bottom A:hover{text-decoration: underline;}
/* Konec bottom created */