body, form, input, select, textarea, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {text-align: center; color: #fff; font-size: 70%; background: url(image/web/body-bg.gif) repeat; margin: 0; padding: 0;}
select, textarea, th, td {font-size: 100%;}
form {margin: 0; padding: 0;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
li {margin: 0 0 1em 2em; background: url(image/web/li-bg.gif) 5px 5px no-repeat; list-style-type: none;}
h2, h3 {margin: 0 0 0.5em 0; padding: 0;}
h1 {font-size: 110%; text-align: right; margin: 0 0 1em 0; padding: 0.4em 0.7em 0.4em 0; border-right: 7px solid #388CE1; border-bottom: 2px solid #388CE1; background: #2C2C2C;}
h2 {font-size: 110%; color: #CCCCCC;}
h3 {font-size: 100%; color: #CCCCCC;}
h4 {font-size: 100%; color: #6aa5e1;}

table {border-collapse: collapse;} 
td {vertical-align: top;} 
a {color: #388CE1; text-decoration: none}
a:hover {color: #999999; text-decoration: underline}
img {border: 0px;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}

/* layout */
#layout {width: 800px; border: 1px solid #121212; background: #000000 url(image/web/layout-bg.jpg) no-repeat bottom; margin: 0 auto;;}
#header {height: 190px;}
#content-left {float: left; width: 173px; background: url(image/web/content-left-header-bg.jpg) no-repeat;}
#content-right {float: right; width: 173px; padding-top: 8px; text-align: left; overflow: hidden;}
#content-right h2 {font-size: 110%; color: #fff; text-align: right; margin: 0; padding: 0.4em 0.7em 0.4em 0; border-right: 7px solid #388CE1; border-bottom: 2px solid #388CE1; background: #2C2C2C;}
#content-right h3 {color: #fff; font-size: 90%;}
#content-right {font-size: 90%;}
#content-center {float: left; width: 448px;}
#footer {clear: both; padding-top: 40px;}
#footer-copyright {font-size: 90%; text-align: right; padding: 0 10px 10px 0;}
#footer-copyright a {color: #FFCC00; text-decoration: none; font-weight: bold;}
#footer-copyright a:hover {color: #000066; text-decoration: underline; }
#footer-copyright img {vertical-align: bottom;}

/* menu */

#menu-left {margin-top: 17px;}

#menu-main {color: #CCCCCC; margin-top: 2em; margin-bottom: 2em; font-weight: bold;}

/* ikonky a bannery */

#ikonky {margin-top: 30px; margin-bottom: 15px; text-align: center;}
#ikonky img {border: 0; margin-bottom: 5px;}
#banner {text-align: center; margin: 10px 0 10px 0;} 

/* clanek */
#main {text-align: justify; margin: 8px; width: 432px; line-height: 135%; overflow: hidden;}
#main img {border: 1px solid #333333;}
#main .jmeno img {border: 0; vertical-align: middle;}
#main .main-obr {margin-bottom: 30px; text-align: center}
#main .main-obr img {border: 0;}
#main .no-border {border: 0;}
#main .vlevoobr-nobor {float: left; margin-right: 10px; margin-bottom: 5px; border: 0;}
#main .vpravoobr-nobor {float: right; margin-bottom: 5px; margin-left: 10px; border: 0;}
#main .concerts-sep {margin-bottom: 2em; border-bottom: 1px dotted #388ce1;}

.table01 {width: 100%;}
.table01 td {padding: 3px;}
.table01-head {font-weight: bold;}

/* strankovani, jmeno, datum */
#main .strankovani {text-align: right; margin: 10px 0 15px 0; font-size: 90%;}
#main .jmeno, .jmeno2, .main-date {font-size: 90%;  text-align: right; margin: 15px 0 30px 0; clear: both;}
#main .jmeno, #main .jmeno2 {color: #CCCCCC;}
#main .main-date {color: #666666;} 
#main .noborder {border: 0;}

#main .title-month { font-size: 110%; margin: 1em 0 0 1em 0; padding: 0 0 0.5em 0; border-bottom: 1px dashed #999999; }

.uvod {}
.uvod1 {font-weight: bold; text-align: right; clear: left;}

.vlevoobr {float: left; margin-right: 10px; margin-bottom: 5px;}
.vpravoobr {float: right; margin-bottom: 5px; margin-left: 10px}

.content-right-datum {text-align: center; color: #FFFFFF; border: 1px solid #5D5D5D; padding: 5px; background-image: url(image/web/body-bg.gif); margin-bottom: 15px;}

/* Doplnkove styly */
.main-intro {padding: 10px; margin-bottom: 20px;}
.tucne {font-weight: bold;}
.zvyrazneno {font-weight: bold; color: #FF9900;}
.center {text-align: center; margin-bottom: 10px}
#main .right {text-align: right;}
.form-error, .error {font-weight: bold; color: #FF0000;}
.form-success {color: #009900; font-weight: bold;}
.form-povinna {color: #3E3EFF; padding-left: 0.3em;}


/* systemove bloky */
.blok-main {margin-bottom: 30px;}
.blok {text-align: left; background-color: #2C2C2C; line-height: 135%; padding: 8px; color: #fff; margin-bottom: 15px; border-bottom: 4px solid #B3BCCD;}
.blok  p {margin: 0 0 0.5em 0;} 
.blok .datum-blok {text-align: right; color: #CCCCCC;}

.ikonky {text-align: center; padding-top: 15px; padding-bottom: 15px;}
.ikonky img {border: 1px solid #333333; margin-bottom: 10px}

/* systemove moduly */

/* kalendar */
.kalendar {border: 0px; width: 100%}
.kalendar td {text-align: center; padding: 1px; font-size: 90%; font-weight: bold;}
.kalendar a {color: #C58002; text-decoration: none;}
.kalendar a:hover {color: #C58002; text-decoration: none}
.kalendar-dny {background: #333333;}
.kalendar-dnes {background-color: #424242; font-weight: bold}
.kalendar-clanek {background: #000;}

/* fotogalerie */
.fotogalerie {float: left; margin-bottom: 5px; text-align: center;}
.fotogalerie img {margin: 5px; vertical-align: middle;}

/* formulare */
.table-form {margin: 15px 0 15px 0;}
.table-form td {padding: 3px}
#main .table-form td img {border: 0px; margin-right: 10px; vertical-align: bottom;}
.table-form-jm {text-align: right;}
.form-text01 {width: 180px; background-color: #E5E5E5; border: 1px solid #000000;}
.form-text01-foc {width: 180px; background-color: #FFCC00; border: 1px solid #FF0000;} 
.form-text02 {width: 100px; background-color: #E5E5E5; border: 1px solid #000000;}
.form-text02-foc {width: 100px; background-color: #FFCC00; border: 1px solid #FF0000;} 
.form-text03 {width: 32px; background-color: #E5E5E5; border: 1px solid #000000;}
.form-text03-foc {width: 32px; background-color: #FFCC00; border: 1px solid #FF0000;} 
.form-textarea {width: 280px; height: 100px; background-color: #E5E5E5; border: 1px solid #000000;}
.form-textarea-foc {width: 280px; height: 100px; background-color: #FFCC00; border: 1px solid #FF0000;}
.button01 {background: url(image/web/button01.gif) no-repeat; width: 65px; height: 21px; border: 0px; margin: 10px; cursor: pointer;}

/* ankety */
.anketa-blok-odpovedi {line-height: normal;}
.anketa-blok-hlasy {color: #C58002}
.anketa-blok-odp-cara {margin-bottom: 8px;}
.anketa-blok-odp-cara-hlasy {margin: 0.5em 0em; height: 8px; line-height: 0px; padding: 0px; background: url(image/web/anketa-bg.gif) repeat-x;}

/* Lightbox */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('lightbox/images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('lightbox//images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('lightbox//images/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}