body { padding: 0; margin: 0; background: #663300; color:#441100; font:normal 12px/16px Arial, Verdana, sans-serif; text-align:justify; }
.posi { position: absolute; top: 50%; left:0px; width:100%; }
.main { margin-left:-394px; position: absolute; top:-230px; left:50%; }

/*-------- menu ------*/

.navi { width:796px; height:24px; padding:0; margin:0; text-align:right; }
.navi a { padding:3px 8px 3px 8px; color:#FFF; text-decoration:none; display:block; float:right; font-weight:bold; line-height:18px; }
.navi a:hover { background-color:#d1c2b3; color:#993300; }
.navi a.actu, .navi a.actu:hover { background-color:#FFF; color:#993300; }

/*--------- content ---------*/

.cont { border:8px solid #FFF; width:788px;	height:390px; }
.cont_left { float:left; width:370px; height:370px; background-image:url('img/02.jpg'); border-right:8px solid #FFF; padding:10px; }
.cont_left h2 {	margin:0; padding-right:10px; font:bold 22px/30px Helvetica, Arial, sans-serif; letter-spacing:3px; text-align:right; color:#FFF; }
.cont_left h3 { margin:0; padding:310px 0 0 10px; font:bold 16px/30px Helvetica, Arial, sans-serif; letter-spacing:3px; text-align:left; color:#FFF; }

.cont_right { float:left; width:360px; height:360px; background:#FFF; overflow:auto; padding:15px; }
h1 { margin:0 0 6px 0; padding:0; font:bold 18px/26px Helvetica, Arial, sans-serif; letter-spacing:4px; border-bottom: 2px solid #410; width:75%; }
h2 { margin:0 0 6px 0; padding:0; font:bold 14px/16px Helvetica, Arial, sans-serif; letter-spacing:2px; border-bottom: 1px solid #410; }
.cont_right a { text-decoration: none; color: #960; border-bottom:1px dotted #960; }
.cont_right a:hover { border-bottom:0; }
.cont_right p { margin:0; }
.cont_right ul { margin:0; padding:2px 0 0 30px; display:block; }
.cont_right li { margin:0; padding:0; }
li { list-style:square; }

.cont_midd { float:left; overflow:auto; width:760px; height:360px; background:#CF9A67; padding:15px; }

.back { text-align:center; }
.back a { font:bold 16px/20px Arial,Verdana,sans-serif; text-decoration:underline; color:#630; }
.back a:hover { text-decoration:none; }

.obr { font:normal 9px/14px Verdana,Arial,sans-serif; text-align:center; float:right; height:170px; width:170px; margin:20px 0 0 0; }

table { border-collapse:collapse; border:2px solid #630; }
td, th { border:1px solid #630; padding:2px 4px 2px 4px; }
th { background:#8F541A; color:#CF9A67; }
.brau { background:#c8925f; }

/*--------- pics -----------*/

.pics { width:290px; display:block; font:normal 10px/20px Arial, Verdana, sans-serif; padding:0 25px 0px 25px; }
.pic_left { float:left; display:block; text-align:center; width:126px; }
.pic_right { float:right; display:block; text-align:center; width:126px; }
.pics img { border:0; }
.pics a { float:left; width:126px; border:4px solid #C63; }
.pics a:hover { border:4px solid #E96; }

a#pict img { border:0; }
a#pict { display:block; float:left; border:3px solid #630; }
a:hover#pict { border:3px solid #C60; }

/*--------- cenik -----------*/

.c_left { float:left; display:block; text-align:left; width:200px; }
.c_right { float:right; display:block; text-align:right; width:160px; }

/*--------- window -----------*/

.wind a { text-decoration:underline; color:#C63; }
.wind a:hover { text-decoration:none; }

/*--------- galerie -----------*/

.gale { text-align:center; margin-top:30px;}
.gale a { text-decoration:none; color: #C63; text-decoration:underline; letter-spacing:1px; }
.gale a:hover { text-decoration:none; }
.gale img { border:8px solid #C63; } 

/*--------- down -----------*/

.down { font-size:11px; width:804px; text-align: right; padding: 5px 0 0 0; color: #C63; }
.down a { text-decoration:none; color: #C63; border-bottom:1px dotted #C63; }
.down a:hover { border-bottom:0; }