/* nacteme externi styly begin */
@import url("./reset.css");
/* nacteme externi styly end */

/* poznamka: " *IE6 " - je provedena uprava v souboru "screen_ie6.css" */

/* DEFAULT */
BODY{background-color: #636363; text-align: center; margin: 0; padding: 0;}
TABLE, P, UL, OL, DIV, SPAN, A, H1, H2, H3, LEGEND{font: 12px "Arial CE", Arial, Geneva, Verdana, Helvetica, sans-serif; color: #686868;}
H1{font-size: 28px; font-weight: normal; margin: 0 0 10px 0; text-align: left; color: #8d8d8d;}
H1 STRONG.firstChar{color: #d83f02; font-size: 36px;}
H2{font-size: 22px; font-weight: normal; margin: 0 0 10px 0; text-align: left; color: #696969;}
H2 A{font-size: 20px; font-weight: normal; margin: 0 0 10px 0; text-align: left; text-decoration: underline;}
H2 A:hover{text-decoration: none;}
H3{font-size: 18px; font-weight: normal; margin: 0; padding: 0 0 10px 0; color: #49484b;}
H3.kontakt{font-size: 16px;}
H4{font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 10px 0; color: #368cc6;}

A{color: #d83f02; text-decoration: underline;}
A:hover {color: #d83f02; text-decoration: none;}
HR{background-color: #c9c9c9; border: 0 none; color: #c9c9c9; height: 1px; clear: left; margin: 20px 0;}
UL{list-style: none; margin: 0; padding: 0 0 15px 15px;}
UL LI{line-height: 150%; background: transparent url(/pic/li.png) no-repeat 0 4px; padding: 0 0 0 25px;}
OL{margin: 0 15px 15px 15px; padding: 0 0 0 15px; list-style: decimal; line-height: 150%;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%;}
IMG{vertical-align: middle;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
/* KONEC DEFAULT */

/* EFEKTY BEGIN */
/* kulate rohy begin */
INPUT, SELECT, BUTTON, .btn A, .selectBox, .checkBox, .textareaBox, .textBoxSmall, .messageInfo, .messageError, .fotoLeft IMG, .fotoRight IMG, .fotogalerie IMG, .tiniFoto, .baseFoto IMG, .fotoGallery IMG, .mapa IMG, .read-more A, .re-collapse A, .btnZpetSeznam A, .darkovyPoukaz A, .keStazeni IMG, .strankovani A, UL.plakaty IMG
{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#flags IMG
{
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
/* kulate rohy end*/

/* stiny u formularu begin */
SELECT:hover,
.textBox:hover,
.selectBox:hover,
.textareaBox:hover,
.checkBox,
.textBoxSmall:hover
{
	-moz-box-shadow: 3px 3px 3px #b0b0b0;
	-webkit-box-shadow: 3px 3px 3px #b0b0b0;
	box-shadow: 3px 3px 3px #b0b0b0;
}
SELECT:focus,
.textBox:focus,
.selectBox:focus,
.textareaBox:focus,
.checkBox:focus,
.textBoxSmall:focus
{
	background-color: #f2f2f2;
	-moz-box-shadow: 0 0 10px #b0b0b0;
	-webkit-box-shadow: 0 0 10px #b0b0b0;
	box-shadow: 0 0 10px #b0b0b0;
}
/* stiny u formularu end */
/* EFEKTY END */

/* FORMULAR DEFAULT */
FIELDSET{border: 1px solid #ddab78; border-top: 3px solid #ddab78; padding: 5px 10px 10px 10px; margin: 0 0 10px 0;}
FIELDSET P{padding-top: 5px; margin: 0 15px;}
LEGEND{font-weight: bold; color: #555; padding: 0 5px; margin-left: 15px;}
FORM{margin: 0; padding: 0;}
LABEL{font-weight: bold;}
TEXTAREA{border: 0 none; font: normal 11px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; width: 300px; padding: 5px;}
/*TEXTAREA{background-color: #daccd3; border: 1px solid #000; font: normal 11px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000;}*/

BUTTON{background: #d83f02 url(/pic/btn.gif) repeat-x; border: 1px solid #fff; padding: 0px 10px; color: #fff; font-weight: bold; text-decoration: none; border-radius: 3px; height: 30px; vertical-align: middle;}
BUTTON:hover{background-color: #d83f02; background-image: none; color: #fff; cursor: pointer;}
.buttonsBox{text-align: center; padding: 5px 0;}
.textBox, .textareaBox, .selectBox{background-color: #fff; border: 1px solid #d4d4d4; font-size: 11px; padding: 3px 3px;}
.formPoznamka{font-style: italic;}
/* KONEC FORMULAR DEFAULT*/

/* TABULKY */
TABLE.tab{border: 0 solid #5b5958; width: 100%; margin-bottom: 15px;}
TH{background-color: #dddede; padding: 5px; border: 1px solid #dddede;}
TD{padding: 5px 5px; text-align: left; background-color: #f0f0f0; border: 1px solid #dddede;}
TD.valignTop{vertical-align: top;}
TD.w30{width: 30%;}

TH.left{text-align: left;}
TH.center{text-align: center;}
TH.right{text-align: right;}

TD.left{text-align: left;}
TD.center{text-align: center;}
TD.right{text-align: right;}

TABLE.cenik{margin-bottom: 15px; width: 100%;}
TABLE.cenik TH{padding: 5px 5px;}
TABLE.cenik TD{padding: 5px;}
TABLE.w55{width: 55%;}

TABLE.kontakt{border: 0 solid #5b5958; width: 100%; margin-bottom: 0px;}
TABLE.kontakt TD{border: 0 none; background-color: transparent;}
TABLE.kontakt H3{padding-bottom: 0;}
TABLE.kontakt A{font-size: 11px;}
TABLE.kontaktForm{border: 0px solid #5b5958; width: 100%; margin-bottom: 15px;}
TABLE.kontaktForm TD{border: 0 none; background-color: transparent;}
/* KONEC TABULKY */

/* pro zobrazeni a skryti obsahu begin */
.noscreen{display: none;}
/* pro zobrazeni a skryti obsahu end */

/* STRANKOVANI BEGIN */
.strankovani{text-align: center; line-height: 150%; padding-top: 15px; margin-bottom: 5px;}
.strankovani A{padding: 2px 10px; text-decoration: none; line-height: 150%; background-color: #ee5b11; color: #fff; font-weight: bold;}
.strankovani A:hover{border: 0 none; background-color: #d73f03; color: #fff;}
.strankovani STRONG{background-color: transparent; border: 0 none; padding: 0 10px; font-weight: bold;}
/* STRANKOVANI END */

/* HLASKY */
.messageInfo, .messageError{margin: 5px 0 15px 0; padding: 15px 15px 15px 50px !important; color: #000; font-weight: bold;}
.messageInfo{background: #fff url(/pic/icons/messageOk.gif) no-repeat 15px center; border: 1px solid #0b5923;}
.messageError{background: #ffbfbf url(/pic/icons/messageError.gif) no-repeat 15px center; border: 1px solid #ff3030;}
.messageError UL{margin-left: 0; padding-bottom: 0; margin-bottom: 0; list-style: none;}
.messageError UL LI{font-weight: bold;}
.messageInfo A, .messageError A{font-weight: bold; color: #C80404; text-decoration: underline;}
.messageInfo A:hover, .messageError A:hover{color: #c80404; text-decoration: none;}
/* KONEC HLASKY*/

/* FOTOGALERIE BEGIN */
UL.plakaty{text-align: center; margin: 0; padding: 0;}
UL.plakaty LI{list-style: none; float: left; width: 145px; height: 210px; margin: 0; padding: 0; text-align: center; background: 0 none;}
UL.plakaty IMG{border: 6px solid #ddd; padding: 1px;}
UL.plakaty IMG:hover{border: 6px solid #d4d2d2; padding: 1px;}
/*
#fotogalerie{}
UL.fotogalerie{text-align: center; margin: 0; padding: 0;}
UL.fotogalerie LI{list-style: none; float: left; width: 169px; height: 120px; margin: 0; padding: 0; text-align: center; background: 0 none;}
UL.fotogalerie LI.detail{list-style: none; float: left; width: 157px; height: 140px; margin: 0; padding: 0 0 6px 0; text-align: center; overflow: hidden;}
UL.fotogalerie LI.detail P{font-size: 11px; text-align: center; line-height: normal; width: 124px; margin: 0 auto;}
UL.fotogalerie A.odkaz{display: block; padding-bottom: 3px; width: 124px; margin: 0 auto; font-size: 11px; line-height: normal; text-align: center;}
UL.fotogalerie IMG{border: 6px solid #ddd; padding: 1px;}
UL.fotogalerie IMG:hover{border: 6px solid #d4d2d2; padding: 1px;}
*/
/* FOTOGALERIE END */

.fotoLeft A IMG, .fotoRight A IMG{border: 6px solid #ddd; padding: 1px;}
.fotoLeft A IMG:hover, .fotoRight A IMG:hover{border: 6px solid #a2a2a2; padding: 1px;}
.fotoLeft{float: left; margin: 3px 10px 3px 0;}
.fotoRight{float: right; margin: 3px 5px 3px 10px;}

.mapa{float: right;}
.mapa IMG{border: 6px solid #ddd; padding: 1px; padding: 1px;}
.mapa IMG:hover{border: 6px solid #a2a2a2; padding: 1px;}

.povinne{font-weight: bold; color: red;}

.hightlight{font-weight: bold; color: #d83f02;}
.btn A{background: #d83f02 url(/pic/btn.gif) repeat-x; border: 1px solid #fff; padding: 5px 15px; text-align: center; color: #fff; font-weight: bold; text-decoration: none;}
.btn A:hover{background-color: #d83f02; background-image: none;}
.btnGoKontaktForm{float: right; margin: 15px 0 0 0;}

.btnVice{text-align: right;}
.btnZpetSeznam{float: right; padding: 15px 0px 10px 20px;}
.btnZpetSeznam A{}
.btnZpetSeznam A:hover{}

.slogan-cs{background: url(/pic/cs/slogan.png) no-repeat center; height: 130px;}

.obchodniPartneri{text-align: left;}

.refText{font-style: italic;}
.refPodpis{text-align: right; font-weight: bold;}

.smallTextKlient{font-size: 11px;}

.bigTextNasTym{font-size: 18px; text-align: center; background-color: #e2e2e2; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #a1b4c6;}
.bigTextNasTym A{font-size: 18px;}

/* =================== LAYOUTY BEGIN ======================= */
#pageTop{background: #e2e2e2 url(/pic/bgTop.gif) repeat-x center bottom; width: 100%; height: 50px; margin: 0 auto;}
#pageTopContent{width: 960px; margin: 0 auto; position: relative;}
#pageTopContent .odkazHome{background: url(/pic/icons/home.gif) no-repeat left 2px; position: absolute; left: 490px; top: 20px; padding-left: 25px;}
#pageTopContent .telefon{background: url(/pic/icons/telefon.gif) no-repeat 15px 2px; position: absolute; left: 600px; top: 20px; padding-left: 45px; border-left: 1px solid #cecece;}
#pageTopContent .email{background: url(/pic/icons/email.gif) no-repeat 15px 2px; position: absolute; left: 760px; top: 20px; padding-left: 45px; border-left: 1px solid #cecece;}

#topObr{width: 100%; height: 258px; background-color: #fff; text-align: center;}
#topObrContent{width: 960px; position: relative; margin: 0 auto;}
#obr{background: url(/pic/TopObr.jpg) no-repeat left top; position: absolute; left: 430px; top: 12px; width: 500px; height: 220px;}

#pageMiddleTop{background: #e2e2e2 url(/pic/bgMiddleTop.gif) no-repeat center top; width: 100%; margin: 0 auto; padding: 0; text-align: center;}
#pageMiddle{background: url(/pic/bgMiddle.gif) no-repeat center 71px; width: 100%; margin: 0 auto; padding: 0; text-align: center;}

/* LOGO */
#logo{width: 372px; height: 182px; margin: 0 auto; position: absolute; overflow: hidden; left: 34px; top: 20px; background: url(/pic/logo.png) no-repeat left top;}
#logo A{border: 0 none; display: block; left: 0; position: absolute; text-indent: -5000px; top: 0; width: 372px; height: 182px;}
/* KONEC LOGO */

/* TOP MENU BEGIN CS */
#topMenu{width: 880px; height: 168px; margin: 0 auto;}
#topMenu UL{margin: 0; padding: 0;}
#topMenu UL LI{background: url(/pic/btnMenuShadow.png) no-repeat left bottom; width: 130px; height: 154px; margin: 0 8px 0 0; padding: 0; display: inline-block;}
#topMenu UL LI.last{margin: 0;}
#topMenu UL LI A{width: 130px; height: 119px; display: block; overflow: hidden;}
#topMenu UL LI A.btn01_cs{background: url(/pic/cs/btn01.png) no-repeat left 0;}
#topMenu UL LI A.btn01_cs:hover{background: url(/pic/cs/btn01.png) no-repeat left -119px;}
#topMenu UL LI A.btn02_cs{background: url(/pic/cs/btn02.png) no-repeat left 0;}
#topMenu UL LI A.btn02_cs:hover{background: url(/pic/cs/btn02.png) no-repeat left -119px;}
#topMenu UL LI A.btn03_cs{background: url(/pic/cs/btn03.png) no-repeat left 0;}
#topMenu UL LI A.btn03_cs:hover{background: url(/pic/cs/btn03.png) no-repeat left -119px;}
#topMenu UL LI A.btn04_cs{background: url(/pic/cs/btn04.png) no-repeat left 0;}
#topMenu UL LI A.btn04_cs:hover{background: url(/pic/cs/btn04.png) no-repeat left -119px;}
#topMenu UL LI A.btn05_cs{background: url(/pic/cs/btn05.png) no-repeat left 0;}
#topMenu UL LI A.btn05_cs:hover{background: url(/pic/cs/btn05.png) no-repeat left -119px;}
#topMenu UL LI A.btn06_cs{background: url(/pic/cs/btn06.png) no-repeat left 0;}
#topMenu UL LI A.btn06_cs:hover{background: url(/pic/cs/btn06.png) no-repeat left -119px;}
#topMenu UL LI A.btn07_cs{background: url(/pic/cs/btn07.png) no-repeat left 0;}
#topMenu UL LI A.btn07_cs:hover{background: url(/pic/cs/btn07.png) no-repeat left -119px;}
/* TOP MENU END CS */

#main{width: 860px; margin: 0 auto; padding: 0 50px 10px 50px; text-align: left;}
#leftLayout{width: 580px; float: left; margin-right: 10px; text-align: justify; padding-bottom: 25px;}
#rightLayout{width: 230px; float: right; text-align: center; padding-bottom: 25px;}

.aktualneBox{padding: 0 0 15px 0; margin-bottom: 15px; text-align: left; border-bottom: 1px solid #c9c9c9;}
.aktualneBox H2.titAktualne{text-align: left; padding: 0; margin: 0 0 10px 0; font-size: 28px; color: #8d8d8d;}
.aktualneBox H2.titAktualne STRONG.firstChar{color: #d83f02; font-size: 36px;}
.aktualneBox H3{padding: 0; font-size: 14px; font-weight: bold;}
.aktualneBox H3 A{padding: 0; font-size: 14px; font-weight: bold;}
.aktualneBox .text{text-align: justify; padding-bottom: 10px;}
.aktualneBox .btn A{margin: 0 0 0 28px; float: left;}

.aktuality{border-bottom: 1px solid #c9c9c9; margin-bottom: 10px;}
.aktuality .baseFoto{float: left; margin: 3px 15px 10px 0;}
.aktuality .baseFoto IMG{border: 6px solid #ddd; padding: 1px;}
.aktuality .baseFoto IMG:hover{border: 6px solid #d4d2d2; padding: 1px;}
.aktuality .text{}
.aktuality H2{font-size: 22px; padding-left: 0;}
.aktuality UL.fotoGallery{list-style: none; margin: 0; padding: 0;}
.aktuality UL.fotoGallery LI{width: 170px; height: 130px; float: left; text-align: center; margin: 5px 0px 0 0px; padding: 0; background: 0 none;} /* *IE6 */
.aktuality UL.fotoGallery LI IMG{border: 6px solid #ddd; padding: 1px; margin: 0 auto;}
.aktuality UL.fotoGallery LI IMG:hover{border: 6px solid #d4d2d2; padding: 1px;}
.aktuality .soubory{padding: 0 0 15px 0;}

#pageBottom{background: transparent url(/pic/bgBottom.gif) repeat-x center top; border-top: 1px solid #fff; width: 100%; height: 238px; margin: 0 auto; text-align: center;}
#pageBottomContent{width: 960px; margin: 0 auto; background: url(/pic/logoBottom.png) no-repeat right 30px; min-height: 170px; padding: 30px 0 0 0;}

#pageBottomContent H3{color: #c0c0c0;}

#boxBottom01{float: left; width: 130px; text-align: left; margin-left: 50px;}
.oddelovacBottom{background: url(/pic/oddelovacBottom.png) no-repeat center; width: 3px; height: 143px; overflow: hidden; float: left; margin: 0 20px 0 20px;}
#boxBottom02{float: left; width: 160px; text-align: left;}
#boxBottom03{float: left; width: 150px; text-align: left;}
#boxBottom01 A, #boxBottom02 A, #boxBottom03 A{color: #fff;}
#boxBottom01 UL LI, #boxBottom02 UL LI, #boxBottom03 UL LI{line-height: 150%; background: transparent url(/pic/liBottom.png) no-repeat 0 4px; padding: 0 0 0 25px;}

#created{font-size: 10px; margin: 0 auto; padding: 2px 10px; width: 960px; color: #c0c0c0;}
#created A{font-size: 10px; color: #c0c0c0;}