html, body, ul, li, h1, h2, h3, form { margin: 0; padding: 0;}
body { font: 13px Sans-serif, serif; color: #212F21; background: url("/img/share/bg.jpg") #E8E8E8; background-repeat: repeat-y; background-position:center; }
h1, p { margin-bottom: 20px; }

.clear { clear:both; height:5px; overflow:hidden; }
.totalclear { clear:both; height:0px; overflow:hidden; }
div#container { margin: 0 auto 0; width: 980px; }

.mainTop h2 {width:135px; font-size: 12px;/* IE 5+/Win only filter */}
.mainTop { float: left; list-style: none; width: 100%; padding: 0px; background-image: url("/img/share/bg-top.gif"); height: 51px; }
.mainTop li.left { float: left; margin: 7px 1px 10px 10px; padding: 0; width: 15%; color: #fff;}
.mainTop li.middle { float: left; margin: 15px 1px 0 0; padding: 0; width: 40%; color: #414556;}
.mainTop li.right { float: left; margin: 13px 1px 0 0; padding: 0; width: 40%; color: #fff;}

.formResult { width: 100%; margin: 0 0 5px 0; }
.formResult p {padding: 10px; margin: 0 0 0 30px; }

.error {color: red; background: url("/img/share/warning.gif") #FFDBDB; background-repeat: no-repeat; background-position: 1% 50%;}
.success {color: #264906; background: url("/img/share/success.gif") #B2DEA8; background-repeat: no-repeat; background-position: 1% 50%;}

.infoTop{background:url("/img/share/info_top.gif") no-repeat 0 0 ; height:9px;}
.infoBody{background: #EBEBEB; width: 597px; border-left: solid 1px #DFDFDF; border-right: solid 1px #DFDFDF;}
.infoBody p {margin: 0 10px 0 10px; }
.infoBottom{clear:both; background:url("/img/share/info_bottom.gif") no-repeat left bottom; height:9px;}

.greyCornerTopW979 {background:url("/img/share/info_top979.gif") no-repeat 0 0 ; height:9px;}
.greyCornerBodyW979 {background: #EBEBEB; width: 977px; border-left: solid 1px #DFDFDF; border-right: solid 1px #DFDFDF;}
.greyCornerBodyW979 p {margin: 0 10px 0 10px; }
.greyCornerBodyW979 h3 {margin: 0 10px 0 10px; }
.greyCornerBottomW979 {clear:both; background:url("/img/share/info_bottom979.gif") no-repeat left bottom; height:9px;}

.greyCornerTopW599 {background:url("/img/share/info_top.gif") no-repeat 0 0 ; height:9px;}
.greyCornerBodyW599 {background: #EBEBEB; width: 597px; border-left: solid 1px #DFDFDF; border-right: solid 1px #DFDFDF;}
.greyCornerBodyW599 p {margin: 0 0 0 5px; }
.greyCornerBottomW599 {clear:both; background:url("/img/share/info_bottom.gif") no-repeat left bottom; height:9px;}

.greyCornerTopW360 {background:url("/img/share/info_top360.gif") no-repeat 0 0 ; height:9px;}
.greyCornerBodyW360 {background: #EBEBEB; width: 358px; border-left: solid 1px #DFDFDF; border-right: solid 1px #DFDFDF;}
.greyCornerBodyW360 p {margin: 0 10px 0 10px; }
.greyCornerBottomW360 {clear:both; background:url("/img/share/info_bottom360.gif") no-repeat left bottom; height:9px;}

.greyCornerBodyW360 p {  margin: 0 0 0 10px; }

.mainMenuDiv { width: 100%; height: 45px; background: url("/img/share/bg-intro.jpg"); background-repeat: repeat-x; background-position: 0px 6px;}
.mainMenu { list-style: none; display: inline; height: 40px; }
.mainMenu li { float: left; position:relative; height: 40px; padding: 3px 0 0 0; }
.mainMenu li.active { float: left; position:relative; padding: 0 0 0 0; background: url("/img/share/active_menu_bg.jpg"); background-repeat: repeat-x; color: #000; border-top: solid 8px #162B84; height: 40px; }

.mainMenu li a, .mainMenu li a:visited {float: left; text-decoration:underline; padding: 0 0 0 0; color: #fff; height: 40px; }
.mainMenu li a:hover {float: left; text-decoration:none; padding: 0 0 0 0; color: #fff; height: 40px; }
.mainMenu li a.active, .mainMenu li a.active:visited { float: left;  text-decoration:none; padding: 0 0 0 0; color: #000; font-weight: bold; height: 40px; }

.mainMenu p { float: left; padding: 0 15px 0 15px;  cursor: pointer; margin: 10px 0 0 0; }

.whois { float: left; list-style: none; width: 100%; padding: 0px; background: url("/img/share/bg-intro.jpg"); background-repeat: repeat-x; }
.whois li.info { float: left; margin: 0 1px 0 0; padding: 15px; width: 30%; color: #fff;  }
.whois li.searchBox { float: left; margin: 0 1px 0 0; padding: 15px; width: 50%; color: #D4E2F7; }

.objSoucet { list-style: none; padding: 0px; width: 100%; display: inline;}
.objSoucet li { float: left; position:relative; width: 100%; height: 25px; padding: 6px 0 0 0; border-bottom: solid 1px #E4E4E4; }

.objKosik { list-style: none; padding: 0px; width: 100%; display: inline;}
.objKosik li.domena { float: left; position:relative; width: 78%; height: 25px; padding: 6px 0 0 5px; background: #ECECEC; }
.objKosik li.akce { float: left; position:relative; width: 18%; height: 25px; padding: 6px 5px 0 5px; background: #ECECEC; text-align: right; }
.objKosik li.popis { float: left; position:relative; width: 78%; height: 25px; padding: 2px; }
.objKosik li.cena { float: left; position:relative; width: 18%; height: 25px; padding: 2px; text-align: right; }

ul.noteInfo {float: left; list-style: none; width: 100%; padding: 0px;}
ul.noteInfo li { background: url("/img/share/noteInfo.gif"); background-repeat: no-repeat; background-position: 0% 50%; color: #665F5F; }
ul.noteInfo p {  margin: 0 0 0 20px; }

ul.importantNote {float: left; list-style: none; width: 100%; padding: 0px;}
ul.importantNote li { background: url("/img/share/noteImportant.gif"); background-repeat: no-repeat; background-position: 0% 50%; color: #665F5F; }
ul.importantNote p {  margin: 0 0 0 20px; }

ul.intro { float: left; list-style: none; width: 100%; padding: 0px; }
ul.intro li.left { float: left; margin: 0 0 0 0; padding: 5px; width: 47%; }
ul.intro li.right { float: left; margin: 0 0 0 0; padding: 5px; width: 50%; text-align: right; }

.borderB-1 { border-bottom: solid 1px #E4E4E4; }

ul.info { float: left; list-style: none; width: 100%; padding: 0px; background: url("/img/share/bg-intro.jpg"); background-repeat: repeat-x; }
ul.info li { float: left; margin: 0 1px 0 0; padding: 5px; width: 45%; color: #D4E2F7; }

ul.itemInfo { float: left; list-style: none; width: 100%; padding: 0px;  }
ul.itemInfo li.left { float: left; margin: 0 1px 0 0; padding: 5px; width: 5%; }
ul.itemInfo li.middle { float: left; margin: 0 1px 0 0; padding: 5px; width: 30%; }
ul.itemInfo li.right { float: left; margin: 0 1px 0 0; padding: 5px; width: 60%; }

ul.addItem { float: left; list-style: none; width: 100%; padding: 0px; background: url("/img/share/orange_bg.jpg"); background-repeat: repeat-x; }
ul.addItem li { float: left; margin: 0 1px 0 0; padding: 5px; color: #9C5E03; }

ul.showItem { float: left; list-style: none; width: 100%; border-top: solid 1px #F8ECDA; padding: 0px; }
ul.showItem:hover { float: left; list-style: none; width: 100%; background: #FEF8EF; border-top: solid 1px #F8ECDA; padding: 0px; }
ul.showItem li { float: left; margin: 0 1px 0 0; padding: 5px; }

ul.naseSluzby { float: left; display: inline; list-style: none; width: 100%; padding: 0px; }
li.DD30 { float: left; margin: 0px; padding: 0 10px 0 10px; width: 30%;}
li.DD30BL { float: left; margin: 0px; padding: 0 10px 0 10px; width: 30%; border-left: solid 1px #E4E4E4; }
li.nabidka {margin: 0px 0px 0px 0px; list-style-image: url("/img/share/sipka.gif");}
ul.tab100DD { float: left; list-style: none; width: 100%; padding: 0px; }
li.td90DD { float: left; margin: 5px 0 0 0; padding: 0; width: 90%; }

/* --- BARVY --- */
.black {color: #232323;}
.grey {color: #8F8F8F;}
.blue {color: #14557B;}
.blueLight {color: #0394DD;}
.tyrkys {color: #23888B; }
.pink {color: #C2036F;}
.green {color: #76AC0B;}
.darkgreen {color: #02755c;}
.red {color: #73001B;}
.orange {color: #C28202;}
.greenLight {color: #19C210;}
.darkRed {color: #691313;}

/* --- VELIKOSTI --- */
.px10 {font-size: 10px; line-height: 100%;}
.px12 {font-size: 12px; line-height: 100%;}
.px15 {font-size: 15px; line-height: 100%;}
.px17 {font-size: 17px; line-height: 100%;}

.textAlignRight {text-align: right;}
.small {font-size: 10px; color: #A0A0A0; }
.noBorder {border-style: none; }

label.user{ float: left; width: 200px; height: 25px; font-weight: bold; text-align: right; margin-right: 5px; }
input.user, textarea.user, select.user{ width: 220px; margin-bottom: 5px; }
#input.userReadonly, textarea.userReadonly{ width: 190px; margin-bottom: 5px; background-color: #FBF7FB; }
#textarea.user{ width: 250px; height: 150px; }

br{ clear: left;}

select, textarea, input{ color: #333; font-size:100%; border: solid 1px #999999; background-color: #FFFFFF;}
option { color: #333; font-size: 11px; background-color: #FFFFFF;}
input.small{ color: #333; font-size:100%; border-width: 1px; border-color: #9DBECD; position: relative; background-color: #FFFFFF;}
.button{ color: #525552; text-align: center; background-image: url("/img/share/button.gif"); background-repeat: repeat-x; border: 1px solid #D2E1E4; }
select.nochange, option.nochange, textarea.nochange, input.nochange {color: #333; font-size:100%; border-width: 1px ;border-color: #999999;position: relative; background-color: #FBF7FB;}
input.green{ color: green; font-size:100%; border-width: 1px; border-color: #9DBECD;position: relative;background-color: #C6FF91; }
input.red{ color: red; font-size:100%; border-width: 1px; border-color: #9DBECD; position: relative; background-color: #FFDBDB; }
fieldset { border-color:#CCC; border-width:1px 1px 1px 1px; border-style:solid; border-width:1px; }

.red-tab {color: red;background: #FFDBDB; border: 1px solid red;padding-left:4px;padding-right:3px;padding-top:2px;padding-bottom:4px;}

input.daL{color: #333; font-size:100%; border-width: 1px;border-color: #9DBECD;position: relative; background-color: #FFFFFF; }
input.daL_readonly{color: #333; font-size:100%; border-width: 1px;border-color: #999999; position: relative; background-color: #ECECEC; }

input.daR{color: #333; font-size:100%; border-width: 1px;border-color: #9DBECD;position: relative; background-color: #FFFFFF; text-align: right; }
input.daR_readonly{color: #333; font-size:100%; border-width: 1px;border-color: #999999; position: relative; background-color: #ECECEC; text-align: right; }

a:link, a:visited {color: #14557B; text-decoration: underline; }
a:hover {color: #000000; text-decoration: underline; }

a.noLink:link, a.noLink:visited {color: #8F8F8F; text-decoration: none; }
a.noLink:hover {color: #000000; text-decoration: none; }

a.white:link, a.white:visited { color: #fff; text-decoration: none;}
a.white:hover { color: #fff; text-decoration: none; }

a.whiteUndrL:link, a.whiteUndrL:visited { color: #fff; text-decoration: underline;}
a.whiteUndrL:hover { color: #fff; text-decoration: none; }

a.greyUndrL:link, a.greyUndrL:visited { color: #8F8F8F; text-decoration: underline;}
a.greyUndrL:hover { color: #8F8F8F; text-decoration: none; }

a.extern { 
	background: url(/img/share/iconout.gif) no-repeat 100% 50%;
	padding: 0 13px 0 0;	/* width of the img */
	display: inline-block;	/* IE correction to show the icon */
	cursor: pointer;	/* IE correction to show hand instead of arrow */
	vertical-align: bottom;	/* Opera correction to get the last word vertical aligned */
	}
a.extern:visited u { 
	background-image: url(/img/share/iconout-visited.gif);
	}
a.extern:hover u {
	background-image: url(/img/share/iconout-hover.gif);
	text-decoration: none; /* avoiding the "u" working for the last word! :-) */ 
}