*{ margin: 0; padding: 0; }

body{ text-align: center; background: white url('/img/zelene-uvery/bg_side.png') repeat-x 0 19px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.cleaner{ clear: both; visibility: hidden; height: 1px; border: none; margin: -1px 0 0 0; padding: 0px; }
.hide{ display: none; }

#envelope, #envelopeBottom, #regForm{ 
	width: 796px; margin: 0 auto; text-align: left; 
	background: white 
}

/* ------------------------------------------ */

#header-env{ height: 220px; }
#header{ height: 176px; background: #E7F2F8 url('/img/zelene-uvery/header30003.jpg') no-repeat; position: relative; }
#header #logo,
#header #logo .url{ display: block; height: 131px; width: 355px; position: relative; top: 27px; left: 0px; }
#header #logo .url{ position: absolute; top: 0; left: 0; background: url('/img/zelene-uvery/logo.jpg') no-repeat; }

/* ------------------------------------------ */

#menu-env{ height: 46px; background: #38AC45 url('/img/zelene-uvery/menuBg.gif') repeat-x; position: relative; }
#menu{ height: 46px; background: transparent url('/img/zelene-uvery/headerBottom.jpg') no-repeat 534px 0; }
#menu ul{ list-style: none; /* margin: 12px 0 0 10px; */ position: absolute; top: 10px; left: 10px; }
#menu ul li, #menu ul li a{ display: block; height: 30px; line-height: 30px; float: left; text-align: center; }
#menu ul.level1 li a{ width: 100%; background: url('/img/zelene-uvery/menuLink.gif') repeat-y top right; color: white; text-decoration: none; font-weight: bold; }
#menu ul.level1 li a:hover{ text-decoration: underline; }

#menu ul li#uvod{ width: 114px; }
#menu ul li#nabidka{ width: 100px; }
#menu ul li#partneri{ width: 70px; }
#menu ul li#zkusenosti{ width: 130px; }
#menu ul li#vice-domova{ width: 180px; }
#menu ul li#hra{ width: 50px; }
#menu ul li#kontakt{ width: 100px; }
#menu ul li#kontakt a{ background: none; }

#menuBottom{ height: 6px; background: url('/img/zelene-uvery/menuBottom.gif') no-repeat; font-size: 0px; }


#menu .level1 li{ display: inline; float: left; margin: 0 3px 0 0; position: relative; }
#menu .level2{
	visibility: hidden;
	width: 150px; position: absolute; z-index: 1000 !important; 
	top: 25px; left: 0px; background: white;
	border: 1px solid #1FA22E;	
}

#menu .level2 ul{ 
	width: 150px; position: static; float: none;	 			
}
#menu .level2 ul li{ width: 130px; padding: 0 10px; margin-bottom: 1px; }

#menu .level2 ul li a{ 	
	display: block; float: none; text-align: left;
	color: #3A3A3A !important; 
	font-weight: normal !important; 
	background: white !important;
	border-bottom: 1px solid #8FD096 !important;
	font-size: 11px;			 
}
#menu .level2 ul li.last a{ border-bottom: 0px !important; }
#menu .level1 li:hover>div{ visibility: visible; }

#zkusenostiMenu{ width: 180px !important; }
#zkusenostiMenu ul{ width: 180px !important; }
#zkusenostiMenu li{ width: 160px !important; }


/* ------------------------------------------ */

#content-env{ margin: 0px 0 10px 0; }
#content{ padding: 10px 10px; }
#content h1{ color: #51B056; margin-bottom: 5px; font-size: 20px; border-bottom: 1px solid #ECEEE9; height: 30px; line-height: 30px; }
#content.hp h1{ color: #51B056; margin-bottom: 0px; font-size: 20px; border-bottom: 0px; height: 25px; line-height: 25px; }
#content h2{ color: #51B056; font-size: 16px; margin: 15px 0;}
#content.hp h2{ color: #51B056; font-size: 14px; margin: 5px 0 0 0; color: black; }
#content h3{ color: #51B056; font-size: 14px; margin: 10px 0;}
#content p{ line-height: 1.6em; margin-bottom: 5px; font-size: 12px; }
#content p.perex{ font-weight: bold; margin: 10px 0 !important; }

#content .perexImg-env{ float: right; margin: 0 0 10px 10px; padding: 5px; background: #E8F1E7; border: 1px solid #B7E1BA; font-size: 0px; }
#content ul{ margin: 10px 10px; list-style: none; }
#content ul li{ 
	background: url('/img/zelene-uvery/liArrow50.gif') no-repeat 0 7px; padding-left: 20px; margin-bottom: 3px; font-size: 12px; 
	line-height: 1.6em;	
}

#content a{ /*color: #1AA530;*/ color: black; font-weight: bold; }

#content .companyAdvert{ float: right; margin: 0 0 10px 20px; }
#content .companyLogo{ border: 1px solid #ECEEE9; margin-bottom: 10px;  }
#content .companyLogo a img{ border: 0px; }

/* -------------- tabulky -------------- */
#content table{ border-collapse: collapse; margin: 10px 0; }
#content table td{ padding: 2px 5px 2px 5px; }
#content table th{ text-align: center; padding: 5px; font-weight: normal; font-size: 11px }
#content table.stats td{ border: 1px solid #5ABA65; }
#content table.stats tr.even td{ background: #F8FCF8; }
/*#content img{ border: 1px solid #ECEEE9; padding: 3px; background: white; } */

.infoBox-env{ width: 200px; float: right; border: 1px solid #5ABA65; margin: 0 0 0 10px; background: #F8FCF8; }
.infoBox{ padding: 10px; }

a.tTips{ position: relative; }
#tooltip{ background: #FEED01; color: black; position: absolute; padding: 2px 5px; border: 1px solid orange; }

/* ------------------------------------------ */

#partnersDash-env{ width: 565px; margin: 0px auto; margin-top: 20px; }
.partnerLogo-env{ width: 182px; float: left; margin: 0 5px 10px 0; }
.partnerLogo{ height: 95px; width: 170px; background: #EAF2E7; padding: 5px; border: 1px solid #B9DFB8; }
.partnerLogo-env a{ 
	display: block; font-weight: bold; font-size: 14px; 
	height: 25px; line-height: 25px; text-align: center;
	text-decoration: none;
}
.partnerLogo-env a:hover{ text-decoration: underline; color: #23A430; }
.partnerLogo-env{ cursor: pointer; _cursor: hand; }

.companyPicture{ /*position: absolute; bottom: 0; right: 0; border: 1px solid #ECEEE9; padding: 2px; font-size: 0px;*/ width: 400px; background: red; float: right; }

/* ------------------------------------------ */

#slevy-env{ margin-bottom: 20px; }
#slevy{ border-top: 1px solid #E7F1E8; }
#slevy table{ border-collapse: collapse; color: #3A3A3A; }
#slevy td{ padding: 10px; }
#slevy h3{ background: url('/img/zelene-uvery/liArrow.gif') no-repeat; padding-left: 20px; font-size: 14px; }
#slevy h3 a{ color: #3A3A3A; text-decoration: underline; }
#slevy h3 a:hover{ text-decoration: none; }
#slevy h3 span{ color: #23A32A; }
#slevy p{ font-size: 11px; padding-left: 20px; }

#partners-env .tab,
#slevy-env .tab{ height: 34px; background: #E9F2E9 url('/img/zelene-uvery/partnersTabs.gif'); width: 224px; }
#partners-env .tab h3,
#slevy-env .tab h3{ height: 34px; line-height: 35px; text-align: center; color: #1FA22E; font-size: 16px; }
#partners-env .tab h3 a,
#slevy-env .tab a{ color: #1FA22E; text-decoration: none; }
#partners-env .tab h3 a:hover,
#slevy-env .tab h3 a:hover{ text-decoration: underline; }
#partners{ border-top: 1px solid #E7F1E8; border-bottom: 1px solid #E7F1E8; }
#partners a img{ border: 0px; }

#partners table{ width: 100%; }
#partners table td{ height: 60px; vertical-align: middle; text-align: center; }
#partners.game{ padding: 10px }
#partners.game p.picture{ margin: 10px 0; }
#partners.game a{ color: black; font-weight: bold; }

#partners-env .footerText{ height: 40px; background: #E8F2E9; }
#partners-env .footerText p{ height: 40px; line-height: 40px; text-align: center; font-size: 17px; font-weight: bold; color: #627564; }
#partners-env .footerText p span{ color: #1FA22E; }
#partners-env .footerText p a{ color: #1FA22E; }
#partners-env .footerTextBottom{ height: 4px; font-size: 0px; background: url('/img/zelene-uvery/footerTextBottom.gif') no-repeat; }

/* ------------------------------------------ */

#footer-env{ height: 25px; margin-top: 5px; }
#footer-env .left, #footer-env .right{ width: 397px; float: left; color: #69684F; font-size: 11px; }

#footer-env .left{ text-align: left; }
#footer-env .left p{ padding-left: 10px; height: 25px; line-height: 25px; }
#footer-env .right{ text-align: right; }
#footer-env .right p{ padding-right: 10px; height: 25px; line-height: 25px; }

#footer-env p a{ color: #69684F; }
#footer-env p a:hover{ text-decoration: none; }

/* ------------------------------------------ */

#mista{ display: none; }
#mapBox{ width: 320px; float: left; margin: 0 10px; }
#mapBox img{ border: 0px; }

#map-env{ margin: 20px 0; }
p#kontaktujte{ margin: 10px 0; }
p#kontaktujte label{ margin-right: 10px; }

/******************* napiste nam *****************/
#writeUs {padding:15px;display:block}
#writeUs table {width:100%}
#writeUs table td {vertical-align:top; padding: 3px 0; }
#writeUs table td.align-bottom {vertical-align:bottom}
#writeUs table td .input-text {width:193px; padding: 2px; border: 1px solid black; }
#writeUs table td textarea, #writeUs table td select{ border: 1px solid black; }
#writeUs table td textarea{ padding: 2px; }
#writeUs table label {display:block}
#writeUs table td select {width:408px}
.error {margin:2px 0; /*width:178px; */font-size:90%;padding:5px;border: 1px solid #46B252; background: #DBF0DD; }
.extra{ color: red; margin-left: 5px; }

#flash{ text-align: center; }
#flash.hp{ text-align: center; margin-top: 5px; }
p.center{ text-align: center; margin: 15px 0; }
p.footerText{ border-top: 1px solid silver; color: gray; margin-top: 20px }

/* boxiky na hlavni strance */

#hpBox-env{ width: 796px; margin-top: 3px; }
#hpBox-env .item{ width: 262px; float: left; background: white; margin-right: 5px; }
#hpBox-env .item.last{ margin-right: 0; }

#hpBox-env .item h3{ padding: 5px 10px; background: #41AD49; color: white; font-size: 14px; margin-bottom: 5px; }
#hpBox-env .item .body-env{ background: #FFFBA4; height: 200px; }
#hpBox-env .item .body{ padding: 10px; font-size: 11px; }
#hpBox-env .item .body ul{ list-style: none; }
#hpBox-env .item .body ul li{ background: url('/img/zelene-uvery/hpBoxArrow.gif') no-repeat 0 3px; padding-left: 15px; margin-bottom: 3px; line-height: 1.3em; }

h3.lastDate{ margin: 5px 0 0 0; background: #41AD49; padding: 5px; color: white; text-align: center; }

.poukaz{ margin: 10px 0; }
.poukaz img{ border: 1px solid silver; padding: 2px; }

#soutezForm-env{ position: relative; }
#soutezForm{  }
#soutezForm table th{ padding: 3px 10px 3px 0; text-align: left; font-weight: bold; }
#soutezForm table td input, #soutezForm table td select{ border: 1px solid black; padding: 3px; font-size: 11px; }
#soutezForm table td select{ padding: 0px; }

p.buttons-env{ position: absolute; bottom: 10px; right: 10px; }
#regForm{ display: none; }

#emailForm-env{ border: 1px solid #FF8000; background: #FFF4BF; }
#emailForm{ padding: 10px; }
#emailForm input.in{ border: 0; background: transparent; border-bottom: 1px dotted #FF8000; padding: 0 3px }

.errorForm{ border: 1px solid red; background: #800000; color: white; padding: 5px; text-align: center; }