/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body,td,th { color: Gray;}
body {background: #fff;}


/******************************************
*           ZAKLADNI OBS STYLY            *
******************************************/
a {color: #FFA500;}
a:hover {color: #FF8C00;}
a.img { border: solid 1px #FF8C00;}
a.img:hover { border: solid 1px #FF8C00; }
img {border: none;}
input, select, textarea { border: solid 1px #D0D0D0; background: #FFFAF0;}
.oblig { border: solid 1px Red;}

.noBord { border: none;}
.formButt { background: url(../img/butt_bg.gif) repeat-x center center; border: none; color: #fff;}

/*** ods. odtrz. style ***********************************************/
.odtrz { border-top: 1px solid #D0D0D0;}
.odtrzS { border-top: 1px solid #D0D0D0;}
.odtrzM { border-top: 1px solid #D0D0D0;}
.odtrzL { border-top: 1px solid #D0D0D0;}
.odtrzXL { border-top: 1px solid #D0D0D0;}
.odtrzXXL { border-top: 1px solid #D0D0D0;}


/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #000;}
input.butt { color: #FF8C00;}


/******************************************
*                 TABULKY                 *
******************************************/
table { border-collapse: collapse;}
/*** klasicka tabulka s okrajem *********************************/
table.bord {border: 1px solid #D0D0D0; color: Gray;}
table.bord td, th {border: 1px solid #D0D0D0;}
table.bord th { color:#fff;  background: Orange;}
/*** radkova tabulka *******************************************/
table.line {border: none; border-top: 1px solid #A1A1A1; color: Gray;}
table.line th, td { color: #A1A1A1; border: none; border-bottom: 1px solid #A1A1A1;}
table.line th { color: Orange;}
/*** tabulka BEZ BORDERU *******************************************/
table.noBrd { background: #F4F4F4; border: none; border-collapse: collapse;}
table.noBrd td { border: none; border-collapse: collapse;}



/******************************************
*            DEF. CONT. STYLE             *
******************************************/
/*** ZAKLADNI OBSAHOVE BLOKY ***************************************/
.contBl { border-bottom: solid 1px #D0D0D0;}
.contBlOds { border-bottom: solid 1px #D0D0D0;}
.contBlOds h3 {color: #000; background: url(../img/bg_h3.gif) no-repeat -1px 0px;}
.contBlOds.lightBg { background: #F4F4F4;}
.contBlOds.darkBg { background: #000;}
.contBlOds.colorBg { background: Orange;}
.contBlOds .flLeft { border: solid 5px #F4F4F4;}
.contBlOds .flRight { border: solid 5px #F4F4F4;}

/**** FIELDSET *************************************************/
fieldset { border: solid 1px #D0D0D0;}
fieldset legend { color: #000;}
/*** REKLAMA **************/
.advert { border-left: none; border-right: none;}
/*** SUBMENU **************/
.submenu { /*background: Orange;*/}
.submenu a { /*color: #fff;*/}

/**** ANKETA *************************************************/
div#ANKETA div { background: Orange;}

/**** LOGIN BLOCK *************************************************/
#log p {	color: #fff;}
#userLog #log p a:hover.formButt { color: #fff;}

/**** GALERIE *************************************************/
.gallery{ background: #F4F4F4;}
.gallery a { background: #fff; border: solid 1px Orange;}

/*** Info blok ********************************************/
#centrCol div.info { width: 540px; padding: 10px; margin-top: 10px;}
#centrCol div.info img { margin: 0 10px 10px 0; float: left;}
#centrCol .info h4 { padding: 0 10px; margin-bottom: 5px;}
#centrCol .info p {line-height: 160%; margin-bottom: 10px; padding: 0 10px;}
#centrCol .info p.hodnText {line-height: 150%; margin-bottom: 15px;}
#centrCol .info p.hodnText span strong { font-size: 120%;}
#centrCol .info p.hodnText.end {margin-bottom: 0px;}
#centrCol .info p.backmenu { font-weight: bold; text-align: right; padding: 5px; /*margin: 0px;*/}
#centrCol .info p img { margin: 0 10px 10px 0; float: left;}
#centrCol .info ul {padding: 0 10px 0 25px;}
#centrCol .info li {line-height: 17px; padding: 0 0 10px 0;}


/*** Info blok 2 UPOZRNENI A CHYBOVE HLASKY ********************************************/
#centrCol div#info2 { border: 9px solid #E80000; background: Red; padding: 10px; margin-top: 10px;}
#centrCol div#info2 p { color: #fff; font-weight: bold;}
#centrCol div#info2 h4 { color: #fff; background: none; font-size: 150%; letter-spacing: -1px; padding: 0 0 5px 0; margin: 0px;}

/******************************************
*            BLOK MENU                    *
*******************************************/
.menu { /*background: #708090;*/}
.menu li a { background: #F4F4F4; color: #000;}
.menu li a:hover { background: #D0D0D0;}
.menu li a.act { color: #fff; background: Orange;}
.menu li a.act span { color: #fff;}
.menu li a span { color: Orange;}





/******************************************
*                LAYOUT                   *
******************************************/
#main { background: #FFF8DC;}
#container { background: #FFF;}
#head { /*background: #FFFACD;*/}
#defCont { /*background: #FFF;*/}
#foot { /*background: #F0FFF0;*/}




/******************************************
*             HLAVICKA                    *
*******************************************/
#headImg { background: url(../img/bg_head.gif) no-repeat;}
#headImg a#logoHead { background: url(../img/head_logo.gif) no-repeat;}
#headImg #textBlock h1 { color: #000; border-left: solid 1px #fff;}
#headImg #textBlock h1 span { color: #fff;}

/*** MENU HLAVICKY **************************************************/
.headMenu { background: #000;}
.headMenu a { background: #000; color: #fff;}
.headMenu a.act { color: #FFA500;}
.headMenu a:hover { color: #FFA500;}
.headMenu span { background: #000 url(../img/delitko_menu.gif) no-repeat center bottom;}



/******************************************
*             LEVY SLOUPEC                *
*******************************************/
#leftCol { /*background: #FFE4C4;*/ /*display: none;*/}
#leftCol h2 {color: #fff; background: #D0D0D0 url(../img/bg_h2.gif) no-repeat left top; }



/******************************************
*             STREDOVY SLOUPEC            *
*******************************************/
#centrCol { /*background: #EE82EE;*/}
#centrCol h2 {color: #fff; background: #D0D0D0 url(../img/bg_h2.gif) no-repeat left top; }
#centrCol h1#link { font-size: 140%; margin-bottom: 10px; padding: 0 10px; font-weight: bold; }

/**** SPONZOR *************************************************/
#centrCol #sponzor { border: 5px solid #FFF3DB; border-left: none; border-right: none; background: #FFF9EC;}
#centrCol #sponzor h2 {background: Orange; color: #fff;}
#centrCol #sponzor .contBlOds { border-bottom: 1px solid #FFE9BB;}
#centrCol #sponzor .end { border:none;}
#centrCol #sponzor #vlozitShop {background: Orange;}
#centrCol #sponzor #vlozitShop a { color: #fff;}

/**** PRODUKT *************************************************/
#centrCol .produkt .flLeft {background: #fff; border: none;}
#centrCol .produkt .flRight h3 { background: none;}

/******************************************
*              CENTR MENU                 *
******************************************/
#centerMENU { background: #fff; margin-top: 0; }
#centerMENU a { display: block; background: #F4F4F4; height: 12px; width: 228px; padding: 5px 30px 5px 10px; margin: 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;}
#centerMENU a.act { background-color: #FFA500; color: #fff; }
#centerMENU a:hover { background: #D0D0D0; }

/******************************************
*             PRAVY SLOUPEC               *
*******************************************/
#rightCol { /*background: #BDB76B;*/ /*display: none;*/}
#rightCol h2 {color: #fff; background: #D0D0D0 url(../img/bg_h2.gif) no-repeat left top; }



/******************************************
*             FOOTER BLOK                 *
*******************************************/
#foot { color: #fff; background: url(../img/bg_footer.gif) no-repeat; }
#logoFoot { background: url(../img/foot_logo.gif) no-repeat 1px 0px;}
#footMenu { /*background: #FFDEAD;*/}
#footMenu a { color: #fff;}


/******************************************
*                 PAGER                   *
******************************************/
.pager { border-collapse: collapse; border: solid 1px #D0D0D0; }
.pager td { border-collapse: collapse; border: none;}
.pager .listovani a { color: #fff;}
.pager .listovani a.list-l {background: Orange url(../img/tl_zpet.gif) no-repeat 0px 0px;}
.pager .listovani a.list-r {background: Orange url(../img/tl_dalsi.gif)  no-repeat 0px 0px;}

/******************************************
*                 PAGER                   *
******************************************/
.produktDET .PAGER {/*color*/}
.PAGER { height: 22px;/*line-height: 20px;*/ padding: 6px 6px 0 6px;}
html>body .PAGER { height: 20px;/*line-height: 20px;*/ padding: 6px;}
.PAGER div.pocet {line-height: 20px; float: left;}
.PAGER form {height: 20px; padding: 0 20px 0 6px; float: left;}
.PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;}
.PAGER form input, select {margin-top: 0px; margin-bottom: 0px;}
.PAGER form select {width: 45px;}
.PAGER form input {width: 25px; float: left;}
.PAGER form input.butt {width: 30px;}
.PAGER .listovani {/*width: 136px; */ padding: 0 20px 0 6px; float: left;}
.PAGER .listovani a {width: 15px; height: 20px;	text-decoration: none; display: block; color: #fff;}
.PAGER .listovani a.list-l {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left; background-color: #FFA500; font-weight: bold; text-align: center; }
.PAGER .listovani a.list-r {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left; background-color: #FFA500; font-weight: bold; text-align: center; }

.PAGER a.hover {font-weight: bold; line-height: 20px; text-decoration: underline;	float: left; display: block;}
.PAGER a.prodKoupe {line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;}
.PAGER a:hover.prodKoupe { text-decoration: none;}
.PAGER a.prodMail {line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 95px;	w\idth: 75px; float: right; display: block; margin-right: 6px;}
.PAGER a:hover.prodMail {text-decoration: none;}
.PAGER a.prodPrint {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 80px; w\idth: 60px; float: right;	display: block; margin-right: 6px;}
.PAGER a:hover.prodPrint {text-decoration: none;}
.PAGER a.prodDownl {line-height: 20px;	text-decoration: underline; padding-left: 20px;	width: 100px;	w\idth: 80px;	float: right; display: block; margin-right: 6px;}
.PAGER a:hover.prodDownl {text-decoration: none;}


