/* zaklad */
hr { display: none; }
html { margin: 0; padding: 0; font-size: 80.5%; font-family: Arial, Helvetica, sans-serif; color:#583D3D;  }
body { margin: 0; padding: 0; background: white url(../_img/box-start.gif) top center no-repeat; text-align: center; }
a { cursor: pointer; }
img {	border: 0; }
img a {	border: 0; }
.clear {clear:both;}

/* telo stranky */
#head { float:left; display:block; height:80px; width:930px; margin-left:33px; margin-top:65px;  }
#logo { float:left; margin-left: 12px;  }
#container { text-align: left; width:996px; margin:0px auto;  }
#container .container {  float:left; width:996px; background: white url(../_img/box.gif) top center repeat-y; }
#container .container #box { float:left; background: url(../_img/box-start.gif) top center no-repeat; width:996px; }

#small { font-size: 70%; }

/* footer */
#footer { color:#4c3e3e; width:996px; height:85px; float:left; background: url(../_img/footer.gif) bottom left no-repeat; }
#footer a { font-weight:bold; color:#4c3e3e; text-decoration: none; }
#footer a:hover { color:#b40000; text-decoration: none; }
#footer .le { text-align: left; width:550px; float:left; margin-left:33px; margin-top:20px; }
#footer .le span { display:none; }
#footer .le a { margin-right:8px; }
#footer .ri { text-align: right; width:350px; float:right; margin-right:33px; margin-top:20px; }


/* nav */
#nav { font-size: 130%; float: right; margin-top: 30px; margin-right: 8px; }
#nav li { float: left; margin-right: 20px; display: list-item; list-style-type: none; }
#nav li a { text-decoration: none; font-weight:bold; color:#b40000; float: left; display: block; position: relative; }
#nav li a:hover { text-decoration: none; color:black; }



/* galeria */
#galeria { margin-left: 33px; padding-bottom: 5px; float:left; width:930px; min-height: 280px; }
#galeria h1 { margin-top:20px; margin-left: 25px; margin-bottom: 10px; }
#galeria p { margin-left: 25px; margin-bottom: 10px; }
#galeria a { font-weight:bold; color:#b40000; }
#galeria a:hover { text-decoration: none; }
#galeria h2 { font-size: 120%; color:#b40000; margin-top:20px; margin-left: 25px; margin-bottom: 5px; }
#galeria .gallery { list-style: none; margin-left: 5px; }
#galeria .gallery li {	padding: 10px;	float: left;	position: relative;	width: 210px;	height: 150px;}
#galeria .gallery img {	background: #fff;	border: solid 1px #ccc;	padding: 5px;}
#galeria .gallery li:hover img {	border-color: #999;}
#galeria .gallery em {	width: 182px;	background: url(../_img/bublina.gif) no-repeat; padding: 3px 0 6px; display: none;	position: absolute;	top: -2px; left: 25px; font-style: normal; text-align: center;}
#galeria .gallery em span {	color: #b40000; font-weight:bold; }
#galeria .gallery a { text-decoration: none; color: #000;}
#galeria .gallery li:hover em {	display: block;}
#galeria .gallery li:hover .objednat {	display: block;}
#galeria .gallery input.objednat { cursor:pointer; border: 1px solid #7d7d7d; font-size: 80%; width: 60px;	background: #fff; padding: 2px 0; display: none;	position: absolute;	top: 128px; right: 25px; font-style: normal; text-align: center; text-decoration: none; color: #000; }
#galeria .gallery input.objednat:hover { border: 1px solid #fff; background: #b40000; color: #fff; }
#galeria .info { text-align: center; float:left; margin-bottom: 25px; margin-top: 10px; width:930px; }
#galeria .info a { padding: 2px 5px; margin: 1px; border: 1px solid #7d7d7d; background: #fff; text-decoration: none; color:#4c3e3e;}
#galeria .info a:hover,#galeria .info a:active { border: 1px solid #7d7d7d; background: #a1e818; color: #4a7000; }
#galeria .info strong { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #7d7d7d; background-color: #ae080c; color:#fff; }
#galeria .info strike { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #c2c2c2; color: #c2c2c2; text-decoration: none; }
#galeria .info span { display: none; }


#uvod { margin-left: 33px; padding-bottom: 5px; float:left; width:930px; }
#uvod h1, #uvod h2 { font-size: 120%; color:#b40000; margin-top:20px; margin-left: 25px; margin-bottom: 5px; }
#uvod p { margin-left: 25px; margin-bottom: 10px; }
#uvod a { font-weight:bold; color:#b40000; }
#uvod a:hover { text-decoration: none; }
#uvod .box {  font-size: 90%; margin-right: 20px; padding-bottom: 5px; float:left; width:210px; }
.fotow { float:left; width:930px; height:320px; text-align:center; }


#kontakt { margin-left: 33px; padding-bottom: 5px; float:left; width:930px; }
#kontakt h2 { margin-top:20px; margin-left: 25px; margin-bottom: 10px; }
#kontakt h1 { font-size: 120%; color:#b40000; margin-top:20px; margin-left: 25px; margin-bottom: 5px; }
#kontakt p { margin-left: 25px; margin-bottom: 10px; }
#kontakt a { font-weight:bold; color:#b40000; }
#kontakt a:hover { text-decoration: none; }
#kontakt .left {  float:left; width:300px; }
#kontakt .right {  float:right;  }


#cennik { margin-left: 33px; padding-bottom: 5px; float:left; width:930px; min-height: 280px; }
#cennik h1 { margin-top:20px; margin-left: 25px; margin-bottom: 10px; }
#cennik p { margin-left: 25px; margin-bottom: 10px; }
#cennik a { font-weight:bold; color:#b40000; }
#cennik a:hover { text-decoration: none; }

form { margin:0px; }
textarea { width:330px; }
input { border:1px solid #ccc; padding:2px 4px 2px 4px; font-size:10px; margin:0px; }
input:focus, textarea:focus { border:1px solid #666; background:#efefef; }

.exclamation { padding: 10px 0; border: 1px solid #ccc; display: block; padding-left: 36px; margin-bottom: 5px; background: url(../_img/exclamation.png) 10px 50% no-repeat; }
.error { padding: 10px 0; border: 1px solid #ccc; display: block; padding-left: 36px; margin-bottom: 5px; background: url(../_img/error.png) 10px 50% no-repeat; }
.ok { padding: 10px 0; border: 1px solid #ccc; display: block; padding-left: 36px; margin-bottom: 5px; background: url(../_img/ok.png) 10px 50% no-repeat;}


#prezent { margin-left: 33px; padding-bottom: 5px; float:left; width:930px; min-height: 280px; }
#prezent h1 { margin-top:20px; margin-left: 25px; margin-bottom: 10px; }
#prezent p { margin-left: 25px; margin-bottom: 10px; }
#prezent a { font-weight:bold; color:#b40000; }
#prezent a:hover { text-decoration: none; }
#prezent .l {  float:left; width: 300px; }
#prezent .r {  float:right; margin-right: 20px; width: 560px; } 
