@charset "utf-8";
/* CSS Document */

/* ---------------------------- okna v galeriich ------------------------ */

.info { /* text vedle obrazku */
  float: left; 
  height: 178px; /* zmenseno pro padding jeste-ne */
  width: 125px;
  background-image: url('pozadi.png');
  margin-left: 1px;
  padding: 11px;
  margin-top: 5px;
}

.infobig { /* text vedle obrazku */
  float: left; 
  height: 328px; /* zmenseno pro padding jeste-ne */
  width: 125px;
  background-image: url('pozadi.png');
  margin-left: 1px;
  padding: 11px;
  margin-top: 5px;
}

.image { /* obrazek */
  width: 500px;
  height: 200px;
  float: left;
  margin-top: 5px;
}

.imagebig { /* obrazek */
  width: 500px;
  height: 350px;
  float: left;
  margin-top: 5px;
}

.client { /* dole pod obrazkem */
  margin-top: 2px;
  float: left;
  height: 22px;
  width: 648px;
}

.number { /* cislo nad obrazkem */
  width: 16px;
  height: 16px;
  padding: 4px 12px 0;
  float: left; 
  background-color: red;
  color: white;
}

.name { /* nazev obrazku */
  background: url('bckg.png');
  background-color: black;
  width: 433px;
  height: 16px;
  padding: 4px 13px 0;
  float: left;
  color: white;
  margin-left: 1px;
}

.date { /* datum obrazku */
  background-color: #696969;
  color: white;
  height: 16px;
  width: 121px;
  padding: 4px 13px 0;
  float: left;
  margin-left: 1px;
}

.arrow { /* ty modry sipkecky */
  color: #00ffff;
}

.project { /* kontejner pro celej projekt */
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	width: 700px;
	overflow: hidden;
	padding: 0 25px 0 26px;
	font-size: 9px;
	text-align: left;

}


/* ---------------------------- okna v blogu------------------------ */

.blogtext { /* text */
  background-image: url('pozadi.png');
  width: 607px;
  float: left;
  margin-top: 5px;
  margin-bottom: 25px;
  padding: 20px;
  font-size: 10px;

}



.blognumber { /* cislo nad obrazkem */
  width: 16px;
  height: 16px;
  padding: 4px 12px 0;
  float: left; 
  background-color: red;
  color: white;
}

.blogname { /* nazev obrazku */
  background-image: url('bckg2.png');
  width: 433px;
  height: 16px;
  padding: 4px 13px 0;
  float: left;
  color: white;
  margin-left: 1px;
}

.blogdate { /* datum obrazku */
  background-color: #dcdcdc;
  color: white;
  height: 16px;
  width: 121px;
  padding: 4px 13px 0;
  float: left;
  margin-left: 1px;
}

.arrow { /* ty modry sipkecky */
  color: #00ffff;
}

.blog { /* kontejner pro celej projekt */
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	width: 700px;
	overflow: hidden;
	padding: 0 25px 0 26px;
	font-size: 9px;
	text-align: left;

}



body {

background-image: url('icons2/gradient.png'); 
background-repeat: repeat-x;
background-color:  #f5f5f5; /*pozadi obalovace*/;
text-align:center;

margin:0;
font-size: 12px;

}

.wrapper {

background-color:  #ffffff; /*pozadi obalovace*/
margin:0 auto;
width:700px;
overflow:hidden;

text-align:left;

}

.wrapper2 {

background-color:  #ffffff; /*pozadi obalovace*/
margin:0 auto;

overflow:visible;

text-align:left;

}


.header1 {

width:700px;


	background-color:   #ffffff; /*pozadi nadpisu*/
	font-size:24px;
	font-family:Times New Roman, serif;
	color:#000000; /*barva textu nadpisu*/
	padding-right:25px;
	padding-top:50px;
	padding-left:25px;
	padding-bottom:25px;
}

.header2 {

width:700px;


	background-color:  #ffffff; /*pozadi nadpisu*/
	font-size:20px;
	font-family:Times New Roman, serif;
	color:#000000; /*barva textu nadpisu*/
	padding-right:25px;
	padding-top:50px;
	padding-left:25px;
	padding-bottom:25px;
}


.article{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	line-height:20px;
	padding-right:25px;
	padding-top:30px;
	padding-left:25px;
	padding-bottom:25px;
	font-size:11px;
	text-align:justify; /* zarovnani textu obsahu*/

}

.article2{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	line-height:15px;
	padding-right:25px;
	padding-top:30px;
	padding-left:25px;
	padding-bottom:25px;
	font-size:11px;
	text-align:justify; /* zarovnani textu obsahu*/

}

.contact{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	height:293;
	overflow:hidden;
	line-height:20px;
	padding-right:25px;
	padding-top:30px;
	padding-left:25px;
	padding-bottom:25px;
	font-size:11px;
	text-align:justify; /* zarovnani textu obsahu*/

}

.blogblock{
	
	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-top:25px;
	font-size:9px;

}

.predel {  
 
background-color: #f5f5f5; /*barva predelu*/ 

height:3px; 
overflow:hidden;

}	

.predel2 {  
 
background-color: #f5f5f5; /*barva predelu*/ 

height:25px; 
overflow:hidden;
 
}

.predel3 {  
 
background-color: #d3d3d3; /*barva predelu*/ 

height:25px; 
overflow:hidden;
 
}

.obrazky { 
width:700px;
background-color:#ffffff; 
 
overflow:hidden; 
 
}

a         {text-decoration: none}
a:link    {color: gray}
a:visited {color: gray}
a:active  {color: gray}
a:hover   {color: black}

.end{

	background-color: #f5f5f5; /*pozadi obsahu*/
	color:#808080; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-right:25px;
	padding-top:10px;
	padding-left:25px;
	padding-bottom:25px;
	font-size:9px;
	text-align:center; /* zarovnani textu obsahu*/

}


.header { 
width:700px;
padding-right:0px;
	padding-top:25px;
	padding-left:5px;
	padding-bottom:0px; 
 overflow:hidden; 
 
}

.nav {
width:700px;
padding-right:25px;
padding-top:0px;
padding-left:0px;
padding-bottom:25px; 
overflow:hidden;
text-align:left;
margin:0;

} 

.troj { 
width:700px;
padding-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px; 
 overflow:hidden; 
 
}

#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;
	}


.galerka{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-right:25px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	font-size:10px;
	text-align:left; /* zarovnani textu obsahu*/
}

.galerka2{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-right:0px;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:0px;
	font-size:10px;
	text-align:left; /* zarovnani textu obsahu*/
}

.thumbs{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	font-size:10px;
	text-align:left; /* zarovnani textu obsahu*/

}

.mrdka{

	background-color: #ffffff; /*pozadi obsahu*/
	color:#000000; /* barva textu obsahu*/
	width:700;
	overflow:hidden;
	padding-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:25px;
	font-size:12px;
	text-align:center; /* zarovnani textu obsahu*/

}

.mrdka2{

	background-color: #000000; /*pozadi obsahu*/
	color: #ffffff; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-right:7px;
	padding-top:7px;
	padding-left:7px;
	padding-bottom:7px;
	font-size:9px;
	text-align:center; /* zarovnani textu obsahu*/

}

.obrazky2{

	background-color: #000000; /*pozadi obsahu*/
	color: #ffffff; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:1400;
	overflow:visible-moz-scrollbars-none;
	padding-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	font-size:9px;
	text-align:center; /* zarovnani textu obsahu*/

}



.tabulka{

	background-color: #ffffff; /*pozadi obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	padding-right:25px;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:0px;
	font-size:9px;
	text-align:left; /* zarovnani textu obsahu*/

}

.indextext{

	background-image: url('pozadi.png');
	color:#000000; /* barva textu obsahu*/
	font-family:Arial, Helvetica, sans-serif;
	width:700;
	overflow:hidden;
	line-height:12px;
	padding-right:25px;
	padding-top:30px;
	padding-left:25px;
	padding-bottom:25px;
	font-size:9px;
	text-align:justify; /* zarovnani textu obsahu*/

}

.lane {

	overflow:visible;
}

/* ---------------------------- konkretni prace ------------------------ */


.imagewerk { /* obrazek */
  float: left;
  margin-top: 2px;

}

.imagewerksmall { /* obrazek */
  float: left;
  margin-top: 2px;
  margin-right: 2px;

}