header ,nav ,section ,article ,aside ,footer ,hgroup, figure, figcaption { display: block; }
*{ margin:0; padding:0; }

body{ background:#ffffff url(../img/layout/bg.png) repeat-x;
	font-size:14px; font-family:Arial, sans-serif;
	color:#474c5a;  }

h1{ margin:0 0 10px 0; font-size:35px; font-weight:bold; font-family:Arial, sans-serif; color:#ffffff; letter-spacing:-.03em; }
h1 span{ color:#ced4d9; }
h2{ margin:0 0 15px 0; font-size:30px; font-weight:bold; font-family:Arial, sans-serif; color:#1c3d85; letter-spacing:-.03em; }
h3{ margin:15px 0; font-size:18px; font-weight:bold; font-family:Arial, sans-serif; color:#1c3d85; letter-spacing:-.03em; color:#1c3d85; }
h4 img{ display:block; margion:0; }
p{ margin:0 0 1em; line-height:1.46em; }

img{ border:none; }
a{ color:#474c5a; text-decoration:underline; }
a:hover{ text-decoration:none; }

a.more{ display:inline-block; height:40px; line-height:40px; padding:0 18px; 
	font-size:13px; font-weight:normal; text-decoration:none; text-transform:uppercase;
	background-color:#6077a9; color:#ffffff;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
}
a.more:hover{ background-color:#1c3d85; } 

ul{ margin-left:16px; }

#container{ position:relative; background:url(../img/layout/bg-top.jpg) 50% 0 no-repeat; min-width:1000px; }
.wrapper,
.inside-wrapper{ postion:relative; width:960px; padding:0 20px; margin:0 auto; } 

.wrapper header:first-child{ position:relative; height:132px;  }
.wrapper header:first-child a.logo{ position:relative; top: 52px; }

.wrapper header .cp{ position:absolute; top:12px; right:278px; margin:0; padding:0; list-style:none; overflow:hidden; }
.wrapper header .cp li{ display:block; float:left; background:url(../img/layout/cp-sep.png) 0 50% no-repeat;}
.wrapper header .cp li:first-child{ background:none; }
.wrapper header .cp li a{ display:block; line-height:31px; padding:0 12px; 
	font-size:11px; text-decoration:none; 
	color:#787c7f; }
.wrapper header .cp li a:hover,
.wrapper header .cp li a.active{  color:#474c5a; }


#under-header{ position:relative; margin-right:-280px; width: 1240px; height:360px; background-color:#f00; }
#under-header p{ color:#ffffff; }

/* FORMS */
form { background-color:#f2f4f5;padding:20px;  }
fieldset {  }
label{ display:block; }
input {  }
select {  }
textarea {  }


/* DOKOSIKU */
form.simple,
form.dokosiku{ background:none; margin:0; padding:0; }
form.dokosiku a.more{ font-size:12px; height:25px; line-height:25px; padding:0 15px; }

form.simple label, 
#form-contact label{ line-height:1.28em; margin:7px 0 5px 0; }
form.simple  input[type="text"], 
#form-contact input[type="text"],
#form-contact input[type="password"],
#form-contact input[type="email"] { 
	width:294px; height:30px; padding: 5px;
	border:1px solid #d1d7da;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .25);
	box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .25);
  }
form.simple  input.qty{ width:3em; }
form.simple textarea, 
#form-contact textarea { 
	width:294px; height:105px; padding: 5px;
	border:1px solid #d1d7da;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .25);
	box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .25);
}
#form-contact h3 { margin:25px 0 15px; }
#form-contact table{ width:100%; }
#form-contact table td{ vertical-align:top; padding:3px 0;}
#form-contact a.more{ margin-top:15px; }

#form-search{ position:absolute; top:12px; right:15px; height:31px; padding:0; background:none; }
#form-search table{ margin:0; padding:0; border-collapse:collapse; border-spacing:0; }
#form-search table td{ margin:0; padding:0; }
#form-search input { width:138px; height:31px; line-height:31px; padding:0 5px; 
	font-size:12px; background:url(../img/layout/search-input.png) no-repeat; border:none; }
#form-search a { display:block; width:76px; height:31px; line-height:31px; 
	text-decoration:none; text-align:center; font-size:12px; 
	color:#ced4d9; background:url(../img/layout/search-submit.png) 0 0 no-repeat; }
#form-search a:hover{ background-position:0 -31px; }


#form-newsletter{ background-color:#a3abbc; padding:12px 16px; margin:0 0 50px 0; color:#222b42; font-size:12px; }
#form-newsletter input[type="text"] { width:170px; height:30px; padding:0 5px; margin:0 0 5px;
	background-color:#c1c6d2;
	border:1px solid #8595b5;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
  }
#form-newsletter p{ line-height: 1.4em; }
#form-newsletter a.more{ height:22px; line-height:22px; font-size:12px; }


#mainnav{ position:absolute;top:70px; right:9px; }
#mainnav ul{ margin:0; padding:0; list-style:none; }
#mainnav ul li{ display:block; float:left; margin:0 6px; padding:0; }
#mainnav ul li a{ display:block; padding:0 0 11px; 
	color:#000000;
	font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#mainnav ul li a span{ display:block; height:30px; line-height:30px; padding:0 12px; 
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#mainnav ul li a.active{  background:url(../img/layout/nav-active.png) 50% 100% no-repeat; }
#mainnav ul li a:hover span,
#mainnav ul li a.active span { color:#ffffff;
	 background:url(../img/layout/mainnav-active.png) repeat-x;
	/*
	background: #446bbf;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NmJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDNlODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #446bbf 0%, #1d3e86 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#446bbf), color-stop(100%,#1d3e86));
	background: -webkit-linear-gradient(top,  #446bbf 0%,#1d3e86 100%);
	background: -o-linear-gradient(top,  #446bbf 0%,#1d3e86 100%);
	background: -ms-linear-gradient(top,  #446bbf 0%,#1d3e86 100%);
	background: linear-gradient(top,  #446bbf 0%,#1d3e86 100%);
	*/
}

#extranav{ height: 43px; margin:0 0 45px; }
#extranav ul{ margin:0; padding:0; list-style:none; }
#extranav ul li{ display:block; float:left; margin:0 5px 0 0; padding:0; }
#extranav ul li a{ display:block; padding:0 0 5px 0;  
	font-size:15px; font-weight:bold; text-decoration:none;
	color:#000000;
}
#extranav ul li a span{ display:block; height:38px; line-height:38px; padding:0 20px; 
	background:#c4c6ca;
	-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
}
#extranav ul li a.active{ background:url(../img/layout/extranav-active.png) 50% 100% no-repeat; }
#extranav ul li a:hover span,
#extranav ul li a.active span { color:#ffffff; background:#474c5a; }

.subnav{ position:relative; top:auto; right:auto; margin:0 0 50px; }
.subnav ul{ margin:0; padding:0; list-style:none; }
.subnav ul li{  }
.subnav ul li a{ position:relative; display:block; height:34px; line-height:34px; padding:0 0 0 18px;
	font-size:14px; text-decoration:none;
	color:#ffffff; background:url(../img/layout/subnav1.png) repeat-x;
}
.subnav ul li a i.counter{ position:absolute;right:12px;top:7px; display:block; width:29px; height:19px; line-height:19px; color:#c5c7cb; 
	font-style:normal; font-size:12px; text-align:center; 
	background:url(../img/layout/counter.png) no-repeat;}
.subnav ul li a:hover{ background-position:0 -34px; }
.subnav ul li a.active{ background-position:0 -68px; }
/*.subnav ul li a.active i.counter{ display:none; }*/

.subnav ul ul li a{ color:#707e9b; background:url(../img/layout/subnav2.png) repeat-x; }
.subnav ul ul li a i.counter{ display:none; }
.subnav ul ul li a span{ display:block; padding:0 0 0 18px; background:url(../img/layout/subnav2-bullet.png) 0 50% no-repeat; }
.subnav ul ul li a:hover,
.subnav ul ul li a.active{ background-position:0 -34px; }

.subnav ul ul li a:hover span,
.subnav ul ul li a.active span{ background:url(../img/layout/subnav2-bullet-active.png) 0 50% no-repeat; color:#000000; }

#index-slider .slide ul.xnav{ float:left; width:190px; margin:15px 30px 0 0; padding:0; list-style:none; border-top:1px solid #5b606d; }
#index-slider .slide ul.xnav li{ border-bottom:1px solid #5b606d; }
#index-slider .slide ul.xnav li a{ display:block; line-height:2em; height:2em; font-size:14px; color:#ced4d9; text-decoration:none;
	padding-left:22px; 
	background:url(../img/layout/xnav.png) 0 50% no-repeat;
}
#index-slider .slide ul.xnav li a:hover{ background:url(../img/layout/xnav-hover.png) 0 50% no-repeat; color:#fff; }

/* INDEX SLIDER */
#index-slider{ position:relative; }

#index-slider .slide{ position:absolute; left:0; top:0; padding:50px 650px 0 0; width: 590px; height:310px; display:none; }
#index-slider .slide:first-child{ display:block; }

#index-slider .slide p{ font-size:15px; }

#index-slider .slide a{ color:#fff; font-weight:bold; text-decoration:underline; }
#index-slider .slide a:hover{ text-decoration:none; }

#content-wrapper{ position:relative; margin:0 0 45px;  }
#content{ float:left; width: 700px; padding-top:48px; }
#content-wrapper aside{ float:right; width:215px; }

#articles{  }
#articles article{  }
#articles article aside{ float:right; margin:0 0 5px 20px; width:auto; }
article.index h2{ font-size:35px; }
article.index p{ line-height:1.57em; }
article h3{ font-size:18px; color:#1c3d85; font-weight:bold; margin:0 0 15px 0; }

#articles article ul{ margin:1em 0 1em 15px; padding:0; list-style:none; }
#articles article ul li { padding:0 0 0 15px; background:url(../img/layout/bullet-square.png) 0 9px no-repeat; line-height:1.57em; }
#articles article table{ width:100%; margin:15px 0; border-collapse:collapse; border-spacing:0; }
#articles article table thead {	border-bottom:1px solid #223a89; }
#articles article table thead th{ padding:10px;
	font-size:12px; font-weight:bold; vertical-align:top; text-align:left; 
	color:#ffffff;
	background: #076b98 url(../img/layout/thead-bg.png) repeat-x;
}
#articles article table thead th:first-child{ 
	-webkit-border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; border-radius:4px 0 0 0;  
}
#articles article table thead th:last-child{ -webkit-border-radius:0 4px  0 0; -moz-border-radius:0 4px  0 0; border-radius:0 4px 0 0;  }
#articles article table td{ padding:10px; color:#000000; font-size:12px; border-bottom:1px solid #a5afb8; background-color:#f0f7f8; }
#articles article table tr:nth-child(odd) td{ background-color:#d2e7e8; }

#articles article table.nostyle{ width:100%; margin:15px 0; border-collapse:collapse; border-spacing:0; }
#articles article table.nostyle td{ padding:inherit; border:none; background:none; font-size:14px; vertical-align:top; }
#articles article table.nostyle tr:nth-child(odd) td{ background:none; }

#articles article table.sellers td{ padding:5px 5px 5px 0;}
#articles article table.sellers td.seller-name{ width:200px; }
#articles article table.sellers td.seller-address{ width:250px; }
#articles article table.sellers td.seller-phone { width:12ex; }


#articles article .galerie{ margin:50px 0; }
#articles article .galerie figure{ display:block; float:left; width:214px; margin:0 29px 29px 0; }
#articles article .galerie figure.last{ margin-right:0; }
#articles article .galerie figure a,
#articles article .galerie figure img{ display:block; }
#articles article .galerie figcaption{ padding:12px; border-top:1px solid #ffffff;
	background-color:#3b424f; color:#ffffff;
	font-size:12px; letter-spacing:-.03; }

#articles article .downloads{ margin:45px 0; overflow:hidden;  }
#articles article .downloads .download{ display:block; float:left; width:190px; margin:0 29px 29px 0; padding:12px; text-align:center;  letter-spacing:-.03em;
	background-color:#ced4d9; color:#474c5a; font-size:12px; 
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
}
#articles article .downloads .download.last{ margin-right:0; }
#articles article .downloads .download a{ display:block; color:#1c3d85; font-size:12px; font-weight:bold; text-decoration:none; }
#articles article .downloads .download a:hover{ background-position:0 -54px; }
#articles article .downloads .download a span{ display:block; width:54px; height:54px; margin:0 auto; background:url(../img/layout/download.png) 0 0 no-repeat;}
#articles article .downloads .download a:hover span{ background-position:0 -54px; }

#sellers{ margin:0; padding:0; list-style:none; }
#sellers li{ padding-left:16px; line-height:1.57em; background:url(../img/layout/bullet-square.png) 0 50% no-repeat; }

#drobecky{ position:absolute;top:-14px; font-size:11px; color:#818893; height:14px; line-height:14px; }
#drobecky a,
#drobecky span{display:inline-block; padding:0 12px;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; 
}
#drobecky a{ background-color:#e7e8ea; color:#818893; text-decoration:none;  }
#drobecky a:hover{ background-color:#8b8e96; color:#ffffff;  }
#drobecky span{ background-color:#8b8e96; color:#ffffff;  }

#boxes{ overflow:hidden; margin:50px 0; }
#boxes .box{ width:300px; min-height:405px; float:left; margin:0 0 0 30px; background-color:#ced4d9; 
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#boxes .box:first-child{ margin:0; }
#boxes .box h3{ height:54px; line-height:54px; padding:0 20px; margin:0; 
	color:#ffffff; background:#2a2e3c;
	font-size:18px; font-weight:normal; text-transform:uppercase;
	-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
}
#boxes .box .box-img{ height:160px; }
#boxes .box .box-text{ padding:20px;  color:#474c5a; } 
#boxes .box .box-text p{ font-size:14px; line-height:1.43em; }
#boxes .box .box-text p:last-child{ margin:0; }

#news-wrapper{ background-color:#f2f4f5; padding:30px 0; overflow:hidden; min-width:1000px; }
.news-wrapper{ width:204px; float:left; padding:0 40px 0 8px; min-height:227px; background:url(../img/layout/news-bg.png) 100% 0 no-repeat; }
.news-wrapper:last-child{ padding:0 0 0 8px; background:none;  }
.news .date,
.news-wrapper .date{ float:left;display:block; width:45px; height:45px; line-height:45px;
	font-size:11px; font-weight:normal; text-align:center;
	color:#ffffff; background-color:#a5afb8;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#articles .news header{ overflow:hidden; margin:0 0 15px; height:auto; }
#articles .news .date{ margin-right:15px; }

.news-wrapper .news{ margin-left:58px; width:145px; }
.news-wrapper .news h3{ margin:11px 0 15px; line-height:1.125em; font-size:16px; font-weight:bold; color:#1c3d85; letter-spacing:-.02em; }
.news-wrapper .news h3 a{ color:#1c3d85; text-decoration:none; }
.news-wrapper .news h3 a:hover{ text-decoration:underline; }
.news-wrapper .news p{ color:#474c5a; font-size:13px; letter-spacing:-.02em; line-height:1.3em; }
.news-wrapper .news img{ float:left; margin:0 15px 0 0; }
.news-wrapper .news a.more{ line-height:25px; height:25px; font-size:12px; }

.news-wrapper:first-child{ width:214px; padding:0 15px 0 8px;  }
.news-wrapper:first-child .news{ width:214px; margin:0; }
.news-wrapper:first-child .news h3 { color:#000; }
.news-wrapper:first-child .news p{ color:#000; }

#text-widget{  }
#text-widget .box{ margin:0 0 50px;  }
#text-widget .box h3{ font-size:17px; font-weight:normal; margin:0 0 5px; padding:0 16px; line-height:normal; color:#474c5a; }
#text-widget .box .box-text{ padding:16px; 
	background-color:#a5afb8; color:#ffffff;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#text-widget .box .box-text p{ font-size:12px; line-height:1.3em; color:#ffffff; }
#text-widget .box .box-text a{ color:#ffffff; }
#text-widget .box .box-text p:last-child{margin:0;}

#bnrs{ margin:0 0 50px; }
#bnrs .bnr{ margin:0 0 25px; }

#prefooter{ background-color:#474c5a; margin:45px 0 0; min-width:1000px; }
#prefooter .inside-wrapper{ padding:40px 0; }

#boxes_2{ overflow:hidden; }
#boxes_2 .box{ float:left; width:204px; float:left; padding:0 40px 0 8px; }
#boxes_2 .box:first-child { padding: 0 15px 0 8px; width: 214px; }
#boxes_2 .box:last-child{ padding:0 0 0 8px; }
#boxes_2 .box h3{ line-height: 1.25em; margin:0 0 15px;
	font-size:16px; font-weight:normal; text-transform:uppercase;
	color:#ffffff;  }
#boxes_2 .box p{ line-height:normal; font-size:13px; color:#a1a6af;  }
#boxes_2 .box a{ color:#a1a6af; text-decoration:none; }
#boxes_2 .box a:hover{ color:#ffffff; text-decoration:none; }
#boxes_2 .box ul { margin:0 ;padding:0; list-style:none; }
#boxes_2 .box ul li{ padding:0 0 0 12px; line-height:1.7em; 
	font-size:13px; 
	color:#a1a6af; background:url(../img/layout/bullet.png) 0 50% no-repeat;
}

/*STRANKOVANI*/
.strankovani{font-size:14px; margin:3em auto; display:table; }
.strankovani a, .strankovani span{ display:block; float:left; width:30px; height:30px; line-height:30px; margin:0 5px;
	 color:#ffffff; background:#6077a9; 
	 text-align:center; text-decoration:none; font-weight:normal;
	 -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.strankovani a.active, .strankovani a:hover{background:#1c3d85;color:#ffffff;}
.strankovani a.prev, .strankovani a.next,
.strankovani span.prev, .strankovani span.next{ width:auto; padding:0 12px; }

footer{ background-color:#1e212c; padding:30px 0; min-width:1000px; }
footer .inside-wrapper{ overflow:hidden; }
footer .copyright{ margin-left:115px; line-height:14px; font-size:11px; color:#ffffff; }
footer .copyright span{ color:#a1a6af; }
footer .copyright span a{ color:#a1a6af; text-decoration:none; }
footer .copyright span a:hover{ text-decoration:underline; }

.fnav { color:#a1a6af; font-size:12px; width:204px; padding:0 0 0 8px; }
.fnav a{ text-decoration:none; color:#a1a6af; }
.fnav a:hover{ text-decoration:underline; }

.fl{ float:left; }
.fr{ float:right; }
.cls{ clear:both; }
.hr hr{ display:none; }
.tal{ text-align:left; }
.tar{ text-align:right; }
.message{ color:#f00; padding:1em; margin:1em 0; border:1px solid #f00; 
 -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.good{ color:#00CC00; border-color:#00CC00;  }

#articles .hr{ width: 700px; margin:30px 0 60px 0; padding:0; height:9px; background:url(../img/layout/hr.png) no-repeat; }

/* SHOP */
#cart-preview {  }
#cart-preview h4{ height:45px; line-height:45px; 
	color:#ffffff; background:url(../img/layout/bg-cart-preview-header.png) no-repeat; 
	font-size:14px; font-weight:bold; text-transform:uppercase; 
}
#cart-preview h4 a{ color:#ffffff; text-decoration:none; display:block; padding:0 0 0 16px; }

#cart-preview ul{ margin:0; padding:0; list-style:none; }
#cart-preview ul li{ position:relative; display:block; padding:8px 16px;
	font-size:12px; text-decoration:none;
	color:#ffffff; background:#8d96a9;
	border-bottom:1px solid #666f84;
}
#cart-preview ul li.total-price{ background-color:#a3abbc; color:#222b42; font-weight:bold; border-bottom:2px solid #000; }


table.nk { width:100%; margin:15px 0; border-collapse:collapse; border-spacing:0; }
table.nk thead {	border-bottom:1px solid #223a89; }
table.nk thead th{ padding:10px;
	font-size:12px; font-weight:bold; vertical-align:top; 
	color:#ffffff;
	background: #076b98 url(../img/layout/thead-bg.png) repeat-x;
}
table.nk thead th:first-child{ 
	-webkit-border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; border-radius:4px 0 0 0;  
}
table.nk thead th:last-child{ -webkit-border-radius:0 4px  0 0; -moz-border-radius:0 4px  0 0; border-radius:0 4px 0 0;  }
table.nk td{ padding:10px; color:#474c5a; font-size:12px; border-bottom:1px solid #a5afb8; background-color:#f0f7f8; }
table.nk tr:nth-child(odd) td{ background-color:#d2e7e8; }

#user-box{ margin:7px 0 7px 16px; }
#user-box a{ font-size:12px; }

.fb-like{ position:relative; top:23px; }

@media print{
	body{ background:#ffffff; color:#000000; font-size:12pt; font-family:serif; }
	.noprint{ display:none; }
	.wrapper,
	#content-wrapper,
	#content{
		margin:0; padding:0; float:none; width:100%;
	}
}