* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { 
  padding: 0; 
  margin: 0;  
  background:#fff url("../img/bg.jpg") repeat-x ; 
  font: 0.8em/1.5 "arial",sans-serif; 
  color: #354146; 
  text-align: center; 
}

/* obecne odkazy --------------------------------------------------------------- */
a {
	color: #595959;

}
a:link {color:#595959;}
a:hover {color:#1666a3; text-decoration: underline;}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0px 0 2px 0; }
h1 {
	font-size: 160%;
	padding: 0;
	margin: 0;
	line-height: 90%;
	text-align: left;
	
}
#logo a{
	color: ced1d2;
	text-decoration: none;
	display: block;
	padding: 17px 0 0px;
	font-weight: normal;
	margin: 18px 0 24px 0;
	background-color: transparent;
	border:px solid Aqua;
	width: 300px;
}
h1#logo a:hover{color: fff;}
h2 { font-size:150%; margin-left:10px; margin-top:0px; margin-bottom:0px;}
h3 { font-size:150%; }
h4 { font-size: 95%; color: #8F8F8F; margin-top: 0px; margin-left: 10px; margin-bottom: 10px;}
h5 { font-size:100%; }

.nadpisleft{
margin-left: 0px;
}

#menuheader{
	color: #E8E8E8;
	float: right;
	margin-left: 1px;
	border-left: px solid White;
	border-bottom: px solid White;
	border-right: px solid White;
	padding: 2px;
}

#menuheader a{
	color: #E8E8E8;
}

#menuheader a:hover{
	color: #fff;
}

.share{
margin-top: 5px;
}
/* layout ---------------------------------------------------------------------- */
#layout { 

  text-align:left; 
}
  #container { 
    clear: both;


  }
  #intro{
    background: #e6e8e9;height: auto;
	
	
  }
  #intro-in{
    width:891px; 
    margin:0 auto; 
    padding-top: 20px;
	 padding-bottom: 10px;
	 font-size: 120%;
	
  }
  
  
 

   .citace{
	width: 500px;
	
	margin-left: 20px;
  }
  
     .callout {width: 891px;}
    .callout h1 {
	 font-size: 200%;
	 line-height: 90%;
    width:215px;
    height:155px;
	 margin-right: 20px;
   float:left;
	text-align: right;
	
    background:transparent url(team-report.gif) no-repeat 0 0;
    }

	 .callout h3 {
	font-size: 100%;
	margin-bottom: 0px;
	color: #707070;
}


.inline-button {
   _width:12em;
   font: bold 85%/1 Verdana, sans-serif;
   margin: 0 0; padding: 0.5em 0.2em; _padding:0;
   border: 1px solid grey;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: white;
	color: #777777;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.5em 0.2em;
	background:white;
	color: #777777;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: white;
   color: #777777;
   }
.inline-button:hover em {

padding: 0.5em 0.2em;
   background: #777777;
   color: white;
   }


	
	#imageCont { height:309px; }  
#imageCont img { display:none; 	
			position:absolute; 	
			top:0px; left:0px; 	
			height:309px;  	
			width:500px; 	
			opacity: -0.01; }

  	/* hlavicka ------------------------------------------------------------------ */
  	#header {width:891px; 
      margin:0 auto;
		border-top:1px solid #000000;
		
		 }
  
      
        
    /* horizontalni navigace --------------------------------------------------- */
      #nav {width:891px; 
      margin:0 auto; }
      #nav ul {margin:0; padding:0; list-style:none;height: 35px;}
      	#nav ul li {float:left; display:block; margin:0;}
      	#nav ul li a {
          display: block; 
          float: left;
          font-size: 100%;
          color: #fff;
          text-decoration: none;
          padding: 10px 12px 10px;
          text-align: center;
			 border-right: px solid #DADADA;
			 margin-top: px;
			 

        }
        #nav ul li a:hover {
          color: #ced1d2;
          text-decoration: underline;
			
        }
      	#nav ul li.a a {
      	color: #101517;
			font-weight: bold;
      	border: 1px solid #fff;border-bottom:1px solid #e6e8e9;
        background:#e6e8e9; text-decoration:none;
		  margin-top: 0px;
		 }
  
  	   /* horizontalni navigace -kontaky-------------------------------------------------- */
      
	.projectsleft{
	  margin-right: 25px; 
	  padding-right: 25px;  
	  border-right: 1px solid #dddddd;
    }	
  
 .projectsright{
	  margin-right: 0px; 
	  padding-right: 0px;  
	  border-right: px solid #dddddd;
    }	
   .projects {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
   padding-top: 20px; 
	padding-bottom: 20px;
	margin-top: 30px;    
    }
  
    .content {
      padding: 0 0 0 0;
      z-index: 10;
      width:891px; 
      margin:0px auto; 
       
    }
    .content .in{
      padding: 10px 0 10px;
    }
	 
	 
    p.intro{
      background: url("./img/line.jpg");
      line-height: 23px;
      margin:0 0 0;
		font-size: 120%;
    }
    .shadow{
      border-top: 1px solid #dddddd;
      padding: 10px 0;
      background: url("../img/shadow.jpg") no-repeat;
    }
    img.thumb{padding: 3px; background: #fff; border: 1px solid #d1d1d1;}
    img.thumbright{padding: 3px; background: #fff; border: 1px solid #d1d1d1; float: right; margin-right: 5px;margin-left: 5px;}
    .desc-right{ float: right; width: 125px;}
	 .desc-left{ border: 1px dolid #D2691E; width: 90px;}
	 .columns {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 88%;
	
}
    .columnsfacebook li{
	padding-top: 10px;
	border: 1px solid #d7d7d7;
	float: left;
	width: 32%;
	height: 354px;
	margin-bottom: 20px;
	background-color: White;
}
    .columns li.col2{ margin-left: 13px; margin-right:13px;border: 1px solid #d7d7d7;}
	 .columns li.col1facebook{border: 0px solid #d7d7d7; padding-top: 0px;}
    .columns li h3{padding: 0 10px;color: #2e4650; margin: 0 0 5px;}
    .columns li p{line-height: 22px;padding: 0 0px 0 0px; margin: 0; color: #3f4345;}
	 .columns li p.desc{ border-bottom: 1px solid #d7d7d7; margin-left: 10px; margin-right: 10px;}
    .columns li.col2 p{padding: 0 10px 0 10px;}
    .columns li.col3 p{padding: 0 10px 0 10px;}
    .columns li a.more{display: block;color: #1666a3;padding: 5px 0;}
    .columns li a.more:hover{color: #0b4775; text-decoration: none;}

 .columns li{
	padding-top: 10px;
	border: 1px solid #d7d7d7;
	 float: left;
	width: 32%;
	heght: 354px;
	margin-bottom: 20px;
	background-color: White;
}
    .columns li.col2{ margin-left: 13px; margin-right:13px;border: 1px solid #d7d7d7;}
    .columns li h3{padding: 0 10px;color: #2e4650; margin: 0 0 5px;}
    .columns li p{line-height: 22px;padding: 0 10px 0 10px; margin: 0; color: #3f4345;}
    .columns li.col2 p{padding: 0 10px 0 10px;}
    .columns li.col3 p{padding: 0 10px 0 10px;}
    .columns li a.more{display: block;color: #1666a3;padding: 5px 0;}
    .columns li a.more:hover{color: #0b4775; text-decoration: none;}
	 
	 
	 
	 
  .columnslang {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;
	
}
    .columnslang li{ padding-top:10px;border:1px solid #d7d7d7;float: left; width: 100%;height: px; margin-bottom:20px;}
	 .columnslang li.col1{
	margin-right: 13px;
	border: 1px solid #d7d7d7;
	  background-color: White;
}
    .columnslang li.col2{ margin-left: 13px; margin-right:13px;border: 1px solid #d7d7d7;}
    .columnslang li h3{padding: 0 10px;color: #2e4650; margin: 0 0 5px;}
    .columnslang li p{line-height: 22px;padding: 0 20px 0 10px; margin: 0; color: #3f4345;}
    .columnslang li.col2 p{padding: 0 10px 0 10px;}
    .columnslang li.col3 p{padding: 0 10px 0 10px;}
    .columnslang li a.more{display: block;color: #1666a3;padding: 5px 0;}
    .columnslang li a.more:hover{color: #0b4775; text-decoration: none;}
	 
	 
	 .columnsberatung {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;
	
}
   
	 

 .columnsberatung li{
	
	border: 1px solid #d7d7d7;
	float: left;
	width: 260px;
	height: 200px;
	margin-bottom: 13px;
	background-color: white;
}
    .columnsberatung li.col2{ margin-left: 13px; margin-right:px;border: 1px solid #d7d7d7; width: 610px;padding-top: 10px; height: 190px;}
    .columnsberatung li h3{padding: 0 10px;color: #2e4650; margin: 0 0 5px;}
    .columnsberatung li p{line-height: 22px;padding: 0 0px 0 0px; margin: 0; color: #3f4345;}
    .columnsberatung li.col2 p{padding: 0 10px 0 10px;}
    .columnsberatung li.col3 p{padding: 0 10px 0 10px;}
    .columnsberatung li a.more{display: block;color: #1666a3;padding: 5px 0;}
    .columnsberatung li a.more:hover{color: #0b4775; text-decoration: none;}
	 
	 
	 
	 
  .columnslanghandler {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;
	width: 100%;
}



    .columnslanghandler li{ padding-top:10px;border-top:1px dotted #d7d7d7;border-bottom:px dotted #d7d7d7;float: left;  margin-bottom:20px;}
	 .columnslanghandler li.col1{
	margin-right: 600px;
	border-top:1px dotted #d7d7d7;border-bottom:1px dotted #d7d7d7;
	  background-color: White;
	  width: 45%;
}
    .columnslanghandler li.col2{ margin-left: 13px; margin-right:13px;border-top:0px dotted #d7d7d7;border-bottom:0px dotted #d7d7d7;width: 45%;}
    .columnslanghandler li h3{padding: 0 10px;color: #2e4650; margin: 0 0 5px;}
    .columnslanghandler li p{line-height: 20px;padding: 0 20px 10px 10px; margin: 0; color: #3f4345;}
    .columnslanghandler li.col2 p{padding: 0 10px 0 10px;}
    .columnslanghandler li.col3 p{padding: 0 10px 0 10px;}
    .columnslanghandler li a.more{display: block;color: #1666a3;padding: 5px 0;}
    .columnslanghandler li a.more:hover{color: #0b4775; text-decoration: none;}
      
  /* horizontalni navigace - pomocna--------------------------------------------------- */
      #nav2 {width:891px; 
      margin:0px auto; }
      #nav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 35px;
	
}
      	#nav2 ul li {float:left; display:block; margin:0; padding:0; }
      	#nav2 ul li a {
          display: block; 
          float: left;
			 font-weight: bold;
          font-size: 100%;
			 color: #3D3D3D;
          text-decoration: none;
          padding: 10px 10px 10px;
          text-align: center;

        }
        #nav2 ul li a:hover {
          color: #ced1d2;
          text-decoration: underline;
        }
      	#nav2 ul li.a a {
      	color: #101517;
      	border: px solid #fff;border-bottom:1px solid #e6e8e9;
        background:#e6e8e9; text-decoration:none;}
  
  #nav-schlager {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #1666a3;
  font-size: 11px;
      }
  
    
  	/* paticka ----------------------------------------------------------------- */
  	#footer {
  	  width:891px; 
      margin:0 auto;
      clear:both;
      font-size: 85%;
      padding-bottom: 70px;
      color: #898989;
    }
    #footer a{color: #898989;}
    #footer a:hover{color: #666666; text-decoration: none;}
      #footer .f-left, #footer .f-right { padding: 0 10px; }




/* odstavce -------------------------------------------------------------------- */
p { margin:15px 0; }

/* tabulky --------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:3px 5px; }

/* seznamy --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }
/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* ostatni --------------------------------------------------------------------- */
.grau { color:#354146; }
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.f-left {float:left;}
.f-right {float:right;}
.f-right1 {float:right; margin-right: 15px;}
.videotext {
border: px solid Black;
width: 430px;
float: right;
padding: 20px;
padding-top: 0px;
}

.videotext h2, .videotext h4{
padding: 0px;
margin: 0px;
}
.karte {
margin-top: px;
margin-bottom: -350px;
margin-left: 480px;
}
.a-left, tr.a-left td {text-align:left;}
.a-center, tr.a-center td {text-align:center;}
.a-right, tr.a-right td {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; }
.clear1 { clear:both; border:1px solid White; margin: -30px; padding: px;}
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }
.border-right {border-right: 1px solid #ADADAD; float: right; }
/* univerzalni prvky ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}



#lightbox{
	position: absolute;
	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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

	
	
	.card-left, .card-right {
       float: left;
       width: 255px;
       margin: 0 20px 20px 0;
       padding: 0px 0;
       text-align: center;
       background: white;
		 border-left:1px solid #E8E8E8;
		 border-top:1px solid #E8E8E8;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 75%;
       }
    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }

	
	
	
	div.pager { background:#fff repeat left top; width:50px; margin:px 0; padding:0 5px; }

div.pager a.pre { display:block; float:left; background:#00aeef; width:80px; height:22px; margin:4px 0 0 0; padding:6px 0 0 0; font-size:14px; text-align:center; color:#ffffff; }
div.pager a.next { display:block; float:right; background:#00aeef; width:80px; height:22px; margin:4px 0 0 0; padding:6px 0 0 0; font-size:14px; text-align:center; color:#ffffff; }
div.pager a.pre span.bullet { float:left; margin:1px 0 0 0; border:solid 7px #000000; border-color:#00aeef #ffffff #00aeef #00aeef; }
div.pager a.next span.bullet { float:right; margin:1px 0 0 0; border:solid 7px #000000; border-color:#00aeef #00aeef #00aeef #ffffff; }
div.pager a.pre:hover,
div.pager a.next:hover { background:#ff0000; color:#ffffff; }
div.pager a.pre:hover span.bullet { borer-color:#ff0000 #ffffff #ff0000 #ff0000; }
div.pager a.next:hover span.bullet { brder-color:#ff0000 #ff0000 #ff0000 #ffffff; }

div.pager ul.pagedots { width:150px; height:36px; margin:0 auto !important; }
div.pager ul.pagedots li { float:left; background:none !important; margin:0 !important; padding:0 !important; }

div.pager div.pagedots { width:150px; height:36px; margin:0 auto !important; }
div.pager div.pagedots li { float:left; background:none !important; margin:0 !important; padding:0 !important; }


div.pager ul.pagedots li.dot a { position:relative; overflow:visible; display:block; width:100px; height:36px; text-align:center; text-decoration:none !important; }
div.pager ul.pagedots li.dot a span.bullet { width: 50px ;font-size:12px; line-height:normal !important; color:#000000; }
div.pager ul.pagedots li.dot a span.tipbullet { position:absolute; display:block; visibility:hidden; left:8px; top:2px; border-style:solid; border-width:5px; border-color:#00aeef #ebebeb #ebebeb #ebebeb; }
div.pager ul.pagedots li.dot a span.tiplabel { position:absolute; display:block; visibility:hidden; background:#00aeef; left:-43px; bottom:33px; width:210px; padding:5px; color:#FFFFFF; text-align:left; font-size:12px; line-height:normal !important; }



div.pager ul.pagedots li.dot a:hover span.bullet { color:#00aeef; }
div.pager ul.pagedots li.dot a:hover span.tipbullet { visibility:visible; }
div.pager ul.pagedots li.dot a:hover span.tiplabel { visibility:visible; }



div.pager ul.pagedots li.activedot a { position:relative; overflow:visible; display:block; width:25px; height:35px; text-align:center; text-decoration:none !important; }
div.pager ul.pagedots li.activedot a span.bullet { display:block; font-size:30px; line-height:normal !important; color:#ff0000; }
div.pager ul.pagedots li.activedot a span.tipbullet { position:absolute; display:block; left:8px; top:22px; border-style:solid; border-width:5px; border-color:#ebebeb #ebebeb #ff0000 #ebebeb; }
div.pager ul.pagedots li.activedot a span.tiplabel { position:absolute; display:block; background:#ff0000; left:-43px; top:32px; width:210px; padding:2px; color:#FFFFFF; text-align:left; font-size:12px; line-height:normal !important; }
	
html,
body,

ul,
li,
form,
ol { display:block; margin:0; padding:0; list-style:none; outline:none; color:#666666; }
a { text-decoration:none; outline:none; }
a:link { outline:none; }
a:visited { outline:none; } 
a:active { outline:none; }



#wrap {
      font: 1.1em/1.1 Arial, Helvetica, sans-serif;
      
      background-color: #fff; }
  

   /* This CSS is used for the Show/Hide functionality. */
   .hiddentext {
      display: none;
      border-top: 1px solid #d7d7d7;
      border-bottom: 1px solid #d7d7d7;
		magin-top: 10px; 
		line-height: 150%;
		margin: 10px;
		margin-top: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		}
		
   a.showLink, a.hideLink, a.showLink1 {
      text-decoration: none;
      color: #36f;
      padding-left: 8px;
      background: transparent url(down.gif) no-repeat left; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }