/*
div {
  border: thin red solid;
}
*/



body{
	font-family: Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
  background: url(picture/bg_grad.jpg) fixed;
}



/******* hyperlink a kotvy *******/
a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/************** hlavičky **************/
h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}



h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 14px Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** seznamy ***************/
ul{
 margin-top: 0;
 list-style-type: square;
 font-size: 14px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/********* formulář a prvky form. *********/
form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}

input{
  font-family: Arial,sans-serif;
}


/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell0{
	position: absolute;
	margin: 1.5em 0 0 2%;
	width: 95.6%;
	height: 10em;
	text-align: right;
	font: normal normal bold 12px bold Arial, Helvetica, sans-serif;
  color: #FFF;
	background-image: url(picture/baner.jpg);
	background-repeat: repeat-x;
}

#pagecell0 img{
  border: 0;
  padding: 2px 1px 0 0;
}

#pagecell1{
	position:absolute;
	top: 10em;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}

#pagecell3{
	position: absolute;
	margin: 2em 2% 0 2%;
	width: 95.6%;
	height: 2em;
	background-color: #FFF;
	text-align: center;
	color: #005FA9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
}

#pagecell4{
 	margin: 0 2.5em 0 0;
	text-align: right;
	color: #ff712d;
	font-weight: bold;
	font-size: 12px;
}

#pagecell5{
	position: absolute;
	margin: 6.6em 2% 0 2%;
	padding: .5em 0 0 0;
	width: 95.6%;
	background-color: #FFF;
	text-align: center;
	color: #005FA9;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 12px;
}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#logo {
  position: absolute;
  margin: 2.2em .2em 0 90%;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #ffffcc;
	border-left: 1px solid #fff;
  border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}



#pageNav img{

  padding: 2em 0 5px 0;

}



#content{

  padding: 0px 10px 10px 0px;

	margin: 0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}





#content_foto{

  height: 76em;

  padding: 0px 10px 10px 0px;

	margin: 0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}



#content_jakost{

  height: 128em;

  padding: 0px 10px 10px 0px;

	margin: 0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}



#content_kontakt{

  height: 123em;  

  padding: 0px 10px 10px 0px;

	margin: 0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}





/***********************************************/

/* komponenty Divs                             */

/***********************************************/

#siteName{

	margin: 0px;

	padding: 16px 0px 8px 0px;

	color: #ffffff;

	font-weight: normal;

}



/************** utility styly *****************/



#utility{

	font: 75% Verdana,sans-serif;

	color: #919999;

	position: absolute;

	margin: 5em 1em 0 15em;

	padding: .3em 0 0 0;

}





#utility a{

  color: #919999;

	text-decoration: none;

}



#utility a:visited{

	text-decoration: none;

	color:#919999;

}





#utility a:hover{

	text-decoration: underline;

	color: #ff712d;

}







/**************  styly jméno stránky ****************/



#pageName{
	padding: 10px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}



#pageName h2{

	font: bold 175% Arial,sans-serif;

	color: #ff712d;

	margin:0px;

	padding: 0px;

}



#pageName img{

	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;

}



/************* styly globálního navigátoru ****************/



#globalNav{

position: relative;

width: 100%;

min-width: 640px;

height: 32px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image: url(picture/glbnav_background.gif);

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {

	position: absolute;

	top: 0px;

	left:0px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{

	position: absolute;

	top: 6px;

	height: 22px;

	min-width: 640px;

	padding: 0px;

	margin: 0px;

	left: 10px;

	z-index: 100;

}





a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 5px 4px 5px;

	border-right: 1px solid #8FB8BC;

}



a.glink:hover{

  	background-image: url(picture/glblnav_selected.gif);

	text-decoration: none;

}



.skipLinks {display: none;}



/************ styly globálního subnavigátoru **************/



.subglobalNav{

	position: absolute;

	top: 84px;

	left: 0px;

	min-width: 640px;

	height: 20px;

	padding: 0px 0px 0px 10px;

	visibility: hidden;

	color: #ffffff;

}



.subglobalNav a:link, .subglobalNav a:visited {

	font-size: 80%;

	color: #ffffff;

}



.subglobalNav a:hover{

	color: #cccccc;

}



/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#search input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 80%;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small Verdana,sans-serif;

	color: #AAAAAA;

}



#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline;

}





/************** feature styles *****************/



.feature{

	padding: 2.5em 0px 10px 10px;

	font-size: 14px;

	min-height: 200px;

	height: 200px;

}



html>body .feature {height: auto;}



.feature h3{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	padding: 30px 0px 5px 0px;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

}





/*************** styly obsahu ******************/



.story {
	padding: 10px 0px 0px 1em;
	color: #000;
	font: normal normal normal 14px normal, Arial, sans-serif;
	text-align: justify;
}


.story tr{
  vertical-align: middle;
}



.radky tr:hover{
  background-color: rgb(223,235,247);
}



.radky td{
  width: 25%;
}


.radky img{
  border: 0;
}

.radky1 td{
  width: 25%;
  height: 30px;
}


.story h1{
	color: #006699;
	padding: .5em 0 .5em 0;
  font-size: 14px;
}





.story h2{
  color: #000;
	padding: .5em 0 .5em 0;
	font: normal normal normal 14px normal, Arial, sans-serif;
	text-align: justify;
}



.story h3{

	padding: .5em;	

  font: normal normal bold 14px normal, Arial,sans-serif;

	color: #000;

	text-align: justify;	

}





.story h4{

	font: .8em Arial,sans-serif;

	color: #000;

	padding: 0 0 10px 10px;

}



.story p{

	padding: 0px 0px 10px 0px;

}



.story ul li{

	padding: 0 0 20px 0;

	text-align: justify;

}



.story ul ul li{

	padding: 0 0 5px 0;

	text-align: justify;

}



.story a:hover{

	text-decoration: underline;

}



.story a.capsule{

	font: bold 1em Arial,sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;

}



.story a.capsule:hover{

	text-decoration: underline;

}



td.storyLeft1{
	padding: 0 12px 4px 10px;
	font: 14px Arial,sans-serif;
	color: #000;

}



td.storyLeft{
	padding: 0 12px 0 10px;
	font: bold 14px Arial,sans-serif;
	color: #000;

}



.obrazek{

	float: left;

	padding: .5em .5em .5em 0;

}



.obrazek_p{

	float: right;

	padding: .5em 1em .5em 1em;

}


.ObrPopisDole{
  float: left;
  width: 33%;
  height: 170px;
  margin: 10px 0 10px 0;
}

.obrazek_ht{
  margin: 0;
  padding: 1em 0 1em 0;
}

.obrazek_ht a:link{
	border: 0;
}

.obrazek_ht img{
	border: 0;
}

.rozdel_100{

  width: 100%;

}


.rozdel50_50L{

  float: left;

  width: 40%;

}



.rozdel50_50{

  padding-top: 5%;

  height: 22em;

}



#monitor{

  position: absolute;

  margin: 17em 0 0 25em;

  background-image: url(webimage/monitor.jpg);

  background-repeat: no-repeat;

  height: 180px;

  width: 211px;

}



.vykr_popis{

  font: normal normal normal 14px normal ,arial;

  padding: .2em 0 .5em .5em; 

}



/************** info styly ****************/



#siteInfo{

  clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

	border: 0 none;

}



#pageup{

  border: medium red solid;

  float: right;

	margin-top: 0px;

  border: 0 none;

}

/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(picture/bg_nav.jpg);
  background-repeat: repeat-x;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #fde9bb;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}





/************* relatedLinks styles **************/



.relatedLinks{

  margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 10px;

}



#advert img{

	display: block;

}







/**************** fotogalerie styles *****************/  



div.pic{

  float: left;

  height: 185px;

  width: 130px;

  padding: 15px;

  margin: 1.5em 0 0 1.5em;

  background: url(picture/frame-ls.gif) top no-repeat;

}



div.ls_full{

  height: 525px;

  width: 700px;

  padding: 15px 15px 80px 15px ;

  margin: 1.5em auto 0 auto;

  background-color: rgb(219,219,219);

}





div.pt{

  background-image: url(picture/frame-pt.gif);

}



div.pt_full{

  height: 700px;

  width: 525px;

  padding: 15px 15px 80px 15px ;

  margin: 1.5em auto 0 auto;

  background-color: rgb(219,219,219);

}

  

div.pic img{

  border: 1px solid; border-color: #444 #AAA #AAA #444;

  }

  

div.ls img{

  height: 96px;

  width: 128px;

  margin: 16px 0 0;

  }

  

div.pt img{

  height: 128px;

  width: 96px;

  margin: 0 16px;

  }



div.fototitle_w{

  padding-top: 3.5em;

  text-align: center;

  font: normal 11px bold arial;

  color: rgb(91,91,91);

}





div.fototitle_h{

  padding-top: 2em;

  text-align: center;

  font: normal 11px bold arial;

  color: rgb(91,91,91);  

}



div.fototitle_full{

  padding-top: 2em;

  text-align: center;

  font: normal bold 14px bold arial;

  color: #000;

}



#fotonav{

  float: left;

  width: 99%;

  text-align: center;

  font-size: 11px;

}



#fotonav a:hover{

	color: rgb(153,0,0);

	text-decoration: none;

}



#fotonav a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



#fotonavaktpozice{

	color: rgb(153,0,0);

	text-decoration: none;

	font: normal normal bold medium bold arial;

}



#fotonav img{

  border: none;

}



/**************** kontakty styles *****************/

#kontakty {



  float: left;

  width: 30%;

  color: #000;

  padding: 0em;

	font: normal normal normal 14px normal, Arial, sans-serif;

	text-align: left;

}



#kontakty h1 {

  color: #006699;

  font: normal normal bold 14px normal, Arial, sans-serif;

  padding: 2.5em 0 0 0;

}



#kontakty h2 {

  color: #000;

  font: normal normal normal 14px normal, Arial, sans-serif;

  padding: 0 0 0 0;

}





#kontakty h3 {

  color: #000;

  font: italic normal bold 16px normal, Arial, sans-serif;

  padding: 1em 0 0 0;

}



#kontakty h4 {

  color: #000;

  font: italic normal normal 14px normal, Arial, sans-serif;

  padding: 0 0 .5em 0;

}



.kontaky_spojeni h2{

text-align: center;

}



/********************* end **********************/





/**************** certifikaty styles *****************/





.certif{

  float: left;

  width: 90px;

  height: 200px;

  padding: 7px;

  margin: 1.5em 0 0 1.5em;

  text-align: center;

  font: normal normal normal 11px normal arial;

  color: #000;

}



.certif img{

  padding: 2px;

  border: thin #000 solid;

}


#quickfoto{
  float: right;
  width: 200px;
  text-align: center;
}
/********************* end **********************/