body { font-size:100.01%; font-family: Arial, Verdana, Tahoma; margin:0px; padding:0px; color:#000; background: #141414;}
body { behavior: url('http://www.darovanskydvur.cz/design/csshover3.htc'); }

div, h1, h2, h3, p, ul, a, img, form, input, table, tr, td, dl, dd, dt, object, param { margin:0; padding:0;}
ul li { list-style-type:none; margin: 0; padding:0;}
img {border:none; margin:0; padding:0;}
a {  color:#000; }
a:hover { color:#65931d;}
h1 { }
h2 { } 
p { line-height:120%; }


.cleaner { clear:both; visibility:hidden; height:0; }
.heading { background:#000;  height:auto; }
.heading h2 { text-transform:uppercase; font-size:1.2em; padding:8px 0 5px 15px; color:#fff; }
.heading span { float:right; font-size:1.1em; margin:10px 14px 0 0; }
.heading span a { color:#fff; text-decoration:underline; }
.heading span a:hover { text-decoration:none; }
a.more, a.up { padding: 2px 3px 2px 3px; background: #8fd128; text-decoration:none; color:#000; font-size: 12px; text-transform: lowercase; }

#all { width:990px; margin:0 auto; height:auto; font-size:0.625em; }

.logo { position:absolute; top:40px; margin-left:30px; }

#header { width:990px; position:absolute; top:0;}
.menu { background: #65931D; width:990px; float:left;}
.menu ul li { display:block; line-height:32px;  background: url('bg-menu-li.png') no-repeat right top; float:left; margin: 0; }
.menu ul li a { color: #fff; text-transform: uppercase; font-size:1.2em; font-weight:bold; text-decoration:none; line-height:32px; padding:0 10px; display:block; }
.menu ul li a:hover { background: #000; color:#fff; }

.menu ul ul { position:absolute; margin-left:0; z-index:1; background: #000; visibility:hidden; }
.menu ul ul li { float:none;  display:inline; height:17px; line-height:17px;  }
.menu ul ul li a { padding:3px 5px 3px 10px; display:block; height:24px; line-height:24px; width:200px; font-weight:normal; text-transform:none; border-bottom: 1px solid #fff; }
.menu ul ul li a.last , .menu ul ul ul li a.last { border:none; }
.menu li ul.hover , .menu li li.hover , .menu ul li li.hover { visibility:visible; }
.menu ul li ul.hover { visibility:visible; }
.menu ul li:hover ul.sec , .menu ul li:hover ul.sec li:hover { visibility:visible;}

.menu ul li a.has_child { background: url('bg-sub-menu.png') no-repeat 190px 8px; }
.menu ul li a:hover, .menu ul li a.active { background:#41640B; }
.menu ul li a.has_child:hover { background:#41640B url('bg-sub-menu.png') no-repeat 190px 8px; }

.menu ul ul ul { position:absolute; margin: -31px 0 0 215px; background:#000; visibility:hidden; }
.menu ul ul.sec li:hover ul, .menu ul ul.sec li:hover ul li:hover { visibility:visible;}
.menu ul li {}



.flags { float:right;}
.flags p { margin-right:20px; padding-top:10px;}

#main { width:990px; position:relative; top:333px; }
.content { float:right; width:725px; background: #fff; padding:15px 30px 15px 30px;}
.content-in { min-height:490px; }
.content.home { background:none; padding:0; width:785px;}

h1 { font-size:2em; color:#86C31e; padding:6px 12px 6px 6px; text-transform:uppercase; background: #000; display:inline; margin-bottom:18px; line-height:3em;}
h1.none { display:none; }

.text {font-size:1.2em; }
.text p { line-height:180%; padding-bottom:15px;}
.text p.anotace { font-weight:bold; border-bottom: 1px solid #65931d; padding-bottom:10px; width:440px; text-align:justify; } 
.text h2 { font-size:1.3em; color:#65931d; padding:8px 0 10px 0; }
.text h3 { font-size:1.1em; color:#65931d; padding:8px 0 5px 0; }
.text ul li { background: url('bg-li.png') no-repeat left 4px; padding-left:15px; margin: 9px 0 0; }
.text table { border-collapse:collapse; margin-bottom:15px; }
.text th { background: #e2ebd4; color:#65931d; }
.text td, .text th { padding:8px 25px 8px 14px; border: 1px solid #65931d; }
.text tr.table-back { background: #e2ebd4;  }
.text form { background: #e2ebd4; padding:10px 15px 20px 15px; display:block; width:395px;}
.text form td { border:none; padding:4px; }
.text form input { border:1px solid #65931d; width:190px; font-size:1em; line-height:23px; height:23px; padding-left:3px;}
.text textarea { width:100%; border:1px solid #65931d; }
.text form input.submit { width:58px; background: #65931d; color:#fff; float:right; font-size:1em; border:none; cursor:pointer; cursor:hand; }
.text img.zarovnani-doprava { float:right; margin:0 0 10px 10px; border:1px solid #65931d; }

form.rezervace { width:650px; }
form.rezervace input.radio { width:30px; float:left; height:15px; padding-right:20px;  border:none; }
form.rezervace textarea { height:100px; }

.logs { border-top:1px solid #65931d; width:730px; margin-top:30px; padding:10px 0 20px 0; }



.main-left { float:left; width:191px; }
.left-menu ul li { border-bottom:1px solid #444444; }
.left-menu ul li a { width:174px; background: #65931d; height:auto; font-size:1.2em; text-transform:uppercase; color:#fff; text-decoration:none; display:block; font-weight:bold; padding: 8px 0 8px 17px;}
.left-menu ul li a:hover, ul.left-menu li a.active { background: #000;}
.left-menu li a.bold { background: #41640b;} 

.box { margin-top:13px; background: #d4d4d4; }
#logo-flash { background: #fff; }

.contact-box { background: url('bg-contact.png') no-repeat; padding:5px 10px 10px 17px; }
.contact-box h3 { color:#65931d; font-size: 12px; width:90px; padding-bottom:6px; }
.contact-box p { padding-bottom:5px; font-size: 12px; }
.contact-box p.small {font-size:12px;}
.contact-box p span.small { font-size:12px;}

.box.gift { margin-top:15px; }
.gift-box { background: url('bg-gift.png') no-repeat;  height:56px;}
.gift-box a.more { margin:30px 23px 0 0; float:right;}

.box.newsletter { margin-top:16px; }
.newsletter form { margin-left:17px; padding:8px 0 8px 0; }
.newsletter input { border:none; width:108px; border-top:1px solid #6b6b6b; border-left: 1px solid #a1a1a1; }
.newsletter input.submit { width:39px; background: #8fd128; color:#000; font-size:1.1em; margin-left:10px; border:none; cursor:pointer; cursor:hand; }


.home-center { width:580px; float:left; }
.home-packets { margin-top: 12px; font-size: 12px; }
.packet { width:193px; float:left; }
.packet img { border-left:1px solid #0E0E0E; border-bottom: 1px solid #0E0E0E;}
.packet.last { width:194px;}
.packet.last img { border-right: 1px solid #0E0E0E;}
.packet-bottom { background:#D5D5D5; height:64px; padding:12px 10px 10px 10px; }
.packet-text { height:52px; overflow:hidden; }
.packet-more a.more { float:right; font-size: 11px; }

.home-right { width:191px; float:right; font-size: 12px; }
.actual-img { width:191px; height:79px; overflow:hidden;  border-bottom:1px solid #212121; border-top: 1px solid #212121;}
.actual-img img { display:block; }
.actual-text { background: #d2d2d2; height:72px; overflow:hidden; padding: 6px 10px 7px 17px; }

.actual-text h3 { font-size: 13px; }

.actual-text p.date { color:#65931d; font-weight:bold; margin-bottom:2px;}
.actual-text p { font-size:1em; text-align:left; line-height:11px; margin-top: 4px; }
.actual-text a.more { float:right; }


.packet-list { margin-top:20px; }
.packet-list.first { margin-top:0; }
.packet-list .img { float: left; width: 210px; }
.packet-list .text p.desc { height: 44px; overflow: hidden;} 
.packet-list .text a {text-decoration:underline; font-weight: bold;}
.packet-list .text a:hover { text-decoration: none;}
.packet-list .text { float: left; width:500px; }


.pager { width: 100%; text-align:center;}
.pager li { list-style-type:none; background: none; display:inline;padding:0; font-weight: bold; font-size: 0.75em; padding:0 10px 8px 10px; line-height:35px;}
.pager ul li a { text-decoration:underline; color:#000000;  }
.pager li.first { cursor:pointer; cursor:hand; width:22px;}
.pager li.prev { cursor:pointer; cursor:hand; margin-right:10px;}
.pager li.next { cursor:pointer; cursor:hand; margin-left:10px;}
.pager li.last { cursor:pointer; cursor:hand;} 
.pager.bottom { padding-top:10px;}



#footer { width:973px; height:auto; padding:8px 0 10px 17px; margin-top:12px; background:#000; color:#fff; float:left; font-size:1.1em; margin-bottom:50px; position:relative; top:336px;}
#footer a { color:#fff; text-decoration:none;  }
#footer p { line-height:120%; font-size: 12px; }
#footer p.copy { margin-top:30px; color:#686868; font-size:1.1em; padding-left:45px; }
#footer p.copy a { color:#686868; }
#footer a:hover { text-decoration:underline; } 
.footer-facebook { float:left; width:45px; margin-top:5px;}
.footer-info span { color:#8FD128; }
.footer-right { float:right; margin-top:5px; width:365px; }
.footer-right img.right-logo { float:right; }
.footer-right-text { float:left; text-align:right; padding-right:5px; font-size:1.3em; padding-top:5px; }
.footer-right-text strong { font-size:1.1em; }
.footer-print { display:none; }

.infobox { position:absolute; display:block; width:319px; height:76px;}
.infobox a { width:319px; height:79px; display:block; font-size:1.2em; }
.infobox .error {background: url('bg-error.png') no-repeat; position: relative; left:300px; top:100px;}
.infobox .info{ background: url('bg-info.png') no-repeat; position: relative; left:300px; top:100px;}
.infobox .error a span { position:relative; top:30px; left:90px; color: #000;  width:200px; float:left;}
.infobox .info a span { position:relative; top:30px; left:90px; color: #000;  width:200px; float:left;}
.infobox  a {text-decoration:none; color:#fff;}

.cursor { cursor:default; }

.photos-right { float: right; width: 274px; }

.galery-foto { width: 230px; height: 150px; margin: 10px 15px 50px 0; float:left;  }
.galery-foto .image-border{ width: 230px; height: 150px; overflow:hidden; border: 2px solid  #66931E;}
.galery-foto a{ color:#000000; text-decoration:none; }
.galery-foto p { padding: 0 0 10px 0; margin:0; height: 15px; overflow:hidden; font-size: 1.2em; color: #66931E;}
.galery-foto p.bigger { font-size: 1.7em; font-weight: bold; text-transform: uppercase;}
.galery-foto.last { margin-right:0px;}
.galery-foto img { }
.right {float: right;}
a.right {margin-top: 12px; font-size: 11px;}

#map { width: 264px; height: 264px; float:right; border: 1px solid #000; margin: 72px 0 10px 10px; }

form#reservation { width: 420px; margin: 0 auto; }
form#reservation fieldset { border: 1px solid #65931d; margin-bottom: 18px; }
form#reservation legend { font-weight: bold; padding: 0 5px; color:#65931d; }
form#reservation ol { list-style: none; padding: 0; }
form#reservation li { margin: 9px 0; }
form#reservation label
{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
}

form#reservation select { margin-right: 5px; }
form#reservation select.last { margin-right: 100px; }

form#reservation input.submit
{
	font-weight: bold;
	padding: 0;
	width: 80px;
	float: left;
	height: 22px;
	padding: 0 0 2px;
	margin: 0 0 9px 165px;
}

form#reservation input.radio
{
	display: inline;
	width: 30px;
	height: 15px;
	margin: 0;
	padding: 0;
}

form#reservation input.submit:hover { background: #76a42e; }

form#reservation textarea
{	
	font: 12px Arial, sans-serif;
	width: 193px;
}

.virtual { float:left; width:220px; margin:0 0 15px 0; height:133px; overflow:hidden; }


ul#partners { position: relative; width: 140px; height: 140px; margin: 0; padding: 0 26px 0 25px; background: #fff; overflow: hidden; }
ul#partners li { position: absolute; }
ul#partners img { display: block; }
ul#partners li.show { z-index: 500; }

#footer .copy a { color:#8FD128; }

/* popup banner */
.popup { position:absolute; z-index:100; top:0; float:left;  }
.popup-in { position:relative; width:600px; height:616px; top:50px; left: 200px; }
a.img-popup { position:absolute; width:30px; height:30px; z-index:11; margin:7px 0 0 565px; display:block; top:0; background: url('1x1.gif'); }