@CHARSET "UTF-8";    
/* CSS Document */
* {
padding: 0;
margin: 0;
} 

body {
background: #ffffff url(../img/bg_online2.jpg) no-repeat center top;
font-family: Arial, Verdana, sans-serif; /*font-family: Tahoma, "Arial CE", Arial, Helvetica, Verdana;*/
font-size: 11px;
line-height: 18px;
color: #000f0f; /* #4a4a4b */
padding: 0;
margin: 0;
}


img { border: none; }
img.color {border: 1px solid #cec;}


a { text-decoration: none; color: #0C006F; }
a:hover { color: #cf0000; text-decoration: underline;}
a.more:link { color: #064065; text-decoration: none; padding-bottom:3px; padding-left: 15px; background: url("../img/arrow_more.gif") left center no-repeat; background-color: transparent; text-decoration: none;}
h3 { border-bottom: 1px solid #efe; color: #F0A848; padding: 5px 0 5px 10px; }
h3 a { color: #3090F0; }
h3 a:hover { color: #F0A848;  }
h4 {padding: 5px 0 5px 10px; color: #064065; background: #fff url(img/hb.gif) repeat-x;}

.line_dotted {
margin-left:10px;
background: url(../img/line_dotted.gif) no-repeat;
}

#wrap {
background: #ffffff url(../img/bg_wrap.gif) repeat-y;
margin-top:0px;
margin: 0 auto;
width: 970px;
border:0px solid #333333;
}

#header {
width:950px;
height:115px;
margin-left:10px;
margin-bottom:5px;
background: #16531F url("../img/img_menu_bg1.gif") repeat-x;
}
#header h1 { float:inherit; color: #ffffff; text-transform: uppercase; padding: 0px 0 0 10px; font-size: 20px; font-weight: bold; letter-spacing: 2px; }
#header h2 { padding: 0 0 0 30px; font-size: 19px; color: #333; font-weight: 100; }

#header_logo {
display:block;
width:233px;
height:60px;
margin-left:10px;
}

#produktmenu_container {
display:block;
position:relative;
width:950px;
height:220px;
margin-top:5px;
margin-left:10px;
background: #ffffff url(../img/bg_produktmenu9.jpg) no-repeat;
} 

#produktmenu_box {
float:left; 
margin-top:5px;
margin-left:0px;
width:338px;
}

#produktmenu_box h2 { padding: 0 0 0 0px; font-size: 18px; color: #000000; font-weight: 100; }

#produktmenu_image { 
float:left; 
margin-top:2px;
margin-right:0px;
width:610px;
height:216px;
}

#produktmenu_gallery h2 {padding-top:20px; padding-left:20px; font-family: Helvetica, Sans-Serif; font-size: 25px; letter-spacing: -1px; line-height: 29px; color: #ac0000;}
#produktmenu_gallery p { display:block; list-style: none; line-height: 22px; width: 200px; margin-top:15px; margin-left:20px;  color: #333; font-size: 12px; font-weight:bolder;}

#content { 
padding-left: 0px; 
padding-right: 10px;
padding-bottom: 10px;  
background: url(img/bg_wrap.gif) repeat-y;
}

#contentleft {
float: left;
}

#contentleftbox {
float:left;
width : 440px;
margin-left:12px;
border: 1px solid #d9d9d9; 
padding: 0 0px 5px 0px;
text-align: justify;
}

#contentleftbox h2 {font-size: 13px; font-weight:bolder; background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; color: #175F34; padding: 5px 0 5px 10px; }
#contentleftbox h2.produkt { background:none; font-size: 13px; font-weight:bolder; color: #175F34; padding: 5px 0 5px 10px; border-bottom:0px;}
#contentleftbox h2.produkt a { color: #175F34; text-decoration:none;}
#contentleftbox h2.produkt a:hover { color: #175F34; text-decoration:underline;}

#contentleftbox h3 {font-size: 13px; font-weight:bolder; background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; color: #175F34; padding: 5px 0 5px 10px; }

#contentleftbox h4 {font-size: 12px; padding: 5px 0 5px 10px; color: #064065; background: #fff url(img/hb.gif) repeat-x;}
#contentleftbox h5 {padding: 5px 0 5px 10px; color: #6F6F6F; background: #fff; font-family:"MS Sans Serif";}
#contentleftbox p {padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}
#contentleftbox p.title {padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}

#contentleftbox_referencie {
float:left;
width : 940px;
margin-left:12px;
border: 1px solid #999999; 
padding: 0 0px 5px 0px;
text-align: justify;
}

#contentleftbox_referencie h3 {
background:url("../img/bg_nadpis.gif") repeat-x; 
border-bottom: 1px solid #ccc; 
color: #175F34; 
padding: 5px 0 5px 10px; }

#contentleftbox_referencie table {
background:#ffffff;
margin-left:5px; 
border:1px solid #efefef; 
border-collapse:collapse;
}

#contentleftbox_referencie td {
border: 1px solid #d9d9d9; 
}

#contentleftbox table.title {
width:140px;
float:right;
background:none;
margin-right:5px; 
border-collapse:separate;
text-align:center;
}
#contentleftbox table.title td {
background:none;
border: 1px solid #777999; 
padding: 2px 2px 2px 2px;
}
#contentleftbox table.title td.gallery_img {
text-align:left;
font-size:10px;
font-weight:bold;
color:#ffffff;
padding: 2px 2px 2px 2px;
border:none;
border: 1px solid #777999; 
}
#contentleftbox table.title td.gallery {
text-align:left;
font-size:10px;
font-weight:bold;
color:#ffffff;
padding: 2px 2px 2px 2px;
border:none;
}
#contentleftbox table.title td.gallery a {
text-align:left;
font-size:10px;
font-weight:bold;
color:#444444;
padding: 2px 2px 2px 5px;
border:none;
}
#contentleftbox table.title td.gallery a:hover {
text-align:left;
font-size:10px;
font-weight:bold;
color:#444444;
padding: 2px 2px 2px 5px;
border:none;
}
/* contentleft_productbox */

#contentleft_productbox {
float:left;
width : 760px;
background:#8f8f8f;
margin-left:12px;
border: 1px solid #d9d9d9; 
padding: 0 0px 0px 0px;
text-align: justify;
}
#contentleft_productbox h2 {font-size: 13px; font-weight:bolder; background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; color: #175F34; padding: 5px 0 5px 10px; }
#contentleft_productbox h2.produkt { background:none; font-size: 13px; font-weight:bolder; color: #175F34; padding: 5px 0 5px 10px; border-bottom:0px;}
#contentleft_productbox h3 {font-size: 13px; font-weight:bolder; background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; color: #175F34; padding: 5px 0 5px 10px; }

#contentleft_productbox h4 {font-size: 12px; padding: 5px 0 5px 10px; color: #064065; background: #fff url(img/hb.gif) repeat-x;}
#contentleft_productbox h5 {padding: 5px 0 5px 10px; color: #6F6F6F; background: #fff; font-family:"MS Sans Serif";}
#contentleft_productbox p {padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}
#contentleft_productbox p.opis {width:550px; padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}
#contentleft_productbox p.title {padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}

#contentleft_productbox table.sortiment {
width:700px;
font-size:11px;
text-align:inherit;
background:#ffffff;
margin-left:15px; 
border-collapse:separate;
}
#contentleft_productbox table.sortiment td {
background:#ffffff;
border: 1px solid #777999; 
padding: 2px 2px 2px 2px;
}

/* contentleft_menubox */

#contentleft_menubox {
float:left;
display:block;
width : 160px;
height: 300px;
margin-left:0px;
background: #8f8f8f;
padding: 0 0px 5px 0px;
}

/* contentleft_middlebox */

#contentleft_middlebox {
float:left;
width : 594px;
background:#ffffff;
margin-left:0px;
padding: 0 0px 0px 5px;
text-align: justify;
border-left:1px solid #D9D9D9;
}
#contentleft_middlebox h2 {font-size: 13px; font-weight:bolder; background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; color: #175F34; padding: 5px 0 5px 10px; }
#contentleft_middlebox h2.produkt { background:none; font-size: 13px; font-weight:bolder; color: #175F34; padding: 5px 0 5px 10px; border-bottom:0px;}
#contentleft_middlebox h2.green {display:block; width:580px; height:22px; margin-left:0px; margin-bottom:5px; font-size: 12px; padding: 5px 0 5px 10px; color: #ffffff; background: #16531F;}
#contentleft_middlebox h3 {font-size: 13px; font-weight:bolder; background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; color: #175F34; padding: 5px 0 5px 10px; }
#contentleft_middlebox h4 {font-size: 12px; padding: 5px 0 5px 10px; color: #064065; background: #fff url(img/hb.gif) repeat-x;}
#contentleft_middlebox h5 {padding: 5px 0 5px 10px; color: #6F6F6F; background: #fff; font-family:"MS Sans Serif";}
#contentleft_middlebox p {padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}
#contentleft_middlebox p.opis {width:550px; padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}
#contentleft_middlebox p.title {padding: 5px 10px 5px 10px; text-align:inherit; color:#444444;}

#contentleft_middlebox .product {
display:block;
float:left;
width : 580px;
height:140px;
margin-bottom:3px;
background:#666666;
}

#contentleft_middlebox table.product {
width:290px;
height:140px;
background:#ffffff;
margin-left:0px; 
border:1px solid #D2D2D2;
}
#contentleft_middlebox table.product h4 {
font-size: 12px; padding: 5px 0 5px 10px; color: #175F34;
background: none;
}
#contentleft_middlebox table.product td.text {
background:#ffffff;
border-bottom: 1px solid #D2D2D2; 
padding: 2px 2px 2px 2px;
font-size:11px;
text-align:justify;
}
#contentleft_middlebox .img_product {
border:1px solid #999999;
}

/* contentmiddle */
#contentmiddle {
float: left;
}
#contentmiddlebox {
float:left;
width : 312px;
border: 1px solid #d9d9d9; 
margin: 0px 0px 5px 5px;	
padding: 0 0px 0px 0px;
text-align: left;
background:#ffffff;
}
#contentmiddlebox h2 {
font-size: 13px; 
font-weight:bolder; 
background: #16531F url(../img/bg_onlinedopyt.gi) repeat-x;	
/* background:url("../img/bg_nadpis.gif") repeat-x; */
border-bottom: 1px solid #ccc; 
/* color: #175F34; */
color: #ffffff;
padding: 5px 0 5px 10px; }

#contentmiddlebox h3 {
background:url("../img/bg_nadpis.gif") repeat-x; border-bottom: 1px solid #ccc; 
color: #175F34; 
padding: 5px 0 5px 10px; 
font-size: 13px; 
font-weight:bolder; 
}
#contentmiddlebox h4 {
font-size: 12px; 
padding: 5px 0 5px 10px; 
color: #064065; 
background: #fff url(img/hb.gif) repeat-x;
}

#contentmiddlebox h5 {
font-size: 11px; 
padding: 5px 0 5px 10px; 
color: #770000; 
background: #fff url(img/hb.gif) repeat-x;
}

#contentmiddlebox p {
padding: 5px 10px 5px 10px; 
text-align:justify;
font-size:11px;
}

#contentmiddlebox table {
border-collapse:separate; 
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #999999;
width:100%;
}
#contentmiddlebox table.grey{
border-collapse:separate; 
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #999999;
background:url(../img/bg_table_sortiment.gif) repeat-x;
}

#contentmiddlebox td.text{
padding-left:5px;
padding-right:5px;
text-align:justify;
}
#contentmiddlebox td.nazov{
border-bottom: 0px solid #9f9f9f;
}

#contentmiddlebox .img_produkt{
border: 1px solid #999999;
}

/* contentright */
#contentright {
float: left;
width: 185px;
}
#contentright h2 {
margin-left: 5px ;
padding: 6px 0 6px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #16531F url(../img/bg_onlinedopyt.gi) repeat-x;	
}
#contentrightbox {
border: 1px solid #d9d9d9; 
margin-left: 5px ;
margin-top: 5px ;	
text-align: justify; 
}

#contentrightbox a.more { color: #064065; text-decoration: none; padding-bottom:3px; padding-left: 15px; background: url("../img/arrow_more.gif") left no-repeat; background-color: transparent; text-decoration: none;}
#contentrightbox a.more:hover { color: #064065; text-decoration: none; padding-bottom:3px; padding-left: 15px; background: url("../img/arrow_more.gif") left no-repeat; background-color: transparent; text-decoration: none;}

/* infobox */

#infobox {
display:block;
float:left;
width:954px;
margin-top:10px;
margin-left:8px;
background:none;
color: #444444;
text-align: left;
border-bottom: 1px solid #d9d9d9; 
border-right: 1px solid #d9d9d9; 
}
#infobox h2 {
padding: 11px 0 14px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
border-right: 0px solid #ccc; 
border-left: 0px solid #ccc; 
}
#infobox h4 {
background:url("../img/bg_nadpis.gif") repeat-x; 
border-bottom: 1px solid #ccc; 
color: #175F34; 
font-size: 12px;
text-align: left;
padding: 5px 0 5px 5px; 
}
#infobox p {
text-align:left;
padding: 5px 5px 5px 5px; 
}
.infobox {
float:left;
width:195px;
height:210px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999; 
margin: 0 0 0px 0px;	
padding: 0px 0 0px 0px;
}
.infobox_partneri {
float:left;
width:361px;
height:210px;
border-left: 1px solid #d9d9d9; 
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;  
margin: 0 0 0px 0px;	
padding: 0px 0 0px 0px;
}
#infobox .datum {
color: #177F69;
position: relative;
/*float: left;*/
width: 150px;
padding-left:5px;
/*border: 1px solid black;*/
}

#infobox a.more { color: #064065; text-decoration: none; padding-bottom:3px; padding-left: 15px; background: url("../img/arrow_more.gif") left center no-repeat; background-color: transparent; text-decoration: none;}
#infobox a.more:hover { color: #064065; text-decoration: none; padding-bottom:3px; padding-left: 15px; background: url("../img/arrow_more.gif") left center no-repeat; background-color: transparent; text-decoration: none;}
#infobox a.referencie {letter-spacing:1px; text-decoration:none; font-size: 11px; color:#AACF9B; padding-left:10px; background: url("../img/arrow_menu1.gif") no-repeat left; } 
#infobox a.referencie:hover {letter-spacing:1px; color: #ffffff; padding-left:10px; background: url("../img/arrow_menu2.gif") no-repeat left ;  }

#footer {
height: 55px;
line-height: 40px;
background: url(../img/footer.gif) no-repeat;
color: #444;
text-align: left;
}
#footer p { float:left; margin-left:30px; color: #646464; }
#footer p.aktualizacia { float:right; margin-right:30px; color: #646464; }
#footer a { color: #008800; }
#footer a:hover { color: #333; }


	
div.spacer
{
	clear: both; line-height:0px; font-size:0px;
}

/*gallery*/
.img_gallery {
width:120px;
height:100px;
padding:3px;
}
.table_gallery {
	border: 0px solid #888888;
	border-collapse: collapse;
	text-align:center;
 
}
.table_gallery .tr_gray {background:#efefef; border: 1px solid #ccc; color: #333; padding: 0px 0 0px 0px; }

.table_gallery td { border: 1px solid #ccc; color: #333;}

/*table cenniky */
.table_cennik_garazove {
	margin:3px;
	border: 1px solid #888888;
	border-collapse: collapse;
	text-align:center;
}
.table_cennik_garazove .tr_gray { background:#efefef; border: 1px solid #ccc; color: #333; padding: 0px 0 0px 0px; }

.table_cennik_garazove td { border: 1px solid #ccc; color: #333;}

/*table dopyt */
.table_dopyt {
	margin-left:3px;
	border: 0px solid #888888;
	border-collapse: collapse;
	text-align: left;
	
}
.table_dopyt tr { }

.table_dopyt td {padding:5px; border: 0px solid #ccc; color: #333;}

label
{
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

input 
 {
background-color:#FFFFFF;
border:1px solid #175F34;
color:#333333;
font-family:Arial,Helvetica,Verdana,Geneva;
font-size:11px;
font-style:normal;
font-weight:normal;
height:14pt;
line-height:14px;
text-align:left;
width:170pt;
}

input.red
 {
background-color:#FFFFFF;
border:1px solid #cc0000;
color:#333333;
font-family:Arial,Helvetica,Verdana,Geneva;
font-size:11px;
font-style:normal;
font-weight:normal;
height:14pt;
line-height:14px;
text-align:left;
width:170pt;
}

.submit
{
margin-left: 4.5em;
width:50pt;
height:20pt;
text-align:center;
cursor:pointer;
color: #ffffff;
background: #175F34;
border: 0px solid #ffffff 

} 
textarea  {
background-color:#FFFFFF;
border:1px solid #cc0000;
color:#333333;
font-family:Arial,Helvetica,Verdana,Geneva;
font-size:11px;
font-style:normal;
font-weight:normal;
height:56pt;
line-height:14px;
text-align:left;
width:170pt;
}


a.info {
position: relative;
cursor:hand;
}

a.info span {
display: none;
cursor:hand;
}

a.info:hover span {
position: absolute;
top: -10em;
left: 6em;
width: 150px;
padding: 10px;
display: block;
color:#222222;
border: 1px solid #ccc;
background: #ffffff;
z-index:1;
text-align:left;
cursor:hand;
}

/* Don't expect to write standards code for IE. ;) */
a.info:hover {
cursor:hand;
  font-size: 100%;
	z-index:1;
}