@charset "utf-8";

body
{
    margin:0px;
    padding:0px;
}

body a img
{
    border-width:0px;
}

/* --- TOP --- */
#top
{
  position:absolute;
  top:0px;
  left:0px;
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  min-width: 1001px;
  width:expression(
    document.body.clientWidth < 1001?
        "1001px":
        "auto" );
}

#top img
{
  border-width: 0px;
  float: left;
}

#top #divadlo_vankovka
{
    /*position:absolute;
    top:30px;
    left:700px;*/
}

#main #divadlo_vankovka
{
    float:right;
    margin: 10px;
    padding: 5px;
    border: 1px solid #CCCCFF;
    text-align: center;
}

#main #divadlo_vankovka .logo
{
    text-decoration: none;
    display: block;
}

#main .front_page_logo
{
    float:left;
    display:inline;
    margin: 10px;
    padding: 5px;
    border: 1px solid #CCCCFF;
    text-align: center;
}

#main .front_page_logo .logo
{
    text-decoration: none;
    display: block;
}

#top #uvitani
{
    position:absolute;
    top: 0px;
    left: 195px;
}

/* --- COLUMN --- */
#left
{
  position:absolute;
  top:140px;
  left:10px;
  width:11em;
  border: 1px solid #ccccff;
}

#right
{
  position:absolute;
  top:140px;
  right:10px;
  width:11em;
  border: 1px solid #ccccff;
}

/* --- MENU --- */
#menu
{
  margin-left:10px;
  margin-top:10px;
}

#menu a
{
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  font-weight: bold;
  text-decoration:none;
  display:block;
  width:12.5em;
  /*height:35px;*/
  height: 5.8ex;
  margin:10px;
  margin-top:0px;
  line-height:15px;
  color:white;
}

#menu a:hover
{
  color:black;
  background-color:yellow;
}

#menu img
{
  border:0px;
  float:left;
  clear:left;
  padding:0px;
}

#menu a img
{
    float:left;
    clear:none;
    margin-right: 5px;
}

/*definice barev menu*/
#menu .prvni
{
  background-color:#990000;
}

#menu .druhy
{
  background-color:#009900;/*006600*/
}

#menu .treti
{
  background-color:#000099;/*#000066*/
}

#menu .ctvrty
{
  background-color:#cc9900;/*#cccc00*/
}

#menu .paty
{
  background-color:#993366;
}

#menu .sesty
{
  background-color:#999999;
}

#menu .sedmy
{
  background-color:#0066ff;
}

#menu .osmy
{
  background-color:#cc0000;
}

#menu .devaty
{
  background-color:#00cc00;
}

#menu .desaty
{
  background-color:#ff6600;
}

#menu .jedenacty
{
  background-color:#996600;
}

#menu #odsazovackontaktu
{
  width:10em;
  height: 1.5em;
}

#bobimage
{
  margin: 10px;
  border-bottom: 1px solid #ccccff;
}

#aktuality
{
  padding-top: 7px;
}

#aktuality a
{
  text-align:center;
  text-decoration:none;
  display:block;
  background-color:white;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
  font-weight: normal;
  padding:5px;
}

#aktuality a:hover
{
  text-decoration: underline;
}

#aktuality div
{
  margin:10px;
  background-color:#ffcc66;
  font-weight:bold;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:80%;
  border: 1px solid #ffcc66;
}

/* --- MAIN --- */
#main
{
  margin-left:12em;
  margin-top:140px;
  margin-bottom:20px;
  margin-right:12em;
  padding: 15px 15px 5px 15px;
  /*padding:5px;*/
  background-color:white;
  border: 1px solid #ccccff;
}

/* --- TELO --- */
.important
{
  color:red;
  font-weight:bold;
}

.center
{
  text-align:center;
}

.small {
  font-size: x-small;
}

#main p, #main li
{
    text-align: justify;
    font-family: geneva, helvetika, ariel, sans-serif;
}

#main h1
{
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:18pt;
}

#main h2
{
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size: 15pt;
}

hr
{
  color:red;
  background-color:red;
}

div.vypis_her
{
  width:100%;
}

div.vypis_her div.obrazky
{
    clear:both;
    width:100%;
}

div.vypis_her a
{
    clear:both;
    float:left;
}

/*ty velke obrazky*/
div.vypis_her img.plakat
{
  border-width:0px;
}

div.vypis_her hr
{
  clear:both;
  page-break-before: avoid;
}

div.vypis_her div.prvek
{
  float:left;
  width:110px;
  height:80px;
  margin: 5px;
  padding-top: 3px;
  page-break-inside: avoid;
  background-color: #ebebeb;
  text-align: center;
}

div.vypis_her div.prvek a
{
  float: none;
  margin: 0 auto;
}

div.vypis_her p
{
  clear:both;
  display: block;
}

div.vypis_her img
{
  border-width:0px;
  page-break-inside: avoid;
  border-style:solid;
  /*border-color:#ff6600;*/
}

div.vypis_her h2
{
    page-break-before: always;
    page-break-after: avoid;
    clear:both;
    margin-top:5ex;
}

div.fotogalerie
{
   width: 100%;
}

div.fotogalerie div.fotogalerie-item
{
	margin: 10px;
	padding: 1px 10px 1px 10px;
}

div.fotogalerie div.fotogalerie-item.odd
{
	background-color: #ffffe3;
}

div.fotogalerie div.prvek
{
	float: left;
	height: 170px;
}

div.fotogalerie div.fotogalerie-item a img
{
  display: block;
  float: left;
  margin: 0px 20px 20px 0px;
  border: 4px solid gray;
}

div.partneri
{
  text-align: center;
}

div.partneri a
{
  text-decoration: none;
  color:black;
  clear:both;
  float:left;
  margin-top:10px;
}

div.partneri img
{
  border-width:0px;
}

div.partneri p
{
  clear:both;
}

div.error
{
  padding:7px;
  background-color: #ffcccc;
  border-color:red;
  border-width:3px;
  border-style:solid;
}

div.success
{
  padding:7px;
  background-color:#ccff99;
  border-color:green;
  border-width:3px;
  border-style:solid;
}

td, th
{
    padding: 0.5em;
}

#face_book img
{
    float:left;
    clear:both;
    margin: 10px;
    margin-right: 20px;
    margin-top:0px;
}

#face_book div.person
{
  clear:both;
}

/*formulare*/
label
{
    display: block;
    float:left;
    margin-top: 1ex;
    width: 10em;
}

input, textarea, select
{
    margin-top: 1ex;
}

fieldset
{
    padding: 2em;
    margin: 0em;
}

form span.key
{
    text-decoration: underline;
}

/* --- PATICKA --- */
#paticka
{
  clear:both;
  font-size: xx-small;
  padding-top:20px;
}

#paticka hr
{
  height:1px;
  color:#ccccff;
  background-color:#ccccff;
}/* CSS Document */

/* --- LIGHTBOX --- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/lightbox/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 2000px; background-color: #000; }

/* --- tabs ---*/
ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 15px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #dfdfdf; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
	display: inline;
}

ul#tabnav li.tab-selected { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

ul#tabnav li.tab-selected a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #dfdfdf; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #ffffcc; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background: #fff; /* set desired hover color */
}

/* --- TISK --- */
@media print
{
    #left, #right, #top
    {
        visibility: hidden;
    }

    #main
    {
        margin: 0px;
    }

    .noprint
    {
        display: none;
    }
}/* CSS Document */