@import url("./allmedia.css");

/* mainstyles ---*/

body { 
	margin: 0;
	padding: 10px 0;
	background: white url("../img/design/bg_all.gif") repeat-y fixed;
	font: 0.8em sans-serif;
	color: #323232;
}

* html body {
	text-align: center;
}

/* layuout ---*/

#container {
	position: relative;
	margin: 0 auto; 
	padding: 0 0 5px;
	width: 772px;
	background: #dcdcdc;
}

* html #container {
	text-align: left;
	width: 772px;
}

#header, #es_header {
	padding: 5px;
	background: #dcdcdc;
}

#header .margin, #es_header .margin {
	position: relative;
	width: 760px;
	height: 186px;
	background: #96d7e2 url('../img/design/bg_header.jpg') no-repeat left top;
	border: 1px solid #50a2ba;
}

#es_header .margin {
	background-image: url('../img/design/bg_es_header.jpg');
}

* html #header .margin, * html #es_header .margin {
	width: 762px;
	height: 188px;
}

#body {
	padding: 0 5px;
	background: #dcdcdc;
}

#body .hpmargin {
	background: url('../img/design/bg_hpbody2.gif') repeat-y center; 
}

* html #body .hpmargin {
	background: url('../img/design/bg_hpiebody2.gif') repeat-y center; 
}

#body .hpmargin2 {
	background: url('../img/design/bg_hpbody.gif') no-repeat bottom center; 
}

* html #body .hpmargin2 {
	background: url('../img/design/bg_hpiebody.gif') no-repeat bottom center; 
}

#body .margin {
	background: url('../img/design/bg_body2.gif') repeat-y center; 
}

* html #body .margin {
	background: url('../img/design/bg_iebody2.gif') repeat-y center; 
}

#body .margin2 {
	background: url('../img/design/bg_body.gif') no-repeat bottom center; 
}

* html #body .margin2 {
	background: url('../img/design/bg_iebody.gif') no-repeat bottom center; 
}

#rightbar {
	float: right;
	width: 565px;
}

#leftbar {
	float: left;
	width: 192px;
	margin-bottom: 130px;
	background: #dcdcdc;
}

#footer {
	clear: both;
	padding: 21px 10px 10px;
	font: 90% verdana, "geneva ce", lucida, sans-serif;
}

/* header ---*/

#logo, #logo a, #logo a span {
	display: block;
	position: absolute;
	margin: 0;
	width: 193px;
	height: 64px;
	top: 0;
	left: 0;
	cursor: pointer;
	overflow: hidden;
}

#logo {
	top: 35px;
	left: 258px;
}

#logo h1, #logo h2 {
	font-size: 10pt;
}

#logo a {
	text-decoration: none;
}

#logo span {
	background: url('../img/design/logo_dacice.jpg') no-repeat left top;
}

#loginbox, #searchbox {
	position: absolute;
	width: 200px;
	height: 150px;
	overflow: hidden;
	left: 10px;
}

#loginbox form, #searchbox form {
	margin: 0;
	padding: 0;
}

#loginbox {
	top: 10px;
}

#loginbox h3 {
	margin: 0 0 10px;
	font-size: 120%;
	color: white;
}

#loginbox .error {
	margin: 0;
	font-size: 90%;
	font-weight: normal;
	color: #323232;
}
		

#loginbox .txtinput, #searchbox .txtinput {
	width: 111px;
}

* html #loginbox .txtinput, * html #searchbox .txtinput {
	width: 117px;
}

#loginbox label {
	margin: 0;
	font-family: verdana, "geneva ce", lucida, sans-serif;
	color: white;
}

#loginbox .subinput {
	margin: 0 83px 5px 0;
}

#loginbox div {
	text-align: right;
}

#searchbox {
	height: 35px;
	bottom: 3px;
}

#searchbox label {
	display: none;
}

#searchbox .txtinput {
	width: 90px;
	margin-top: 3px;
	padding-left: 25px;
}

#searchbox .subinput {
	margin: 0;
	width: 50px;
}

#lupa {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
	left: 4px;
	bottom: 0;
	background: url('../img/design/lupa.gif') no-repeat top left;
}

#langbox {
	position: absolute;
	width: 121px;
	height: 14px;
	bottom: 10px;
	right: 10px;
}

#langbox a, #langbox a span {
	display: block;
	position: absolute;
	width: 25px;
	height: 14px;
	overflow: hidden;
	top: 0;
	cursor: pointer;
}

#langbox .cz {
	left: 0;
}

#langbox .cz span {
	left: 0;
	background: url('../img/design/cz_flag.gif') no-repeat 0 0;
}

#langbox .cz:hover span {
	background-position: 0 -14px;
}

#langbox .en {
	left: 32px;
}

#langbox .en span {
	left: 0;
	background: url('../img/design/en_flag.gif') no-repeat 0 0;
}

#langbox .en:hover span {
	background-position: 0 -14px;
}

#langbox .de {
	left: 64px;
}

#langbox .de span {
	left: 0;
	background: url('../img/design/de_flag.gif') no-repeat 0 0;
}

#langbox .de:hover span {
	background-position: 0 -14px;
}

#langbox .fr {
	left: 96px;
}

#langbox .fr span {
	left: 0;
	background: url('../img/design/fr_flag.gif') no-repeat 0 0;
}

#langbox .fr:hover span {
	background-position: 0 -14px;
}

#hmenu, #cart {
	position: absolute;
	width: 415px;
	bottom: 10px;
	right: 170px;
	text-align: right;
	font-size: 110%;
	font-weight: bold;
}

#cart {
	text-align: left;
	font-size: 90%;
	right: 138px;
}

#cart div:first-letter {
	text-transform: uppercase;
}

#cart span {
	color: white;
}

#hmenu {
	font-size: 100%;
}	

#hmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none; 
	color: #51A3BA; 
}

#hmenu ul li {
	display: inline;
}

/* general ---*/

h1, h2, h3, h4, h5, h6 {
	font-family: verdana, "geneva ce", lucida, sans-serif;
}

a {
	color: #323232;
}

a:hover {
	text-decoration: none;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

h2 {
	margin: 0;
	padding: 5px 10px 15px;
	color: white;
	font-size: 120%;
	background: #959595 url('../img/design/bg_h2.gif') no-repeat bottom center;
	border-top: 1px solid #787878;
}

h2 a {
	color: white;
}

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

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

/* Rightbar ---*/

.actualbox {
	padding: 0 0 5px;
	background: #dcdcdc;
}

#container .actualbox .margin {
	width: 543px;
	padding: 10px;
	border: 1px solid #50a2ba;
	background: white;
}

* html #container .actualbox .margin {
	width: 565px;
	padding: 10px;
	border: 1px solid #50a2ba;
	background: white;
}

.actualbox img {
	float: right;  
	margin: 0 0 5px 10px;
	border: 1px solid #b4b4b4; 
}

.actualbox .note {
	float: right;
	width: 150px;
	margin: 0;
	text-align: right;
	font-size: 110%;
	font-weight: bold;
}

.actualbox h4 {
	margin: 0 5px 5px 0;
	font-family: sans-serif;
	font-size: 120%;
}

.actualbox p {
	margin: 5px 0;
}

.actualbox .details {
	font-size: 110%;
	font-weight: bold;
	text-align: right;
}

#rightbarright {
	float: right;
	width: 192px;
	background: #dcdcdc;
}

#rightbarleft {
	float: left;
	width: 368px;
	background: #dcdcdc;
}

#pageanketabox {
	float: right;
	width: 202px;
	margin: 30px 0 10px;
}

#anketabox, #pocasibox {
	margin: 0 0 5px;
	border: 1px solid #b4b4b4;
	background: white;
}

#anketabox h3, #pocasibox h3 {
	margin: 10px;
	text-align: right;
}

#pageanketabox #anketabox {
	margin-left: 10px;
}

#pageanketabox #anketabox h3,#pageanketabox #anketabox .question {
	padding: 0 10px;
}

#pageanketabox #anketabox img {
	border: none;
}

.question {
	margin: 10px;
	font-weight: bold;
} 

#anketaform {
	margin: 10px;
}

#anketaform * {
	vertical-align: middle;
}

#anketaform .tempbar {
	float: left;
	width: 100px;
	text-align: left;
	margin: 0;
	height: 10px;
	border: 1px solid #4b4b4b;
	background: url('../img/design/bg_tempbar.gif') repeat-x;
}

#anketaform .tempbar img {
	float: left;
	margin: 0;
}

* html #anketaform .tempbar img {
	margin-left: -3px;
}

#anketaform div {
	font-size: 90%;
	text-align: right;
	margin-bottom: 3px;
}

#anketaform input {
	margin-top: 4px;
}

#anketabox .totalvotes {
	margin: 5px 10px;
	text-align: center;
}

#righticons, #lefticons {
	margin: 0;
	border-top: 1px solid #787878;
	border-left: 1px solid #787878;
	border-right: 1px solid #787878;
	background: #aaa;
}

#newsbox, #calendarbox {
	margin: 0 0 5px;
	padding: 10px;
	background: white; 
	border: 1px solid #50a2ba;
}

#calendarbox {
	border-bottom: none;
}

#newsbox h3, #calendarbox h3 {
	width: 366px;
	margin: 0 0 10px;
}

* html #newsbox h3, * html #calendarbox h3 {
	width: 346px;
}

.newsitem {
	margin: 10px 0;
	padding-left: 45px;
	background: url('../img/design/bg_info.gif') no-repeat left center;
}

.newsitem p {
	margin: 0;
	padding: 0 0 5px;
	background: url('../img/design/bg_newsitem.gif') no-repeat bottom right;
}

.newsitem h4, .calendaritem h4 {
	font-family: sans-serif;
	font-size: 100%;
	margin: 0;
}

#calendarbox {
	margin-bottom: 0;
}

.calendaritem {
	margin: 10px 0 0;
	padding: 0 0 5px;
	background: url('../img/design/bg_newsitem.gif') no-repeat bottom right;
}

* html .calendaritem {
	width: 346px;
}

.calendaritem .rightbox {
	float: right;
	width: 187px;
}

.calendaritem .leftbox  {
	width: 153px;
}

.calendaritem p {
	margin: 0;
}

.calendaritem .datum {
	font-weight: bold;
}

#localmenubox, #articlebox {
	border-top: 1px solid #50a2ba;
	margin: 0;
	padding: 10px;
}

#localmenubox h4 {
	font-size: 100%;
	margin: 0;
}

#localmenubox ul, #articlebox ul {
	list-style-image: url('../img/design/bluebullet.gif');
	margin: 10px 10px 10px 20px;
	padding: 0;
	color: #50a2ba;
}

#articlebox ul {
	color: #323232;
}

.back2list {
	color: #50a2ba;
}

#localmenubox a, .back2list a {
	color: #50a2ba;
}

#localmenubox a:hover, .back2list a:hover {
	text-decoration: none; 
} 

#articlebox h1, #articlebox h2, #articlebox h3, #articlebox h4, #articlebox h5, #articlebox h6 {
	margin: 10px 0 0;
	padding: 0;
	color: #323232;
	font-size: 160%;
	background: none;
	border: none;
}

#articlebox h1 {
	margin-top: 0;	
}

#articlebox h2 {
	font-size: 140%;
}

#articlebox h3 {
	font-size: 120%;
}

#articlebox h1:first-letter, #articlebox h3:first-letter {
	text-transform: uppercase;
}

#articlebox h4 {
	font-style: italic;
	font-size: 120%;
}

#localmenubox h4 {
	font-style: normal;
	font-size: 100%;
}

#articlebox h5 {
	font-size: 110%;
}

#articlebox h6 {
	font-style: italic;
	font-size: 110%;
}

#articlebox p {
	text-align: justify;
	margin: 5px 0;
}

#articlebox img {
	border: 1px solid #b4b4b4;
}

.imprint, .podtext {
	margin: 0 0 10px;
	font-weight: bold;
	color: #7F7F7F;
}

#answerbox {
	margin: 20px 0;
	width: 544px;
	border: 1px solid #787878;
}

.postbox {
	margin: 5px;
	border-width: 1px;
	border-style: solid;
}

.postbox.bg0 {
	background: #DCDCDC;
	border-color: #787878;
}	

.postbox.bg1 {
	border-color: #50A2BA;
}	

.postbox div {
	padding: 5px 10px;
	background: #6BC3D7;
}

.postbox p {
	margin: 0;
	padding: 5px 10px;
}

.bg0 div {
	color: white;
	border-bottom: 1px solid #787878;
}

.bg1 div {
	border-bottom: 1px solid #50A2BA;
}

.toprecpagecontrol, .bottomrecpagecontrol {
	margin: 20px 0 0;
	font-weight: bold;
	text-align: center;
}

.bottomrecpagecontrol {
	margin: 0 0 20px;
}

.maincalendaritem {
	margin: 0 0 10px;
	padding: 0 0 5px;
	background: url('../img/design/bg_calendaritem.gif') no-repeat bottom right;
}

* html .maincalendaritem {
	width: 544px;
}

.maincalendaritem .rightbox {
	float: right;
	width: 357px;
}

.maincalendaritem .leftbox  {
	width: 181px;
}

#articlebox .maincalendaritem h3 {
	margin-top: 0;
}

.maincalendaritem .datum {
	font-weight: bold;
}

.maincalendaritem .poradatel {
	color: #7F7F7F;
}

#articlebox address {
	font-style: normal;
	margin: 10px;
	padding: 5px 5px 5px 15px;
	color: white;
	background: #3F84AD url('../img/design/bg_address.gif') repeat-x center;
	border: 1px solid #3F84AD;
}

#articlebox address a {
	color: white;
}

#articlebox address a:hover {
	text-decoration: none;
}

/* Eshop ---*/

#subcategory, .goodsdescr {
	margin: 0 0 10px;
	padding: 5px 10px;
	border: 1px solid #DCDCDC;
	background: #F0F0F0;
}

#subcategory h3 {
	color: #50A2BA;
	margin: 0;
}

#subcategory ul {
	margin: 10px 20px;
}

#goodslist {
	margin: 0;
}

#goodslist h3, #goodsdetail h3 {
	font-size: 140%;
	margin: 0;
	color: #50A2BA;
}

#goodsdetail h3 {
	color: #323232;
}

#goodslist .goodsitem {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #50A2BA;
	background: url('../img/design/bg_goodsitem.gif') repeat-y right;
}

#goodslist .goodsitem h4, #goodsdetail h4 {
	font-style: normal;
	margin: 0 10px 10px 0;
}

#goodsdetail h4 {
	clear: both;
	margin: 20px 0 0;
}

#goodsdetail h4:first-letter {
	text-transform: uppercase;
}

#goodslist .goodsitem .margin {
	position: relative;
	height: 150px;
	background: none;
}

.goodsitem .imgmargin {
	float: right;
	width: 153px;
	text-align: center;
}

#goodsdetail img {
	float: right;
	border: 10px solid #F0F0F0;
}

.goodsitem .new, .goodsitem .action, #goodsdetail .new, #goodsdetail .action {
	font-size: 90%;
	font-weight: bold;
	color: white; 
	padding: 2px 5px;
}

.goodsitem .new, #goodsdetail .new {
	background: #478E20;
	border: 1px solid #225804;
}

.goodsitem .action, #goodsdetail .action {
	background: #EC3E16;
	border: 1px solid #951C00;
}

.goodsitem div span {
	font-size: 120%;
	font-weight: bold;
	color: #50A2BA;
}

#goodsdetail .goodsatr {
	margin: 20px 0;
}

#goodsdetail .goodsatr span {
	color: #50A2BA;
}

#goodsdetail .goodsatr strong span {
	font-size: 120%;
}

.pricebox {
	position: absolute;
	left: 0;
	bottom: 0;
}

.pricebox a, .goodsatr a, .textbuttons a, .textbuttons input {
	padding: 2px 5px;
	line-height: 25px;
	font-weight: bold;
	background: #E3F5F8;
	border: 1px solid #3F84AD;
	text-decoration: none;
}

.pricebox a:hover, .goodsatr a:hover, .textbuttons a:hover {
	color: white;
	background: #6EB7CB;
}

.carttable .colgoods {
	width: 200px;
}

.carttable td {
	background: #DCDCDC;
}

.carttable td form {
	margin: 0;
}

.carttable td form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.carttable td form .txtinput {
	text-align: right;
}

.carttable td form * {
	margin: 0;
	vertical-align: middle;
}

#cartsummarybox {
	margin: 0 0 20px 250px;
	padding: 5px 10px;
	text-align: right;
	color: #323232;
	border: 1px solid #DCDCDC;
	background: #F0F0F0;
}

#cartsummarybox span {
	display: block;
	width: 150px;
	float: left;
	color: #50A2BA;
	text-align: left;
}

#cartsummarybox div {
	font-size: 120%;
	font-weight: bold;
}	

#articlebox .textbuttons {
	margin: 20px 0;
	text-align: center;
}

#customerbox {
	margin: 10px 0 0;
	padding: 5px 10px;
	border: 1px solid #DCDCDC;
	background: #F0F0F0;
}

#customerbox h3 {
	margin: 0 0 10px;
	color: #50A2BA;
	font-size: 110%;
}

#customerbox address {
	padding: 5px;
	color: #323232;
	background: #F0F0F0;
	border: none;
}

.ordertable {
	border: 1px solid #DCDCDC;
}

.ordertable th {
	font-size: 100%;
	font-weight: bold;
	color: #50A2BA;
	border: none;
	padding: 10px 5px;
	background: #F0F0F0;
}

.ordertable td {
	background: #F8F8F8;
}

.orderform {
	margin: 20px 0;
}

.orderform label {
	display: block;
	font-size: 110%;
	color: #50A2BA;
	margin: 10px 0 0;
	font-weight: bold;
}

.orderform .txtinput {
	font-size: 100%;
	width: 540px;
	background: none;
}

/* Table ---*/

table, .themes {
	font-size: 100%;
	margin: 20px 0;
	width: 544px;
	border-collapse: separate;
	border: 1px solid #3F84AD;
}

table th, .themes th {
	font-size: 110%;
	font-weight: bold;
	color: white;
	border: 1px solid #3F84AD;
	padding: 10px 5px;
	background: #6AC2D6 url('../img/design/bg_th.gif') repeat-x center;
}

.themes .pristupcol, .themes .prispevkycol, .themes .cascol, .themes .autorcol, .themes .odpovedicol {
	width: 65px;
	text-align: center;
}

.themes .temacol, .themes .nazevcol {
	font-weight: bold
}

.themes .cascol, .themes .autorcol {
	width: 120px;
}

td {
	padding: 5px;
	background: #9ADBE7;
}

.bg0 td {
	background: #9ADBE7;
}

.bg1 td {
	background: #DCDCDC;
}

/* Forms ---*/

.publicform {
	margin: 0;
	padding: 0;
	width: 544px;
	background: #50A2BA url('../img/design/bg_publicform.gif') no-repeat bottom left;
	border: 1px solid #3F84AD;
}

.publicform fieldset {
	padding: 10px;
	border: none;
}

.publicform .important {
	font-weight: bold;
}

.publicform label {
	color: white;
	display: block;
	font-weight: bold;
}

.publicform label:first-letter {
	text-transform: uppercase;
}

.publicform label.noblock {
	display: inline;
}

.publicform .required {
	color: black;
}

.publicform textarea {
	width: 475px;
	font: 100% sans-serif;
}

.txtinput {
	font-family: sans-serif;
	border: 1px solid black;
	margin: 0 5px 5px 0;
	padding: 2px;
	vertical-align: middle;
	background: white url('../img/design/bg_txtinput.jpg') no-repeat top right;
}

.publicform .txtinput, .publicform .posttext {
	margin-left: 22px;
}

.subinput {
	padding: 0 3px;  
	background: #9ADBE7;
	border: 1px solid white;
	vertical-align: middle;
}

.publicform .subinput {
	font-size: 110%;
	font-weight: bold;
	padding: 5px 10px;
	background: #E3F5F8;
	border: 1px solid #3F84AD;
}

.captchabox {
	padding: 10px 0;
}

.captchabox *, .checkbox * {
	vertical-align: middle;
}

.checkbox {
	padding: 5px 0;
}

.publicform .captchabox .txtinput {
	margin: 0;
}

.loginmargin {
	text-align: right;
	padding-right: 180px;
}

.formbuttons {
	text-align: center;
}

.error {
	margin: 10px 0;
	font-size: 110%;
	font-weight: bold;
	color: red;
}

#calendarform {
	margin: 20px 0;
}

#calendarform fieldset {
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 10px;
	border: 1px solid #3F84AD;
	background: #6AC2D6 url('../img/design/bg_th.gif') repeat-x center;
}

#calendarform fieldset * {
	vertical-align: middle;
}

#calendarform fieldset .subinput {
	display: inline;
}

/* Pocasi ---*/

.den {
	padding: 5px 10px 5px 55px;
	background: url('../img/design/pocasi/bg_den.gif') no-repeat right bottom;
}

.j, .m, .o, .ob, .obd, .od, .odb, .odp, .ods, .odsp, .om, .op, .os, .osd, .osdp, .osp, .p, .pb, .pbd, .pd, .pdb, .pdp, .pds, .pdsp, .pm, .pp, .ps, .psd, .psdp, .psp, .sj, .sz, .szb, .szbd, .szd, .szdb, .szdp, .szds, .szm, .szp, .szs, .szsd, .szsp, .z, .zb, .zbd, .zd, .zdb, .zdp, .zds, .zdsp, .zm, .zp, .zs, .zsd, .zsdp, .zsp {
	margin: 5px 0 5px 10px;
}

.j {
	background: url('../img/design/pocasi/j.gif') no-repeat left center;
}

.m {
	background: url('../img/design/pocasi/m.gif') no-repeat left center;
}

.o {
	background: url('../img/design/pocasi/o.gif') no-repeat left center;
}

.ob {
	background: url('../img/design/pocasi/ob.gif') no-repeat left center;
}

.obd {
	background: url('../img/design/pocasi/obd.gif') no-repeat left center;
}

.od {
	background: url('../img/design/pocasi/od.gif') no-repeat left center;
}

.odb {
	background: url('../img/design/pocasi/odb.gif') no-repeat left center;
}

.odp {
	background: url('../img/design/pocasi/odp.gif') no-repeat left center;
}

.ods {
	background: url('../img/design/pocasi/ods.gif') no-repeat left center;
}

.odsp {
	background: url('../img/design/pocasi/odsp.gif') no-repeat left center;
}

.om {
	background: url('../img/design/pocasi/om.gif') no-repeat left center;
}

.op {
	background: url('../img/design/pocasi/op.gif') no-repeat left center;
}

.os {
	background: url('../img/design/pocasi/os.gif') no-repeat left center;
}

.osd {
	background: url('../img/design/pocasi/osd.gif') no-repeat left center;
}

.osdp {
	background: url('../img/design/pocasi/osdp.gif') no-repeat left center;
}

.osp {
	background: url('../img/design/pocasi/osp.gif') no-repeat left center;
}

.p {
	background: url('../img/design/pocasi/p.gif') no-repeat left center;
}

.pb {
	background: url('../img/design/pocasi/pb.gif') no-repeat left center;
}

.pbd {
	background: url('../img/design/pocasi/pbd.gif') no-repeat left center;
}

.pd {
	background: url('../img/design/pocasi/pd.gif') no-repeat left center;
}

.pdb {
	background: url('../img/design/pocasi/pdb.gif') no-repeat left center;
}

.pdp {
	background: url('../img/design/pocasi/pdp.gif') no-repeat left center;
}

.pds {
	background: url('../img/design/pocasi/pds.gif') no-repeat left center;
}

.pdsp {
	background: url('../img/design/pocasi/pdsp.gif') no-repeat left center;
}

.pm {
	background: url('../img/design/pocasi/pm.gif') no-repeat left center;
}

.pp {
	background: url('../img/design/pocasi/pp.gif') no-repeat left center;
}

.ps {
	background: url('../img/design/pocasi/ps.gif') no-repeat left center;
}

.psd {
	background: url('../img/design/pocasi/psd.gif') no-repeat left center;
}

.psdp {
	background: url('../img/design/pocasi/psdp.gif') no-repeat left center;
}

.psp {
	background: url('../img/design/pocasi/psp.gif') no-repeat left center;
}

.sj {
	background: url('../img/design/pocasi/sj.gif') no-repeat left center;
}

.sz {
	background: url('../img/design/pocasi/sz.gif') no-repeat left center;
}

.szb {
	background: url('../img/design/pocasi/szb.gif') no-repeat left center;
}

.szbd {
	background: url('../img/design/pocasi/szbd.gif') no-repeat left center;
}

.szd {
	background: url('../img/design/pocasi/szd.gif') no-repeat left center;
}

.szdb {
	background: url('../img/design/pocasi/szdb.gif') no-repeat left center;
}

.szdp {
	background: url('../img/design/pocasi/szdp.gif') no-repeat left center;
}

.szds{
	background: url('../img/design/pocasi/szds.gif') no-repeat left center;
}

.szm {
	background: url('../img/design/pocasi/szm.gif') no-repeat left center;
}

.szp {
	background: url('../img/design/pocasi/szp.gif') no-repeat left center;
}

.szs {
	background: url('../img/design/pocasi/szs.gif') no-repeat left center;
}

.szsd {
	background: url('../img/design/pocasi/szsd.gif') no-repeat left center;
}

.szsp {
	background: url('../img/design/pocasi/szsp.gif') no-repeat left center;
}

.z {
	background: url('../img/design/pocasi/z.gif') no-repeat left center;
}

.zb {
	background: url('../img/design/pocasi/zb.gif') no-repeat left center;
}

.zbd {
	background: url('../img/design/pocasi/zbd.gif') no-repeat left center;
}

.zd {
	background: url('../img/design/pocasi/zd.gif') no-repeat left center;
}

.zdb {
	background: url('../img/design/pocasi/zdb.gif') no-repeat left center;
}

.zdp {
	background: url('../img/design/pocasi/zdp.gif') no-repeat left center;
}

.zds {
	background: url('../img/design/pocasi/zds.gif') no-repeat left center;
}

.zdsp {
	background: url('../img/design/pocasi/zdps.gif') no-repeat left center;
}

.zm {
	background: url('../img/design/pocasi/zm.gif') no-repeat left center;
}

.zp {
	background: url('../img/design/pocasi/zp.gif') no-repeat left center;
}

.zs {
	background: url('../img/design/pocasi/zs.gif') no-repeat left center;
}

.zsd {
	background: url('../img/design/pocasi/zsd.gif') no-repeat left center;
}

.zsdp {
	background: url('../img/design/pocasi/zsdp.gif') no-repeat left center;
}

.zsp {
	background: url('../img/design/pocasi/zsp.gif') no-repeat left center;
}

#pocasibox .title {
	font-weight: bold;
}

#pocasibox .note {
	margin: 5px 10px 10px;
}

#pocasibox h4 {
	margin: 0 0 10px;
	font-size: 110%;
}

#pocasibox h4 a {
	color: #50A2BA;
}

.voda {
	margin: 10px;
	background: url('../img/design/pocasi/voda.gif') no-repeat left bottom
}

.voda div {
	text-align: right;
}

/* Leftbar ---*/

.linkbox {
	margin: 0 0 5px;
	border: 1px solid #50a2ba;
	color: white;
	background: #50a2ba url('../img/design/bg_linkbox.gif') repeat-y;
}

.linkbox h3 {
	margin: 10px;
}

.linkbox h3:first-letter {
	text-transform: uppercase;
}

.linkbox ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}

.linkbox li {
	margin: 0;
	padding: 5px 0;
	background: url('../img/design/bg_linkitem.gif') no-repeat right bottom;
}

.linkbox li a {
	display: block;
	padding: 0 10px 0 30px;
	text-decoration: none;
}

.linkbox li a:hover {
	color: white;
}

.linkbox li ul {
	margin: 5px 0 0;
	background: white url('../img/design/bg_list2.gif') repeat-y center;
}

.linkbox li ul li {
	margin: 0;
	padding: 5px 5px 5px 10px;
	background: url('../img/design/bg_linkitem.gif') no-repeat right top;
}

.linkbox li ul li a:hover {
	color: #145982;
}

#addressbox  {
	margin: 0 0 5px;
	border: 1px solid #b4b4b4;
	background: white;
}

#addressbox h3 {
	margin: 10px;
}

#addressbox h3:first-letter {
	text-transform: uppercase;
}

#addressbox address {
	font-style: normal;
	margin: 10px 10px 10px 30px;
}

.icon {
	margin: 20px 0 0;
	text-align: center;
}

.icon img {
	border: none;
}

/* Servermap ---*/

#servermap {
	margin: 20px 0;
}

#servermap div {
	padding-top: 3px;
	padding-bottom: 3px;
	background-position: left center;
	background-repeat: no-repeat;
}

.menuitem1 {
	padding-left: 15px;
	background-image: url('../img/design/bg_menuitem1.gif');
}

.artitem1, .menuitem2 {
	padding-left: 30px;
	background-image: url('../img/design/bg_artitem1.gif');
}

.menuitem2 {
	background-image: url('../img/design/bg_menuitem2.gif');
}

.artitem2, .menuitem3 {
	padding-left: 45px;
	background-image: url('../img/design/bg_artitem2.gif');
}

.menuitem3 {
	background-image: url('../img/design/bg_menuitem3.gif');
}

.artitem3, .menuitem4 {
	padding-left: 60px;
	background-image: url('../img/design/bg_artitem3.gif');
}

.menuitem4 {
	background-image: url('../img/design/bg_menuitem4.gif');
}

.artitem4, .menuitem5 {
	padding-left: 75px;
	background-image: url('../img/design/bg_artitem4.gif');
}

.menuitem5 {
	background-image: url('../img/design/bg_menuitem5.gif');
}

.artitem5, .menuitem6 {
	padding-left: 90px;
	background-image: url('../img/design/bg_artitem5.gif');
}

.menuitem6 {
	background-image: url('../img/design/bg_menuitem6.gif');
}

.artitem6, .menuitem7 {
	padding-left: 105px;
	background-image: url('../img/design/bg_artitem6.gif');
}

.menuitem7 {
	background-image: url('../img/design/bg_menuitem7.gif');
}

.artitem7, .menuitem8 {
	padding-left: 120px;
	background-image: url('../img/design/bg_artitem7.gif');
}

.menuitem8 {
	background-image: url('../img/design/bg_menuitem8.gif');
}

.artitem8 {
	padding-left: 135px;
	background-image: url('../img/design/bg_artitem8.gif');
}


/* Footer ---*/

.copyright {
	float: right;
	width: 30%;
	color: white;
	text-align: right;
	font-weight: bold;	
}

.copyright a {
	color: white;
}
	
.owner {
	font-weight: bold;
}

/* Fotos ---*/

.imagebox {
	width: 180px;
	height: 250px;
	float: left;
}

.imagemargin {
	margin: 0 5px 5px 0;
	padding: 5px;
	height: 233px;
	text-align: center;
	background: #F0F0F0;
	border: 1px solid #50A2BA;
	overflow: hidden;
}

* html .imagemargin {
	height: 245px;
}

.imagebox a:hover {
	background: none;
}

#rightbar .imagebox h5 {
	margin: 5px 0;
	text-align: left;
	font-size: 90%;
	letter-spacing: 0;
}

.imagebox .imgsize {
	text-align: left;
	font-size: 80%;
	color: #555;
}

.control {
	margin: 10px 0;
}

.photomargin h5 {
	margin: 5px 0;
	font-size: 120%;
}

#fotodetail {
	padding: 20px 10px 10px;
	text-align: center;
	background: #F0F0F0;
	border: 1px solid #50A2BA;
}

#fotodetail .backlink {
	font-size: 110%;
	font-weight: bold;
}

#fotodetail .backlink a {
	color: #50a2ba;
}

#fotodetail .backlink a:hover {
	text-decoration: underline;
}

#fotodetail .pages {
	margin: 10px 0;
	font-weight: bold;
}

#fotodetail h4 {
	font-style: normal;
}

#fotodetail p {
	text-align: center;
}

/* Others ---*/

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textblock {
	text-align: justify;
}

.centerimg {
	display: block;
	text-align: center;
	margin: 5px auto;
}

.rightimg {
	float: right;
	margin: 0 0 5px 10px;
}

.leftimg {
	float: left;
	margin: 0 10px 5px 0;
}