* { padding: 0; margin: 0; }

body {
 background: #ebebeb;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#wrapper {
  width: 1000px;
  margin: 0 auto;
}

#header {
 width: 999px;
 height: 173px;
 background: #ebebeb url("img/head.png") no-repeat center top;
 border: 0px solid #ccc;
 margin: 0 auto;
}

#logo {
  float: left;
  border: 0px solid white;
  position: relative;
  padding-left: 22px;
  margin-top: 18px;
  margin-bottom: 16px;
  width: 185px;
  height: 86px;
}

#headkon {
 float: right;
 text-align: right;
 padding-right: 40px;
 margin-top: 60px;
 width: 124px;
 height: 60px;
 border: 0px solid #ccc;
}

#content {
 background: #ebebeb url("img/midlo.png") repeat-y center top;
 width: 994px;
 margin-top: 5px;
 border: 0px solid #ccc;
}

#content_main {
 background: white;
 width: 968px;
 margin-left: 16px;
 border: 0px solid #ccc;
 clear: both;
 min-height: 354px;
}

* html #content_main { 
  height: 354px;}
  
#footer {
 background: #ebebeb url("img/footer.jpg") no-repeat center top;
 width: 996px;
 height: 43px;
 margin: 0 auto;
 margin-top: 4px;
 text-align: right;
 border: 0px solid #ccc;
}

.topo {background: #ebebeb url("img/topo.png") no-repeat center top;
       height: 17px;
       width: 1000px;
}

.midlo {background: #ebebeb url("img/midlo.png") repeat-y center top;
       width: 1000px;
}

.boto {background: #ebebeb url("img/boto.png") no-repeat center top;
       height: 17px;
       width: 1000px;
}

#vytvarime { 
 background: #ffffff url("img/vytvarime_bg.png") no-repeat center top;
 width: 395px;
 height: 191px;
 float: left;
 margin-top: 20px;
 padding: 20px;
 padding-left: 30px;
}

#kontaktujte { 
 background: #ffffff url("img/kontaktujte_nas_bg.png") no-repeat center top;
 width: 455px;
 height: 245px;
 float: right;
 margin-top: 20px;
 padding: 20px;
 padding-right: 30px;
}

ul.vytvarime {margin-left: 32px;}


.livyt {color: silver;}

#prvni { 
 display: inline;
 width: 503px;
 float: left;
}
#druhy { 
 background: #ffffff url("img/druhy_bg.png") repeat-x center top;
 border: 1px solid #ebebeb;
 color: #363636;
 float: left;
 font-size: 12px;
 padding-left: 6px;
 padding-right: 6px;
 width: 194px;
 height: 299px;
 display: inline;
 position: relative;
}
#treti { 
 border: 0px solid #ebebeb;
 border-top: 0px solid white;
 display: inline;
 position: relative;
 background: #ffffff url("img/treti_bg.png") no-repeat center top;
 width: 231px;
 color: #00a650;
 font-size: 12px;
 padding-left: 9px;
 padding-right: 9px;
 height: 301px;
 text-align: right;
 float: right;
 margin-bottom: 20px;
}

#novinky a {
  background: url("menu/kavarna2.png") no-repeat;
  width: 139px; height: 37px; 
}

#menu {
  margin-top: 3px;
  width: 999px;
  float: left;    
  display: block;
  clear: both;
  
}


#menu li {
    display: inline;
    margin: 0px;
    padding: 0px;
    
    }

#menu li a {
    display: inline;
    height: 50px;
    color: #ffffff; text-decoration: none;
    padding: 17px 35px 17px 35px;
    line-height: 50px;
    margin: 0px;
    

}
#menu li a:hover, #menu li#active a{
    background: #4d4c4c url(img/menu/hover.jpg) repeat-x;
    color: #ffffff;
    text-decoration: none;
}

#menu li.first a {
    background: #4d4c4c url(img/menu/novinky1.jpg) no-repeat;
    padding: 17px 35px 17px 35px;
    margin: 0px;
}

#menu li.first a:hover, #menu li.first#active a{
    background: #4d4c4c url(img/menu/novinky2.jpg) no-repeat;
    color: #ffffff;
    text-decoration: none;
}




.h1 {display: block;
     margin-bottom: 23px;}

h2 { display: block;
     color: #898989;
     margin-left: 10px;
     margin-bottom: 20px;}
     
.h2 {margin-left: 20px;
     font-size: 14px;
     display: block;
     color: #898989;
     }
     
.h3 { font-size: 13px;
      display: block;
      font-weight: bold;
      margin-bottom: 15px;}
     
h3 { font-size: 15px;
     font-family: arial;
     clear: both;
     margin-top: 20px;
     margin-bottom: 15px;
     }

h1.novinky {color: white;
    margin-left: 2px;
    margin-top: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
    font-size: 13px;}
    
h1.onas {font-size: 14px;
         padding-top: 7px;
         margin-left: 10px;}
    
h2.kontakt {color: white;
    font-size: 13px;
    margin-top: 6px;
    margin-left: 0px;
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
    text-align: left;}

a:link.em, a:visited.em, a:hover.em {
  COLOR: #f7941d;
	TEXT-DECORATION: underline;
	FONT-FAMILY: arial, sans-serif;
	font-size: 10pt;
  }

a:hover.em {
  TEXT-DECORATION: none;
	} 
  
a:link.we, a:visited.we, a:hover.we {
  COLOR: #959595;
	TEXT-DECORATION: none;
	FONT-FAMILY: arial, sans-serif;
	font-size: 10pt;
  }

a:hover.we {
  TEXT-DECORATION: underline;
	}   
	
a:link, a:visited, a:hover {
  COLOR: #f26522;
	TEXT-DECORATION: underline;
	FONT-FAMILY: arial, sans-serif;
	font-size: 10pt;
  }

a:hover {
  color: #f26522;
  TEXT-DECORATION: none;
	}   
  
.datum {font-weight: bold;
        color: #464646;
        font-size: 12px;
        display: block;
        margin-bottom: 3px;
        clear: both;
        }
 
.butt, .butt2 {border: 1px solid #cecdcd; background: #fbfafa;}

.butt, .butto {margin-bottom: 3px;
       width: 180px;       
}       

.butto, .butt2o {border: 1px solid #f7941d;
                 font-family: arial;
                 font-size: 13px;}
                 
.form {margin-left: 26px;
       margin-top: 5px;}
        
.butt2o {margin-top: 5px;
        margin-bottom: 5px;
        width: 230px; 
        height: 100px;
}

.butt2 {margin-bottom: 5px;
        width: 410px; 
        height: 100px;
}


.butt, .butt2 { font-family: arial;
        font-size: 13px;}

.butt2o {margin-top: 1px;}         
        
.button, img, .button2 {border: 0px solid white;}

.button {float: right;
         margin-right: 18px;
         margin-top: 2px;}

.button2 {margin-left: 168px;}

.pomeranc2 {border: 2px solid white;
         text-align: left;
         margin-right: 10px;
           margin-bottom: 10px;
           float: left;}

#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(lightbox/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(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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;
	}
	
li {margin-left: 6px;
    padding: 5px;
    color: #807e7e;
    }

.italic {font-style: italic;
         color: gray;}

.info, .infom, .infoc {border: 1px solid #dcdada;
      padding: 10px;
      width: 945px;
      background: #fff url("img/fadex.png") repeat-x center top;
      }
      
.infom {width: 240px; margin-left: 20px;}

.infoc {color: #888787;}

.intro {border: 1px solid #dcdada;
      padding: 10px;
      width: 820px;
      background: #f7f7f7;
      }

table.table {border: 1px solid #fcbf77;
             padding: 2px;
             width: 400px;}
             
tr.b {background-color: #f4f3f3;      
      }
      
td {padding: 2px;}

th {background-color: #fea602;
    color: white;
    border: 0px solid white;
    padding: 3px;}             
             
.plakat, .plakat_l {border: 8px solid #f2f2f2;
         margin-right: 15px;}
         
.plakat_l {margin-left: 23px;}

         
.vizitka {border: 1px solid silver;
          margin-left: 50px;}         

.reklama {margin-left: 20px;
          margin-bottom: 30px;
          border: 1px solid silver;}         

.kampan_img {float: left;
             margin-right: 20px;
             border: 8px solid #f2f2f2;}

.kampan {width: 950px;
         margin-left: 15px;
         float: left;
         display: block;}
         
       

.kampan_text, .kampan_text_tricko {border: 1px solid #dcdada;
      margin-left: 240px;
      height: 181px;
      padding: 10px;
      width: 320px;
      color: #363636;
      line-height: 19px;
      background: #f7f7f7;
      }
         
 .kampan_text_tricko { height: 139px;
}

.odeslano {margin-left: 20px;}

#kontakt {line-height: 20px;
          margin-left: 20px;
          float: left;
          margin-top: 0px;
          width: 200px;
          }        

.kon_or {float: right;
         margin-top: 70px;}

.foot {color: white;
       font-size: 11px;
       margin-right: 13px;
       line-height: 42px;
       }

a:link.copyr, a:visited.copyr, a:hover.copyr {
  COLOR: #ffffff;
	TEXT-DECORATION: underline;
	FONT-FAMILY: arial, sans-serif;
	font-size: 11px;
  }

a:hover.copyr {
  TEXT-DECORATION: none;
	} 

.web, .obald {color: #333333;
      margin-left: 20px;
      margin-top: 10px;
      clear: both;
      }

.obald {display: block;
        margin-bottom: 50px;}      
      

.webimg, .logoimg {margin-right: 20px;
         text-align: left;
         float: left;
         margin-bottom: 20px;
         border: 1px solid silver;
         }      

.logoimg {border: 1px solid #ddd;}

.chyba {color: #e70000;
        font-size: 11px;}      

p.home {margin-left: 0px;}
        
        
ul, p {margin-left: 15px;}

ul.sluzby, ul.reference {list-style-image: url("img/arrow.png");
           }
           
li.sluzby, p.sluzby, li.reference {color: #444;
           margin-left: 25px;}

p.empty {margin-bottom: 105px;}

p.empty_reklama {margin-bottom: 155px;}     
      
p.more {float: right;
        margin-right: 10px;
        display: inline;}      
      	
.tit, .tit2 {margin-left: 10px;
      color: #363636;
      font-size: 14px;
      }	

.tit2 {margin-left: 27px;}	
	
label {color: #898989;}	
         
.minmar {margin-top: -6px;}         
         
.zl {font-size: 11px; color: gray;}

.clear {clear: both; display: block;}