@import url('fckstyles.css');

/* Global
-----------------------------------------------------------------*/
body { /* background-color:#c0c0c0; */ background: #f0f0f0 url(../images/bg-body.gif) repeat-x; }
#container {margin:20px auto 0px; border:1px solid #f0f0f0; width:960px; background-color:#fff;}
#container ul {list-style:none;}
#container li {margin:0;}
.bloc {width:100%; overflow:hidden;}
.imgTop .bImage {padding-bottom:0px; text-align:center;}
.imgLeft .bImage {float:left;}
.imgLeft .bImage, .imgLeftCol .bImage {padding-right:4px;}
.imgRight .bImage {float:right;}
.imgRight .bImage, .imgRightCol .bImage {padding-left:4px;}
.bImage .legend {display:block; padding-bottom:4px; font-weight:bold; font-style:italic;}
.bLink, .bFile {text-align:right;}

.hidden {
	display: none;
}


.fl { float: left !important; }
.fr { float: right !important; }
.border       { border-top: 1px solid #d6d6d6 !important; }
.bold { font-weight: bold;}
.italic { font-style: italic;}

.nomargin     { margin: 0 !important;}
.noborder,
.noborder td  { border: none !important;}
.border       { border-top: 1px solid #d6d6d6; }

.clear, .clear1px, .clear10px { clear: both !important; width: 100% !important;  }
.clear1px  { height: 1px !important; font-size: 1px !important; line-height: 1px !important; /* for IE */}
.clear10px { height: 10px !important; font-size: 10px !important; line-height: 10px !important; /* for IE */}

/* Header
-----------------------------------------------------------------*/
#header {min-height:78px; padding-top:10px;} /*/ [IE6] /*/
#header #navcont { background:url('../images/border.png') repeat-x left 65px; height:68px; } /*/ [IE6] /*/
#header #localnav {height:68px; float: right; }
#header #localnav li {float:left; font-size:14px;}
#header #localnav li a {position:relative; float:left; margin-bottom:-3px; padding:26px 20px 14px; height:30px; background-repeat:no-repeat; background-position:left 9px; color:#808285;}
#header #localnav li a:hover, #header #localnav li a:focus,#header #localnav li.active a {color:#000 !important; background:url('../images/ln-hover.png') no-repeat center bottom;}
#header #localnav li.active a  {color:#808285 !important;}
#header #localnav li.active a:hover, #header #localnav li.active a:focus {color:#000 !important;}

a#ln-itmce { margin:0 10px 0 30px; height:70px; width:160px; text-indent:-9999px; overflow:hidden; background:url('../images/logo-itmce.png') no-repeat center 4px; float:left; }
a#ln-distributor { margin:0 30px 0 10px; height:70px; width:76px; text-indent:-9999px; overflow:hidden; background:url('../images/authorised-distributor.png') no-repeat center 15px; float:right; }

#header #subnav {clear:left; margin: 0 0 5px 0; padding:10px 25px 2px; text-align:right;}
#header #subnav ul {margin-bottom:3px;}
#header #subnav li {padding:0 8px; display:inline;}
#header #subnav li a:hover, #header #subnav li a:focus {color:#000;}
#header #subnav li.active > a {font-weight:bold; color:#72b84c;} /*/ [IE6] /*/
#header #subnav #secondLevel {margin:0 10px 25px;}
#header #subnav #thirdLevel {margin-left:380px; text-align:left;}
#header #subnav #thirdLevel > li {position:relative; float:left;}
#header #subnav #thirdLevel li.active a {font-weight:normal;}
#header #subnav #thirdLevel li ul {display:none; position:absolute; left:0; top:14px; background:#fff;}
#header #subnav #thirdLevel li:hover ul, #header #subnav #thirdLevel li.sfhover ul {display:block;}
#header #subnav #thirdLevel li li {display:block; white-space:nowrap;}

/* Main
-----------------------------------------------------------------*/
#main {clear:both; width:960px;}
#main a {color:#72b84c;}
#main a:hover {color:#72b84c;}
#main p {margin-bottom:8px; font-size: 12px; line-height: 1.7em;}
#main ul {list-style:disc;}
#main li {margin-left:15px; margin-bottom:4px;}

#main .content {clear:both; padding:30px; border-bottom:1px solid #72b84c;}
#main .content.small {padding:10px 180px; width:600px;}

#main .content .column {position:relative; float:left; margin-right:15px; padding-top:40px; width:213px; min-height:1px;} /*/ [IE6]  || 4 columns by default /*/
#main .content .column.first {clear:both; margin-left:0 !important; padding-left:0 !important;}
#main .content .column.last {margin-right:0 !important; padding-right:0 !important;}
#main .content .column h2.bTitle, #main .content .item h2.bTitle {position:absolute; left:0; top:0;}

#main.standard #topLine .column.first {clear:left; width:450px;}
#main.standard #topLine .column h2.bTitle {font-size:20px;}

/* Footer
-----------------------------------------------------------------*/
#footer {clear:both; padding:18px 0 24px; text-align:center; background-color:#72b84c;}
#footer li {display:inline; padding:0 18px;}
#footer li a {color:#fff !important; text-weight: normal; font-size: 11px; }
#footer li a:hover, #footer li a:focus {color:#000 !important;}

/* News Slider
-----------------------------------------------------------------*/
#main .news_slider {position:relative; margin-bottom:10px; padding-bottom:20px; width:900px;}
#main .news_slider .column {position:static; padding-top:0; margin-right:15px; width:213px;} /*/ [IE6] /*/
#main .news_slider .news_items {position:relative; width:900px; overflow:hidden;}
#main .news_slider .news_items.withnav {width:672px;} /*/ [IE6] /*/

#main .news_slider .container {position:relative; top:0; left:0; width:100%;}
#main .news_slider .item {position:relative; float:left; padding-top:40px; margin-right:15px; width:213px; overflow:hidden;} /*/ 4 columns by default /*/
#main .news_slider .withnav .item {margin-right:15px;}

#main .news_slider.grid1 .item  {width:900px;}
#main .news_slider.grid2 .item,#main .content.grid2 .column {margin-right:20px; width:440px;}
#main .news_slider.grid3 .item,#main .content.grid3 .column {margin-right:20px; width:286px;}
#main .news_slider.grid5 .item,#main .content.grid5 .column {margin-right:15px; width:168px;}
#main .news_slider.grid6 .item,#main .content.grid6 .column {margin-right:14px; width:138px;}
#main .news_slider.grid7 .item,#main .content.grid7 .column {margin-right:12px; width:118px;}
#main .news_slider.grid8 .item,#main .content.grid8 .column {margin-right:12px; width:102px;}

#main .news_slider .scroll {position:absolute; margin:12px 0 0 -30px; height:20px; width:960px; font-size:10px; bottom:-11px; }
#main .news_slider .scroll .tools {position:relative; display:block; margin:0 auto; padding:0 30px; width:48px; line-height:19px; text-align:center; color:#72b84c; background:url('../images/scroll-arrow.gif') no-repeat left top;}
#main .news_slider .scroll .tools a {display:none; position:absolute; top:3px; width:15px; height:15px; overflow:hidden; text-indent:-9999px;background:url('../images/arrow-left.gif') no-repeat center 3px;} /*/ [IE6] /*/
#main .news_slider .scroll .tools a:hover {background-image:url('../images/arrow-left-on.gif');}
#main .news_slider .scroll .tools a.prev {left:15px;} /*/ [IE6] /*/
#main .news_slider .scroll .tools a.next {right:14px; background-image:url('../images/arrow-right.gif');} /*/ [IE6] /*/
#main .news_slider .scroll .tools a.next:hover {background-image:url('../images/arrow-right-on.gif');}
#main .news_slider .scroll .tools span {display:block; width:48px; height:19px; overflow:hidden;}

#main .news_slider#bottomLine .scroll .tools {background:url('../images/scroll-arrow2.gif') no-repeat left top;}
#main .news_slider#bottomLine .scroll {bottom:-20px; background:url('../images/scroll-bg.gif') repeat-x left top;}

#main .news_slider .scroll .tools.large {width:153px; background-image:url('../images/scroll-arrow-large.gif');}
#main .news_slider .scroll .tools.large span {width:153px;}
#main .news_slider#bottomLine .scroll .tools.large {background:url('../images/scroll-arrow-large2.gif') no-repeat left top;}

/* search.html */
#main.gSearch {padding:10px;}
#main.gSearch .gResult {border-bottom:1px groove #72B84C; padding-top:5px; width:935px;}

.error { color:#FF0000; }

#footerInfo { margin:0 auto 10px;width:960px; height: 40px; line-height: 40px; }
#footerInfo p { margin: 0 30px; font-size: .917em; }


/* --- Button dark --- */
a.btn-dark {
	display: block; float: left;
	margin: 10px 10px 0 0; padding-right: 30px;
	height: 23px;
	color: #fff !important; font-size: .917em; text-decoration: none; 
	background: transparent url(../images/bg-btn-dark.gif) no-repeat scroll top right;
}

a.btn-dark span {
  display: block;
  padding: 4px 0 5px 15px;
	line-height: 14px;
	font-weight: bold;
	background: transparent url(../images/bg-btn-dark.gif) no-repeat;
}

a:hover.btn-dark, a:active.btn-dark, a:visited.btn-dark {
	color: #fff; 
  text-decoration: none;
}

a:hover.btn-dark {
  color: #f1f1f1;
	background: transparent url(../images/bg-btn-dark.gif) no-repeat scroll bottom right; 
}
	
a:hover.btn-dark span {
	background: transparent url(../images/bg-btn-dark.gif) no-repeat  bottom left; 
}


/* --- FAQ - caste dotazy --- */
h2.question {
  margin: 5px 0 2px 0;
  font-size: 1.250em;
  color: #282828;
}

p.answer { margin: 0 0 20px 0 !important;}


/*  
 *  4) Formulare 
 *  ============
 **/
 
fieldset { border: 0; }
form label { color: #282828; }
form label span { color: #dd0000; }

form .lab {
  margin: 0 20px 5px 0;
}
form .lab label {
  color: #282828;
  font-weight: bold;
}

form .con {
  margin: 0 20px 15px 0;
  width: 476px; height: 21px;
  background: url(../images/bg-input.gif) no-repeat 0 0;
}
form .con .input {
  margin: 0 5px; padding: 2px 0 0 0;
  width: 256px;
  color: #767676;
  font-size: .917em;
  border: 0; background: transparent;
}

form .forget {
  margin: 0 20px; padding: 0;
  float: left;
  line-height: 40px;
}

form .error label {
  color: #dd0000;
}

form .con-select {
  float: left;
  margin: 0 20px 15px 0;
  width: 277px; height: 21px; line-height: 21px;
}

span.select {
	position: absolute;
	width: 245px; height: 21px;
	padding: 0 24px 0 8px;
	color: #989898; font: 12px/21px arial,sans-serif;
	background: url(../images/select.gif) no-repeat;
	overflow: hidden;
}

ul.form-message { margin: 0 0 10px 20px !important; padding: 0 !important; list-style: none;}
ul.form-message li { font-size: .9em; line-height: 25px; height: 25px; margin: 0px !important; padding: 0;}
ul.form-message.error li   { color: #dd0000; }
ul.form-message.correct li { color: #33b200; }

.form-order ul.form-message { margin-left: 150px !important; }

.clearfix  { display: block; overflow: hidden; float: left; width: 100%; padding-bottom: 15px; }
.clearfix .lab        { width: 125px; float: left;  }
.clearfix .con        { float: left; margin: 0 25px 0 0; }
.clearfix .con-select { margin: 0 25px 0 0; }
.clearfix .text       { float: left; width: 256px; }
.clearfix .action     { float: left; }

.checkbox {
  margin: 0 5px 0 0;
}

a.btn {
	display: block; float: left;
	margin: 10px 10px 0 0; padding-right: 15px;
	height: 24px;
	color: #fff !important; font-size: .917em; text-decoration: none;
	background: transparent url(../images/bg-button.gif) no-repeat scroll top right;
}
a.btn span {
	display: block;
	padding: 4px 0 4px 15px;
	line-height: 16px;
	background: #989898 url(../images/bg-button.gif) no-repeat;
}
a:hover.btn, a:active.btn, a:visited.btn {
	color: #fff; text-decoration: none;
}
a:hover.btn {
	background: transparent url(../images/bg-button.gif) no-repeat scroll right -24px;
}
a:hover.btn span {
	background: #989898 url(../images/bg-button.gif) no-repeat left -24px;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   width:400px;
}

#f1_upload_done{
   visibility:hidden;
   position:absolute;
}

.col-1, .col-2, .col-3 {
  width: 33%;
  float: left;
  margin-top: 1px;
}

.col1, .col2 {
  width: 48%;
  float: left;
}


/* --- paging --- */
#paging {
  margin: 10px 0 0 0;
  width: 100%;  height: 33px;  line-height: 33px;
}
#paging strong {
  margin: 0 5px 0 10px;
  color: #282828;
}
#paging .pages {
  margin: 0 5px 0 0;
}
#paging a {
	padding: 0 5px;
	color: #989898;	
}
#paging span {
	padding: 0 5px;
  color: #282828;
}
#paging a:hover {
  color: #0088cc;	text-decoration: none;
}

/* tabulka */
.tab {
  margin: 0 0 20px 0;
  width: 100%;
  border-collapse: collapse;
}

.tab td, .tab th {
  padding: 10px 15px;
  font-size: 0.9em;
}

.tab th { border-bottom: 2px solid #c5c5c5; font-weight: bold; }
.tab td { border-bottom: 1px solid #d7d7d7; }

.tab .r { text-align: right; }


.stripped tr.odd td { background: #f5f5f5; }

.tab tr:hover td {
  color: #282828;
  cursor: pointer;
  background: #f5f5f5;
}