*{ margin: 0; padding: 0; }
body{ font-family: Tahoma, Geneva, sans-serif; color: #4d4c4c; font-size: 12px;}
body img{ border: none;}
.clr{ clear: both;}
#wrap{ width:764px; margin: 0 auto; padding-top: 10px;}
#header{}
#left{ float: left; width: 210px;}
#nav1{ width: 198px; background: url(imgs/green_nav.jpg) top left repeat-x #57ba00; padding: 10px 0 20px 10px; font-size: 12px;}
#nav1 li{ list-style: none; width: 120px; line-height: 28px; background: url(imgs/dottes.gif) bottom right no-repeat;}
#nav1 li a{ width: 100%; text-decoration: none; color: #ffffff;  background: url(imgs/selected.gif) center left no-repeat; padding-left: 30px;}
#nav1 li a:hover{ text-decoration: underline;}
#nav2{ width: 198px; background: #ffc12b; padding: 10px 0 20px 10px; font-size: 12px;}
#nav2 li{ list-style: none; width: 190px; line-height: 29px; background: url(imgs/dottes2.gif) bottom center no-repeat;}
#nav2 li a{ width: 100%; text-decoration: none; color: #ffffff;  background: url(imgs/strelka.jpg) center left no-repeat; padding-left: 30px;}

#nav4{ width: 198px; background: #ffc12b; padding: 10px 0 20px 10px; font-size: 12px;}
#nav4 li{ list-style: none; width: 190px; line-height: 29px; background: url(imgs/dottes2.gif) bottom center no-repeat;}
#nav4 li a{ width: 100%; text-decoration: none; color: #ffffff;  background: url(imgs/strelka.jpg) center left no-repeat; padding-left: 30px;}
#nav4 li a:hover{ text-decoration: underline;}

.nav5{ width: 200px; background: #ffc12b; font-size: 12px; vertical-align:middle;}
.nav5 li{ list-style: none; width: 200px; line-height: 29px; background: url(imgs/dottes2.gif) bottom center no-repeat #ffc12b;}
.nav5 li a{ width: 100%; text-decoration: none; color: #ffffff; background: url(imgs/strelka.jpg) center left no-repeat; padding-left: 30px;}

#nav3{ padding-left: 0px; width: 255px; float: right;}
h1{ display: none;}
h2{ color: #dc0808; font-weight: bold; font-size: 16px; text-align: center; padding-top: 15px; margin-bottom: 20px;}
#content_home{ float: right; width: 540px; border: 3px solid #efefef; padding-bottom: 19px;}
#content{ float: right; width: 540px; border: 3px solid #efefef; padding-bottom: 19px;}
#buket1{width: 256px; float: left; border-right: 1px dashed #999999;}
#buket2{width: 256px; padding-left: 8px; float: left; border-right: 1px dashed #999999;}
#top{ margin: 0 auto; border-bottom: 1px dashed #999999; width: 97%; padding-bottom: 10px}
#buket3{width: 264px; padding-left: 0px; float: left;}
.home_pic{ float: left; width: auto;}
.title_home{ color: #dc0808; font-weight: bold; margin-left: 15px; width: 130px; height: 20px; float: left;}
.opisanie_home{ font-size: 11px; line-height: 18px; color: #4d4c4c; margin-left: 25px; width: 120px; float: left;}
.price_home{ text-align: left; float: left; width: 80px; height: 15px; font-size: 12px; margin-left: 15px; margin-top: 25px;}
.more_home{ float: right; margin-top: 10px; margin-right: 25px; width: auto;}
.more_home img{ border: none;}
.banner{ float: right; width: auto; color: #ffffff;}
.banner img{ border: none;}
#footer{ text-align: center; color: #ffffff; font-size: 11px;margin-bottom: 25px;}
#footer_left{ width: 208px; height: 70px; float: left; background: #858080;}
#footer_left a{ text-decoration: none;}
#footer_left a:hover{ text-decoration: underline;}
#footer_right{ width: 546px; height: 70px; float: right; background: #fff3c5;}
#footer ul{ color: #836a04; width: 440px; margin: 0 auto; margin-top: 25px}
#footer ul li{ list-style: none; float: left; width: auto;}
#footer ul li a{ color: #836a04; text-decoration: none;}
.dot{ margin-left: 10px; margin-right: 10px;}
.creator{ color: #836a04; margin-top: 5px; display: inline-block;}
.webdesign{ text-decoration: none; color: #836a04;}
.opisanie{ font-weight: normal; color: #666; font-size: 12px; width: 125px;}
.opisanie a{ font-weight: bold; color: #666; text-decoration: none;}
.opisanie_td{ vertical-align: top; text-align: left;}
.svatbeni a img{ height: 120px; width: 100px;}
.p1{ color: #dc0808; font-weight: bold; font-size: 16px; padding-left: 25px; padding-top: 15px;}

#pages{ width: 530px; margin: 0 auto; padding: 0; text-align: center;}
#pages a{ margin-left: 10px; color: #FC3; font-weight: bold; text-decoration: none; font-size: 12px}
#pages a:hover{ color: #333;}

.table_svatbeni{ width: 380px; border: 1px solid red; margin: 0 auto;}
.table_opakovane{ width: 520px; margin: 0 auto; text-align: center;}









#nav, 
#nav ul {float:left; width: auto; padding:0 0 0 0; margin:0; list-style:none; font: 12px verdana, sans-serif; position:relative; z-index:0;}

#nav li li { width: 190px;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left; width: auto;}

#nav li a { display:block; line-height: 25px; color:#ffffff; margin:0 0 0 0; width: 150px; height:29px; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:0;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#7b5;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#ffffff;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#ffffff;}




#down_space{margin-bottom: 20px; height: 26px; border: 1px solid red; }

.in_content{ text-align: justify; width: 480px; padding-left: 25px; line-height: 18px;}
.email{ color: #666666;}
.email:hover{ color: #ac0000;}
.note{ padding: 0 15px 0 15px; width: 490px;}
.active_page{ color: #999999;}
.friends{ width: 204px; float: left; padding-left: 45px;}
.friends img{ border: 1px solid #820000;}
.friends a{ color: #666666; text-decoration: none; font-size: 11px; font-weight: bold;}
.friends a:hover{ color: #af0000;}