/** GLOBALNI STYLY **/
h1, h2, h3, p, ul, li { margin: 0px; padding: 0px; }
h2.nadpis { background: url(../layout-grafika/h2.gif) no-repeat left center; line-height: 30px; height: 30px;  font-size: 12px; color: #2d88d8; text-indent: 35px; }
p { line-height: 1.8; }
a { color: #3399CC; }
a:hover { color: #666633; }
big{ display:block; }
div.padding { padding: 20px; }
div.padding ul { margin: 10px 0px 10px 40px; }

/** BODY **/
body {
 background-color: #152d41;
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-family: Verdana, sans-serif;
 font-size: 12px;
}

/** HLAVNI DIV WEBU **/
div#hlavni {
 width: 980px;
 background-color: #c6c6c6;
 border: 5px solid #b8c5e1;
 margin: 0px auto;
 border-top: 0px;
 text-align: left;
}

/** HLAVICKA WEBU **/
div#hlavicka {
 width: 973px;
 height: 139px;
 background: #63a5ce url(../layout-grafika/hlavicka.gif) no-repeat;
 border: 3px solid #FFF;
 border-top: 0px;
 border-bottom: 0px;
 text-align: left;
 position: relative;
}
div#hlavicka h1 {  line-height: 100px; font-size: 25px; text-indent: 10px; padding-top: 20px; }
div#hlavicka a { color: #FFF; }
div#hlavicka img { border: 0px; width: 270px; height: 100px; }

/** HALVNI MENU WEBU **/
div#menu {
 position: relative;
 height: 56px;
 width: 973px;
 border: 3px solid #FFF;
 border-top: 0px; border-bottom: 1px solid #FFF;
 background: #d6def7 url(../layout-grafika/menu.gif) no-repeat;
 text-align: center;
}
div#menu p a { font-weight: bold; color: #428cb5; text-decoration: none; font-family: Tahoma; display: block; width: 120px; height: 40px; }
div#menu p a:hover { text-decoration: underline;  }
div#menu p { line-height: 40px; }
div#menu_5 { position: absolute; width: 120px; top: 5px; right: 0px; height: 40px; line-height: 40px; }
div#menu_4 { position: absolute; width: 120px; top: 5px; right: 120px; height: 40px; line-height: 40px; }
div#menu_3 { position: absolute; width: 120px; top: 5px; right: 240px; height: 40px; line-height: 40px; }
div#menu_2 { position: absolute; width: 120px; top: 5px; right: 513px; height: 40px; line-height: 40px; }
div#menu_1 { position: absolute; width: 120px; top: 5px; right: 633px; height: 40px; line-height: 40px; }

div#lokace_cr { position: absolute; top: 20px; left: 120px; }
div#lokace_cr img { width: 32px; height: 22px; border: 1px solid #a8a7a7; }

div#lokace_en { position: absolute; top: 20px; left: 165px; }
div#lokace_en img { width: 32px; height: 22px; border: 1px solid #a8a7a7; }


/** TELO WEBU - HLAVNI OBSAH **/
div#telo { width: 973px; border: 3px solid #FFF; border-top: 0px; background: url(../layout-grafika/telo.gif) repeat-y; }

/** LEVA CAST WEBU **/
div#leva_cast { float: left; width: 223px; }
div#leva_cast h2 { line-height: 25px; height: 30px; width: 213px; font-size: 10px; margin: 10px 5px 0px 5px; color: #FFF; text-align: left; text-indent: 40px; }
h2.typ_1 { background: #81b9e7 url(../layout-grafika/leva_nadpis.gif) no-repeat; }
h2.typ_2 { background: #81b9e7 url(../layout-grafika/leva_nadpis_2.gif) no-repeat; }
div#leva_cast div { background-color: #FFF; margin: 0px 5px 5px 5px; padding-bottom: 10px; }
div.na_stred { text-align: center; padding: 5px 0px 5px 0px; }
div#leva_cast h3 { font-size: 12px; color: #70b5e2; line-height: 20px; text-indent: 10px; }
div#leva_cast p { margin: 10px; font-size: 10px; line-height: 1.5em; }
div#leva_cast img { width: 202px; border: 0px; }
/** PARTNERI **/
ul#partneri{ padding:10px 0 0 0; }
ul#partneri li { list-style-type: none; }
ul#partneri li p { margin: 0px; padding: 0px; text-indent: 10px; line-height: 25px; }


/** PRAVA CAST WEBU **/
div#prava_cast { 
 float: right;
 width: 710px;
 padding: 20px; 
 background-color: #FFF;
 position: relative;
}

div#prava_cast h1 { 
 background: #81b9e7 url(../layout-grafika/prava_h1.gif) no-repeat;
 height: 30px;
 line-height: 27px;
 color: #FFF;
 font-size: 13px;
 text-align: left;
 text-indent: 40px;
 margin-bottom: 25px; 
}

/** PATICKA **/
div#paticka { clear: both; height: 20px; line-height: 20px; padding: 10px 0px 10px 10px; background: #6cb3df url(../layout-grafika/paticka.gif) repeat-x; border-top: 1px solid #FFF; }
div#paticka ul {  border-left: 1px solid #5a93c5; height: 20px; }
div#paticka li { float: left; padding: 0px 10px 0px 10px; text-align: center; font-size: 10px; list-style-type: none; border-right: 1px solid #5a93c5; }
div#paticka li p a { color: #FFF; }

div#paticka_2 { 
 margin: 0px auto;
 width: 990px;
 text-align: right;
 font-size: 10px;
 color: #FFF;
 line-height: 35px;
 margin-bottom: 30px;
}

/** O FIRME **/
div.vice { text-align: right; font-size: 10px; padding-right: 20px; margin-bottom: 20px; }
div#nasi_klienti { width: 683px; height: 98px; background: #FFF url(../layout-grafika/klienti.gif) no-repeat; padding:22px 0 0 30px; }
h1.nasi_klienti { margin: 30px 0 0 0; }
h2.nasi_klienti { background: url(../layout-grafika/h2.gif) no-repeat left center; line-height: 30px; height: 30px; font-size: 12px; color: #2d88d8; text-indent: 35px; margin: 15px 0px 5px 0px; }
div#nasi_klienti ul { width:650px; height:75px; display:block; }
div#nasi_klienti li { padding:18px 15px 0 15px; list-style-type: none; floaT: left; }
p.text{ padding: 0 0 15px 0; text-indent: 15px; }
div#kontakt{ width:250px; margin:0 50px 30px 0; padding:5px 15px 5px 15px; border-right:1px solid #7BB5E7; float:left;}

.clear{ clear:both; }

/** SLUZBY **/
h2.sluzby { background: url(../layout-grafika/h2.gif) no-repeat left center; line-height: 30px; height: 30px;  font-size: 12px; color: #2d88d8; text-indent: 35px; margin: 15px 0px 5px 0px; }
p.sluzby { padding-left: 35px; }
div.objednat {
 background: #85bbe7 url(../layout-grafika/objednat.gif) no-repeat;
 width: 117px;
 height: 46px;
 color: #FFF;
 text-align: center;
 line-height: 46px;
 font-weight: bold;
}

 /** KONTAKTY **/
 div#kontakty {
  width: 250px;
  height: 220px;
  border: 1px solid #CCC;
  padding: 10px;
  float: left;
 }

div#mapy {
  float: right;
  width: 406px;
  border: 1px solid #CCC;
  height: 220px;
  float: right;
  padding: 10px;
}
div#mapy img { border: 0px; }

/** PORTFOLIO **/
div.portfolio_foto { position: absolute; top: 100px; right: 50px;  }
div.portfolio { width: 670px; height: 225px; background: #FFF url(../layout-grafika/portfolio.gif) no-repeat; padding: 20px 0px 0px 40px; position: relative; margin-bottom: 20px; }
div.portfolio img { border: 0px; }
div.spustit {
 width: 119px;
 height: 24px;
 line-height: 24px;
 background: #85bbe7 url(../layout-grafika/spustit.gif) no-repeat;
 text-align: center;
 color: #FFF;
 margin-top: 10px;
}
div.spustit a { color: #FFF; text-decoration: none; display: block; width: 100%; }
div.spustit a:hover { color: #666; }

div.hlavni_foto { position: absolute; top: 12px; left: 296px; height: 219px; width: 242px; overflow: hidden; text-align: center; }
div.foto { width: 139px; height: 104px; position: absolute; top: 12px; right: 21px; }
div.foto_2 { width: 139px; height: 104px; position: absolute; top: 126px; right: 21px;  }

div#popis { margin: 50px; }

div#clanek { border-bottom: 1px solid #3399CC; margin-bottom: 25px; padding: 0px 25px 25px 25px; line-height: 30px; }
div#clanek h2 { font-size: 15px; margin: 0px; padding: 0px; }
div#clanek p.vlozil { color: #666; font-size: 10px; margin-bottom: 10px; }
div#clanek p.datum { color: #666; font-size: 10px; }
div#clanek div { text-align: justify;  }
div#clanek div p { margin-bottom: 10px;  }

div#strankovani { text-align: center; }

.msg{padding:15px 0 15px 0; display:block;}

fieldset{width: 470px; padding:15px; display:block;}
fieldset label{width:150px; margin:0 0 10px 0; float:left;}
fieldset input{width:300px; margin:0 0 10px 0; float:left;}
fieldset textarea{width:300px; height: 150px; margin:0 0 25px 0; float:left}
fieldset .button{width:100px; float:none; clear:both; display:block;}

.bt{ padding: 0 0 0 100px; float:left;}

.bt a{ background-image: url(../images/bt.gif); width: 117px; height:39px; padding:7px 0 0 0; font-weight:bold; text-align:center; text-decoration:none; color:#FFFFFF; display:block;}