/*//////////////////////////////////////////////////////////////////////////////
///                             Suchan Martin                                ///
///                       martin.suchan@mujmail.cz                           ///
///                     http://www.sugi-webdesign.cz/                        ///
///                         Projekt SuGi-WebDesign                           ///
///                 styly gb schématu: style-gbscheme.css                    ///
//////////////////////////////////////////////////////////////////////////////*/


div#ramec {
  background-image:url(../img/gbscheme/bg-1g.png);
  height: 100%;
  width: 100%;
  margin:0px;
  float:left;
}
div.ramec1 {
  margin:auto;
  text-align: center;
  height: 750px;
  
  background-image:url(../img/gbscheme/bg-1g-b.png);
  background-repeat: no-repeat;
  background-position: center top;
}
div.ramec2 {
  margin:auto;
  width: 1000px;
  
  background-image:url(../img/gbscheme/bg-2g-a.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 2;
}
div#hl-body {
  position:relative;
  width: 1000px;
  float:left;
  
  background-image:url(../img/gbscheme/bg-2g-b.png);
  background-repeat: repeat-y;
  z-index: 1;
}
div#hl-body2 {
  position:relative;
  width: 1000px;
  height: 40px;
  float:left;
  
  background-image:url(../img/gbscheme/bg-2g-c.png);
  background-repeat: no-repeat;
  z-index: 1;
}
div#bottom {
  margin:auto;
  position:relative;
  width: 1000px;
  height: 60px;
  float:left;
  z-index: 1;
}

/*----------------------------GLOBÁLNÍ STYLY------------------------------------
------------------------------------------------------------------------------*/
body {
  text-align:center;   
  margin:0px; 
  
  background-image:url(../img/gbscheme/bg-0g.png);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #00294f;
}
a,a:visited {
  color:#8ac800;
  text-decoration: under-line;
}
a:hover {
  text-decoration: none;
}

h1 {
  font-family: "Trebuchet MS", Arial;
  font-size: 24px;
  color: #EEE;
  font-weight: normal;
}
h2, h2 a, h2 a:visited {
  font-family: "Trebuchet MS", Arial;
  font-size: 24px;
  color: #EEE;
  font-weight: normal;
  text-decoration: none;
  margin: 14px 0px 10px 0px;
  padding: 0px;
}
h3 {
  font-family: "Trebuchet MS", Arial;
  font-size: 14px;
  color: #ddd;
  font-weight: bold;
}
div, td {
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #B9B9B9;
}

ul {
  margin:0px;
  padding:0px;
}

img {
  border: none;
}

/*---------------------------------HEADER---------------------------------------
------------------------------------------------------------------------------*/
div#header {
  margin:auto;
  width: 1000px;
  height: 110px;
  text-align:right;
  
  background-image:url(../img/gbscheme/bg-header.png);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 1;
}
div.header-kniha {
  margin:auto;
}

/*------------------------------HLAVNÍ MENU-------------------------------------
------------------------------------------------------------------------------*/

div#menu {
  width: 1000px;
  height: 60px;
  
  background-image:url(../img/gbscheme/bg-menu1.png);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

div#menu ul {
  margin: 5px 20px 5px 20px;
  padding: 0px;
  margin:0px 30px 0px 30px;
  float:left;
}

div#menu div.search {
  margin:16px 0px 0px 0px;
  padding: 0px;
  height: 28px;
  width: 180px;
  background-image: url('../img/gbscheme/search.png');
  background-repeat: repeat-x;
  float:left;
}

div#menu input {
  background: none;
  border: none;
  margin: 4px 0px 0px 4px;
  padding: 0px;
  height:20px;
  width:140px;
  float:left;
  
  color:#669a00;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
}
div#menu .submit {
  background: none;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height:28px;
  width:28px;
  float:right;
  display:block;
  
  background-image: url('../img/gbscheme/lupa.png');
  background-repeat: no-repeat;
}

div#menu ul li {
  list-style: none;
  float:left;
  width:120px;
  height: 50px;
  text-align: center;
}

div#menu ul li a, div#menu ul li a:visited {
  color:#fff;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  top: 22px;
  position: relative;
}

/*----------------------------NABÍDKA VPRAVO------------------------------------
------------------------------------------------------------------------------*/
div#vpravo {
  width: 280px;
  float:left;
}
div.nadpis {
  float:left;
  margin-top: 10px;
  width: 258px;
  height: 48px;
  text-align:left;
  
  background-image:url(../img/gbscheme/right-headers.png);
  background-repeat: no-repeat;
  background-position: center center;
}
div.nadpis2 {
  width: 238px;
  height: 20px;
  
  margin-left:10px;
  margin-top: 15px;
}

div.aktualne {
  float:left;
  width: 230px;
  text-align:justify;
  
  margin: 10px 14px 10px 14px;
}

img.gallery {
  border: 1px #aaa solid;
  float:left;
  margin: 10px;
}
img.gallery2 {
  border: 1px #aaa solid;
  float:left;
  margin: 5px;
}

/*-----------------------------NÁVŠTĚVNÍ KNIHA----------------------------------
------------------------------------------------------------------------------*/
table.na-kniha {
    width: 650px;
}

td.na-nick {
    width: 450px;
    text-align: left;
}

td.na-dat {
    width: 200px;
    text-align: right;
}

table.koment {
    width: 600px;
}

td.koment-nick {
    width: 400px;
    text-align: left;
}

td.koment-dat {
    width: 200px;
    text-align: right;
}
div.koment-cara {
  float:left;
  background-color: #262626;
  height: 1px;
  width: 600px;
  margin: 20px 0px 0px 0px;
}
/*-------------------------------OKNO VLEVO-------------------------------------
------------------------------------------------------------------------------*/
div#vlevo {
  width: 720px;
  float:left;
  text-align: justify;
}

div#hl-okno {
  margin: 20px 30px 0px 30px;
}
div#hl-okno-cl {
  margin: 20px 80px 0px 80px;
}

div.text {
  float:left;
}

div#hl-okno div.text p, div#hl-okno-cl div.text p {
  text-indent: 20px;  
  line-height: 1.3;
}
td.text p {
  text-indent: 20px;  
  line-height: 1.5;
  margin: 0px 20px 0px 20px;
}

div.description {
  width: 660px;
  text-align:center;
  float:left;
}
div.description-cl {
  width: 560px;
  text-align:center;
  float:left;
}

div.description2 {
  text-indent: 20px;  
  line-height: 1.5;
  width: 270px;
  text-align:justify;
  float:left;
}
div.description3 {
  text-indent: 20px;  
  line-height: 1.5;
  width: 270px;
  text-align:justify;
  float:left;
}

div.ico-cl {
  margin: 0px auto 10px auto;
}

img.ico-reference {
  border: 0px;
  padding: 0px;
  margin: 0px 10px 4px 0px;
  float:right;
}
img.ico-reference-small {
  border: 0px;
  padding: 0px;
  margin: 2px;
}
img.ico-cl {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
img.ico-kontakt {
  border: 0px;
  padding: 0px;
  margin: 0px 0px 10px 10px;
  float:right;
}
img.commentreadmore {
  border: 0px;
  padding: 0px;
  margin: 0px 4px 0px 0px;
}

div.nadpis-cl {
  float:left;
  width: 660px;
  margin: 0px;
  text-align: left;
}

div.nadpis-ost2 {
  float:left;
  width: 560px;
  margin: 0px 0px 10px 0px;
  text-align: left;
}

div.nadpis-ost {
  float:left;
  width: 660px;
  margin: 0px 0px 10px 0px;
  text-align: left;
}
div.nadpis-foto {
  width: 360px;
  margin: 0px 20px 0px 20px;
  padding: 0px;
  text-align: left;
}

div.nadpis-fotor {
  text-align:right;
  width: 360px;
  margin: 0px 20px 0px 20px;
  padding: 0px;
}

table.table-foto {
  margin: 0px 50px 0px 50px;
  border-bottom: 1px #262626 solid;
}

div.cara {
  float:left;
  background-color: #262626;
  height: 1px;
  width: 660px;
  margin: 20px 0px 0px 0px;
}
div.cara-cl {
  float:left;
  background-color: #262626;
  height: 1px;
  width:620px;
  margin: 20px 20px 10px 20px;
}
div.cara-cl2 {
  float:left;
  background-color: #262626;
  height: 1px;
  width:520px;
  margin: 20px 20px 10px 20px;
}

div.cl-pata {
  width: 620px;
  margin: 0px 20px 20px 20px;
  float:left;
}


div.cl-pata-projekty {
  width: 620px;
  margin: 10px 20px 20px 20px;
  float:left;
}

div.cl-pata2 {
  width: 520px;
  margin: 0px 20px 20px 20px;
  float:left;
}

div.cl-pata div.pata1, div.cl-pata-projekty div.pata1 {
  float:left;
  width: 310px;
}
div.cl-pata div.pata2, div.cl-pata-projekty div.pata2 {
  text-align:right;
  float:right;
  width: 310px;
}
div.cl-pata2 div.pata1 {
  float:left;
  width: 260px;
}
div.cl-pata2 div.pata2 {
  text-align:right;
  float:right;
  width: 260px;
}




div.code {
    width: 556px;
    background-color: #406003;
    margin: 20px 2px 0px 2px;
    text-indent: 0px;
    font-weight: bold;
}
div.code2 {
    text-indent: 0px;
    border: 2px #406003 solid;
    position:relative;
    width: 552px;
    float:left;
    margin: 0px 2px 20px 2px;
    background-image:url('../img/code.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    height: auto;
}
div.code3 {
    position:relative;
    background-image:url('../img/gbscheme/code2.png');
    background-position: left top;
    width: 522px;
    float:right;
    height: auto;
}
div.code4 {
    position: relative;
    margin: 0px 6px 0px 6px;
    text-align: left;
}
div.code5 {
    position: relative;
    top:1px;
    margin: 0px 6px 0px 6px;
    text-align: left;
}

pre.code {
    margin: 0px;
    padding: 0px;
    
    font-family: Tahoma;
    font-size: 11px;
    color:#eef;
    line-height: 1.5;
}