/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body,td,th {font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #656664;}
body {background: #f1d49c;	margin: 0px; padding: 0px;}

a { text-decoration: underline;}
a:hover { text-decoration: none;}

p, div, ul, ol, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
li {list-style: square;}
ol li {list-style: decimal;}
img {border: none;}
label {cursor: pointer;}
li.noDisc { list-style: none;}


/******************************************
*                 NADPISY                 *
******************************************/
h1, h2, h3, h4, h5 { font-family: Trebuchet Ms, Helvetica, sans-serif; text-align: left; padding: 0px; margin: 0px;}
h2, h3, h4, h5 { font-weight: bold;}
h1 {font-size: 180%;letter-spacing: -1px; margin-bottom: 15px;}
h2 {font-size: 150%; letter-spacing: -1px; color: #000;}
h3 {font-size: 130%; letter-spacing: -1px;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}

/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #000; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;}
input {padding-left: 1px; padding-right: 1px;}
.butt { color: #F6871F; font-weight: bold;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS {width: 50px;}
.sizeSm {width: 75px;}
.sizeM {width: 100px;}
.sizeMl {width: 125px;}
.sizeL {width: 150px;}
.sizeLl {width: 175px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 225px;}
.sizeXxxl {width: 250px;}
.sizeMax1 {width: 349px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}

.formButt { border: none; background: url(../img/butt_form.gif) no-repeat; width: 20px; height: 20px; cursor: pointer;}


/******************************************
*             FORMULAR STYLE              *
******************************************/
form {}
form div { padding: 5px; clear: both;}
form div label { border-right: 1px solid #F5F5F5; text-align: right; width: 120px; padding-right: 10px; margin-right: 10px; margin-top: 3px; display: block; float: left;}

/******************************************
*             FORMULAR STYLE              *
******************************************/
.contForm  { margin: 10px 0;}
.contForm  label { line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;}
.contForm  label span { border-right: 1px solid #DCDCDC; text-align: right; width: 105px; w\idth: 90px; padding: 0 10px 0 0; margin-right: 10px; display: block; float: left;}
.contForm .buttPole {}
.contForm .buttPole span { height: 22px; width: 105px; w\idth: 90px; padding: 0 15px 0 0; margin-right: 5px; display: block; float: left;}
.contForm .buttPole .butt { color: #000; width: 165px;}


.buttMini { border: none; color: #fff; background: url(../img/bg_but_newsl.gif) no-repeat; font-weight: bold; width: 27px; height: 22px; cursor: pointer;}
.buttBig { border: none; color: #fff; background: url(../img/bg_butt_big.gif) no-repeat; font-weight: bold; width: 115px; height: 22px; cursor: pointer;}


/******************************************
*                 TABULKY                 *
******************************************/
table { border: solid 1px #F6871F; border-top: 5px solid #F6871F; border-bottom: 5px solid #F6871F; border-collapse: collapse; padding: 0px; margin: 10px 0;}
table.colorTable th { color: #fff; background: #F6871F;}
table th { text-align: center; padding: 4px;}
table td { border: solid 1px #F6871F; padding: 4px;}
table tr.bg { background: #FEF8F3;}
table.noBord td { border: none;}
/*** klasicka tabulka s okrajem *********************************/
table.bord { border: 1px solid #F6871F; border-top: 5px solid #F6871F; border-bottom: 5px solid #F6871F; /*width: 465px;*/}
table.bord td { border: 1px solid #F6871F; vertical-align: top;}
table.bord th { border: 1px solid #F6871F; color: #fff; background: #F6871F;}
table.bord th.thTop { color: #4d4d4d; background: #F6C293; text-align: left; width: 50%;}
table.bord th.thLeft { color: #4d4d4d; background: #F7D7BD; text-align: left; width: 50px}
/*** radkova tabulka *******************************************/
table.line { background: #fff; border-top: 5px solid #F6871F; border-bottom: 5px solid #F6871F; border-left: none; border-right: none; width: 415px;}
table.line th { color: #F6871F; border: none; border-bottom: solid 2px #F6871F; }
table.line td { border: none; border-bottom: 1px solid #F6871F; vertical-align: top; font-weight: normal;}
table.line td a { text-decoration: none;}
table.line td a:hover { text-decoration: underline;}
/*** tabulka BEY OKRAJE *********************************/
table.none { border: none;}






/******************************************
*            DEF. LAYOUT BLOCK            *
******************************************/
#topBann { background: #f5f5f5; padding: 10px 0;}
.clear {clear: both; line-height: 1px;	font-size: 1px; padding: 0px;	margin: 0px;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px;	margin: 0px;}
.flLeft {float: left;}
.flRight {float: right;}

.flLeftImg { border: solid 1px #ccc; margin-right: 5px; margin-bottom: 5px; float: left;}
.flRightImg { border: solid 1px #ccc; margin-left: 5px; margin-bottom: 5px; float: right;}

.odtrzBG { background: url(../img/bg_line.gif) repeat-x left center; clear: both;}
.odtrzBG2 { background: url(../img/bg_line2.gif) repeat-x left center; clear: both;}
.odtrzBG3 { background: url(../img/bg_line2.gif) repeat-x 0px -5px; border-top: 3px solid #FEFDF1; margin: 15px 0; padding: 0px; clear: both;}
html>body .odtrzBG3 { background: url(../img/bg_line2.gif) repeat-x 0px -8px;}

.sS { font-size: 6px; height: 6px;}
.sM { height: 20px;}
.sL { height: 30px;}

.date { color: Gray; font-size: 110%; letter-spacing: -1px;}
.position { width: 748px; /*font-size: 0px; height: 0px; line-height: 0px;*/ position: relative;}

ul { padding-left: 15px;}
ol { padding-left: 20px;}
ul li { margin-bottom: 5px;}
ol li { margin-bottom: 5px;}

.fotoGall { background: #FFFACD; border-top: solid 3px #FDFABD; border-bottom: 3px solid #FDFABD;}
.fotoGall a { border: solid 1px #ccc; background: transparent;  text-align: center; width: 100px; height: 75px; margin: 10px 17px 10px 17px; display: block; overflow: hidden; float: left;}
.fotoGall a:hover { border: 1px solid #FFF27B; }




#main { background: #fff url(../img/bg-main.gif) repeat-y; width: 700px; padding: 35px 24px 25px 24px; margin: 0px auto;}

.col01 {}
.col01 h1 {color: #bd0026;}
.col01 a {color: #bd0026;}
.col01 #colLeft {background: #bd0026;}
.col01 #colCenter .bgBl { background: #bd0026;}
.col01 #colCenter .bgBl h3 { background: #93001D;}


.col02 {}
.col02 h1 {color: #8fb747;}
.col02 a {color: #8fb747;}
.col02 #colLeft {background: #8fb747;}
.col02 #colCenter .bgBl { background: #8fb747;}
.col05 #colCenter .bgBl h3 { background: #749636;}

.col03 {}
.col03 h1 {color: #6495ED;}
.col03 a {color: #6495ED;}
.col03 #colLeft {background: #6495ED;}
.col03 #colCenter .bgBl { background: #6495ED;}
.col03 #colCenter .bgBl h3 { background: #3C7BEB;}

.col04 {}
.col04 h1 {color: #FF8C00;}
.col04 a {color: #FF8C00;}
.col04 #colLeft {background: #FF8C00;}
.col04 #colCenter .bgBl { background: #FF8C00;}
.col04 #colCenter .bgBl h3 { background: #D27400;}

.col05 {}
.col05 h1 {color: #BDB76B;}
.col05 a {color: #BDB76B;}
.col05 #colLeft {background: #BDB76B;}
.col05 #colCenter .bgBl { background: #BDB76B;}
.col05 #colCenter .bgBl h3 { background: #B1AA4E;}

/*.col06 {}
.col06 h1 {color: #EAC800;}
.col06 a {color: #EAC800;}
.col06 #colLeft {background: #EAC800;}
.col06 #colCenter .bgBl { background: #EAC800;}
.col06 #colCenter .bgBl h3 { background: #D5B500;}*/

/******************************************
*                 HEAD                   *
******************************************/
#head { background: #fff;  padding: 0px; margin: 7px auto 0 auto;}

#head #menu { background: url(../img/bg_menu.gif) repeat-x left bottom; height: 35px; }
.col01 #head #menu { border-bottom: solid 1px #bd0026;}
.col01 #head #menu a.act { color: #bd0026;}
.col02 #head #menu { border-bottom: solid 1px #8fb747;}
.col02 #head #menu a.act { color: #8fb747;}
.col03 #head #menu { border-bottom: solid 1px #6495ED;}
.col03 #head #menu a.act { color: #6495ED;}
.col04 #head #menu { border-bottom: solid 1px #FF8C00;}
.col04 #head #menu a.act { color: #FF8C00;}
.col05 #head #menu { border-bottom: solid 1px #BDB76B;}
.col05 #head #menu a.act { color: #BDB76B;}
/*.col06 #head #menu { border-bottom: solid 1px #EAC800;}*/
#head #menu a { color: #000; background: url(../img/menu_delitko.gif) no-repeat right bottom; letter-spacing: -1px; font-size: 120%; font-weight: bold; text-decoration: none; height: 35px; line-height: 35px;  padding: 0 20px; display: block; float: left;}
#head #menu a.end { background: none;}
.col01 #head #menu a:hover { color: #bd0026;}
.col02 #head #menu a:hover { color: #8fb747;}
.col03 #head #menu a:hover { color: #6495ED;}
.col04 #head #menu a:hover { color: #FF8C00;}
.col05 #head #menu a:hover { color: #BDB76B;}

#head #imgHead { height: 150px; padding: 25px 0 5px 30px;}
#head #imgHead #logoHead { background: url(../img/logo-head.png); display: block; text-decoration: none; width: 175px; height: 51px;}
.col01 #head #imgHead { background: url(../img/bg_head_img.jpg);}
.col02 #head #imgHead { background: url(../img/bg_head_img02.jpg);}
.col03 #head #imgHead { background: url(../img/bg_head_img03.jpg);}
.col04 #head #imgHead { background: url(../img/bg_head_img04.jpg);}
.col05 #head #imgHead { background: url(../img/bg_head_img05.jpg);}
/*.col06 #head #imgHead { background: url(../img/bg_head_img02.jpg);}*/



/******************************************
*             HLAVNI OBSAH                *
******************************************/
#cont { text-align: left; background: #fff;  padding: 0px; margin: 0 auto;}
.col01 #cont { background: url(../img/bg-col01.gif) repeat-y left top; }
.col02 #cont { background: url(../img/bg-col02.gif) repeat-y left top; }
.col03 #cont { background: url(../img/bg-col03.gif) repeat-y left top; }
.col04 #cont { background: url(../img/bg-col04.gif) repeat-y left top; }
.col05 #cont { background: url(../img/bg-col05.gif) repeat-y left top; }
/*.col06 #cont { background: url(../img/bg-col06.gif) repeat-y left top; }*/


/******************************************
*             LEVY SLOUPEC                *
******************************************/
#colLeft { width: 222px; float: right; padding: 10px; /*background: Aqua;*/}
#colLeft a {color: #fff;}
#colLeft li {color: #fff;}
#colLeft p {color: #fff; padding: 0px; margin-bottom: 5px;}
#colLeft h2 {color: #fff;}

#colLeft #news {}
#colLeft #news p {}
#colLeft #news p strong { }
#colLeft #news p a { text-decoration: none;}
#colLeft #news p a:hover { text-decoration: underline;}
#colLeft #news p.next { border-bottom: none; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}
#colLeft #news p.next a {  text-decoration: underline;}
#colLeft #news p.next a:hover { text-decoration: none;}

#colLeft #newsletter p  { }



#colLeft .obsBl { border-bottom: solid 1px #fff; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#colLeft .obsBl p {}
#colLeft .obsBl p strong { }
#colLeft .obsBl p a {  text-decoration: none;}
#colLeft .obsBl p a:hover {  text-decoration: underline;}
#colLeft .obsBl p.next { border-bottom: none; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}
#colLeft .obsBl p.next a {  text-decoration: underline;}
#colLeft .obsBl p.next a:hover { text-decoration: none;}
/******************************************
*             CENTR SLOUPEC               *
******************************************/
#cont #colCenter { background: #fefde1; width: 418px; padding: 10px 20px; float: left; }
#cont #colCenter.oneCol { width: 660px;}
#colCenter h2 { padding-bottom: 0px; }
#colCenter p { padding: 10px 0 0 0;}
#colCenter ul { padding-top: 10px;}
#colCenter ol { padding-top: 10px;}
#colCenter p.next { font-weight: bold; border-bottom: none; padding-bottom: 0px; margin-bottom: 0px;}

#mapa { border: solid 1px;	position: absolute; z-index: auto; left: 200px; top: 10px;}

#colCenter .bordBl { padding: 10px;}
#colCenter .bordBl h3 { border-bottom: 1px solid #FFF; padding-bottom: 5px;}
#colCenter .bordBl h4, h5 { padding-bottom: 5px;}
#colCenter .bordBl p { padding-bottom: 0px;}
#colCenter .bgBl { padding: 10px;}
#colCenter .bgBl p { color: #fff; padding-bottom: 0px;}
#colCenter .bgBl a { color: #fff;}
#colCenter .bgBl h3 { color: #fff; /*border-bottom: 1px solid #FCE8D5;*/ padding: 5px;}
#colCenter .bgBl h4, h5 { color: #fff; padding-bottom: 5px;}


/******************************************
*                FOOTER                   *
******************************************/
#footer {}
#footer table { background: #fff; border: none; border-collapse: collapse; width: 457px; margin: 0px;}
#footer table td { border: none; text-align: center; padding: 10px 0;}
#footer p { color: #fff; width: 230px; padding: 30px 0 0 0; }
#footer a { color: #fff; }

#topImg { background: #f1d49c url(../img/bg-top-img.gif) no-repeat center bottom; width: 748px; height: 35px; position: absolute; left:-24px; top: -35px; z-index: auto;}
#topImg p { line-height: 25px; padding: 0 30px;}
#topImg p a { color: #70694f; padding: 0 10px;}
#bottImg { background: #f1d49c url(../img/bg-bott-img.gif) no-repeat center top; width: 748px; height: 25px; position: absolute; left:-24px; top: 7px; z-index: auto;}

#kont { border: none; border-collapse: collapse;}
#kont td { border: none; vertical-align: top; padding: 2px 0;}
#kont td h2, #kont td h3 { padding: 0px; margin: 0px; line-height: 100%; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal;}
#kont td p { padding: 0px; margin: 0px;}
#kont td h2 { font-size: 120%; padding-bottom: 5px;}
#kont td h3 { font-size: 110%;}
#kont td.colLeft { padding-right: 20px;}
#kont td.colRight { width: 270px;}
#kont td.colLeft img { border: solid 1px #ccc;}