/* Unblockall.net CSS design -- digitalnature.ro */


/* global properties */
*{
  margin: 0;
  padding: 0;
}


html, body{
  height: 100%;
  height: 100% important;
}

/* pagewidth properites -- default: fixed, 980px (970 min) */
#content,
#footer .inside{
 width: auto important; /* for "normal" browsers */
 width: 980px; /* for crappy IE6 browser */
 min-width: 970px;
 max-width: 980px;
 margin:0 auto;
}

/* main container */

#wrap{
  position: relative;
  min-height: 100%;
}

#wrap-right{
  background: transparent url(../images/bg2.jpg) repeat-x right top;
  width: 50%;
  position: absolute;
  height: 560px;
  top: 0;
  right: 0;
}

body.secondary.v2 #wrap-right{
  background: transparent url(../images/bg2-secondary-v.jpg) repeat-x right top;
}

a{
  color: #1274af;
  text-decoration: underline;
}

a:hover{
  color: #2c8eca;
  text-decoration: none;
}

a.Razdeli_link_green { font-family: Verdana; color: #006633; font-size: 10px; text-decoration: none; font-weight: bold; }
a.Razdeli_link_green:hover{ font-family: Verdana; color: #006633; font-size: 10px; text-decoration: none; font-weight: bold; border-bottom:1px solid red; }
a.Razdeli_link_green:active{ font-family: Verdana; color: #006633; font-size: 10px; text-decoration: none; font-weight: bold; }

/* content -- default: fixed, 960-1100 px... */

#content{
 position: relative;
 z-index: 1;
 min-height: 560px;
 background: transparent url(../images/search-bg.jpg) no-repeat 0px 328px;
 /*padding-bottom:400px;  +footer height (only needed when footer is absolute positioned) */
}

body.secondary #content{
  background: none;
}


/* header */

#header{
 height: 171px;
 position: relative;
 background: transparent url(../images/navbg.jpg) repeat-x 0 134px;
}

/* top nav */

#header #nav{
 height: 171px;
 background: transparent url(../images/navbg-left.jpg) no-repeat 0 134px;
}

#nav ul, #nav ul li{
  list-style-type: none;
}

#nav ul{
  height: 131px;
  padding-top: 40px;
  background: transparent url(../images/navbg-end.jpg) no-repeat right bottom;
  padding-right: 16px;
}

#nav ul li{
  float: right;
}

#menu ul li{
  float: right;
}

#nav ul li a{
  height: 131px;
  display: block;
}

#menu ul li a{
  height: 23px;
  display: block;
}

#nav ul li a:hover,
#nav ul li#navhome a:hover, #nav ul li#navmenus a:hover, #nav ul li#navreservations a:hover, #nav ul li#navgallery a:hover, #nav ul li#navnews a:hover,
/* active menus based on current page (body id) */
#home #nav ul li#navhome a,
#menus #nav ul li#navmenus a,
#reservations #nav ul li#navreservations a,
#gallery #nav ul li#navgallery a,
#news #nav ul li#navnews a{
  background-position: 0 -131px;
}

#menu ul li a:hover,
#menu ul li#menu_osn a:hover, #menu ul li#menu_obedno a:hover, #menu ul li#menu_ribno a:hover, #menu ul li#menu_dvama a:hover, #menu ul li#nashite_predlozenia a:hover, 
/* active menus based on current page (body id) */
#osn #menu ul li#menu_osn a,
#obedno #menu ul li#menu_obedno a,
#ribno #menu ul li#menu_ribno a,
#n_predloz #menu ul li#nashite_predlozenia a,
#dvama #menu ul li#menu_dvama a{
  background-position: 0 -23px;
}

#nav ul li#navhome a{
 background: transparent url(../images/nav-home.jpg) no-repeat left top;
 width: 162px;
}

#nav ul li#navmenus a{
 background: transparent url(../images/nav-menu.jpg) no-repeat left top;
 width: 124px;
}

#nav ul li#navreservations a{
 background: transparent url(../images/nav-reservations.jpg) no-repeat left top;
 width: 121px;
}

#nav ul li#navgallery a{
 background: transparent url(../images/nav-gallery.jpg) no-repeat left top;
 width: 124px;
}

#nav ul li#navnews a{
 background: transparent url(../images/nav-news.jpg) no-repeat left top;
 width: 127px;
}

#menu ul li#menu_osn a{
 background: transparent url(../images/osn_menu.gif) no-repeat left top;
 width: 175px;
}
#menu ul li#menu_osn2 a{
 background: transparent url(../images/osn_menu.gif) no-repeat left top;
 width: 175px;
 background-position: 0 -23px;
}

#menu ul li#menu_obedno a{
 background: transparent url(../images/obedno_menu.gif) no-repeat left top;
 width: 175px;
}
#menu ul li#menu_obedno2 a{
 background: transparent url(../images/obedno_menu.gif) no-repeat left top;
 width: 175px;
 background-position: 0 -23px;
}

#menu ul li#menu_ribno a{
 background: transparent url(../images/ribno_menu.gif) no-repeat left top;
 width: 175px;
}

#menu ul li#menu_ribno2 a{
 background: transparent url(../images/ribno_menu.gif) no-repeat left top;
 width: 175px;
 background-position: 0 -23px;
}

#menu ul li#menu_dvama a{
 background: transparent url(../images/menu_za_dvama.gif) no-repeat left top;
 width: 175px;
}

#menu ul li#menu_dvama2 a{
 background: transparent url(../images/menu_za_dvama.gif) no-repeat left top;
 width: 175px;
 background-position: 0 -23px;
}

#menu ul li#nashite_predlozenia a{
 background: transparent url(../images/nashite_predlozenia.gif) no-repeat left top;
 width: 175px;
}

#menu ul li#nashite_predlozenia2 a{
 background: transparent url(../images/nashite_predlozenia.gif) no-repeat left top;
 width: 175px;
 background-position: 0 -23px;
}

#nav ul li a span{
  display: none;
}

#menu ul li a span{
  display: none;
}


body.secondary.v2 #header, body.secondary.v2 #header #nav{
 height: 166px;
}

body.secondary.v2 #header #nav ul, body.secondary.v2 #header #nav ul li a{
  height: 126px;

}

body.secondary.v2 #header #nav ul{
 background-position:right 40px;

}


/* logo */

#header a#logo{
 position: absolute;
 width: 305px;
 height: 118px;
 background: transparent url(../images/logo.jpg) no-repeat left top;
 top: 15px;
 left: 15px;
}

#header a#logo span{
  display: none;
}

/* subheader */

#subhdr{
 color: #fff;
 height: 157px;
}

#subhdr p{
  line-height: 150%;
}

#subhdr h1{
  font-family: Arial Narrow, Arial, Helvetica, Lucida Grande;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  margin: 0px 0 4px 0;
}

#subhdr h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #fff;
  margin: 2px 0 6px 0;
  position: relative;
  top: -40px;
  left: -5px;
}

#subhdr #login div.text{
  background: transparent url(../images/input-bg.gif) repeat-x right top;
}

#subhdr #login div.text .inside{
  background: transparent url(../images/input-left.gif) no-repeat left top;
  height: 29px;
}

#subhdr #login div.submit{
  background: transparent url(../images/submit-bg.gif) repeat-x right top;
  float: left;
  margin-right: 10px;
}

#subhdr #login div.submit .inside{
  background: transparent url(../images/submit-left.gif) no-repeat left top;
  height: 29px;
  padding: 4px 10px;
}

#subhdr #login div.text input{
  background: none;
  border: 0;
  margin-top: 5px;
  margin-left: 8px;
  margin-right: 8px;
  color: #393d40;
  font-family: Arial, Helvetica;
  font-size: 12px;
}

#subhdr #login div.submit input#submit{
  background: none;
  border: 0;
  color: #393d40;
  font-family: "Trebuchet MS", Lucida Grande, Arial, Helvetica;
  font-size: 14px;
  font-weight:bold;
  text-transform: uppercase;
  color: #fff;
}

#subhdr #login .link{
  display: block;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
  font-weight: bold;
  padding: 6px;
}

#subhdr .left{
  width: 25%;
  float: left;
}

#subhdr .right{
  width: 50%;
  float: left;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  left: 7px;
}


#subhdr a{
  color: #ffed62;
  text-decoration: underline;
}

#subhdr a:hover{
  text-decoration: none;
  color: #ffc12c;
}

#subhdr #login td{
  padding: 1px 0;
}

/* main */

#main{
  padding: 10px 0 10px 0;
  margin-right: 300px;
  display: block;
}

#main #browse div.browse{
  background: transparent url(../images/inputs-bg.gif) repeat-x right top;
  float: left;
  width: 568px;
  margin-right: 10px;
  display: block;
  height: 74px;
}

#main #browse div.browse .inside{
  background: transparent url(../images/inputs-left.gif) no-repeat left top;
  height: 69px;
  padding: 4px 10px;
}

#main #browse div.browse input.text{
  background: none;
  border: 0;
  margin-top: 5px;
  margin-left: 8px;
  margin-right: 8px;
  color: #363430;
  font-family: Verdana, Arial, Helvetica;
  font-size: 18px;
}

#main #browse input.submit{
  background: transparent url(../images/go.gif) no-repeat left top;
  width: 69px;
  height: 69px;
  display: block;
  float: left;
  border: 0;
}

#main #browse input.submit:hover{
  background-position: 0px -69px;
}

#main #browse button.submit span{
  display:none;
}

#browse .urlbrowse{
  height: 30px;
}


#browse p.links{
  margin-top: 4px;
  margin-left: 6px;
}

#browse p.links a{
  width: 22px;
  height: 27px;
  display: block;
  float: left;
}

#browse p.links a:hover{
  background-position: 3px -44px;
  background-color: #fff;
}


#browse p.links a span{
  display: none;
}


#browse div.options{
  margin-top: 7px;
  line-height: 150%;
  display: block;
  height:108px;
}

#browse div.options .left{
  float: left;
  margin-right: 20px;
}

#browse div.options label{
  display: block;
}

#main h3{
  font:Arial, Helvetica, sans-serif;;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 15px 0 8px;
  display: block;
}

#main h2{
  font:Arial Narrow, Arial Helvetica, Geneva, Lucida Grande;
  font-size: 24px;
  font-weight: normal;
  margin: 15px 0 8px;
  display: block;
}

#main p, #main ul{
  line-height: 150%;
  margin: 15px 8px;
  list-style-type: none;
}

#main ul li{
  background: transparent url(../images/b2.gif) no-repeat 0px 2px;
  padding-left: 20px;
}

#main fieldset{
  border: 1px solid #d5d6d4;
  margin-right: 6px;
  margin: 18px 6px 8px 0;
  display: block;
  padding: 4px 12px;
}

#main fieldset legend{
  padding: 2px 6px;
  margin-left: 10px;
  font:Arial, Helvetica, Geneva, Lucida Grande;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

#main fieldset label{
  display: block;
}

#main fieldset .submit{
  padding: 2px 6px;
}

/* top 20 specific */
#main .top-entry{
  background: transparent url(../images/top-entry-bg.gif) repeat-x left bottom;
  padding: 6px;
  margin: 3px 0;
  display: block;
  height: 55px;
}

#main .top-entry:hover{
  background: transparent url(../images/top-entry-bg-active.gif) repeat-x left bottom;
}

#main .top-entry h5{
  font:Arial, Helvetica, Geneva, Lucida Grande;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  display: block;
  margin: 2px 0;
}

#main .top-entry:hover h5{
  color:#1274af;
}

#main .top-entry .info{
  float: left;
}

#main .top-entry a.votes{
  width:54px;
  height: 52px;
  background: transparent url(../images/top-entry.gif) no-repeat left top;
  display: block;
  float: left;
  font-family: Arial, Helvetica, Geneva;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  text-align: center;
  margin-right: 8px;
}

#main .top-entry a.votes:hover, #main .top-entry:hover a{
  background-position:0px -52px;
}

#main .top-entry a.votes span{
  display: block;
  text-align: center;
  padding-top: 7px;
}

#main .top-entry p{
  margin: 0;
  padding: 0;
}

#side{
  float: right;
  width: 280px;
  display:block;
}


#side .box{
  position:relative;
  margin-top: 30px;
  margin-bottom: 40px;
}

#side .box h3{
  font-family: Arial, Helvetica, Lucida Grande;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #f2941b;
  padding-left: 60px;
  height: 70px;
  position: absolute;
  top: -18px;
  left: -20px;
}

#side .box.rvreme h3{
  background: transparent url(../images/history_32.png) no-repeat left top;
  position: absolute;
  left: 10px;
}

#side .box.address h3{
  background: transparent url(../images/home.png) no-repeat left top;
  position: absolute;
  left: 10px;
}

#side .box.promo h3{
  background: transparent url(../images/label-red.gif) no-repeat left top;
  left: 10px;
}


#side .box .frame{
  background: transparent url(../images/box-top.gif) no-repeat left top;
  width: 243px;
}

#side .box .frame .inside{
  padding:15px 6px ;
  display: block;
  min-height: 50px;
  background: transparent url(../images/box-sub.gif) no-repeat left bottom;
  z-index: 1000;
  position: relative;
  line-height: 150%;
}

#side2 .inside{
  width: 600px;
  display: block;
  min-height: 50px;
  text-align: justify;
  color: #000
}

#side .box p{
  display: block;
  clear: both;
  padding: 4px 0;
}

#side .box img{
  border: 2px solid #c6c6c6;
  margin: 0 4px;

}

/* footer */
/* to make it absolute positioned to the bottom of the page uncomment below */
#footer-wrap{
  background: transparent url(../images/footer-bg.jpg) repeat left bottom;
  /*
  position: absolute;
  bottom: 0;
  z-index: 100;
  */
  width: 100%;

}

#footer{
  background: transparent url(../images/footer-top.jpg) repeat-x left top;
}

#footer a{
  color: #2d729e;
  text-decoration: underline;
}

#footer a:hover{
  text-decoration: none;
}

#footer .inside{
  color: #afb0b2;
  background: transparent url(../images/footer-bg.jpg) no-repeat right bottom;
  height: auto !important;
  height: 200px;
  min-height: 200px;
}

#footer .section{
  padding: 4px 0;
  line-height: 125%;
  width: 250px;
}

#footer .section h3{
  color: #cfcfce;
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 6px 0 0 15px;
}

#footer .section h3 a{
  color: #cfcfce;
  text-decoration: none;
}

#footer .section h3 a:hover{
  color: #f69b1a;
  text-decoration: underline;
  border: 0;
}

#footer p.info{
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
  padding-left: 18px;
}

#footer p.title{
  background: transparent url(../images/b1.gif) no-repeat left top;
  padding-left: 18px;
}

#footer .section ul{
  padding: 20px 0 10px 0;
}


#footer .section ul, #footer .section ul li{
  list-style-type: none;
}

#footer .section ul li{
  background: transparent url(../images/div-f.gif) repeat-x left bottom;
  padding: 6px 0;
}

#footer .section ul li.last{
  background: none;
}


#footer .section  ul li a{
  color: #fff;
  text-decoration: none;
}

#footer .section  ul li a:hover{
  border-bottom: 1px dotted #fff;
}

#footer .left{
  float: left;
  margin-right: 20px;
}

#footer .right{
  float: right;
  text-align: right;
}

#footer .links{
  margin-top: 5px;
}

#footer a#dn{
  background: transparent url(../images/dn.gif) no-repeat left top;
  width: 158px;
  height: 9px;
  display: block;
  float: right;
}

#footer a#dn span{
  display: none;
}

.smalltext{
  font-family: Verdana, Tahoma, Arial, Geneva;
  font-size: 10px;
}

.Menu_title{
  font-family: Verdana, Tahoma, Arial, Geneva;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.menu_text{
  font-family: Verdana, Tahoma, Geneva;
  font-size: 14px;
  font-weight: bold;
}

.main_text{
  font-family: Verdana, Tahoma, Geneva;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: justify;
}

.small_text2 { font-family: tahoma,sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-weight: bold;}