/* RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
   background-image: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*PNG fix*/

/* ------------- body styles */
body {
	margin: 0px;padding: 0px;
   background-image: url(../img/body_bg.jpg);
   background-repeat: repeat-x;
   background-position: top;
   background-color: White;
	font-size: 12px;
   cursor: auto;
   font-family: Arial, Helvetica, sans-serif;
}
/* ------------- text styles */
h1 {
   font-family: Arial, Helvetica, sans-serif;
	color: #747474;
	font-size: 100%;
   font-weight: normal;
}
h2 {
   font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #1D1D1D;
	font-size: 125%;
}
h3 {
   font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	font-size: 145%;
   padding-bottom: 5px;
   font-variant: small-caps;
}
.bold {font-weight: bold;}
#bold {font-weight: bold;}
#boldred {font-weight: bold;color: #cc3300;}
.boldred {font-weight: bold;color: #cc3300;}
#boldgreen {font-weight: bold;color: #06ba52;}
.boldgreen {font-weight: bold;color: #06ba52;}
#underline {text-decoration: underline;}
.pozor {color: #33cc00; font-weight: bold;border-bottom: 1px dashed Gray;}
#upindex { vertical-align: super;}
.upindex { vertical-align: super;}
#boldred_akt {font-weight: bold;color: #cc3300;}
.boldred_akt {font-weight: bold;color: #cc3300;}

/* ------------- top styles */
#top{
   height: 85px;
   width: 1006px;
   margin-left: auto;margin-right: auto;
   background-image: url(../img/logo.jpg);
   background-position: top;
   background-repeat: no-repeat;
}
#top h1{float: left;margin-top: 50px;margin-left: 10px;}
#top img{float: left;margin-left: 55px;}

/* ------------- header styles */
#header{
   margin-top: 0px;
   width: 980px;
   margin-left: auto;margin-right: auto;
   background-color: transparent;
   height: 49px;
}
#menu{
   height: 39px;
   padding-top: 10px;
   width: 830px;
   float: left;
   background-color: transparent;
}
#icon{
   height: 43px;
   padding-top: 6px;
   width: 150px;
   float: right;
   background-color: transparent;
}
#icon img{float: right; padding-left: 5px;}
/* ------------- marker styles */
#marker{
  	min-height: 100px; /* pro standardní prohlížeče */
	height: auto !important; /* pro IE */
   background:#eee; 
   margin:1px auto; 
   padding:0px 0 0 0;
   border-bottom: 1px solid #dddddd;
}

/* ------------- basket styles */
#basket{
   margin-top: 1px;
   padding-top: 10px;
   width: 980px;
   margin-left: auto;margin-right: auto;
   background-color: transparent;
}
#slideshow_box{float: left; width:680px;}

#slider { width:680px; padding:0px 0 20px 0;  margin-left: 0px; }
div#slideshow { width:680px; height:398px; padding:0; margin:0 auto; }
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0; }
.slider_content_inner img { border: none; }
.controls-center { width: 680px; margin:0 auto; padding:10px 0;  background-image: url(../img/shadow.png); background-repeat: no-repeat;background-position: bottom;}
#slider_controls { margin:0 auto; z-index: 1000; width:680px; }
#slider_controls h2 { width:300px; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#888888; padding:5px 0 0 0; margin:0; }
#slider_controls h2 strong { color:#1d1d1d; }
#slider_controls ul { margin:0; padding:0; width:76px; float:right; }
#slider_controls ul li { margin:0; padding:0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width:11px; height: 11px; background:url('../img/tabs_2.png') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }

#slider_controls ul li a.activeSlide { color:#979797; background:url('../img/tabs_1.png') no-repeat center center; }

#boxes{float: right; width: 300px;}
#boxes h2{color: #4d4d4d;font-weight: bold; padding-top: 8px;}
#boxes h3{color: #4d4d4d;font-weight: bold; padding-top: 5px; padding-bottom: 3px; font-size: 110%; font-variant: normal;}
#boxes h3#upozorneni{color: #4d4d4d;font-weight: bold; padding-top: 5px; padding-bottom: 3px; font-size: 120%; font-variant: bold; text-transform: uppercase; color: #cc3300;}
#boxes p{color: #525252;font-weight: normal; margin-top: 2px; font-size: 95%; line-height: 102%;}
#boxes .image{ float: left; height: 94px; width: 60px;}
#boxes .read_more{ float: right; height: 29px; width: 30px; padding-top: 65px;}
#boxes .read_more a{  display: block; cursor: pointer;}
#boxes .read_more a:hover{  display: block; background-image: none;  background-color: transparent;}
.box{
   background-image: url(../img/box.png);
   background-repeat: no-repeat;
   width: 287px;
   height: 94px;
   margin-bottom: 8px;
   float: right;
   cursor: pointer;
}
#nadpis{
   clear: both;
   height: 100px;
   width: 680px;
   margin-left: 0px;
}
#nadpis img{float: left;}
#nadpis h2{font-size: 140%; color: #5f5f5f; font-weight: bold; padding-top: 5px; letter-spacing: 0.7px;} 
#nadpis p{font-size: 100%; color: #8f8f8f; font-weight: normal;padding-top: 10px;margin-top: 10px; letter-spacing: 0.7px; line-height: 1.2em;border-top: solid #d5d5d5 1px;} 
#nadpis p a{font-size: 100%; color: #5385c6; font-weight: normal; text-decoration: none; letter-spacing: 0.8px; line-height: 1.2em;} 
#nadpis p a:hover{color: Black; text-decoration: none;} 
#nadpis #cara{color: #d5d5d5; background: #d5d5d5; border: solid #d5d5d5 1px;}

/* ------------- main styles */
#main{
   margin-top: 0px;
   width: 980px;
   margin-left: auto;margin-right: auto;
   background-color: transparent;
   min-height: 430px; /* pro standardní prohlížeče */
	height: auto !important; /* pro IE */
}
#aktuality {float: left; width: 370px; min-height: 200px; height: auto !important; padding-right: 30px;}
#aktuality #warning {float: left; width: 60px;}
#aktuality #datum {float: right; width: 310px; padding-bottom:5px;}
#aktuality #datum p {float: left; font-size: 120%; color: #5f5f5f; font-weight: bold; padding-top: 2px;padding-left: 2px; letter-spacing: 0.1px;}
#aktuality #datum img{float: left;}
#aktuality .datum {float: right; width: 310px; padding-bottom:5px;}
#aktuality .datum p {float: left; font-size: 120%; color: #5f5f5f; font-weight: bold; padding-top: 2px;padding-left: 2px; letter-spacing: 0.1px;}
#aktuality .datum img{float: left;}
#aktuality #texty {float: right; width: 308px; padding-left: 2px; margin-top: 4px;}
#aktuality p a{font-size: 100%; color: #1e75e7; font-weight: normal; text-decoration: none; letter-spacing: 0.8px; line-height: 1.2em; cursor: pointer;} 
#aktuality p a:hover{color: #1e75e7;  text-decoration: underline;} 
#aktuality p {font-size: 100%; text-align: justify; letter-spacing: 0.7px; line-height: 1.2em;}
#aktuality h2{color: #222222;font-weight: bold; padding-top: 10px; font-size: 175%;}
#aktuality h3{color: #cc3300;font-weight: bold; padding-top: 0px; padding-bottom: 10px;font-size: 175%;}
.divider {border-bottom: solid #d5d5d5 1px;height: 10px; width:100%;  margin-bottom: 10px; clear: both;}

#content {float: right; width: 580px; min-height: 300px; height: auto !important; margin-bottom:10px;}
#content h2{color: #222222;font-weight: bold; padding-top: 10px; font-size: 175%; }
#content h2#lyz:before{ content: url(../img/ski.png); }
#content h3{text-transform: uppercase; font-size: 125%;  letter-spacing: 1px;}
#content h4 {font-size: 110%; letter-spacing: 0.7px; line-height: 1.2em; padding-bottom: 5px; padding-top: 2px; font-weight: bold;}
.boldredh{text-transform: uppercase; font-size: 15px;  letter-spacing: 1px;font-weight: bold;color: #cc3300;}
#content h3#term:before{ content: url(../img/term.png); position: relative; top: 5px; padding-right: 3px;}
#content h3#camp0:before{ content: url(../img/camp0.png); position: relative; top: 5px;}
#content h3#camp1:before{ content: url(../img/camp1.png); position: relative; top: 5px;}
#content h3#camp2:before{ content: url(../img/camp2.png); position: relative; top: 5px;}
#content h3#camp3:before{ content: url(../img/camp3.png); position: relative; top: 5px;}
#content h3#camp4:before{ content: url(../img/camp4.png); position: relative; top: 5px;}
#content p {font-size: 110%; text-align: justify; letter-spacing: 0.7px; line-height: 1.2em; padding-bottom: 10px;}
#content p#under_construction{text-transform: uppercase; font-size: 120%;  letter-spacing: 3px; font-weight: bold;  color: #373737; }
#content p#under_construction:before{ content: url(../img/under_construction.png); position: relative; top: 12px; padding-right: 7px;}
#content p a{font-size: 100%; color: #1e75e7; font-weight: normal; text-decoration: none; letter-spacing: 0.8px; line-height: 1.2em; cursor: pointer;} 
#content p a#vice:hover{ text-decoration: none; padding-left: 3px;} 
#content p a#vice:active{ text-decoration: none; padding-left: 5px;} 
#content p a#vice:before{content: url(../img/arrow.png); position: relative; top: 5px;} 
#content p a:hover{color: #1e75e7;  text-decoration: underline;} 
#content p.uzaverka:before{content: url(../img/uzaverka.png); position: relative; top: 8px;} 
#content p.uzaverka{font-weight: bold;} 
#content .camp_cover{ background-color: #f7f7f7; margin-bottom: 10px; padding: 5px 2px 5px 5px; width: 571px; border: 1px solid #D5D5D5;} 
#content a img.prihlaska{ float: right; width: 62px; height: 95px;} 
#content a img.prihlaska:hover{ float: right; width: 62px; height: 95px; margin-top:2px;} 
#content a img.prihlaska:active{ float: right; width: 62px; height: 95px; margin-top:4px;} 
.skryvany {display: none}
#okno { background-color: #ffffcc; padding: 10px 10px 10px 10px; border: 2px solid #cc3300; margin-bottom: 5px;}
#edu_ul { list-style: circle inside; line-height: 1.4em; font-size: 110%; margin-left: 3px; margin-top: 5px;}
#edu_left {width:250px; float: left;}
#edu_right {width:330px; float: right; padding-top: 20px;}
#edu_right img {padding-top: 10px; padding-bottom: 10px;}

/* ------------- treneri styles */
.treneri{ float: left; width: 580px; margin-bottom: 15px;}
.treneri img{ float: left;background:#fff;padding:1px;border:1px solid #e1e1e1;}
.treneri_ul{margin-left: 15px;float: left;width: 400px;}
.treneri_ul ul{list-style: disc outside;}
.treneri_ul ul li{font-size: 110%; letter-spacing: 0.7px; line-height: 1.2em; text-align: justify; margin-left: 10px; margin-bottom: 10px;}

/* ------------- treneri styles */
.partner{ float: left; width: 580px; margin-bottom: 20px;}
.partner img{ float: left;background:#fff;padding:1px;border:1px solid #e1e1e1;}
.popis_partnera{margin-left: 15px;float: left;width: 360px;}
.popis_partnera  p {font-size: 110%; text-align: justify; letter-spacing: 0.7px; line-height: 1.2em; padding-bottom: 10px;}
.popis_partnera  p a{font-size: 100%; color: #1e75e7; font-weight: normal; text-decoration: none; letter-spacing: 0.8px; line-height: 1.2em; cursor: pointer;} 
.popis_partnera p a:hover{color: #1e75e7;  text-decoration: underline;} 



/* ------------- sportovni akce  styles */

#content p a#sport_akce:hover{ text-decoration: none; padding-left: 3px;} 
#content p a#sport_akce:active{ text-decoration: none; padding-left: 5px;} 
#content p a#sport_akce:before{content: url(../img/arrow.png); position: relative; top: 5px;} 

#content p a#informace:hover{ text-decoration: none; padding-left: 3px;} 
#content p a#informace:active{ text-decoration: none; padding-left: 5px;} 
#content p a#informace:before{content: url(../img/informace.png); position: relative; top: 8px; padding-right: 4px;} 

/* ------------- galerie  styles */
.gall {  width: 290px; height: 240px; background-image: url(../img/gall.png);  background-position: center; background-repeat: no-repeat; float: left;}
.gall a img {  margin-top: 40px; margin-left: 48px;}
.popisek_gall{ width: 210px;  text-align: center; padding-left: 42px; padding-right: 48px; display: table-cell; height: 33px;
vertical-align: middle; }

#content p.textgall {text-align: center; padding-bottom: 0px; font: Courier;}
#content p.textgall a{ font-family: Courier; color: Gray;}
#content p.textgall a:hover{ font-family: Courier; color: #1e75e7; text-decoration: none;}
#content p#fancy_gall a img{background:#fff;padding:1px;border:1px solid #e1e1e1; margin-bottom: 10px; margin-left: 4px; margin-right: 4px;}
#content p#fancy_gall{ text-align: left; }
/* ------------- footer styles */
#footer {padding:0;  margin:0 auto; clear: both;  height: 115px;  background-image: url(../img/footer_bg.gif); background-repeat: repeat-x; background-position: top;}
#footer_resize { margin:0 auto; padding:0; width:980px;}
#footer #footer_resize p {color:#6d6d6d;}
#footer #footer_resize p a#bl { color:#6d6d6d; text-decoration:none; margin:0; background-image: none;  background-color: transparent;}
#footer #footer_resize p a#bl:hover {  color:Black; text-decoration:none; margin:0; background-image: none;  background-color: transparent;}
#footer #footer_resize p#leftt { text-align:right; padding-top: 16px;} 
#footer #footer_resize p#rightt {margin-left:0px; width:780px;padding:7px 0 0 0; float:left; height: 70px; clear: left;} 
#footer #footer_resize h2{color: #222222;font-weight: bold; padding-top: 14px; font-size: 175%;  float: left;}


	 /* ------------- TOOLTIP STYLES */
    
#easyTooltip{
	margin:0 10px 1em 0;
	width:450px;
	padding:8px;
	background:#ffffcc;
	border:1px solid #e1e1e1;
	line-height:130%;				
	}
#easyTooltip h3{
	margin:0 0 .2em 0;
	font:14px Century Gothic, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
   color: #4d4d4d;
   font-weight: bold;
	}	
#easyTooltip p{
	margin:0 0 .5em 0;
	}		
#easyTooltip img{
		background:#fff;
		padding:1px;
		border:1px solid #e1e1e1;
		float:left;
		margin-right:10px;
		}		
#easyTooltip ul{
	 list-style: disc outside;
	}
   #toolul{
    margin-left: 15px;
    float: left;
    width: 260px;
	}
#item{display:none;}




	 /* ------------- rozvrh table */
    
#rozvrh_main{
  float: left;
  width: 580px;
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 0px;
  float: left;
}
#rozvrh_main tr td{
   border: 1px solid #d5d5d5;
   vertical-align: middle;
   text-align: center;
   padding: 6px 5px 6px 5px;
	line-height: 1.2em;
}
#rozvrh_main tr td.redd{

background-image: url(../img/table_red.png);
background-position: center;
background-repeat: x-repeat;
}
#rozvrh_main tr td.violett{
background-image: url(../img/table_violet.png);
background-position: top;
background-repeat: x-repeat;
}
#rozvrh_main tr td.greenn{
background-image: url(../img/table_green.png);
background-position: top;
background-repeat: x-repeat;
}
#rozvrh_main tr td#bluee{
background-image: url(../img/table_blue.png);
background-position: top;
background-repeat: x-repeat;
}
#rozvrh_main tr td.aquaa{
background-image: url(../img/table_aqua.png);
background-position: top;
background-repeat: x-repeat;
}
#rozvrh_main tr td a{
text-decoration: underline;
color: #0B0DFF;
}
#rozvrh_main tr td a:hover{
text-decoration: underline;
color: Black;
}