html, body{margin:0;padding:0;text-align:center} 
body {background-image: url("patt2.jpg"); background-repeat: repeat-xy;font-family:Tahoma,sans-serif;font-size:62.5%;padding-top:5px;padding-bottom:10px;}

#pagewidth{background:transparent url(images/bg.png) bottom left repeat-x;width:938px;height:973px;text-align:left;margin-left:auto;margin-right:auto} 
 
#header{position:relative;height:249px;width:100%}

#leftcol{width:222px;float:left;position:relative;margin-top:-12px}
#leftcol{//margin-top:-20px}
 
#maincol{float:right;display:inline;position:relative;width:716px;text-align:left;margin-top:-10px}
#maincol{//margin-top:-27px}
#m_inner {width:652px;margin:0 auto;}
#text{background:url(images/text_bg.png) top left repeat;font-size:10pt;height:500px;margin-bottom:10px;padding:10px;overflow:auto;text-align:justify;color:#fff}
#footer{text-align:center;color:#fff;border-top:1px solid #9ca5b1;clear:both} 

/*links*/
a {color:#cc0000;text-decoration:underline}
a:hover {color:#cc0000;text-decoration:underline}
a:active {color:#fff;text-decoration:underline}
a:visited {color:#cc0000;text-decoration:underline}
img {border:none}
img a{border:none}

/* menu */
#leftcol ul.menu {background:transparent url() no-repeat;height:309px;padding-left:45px;margin-bottom:84px;background-position:41px 0}
#leftcol ul.menu {//background-position: 0 0;//padding-left:4px}
#leftcol ul.menu a {width:100%;height:auto;display:block}
#leftcol ul.menu li {list-style:none}
/* replacing links with images */
#leftcol a.onas {padding:28px 0 0 0;overflow:hidden;background-image:url(images/o-nas.png);background-repeat:no-repeat;height:0px !important;height /**/:28px}
#leftcol a:hover.onas {background-image:url(images/o-nas_hover.png)}
#leftcol a.sluzby {padding:42px 0 0 0;overflow:hidden;background-image:url(images/sluzby.png);background-repeat:no-repeat;height:0px !important;height /**/:42px}
#leftcol a:hover.sluzby {background-image:url(images/sluzby_hover.png)}
#leftcol a.novinky {padding:42px 0 0 0;overflow:hidden;background-image:url(images/novinky.png);background-repeat:no-repeat;height:0px !important;height /**/:42px}
#leftcol a:hover.novinky {background-image:url(images/novinky_hover.png)}
#leftcol a.cennik {padding:42px 0 0 0;overflow:hidden;background-image:url(images/cennik.png);background-repeat:no-repeat;height:0px !important;height /**/:42px}
#leftcol a:hover.cennik {background-image:url(images/cennik_hover.png)}
#leftcol a.eshop {padding:42px 0 0 0;overflow:hidden;background-image:url(images/eshop.png);background-repeat:no-repeat;height:0px !important;height /**/:42px}
#leftcol a:hover.eshop {background-image:url(images/eshop_hover.png)}
#leftcol a.ref {padding:42px 0 0 0;overflow:hidden;background-image:url(images/referencie.png);background-repeat:no-repeat;height:0px !important;height /**/:42px}
#leftcol a:hover.ref {background-image:url(images/referencie_hover.png)}
#leftcol a.kontakt {padding:42px 0 0 0;overflow:hidden;background-image:url(images/kontakt.png);background-repeat:no-repeat;height:0px !important;height /**/:42px}
#leftcol a:hover.kontakt {background-image:url(images/kontakt_hover.png)}

/* news */
#leftcol ul.news {background:transparent url(images/news.png) no-repeat;height:292px;padding-left:50px;padding-top:10px;background-position:41px 0;font-size:8pt;overflow:hidden}
#leftcol ul.news {//background-position: 0 0;//padding-left:9px}
#leftcol ul.news li {list-style:none;width:90%; color:#fff} 

/* latest works */
ul#last_work_box {list-style:none;display:block;width:700px}
ul#last_work_box li {list-style:none;float:left; margin-left:-37px;width:29%}

/* footer */
#footer a {color:#9ca5b1;text-decoration:none}
#footer a:hover {color:#9ca5b1;text-decoration:underline}

/* headings */
h2 {display:inline;font-size:10pt;font-family:Tahoma,sans-serif;letter-spacing:0.2em;color:#cccccc;font-weight:strong;margin-bottom:3px}
h2.outer {margin-left:-9px}
/* header image replacement */
#header h1 {padding:249px 0 0 0;overflow:hidden;background-image: url(images/logo.png);background-repeat:no-repeat;height:0px !important;height /**/:249px}

 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }