/*
Autor: Martin Mates
Datum: 15.06.2007
*/

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

/* LAYOUT ----------------------------------------------  */
body {
  background-color:#FFFFFF;
  background-image:url('grafika/topbg.gif');
  background-repeat:repeat-x;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

#main {
  width:892px;
  margin-left:auto;
  margin-right:auto;
}

#left {
  width:273px;
  _overflow:hidden;
  float:left;
}

#right {
  width:619px;
  float:left;
  padding-bottom: 100px;
}

#logo {
  width:273px;
  height:133px;
  background-image:url('grafika/logo.gif');
  background-repeat:no-repeat;
}

#logo a{
  display:block;
  width:273px;
  height:133px;
}


ul#menu {
  margin-top:91px;
  height:42px;
  list-style-type:none;
  background: #000000;
  width: 460px;
}

ul#menu li {
  float:left;
}

ul#menu li a{
  width:115px;
  height:35px;
  _height:42px;
  display:block;
  float:left;
  background-image:url('grafika/menu.gif');
  background-repeat:no-repeat;
  
  padding-top:7px;
  text-align:center;
  text-decoration:none;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
}

ul#menu li a#marked{
  background-image:url('grafika/menuFocus.gif');
}

ul#menu li a:hover{
  background-image:url('grafika/menuFocus.gif');
}

#logoShade {
  width:273px;
  height:116px;
  background-image:url('grafika/logoShade.gif');
  background-repeat:no-repeat;
}

#obrazek {
  margin-top:50px;
}

#drobecek {
  width:619px;
  height:42px;
  line-height:42px;
  font-size:12px;
}

#drobecek a{
  text-decoration:underline;
  color:#000000;
}

#drobecek a:hover{
  color:#e4430b;
}

div#pocitacoveSite {
  margin-top:35px;
  margin-left:45px;
}

div#kancelarskaTechnika, div#webdesign {
  margin-top:30px;
  margin-left:45px;
}

h1.home {
  font-weight: bold;
  font-size: 14px;
}

#pocitacoveSite h2 a, #kancelarskaTechnika h2 a, #webdesign h2 a{
  font-weight:bold;
  font-size:34px;
  margin-bottom:7px;
  text-decoration: none;
}

#pocitacoveSite h2{
  color:#e4430b;
}

#kancelarskaTechnika h2{
  color:#0a6cd1;
}

#webdesign h2{
  color:#4a9e11;
}

#pocitacoveSite ul, #kancelarskaTechnika ul, #webdesign ul{
    font-size:15px;
    margin-left:25px;
    line-height:170%;
    color:#393939;
    margin-bottom:7px;
}

#pocitacoveSite li, #kancelarskaTechnika li, #webdesign li {
  margin-bottom: 5px;
}

#pocitacoveSite ul p{
  margin-left: 15px;
}

#pocitacoveSite ul{
    list-style-image:url('grafika/nabidkaSiteLi2.gif');
}

#kancelarskaTechnika ul{
    list-style-image:url('grafika/nabidkaKancelarLi2.gif');
}

#webdesign ul{
    list-style-image:url('grafika/nabidkaWebdesignLi.gif');
}

#pocitacoveSite a{
  color:#e4430b;
  font-size:15px;
}

#kancelarskaTechnika a{
  color:#0a6cd1;
  font-size:15px;
}

#webdesign a{
  color:#4a9e11;
  font-size:15px;
}

#pocitacoveSite a:hover, #kancelarskaTechnika a:hover, #webdesign a:hover{
  color:#000000;
}

#pocitacoveSite hr, #kancelarskaTechnika hr{
  color:#bfbfbf;
  height:1px;
  width:520px;
}

div.hr {
  margin-top:20px;
  margin-bottom:20px;
}

div#paticka {
  width:100%;
  height:120px;
  clear: both;
  background-color:#dbdbdb;
  background-image:url('grafika/patkabg.gif'); 
}

div#kontakty {
  width:500px;
  margin-left:auto;
  margin-right:auto;
}

#kontakty address{
  width:200px;
  margin:20px 10px 10px 10px;
  color:#454545;
  font-style:normal;
  font-size:13px;
  float:left;
}

div#navrcholu {
  display: none;
  width:50px;
}

div.clear {
  clear:both;
}
/* LAYOUT KONEC ----------------------------------------  */



/* POCITACOVE SITE ----------------------------------------  */


div#site-detail {
  margin-top:25px;
  margin-left:45px;
  margin-bottom:60px;
}

div#site-detail p{
  font-size:13px;
  line-height:170%;
  color:#393939;
}


div#site-detail h1 {
  font-weight:bold;
  font-size:35px;
  color:#e4430b;
  margin-bottom:7px;
}

div#site-detail h3 {
  font-weight:bold;
  font-size:25px;
  color:#393939;
  margin-bottom:7px;
  margin-top:25px;
}

div#site-detail h2 {
  font-size:15px;
  font-weight: bold;
  color: #e4430b;
  margin-left:10px;
  margin-top: 10px;
}

div#site-detail h2.bigger {
  font-size:20px;
  margin-top: 10px;
}

div#site-detail h2 a {
  text-decoration: none;
}

div#site-detail ul{
  margin-left:25px;
  line-height:170%;
  color:#393939;
  margin-bottom:7px;
  list-style-image:url('grafika/nabidkaSiteLi2.gif');
}

div#site-detail ul li.no{
  list-style-image: none;
  list-style-type: none;
}


div#site-detail li{
  font-size:15px;
  font-weight: bold;
  color: #e4430b;
}

div#site-detail ul li p{
  font-size:13px;
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 15px;
}

div#site-detail p.margin{
  font-size:13px;
  margin-left: 10px;
  margin-bottom: 15px;
}

div#site-detail a.ceny{
  font-size:18px;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  display: block;
  font-weight: bold;
}

div#site-detail table{
  width: 550px;
  font-size:12px;
  margin-left: 10px;
}

div#site-detail table td.nazev{
  width: 400px;
  background: #ffe0d5;
  padding-left: 10px;
}

div#site-detail table td.cena{
  width: 150px;
  background: #ffb49a;
  padding-left: 10px;
  font-family: "Courier New";
}

div#site-detail table td.celkem{
  border-top: 2px solid #000000;
  background: #ffb49a;
  padding-left: 10px;
  font-weight: bold;
  font-family: "Courier New";
}
div#site-detail table td.sleva{
  background: #c1ffa3;
  padding-left: 10px;
  font-weight: bold;
  font-family: "Courier New";
}



div#site-detail p span.price{
  color: #000000;
  font-size:14px;
  font-weight: bold;
  text-decoration: underline;
  font-family: "Courier New";
}

div#site-detail p{
  font-size:13px;
  margin-bottom: 10px;
}

div#site-detail a{
  text-decoration:underline;
  color:#e4430b;
}

div#site-detail a:hover, div#site-detail strong{
  color:#000000;
}



/* POCITACOVE SITE KONEC ----------------------------------  */


/* KANCELARSKA TECHNIKA ----------------------------------------  */


div#kancelar-detail {
  margin-top:25px;
  margin-left:45px;
  margin-bottom:60px;
}

div#kancelar-detail p{
  font-size:13px;
  line-height:170%;
  color:#393939;
}


div#kancelar-detail h1 {
  font-weight:bold;
  font-size:35px;
  color:#0a6cd1;
  margin-bottom:7px;
}

div#kancelar-detail h3 {
  font-weight:bold;
  font-size:25px;
  color:#393939;
  margin-bottom:7px;
  margin-top:25px;
}

div#kancelar-detail h2 {
  font-size:15px;
  font-weight: bold;
  color: #0a6cd1;
  margin-left:10px;
  margin-top: 10px;
}

div#kancelar-detail h2.bigger {
  font-size:20px;
  margin-top: 10px;
}

div#kancelar-detail h2 a {
  text-decoration: none;
}

div#kancelar-detail ul{
  margin-left:25px;
  line-height:170%;
  color:#393939;
  margin-bottom:7px;
  list-style-image:url('grafika/nabidkaKancelarLi2.gif');
}

div#kancelar-detail ul li.no{
  list-style-image: none;
  list-style-type: none;
}


div#kancelar-detail li{
  font-size:15px;
  font-weight: bold;
  color: #0a6cd1;
}

div#kancelar-detail ul li p{
  font-size:13px;
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 15px;
}

div#kancelar-detail p.margin{
  font-size:13px;
  margin-left: 10px;
  margin-bottom: 15px;
}

div#kancelar-detail a.ceny{
  font-size:15px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}

div#kancelar-detail table{
  width: 550px;
  font-size:12px;
  margin-left: 10px;
}

div#kancelar-detail table td.nazev{
  width: 400px;
  background: #ffe0d5;
  padding-left: 10px;
}

div#kancelar-detail table td.cena{
  width: 150px;
  background: #ffb49a;
  padding-left: 10px;
  font-family: "Courier New";
}

div#kancelar-detail table td.celkem{
  border-top: 2px solid #000000;
  background: #ffb49a;
  padding-left: 10px;
  font-weight: bold;
  font-family: "Courier New";
}
div#kancelar-detail table td.sleva{
  background: #c1ffa3;
  padding-left: 10px;
  font-weight: bold;
  font-family: "Courier New";
}



div#kancelar-detail p span.price{
  color: #000000;
  font-size:14px;
  font-weight: bold;
  text-decoration: underline;
  font-family: "Courier New";
}

div#kancelar-detail p{
  font-size:13px;
  margin-bottom: 10px;
}

div#kancelar-detail a{
  text-decoration:underline;
  color:#0a6cd1;
}

div#kancelar-detail a:hover, div#site-detail strong{
  color:#000000;
}



/* KANCELARSKA TECHNIKA KONEC ----------------------------------  */


/* POPTAVKA ----------------------------------  */

div#poptavka h1 {
  font-weight:bold;
  font-size:30px;
  color:#393939;
  margin-bottom:7px;
}

div#poptavka h2 {
  font-weight:bold;
  font-size:18px;
  color:#393939;
  margin-top:40px;
  margin-bottom:30px;
  _margin-bottom:10px;
}

div#poptavka h2.red {
  margin-top: 0px;
  color:#bd1414;
}

div#poptavka h2.green {
  margin-top: 0px;
  color:#2cbd14;
}

div#poptavka p{
  font-size:13px;
  line-height:170%;
  color:#393939;
}

div#poptavka input.text, div#poptavka textarea, div#poptavka input.kod {
  width:300px;
  border: 1px solid #818181;
  float:left;
  margin-bottom:10px;
  _margin-bottom:0px;
  
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:13px;
  color:#393939;
}

div#poptavka input.kod {
  width:60px;
  margin-bottom:25px;
}

div#poptavka textarea {
  height:150px;
}

div#poptavka input#submit {
  width:100px;
  height:40px;
  float:left;
  margin-left:107px;
  _margin-top:10px;
}


div#poptavka div.label {
  float:left;
  width:100px;
  text-align:right;
  margin-right:7px;
  margin-bottom:7px;
  
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:13px;
  color:#393939;
}



div#poptavka span#kodspan {
  color:#e4430b;
  font-weight:bold;
}

div#poptavka img.ok1, div#poptavka img.no1 {
  margin-left:3px;
  float:left;
}

div#poptavka img.ok1x, div#poptavka img.no1x {
  margin-left:-2500px;
  float:left;
}

/* POPTAVKA KONEC -----------------------------  */


/* KONTAKTY -----------------------------  */

div#kontakty-detail {
  margin-top:35px;
  margin-left:45px;
  margin-bottom:60px;
  padding-bottom: 30px;
}

div#kontakty-detail h1 {
  font-weight:bold;
  font-size:30px;
  color:#393939;
  margin-bottom:7px;
}

div#kontakty-detail h2 {
  font-weight:bold;
  font-size:25px;
  color:#393939;
  margin-bottom:7px;
  margin-top:25px;
  padding-top: 10px;
}

div#kontakty-detail p{
  font-size:13px;
  line-height:170%;
  color:#393939;
  margin-left:2px;
  margin-bottom:10px;
}

div#kontakty-detail address{
  font-size:13px;
  font-style:normal;
  line-height:170%;
  color:#393939;
  margin-bottom:15px;
  margin-left:2px;
}

div#kontakty-detail address.float{
  width: 250px;
  float: left;
  margin-bottom: 30px;
}

div#kontakty-detail address strong{
  font-weight: bold;
  color: #000000;
}

div#kontakty-detail address span.funkce{
  font-style: italic;
  font-size: 11px;
  color: #393939;
  position: relative;
  top: -7px;
}

div#kontakty-detail a{
  text-decoration:underline;
  color:#e4430b;
}

div#kontakty-detail a:hover{
  color:#000000;
}

div#kontakty-detail img.icq {
  margin-left:5px;
  padding-top:1px;
}

/* KONTAKTY KONEC -----------------------------  */

/* WEBDESIGN ----------------------------------------  */


div#webdesign-detail {
  margin-top:35px;
  margin-left:45px;
  margin-bottom:60px;
}

div#webdesign-detail p{
  font-size:13px;
  line-height:170%;
  color:#393939;
}


div#webdesign-detail h1 {
  font-weight:bold;
  font-size:30px;
  color:#4a9e11;
  margin-bottom:7px;
}

div#webdesign-detail h2 {
  font-weight:bold;
  font-size:18px;
  color:#4a9e11;
  margin-bottom:7px;
  margin-top:25px;
}

div#webdesign-detail ul{
  font-size:13px;
  margin-left:25px;
  line-height:170%;
  color:#393939;
  margin-bottom:7px;
  list-style-image:url('grafika/nabidkaWebdesignLi.gif');
}

div#webdesign-detail a{
  text-decoration:underline;
  color:#4a9e11;
}

div#webdesign-detail a:hover{
  color:#000000;
}


/* WEBDESIGN KONEC ----------------------------------  */