/*
	TABLE OF CONTENTS


*/

/*----------------------------------------------- RESET ------------------------------------------------*/
*{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;}
a img{border:0px solid #fff;}
ul,li{list-style:none;}

/*-----------------------------------------------GENERAL TAGS-----------------------------------------*/
html{font-size:100.01%;}
body{font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;font-size:13px;background:url('../images/bgr.jpg');text-align:center; color:#333333; height: 100% !important;position: relative;}

.center p{line-height:23px; padding-bottom:26px; color:#5b5b5b;}
.center .footer p{line-height:19px; padding-bottom:0px; font-size:12px; color:#666666;}
.center .footer p strong{color:#343434;}
.invisible{display:none !important;}
.fright{float:right;display:block; width:49%;}
.fleft{float:left;display:block;width:50%;}
.clear{clear:both !important;display:block;}
.border{display:block; height:18px; width:945px; border-bottom:1px solid #d6d6d6; clear:both; margin-bottom:10px;}

h2{font-size:25px; font-family:chapparalpro,times new roman;font-weight:normal; color:#343434; padding:0px 0 22px 0; clear: both;}
h3{font-size:15px; color:#333333;font-weight:normal;}
h4{font-size:22px; font-family:chapparalpro,times new roman; font-weight:normal;padding:18px 0 15px 0;color:#343434;}

.center{width:990px;margin:0 auto 0 auto;position:relative;text-align:left;}
.ribbon{width:100%;background:url('../images/ribbon.gif') 0px 186px repeat-x;}
.background{width:100%;background:url('../images/background.jpg') top no-repeat;position: relative;}
.topcorner{background:url('../images/topcorner.png') no-repeat;}
.bottomcorner{background:url('../images/bottomcorner.png') right bottom no-repeat;position: absolute; bottom: 0px;right: 0px; width: 106px; height: 106px;}
.logo{width:130px;top:68px;position:absolute;height:43px;background:url('../images/logo.png') top no-repeat;text-indent:-3000px;}
.tel{width:231px;top:55px;right:0;position:absolute;height:51px;display:block;background:url('../images/tel.png') top no-repeat;text-indent:-3000px;}
.slogan{width:990px;top:237px;position:absolute;height:53px;background:url('../images/slogan.png') top no-repeat;text-indent:-3000px;}
.slogan2{width:990px;top:222px;position:absolute;height:73px;background:url('../images/slogan2.png') top no-repeat;text-indent:-3000px;}

.header{height:392px; margin-bottom: 16px;}

.menu{height:56px;right:0px;top:151px;position:absolute;}
.menu li{float:left;margin-left:2px;}
.menu a{float:left;display:block;position:relative;height:35px;width:142px;}
.menu a span{display:block;height:35px;width:142px;position:absolute;top:0px;left:0px; background-position: left top;}
.menu a:hover span{background-position:left bottom;}
.menu .hover span{background-position:left bottom;}

.tatransky span{background:url('../images/tatransky.jpg') top no-repeat;}
.drevena span{background:url('../images/drevena.jpg') top no-repeat;}
.zrub span{background:url('../images/zrub.jpg') top no-repeat;}
.ine span{background:url('../images/ine.jpg') top no-repeat;}

.tatransky .act{background:url('../images/tatransky_act.jpg') no-repeat;}
.drevena .act{background:url('../images/drevena_act.jpg') no-repeat;}
.zrub .act{background:url('../images/zruba.gif') no-repeat;}
.ine .act{background:url('../images/ine_act.jpg') no-repeat;}


.menu .act{height:56px;}




.product{display:inline;float:left;width:495px;position:relative;margin-bottom: 60px;}
.product dl{display:block;float:left;padding-left:18px;}
.product p{display: block; width: 275px; float: right;}
.product dt{display:block;float:left;width:75px;display:block;clear:both;margin-bottom:13px;}
.product dd{display:block;float:right;color:#666666;width:190px;margin-bottom:13px;}
.product dd b{color:#3d3d3d}
.product h3{background: url('../images/h3.png') right no-repeat;display:block;float:left;width:360px;height:41px;line-height:43px;text-indent:17px;position: relative; margin-bottom: 4px;}
.product img{float:left;margin:0 0 0 10px;width:100px;}


.hint{text-align: center; line-height: 28px; color: white;  display: none; position: absolute;top: -35px;left: 50px;height:40px;width: 223px; font-size: 11px; text-indent: 0; background:url('../images/hint.png') no-repeat;z-index:60 !important;}
.showhint .hint{display: block !important;}
.product h3:hover .hint{display: block !important;}
.cover{background:url('../images/cover.png') no-repeat;z-index:50 !important;color:blue;display:block;top:0px;left:0px;width:120px;height:161px;position:absolute;}

.pagination{width:100%;text-align:center;clear:both;}
.pagination span{height:9px;width:9px;overflow:hidden;line-height:9px !important;display:inline-block;cursor: pointer; margin:40px 6px 40px 5px;background:url('../images/dot.jpg') no-repeat;}
.pagination .hover{background:url('../images/dot.jpg') left -9px no-repeat;}
.pagination .act{background:url('../images/dot.jpg') left -9px no-repeat;}

.leftarrow{background:url('../images/leftarrow.jpg') top no-repeat;display:block;margin-top:75px;width:44px;height:72px;float:left;cursor:pointer;}
.leftarrow:hover{background-position:bottom;cursor:pointer;}
.leftarrowhover{background-position:bottom;cursor:pointer;}
.noleft{background:url('../images/leftarrow.jpg') bottom no-repeat;display:block;margin-top:75px;width:44px;height:72px;float:left;}
.rigtarrow{background:url('../images/rightarrow.jpg') no-repeat;display:block;margin-top:75px;width:45px;height:72px;float:left;cursor:pointer;}
.rigtarrow:hover{background-position:bottom;cursor:pointer;}
.rigtarrowhover{background-position:bottom;cursor:pointer;}

.icontel{background:url('../images/tel.jpg') no-repeat;height:16px;width:17px;display:block;float:left;margin:2px 5px 0px 5px;}
.iconmail{background:url('../images/mail.jpg') no-repeat;height:16px;width:17px;display:block;float:left;margin:2px 5px 0px 5px;}

.footer{clear:both;width:990px;height:154px;background:url('../images/footer.jpg') no-repeat;padding-left:20px;}
.copyright{font-size:11px !important; }
.footer a{color: #343434; text-decoration: none; font-weight: bold;}
.footerlogo{display: block;background:url('../images/footerlogo.jpg') no-repeat;height:30px;width:124px;margin-top: 5px;}
.copy{background:url('../images/copy.jpg') no-repeat;height:23px;width:24px;display:block;float:left;margin:-2px 8px 0px 0px;}



.cheapest{position: absolute; top:252px; right: 0px;background:url('../images/cheapest.png') no-repeat; width: 141px; height: 142px; text-indent: -3000px; display: block}

.contactform{clear: both; margin-bottom: 60px;}
.contactform label{}
.contactform label span{display: block; line-height: 25px; color: #343434; font-weight: bold}
.contactform label input{display: block; background-color: #dbdbdb; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; padding: 7px; width: 430px; margin-bottom: 5px; height: auto; overflow: visible}
.contactform label textarea{display: block;background-color: #dbdbdb; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; padding: 7px; width: 630px; height: 150px; margin-bottom: 16px}
.contactform .submit{background: #363636 url('../images/contactform_submit.png') repeat-x; border: none; height: 36px; border-top: 1px solid #222222; border-left: 1px solid #222222; padding:0 17px; color: #fff; font-weight: bold}


.gallery li{float: left; display: block; margin-bottom: 27px; margin-right: 15px}
.gallery li a{padding: 0px; background-color: #fff; border: 1px solid #dadada; border-left: none; border-top: none; display: block}
.gallery li a:hover{ background-color: #dadada; }

.gallery li img{margin: 5px; margin-bottom: 3px;}