/*
Here you can change the width of main table
*/
.table-corners {width:900px}




body {background-image:url(obrazky/bg.png); margin:0px; padding-top:15px; font-family: sans-serif; font-size:15px; color:#222222}
td {vertical-align: top; line-height:20px}
h1 {font-size:22px; font-weight:normal; padding:0px; margin:0px}
h2 {font-size:20px; font-weight:normal; padding:0px; margin:0px}
h3 {font-size:18px; font-weight:normal; padding:0px; margin:0px}
a:link, a:visited {color:#43586d} a:hover {color:#003156}
.main-table {border: 1px solid #FFFFFF; background-color:#FFFFFF; width:100%}
.style1 {font-size: 10px}
.top-img {background-image: url(obrazky/top.jpg); height:296px; padding-left:50px; color:#515a61}
.top-img-yellow {background-image: url("obrazky/top-bg zlte.png"); height:250px; padding-left:50px; color:#515a61}
.top-img-color {background-image: url("obrazky/top-bg farebne.png"); height:250px; padding-left:50px; color:#515a61}
.website-title {font-family: "Trebuchet MS", Arial; color: #515a61; text-align: right; font-size:34px; letter-spacing:-1px;}
.logo {background-image:url(obrazky/logo_farebne2.png);height:250px}
.menu {height:35px; vertical-align:middle; padding-left:10px; padding-right:10px; background-image:url(i/menu-bg.gif)}
.table-corners {width:900px;}
.bg-white {background-color:#FFFFFF}
.corner1 {background-image:url(i/corner1.gif); width:20px; height:20px}
.corner2 {background-image:url(i/corner2.gif); width:20px; height:20px}
.corner3 {background-image:url(i/corner3.gif); width:20px; height:20px}
.corner4 {background-image:url(i/corner4.gif); width:20px; height:20px}
a.menu-link, a.menu-link:visited {background-image:url(i/menu-sep.gif); height:30px; line-height:30px; background-position: right; background-repeat:no-repeat; padding-left:7px; padding-right:14px; padding-top:6px; padding-bottom:6px; font-family: tahoma; font-size:15px; color:#FFF; text-decoration:none; font-weight:bold}
a.menu-link:hover { background-image:url(i/menu-bg_hover.gif); background-position:center; background-repeat:repeat-x; color:#ffffff}
.content {padding-top:25px; padding-left:2px; padding-right:60px; padding-bottom:35px}
.content-right {}
a.made-in {color:#aaaaaa }
.dizajn { 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	padding-left:3px;
	padding-bottom:15px
}
a.menu-right_green, a.menu-right_green:visited { font-size: 18px; line-height:30px; padding-left:20px; text-decoration:none; color:#FDEEF4; background-color:#41A317; width:150px; display:block; border-bottom:#CCCCCC solid 1px}
a.menu-right_green:hover {background-color:#3cc900; color:#FDEEF4}
a.menu-right_yellow, a.menu-right_yellow:visited {font-size: 18px; line-height:30px; padding-left:20px; text-decoration:none; color:#736F6E; background-color:#ffea3d; width:150px; display:block; border-bottom:#CCCCCC solid 1px}
a.menu-right_yellow:hover {background-color:#f8fd67; color:#736F6E}

div.cssFloatMenu { padding-top:60px;}
div.cssFloatMenu a:visited { display:block; border-top: none; 
   background-image:url("obrazky/kocka_coponukame_epoxy.png"); height: 152px; width: 153px; text-decoration: none;}
div.cssFloatMenu a:first-child { border-top: none; }	 	 
div.cssFloatMenu a:hover { background: url("obrazky/kocka_coponukame_epoxy2.png");}

div.cssFloatMenu2 {
   position:relative; top:-38px; height: 124px; }   
div.cssFloatMenu2 a
  { display: block; border-top: none; background-image:url("obrazky/kocka_coponukame_airless.png");background-repeat:no-repeat;
   height: 122px; width: 181px; }
div.cssFloatMenu2 a:first-child { border-top: none; }	 	 
div.cssFloatMenu2 a:visited { text-decoration: none; background: url("obrazky/kocka_coponukame_airless.png");} 
div.cssFloatMenu2 a:hover { background: url("obrazky/kocka_coponukame_airless2.png"); height: 124px; width: 183px;}	

div.cssFloatMenu3 {position:relative;
  top: -78px; height: 184px;}   
div.cssFloatMenu3 a 
  { display: block; border-top: none; background-image:url("obrazky/kocka_coponukame_special.png"); background-repeat:no-repeat;
  height: 181px; width: 181px; }
div.cssFloatMenu3 a:first-child { border-top: none; }	 	 
div.cssFloatMenu3 a:visited { text-decoration: none; background: url("obrazky/kocka_coponukame_special.png");} 
div.cssFloatMenu3 a:hover { background: url("obrazky/kocka_coponukame_special2.png"); height: 184px; width: 183px;}	

div.cssFloatMenu4 { position:relative;
  top: -118px;  padding-left:29px; height: 125px;}   

div.cssFloatMenu4 a{display: block; border-top: none; 
   background-image:url("obrazky/kocka_coponukame_ostatne.png");background-repeat:no-repeat; height: 123px; width: 123px; }
div.cssFloatMenu4 a:first-child { border-top: none; }	 	 
div.cssFloatMenu4 a:visited { text-decoration: none; background: url("obrazky/kocka_coponukame_ostatne.png");} 
div.cssFloatMenu4 a:hover { background: url("obrazky/kocka_coponukame_ostatne2.png"); height: 125px; width: 125px;}

div.cssFloatMenuB { padding-top:60px;}
div.cssFloatMenuB a:visited { display:block; border-top: none; 
   background-image:url("obrazky/kocka_predstavenie.png"); height: 152px; width: 153px; text-decoration: none;}
div.cssFloatMenuB a:first-child { border-top: none; }	 	 
div.cssFloatMenuB a:hover { background: url("obrazky/kocka_predstavenie2.png");}

div.cssFloatMenu2B {
   position:relative; top:-38px; height: 124px; }   
div.cssFloatMenu2B a
  { display: block; border-top: none; background-image:url("obrazky/kocka_referencie.png");background-repeat:no-repeat;
   height: 122px; width: 181px; }
div.cssFloatMenu2B a:first-child { border-top: none; }	 	 
div.cssFloatMenu2B a:visited { text-decoration: none; background: url("obrazky/kocka_referencie.png");} 
div.cssFloatMenu2B a:hover { background: url("obrazky/kocka_referencie2.png"); height: 124px; width: 183px;}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
top: -20px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */