/*colors*/
/*
tmavo modra: #0c6c95
stredne tmavo modra: #499dc1
zelena: #60b649
*/
/*special fonts*/
@font-face {
    font-family: "Diavlo";
    src: url(fonty/diavlo.otf) format("truetype");
}

@font-face {
    font-family: "Diavlo";
    font-weight: bold;
    src: url(fonty/diavlob.otf) format("truetype");
}
h2,.blok h3{font-family:"Diavlo",Verdana;font-weight:bold;}

/*reset*/
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code,blockquote,#left dd p {margin:0;padding:0;}
ul {list-style-type:none;}
h2 {margin:1em 0 1em 0;font-size:2.5em;letter-spacing:1px;}
h3 {color:#60b649;}
h4 {margin: 3em 0 1em 0;background: url(images/zarovka.png) left center no-repeat;font-size:1em;padding-left:20px;}
h5 {font-size:1em; margin:2em 0 0 0;}
    h5 strong {color: #7eaa3e;font-size:1.5em;font-style:italic;}
img{border:0;}
form {margin-top:2em;}
    label {font-weight:bold;}
    input[type="text"],textarea {width:300px;border:1px solid #6c6c6c;padding:0.5em;background: white url(images/input.gif) repeat-x}
    #odoslat {width:210px;height:43px;border:none;background: url(images/odslat.png) no-repeat;text-indent:-9999em;}
table {border-collapse:collapse;margin:1em 0;}
    table td {padding:0.5em;}
    td.sluzba a {font-weight:normal;}
hr {visibility:hidden; margin-bottom:1em;}
a {color: #60b649;}
    a.ext {background:url(images/ext.png) right top no-repeat;padding-right:14px;}
a:hover {text-decoration:none;}
ol {font-size: 2em; color: #0a93fc;margin-top:0;padding-top:0;}
    ol span {font-size:12px;color: #2c2c2c;}
    ol li {margin-bottom:0.2em;list-style-type:decimal;}
/*layout*/
body {
        text-align:center;
        margin:0;
        background:#fafafa url(images/back.jpg) center top no-repeat;
        color: #2c2c2c;
        font:76% Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
}
#container {
        width:960px;
        margin:auto;
        text-align:left;
}
#hidden_links {
        display:none;
     }
#content {
        position:relative;
        line-height:1.5em;
}  
#left {
        width:620px;
        float:left; 
        line-height:1.6em; 
        min-height:600px;    
}
    #left h3 {font-size:110%;display:inline;line-height:1.8em;}
    #left h3 a img {text-decoration:none;margin-right:1em;}
ul.list {margin-left:0;}    
ul.list li,#left ul li {background: url(images/li.gif) left 6px no-repeat;padding-left:1.5em;margin-bottom:0.4em;margin-left:0;}
#right {
        position:absolute;
        padding-top:2em;
        width:300px;
        top:0px;
        right:0px;
        font-size:90%;
}
  #right .blok {background: url(images/blok.png) no-repeat;padding:1em 2em 1em 1.5em;margin-bottom:2em;}
  #right .blok h3 {font-size:140%;margin-bottom:0.6em;}
  #right .blok p{line-height:20px;}
  #right img {padding:4px;margin-left:-10px;width:275px;height:280px;}
  #right li {margin-left:1.5em;}
#footer {
        clear:both;
        background: url(images/pata.png) center top no-repeat;
        text-align:center;
        font-size:90%;
        margin-top:20px;
}
#footer_content {
        width:960px;
        position:relative;
        height:120px;
        margin:auto;
        text-align:left;
        color:#fafafa;
}
  #footer_content div,#footer_content address {position:absolute;top:45px;left:220px;display:block;width:200px;line-height:1.4em;padding:0;}
  #footer_content div {font-weight:bold;left:0px;}
  #footer_content a {color:#fafafa;}
#header {
        position:relative;
        height:97px;
}
    #header h1 {height:40px;width:175px;position:absolute;top:10px;left:0px;text-indent:-9999em;}
    #header h1 span {background:url(images/marmio.png) no-repeat;height:40px;width:175px;display:block;}
    #header h1 a {display:block;overflow:hidden;height:40px;width:175px;}
    #header img {display:none;}
    #header strong {position:absolute;bottom:33px;left:0px;font-size:90%;color:#fafafa;}
#subheader {
        height:121px;
        position:relative;
}
    #subheader #quickcontact {width:270px;display:block;position:absolute; top:8px;right:20px;font-size:110%;font-weight:bold;line-height:1.5em;color:#fafafa;}
    #subheader #quickcontact li {margin:0.5em 0;text-shadow:1px 1px 1px #2a719d;padding-left:30px;}
               #quickcontact li.posta {background:url(images/mail.png) left center no-repeat;}
               #quickcontact li.tel {background:url(images/tel.png) left center no-repeat;}  

#menu {position:absolute; right:0px;top:17px;}
#menu ul li {float:left;list-style:none;}
#menu ul li.back {position:absolute;z-index:5;height:30px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background:url(images/hover.gif) repeat-x;border:solid 1px #0e81b5;}
#menu a {text-align:center;z-index:10;position:relative;font-weight:bold;text-transform: uppercase;text-decoration:none;float:left;margin:0 1.5em;color:#fafafa;display:block;text-shadow:1px 1px 1px #0e81b5;line-height:31px;outline:none;}
#menu a:hover {color:white;}
#menu a em {display:none;}
/*obsah*/
#left dl#form dd.reset {height:10px;}
#left dt {float:left;width:150px;margin:0;padding:0;}
#left dd {margin:0;padding:0;border-left:1px dashed #60b649;float:right;width:420px;padding-left:20px;}
#left dd.reset {float: none; margin: 0; height: 35px;border:none;}
  .col {width:295px;float:left;}
  #lavy {margin-right:30px;}


/*sluzby*/
#sluzby {width:620px;height:121px;display:block;position:relative;}
#sluzby li a {color:#fafafa;height:121px;position:absolute;top:0;width:215px;overflow:hidden;text-indent:-9999em;}
  #sluzby li a.webdesign {background: url(images/tlacitko1.png) left 0px no-repeat;z-index:2;left:0;}
  #sluzby li a.shop {background: url(images/tlacitko2.png) left 0px no-repeat;z-index:3;left:160px;}
  #sluzby li a.cms {background: url(images/tlacitko3.png) left 0px no-repeat;z-index:4;left:315px;}
  #sluzby li a.seo {background: url(images/tlacitko4.png) left 0px no-repeat;z-index:5;left:470px;width:170px;}
  #sluzby li a:hover {color:#ededed;text-decoration:underline;background-position: left -121px;}
  
/*special*/
.reset {clear:both;}
.button {margin-top:2em;text-indent:-9999em;overflow:hidden;width:260px;height:43px;display:block;}

#analyza {background:url(images/button.png) left 0px no-repeat;}
#analyza:hover {background-position:left -43px;}
#cennik tr {padding-bottom:20px;border-bottom:1px dashed #6c6c6c;}
#cennik .cena {font-weight:bold;padding-left:5em;text-align:right;}
#slider {margin-top:3em;position:relative;} #slider a {position:absolute;bottom:15px;right:6px;z-index:20;font-weight:bold;background:#fafafa;padding:0.4em;}
.referencia span a{font-weight:bold;text-decoration:none;}.referencia span a:hover {text-decoration:underline;}
.referencia {width:295px;margin:1em 8px 3em 0;float:left;text-align:center;}
.refe {padding:1px;border:1px solid #faded0;margin:1em 0 1em 0;}
.referencia img,#gallery img {padding:1px;border:1px solid #faded0;}
#gallery {float:left;margin:1em 0;overflow:hidden;margin-right:-15px;}
.ikona {float:left;margin:0 1.2em 0 0;}
.chyba {color:red;display:block;margin:0.5em 0;}
.bar{display:none;background: url(images/lightbox-ico-loading.gif) no-repeat;margin-left:20px;margin-top:50px;height:20px;width: 230px;}
.odoslane {color:#7eaa3e;display:block;padding:1em;}