@charset "utf-8";
/* CSS Document - Termalni lazne Podhajska */

/*

nejrychlejsi cesta, jak neco najit: Ctrl+F :)

obrazek v zahlavi:
	#header / header-bg.jpg

barvy:
	nadpisy modra - #116197
	hneda (ramecky obrazku + h3 u vypisu ubyt.) - #b17600
	nadpis s fialovym gradientem - #767f9b + heading-bg.png
	leve menu (odkazy) - #menu / a

*/

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 11px Arial, Helvetica, sans-serif; color: #000; background: #9AC52D url(../img/body-bg.png) 0 0 repeat-x; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; left: -10000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 840px; margin: auto; padding: 0 10px; position: relative; background: #fff url(../img/column-separator-bg.png) 205px 0 repeat-y; }
#left-column { float: left; width: 190px; margin-top: -20px; padding: 20px 5px 0 0; border-right: 1px solid #d5d1cc; }
#content { float: right; width: 600px; margin-top: 30px; padding: 0 15px 5px 0; font-family: Verdana, Geneva, sans-serif; }


/******************************

	header

******************************/
#header { height: 250px; background: #fff url(../img/header-bg3.jpg) center 65px no-repeat; font-family: Verdana, Geneva, sans-serif; }
#logo { margin: 0; padding: 20px 0 0 25px; font-size: 22px; font-weight: bold; }
#logo a { color: #116197; text-decoration: none; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 250px; left: 235px; width: 610px; margin: 0; padding: 0; font-size: 10px; color: #838383; }
#breadcrumbs a { color: #838383; }


/******************************

	left column

******************************/
#left-column { font-size: 11px; }
#left-column h3 { font-size: 11px; text-transform: uppercase; color: #fff; background: #767f9b url(../img/heading-bg.png) 0 0 repeat-x; margin: 15px 0 0; padding: 6px 5px 4px 30px; border-bottom: 2px solid #fff; }
#left-column h3 a { color: #fff; }

/* menu */
#menu{text-align: center;}
#menu h3 { margin: 0; padding: 8px 3px;}
#left-column ul {text-align: left; list-style: none; margin: 0; padding: 5px; background-color: #ebd78c; }
#left-column ul li { padding: 0; }
#left-column ul li.last a { border-bottom: none; }
#left-column ul li a { display: block; width: 145px; padding: 6px 5px 4px 30px; background: url(../img/li-arrow.png) 3px 8px no-repeat; border-bottom: 1px solid #fff; text-decoration: none; }
#left-column ul li a:hover { background-color: #e99b20; background-image: none; }
#left-column ul li a.active { background-color: #e99b20; background-image: none; }


/*****************************

	content

******************************/
h1 { font-size: 15px; color: #116197; margin: 5px 0 15px; }
h2 { font-size: 13px; color: #116197; margin: 5px 0 10px; }
h3 { font-size: 12px; margin: 5px 0 10px; }
p { margin: 10px 0 15px; }
ul { list-style: square; margin: 15px 25px; }
ul li { padding: 0 0 3px 0; }

/* box - vypis ubytovani */
.box-blue { background: #ccdeea url(../img/box-blue-bg.png) 0 0 repeat-x; margin: 15px 0 25px; padding-bottom: 5px; }
.box-blue h2 { width: 565px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; background: #767f9b url(../img/heading-bg.png) 0 0 repeat-x; margin: 0 0 5px; padding: 6px 5px 4px 30px; border-bottom: 1px solid #fff; }
.box-blue .box { float: left; width: 270px; height: 45px; padding: 10px 10px 0 15px; overflow: hidden; }
.box-blue .box img { float: left; border: 1px solid #b17600; margin: 2px 10px 0 0; }
.box-blue .box h3 { margin: 0; font-size: 11px; }
.box-blue .box h3 a { color: #b17600; }
.box-blue .box p { font-weight: bold; margin: 3px 0; }
.box-blue ul,
.box-blue p { padding: 0 15px; }

/* fotogalerie */
.gallery { margin: 15px 0 5px; padding: 0 60px; }
.gallery img { border: 1px solid #b17600; margin: 0 2px 18px; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #b9b9b9; padding: 1px; }


/******************************

	footer

******************************/
#footer { clear: both; height: 14px; color: #fff; padding: 10px; text-align: center; background-color: #57607b; border-top: 25px solid #fff;  border-bottom: 10px solid #fff; }
#footer a { color: #fff; }
#footer span { margin: 0 7px; }

/******************************

	top menu links

******************************/
#tm{height: 30px;width: 860px; margin: auto;text-align: center;}
#tm a{display: block;width: 215px; height: 28px;float: left; padding: 6px 0;font-size: 13px;text-decoration: none;font-weight: bold;}
#tm a:hover{background: #fff;color:#116197;}
#tm a.active{background: #fff;}
#tm .wcomp{width: 287px !important;}

#content p img{float: left; margin: 0 8px 8px 0;}
#backlinks {display:none;}