body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 10pt "Tahoma", Arial, Verdana;
  background: #2d2d2d url('/img/body-bg.png') repeat-x top left;
  position: absolute;
  width: 100%;
  height: 100%;
  }
  
/*TOP PART*/    
#page {
  position: relative;
  margin: auto;
  width: 800px;
  height: 480px;
  text-align: left;
  padding: 0 50px 0 50px;
  }
  
#top {
  position: absolute;
  width: 900px;
  height: 26px;
  left: 0;
  right: 0;
  color: #ffffff;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 8pt;
  line-height: 26px;      
  background: url('/img/webdesign/top-bg.png') repeat-x top left;
  }
  #top img.flag {border: 0; vertical-align: top; margin: 0;}

  
#top_image {
  position: absolute;
  top: 77px;
  width: 900px;
  height: 273px;
  left: 0px;
  right: 0;
  background: url('/img/page-bg.png') repeat-y left center;
  color: #fff;
  }
  #top_image a {
    padding: 0;
    margin: 0;
    }
    #top_image img.gibonart {
      border: 0;
      position: absolute;
      left: 50px;
      top: 43px;
      }
      #top_image img.logo {
      border: 0;
      position: absolute;
      right: 50px;
      top: 19px;
      }
      #top_image img.bar {
      border: 0;
      position: absolute;
      right: 0;
      top: -77px;
      z-index: 809;
      }  
      
a#contact {
  position: absolute;
  top: 18px;
  right: 40px;
  z-index: 810;
  color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
  }
  
img.arrow {border: 0; vertical-align: middle;}

/*MENU*/
#menu {
  position: absolute;  
  width: 850px;
  height: 51px;
  top: 26px;
  left: 25px;
  top: 26px;
  z-index: 808;
  }
  
img#godownload {border: 0;}
/*MENU ENDS*/

/*Info*/
#info {
  width: 900px;
  height: 275px;
  position: absolute;
  top: 223px;
  left: 0;
  background: url('/img/webdesign/info-block.png') no-repeat top left;
  z-index: 803;
  }
  #info1 {
    width: 260px;
    height: 230px;
    position: absolute;
    left: 50px;
    top: 20px;
    /*background: url('/img/webdesign/www-icon.png') no-repeat top left;*/
    overflow: auto;
    }
    #info1 h2 {margin: 15px 10px 25px 60px; font-size: 1.1em; color: #2d2d2d;}
        
        img.in-info {margin: 0; border: 0; vertical-align: middle;}
        #info1 a.info-link {color: #7D7D7D; font-weight: normal; margin: 0 0 0 10px; text-decoration: underline;}
        #info1 a.info-link:hover {text-decoration: none;}
    
    #info2 {
    width: 256px;
    height: 230px;
    position: absolute;
    left: 324px;
    top: 20px;
    overflow: auto;
    }
    #info2 h2 {margin: 15px 10px 25px 60px; font-size: 1.1em; color: #2d2d2d;}
    #info2 a.info-link {color: #7D7D7D; font-weight: normal; margin: 0 0 0 10px; text-decoration: underline;}
    #info2 a.info-link:hover {text-decoration: none;}
    
    #info3 {
      width: 270px;
      height: 230px;
      position: absolute;
      right: 36px;
      top: 20px;
      overflow: auto;
      }
    #info3 h2 {margin: 15px 10px 25px 60px; font-size: 1.1em; color: #2d2d2d;}
    
    span.servicename {margin: 15px 10px 5px 15px; font-size: 1.1em; color: #2d2d2d; font-weight: bold;}
    
.info-cell {
  margin:0;
	padding: 0;
	clear:both;
  }
  
ul.info-list, ul.info-list li {
  list-style: none;
	margin: 10px 10px 0 0;
	padding: 2px 0 0 0;
	color: #2d2d2d;
	font-size: 1em;
	line-height: 1.5em;
	list-style-position: outside;
  }
  ul.info-list {
	position: relative;
	z-index: 807;
  }
  ul.info-list li {
    font-weight: bold;
    margin: 0;
    }
    ul.info-list ul li {
      list-style-image: url('/img/webdesign/star-dot.png');
      list-style-type: square;
      margin: 0 0 0 30px;
      font-weight: normal;
      line-height: 1em;
      }
    
ul.info-list2, ul.info-list2 li {
  list-style: none;
	margin: 10px 10px 0 0;
	padding: 0;
	color: #2d2d2d;
	font-size: 1em;
	font-weight: bold;
	list-style-position: outside;
  }
  ul.info-list2 {
	position: relative;
	z-index: 807;
  }
  ul.info-list2 li {
    margin: 0;
    }
    
ul.info-list3, ul.info-list3 li {
  list-style: none;
	margin: 10px 10px 0 0;
	padding: 0;
	color: #2d2d2d;
	font-size: 1em;
	list-style-position: outside;
  }
  ul.info-list3 {
	position: relative;
	z-index: 807;
  }
  ul.info-list3 li {
    font-weight: bold;
    }
    ul.info-list3 ul li {
      list-style-image: url('/img/webdesign/star-dot.png');
      list-style-type: square;
      margin: 0 0 0 30px;
      font-weight: normal;
      }
    

    
ul.listing {
  margin:10px 0 0 0;
	padding: 0;
	clear:both;
  list-style: none;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	list-style-position: inside;
  }
  ul.listing {
	position: relative;
	z-index: 807;     
  }
  ul.listing li {
    list-style-image: url('/img/webdesign/star-dot.png');
    list-style-type: square;
    margin: 0 0 10px 30px;
    padding: 0 10px 15px 0;
    font-weight: normal; 
    background-color: inherit;
    border-bottom: 1px solid #4D4D4D;
    }
    ul.listing li.noline {border: 0;}
    ul.listing li a {color: #bce18d; text-decoration: none; font-size: 1.1em;}
    ul.listing li a:hover {color: #fff;}
    ul.listing li a#GoTo {font-size: .9em;}
    ul.listing li.mailme {list-style-image: url('/img/webdesign/mail-icon.png');}
    
ul.listing_in {
  margin: 0;
	padding: 0;
	clear:both;
  list-style: none;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	list-style-position: inside;
  }
  ul.listing_in {
	position: relative;
	z-index: 807;
  }
  ul.listing_in li {
    list-style-image: url('/img/webdesign/bubble-icon.png');
    list-style-type: square;
    margin: 0 0 0 20px;
    padding: 5px 0 0 10px;
    font-weight: normal;
    background-color: inherit /*url('/img/webdesign/portfolio_list_bg.png') repeat top left*/;
    border: 0;
    }  
    ul.listing_in li.address {list-style-image: none; list-style-type: none; line-height: 1em; font-size: .9em;}
    ul.listing_in li.address img {vertical-align: top; border: 0; margin: 0;}
    ul.listing_in li.moveto {
      list-style-image: url('/img/webdesign/goto-icon.png');
      list-style-type: square;
      margin: 0 0 0 20px;
      padding: 5px 0 0 10px;
      font-weight: normal;
      font-size: .9em;
      background-color: inherit /*url('/img/webdesign/portfolio_list_bg.png') repeat top left*/;
      border: 0;
      }
      ul.listing_in li.preview {
        padding: 0;
        margin: 0 0 0 30px;
        list-style-type: none;
        list-style-image: none;
        }
        ul.listing_in img {
          margin: 0 5px;
          border: 0;
          }
          ul.listing_in a.normal {font-size: 1em;} 
      
      span.name {font-size: 1.1em;}

/*TOP PART ENDS*/

/*CONTENT*/
a.common {color: #bce18d; text-decoration: none; font-size: 1.1em;}
a.common:hover {color: #fff;}
a.displayText {font-size: .9em; display: inline;}
span.highlight {font-weight: bold;}

#container {
  margin: 0 auto;
  width: 900px;
  padding: 0;
  z-index:790;
  }

#content {
  position: relative;
  float: right;
  right: 320px;
  top: 0px;
  width: 520px;
  color: #fff;
	font: 1em Tahoma, Arial, sans-serif;
  padding: 20px 10px 40px 0;
  border: 0px solid rgb(23,22,20);
  text-align: left;
  background: url('/img/webdesign/container-bg.png') no-repeat bottom left;
  z-index:791;
  }
  #content p {color: #fff; font: .9em Tahoma, Arial, sans-serif; line-height: 2em; margin: 10px 0 0 0;}
  #content a:active, a:link, a:visited {color: #bce18d; text-decoration: none;}
  #content a:hover {color: #fff;} 
  
 
  a.a-homepage {
    background: url("/img/webdesign/button.png") no-repeat top left;
    display: block;
    width: 160px;
    height: 30px;
    border: 0px solid #444444;
    text-align: center;
    color: #fff;
    padding: 2px 0 0 0;
    }
    
    a.a-homepage:hover {
      background: url("/img/webdesign/button-hover.png") no-repeat top left;
      color: #fff;
      }
  
  p.homepage {
    /*border-top: 2px solid #444444;
    border-left: 1px solid #bce18d;
    border-right: 2px solid #444444;
    border-bottom: 1px solid #bce18d;*/ 
    padding: 25px 10px 10px 25px;
    margin: 0;
    background: url('/img/webdesign/p-homepage-bg.png') no-repeat top left;
    }
    
    span.right-homepage {
      display: block;
      float: right;
      text-align: right;
      }
  
img.tpl {margin: 0 20px 0 0; vertical-align: middle; border: 0;}
img.tpl-indent {margin: 0 20px; vertical-align: middle; border: 0;}
img.tpl_margin {margin: 20px 20px 0 0; vertical-align: middle; border: 0;}
img.example {border: 1px solid #404040; margin: 20px auto 0 auto; width: 518px;}
  
  
div.content a:hover {color: rgb(103,106,91);}

iframe.gallery {
  width: 500px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #bce18d;
  }
  
  iframe.gallery-2 {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  border: 0;
  }
  
iframe.rink {
  width: 60px;
  height: 75px;
  border: 0;
  overflow: hidden;
  display: inline;
  }

#news {
  float: left;
  position: relative;
  padding: 20px;
  top: 0;
  left: 580px;
  width: 240px;
  background: url('/img/webdesign/new-bg.png') no-repeat bottom left;
  margin: 0;
  color: #fff;
  text-align: left;
  z-index: 792;
  }   
  #news p {
    padding: 10px 0 10px 0;
    margin: 0;
    text-align: left;
    font-size: .8em;
    /*border-top: 1px solid #3d3d3d;*/
    border-bottom: 1px solid #3d3d3d;
    }
  #news p.exp {
    padding: 10px 0 10px 0;
    margin: 0;
    text-align: left;
    font-size: .8em;
    border-bottom: 1px solid #3d3d3d;
    min-height: 85px;
    }
    #news h2 {font-size: 1.1em;}
    #news span {color: #bce18d; line-height: 2em;}
    #news a:active, #news a:visited, #news a:link {
      color: #bce18d; 
      line-height: 2em;
      text-decoration: none;
      }
      #news a:hover {color: #fff;}


.newsimg {border: 0; margin: 0 10px 0 0; vertical-align: bottom;}

.extra {
  border: 0;
  float: left;
  margin: 0 10px 0 0;
  }
  
.importantnote {
  color: #bce18d;
  font-size: .8em;
  }  
  
h1 {
  color: #fff;
	font: 1.6em Tahoma, Arial, sans-serif;
  }
  
h2 {
  color: #fff;
	font: 1.3em Tahoma, Arial, sans-serif;
	margin: 10px 0 0 0;
  }

p.green {
  background: url('/img/webdesign/speech-icon.png') no-repeat top left;
  padding: 0 0 0 68px;
  min-height: 59px;
  margin: 0;
  }


Q {
  quotes: '"' '"';
  color: #bce18d;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 1pt;
  }
  
p.right {text-align: right; color: #aaaaaa; margin: 0;}

strong.popup {
  color: #bce18d;
  font-style: italic;
  }
  
h2.markup {font-size: 1.2em; font-weight: normal; margin: 25px 0 10px 0;}
h2.markup-bordered {
  border: 1px solid #bce18d;
  padding: 10px;
  margin: 20px 0 0 0;
  box-shadow: -2px -2px 15px #000000;
  background: url('/img/webdesign/h2bordered.png') repeat top left;
  }

span.highlighted {background-color: red; padding: 10px; color: #fff; line-height: 3em;}

span.info {background-color: inherit; padding: 0px; color: #990000; /*font-weight: bold;text-shadow: #bce18d 2px 2px 5px;*/}

span.topic {color: #bce18d; font-size: 1.2em;}


/*TABLE MAP*/
table.map {
  width: 100%;
  margin: 0px auto 0 auto;
  padding: 0px;
  border: 1px;
  color: #fff;
  font-size: 1em;
  text-align: left;
  border-collapse: collapse;
  }
  
td.column1 {
  text-align: left;
  width: 150px;
  border: 0;
  vertical-align: top;
  line-height: 1.2em;
  }
td.column2 {
  width: 360px;
  padding: 0;
  vertical-align: top;
}

table.map td.column1s {
  text-align: left;
  width: 150px;
  border: 0;
  vertical-align: top;
  padding: 0 0 5px 3px;
  }

iframe {
  width: 360px;
  height: 200px;
  margin: 0 auto;
  overflow: hidden;
  border: 0;
  }
  
.kade {
  font-size: 1em;
  color: #62234F;
  font-weight: bold;
  background-color: #fff;
  padding: 2px 4px;
  }
  
.perfect {
  font-size: 1em;
  color: #AE4B84;
  font-weight: bold;
  }
  
.adr {
  font-size: .9em;
  color: #5B5B5A;
  font-weight: normal;
  }
/*TABLE ENDS*/

/*TABLE PRICING*/
table#pricing {
  width: 100%;
  margin: 20px auto 0 auto;
  padding: 0px;
  /*border: 1px solid red;*/
  color: #fff;
  font-size: 1em;
  text-align: left;
  border-collapse: collapse;
  }
  
table#pricing th {
  line-height: 1.3em;
  font-size: .8em;
  padding: 10px;
  color: #2D2D2D;
  width: 100%;
  font-weight: normal;
  background-color: #bce18d;
  text-align: right;
  }
  
table#pricing td.title {
  font-size: 1.1em;
  padding: 5px;
  width: 390px;
  border-top: 1px dotted #5d5d5d;
  }
  
table#pricing td.header {
  border-bottom: 3px double #fff;
  border-top: 1px solid #bce18d;
  line-height: 1.3em;
  font-size: 1.2em;
  padding: 10px 0 2px 0;
  color: #bce18d;
  }
  
table#pricing td.desc {
  text-align: justify;
  width: 365px;
  vertical-align: top;
  padding: 5px 20px 10px 15px;
  /*background: grey;*/
  }
table#pricing td.czk {
  text-align: left;
  font-size: 1.1em;
  padding: 0;
  vertical-align: top;
  color: #fff;
  padding: 5px;
  border-top: 1px dotted #5d5d5d;
}

ol.in-table {
  margin: 0 0 0 30px;
  }

ul.in-table {
  margin: 0 0 0 30px;
  list-style-image: url('/img/webdesign/dot.png');
  list-style-type: square;
  }

span.line-through {text-decoration: line-through; color: #bce18d; font-style: italic;}
/*TABLE ENDS*/

/*CONTENT ENDS*/
  

/*copyright*/
#footer {
  position: relative;
  clear:both;
  /*float: left;*/
  margin: 0 auto;
  min-width: 900px;
  min-height: 125px;
  padding: 0;
  color: #fff;
  text-align: center;
  background: #000000 url('/img/webdesign/footer-bg.png') repeat-x top left;
  /*background-color: green;*/
  }
  #footer p {display: block; width: 850px; border-top: 1px solid rgb(29,29,29); background-color: inherit; text-align: left; margin: 25px auto 0 auto; font-size: .7em; color: rgb(29,29,29);}
  #footer img {border: 0;}

#copyright {
  width: 850px;
  height: 75px;
  padding: 30px 25px 50px 25px;
  margin: 0 auto;
  font: 1.6em Arial, Tahoma, sans-serif;
  text-align: center;
  }
  #copyright img {border: 0; margin: 0 10px 0 0; vertical-align: middle; float: left;}

  
img#reklama {
    position: relative;
    display: inline; 
    clear:both; 
    margin: 0 auto; 
    border: 0;
    }
    
  #copyright p {background-color: inherit; text-align: right; margin: 0 auto; font-size: .5em; color: #3D3D3D; float: right; border: 0;}
  #copyright a {color: #4D4D4D; text-decoration: none;}
  
#copyright a:hover {
  text-decoration: none;
  color: #3D3D3D;
  }
p#centered {text-align: center; float: right; margin: 10px 0 0 0; border: 0;}  
p#odkazy {background-color: inherit; text-align: center; margin: 20px auto 0 auto; font-size: .5em; color: #1D1D1D; float: left; border: 0}

img#pocitadlo {width: 1px; height: 1px; border: 0;}



/*copyright ends*/

/* FORM */

.form {
	margin: 0;
	padding: 0;
	font: 10pt "Tahoma",Arial, Verdana;
}
.form fieldset{
	border: none;
	margin-bottom: 20px;
	background-color: #3D3D3D;
	width: 518px;
	padding: 0 0 5px 0;
}
.form legend{
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: .1em;
	padding: 4px;
	width: 510px;
	border-bottom: 1px solid #bce18d;
	color: #bce18d;
	font-weight: bold;
	background-color: #3D3D3D;
}
.form label{
	display: inline-block;
	width: 100px;
	text-align: right;
	padding: 6px;
	margin: 0 0 0 10px;
	vertical-align: top;
	text-align: left;
}
.form input{
	border: none;
	padding: 4px;
	color: #000;
	margin: 5px 0 0 0;
  width: 350px;	
}
.form input#tlacitko {
  width: 100px;
  margin: 0;
  }

.form textarea{
	border: none;
	padding: 6px;
	color: #000;
	margin: 5px 0 0 0;
	width: 346px;
}
.errors{
	color: red;
	margin: 10px;
	font-size: 18px;
	font-style: italic;
	border-bottom: 1px dotted red;
	width: 500px;
}
.done{
	color: #bce18d;
	margin: 10px;
	font-size: 18px;
	font-style: italic;
	border-bottom: 1px dotted #bce18d;
	width:25%;
}


.toggle {display: none;}