@charset "utf-8";
body, table {padding: 0px; margin: 0px;}
body { font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}
pics, table, td { border:none; }
a {color: #000;}

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black;	background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*		1. MAIN  ---------------------------------*/

body {color:#575757; font:13px/20px sans-serif, Tahoma, Arial, Helvetica; text-align:center; background:#b6bed3 url(../pics/bg.jpg) repeat-x;}
	h1 {color:#999999; font:100 220% Arial, Georgia, "Times New Roman", Times, serif; padding:5px 0 5px 0;}
	.caption {color:#66cc33; font:100 100% Arial, Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0;}
	h2 {color:#5cc017; font:140% Arial, Georgia, "Times New Roman", Times, serif; padding-bottom:10px;}
	h3 {color:#e72a18; font:bold 120% Arial, Georgia, "Times New Roman", Times, serif;}
	strong {color:#e72a18; font:bold 12px sans-serif, Tahoma, Arial, Helvetica;}
	.clear {clear:both;}
	.hide {display:none;}
	a {color:#165ee3;}
	a:hover {color:#000;}
	.pic {float:right; margin-left:20px;}
	.pic_napis { background:url(../files/170_s.jpg) no-repeat;}
	.pr_pic {float:left; margin:0 0 20px 20px;}
	.pr_img {float:left; margin:0 20px 20px 0;}
	.file {color:#e72a18; font:bold 13px sans-serif, Tahoma, Arial, Helvetica; background:url(../pics/pdf.jpg) no-repeat; padding:0 30px 0; text-decoration:none;}
	.prilohy {margin-top:10px;}
	.prilohy a, .prilohy a:hover {text-decoration:none;}
	input, textarea {color:#999999; font-size:85%; border:0px; width:100px; margin:45px 0 0 400px; padding:7px 0 5px 15px; background:none;}
	.hidden {display:none;}
	li {list-style-type:disc;}
	td.k_pic {width:187px; background: url(http://www.macmike.sk/tradix/files/167_b.jpg) no-repeat 5px 5px;}
	.text {float:left; width:489px; padding-bottom:10px;}
	.text li {list-style-type:disc; margin-left:40px;}
	sup {font-size: 80%; line-height:5px; vertical-align: top;}
	h1 sup {font-size: 50%;}

/*		2. STRUCTURE  ----------------------------*/

#wrapper {width:1010px; margin:0px auto auto auto; text-align:left; background:url(../pics/bg_top.jpg) no-repeat;}
	#header {width:1010px; height:80px; background:url(../pics/header.jpg) no-repeat;}
	#header .logo {width:300px; height:80px; float:left; margin:0px;}
	#header .search {float:left; width:120px;}
#contentbg {width:980px; overflow:hidden; margin:0 15px; clear:both; float:none; background:#fff;}
	#contentl {float:left; width:225px; height:auto; padding-left:10px;}
	#contentr {width:705px; float:left; padding:0 20px 20px 20px; line-height:25px;}
	#novinky {clear:both; margin-top:20px; line-height:20px;}
	#novinky .left {width:343px; padding-right:20px; float:left;}
	#novinky .right {width:342px; float:left;}
	#novinky .left span {color:#3785ad;}
	#novinky .clear {background:url(../pics/bg_st.gif) repeat-x;}
	#contentc {width:1010px; float:left;}
	#logos {width:980px; height:79px; margin:0px auto auto auto; font-size:1%;}
	 
/*		3. NAVIGATION  ---------------------------*/

#nav-main {background: url(../pics/menu.jpg) no-repeat top left; width:1010px; height:70px; clear:both;}
#nav-main ul {padding:10px 0 0 270px; clear:both;}
#nav-main li {display:block; float:left; list-style-type:none;}
#nav-main ul li a span {padding:15px 20px 25px 20px; display:block;}
#nav-main li a {color:#fff; display:block; margin:0px; background:url("../pics/menu_space.jpg") bottom right no-repeat; text-decoration:none;}
#nav-main li.last a {background:none;}
#nav-main ul li a:hover, #nav-main ul li.activ a {color:#999; background:url("../pics/menu_c.gif") top right no-repeat;}
#nav-main ul li a:hover span, #nav-main ul li.activ a span {background:url("../pics/menu_l.gif") top left no-repeat; padding:15px 20px 25px 20px;}

/*		4. PRODUKT TABS --------------------------*/

#pr-tab { background:#6699cc url(../pics/mesnu.jpg) no-repeat top left; width:705px; height:45px; clear:both; margin-top:10px; line-height:20px;}
#pr-tab ul {padding:0 0 0 10px; clear:both; margin:0px; height:40px;}
#pr-tab li {display:block; float:left; height:40px;}
#pr-tab ul li a span {padding:15px 20px 10px 20px; display:block;}
#pr-tab li a {color:#fff; display:block; margin:0px; background:url("../pics/pr_space.jpg") bottom right no-repeat; text-decoration:none;}
#pr-tab li.last a {background:none;}
#pr-tab ul li a:hover, #pr-tab ul li.activ a {color:#999; background:url("../pics/menu_c.gif") top right no-repeat;}
#pr-tab ul li a:hover span, #pr-tab ul li.activ a span {background:url("../pics/menu_l.gif") top left no-repeat; padding:15px 20px 10px 20px;}

/*		5. PRODUKT CATS -------------------------*/

.tabs table {width:705px; border-right:1px solid #e5eff8; border-collapse:collapse; line-height:20px;}
.tabs tr.odd td, #kontakt tr.odd td {background:#ebf6fd;}
.column1 {background:#f9fcfe;}
.tabs td {color:#678197; border-bottom:1px solid #e5eff8;	border-left:1px solid #e5eff8; padding:.3em 1em; text-align:center;}				
.tabs th {font-weight:normal; color: #678197;	text-align:left; border-bottom: 1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em;}							
.tabs thead th, #kontakt thead th {background:#fff; text-align:center; font:bold 1.1em/2em Arial, "Times New Roman", Times, serif; color:#5cc017;}
.tabs tfoot th, #kontakt tfoot th {text-align:center; background:#f4f9fe;}	
.tabs tfoot th em, #kontakt tfoot th em {color:#f03b58;	font-weight:bold; font-size:1.1em; font-style:normal;}

.a_left {text-align:left;}

/*		6. PPRODUKTY -----------------------------*/

ul#produkty {background:#3785ad url("../pics/pr_menu.jpg") top no-repeat; margin-bottom:10px; padding-top:20px; color:#FFF; clear:both;}
#produkty li {border-bottom:solid 1px #8ab7da; margin:0 10px; font:bold 12px/24px sans-serif, Tahoma, Arial, Helvetica; background:url(../pics/arrow.gif) no-repeat right 9px; position:relative; list-style:none;}
#produkty li ul .indent, #produkty li ul .sub_last {font-weight:normal; margin:0 0 0 10px; padding:0;}
#produkty li.first {background:url(../pics/arrow_h1.gif) no-repeat right 9px;}
#produkty li.first a:hover {background:url(../pics/arrow_h1_on.gif) no-repeat right 9px;}
#produkty ul li.first {background:url(../pics/arrow_h1.gif) no-repeat right 9px; margin:0 0 0 10px;}
#produkty li.sub_last {padding:0 0 10px 0; border:0;}
#produkty li a {color:#fff; text-decoration:none; display:block;}
#produkty li a:hover, #produkty li.indent a:hover, #produkty li.sub_last a:hover {color:#000; background:url(../pics/arrow_on.gif) no-repeat right 9px;}
#produkty li ul li {background:url(../pics/arrow.gif) no-repeat right 9px;}
#produkty li ul li a:hover {background:url(../pics/arrow_on.gif) no-repeat right 9px;}
#produkty li.last, #produkty li.last a {background:url("../pics/pr_menu_f.png") bottom right no-repeat; border:0; margin:7px 0 0 0; height:5px; font:2px/2px sans-serif;}

/*		7. FOOTER  -------------------------------*/

#copyright {background:url("../pics/footer.png") no-repeat; text-align:right; width:980px; clear:both; font-size:11px; color:#252525; margin:0px auto auto auto; overflow:auto;}
#copyright .left {width:400px; float:left; text-align:left; padding:20px 0 0 10px;}
#copyright .right {width:400px; float:right; padding:20px 10px 0 0 ;}
#copyright a {color: #e72a18; text-decoration:underline;}
#copyright a:hover {color:#000; text-decoration:underline;}

/*		8. KONTAKT  ------------------------------*/
#kontakt table {width:705px; border:1px solid #e5eff8; border-collapse:collapse; line-height:20px;}
#kontakt td, #kontakt th {color:#678197; border-bottom:1px solid #e5eff8;	border-left:1px solid #e5eff8; padding:.3em 1em; text-align:left;}	


ul, li {
	list-style: none;
}

.subscription {
	padding: 5px;
	margin-bottom: 15px;
	background: #f4f4f4;
}

.date {
	float: right;
}

textarea {
	width: 100%;
	height: 80px;
}

.block {
	padding: 5px;
	margin-bottom: 15px;
	background: #f4f4f4;
}

.popup_wrap {
	position: absolute;
	margin: auto;
	width: 100%;
	z-index: 99;
	float: left;
}

.popup {
	margin: auto;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
	z-index: 99;
	float: left;
}

.popup_inner {
	position: absolute;
	margin: 30px 0 60px 0;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 99;
	float: left;
}

.popup_pics_border pics {
	padding: 5px;
	background-color: #3a3a3a;
	border: solid 1px #858585;
	z-index: 99;
}