/* BASIC SETTINGS */
* { margin: 0; padding: 0	}

body { 
background-color: #367436;
text-align: center;
font-family: 'Arial', sans-serif;
font-size: 90%;
}

/* BASIC CLASSES */
.cb {clear: both; height: 1px;}
.cl { clear: left}
.left { float: left}
.right { float: right }
.tac { text-align: center}
.tar { text-align: right}


/* WRAPPERS */
#wrap { width: 800px; background-color: #fff;margin: 0 auto;text-align: left; position: relative; z-index: 1 }
#wrap-in { padding:  15px;border: 4px solid  #225522; border-top: 0 none;border-bottom: 0 none; }
#main  { background: #002900; width: 770px }

/* HEADER */
#header {margin:  0 0 15px 0; width: 100%}
#header h1, #header span, #header a  { margin: 0; font-size: 30px; font-weight: normal; color: #001F00; text-decoration: none; font-family: Georgia, serif}
#header #header-over { background-color: #fff; position: relative; width: 100% }
#header #header-over #subtext { position: absolute; right: 0; top: 10px;  font-size: 90%; font-family: Georgia, serif}
#header-holder { height: 175px; background-image: url("front.jpg"); margin-top: 5px }
#header.a03 #header-holder { background-image: url("front-jak-se-dostat-do-rumunska.jpg")}
#header.a04 #header-holder { background-image:url("front-hory.jpg")}
#header.a05 #header-holder { background-image: url("front-cestovani.jpg")}
#header.a012 #header-holder { background-image: url("front-ubytovani.jpg")}

/*  MENU */
#column { float: right;width: 180px;font-size: 90%;overflow: hidden;margin: 0;padding: 0;color: #fff; }
#column ul.menu, #column h2, #column ul.menu li { margin:0; padding: 0}
#column h2 { font-size: 20px; padding: 10px; letter-spacing: 2px; font-weight: normal}
#column a { color: #fff; text-decoration: none; }
#column ul.menu li {display: inline;font-weight: bold}
#column ul.menu li li  {font-weight: normal !important; font-size: 95%}
#column ul.menu li li  { color: white; display: list-item;list-style-type: square; _display: inline }
#column ul.menu  { list-style: none;}
#column ul.menu li a {display: block;padding: 5px 5px 5px 10px;}
#column ul.menu li a:hover {background-color:green ;text-decoration: underline;}
#column ul.menu li a.active {background: #fff; color: black; font-weight: bold} /* 2delete */
#column ul.menu li#active a {background: #fff; color: black; font-weight: bold}
#column ul.menu li a#active {background: #fff; color: black; font-weight: bold} 
#column ul.menu ul a  {padding-left: 25px;}
#column ul.menu ul { background: #001F00}


#column .ad-textbox h3 { padding: 10px; margin: 0}
#column .ad-textbox ul { margin: 0 25px; padding: 0 0px; 	}
#column .ad-textbox li { margin: 5px; list-style-type: square}
#column .ad-textbox ul  a {text-decoration: underline}

#column .side-hostels { margin: 10px 0 0 7px;}

/* CONTENT DESIGN */
#content {width: 590px;background-color: #fff;float: right; _margin-right: -3px; position: relative; }
#content-in { width: 565px;  float: right;position: relative; padding: 0 0px 0 15px; font-size: 90%; line-height: 1.6; min-height: 510px; }
#index #content-in { width: 565px; _width: 550px; padding: 0 10px 0 15px;}
#content-in p { margin-bottom: 10px}
#content-in #perex { font-weight: bold}
#content-in ul { margin: 10px 25px }
#content-in ul li { margin-bottom: 5px}
#content h1 {font-weight: normal;  font-size: 300%;  font-family: Georgia, serif;}
#content-in h2 { margin-top: 15px; font-weight: normal; font-size: 220%; color: #82381F; font-family: Georgia, serif;}
#content-in h3 { clear: both; font-weight: normal; font-size: 140%;margin-top: 10px; }
#content dd {margin-bottom: 10px}
#content dt { font-weight: bold; margin-top: 10px}
#content-in a:hover { color: red}
/*
#content-in table.tab { clear: both; margin: 10px 0; width: 99%; border-collapse: collapse}
#content-in table.tab tr, #content-in table.tab td, #content-in table.tab th { border-collapse: collapse; border: 1px solid black }
#content-in table.tab td, #content-in table.tab th { padding: 3px }
*/
#content-in .txt { width: 560px;}

/*#rightside { float: left; width: 120px; text-align: center; margin-left: 10px}*/


.sidebox { position: absolute; z-index: 0; top: 0; width: 180px; right: 7px; margin-left: 10px; padding: 5px 10px; background-color: #D9FFD9 }
.sidebox label { font-weight: bold; display: block; margin-top: 8px;}
.sidebox .button { display: block; width: 99%; font-weight: bold; font-size: 110%}

.related {margin-top: 5px; clear: both}
.ad { margin: 10px 0 }

/* FRONT PAGE */
#front-left { width: 370px; float: left}
#front-right { width: 185px; float: left; }
#front-right #novinky { padding: 5px 10px }
#front-right div h2 {margin-top: 0}
#novinky { background: #D9FFD9; padding: 5px 10px; border-left: 2px solid green}
#novinky h2 { margin-top: 0 }


#content-in .poznamka {font-size: 90%; font-style: italic}

#index .txt { width: 400px; float: left}
#index .news { float: left; width: 160px; padding: 0px; margin-left: 5px; border:}
#index .news h3 { margin: 0; font-size: 135%; color: #fff; background: darkgreen; margin: 0; padding: 2px 3px;}
#index .news li { padding: 0; margin: 0 0 0 8px}
#index .news .news-in { padding: 7px; background: lightyellow; margin-bottom: 10px;}

.floatbox { width: 170px; float: left; border-left: 2px solid green; padding-left: 10px}
.floatbox#first {  float: none; width: auto; background: #EEFFCC; border-left: 2px solid green; padding: 0 10px 5px 10px !important; margin-bottom: 10px}
.floatbox#second {  float: none; width: auto; background: #F4FFDF; border-left: 2px solid green; padding: 0 10px 5px 10px !important; margin-bottom: 10px}
.floatbox h2, .floatbox ul { }


.t-box {padding: 0 10px 5px 10px !important; margin-bottom: 10px; float: left}
.adsense-rectangle { width: 96%; background: #EEFFCC; border-left: 2px solid green;padding: 0 10px 5px 10px  }
.t-box img { float: left; padding: 3px; border: 1px solid black;margin-right: 7px; margin-top: 4px; margin-bottom: 1px;}
.t-box .readmore { font-weight: bold; color: red}
#content-in .t-box h2 { margin-top: 0 }

/* LINKS */
a:link { color: green}
a:hover { color: #82381F}
a:visited { color: #002e00 }

/* ADS */
.ad-menu { text-align: center; margin: 15px 0 8px -40px}
.ad-menu { margin: 15px auto}



#alpina-468-60 { text-align: center; margin: 8px 0 8px -40px}
#alpina-468-60 img { margin: 0 auto}
#alpina-468-60 span { font-size: 90%; display: block; text-align: left; margin: 0 auto }

#column .ad-125-125 { text-align: center; margin-top: 10px}
#column .ad-125-125 p { padding: 10px; text-align: left;}
#column .ad-125-125 p a { text-decoration: underline}
#column .ad-125-125 img { margin: 0 auto;}


.adsense-fixed { position: fixed; _position: absolute; left: 0; top: 0}
.adsense-468-60 { text-align: center; margin: 20px auto; }
.adsense-120-240 { float: right; margin: 5px 8px 5px 10px}

/* IMAGES */





#content-in .img img { border: 0 none; display: block; margin: 0 auto; padding: 0;  margin: 10px 10px 6px ; font-size: 90%; text-align:center; float: left}
	


#content-in .imgline {margin-bottom: 10px; }
#content-in .imgline .img { border: 2px solid black; margin-right: 20px; background: #222}
#content-in .img p { font-family: Georgia; margin: 0 0 0; padding: 2px; clear: both; text-align: center; color: #fff; font-size: 90%}
#content-in .imgline .img { float: left; }
#content-in .img.single { width: auto; margin-bottom: 10px }




.img {   margin: 15px auto; text-align: center;}

/* FORMS */
.form-item label { display: block }

.zemContactForm fieldset { padding: 7px; }
.zemContactForm input { display: block; margin-bottom: 10px;  }
.zemContactForm label { font-weight: bold }	
.zemContactForm textarea { width: 550px; height: 250px;}
.zemSubmit { width: 100%; font-size: 120%; font-weight: bold;}
.sign { text-align: right}

/* FOOTER */
#footer { clear: both; background-color: #000; color: #fff; position: relative; font-size: 85%; border-top: 15px solid #fff; padding: 5px 0 5px 10px; height: 1.25em}
#footer span { }
#footer #nv { position: absolute; right: 5px; top:6px }
#footer .footerlink { position: absolute; right: 45px; top:4px; color: #fff; }
#footer .footerlink a { color: #fff}
#poweredby { background: #fff; color: #000; text-align: right; font-size: 75%; padding-top: 5px;}

.tabs ul.tabs { margin: 0; padding: 0 }
.tabs ul.tabs li { margin: 0; padding: 0;display: inline }

tr { margin: 0 !important}


/*  FOTOGALERIE - styly pro ZENPHOTO */

#galerie #main #content { width: 770px}
#galerie #content-in { width: 760px}
#galerie #main #content-in { padding-left: 0}
#galerie .imagethumb { float: left; margin-right: 12px;  margin-bottom: 10px}
#galerie .pagelist.disabled_nav { clear: both}
#padbox { margin: 0 auto; position: relative; text-align: center; margin-right: -15px;  }
#galerie img { border: 2px #000 solid}
#galerie div.pagelist, .imgnav { background-color: #D9FFD9; padding: 5px; margin: 15px 0; position: relative;}
#galerie #content-in div.pagelist ul {margin: 0; padding: 0}
#galerie #content-in div.pagelist ul li { display: inline}
#galerie .imgnav .backtoweb { right: 5px; position: absolute; font-weight: bold; }
#galerie .star-rating,#galerie  #rating-title {  float: left}
#galerie #rating { position: relative; background-color: #D9FFD9; padding: 5px }
#galerie #rating .star-rating { position: absolute; top: -6px;  left: 7em;}
#galerie #narrow {clear: both}
#galerie #vote { position:absolute; right: 5px; font-weight: bolder}
#galerie #rating hr { color: transparent; background-color: transparent; display: block; clear: both; border: 0 none; height: 1px; }
#galerie table tr, #galerie table td { border: none; }
#galerie input, #galerie textarea { background: #F4FFDF; padding: 3px; border: 1px solid green}
#galerie textarea { margin-bottom: 10px}
#galerie table td.name { width: 30%}
#galerie .comment { padding: 5px; background-color: #F4FFDF; border-left: 2px solid green; position: relative}
#galerie .comment .commentdate { position: absolute; right: 5px; top: 0 }
#galerie .comment .commentbody { margin-top: 8px }


label#name, label#email { font-weight: bold}
.album { float: left; text-align: center; margin-right: 12px; margin-bottom: 10px}