/* zakladni nastaveni stranky*/

* {
 margin: 0;
 padding: 0;
}
html, body {
 font-family: Arial, Helvetica, sans-serif;
 color: #173559;
 font-size: 12px;
 margin: 0 auto;
}


/* obecne nastaveni prvku */
p, ul, li, img, h1, h2, h3, h4, h5, h6, table, tr, td, th {
 padding: 0;
 margin: 0;
}
A {
text-decoration: underline; 
color: #FFF;
}

#body {
 width: 1000px;
 margin: 0 auto;
 padding-top: 10px;
 xborder:solid 1px #0F0;
}

#logo {
	width: 160px;
	height: 520px;
	float: left;
	background-repeat: no-repeat;
	position: absolute;
	xborder:solid 1px #0F0;
	margin:22px 0px 0px 0px;
}

#mojemapa {
	width: 160px;
	height: 520px;
	float: left;
	background-repeat: no-repeat;
	position: absolute;
}


H1 SPAN
 {
	text-decoration: none;
	width: 160px;
	color: #FFF;
	font-size: 12px;
	position: absolute;
	margin-top: 220px;
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
	display:inline-block;
}

#webby
 {
	text-decoration: none;
	width: 160px;
  color: #173559;
	font-size: 12px;
	position: absolute;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}

#webby A
 {
	text-decoration: underline;
	color: #173559;
}

#menu {
 width: 800px;
 margin-left: 200px;
 height: 190px;
 xborder:solid 1px #red;
}

#menu UL{
 list-style: none;
}

#menu LI{
 width: 97px;
 height: 135px;
 float: left;
 margin: 10px 20px 0 0;
 font-weight: bold;
 text-align: center;
}

#menu LI span{
	position: relative;
	top: 150px;
	margin-left: 0px;
	padding-left: 0px;
	width: 97px;
	font-size: 14px;
	color: #173559;
	font-weight: bold;
}

#menu LI span A{
text-decoration: underline; 
}

h1 #mail {
	color: #FFF;
	position: absolute;
	top: 470px;
	font-size: 12px;
	width: 160px;
	text-align: center;
	border: none;
	font-family: Arial, Helvetica, sans-serif;	
}
h1 #mail A{
	color: #FFF;
}
#menu .ryba{
 background-image: url('img/rybka.gif');
 width: 312px;
 height: 230px;
 background-repeat: no-repeat;
 margin-top: -30px;
 z-index: 1;
 position: relative;
 
}
#menu .menu1 A{
 background-image: url('img/menu_akce.gif');
 background-repeat : no-repeat;
}
#menu .menu2 A{
 
 background-image: url('img/menu_interier.gif');
 background-repeat : no-repeat; 
}
#menu .menu3 A{
 background-image: url('img/menu_kontakt.gif');
 background-repeat : no-repeat; 
}
#menu .menu4 A{
 background-image: url('img/menu_latimerie.gif');
 background-repeat : no-repeat; 
}


#menu .menu1 A:HOVER{
 background-image: url('img/menu_akce_2.gif');
 background-repeat : no-repeat; 
}
#menu .menu1hover{
 background-image: url('img/menu_akce_2.gif');
 background-repeat : no-repeat; 
}



#menu .menu2 A:HOVER{
 background-image: url('img/menu_interier_2.gif');
 background-repeat : no-repeat;
}
#menu .menu2hover{
 background-image: url('img/menu_interier_2.gif');
 background-repeat : no-repeat;
}



#menu .menu3 A:HOVER{
 background-image: url('img/menu_kontakt_2.gif'); 
 background-repeat : no-repeat;
}
#menu .menu3hover{
 background-image: url('img/menu_kontakt_2.gif'); 
 background-repeat : no-repeat;
}



#menu .menu4 A:HOVER{
 background-image: url('img/menu_latimerie_2.gif');
 background-repeat : no-repeat;
}
#menu .menu4hover{
 background-image: url('img/menu_latimerie_2.gif');
 background-repeat : no-repeat;
}



#menu LI A{
 text-decoration: none;
 display: block;
 width: 97px;
 height: 135px;
}

#face {
	margin-left: 200px;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
 background-color:#CCC
 width: 800px;
	background-image: url('img/background.gif');
	background-repeat:repeat-y;
	background-position:top right;
	min-height: 700px;
}

#face H2{
 font-weight: bold;
 font-size: 20px;
 line-height: 1;
 padding-left: 10px;
 padding-top: 20px;
}
#face P{
 font-size: 13px;
 line-height: 1.4;
 padding: 15px;
}

#face P a{
 font-size: 13px;
 line-height: 1.4;
 padding-right: 40px;
 float: right;
} 
#face .hlavni{
 margin-top: 15px;
 float: left;
 padding-bottom: 10px;
 border: none;
 width: 300px;
}

#face .hlavni img{
width: 350px;
}

#face .gallery-text{
 margin-top: 15px;
 float: right;
 padding-left: 10px;
 padding-bottom: 10px;
 padding-right: 10px;
 border: none;
 width: 450px;
}

#face .mapa{
 margin-top: 15px;
 float: left;
 padding-left: 10px;
 padding-bottom: 10px;
 border: none;
 width: 450px;
}

#face .gallery{
 margin-top: 15px;
 float: left;
 padding-left: 10px;
 padding-bottom: 10px;
 padding-right: 10px;
 border: none;
 width: 450px;
}

#face .gallery .img_gallery {
background-color:#DCDCDC;
font-size:16px;
height:60px;
margin:10px 0 15px 15px;
padding:15px 0;
text-align:center;
width:90px;
border: none;
}

#face .gallery .img_gallery2 {
background-color:#DCDCDC;
font-size:16px;
height:90px;
margin:5px 0 15px 15px;
padding:0 15px;
text-align:center;
width:60px;
border: none;
}

#face .gallery .img_gallery3 {
background-color:#DCDCDC;
font-size:16px;
height:57px;
margin:0 0 5px 15px;
padding:15px 0;
text-align:center;
width:76px;
border: none;
}


#nadpis {
background-color:#173559;
font-size:10pt;
color:#FFF;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
text-align:left;
float:left;
border: none;
display:inline-block;
font-weight:normal;
}

.nadpis-akce {
background-color:#173559;
font-size:10pt;
color:#FFF;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
text-align:left;
float:left;
border: none;
display:inline-block;
font-weight:normal;
width: 300px;
}


.nadpisbig {
font-size:17pt;
color:#FFF;
margin:0px 0px 0px 0px;
text-align:left;
xfloat:left;
border: none;
display:inline;
font-weight:bold;
}


.listek {
background-color: #82A00A;
font-size:10pt;
color:#FFF;
padding:10px 10px 10px 10px;
margin:0 0px 0px 0px;
text-align:left;
float:left;
border: none;
display:inline-block;
font-weight:normal;
cursor:pointer;
}

.upoutavka {
background-color: #82A00A;
font-size:10pt;
color:#FFF;
padding:10px 10px 10px 10px;
margin:13px 0px 0px 0px;
text-align:left;
float:left;
border: none;
display:inline-block;
font-weight:normal;
}


.listek:hover {
background-color: #173559;
}



#zeleny {
background-color: #82A00A;
font-size:10pt;
color:#FFF;
padding:10px 10px 10px 10px;
margin:0 0px 0px 0px;
text-align:left;
float:left;
border: none;
display:inline-block;
font-weight:normal;
}


#text {
background-color:#173559;
font-size:10pt;
color:#FFF;
padding:10px 10px 10px 10px;
margin:13px 20px 0px 0px;
text-align:left;
float:left;
border: none;
display:inline-block;
font-weight:normal;
width:260px;
line-height:16pt;
}



.imgblok{
padding:10px 8px 9px 9px;
margin:13px 13px 0px 0px;
float:left;
border-left:solid 8px #173559;
display:inline-block;
min-width:105px;
min-height:105px;
xwidth:78px;
xheight:59px;
}



.imgblok:hover{
background-color:#82A00A;
cursor:pointer;
}

.imgblok img{
border:dotted 1px #173559;
}





.akceblok{
padding:10px 8px 9px 9px;
margin:13px 13px 0px 0px;
float:left;
border-top:dotted 0px #173559;
border-left:solid 8px #173559;
border-bottom:dotted 0px #173559;
border-right:dotted 0px #173559;
display:inline-block;
min-height: 200px;
min-width: 100px;

}


.akceblok .textakceblok{
color: #FFF;
background-color: #173559;
xbackground-color:#82A00A;
padding: 15px 10px 25px 10px;
margin: 0px 0px 0px 0px;
display:block;
xwidth: 200px;
xheight: 59px;
font-size:14px;
}


.akceblok:hover{
background-color:#82A00A;
xbackground-color: #173559;
cursor:pointer;
border-top:solid 0px #82A00A;
border-left:solid 8px #82A00A;
border-bottom:solid 0px #82A00A;
border-right:solid 0px #82A00A;

}

.akceblok img{
border:dotted 0px white;
background-color:#173559;
xborder:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
min-height: 100px;
min-width: 125px;

}




#obrleft {
background-color:transparent;
background-image:url(img/background.gif);
margin:13px 13px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
border:0px;
minwidth:320px;
height:420px;
}

.obrleft-akce {
background-color:#173559;
margin:0px 13px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
border: 0px;
width:320px;
}

.obrleft-akce img{
border: 0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;


}

#footer {
	width: 468px;
	background-image:url(img/linky3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 40px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	font-size: 9pt;
	line-height: 13pt;
	float:right;
}


#pravy {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 float:left; 
}



#leftcollum {
 margin:0px 13px 0px 0px;
 width: 320px;
 float:left;
}

#rightcollum {
 margin:0px 0px 0px 0px;
 float:left;
 width:464px;
 }




/* CSS Document */