/* BASIC SETTINGS */
* {padding: 0; margin: 0}
body { 
background-color: #333;
text-align: center;
font-family: Georgia,serif;
font-size: 90%;
}

/* BASIC CLASSES */
.cb {clear: both; height: 1px;}
.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  #000;border-top: 0 none;border-bottom: 0 none;}
#main  { background: #000; 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: #000; text-decoration: none}
#header #header-over { background-color: #fff; position: relative; width: 100% }
#header #header-over #subtext { position: absolute; right: 0; top: 10px;  font-size: 90%}
#header-holder { height: 138px; background-image: url("paris.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, #column h2, #column 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 li {display: inline;font-weight: bold}
#column ul li li  {font-weight: normal !important; font-size: 95%}
#column ul li li  { color: white; display: list-item;list-style-type: square }
#column ul  { list-style: none;}
#column ul li a {display: block;padding: 5px 5px 5px 10px;}
#column ul li a:hover {background-color:#fff;color: #000;text-decoration: underline;}
#column ul li a.active {background: #fff; color: black; font-weight: bold} /* 2delete */
#column ul li#active a {background: #fff; color: black; font-weight: bold}
#column ul li a#active {background: #fff; color: black; font-weight: bold} 
#column ul ul a  {padding-left: 25px;}
#column ul li li a {font-weight: normal} 


/* CONTENT DESIGN */
#content {width: 590px;background-color: #fff;float: right; _margin-right: -3px; position: relative; }

#content-in { width: 560px; margin-right: 10px; float: left;position: 700px; padding: 0 5px 0 15px; font-size: 90%; line-height: 1.6; min-height: 510px;  }
#index #content-in { width: 568px;}
#content-in ul { margin: 10px 25px }
#content h1 {font-weight: normal; letter-spacing: -1px; font-size: 235%}
#content-in h2 { margin-top: 15px; font-weight: normal; letter-spacing: -1px; font-size: 175%; color: #000; clear: both}
#content-in h3 { clear: both; font-weight: normal; font-size: 130%; }
#content-in p {margin-bottom: 10px}
#content dd {margin-bottom: 10px}
#content dt { font-weight: bold; margin-top: 10px}
#content-in a:hover { color: #333333}
img {border: none; margin: 5px 15px 0 0;}

#ad {float: left; margin-left: 10px;}




#content-in table { clear: both; margin: 10px 0; width: 99%; border-collapse: collapse}
#content-in table tr, #content-in table td, #content-in table th { border-collapse: collapse; border: 1px solid black }
#content-in table td, #content-in table th { padding: 3px }




.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 { background: #D9FFD9; padding: 5px 10px; margin-top: 15px; 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 }

#fotky { clear: both; background: lightyellow; margin-left: 10px}
#fotky .img-item { 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 {background: #EEFFCC; border-left: 2px solid green; padding: 0 10px 5px 10px !important; margin-bottom: 10px}
.adsense-rectangle { width: 96%; background: #EEFFCC; border-left: 2px solid green;padding: 0 10px 5px 10px  }
.t-box img, t-box img { float: left }
.t-box img { margin-right: 7px; margin-top: 4px}
.t-box .readmore { font-weight: bold; color: red}
#content-in .t-box h2 { margin-top: 0 }

/* LINKS */
a:link { color: #000}
a:hover { color: #333}
a:visited { color: #333}

/* ADSENSE */

.adsense-fixed { position: fixed; left: 0; top: 0}
.rightside { float: left; width: 130px}

/* IMAGES */
.img {   margin: 15px 0; text-align: center}
.img.big { width: 525px}
.img.right { width: 187px; clear: right}
.img.left { width: 187px; clear: left}

.img.left, .img.right, .img.big {margin-left: 15px; background: #D9FFD9; padding: 4px}
.img.big { margin-left: 0; }
.img.left img, img.right img { margin: 0 auto; display: block}

.img .img-item {  width: 187px; display: block; float: left;text-align: center;  }
.img .img-item span { display: block; clear: both; font-size: 90%; color: #82381F }

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

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


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