/* CSS Credit: http://www.templatemo.com */

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 12px;
	color: #e7eaeb;
	background: #6d6a6b url(images/bg.jpg) repeat;
	overflow: scroll;
}

a:link, a:visited, a span { color: #ff5e00; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #ff5e00; text-decoration: underline; }

img {	 margin: 0px;	padding: 0px;
      	border: 1px solid white;    }

/* ČISTIČE, DOKONČOVAČE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.cleaner {	clear: both;
          	width: 100%; 	height: 1px;
          	font-size: 1px;	 }

.cleaner_with_height {	clear: both;
                      	width: 100%;	height: 30px;
                      	font-size: 1px;  }

.cleaner_with_width {	float: left;
                    	width: 20px;	height: 30px;
                    	font-size: 1px;  }

/* PLOCHA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#wrapper {	margin: 0 auto;
          	background: url(images/gradient_bg.jpg) top repeat-x;  }

#container {	width: 960px;
            	margin: 0 auto;  	padding: 0 10px 10px 10px; }

/* HORNÍ LIŠTA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#banner {	position:relative;
          clear: both;
        	width: 960px;  	height: 96px;
        	padding: 0 0px;  	margin: 0 0 0px 0;
        	background: url(images/horni_pruh.png) no-repeat; }

#banner h1 {	margin: 0px;	padding: 20px 0 20px 0;
            	font-size: 30px;	font-weight: bold;	color: #ffffff;
            	font-family: "Verdana", "Arial", sans-serif;	}

#banner p {	width: 400px;
            	line-height: 20px;
            	font-size: 17px;	font-family: "Times New Roman", serif;  }

#logo { position: relative; top: 10px; height: 68px; width: 351px; margin-left: 20px; 
        overflow: hidden;}
#logo a { font-size: 25px;  }
#logo img { border:0;  }

#logotext1  {  position: absolute;  top: 2px;  left: 251px;
            	font-style: italic;  }

#logotext2  {  position: absolute;  top: 70px;  left: 20px;
            	font-style: italic;  }

#logotext3  {  position: absolute;  top: 30px;  left: 500px;
            	font-style: italic;  }

#langSel  {  position: absolute;  top: 5px;  left: 900px;
            	font-weight: bold;  }

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< HORNÍ LIŠTA -- KONEC*/

/* ODDÍLY OBSAHU >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#content {	clear: both;
          	position: relative;	width: 956px;
          	padding: 0 2px;
          	background: url(images/content_middle.png) repeat-y; }

#content #content_top {	position: absolute;	top: -10px;	left: 0;
                      	width: 960px;	height: 10px;
                      	background: url(images/content_top.png) no-repeat; }

#content .content_section_01 {	clear: both;
                              	width: 876px;  	padding: 40px;
                              	background-color: #444041; }

#content .content_section_02 {	clear: both;
                              	width: 876px;	padding: 40px;
                              	border-top: 1px solid #2c2829;
                              	background-color: #221e1f;
                              	color: #CCC;   }

.subsection {float: left;
            	width: 238px;
            	padding: 0 40px;
            	border-right: 1px solid #332e30;   }
.subsection_left {  float: left;
                  	width: 238px;
                  	padding: 0 40px 0 0;
                  	margin: 0;
                  	border-right: 1px solid #333;   }
.subsection_right {float: right;
                  	width: 238px;
                  	padding: 0 0 0 0px; }
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ODDÍLY OBSAHU -- KONEC */

/* NADPISY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.content_section_01 h1 {	padding: 0 0 20px 0;	margin: 0 0 10px 0;
                        	font-size: 24px;	color: silver;
                        	text-transform: uppercase;
                        	font-family: "Verdana", "Arial", sans-serif;  }

.content_section_01 h2 {	padding: 20px 0 10px 0;	margin: 0 0 10px 0px;
                        	font-size: 16px;	color: #ff4011;
                        	font-style: italic;  text-transform: uppercase;
                        	font-family: "Verdana", "Arial", sans-serif;   }

.content_section_01 h3 {	padding: 10px 0 5px 0px;	margin: 0 0 5px 0;
                        	font-size: 16px;	color: #ff2200;
                        	font-family: "Verdana", "Arial", sans-serif;   }

.content_section_02 h1 {	padding: 0 0 20px 0;	margin: 0 0 10px 0;
                        	font-size: 24px;	color: silver;
                        	text-transform: uppercase;
                        	font-family: "Verdana", "Arial", sans-serif;  }

.content_section_02 h2 {	padding: 20px 0 10px 0;	margin: 0 0 10px 0px;
                        	font-size: 16px;	color: #ff4011;
                        	font-style: italic;  text-transform: uppercase;
                        	font-family: "Verdana", "Arial", sans-serif;   }

.h3ref  { display: block; 
          padding: 10px 0 5px 0px;	margin: 0 0 5px 0;
          font-size: 16px;	color: #ff2200 !important;
          font-family: "Verdana", "Arial", sans-serif;  }

.content_section_02 h3 {	padding: 10px 0 5px 0px;	margin: 0 0 5px 0;
                	        font-size: 16px;	color: #ff2200;
                	        font-family: "Verdana", "Arial", sans-serif;   }

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< NADPISY -- KONEC */

/* ODSTAVCE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
p {	margin: 0px;	padding: 0px;   }
a p { color: #ff5e00; text-decoration: none; font-weight: bold; }

#content p {  padding-bottom: 10px;
            	text-align: justify   }

.section_01_right p{	padding-bottom: 5px;
                    	text-align: justify;   }

.content_section_02 p { margin-bottom: 10px;
                      	text-align: justify;    }

.jakost { padding: 5ex 0 10ex 0; text-indent: 3em; }                      	
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ODSTAVCE -- KONEC */

/* SEZNAMY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
li {	text-align: justify; }

.Bodovy li  { padding: 0 0 10px 10px;   }

.Holy li  { padding: 0 0 10px 10px;
	          list-style: none none;   }
	      
.Sipkovy li { padding: 0 0 15px 10px;
	            list-style: none url(images/list_icon_02.png); }
	          
.Sluncovy li  { padding: 0 0 15px 10px;
	              list-style: none url(images/list_icon_03.png); }

.Cislovy li { padding: 0 0 15px 30px;
	            font-weight: bold; }
.Cislovy p  { font-weight: normal;  }
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< SEZNAMY -- KONEC */

/* REFERENCE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.REFul1 { padding: 0;   list-style: none;          }

.REFul1 li  { padding: 5px; 
              border: 0;  list-style-image: none;  
              text-align: left; }

.REFh { float: right; width: 250px;  padding: 15px 0 0 40px;
        font-weight: bold;}

.REFul2 { clear: both; margin: 5px 0; list-style: none;   }
.REFul2 li  { padding: 0 0 0px 5px;
              border-left: 1px dotted red;  border-bottom: 1px dotted red;
            	list-style-image: none;   }

[id*=ref] { display: block; width: 100%; height: 20px; padding-top: 10px; }
[id*=ref]:hover { cursor: pointer; background-color: #403939; }

[id*=oddil] { cursor: pointer; }
[id*=oddil]:hover {  background-color: #403939; } /* border: 1px solid silver; */

.ref_tab {  table-layout: fixed;  width: 760px;  height: 500px;
          	border-collapse: collapse;	border: 1px solid #221e1f;   }

.ref_tab li { border: none; list-style-type: circle; }

.ref_tab td {	border: 1px solid #221e1f;  padding: 10px;
            	 vertical-align: top; color: #ffffff;    }

.ref_tab th {  width: 100px;  padding: 10px;
             	border: 1px solid #221e1f;
             	text-align: right; vertical-align: top; color: #E0E0E0;    }

.licha  { background-color: #3f3d3c; }
.suda  { background-color: #4b4948; }                    	
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< REFERENCE -- KONEC */

/* TABULKA PARTNERU >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.partner_tab {  table-layout: fixed;  width: 700px;  margin: auto;
              	border-collapse: collapse;	border: 1px solid #221e1f;   }

.partner_tab td {  padding: 5px 5px 5px 10px;
                	border: 1px solid #221e1f;
                	text-align: center;    }

.partner_tab th {  width: 100px;  padding: 10px;
                	border: 1px solid #221e1f;
                	text-align: right;  color: #E0E0E0;  }

.partner_tab .partner_logo {  float: none;  margin: auto;
                            	background-color: white;
                            	border: 1px solid #221e1f;   }
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< TABULKA PARTNERU -- KONEC */

/* TABULKA KONTAKTŮ >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.kont {border: 0px; border-collapse: collapse;}
.kont th {color: #ff5533; text-align: left; vertical-align: bottom;}

.col1 {padding-right: 20px; text-align: right; vertical-align: top;
      	color: silver;}

.zav  { width: 12px; height: 12px; border: none; vertical-align: text-bottom;  }

/* PATA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#footer {	clear: both;
          width: 960px;	 height: 20px;	padding: 0px 0 0 0;
          background: url(images/footer.png) bottom left;
          text-align: center;
          color: #555;   font-size: 10px;    }

#footer a {	color: #555;
          	font-weight: normal;   }
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<   KONEC PATY */

/* GALERIE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.gallery {clear: both; margin: 10px; width: 100%; position: relative;} /* width: 690px; */
/** html #gallery {width: 692px;}
#gallery h2 {background: #666; color: #fff; font-size: 1.1em; font-weight: bold;}
#gallery div {padding: 20px; width: 640px; height: 480px; background: #ddd; border: 5px solid #666; position: relative;}
* html #gallery div {width: 692px; height: 530px;}*/
.gallery a { float: none;   margin: 0;
            	background: #bbb;
            	color: #fff;    } /* border: 1px solid #f00; */
.gallery a img { height: 90px; width: 120px;
                	margin: 0; border: 0;
                	z-index: 1;
                	cursor: url(cur/lupa.cur),pointer;   }
/*  * html .gallery a img {margin: 11px 18px;} */
.gallery a img.big { visibility: hidden;
                    	position: fixed;  top: 0px; left: 30%;
                    	height: 0; width: 0;
                    	margin: 1%;
                    	border: 1px solid #c00; z-index: 1 }
/*  * html .gallery a img.big {height: auto; width: 640px;} */
.gallery a:hover {color: #ccc; background: #999;}
.gallery a:hover img.big {visibility: visible; height: 480px; width: 640px;}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< GALERIE -- KONEC */

.spolecny { width: 960px;
            border: none; overflow: hidden; background: none;}