@import url("reset.css");
@import url("layout.css");
@import url("menu.css");
@import url("formulare.css");
@import url("kalendar.css");
body{
	text-align: center;
	background: #D8EDF9  url(../images/web.bg.gif)   repeat-x;
	background-position: 0px 90px;

	color: white;
	/*color: black;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

h1,h2,h3,h4,h5{
	color: white;
	font-weight:bold;
}
h1 {
	font-size:18px;
	font-weight:bold;
	margin-bottom: 1em;
}

h2{
	font-size: 16px;
}

h3{
	font-size: 14px;
}

h4{
	font-size: 12px;
}

h5{
	font-size: 11px;
}

h1 small,h2 small{
	font-size: 60%;
}




td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#body ul{
	list-style: disc;
	list-style-position: outside;
	margin-left: 1em;
}

#body li{
	margin-top: 0.5em;
}

#body td{
	padding: 3px;
}
strong,b{
	font-weight: bold;
}

em,i{
	font-style: italic;
}

a{
	text-decoration: none;
	color: #A6CE39;
}

a:hover{
	text-decoration: underline;
}
caption{
	text-align: left;
}

#lang a{
	font-size: 11px;
	font-weight: bold;
}

#lang a.aktual{
	border-bottom: 2px solid black;
}

p{
	padding:1em 0;
}


p.foto{
	float: left;
	text-align: center;
	margin-right:40px;
}

p.foto small{
	display: block;
	text-align: left;
}
p a img, td a img,p.image img{
	border: 1px solid #A6CE39;
}

p a:hover img,.fotoRadek a:hover img{
	border: 1px solid white;
}

table.tableBorder,table.tableBorder td{
	border: 1px solid #A6CE39;
}
.cleaner {
	clear: both;
	height: 1px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1px;
	line-height: 1px;
}


img.left{
	float:left;
	clear: left;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.5em;
}
img.right{
	float:right;
	clear: right;
	margin-bottom:0.5em;
	margin-left:0.5em;
	margin-top: 0.5em;
}

.clr{
	clear: both;
	line-height: 2px;
}

.header{
	background: #2E2E2E;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.justify{
	text-align: justify;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}

.right{
	text-align: right;
}


.fleft{
	float: left;
}

.fright{
	float: right;
}

.noborder{
	border: none;
}

.hidden,.pda{
	position: absolute;
	top: -100em;
}
.noshow{
	display: none;
}

.width_100{
	width: 100%;
}
.width_50{
	width: 50%;
}

#hlavicka img{
	margin: 0px;
}
.cIn{
	padding: 0.2em;
}
.cenaAkce{
	color:Yellow;
}

.cenaOld{
	color:#A6CE39;
	
}
.cenaOld small{
	text-decoration: line-through;
}
.cena big,.cenaAkce big{
	font-weight: bold;
}

#produktLeft table{
	margin-top: 1em;
} 


#produktLeft table td{
	vertical-align: top;
}

#produktLeft table td strong{
	white-space: nowrap;
}



.kosik td,.kosik th{
	font-size: 11px;
	vertical-align: top;
	padding: 2px;
}
.kosik input{
	font-size: 11px;
}
.kosik img{
	margin-right: 0.2em;
}
.kosik .odd{
	background: #4C6110;
} 

/*Aktuality*/

.aktualityWP{
	width: 548px;
	float: right;
	margin-right: 17px;
	position: relative;
}
.aktualityDeskBg{
	background: url(../images/aktuality.bg.desk.gif) repeat-y;
}
.aktualityDesk{
	position: relative;
	background: url(../images/aktuality.bg.top.gif) top left no-repeat;
	top:-6px;
	min-height: 438px;
	padding: 10px;
}
.aktualityBT{
	background: url(../images/aktuality.bg.bottom.gif) no-repeat top left;
	position: relative;
	line-height: 6px;
	height: 6px;
}
.aktualityDesk H2{
	background: url(../images/aktuality.h2.gif) bottom left no-repeat;
	padding-top: 1em;
	padding-bottom:40px;
	margin-bottom: 1em;
}
.afoto{
	float: left;
	margin-right: 15px;
	border: 3px solid black;
}
.auvod{
	/*float: left;*/
}

/*End aktuality*/

/*Stitek*/

.stitekWP{
	width: 257px;
	float: right;
	margin-bottom: 18px;
	position: relative;
}
.stitekDeskBg{
	background: url(../images/stitek.bg.desk.gif) repeat-y;
}
.stitekDesk{
	position: relative;
	background: url(../images/stitek.bg.top.gif) top left no-repeat;
	top:-8px;
	margin-bottom: -8px;
	min-height: 148px;
	padding: 10px;
	padding-bottom: 0px;
}
.stitekBT{
	background: url(../images/stitek.bg.bottom.gif) no-repeat top left;
	position: relative;
	line-height: 10px;
	height: 10px;
}
.stitekDesk H2{
   padding-top: 1em;
	padding-bottom: 5px;
	border-bottom: 1px #3e7145 solid;
}
/*End stitek*/

/*KLienti zona*/

#klienti input ,#klienti button{
	border:1px solid #5e7a92;
	background: #91adc5;
	width: 120px;
}
#klienti button{
	width: auto;
}
#klienti .bold{
	color: black;
}
#klienti strong{
	color: Black;
}
#klienti td{
	padding: 3px;
}
#klienti a{
	color: White;
}


/*end klienti*/

a.vice{
	background: url(../images/viceinformaci.gif) left top no-repeat;
	text-align: center;
	color: White;
	width: 96px;
	height: 26px;
	line-height: 26px;
	display: block;
	float: right;
	clear: both;
}

.doc{
	background: #53965D;
	border: 2px solid #609E69;
	margin-left: 150px;
	margin-right: 17px;
	padding: 10px;
	margin-bottom: 1em;
}
.doc h1{
	background: url(../images/aktuality.h2.gif) bottom left no-repeat;
	padding-top: 1em;
	padding-bottom:40px;
	margin-bottom: 1em;
}

.mapsMarker{
	color: black;
}

#plochyFilter td{
	vertical-align: top;
	padding: 3px;
}

#plochyFilter strong{
	color: Black;
	margin-bottom: 0.5em;
}

#markerListOpen,#markerListClose{
	font-weight: bold;
	font-size: 16px;
	color: white;
}

#markerListOpen a,#markerListClose a{
	color: White;
}

.plochyItem{
	border-bottom: 1px solid #2d2d2d;
	line-height: 1.5em;
}

.plochyItemOver{
	background: black;
	border-bottom: 1px solid #2d2d2d;
	cursor: pointer;
	line-height: 1.5em;
}
.plochaInfoTitle{
	text-align: left;
	font-weight: bold;
}
#plochaInfoTitleObsazenost{
	padding-left: 20px;
	background: url(../images/date.png) no-repeat;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	cursor: pointer;
	margin: 5px;
	color: #B81200 !important;
}
#plochaInfoTitleInfo{
	padding-left: 20px;
	background: url(../images/arrow_left.png) no-repeat;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	cursor: pointer;
	margin: 5px;
	color: #B81200 !important;
	clear: both;
}
#plochaTisk{
	padding-left: 20px;
	background: url(../images/printer.gif) no-repeat;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	cursor: pointer;
	margin: 5px;
	color: #B81200 !important;
}
.plochaInfoTitleObsazenost:hover{
	text-decoration: none;
}
#plochaObsazenost{
	display: none;
}
#plochaTable td{
	vertical-align: top;
	padding: 3px;
}

#plochaTable span{
	line-height: 16px;
	padding-left: 20px;
}

#plochaTable span.vlastnostChecked{
	background: url(../images/check.gif) no-repeat left top; 
}

#markerlist  div div{
	overflow: hidden;
	white-space: nowrap;
}

#map_canvas *{
	color: Black;
}
#plochyContent{
	
}
strong.oblast{
	display: inline;
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
	line-height: 2em;
}
.mloading{
	background: url(../images/ajax-loaderb.gif) no-repeat center;
	line-height: 40px;
}
#markerlist .mloading{
	background: url(../images/ajax-loaderp.gif) no-repeat center;
	line-height: 40px;
}
.valignMiddle{
	vertical-align: middle;
}

tr.odd{
	background: #609E69;
}
tr.odd:hover,tr.even:hover{
 	background: #207A2E;
 }

th{
	color: Black;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}
.plochalast{
	cursor: pointer;
}
#content_box{
	display: none;
}
#gmaps{
	border: none;
	width: 360px;
	height: 360px;
}
.wauto{
	width: auto;
}
