/* CSS Document */

body{
  background:#767676 url(../obr/body_background.png) repeat scroll center top;
  font:10pt/1.5 Arial, sans-serif;
  text-align:center;  
  }
#header, #page, #footer {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	_width:1002px;
}
#header{  
  background:url(../obr/header.png) no-repeat;
  height:150px;
  width:1002px;
  }
   
#page{
  padding-top:1em;
  background:white;
  border-left:1px solid #97979A;
  border-right:1px solid #97979A;
  /*hack with min height*/
  height: auto !important;      /* for modern browsers */
  height: 450px;                /* for IE5.x and IE6   */
  min-height:450px;
  }
  
  
/** Levy sloupec **/  
#Lcolumn{
    text-align:left;
    float:left;
    width:170px;
  }

/*main page content*/
#content{
    font-size:0.9em;
    _font-size:1em;
    padding:0em 2em 1em 1em;
    text-align:left;
    margin-left:185px;
    position:relative;
    width:770px;
    _width:810;
  }
#content p{
    text-align:justify;
  }

#content h2{
    color:#4F8B0E;
    font-size:1.5em;
    margin-top:5px;
  }

#content h3{
  margin-bottom:0.9em;
  color:#4F8B0E;
  }

#content ul{
  list-style-image:url(../obr/li_odrazka.png);
  list-style-position:outside;
  }
#content  a{
    color:#4F8B0E;
  }
#content  a:link{
    color:#4F8B0E;
  }
  
#content  a:hover{
    color:#A11B1B;
  }
#content  a:visited{
    color:#564B47;
  }
/**styly pro homepage **/
#content div#middle{
    width:580px;
  }

#content div#middle .shortErgoDesc{
    font-size:11px;
    width:520px;
    padding:4px 5px 4px 15px;
    background:transparent url(../obr/about_pozadi.png) no-repeat scroll 0 0;
  }  
#content div#middle .shortErgoDesc a{
    text-decoration:none;
    color:black;  
  }
#content div#middle .shortErgoDesc a:link{
    text-decoration:none;
    color:black;  
  }
#content div#middle .shortErgoDesc a:visited{
    text-decoration:none;
    color:black;  
  }
#content div#middle .shortErgoDesc a:hover{
    text-decoration:none;
    color:black;  
  }
#content div#middle .imgNavig{
    margin:1.3em auto;
    text-align:center;
  }
#content div#middle .imgNavig img{
    border:none;
    margin:0 1.7em 0 1.7em;
  }

/**aktuality **/
#content div#middle h2{
    margin-bottom:5px;
  }
#content #aktuality h2{
  margin-top:4px;
  border-bottom:1px solid #4F8B0E;
  margin-bottom:0px;
  }
#content #aktuality h4{
  color:#4F8B0E;
  }
#content #aktuality h3{ 
  margin-top:4px;
  border-bottom:1px solid #4F8B0E;
  margin-bottom:0px;
  }

#content #aktualit table{
    font:10pt/1.5 Arial, sans-serif;
    font-size:0.8em;
  }

#content #aktuality  span.Allarticle{
    display:block;  
  }
#content #aktuality  p.autorInfo{
  font-weight:bold;
  font-size:0.9em;
}
#content #aktuality  p{
   margin:5px 0 0 20px;
   _font-size:0.8em;
  }

#content #aktuality  p img{
    float:left;
    margin-right:1em;
  } 
#content div#rightCol{
    position:absolute;
    top:0px;
    right:0px;
    width:230px;
    margin:auto;
    text-align:center;
    padding:30px 0px 20px 0;
  }
#content div#rightCol img{
    border:None;
    padding-bottom:20px;
  }
/**konec homepage **/
/** Rezervace uvodni stranka **/
#content div.centraSeznam{
    width:250px;
  }

#content div.centraSeznam h3{
    padding:0.3em 0em 0.3em 1em;
    color:#25389A;
    background:#A2B1FF none repeat scroll 0 0
  }   
#content div.centraSeznam div.centraOverview{
    background:#FFFFFF url(../obr/detailLekceBack.png) no-repeat scroll left top
  }
#content div.centraSeznam div.centraOverview div{
    padding-bottom:0.3em;
  }
#content div.centraSeznam div.centraOverview p{
    padding-left:0.5em;
    font-style:italic;
  }
#content div.centraSeznam div.centraOverview a{
    margin-left:1.3em;
    text-decoration:underline;
  }
#content div.centraSeznam div.centraOverview a:hover{
    cursor:pointer;
  }
#content div.centraSeznam div.centraOverview a img{
    border:none;
    margin:0px;
    padding:0px;
     vertical-align:middle;
  }  

#content #mapcontent div.GmapBubble{
    width:212px;
    height:80px;
    overflow:auto;
    padding:0px 6px;
  }  
  
  
#content #mapcontent div.GmapBubble a{
    margin-left:1.3em;
    text-decoration:underline;
  }
#content #mapcontent div.GmapBubble a:hover{
    cursor:pointer;
  }
#content #mapcontent div.GmapBubble a img{
    border:none;
    margin:0px;
    padding:0px;
     vertical-align:middle;
  }  
  
#content #mapcontent{
    position:absolute;
    top:30px;
    right:30px;
    width:500px;
    height:300px;
    border:2px solid gray;
  }
#content #map_canvas{
    width:100%;
    height:100%;
}

#content #siteMap li{
    padding-top:1em;
  }

#content .sendForm .necessary{
    color:red;
  }
#content .sendForm .emailmaly{
    font-size:0.75em;
  }
#content .sendForm .success{
    font-size:1.2em;
    font-weight:bold;
  }
#content .sendForm table {
  line-height:1.5em;
  _font-size:1em;
  }
*html #content .kontakty table{
    font-size:1.1em;
  }
*html #content .centraSeznam{
    font-size:0.9em;
  }
#content  #mailSending{
    z-index:10;
    position:absolute;
    top:20%;
    left:25%;
    background:#DCDCDC;
    border:2px solid #97979A;
    display:none;
  }
#content  #mailSending .winheader{
    padding:3px;
    color:#25389A;
    font-weight:bold;
    background:#A2B1FF none repeat scroll;
  }
#content  #mailSending div{
  padding:0 1em;
  }
#content  #mailSending div img{
    vertical-align:middle;
    margin-right:5px;
  }

/*pro stranky bez leve navigace */
#contentFull{
  padding:0 1em 1em 1em;
  text-align:left;
  }
  
#contentFull h2{
    color:#4F8B0E;
    font-size:1.5em;
    margin:0px;
  }  
  
 /**foot**/
#pata{
  position:absolute;
  height:31px;
  bottom:-31px;
  left:-1px;
  width:1002px;
  background:transparent url(../obr/pata_pozadi.png) no-repeat scroll 0 0;
  text-align:left;
  }
  
#pata .levy {
  float:left;
  padding:5px 40px;
  width:30%;
} 
#pata a{
  padding-top:3em;
  color:#DFFEB4;
  }
#pata a:link{
  color:#DFFEB4;
  }
#pata a:hover{
  color:white;
  }
#pata a:visited{
  color:#DFFEB4;
  }  

#pata .copy{
  float:right;
  padding:5px 40px;
  color:#DFFEB4;
  text-align:right;
  width:30%;
  } 
.cleaner{
  clear:both;
  }  
/**schranka pro navigacei **/


#NavContent{
  width:790px;
  margin:0 0em 1em 2em;
  padding-bottom:0.6em;
  margin-left:185px;
  text-align:left;
  border-bottom:2px dotted #7B7B7B
  }
  
#NavContentFull{
  margin:0 2em 1em 1em;
  padding-bottom:0.6em;
  text-align:left;
  border-bottom:2px dotted #7B7B7B
  }


/** drobkova navigace **/
p#crumbs {
  text-align:left;
  padding-left:0em;
  margin:0px 0px 5px 0px;
  }
p#crumbs a{
  color:#7B7B7B;
  padding:3px;
  }
p#crumbs a:hover{
  background-color:#DFFEB4;
  color:#609F1A;
  }
p#crumbs span{
  color:#609F1A;
  padding:2px;
  }
/*konce dobkove navigace */

/*subnavigacni menu */
ul#navBar{
    padding:0 0 0 0em;
    margin:0px;
    list-style:none;
  }

ul#navBar li{
    display:inline;
    font-size:9pt;
  }  
ul#navBar li a{  
  padding:2px 4px;
  margin:0px;
  color:#7B7B7B;
  text-decoration:none;
  }
ul#navBar li a:visited{  
  color:#7B7B7B;
  background-color:none;
  text-decoration:none;
  }
ul#navBar li a:hover{  
  color:#609F1A; 
  background-color:#DFFEB4;
  text-decoration:none;
  }
  
  
  
  


/*hotline*/
#hotline{
    height:141px;
    background:transparent url(../obr/hotline_pozadi.png) no-repeat scroll 0 0;
    margin-top:3em;
    margin-left:10px;
  }
#hotline h3{
    display:none;
  }
#hotline ul{
  margin:0px;
  padding:50px 10px 10px 30px;
  list-style-type:none;
}

#hotline ul a{
  color:black;
}
#hotline ul a:link{
  color:black;
}
#hotline ul a:visited{
  color:black;
}
#hotline ul a:hover{
  color:#BE0000;
}

/** styly tukajici se mdmenu **/
#Lcolumn div.submenu{
  display:none;
  text-align:left;
  }


#Lcolumn div.vertMenu ul{
  list-style:none;
  padding:0px;
  margin:0px;

  }  

#Lcolumn div.vertMenu li{
  border-bottom:2px solid #E9E9E9;
  padding:0.3em 1em 0.3em 2em;
  position:relative;
  }
#Lcolumn div.vertMenu li:hover{
  background:#DFFEB4;
  }
#Lcolumn div.vertMenu li a{
    text-decoration:none;
    display:block;
    color:#7B7B7B;
    background:none;
  }
#Lcolumn div.vertMenu li a:link{
    text-decoration:none;
    color:#7B7B7B;
    background:none;
  }
#Lcolumn div.vertMenu li a:visited{
    text-decoration:none;
    color:#7B7B7B;
     background:none;
  }
#Lcolumn div.vertMenu li a:hover{
    background:#DFFEB4;
    text-decoration:none;
    color:#609F1A;
  }

#Lcolumn div.vertMenu li img{
  position:absolute;
  top:0.5em;
  right:6px;
  }
  
/*hack pro IE6 na sirku odkazu*/
*html #Lcolumn div.vertMenu li a{
    height:1px;
  } 
/*aktualne vybrane bude zvyrazneno **/

#Lcolumn div.vertMenu li.curActive{
    background:#DFFEB4;
    color:#609F1A;
    text-decoration:none;
  }
#Lcolumn div.vertMenu li.curActive a:link{
    background:#DFFEB4;
    text-decoration:none;
    color:#609F1A;
  }
  
.menuDiv{
    text-align:left;
    font-size:10pt;
  }
.menuDiv table{
    font-size:10pt;
    font:10pt/1.5 Arial, sans-serif;
  }

/** tohle je pro submenu v menu tree */
.SubMenuContainer{
  border:1px dashed gray;
  background:white;
  margin-right:2px;
  margin-bottom:2px;
  background:white;
  }

.SubMenuContainer td{
    position:relative;
  }
.SubMenuContainer td a{
    position:relative;
    text-decoration:none;
    border-bottom:2px solid #E9E9E9;
    padding:0.3em 1em 0.3em 1em;
    display:block;
    color:#7B7B7B;
    background:white;
  }
.SubMenuContainer td a:link{
    text-decoration:none;
    color:#7B7B7B;
    background:white;
  }
.SubMenuContainer td a:visited{
    text-decoration:none;
    color:#7B7B7B;
     background:none;
  }
.SubMenuContainer td a:hover{
    background:#DFFEB4;
    text-decoration:none;
    color:#609F1A;
  }
.SubMenuContainer td a img{
  position:absolute;
  top:0.5em;
  right:6px;
  border:none;
  }

/** zvyrazneni aktulaniho  **/

.SubMenuContainer td a#curActive{
    color:#609F1A;
    background:#DFFEB4;
  }
.SubMenuContainer td#curActive a:link{
    text-decoration:none;
    color:#609F1A;
    background:#DFFEB4;
  }
.SubMenuContainer td a#curActive:visited{
    text-decoration:none;
    color:#609F1A;
     background:#DFFEB4;
  }
/**konec menu stylu **/



/*konce dobkove navigace */
#loginAreaSmall div{
    display:none;
    padding:0.4em 0.4em 0.2em 0.4em;
    background:#dedede;
    margin-bottom:0.7em;
    border:1px solid gray;
  }

loginArea form .user{
    font-weight:bold;
  }

.loginenter{
  margin-bottom:0.3em;
  }
#loginArea div p{
  padding:0em;
  margin:0em;
}

.loginenter img{
    vertical-align:middle;
    padding:0px;
    margin:0px;
  }
.loginenter img:hover{
    cursor:pointer;
  }
  
.loginenter img.hover{
    cursor:pointer;
  }
/***tohle je pro kalendar ***/
#CalendarRightColumn table input{
    width:140px;
  }  
  
/*** společné definice ***/

th {
	text-align: left;
	font-weight: normal;
}

#mainDiary {
	margin: 0 0 10px;
}

.clickable {
	cursor: pointer;
	color: #687ce3;
	text-decoration: underline;
}
.comment {
	font-size: 80%;
}


#loginArea {
  position:absolute;
  left:350px;
  padding-top:10px;
  text-align:center;
  }

#loginArea form input{
  width:150px;
  }
#loginArea p{
    text-align:left;
  }
label.narrow {
    width:7em;
    display:inline-block;
  }

#loginArea p.loginCaption{
    font-weight:bold;
  }

#LoadingMessage {
	position:absolute;
	z-index:50;
	top:200px;
	left: 265px;
	width: 80px;
	height: 80px;
	/*display:none;*/
	background: url('../obr/loadingMessage.gif') left top no-repeat;
}


#BigCalContainer {
	float: left;
	position: relative;
	margin:10px 0px 10px 0px;
	width: 740px;
}
#BigCal {
	margin-top: 30px;
	border-right:2px solid green;
	margin-right:10px;
}
#CalendarRightColumn {
	float: right;
	width: 205px;
	margin:10px 10px 10px 10px;
}
#CalendarSpace {
  border-top:2px solid green;
  padding-top:8px;
	margin-bottom: 20px;
}
#calButtons {
	width: 617px;
}
#calButtons span, #kalendarbut span {
	display: none;
}
#calButtons div, #kalendarbut {
	float: left;
	margin-right: 4px;
	cursor: pointer;
	background-position: top left;
}
#calButtons div:hover, #calButtons div.hover, #kalendarbut:hover, #kalendarbut.hover {
	background-position: top center;
}
#calButtons div.active {
	background-position: top right;
}
#nextbut {
	width:23px;
	height: 21px;
	background-image: url('../obr/buttons_prev.gif');
}
div#prevbut {
	width:23px;
	height: 21px;
	background-image: url('../obr/buttons_next.gif');
	margin-right: 15px;
}
#day {
	width:48px;
	height: 21px;
	background-image: url('../obr/buttons_den.gif');
}
#week {
	width:68px;
	height: 21px;
	background-image: url('../obr/buttons_tyden.gif');
}
div#month {
	width:68px;
	height: 21px;
	background-image: url('../obr/buttons_mesic.gif');
	margin-right: 15px;
}
#kalendarbut {
	width:150px;
	height: 21px;
	background-image: url('../obr/buttons_back.gif');
	margin-right: 15px;
}

/* barvy fitness */
.fitness {
	background: #bbb;
	border-color: #999;
}
.fintess .fintessInner {
	border-color: #999;
}


/*** měsíční pohled ***/

.monthCalendar {
	border: 1px solid #a2b1ff;
	border-right: none;
	padding: 0;
}
.monthCalendar td {
	width: 88px;
	margin: 0;
	padding: 0;
}

.monthCalendar .ActualMonth .header {
	font-size: 8pt;
	font-weight: bold;
	color: #25389a;
	background: #a2b1ff;
}
.monthCalendar .ActualMonth .header p {
	margin: 0;
	padding: 1px 4px;
}
.monthCalendar .ActualMonth .obsahDne {
	background: #fafafa url('../obr/month_data.gif') top right no-repeat;
}

.monthCalendar .nonActualMonth .header {
	font-size: 8pt;
	background: #e6e6e6;
}
.monthCalendar .nonActualMonth .header p {
	color: #e6e6e6;
	margin: 0;
	padding: 1px 4px;
}
.monthCalendar .nonActualMonth .obsahDne {
	background: #fff url('../obr/month_data_nonActive.gif') top right no-repeat;
}
.monthCalendar .obsahDne div {
	margin: 2px 3px 2px 2px;
	padding: 1px 2px;
	font-size: 8pt;
}

.monthCalendar .actualHighlight  .header {
	background: #c1cbff;
}
.monthCalendar .actualHighlight  .obsahDne {
	background-image: url('../obr/month_data_actualHighlighted.gif');
}


/*** týdenní pohled ***/

.weekContainer {
	margin: 0;
	padding: 0;
}
.weekCalendarContainer .header {
	color: #25389a;
	font-size: 9pt;
	line-height: 2;
}
.weekHoursContainer {
	position: relative;
	height: 20px;
	background: #a2b1ff url('../obr/hours.gif') left bottom no-repeat;
}
.weekFazeContainer {
	position: relative;
	height: 60px;
	background: #fafafa url('../obr/week_border1.gif') left bottom no-repeat;
}

.weekCalendar .actualHighlight {
	background: #fafafa url('../obr/week_border1_actualHighlighted.gif') left bottom no-repeat;
}


.weekFazeContainer .dayName {
	position: absolute;
	top: 15px;
	left: 8px;
	font-size: 12pt;
	font-weight: bold;
	color: #bfbfbf;
}
.hours {
	position: absolute;
	color: #25389a;
	line-height: 20px;
	font-size: 7.5pt;
}
.weekHoursContainer .first {
	padding-left: 5px;
}
.hours span {
	font-size: 5pt;
	position: relative;
	top: -2px;
	left: 1px;
}
.weekFazeContainer .fitness {
	font-size: 7.5pt;
	position: absolute;
	margin-top: -1px;
	overflow: hidden;
}
.weekFazeContainer .fitnessInner {
	border-style: solid;
	border-width: 1px 0 0 1px;
	/*border-width: 1px;*/
	padding-left: 1px;
}

/** denní pohled ***/

.dayCalendar th {
	color: #25389a;
	line-height: 1em;
	padding-bottom: 1ex;
}
.dayCalendar .firstColumn {
	width: 42px;
	background: #a2b1ff;
	font-size: 8pt;
	text-align: right;
}
.dayitems {
	color :#25389a;
	height: 42px;
	padding-right: 4px;
}
.dayCalendar .secondColumn {
	width: 657px;
	border: 1px solid #a2b1ff;
	border-width: 0 0 1px;
}
.dayCalendar .secondColumn .dayData{
	position: relative;
	height: 1008px;
	/*overflow:hidden;*/
	overflow: visible;
	background: url('../obr/day_background.gif') right top repeat-y;
}
.dayitems {
	color :#25389a;
	height: 42px;
	padding: 0 6px;
}
.dayData .fitness {
	position:absolute;
	overflow:hidden;
	margin: 0;
	padding: 0;
}

.dayData .fitnessInner {
	border-style: solid;
	border-width: 1px 0 0 1px;
	margin: 0;
	padding-bottom: 0.75em;
	width:100%;
}

.sportInner tr {
	margin: 0;
	padding: 0;
}
.dayData .fitness td {
	font-size: 9pt;
	line-height: 1.5;
	padding: 1px 0 0 3px;
}

.dayData .fitness .col1 {
	width: 260px;
}
.dayData .fitness .col2 {
	width: 220px;
}
.dayData .fitness .col3 {
	width: 93px;
}

#topBorder {
	position: absolute;
	top: 0;
	left: 0;
	width: 657px;
	height: 1px;
	font-size: 0;
	background: url('../obr/blueDot.gif') left top repeat-x;
}

.lekceDetail{
    width:700px;
    background:#ffffff url(../obr/detailLekceBack.png) scroll left top  no-repeat;
  }
.lekceDetail div.ergoSalOverview{
    float:right;
    padding-top:7em;
  }
.lekceDetail h3{
  background:#A2B1FF;
  padding:3px;
  color:#25389A;
  }
.lekceDetail table{
    margin-left:1.3em;
  }
.lekceDetail div{
    margin-left:1.3em;
  }
.lekceDetail div h4{
  text-decoration:underline;
  }
#rezervDetailWindow{ 
  position:absolute; 
  display:none; 
  width:400px; 
  background:#dedede repeat scroll; 
  border:1px 
  solid black; 
  left:200px; top:300px; 
  z-index:100; } 

#rezervDetailWindow div{
    margin:auto;
    text-align:center;
  }
#rezervDetailWindow div p{
    padding: 0px 0.6em;
  }
#rezervDetailWindow div p.neregErr, .logError{
  color:red;
  }
#rezervDetailWindow div p.emailInfo{
  font-style:italic;
  }
#rezervDetailWindow div#notLoggedReserv, #rezervDetailWindow div#neregUserLogin{
    text-align:left
  }
#winHeader{
  background:blue;
  width:100%;
  position:relative;
  z-index:101;
}  

.closeIcon{ 
  position:absolute;
  top:1px;
  right:2px;
 }
.RegMessage{
  position:relative;
  border:1px solid gray;
}
.hrefLike{
    color:blue;
    text-decoration:underline;
  }
.hrefLike:hover{
    cursor:pointer;
  }
#neregUserLogin{
  display:none;
}
#noName{
  display:none;
}
#noemail{
  display:none;
}
#wrongemail{
  display:none;
}

.RegMessage{
  width:700px;
  padding:3px;
  }

.RegMessage img{
    vertical-align:middle;
  }

.failure{
   background:#E10F0F
  }

.success{
  background:#8EFF2B;
}