body {margin: 0; padding: 0; text-align: center; /*background: #ddd;*/background: url(img/bg-body.gif) repeat-y 50%; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em;}
h1 {margin: 0px; /*color: #D9241B;*/ color: #fff; font-size: 1.5em; text-transform: uppercase; padding: 3px 0 0 5px;}
h2 {background: url(img/bg-h2.gif) no-repeat left top; color: #fff; text-transform: uppercase; font-size: 1.2em; padding: 15px 0 0 50px; height: 24px;  _height: 39px; _margin-top: 10px;}
#obsah h2 {margin-left: -20px;}
h2.seda {background: url(img/bg-h2-seda.gif) no-repeat left top;}
h3 {font-size: 1.2em;}

p {text-align: justify;}
a {color: #D9241B;}
a:hover {text-decoration: none;}
ul {list-style: none; margin: 0; padding: 0;}
ul li {list-style: none; margin: 0; padding: 0; background: url(img/odr-sm.gif) no-repeat left 6px; padding-left: 10px;}
ol li {padding-bottom: 6px;}
input.text {border: 1px solid #900; /*background: #FDF1F1;*/}
table {font-size: 1em;}
#obsah ul {margin-left: 20px;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

fieldset {margin: 0 0 3em 0; padding: 0 0.5em 1em 0.5em; /*margin-bottom: 20px; padding: 10px;*/ border: 1px solid #f00; background: #f6f6f6; position: relative;}
html>body fieldset {padding-top: 1em;} 
legend {position: relative; top: -1em; background: #f00; color: #fff; font-weight: bold; padding: 2px 5px; /*margin-bottom: 10px;*/ text-transform: uppercase; font-size: 0.9em;}

/* id */
#zalozky {
	width: 950px; margin-left: auto; margin-right: auto; text-align: right;
	/*background: #eee;*/
	padding-top: 5px;
	text-transform: uppercase; font-size: 0.9em;
	position: relative;
}
#zalozky div.zalozka		{float: right; background: #EDF5FA; margin: 0px 3px; border: 1px solid #aaa; border-bottom: none; color: #000; letter-spacing: 1px;}
#zalozky div.zalozkaActive	{float: right; background: #D9251C; margin: 0px 3px; border: 1px solid #D9251C; border-bottom: none; color: #fff; letter-spacing: 1px;}
#zalozky div.zalozka a			{font-weight: bold; text-decoration: none; display: block; background: #EDF5FA; padding: 5px 15px; border-top: 4px solid #ccc; color: #004A86;}
#zalozky div.zalozkaActive a	{font-weight: bold; text-decoration: none; display: block; background: #D9251C; padding: 5px 15px; border-top: 4px solid #D9251C; color: #fff;}
/*#zalozky a {color: #000 !important;}*/
#zalozky div.zalozka a:hover {/*color: #D9241B !important;*/ border-top: 4px solid #004A86 !important;}

#vlajky {float: right; margin-right: 380px;}

#container {width: 950px; margin-left: auto; margin-right: auto; text-align: left; position: relative; background: #fff url(img/bg-hlavicka.jpg) no-repeat left top;}
#hlavicka {width: 950px; height: 160px;}
#hlavicka #logo {position: absolute; top: 77px; left: 28px;}
#hlavicka #podtitul {/*color: #D9241B;*/ color: #fff; font-weight: bold; padding: 0 0 0 40px;}

#main {width: 950px; position: relative;}
#obsah {float: left; width: 706px; _width: 737px; padding: 20px; padding-right: 11px; color: #333;}

#telobj {background: url(img/bg-telefon.jpg) no-repeat left; min-height: 71px; _height: 71px; padding: 10px 10px 0 50px; text-align: center;}
#telobj strong {color: #f00; font-size: 1.6em; font-family: Tahoma;}

#menu {float: left; width: 212px; border-left: 1px solid #f3f3f3;}
#menu .nadpis {background: url(img/bg-nadpis-menu.jpg) no-repeat right top; color: #fff; text-transform: uppercase; font-weight: bold; padding: 15px 15px 0 0; height: 24px; _height: 39px; text-align: right; font-size: 0.9em;}
#menu .items {background: url(img/menu-sep.gif) no-repeat bottom right; padding-bottom: 6px; margin-bottom: 9px;}
#menu .items div {background: url(img/bg-menu.gif) repeat-y right;}
#menu .items div.sep {font-size: 2px; background: #fff;}
#menu .items div a {
	background: url(img/odr.gif) no-repeat 30px 55%;
	display: block; padding: 2px 0 0 50px;
	/*color: #900;*/ color: #004A86; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 0.9em;
}
#menu .items div a:hover {background: /*#DA251C*/#C5DEEF url(img/odr-over.gif) no-repeat 30px 55%; /*color: #fff;*/}

#info {background: url(img/menu-sep.gif) no-repeat bottom right; padding: 10px 10px 16px 20px; /*font-size: 1.1em;*/ font-weight: bold;}
#info ul li {padding-bottom: 3px;}

#ppl {text-align: center; margin: 20px 0; background: url(img/menu-sep.gif) no-repeat bottom right; padding-bottom: 16px; font-size: 0.9em;}
#ppl form {margin: 5px 0;}

#pocasiHar {text-align: center; margin: 20px 0; background: url(img/menu-sep.gif) no-repeat bottom right; padding-bottom: 16px;}

#toplist {text-align: center; margin: 10px 0;}

/*#platby { margin: 20px 0; background: url(img/menu-sep.gif) no-repeat bottom right; padding-bottom: 16px; padding-left: 40px;}*/

#snow {margin: 20px 0; background: url(img/menu-sep.gif) no-repeat bottom right; padding: 0 10px 16px 10px; text-align: center;}

#doporucujeme {padding: 0 20px;}
/*
#doporucujeme a.doporuc {float: left; display: block; background: url(img/sep.gif) no-repeat right top; padding-right: 20px; margin: 10px; min-height: 113px; _height: 113px; text-align: center; text-decoration: none; color: #7f7f7f;}
#doporucujeme a.doporuc img {margin-bottom: 3px;}
#doporucujeme a.doporuc:hover {color: #444;}
*/
#doporucujeme .odkaz {border: 1px solid #CE0000; text-align: center; width: 160px; _width: 162px; margin: 0px 15px 20px 0px; float: left; border-bottom: 3px solid #ce0000; height: 175px;}
#doporucujeme .odkaz h3 {background: #CE0000; color: #fff; text-align: center; margin: 0px; margin-bottom: 3px; padding: 2px; font-size: 0.9em;}
#doporucujeme .odkaz img {margin: 3px 0;}
#doporucujeme .odkaz .popisek {font-size: 0.9em; margin: 3px 0;}


#paticka {background: #EE2820; color: #fff; text-align: center; padding: 10px 10px; font-size: 0.9em;}
#paticka a {color: #fff;}

/* absolutni */
#menu2 {position: absolute; /*width: 157px;*/ width: 183px; height: 108px; _height: 154px; left: 529px; top: 0px; font-size: 0.9em; border-top: 14px solid #D9241B; border-bottom: 32px solid #D9241B; /*padding: 8px 0;*/}
#menu2 a {display: block; color: #fff; font-weight: bold; background: #D9241B url(img/odr-over.gif) no-repeat 4px 7px; text-decoration: none; padding: 2px 2px 2px 13px;}
#menu2 a:hover {/*background: #f00 url(img/odr-over.gif) no-repeat 3px 5px;*/ background: transparent url(img/odr-over.gif) no-repeat 3px 5px; color: #000;}

#kosik {position: absolute; top: 19px; left: 758px; background: url(img/kosik.gif) no-repeat left top; padding-left: 40px;}
#hledani {position: absolute; top: 78px; left: 760px; width: 180px; text-align: center; font-size: 0.9em;}
#hledani form {margin: 0px;}
#hledani a {color: #f00;}
#hledani a#aPorovnat {display: block; margin: 5px 0 0 0; font-weight: bold; color: #004A86;}

/* tridy */
.cleaner {clear: both; font-size: 1px; height: 1px; line-height: 1px;}
.small {font-size: 0.9em;}
.tlacitko {border: 1px solid #f00; background: #D9241B; color: #fff; font-weight: bold; cursor: pointer; font-size: 0.9em; text-transform: uppercase; padding: 3px 5px;}
.center {text-align: center;}
.iBorder {border: 1px solid #000;}
.iRight {float: right; margin: 0px 0px 10px 20px;}
.iRightB {float: right; margin: 0px 0px 10px 20px; border: 1px solid #999;}
.iGalerie {float: right; width: 250px; font-size: 0.9em; text-align: center; margin: 0px 0px 20px 20px;}
.iGalerie img {margin-bottom: 10px; border: 1px solid #000;}
.iGalerieLeft {float: left; width: 180px; text-align: center; margin: 0px 20px 20px 0px;}
.iGalerieLeft img {margin-bottom: 15px; border: 1px solid #000;}
.poznamka {font-size: 0.9em; text-align: center;}
.nahoru {text-align: right; font-size: 0.9em;}  
.bModra {background: #EDF5FA; padding: 5px;}
a.tlacitkoModre {background: #8AADD4 url(img/sipka-right-modra.gif) no-repeat 3px 50%; border: 1px solid #fff; color: #fff; font-weight: bold; text-align: center; padding: 2px 5px 2px 20px; text-decoration: none;}
a.tlacitkoModre:hover {background: #5384BF url(img/sipka-right-modra.gif) no-repeat 3px 50%;}
a.tlacitkoSede {background: #ccc url(img/sipka-right-seda.gif) no-repeat 3px 50%; border: 1px solid #fff; color: #fff; font-weight: bold; text-align: center; padding: 2px 5px 2px 20px; text-decoration: none;}
a.tlacitkoSede:hover {background: #bbb url(img/sipka-right-seda.gif) no-repeat 3px 50%;}