/*****************************
*  Inform.cz - layout.css    *
******************************/

/* CONTENT RULES */
@import url(content.css);

html {overflow-y: scroll;}
body { text-align: center; padding: 10px 0; margin: 0; }
body_new { text-align: center; padding: 10px 0; margin: 0; font-family: trebuchet ms, arial, helvetica, sans-serif; font-size: 10pt;}
ul.zero,  #main-menu, #header #lang, #directory ul, ul.dir, ul.dir ul, ul.dotlink { margin: 0 0 1.3em; padding: 0; list-style: none; }
.br { clear: both; height: 1px; font-size: 1px; }
.br.vspace { height: 12px; }
.row { float: left; width: 100%; }
.l { float: left; }
.r { float: right !important; }
.bold { font-weight: bold; }
.sfull { width: 100%; }
.s95 { width: 95%; }
.s75 { width: 75%; }
.out { position: absolute; left: -2000px; }
.small { font-size: 92%; }
.normal { font-weight: normal; }
.no-marg { margin: 0 !important; }
a.dotlink, ul.dotlink li, #footer-nav a { background: url("../img/ico_dotlink.gif") no-repeat 0 0.35em; padding-left: 13px; _height: 1px; }
.dotlink.prev { background-image: url("../img/ico_dotlink02.gif"); }
.dotlink-big { background: url("../img/ico_dotlink-big.gif") no-repeat 0 0.3em; font-size: 14px; font-weight: bold; padding-left: 14px; _height: 1px; }
.dotlink-big.prev { background-image: url("../img/ico_dotlink02-big.gif"); }
.next-big, .prev-big { font-weight: bold; _height: 1px; }
.next { background: url("../img/ico_dotlink.gif") no-repeat right 0.3em; padding-right: 12px; }
.prev { background: url("../img/ico_dotlink02.gif") no-repeat left 0.3em; padding-left: 12px; }
.next-big, .prev-big { font-size: 14px; }
.next-big { background: url("../img/ico_dotlink-big.gif") no-repeat right 0.3em; padding-right: 14px; _height: 1px; }
.prev-big { background: url("../img/ico_dotlink02-big.gif") no-repeat left 0.3em; padding-left: 14px; }
.error { color: #CC0000; color: red; font-weight: bold; }
.small { font-size: 92%; }
.www { color: #339900; text-decoration: underline; }
.adr { color: #666; margin: -0.5em 0 0.7em; }
.emp { color: #003399; color: #C84100;}
.green, a .green{color:#239100;}
.chck-boxs input { _margin-right: -4px; _margin-left: -3px; }
.chck-boxs label { margin-right: 10px; }
dl.tab dt { float: left; width: 55px; clear: left; }
dl.tab dd { margin-left: 65px; margin-bottom: 0.3em; _height:1px; }
dl.tab.wide dt { width: 130px; }
dl.tab.wide dd { margin-left: 140px; }
ul.dir li, a.dir, h3.dir, p.dir  { background: url("../img/ico_folder-sm.gif") no-repeat 0 0.4em; padding-left: 15px; _height: 1px; }
ul.dir.big li, a.dir.big, h3.dir.big, p.dir-big { background: url("../img/ico_folder.gif") no-repeat 0 0.3em; padding-left: 20px; }
ul.dir ul { margin-left: 15px; margin-bottom: 0; }
p.dir, p.dir-big { text-indent: 15px; padding-left: 0; }
p.dir-big { text-indent: 20px; }
p.hl, a.hl { font-size: 120%; font-weight: bold; background-color: transparent;}
p.hl { padding-bottom: 0; padding-top: 0; margin-top: 0.75em; }
img.plain { margin: 0; padding: 0; border: 0 !important; display: inline; }
a img.plain { text-decoration: none; }

/* FORMAT RULES */
/* Mother */
#mother { text-align: left; margin: 0 15px; }
#mother #col-left, #mother .col-left { float: left; width: 100%; margin-right: -260px; _height: 1px;  }
#mother #col-left #float-in, #mother .col-left .float-in { margin-right: 260px; _height: 1px; padding-top: 1px; }
#mother #col-right { width: 250px; float: right; position: relative; _position: static; }

#mother.hp { width: 770px; margin: 0 auto; }
#mother.hp #col-left, #mother.hp .col-left { width: 510px; margin: 0; }
#mother.hp #col-left #float-in, #mother.hp .col-left .float-in { margin: 0; padding: 0; }

#logo { font-size: 330%; float: left;  margin-bottom: 12px; width: 205px; height: 57px; }
#old_logo { font-size: 330%; float: left;  margin-bottom: 7px; width: 205px; height: 57px; }
#logo img { vertical-align: middle; }

/* Header */
#header { margin-top: 0; white-space: nowrap; text-align: right; vertical-align: middle;}
#header h1 { color: #8292BA; font-size: 185%; font-weight: normal; text-transform: lowercase; white-space: nowrap; text-align: left; display: inline; padding: 0; padding: 0; _margin-top: 10px; margin: 17px 0 0 28px; border: none; border-right: 0px solid #8292BA; line-height: 1em; float: left;}
#header #lang { display: inline; margin: 0; position: relative; top: 15px; _top: 10px;}
#header #lang li { display: inline; margin: 0.4em 0 0.2em 5px; }

/* Search area */
.sec { clear: both; }

/* Search form */
#srch-frm { background: url("../img/srch_hl_1.gif") top left no-repeat; margin-bottom: 2px; border-bottom: 1px solid #ffdd00;}
#srch-frm p.head { color: black; font-size: 100%; margin: 0; padding: 0.29em 15px; border-top: 0px solid #FF9900; border-right: 1px solid #ffdd00;}
#srch-frm fieldset { background: #FFDD53 url("../img/bg_search-1-grad.gif") repeat-x 0 0; clear: both; margin: 0; border: 0px solid #FF9900; border-top: 1px solid white; }
#srch-frm legend { display: none; }
#srch-frm h2 { color: black; float: left; margin-bottom: 1em; padding: 0; border: none; }
#srch-frm h4 { color: black; }
#srch-frm p { margin-bottom: 0.3em; }
#srch-frm .spc { padding: 10px 15px; }
#srch-frm .col-a, #srch-frm .col-b, #srch-frm .col-ab { float: left; padding-right: 1%; }
#srch-frm .col-a { width: 39%; }
#srch-frm .col-b { width: 18%; }
#srch-frm .col-ab { width: 59%; padding: 0; }
#srch-frm .col-c { float: left; padding: 1.2em 0 0; }
#srch-frm .col-d {  width: 39%; float: right; padding: 0; }	
#srch-frm .dotlink, #srch-frm .prev { float: right; font-weight: bold; }
#srch-frm .dotlink-big { float: right; margin-top: 0.8em; }
#srch-frm #adv-submit { margin-top: -0.5em; float: right; }
#srch-frm #adv-submit.obor { margin-top: -2em; }
#srch.frml #tip { padding-top: 1.2em;}
#srch-frm .sfull { width: 98.7%; }
.col-th-l{width:32%; margin-right:1.9%; float:left; display:inline; }
.col-th-r{width:32%; float:right;  display:inline; }
#srch-frm .col-th-l input.sfull, #srch-frm .col-th-r input.sfull{ width: 95%; }

#srch-frm .col-h-l input.sfull, #srch-frm .col-h-r input.sfull { width: 98%; }
#srch-frm .sfull { width: 98.7%; }
#srch-frm .col-h-l input.sfull, #srch-frm .col-h-r input.sfull { width: 98%; }

#old_srch-frm { background: #FFCC00; margin-bottom: 2px; border-bottom: 1px solid #ffdd00; }
#old_srch-frm p.head { color: black; font-size: 100%; margin: 0; padding: 0.29em 15px; border-top: 1px solid #FF9900; }

/* Section colors */


#section-2 #srch-frm, #section-2 #srch-frm p.head, #section-2 #main-menu, #section-2 #main-menu li#active { border-color: #7E8AD0; }
#section-2 #srch-frm, #section-2 #main-menu li#active {background: url("../img/srch_hl_2.gif") top left no-repeat; }
#section-2 #srch-frm p.head, #section-2 #main-menu li#active { ;}
* html #section-2 #main-menu li#active, #section-2 #main-menu li#active a { border-bottom-color: #B0B9E4; }
#section-2 #main-menu li#active { background-image: url("../img/tl_2.gif"); }
#section-2 #srch-frm fieldset { background-color: #BCC2E8; background-image: url("../img/bg_search-2-grad.gif"); }
#section-2 #main-menu span { background: url("../img/bg_menu-2-top.gif"); }
#section-2 #main-menu #active a { background-image: url("../img/tl_2.gif"); }

#old_section-2 #srch-frm, #section-2 #main-menu li#active { background-color: #B0B9E4; }

#section-3 #srch-frm, #section-3 #srch-frm p.head, #section-3 #main-menu, #section-3 #main-menu li#active { border-color: #DE6C20; }
#section-3 #srch-frm, #section-3 #main-menu li#active {background: url("../img/srch_hl_3.gif") top left no-repeat; }
* html #section-3 #main-menu li#active, #section-3 #main-menu li#active a { border-bottom-color: #F9B377; }
#section-3 #main-menu li#active { background-image: url("../img/tl_3.gif"); }
#section-3 #srch-frm fieldset { background-color: #FDBA7E; background-image: url("../img/bg_search-3-grad.gif"); }
#section-3 #main-menu span { background: url("../img/bg_menu-3-top.gif"); }
#section-3 #main-menu #active a { background-image: url("../img/tl_3.gif");}

#section-4 #srch-frm, #section-4 #srch-frm p.head, #section-4 #main-menu, #section-4 #main-menu li#active { border-color: #4B64BE; }
#section-4 #srch-frm, #section-4 #main-menu li#active {background: url("../img/srch_hl_4.gif") top left no-repeat; }
* html #section-4 #main-menu li#active, #section-4 #main-menu li#active a { border-bottom-color: #A0C5E1 }
#section-4 #main-menu li#active { background-image: url("../img/tl_4.gif"); }
#section-4 #srch-frm fieldset { background-color: #AED0E7; background-image: url("../img/bg_search-4-grad.gif"); }
#section-4 #main-menu span { background: url("../img/bg_menu-4-top.gif"); }
#section-4 #main-menu #active a { background-image: url("../img/tl_4.gif");}

#section-5 #srch-frm, #section-5 #srch-frm p.head, #section-5 #main-menu, #section-5 #main-menu li#active { border-color: #0A2A9C; }
#section-5 #srch-frm, #section-5 #main-menu li#active { background: url("../img/srch_hl_5.gif") top left no-repeat; }
* html #section-5 #main-menu li#active, #section-5 #main-menu li#active a { border-bottom-color: #A0C5E1; border-bottom-color: #3F90CD }
#section-5 #main-menu li#active { background-image: url("../img/tl_5.gif"); }
#section-5 #srch-frm fieldset { background-color: #50A2D7; background-image: url("../img/bg_search-5-grad.gif"); }
#section-5 #main-menu span { background: url("../img/bg_menu-5-top.gif"); }
#section-5 #main-menu #active a { background-image: url("../img/tl_5.gif");}

/* Main-menu */
#main-menu { background: white; float: right; margin-bottom: 5px; border-bottom: 0px solid #FF9900; margin: -13px 0 0; clear: both; }
#main-menu li { background: #E9EDF6 url("../img/tl_ne.gif") top left no-repeat; float: left; margin-left: 5px; position: relative; }
#main-menu li#active { background: #ffdd00 url("../img/tl_1.gif") top left no-repeat;}
#_main-menu li#active.first { margin-left: 0; border-left: none; }
#main-menu li#active.last { border-right: none; }
#main-menu li#active a { color: black; margin-bottom: -1px; border-bottom: 1px solid #ffdd00; }
#main-menu a { background: #E9EDF6 url("../img/tl_ne.gif") top right no-repeat;
   font-weight: bold; text-decoration: none; display: block; margin: 0 0 0 5px; padding: 0.55em 20px 0.15em 15px;}
#main-menu #active a  { background: #ffdd00 url("../img/tl_1.gif") top right no-repeat;
   font-weight: bold; text-decoration: none; display: block; margin: 0 0 0 5px; padding: 0.35em 20px 0.35em 15px; }
* html #main-menu li#active { border-bottom: 1px solid #ffdd00; margin-bottom: -1px; }
* html #main-menu li a { float: left; height: 1px; }

/* Content */
#content { margin-top: 1.5em; padding-bottom: 0.5em; min-height: 350px; clear: both; }
#content img { border: 1px solid #9CA8C9; }
#content img.no-border, #content .no-img-bord  img {  border: none; }
#content p, #content dl, #content ul { line-height: 1.4em; }
#content .br, #content hr { clear: both; }

/* Cols */
.col-h-l { width: 49%; float: left; }
.col-h-r { width: 49%; float: right; }
div.col-part, ul.col-part li { margin-right: 2%; float: left; overflow: hidden; _display: inline;}
.col-4x, .col-2x { float: left; width: 100%; }
.col-4x div.col-part, .col-4x ul.col-part li { width: 24.8%; w\idth: 23%; }
.col-3x div.col-part, .col-3x ul.col-part li { width: 33%; w\idth: 31%; }
.col-2x div.col-part, .col-2x ul.col-part li { width: 50%; w\idth: 48%; }
.col-65 { width: 65%; float: left; }
.col-60 { width: 59%; float: left; }
.col-40 { width: 39%; float: right; }
.col-20 { width: 20%; float: left; }
.col-33, .col-33-l, .col-33-r { width: 32%; float: left; }
.col-33-l { margin-right: 10px; }
.col-33-r { float: right; }
.s85perc { width: 85%; }
.s30perc { width: 30%; }
.s25perc { width: 25%; }
.s20perc { width: 20%; }

 /* Box */
.box { background: #F1F3F9; margin-bottom: 1.3em; border-bottom: 1px solid #CCD2E3; float: left; width: 100%; }
.box h2 { background: url("../img/tl_mo_box.gif") no-repeat; color: #6C7BA7; font-size: 100%; text-transform: lowercase; margin: 0 0 1px; padding: 0.31em 8px; border: 0px solid #99A5C7; position: relative;}
.box h3, .box a { background-color: transparent; }
.box h4 { color: #666; font-size: 100%; margin-bottom: 0.2em; }
.box p { margin-bottom: 0.5em; }
.box p.spc { margin-bottom: 0; }
.box .spc { padding: 8px 10px; }
.box.hl { background: #FFF8DB; border-bottom-color: #FFE88A; }
.box.hl h2 { background: url("../img/tl_zl_box.gif") no-repeat; color: #C84100; }
.box.hl h2 span.wave { border-bottom: 0px solid #CCD2E3; }
/* Tooltip */
#tooltip { background: #FFF8DB; float: left; width: 100%; border-bottom-color: #FFE88A; margin-top: -1em; position: relative; }
#tooltip .spc { padding: 4px 10px; border-bottom: 4px solid white;}
#tooltip p { xxheight: 1.33em; width: 100%; white-space: nowrap; overflow: hidden; margin-bottom: 0.5em; cursor: pointer; 
xpadding: 4px 10px; 
margin-bottom: 0;

}
/* #tooltip p { height: 1.33em; width: 100%; white-space: nowrap; overflow: hidden; margin-bottom: 0.5em; cursor: pointer; } */
#tooltip a { font-weight: bold; }
#tooltip a.no-bold { font-weight: normal; }
.tooltip-box { font-size: 92%; padding: 0.5em; position: absolute; top: 0px; left: 10px; }
.tooltip-box { background: #FFFFEE; font-size: 92%; width: 400px; padding: 5px; border: 1px solid #44487F; }
.tooltip-box a { display: block; }
.tooltip-box span { display: none; }

/* Directory */
#directory { background: #FCF9EC; float: left; margin-bottom: 1.3em; width: 100%; }
#directory h2 { background: white; margin-bottom: 0; border-bottom-color: #FFEFAE; }
#directory h3 { font-size: 100%; margin-bottom: 0.2em; }
#directory li a, #directory .dir-big a { font-weight: bold; }
#directory p { margin-bottom: 0.5em; }
#directory .spc { background: #FCF9EC; padding: 12px 12px 7px; }
#directory .col-4x li a { font-size: 100%; }
#directory .col-4x li { margin-bottom: 0.2em;  }
#directory .normal a { font-weight: normal !important; }

ul#obory { color: #CC6600; font-size: 22px; font-weight: bold; margin-bottom: 0.5em; }
ul#obory li { display: inline; margin-right: 0.3em; }
ul#obory a { font-size: 14px; }

/* Company list */
#recommend { margin-bottom: 1em; border-bottom: 1px solid #CCD2E3; border-top: 1px solid #CCD2E3; }
#recommend .company-item { padding: 8px 10px 8px 150px;  }
#company-info { color: #666; font-size: 120%; font-weight: bold; margin-bottom: 0.7em; clear: both; }
#company-addr { font-size: 120%; padding-top: 0.5em; }
#company-addr #branch { font-size: 85%; }
#company-logo { padding-top: 1.5em; }
.company-item { padding: 15px 0 15px 145px; clear: left; }
.company-item h3 { margin-bottom: 0.2em; display:inline;}
.company-item h3 b {  font-weight: bold; }
.company-item p.link{display:inline; margin-left:15px; padding-left:15px; border-left:1px solid #636462; font-size:117%;}
.company-item p.link a{color:#DA5709; padding-right:10px; /*background:url(../img/ico-ext.png) 100% 0 no-repeat;*/ font-weight:bold;}
.company-item p.link a:hover{color:black;}
.company-item .dir{margin-top:3px; margin-bottom:2px;}
.company-item .info-btts { margin: 0; float: right; }
.company-item p { margin: 0; padding: 1px  0; }
.company-item p.adr { margin-top: 0; }
.company-item p.adr .pipe{margin:0 5px; color:#626361; font-size:133%;}
.company-item p.adr a.green{background:url('../img/ico-ext-green.png') 100% 1px no-repeat; padding-right:9px;}
.company-item.no-img { padding: 0px 10px 12px 20px; clear: left; }
.company-item.no-img h4 { display: inline;}
.company-item.no-img p { dissubplay: inline;}
.company-item.no-img p.adr { display: block; }
.company-item .blue { background: #F9FBFF; padding: 1em; border: 1px solid #CCD2E3; }
.company-item .blue.var2 { background: #F9FBFF; padding: 1em; padding-left: 150px; margin-left: -150px; border: 1px solid #CCD2E3; }
.company-item h3 a{background:url(../img/ico-ext-blue.png) 100% 0 no-repeat; padding-right:8px;}
.company-item h3 .image-box{ float: left; margin: 0 0 0 -135px;}
.company-item h3 .image-box img{border: none !important; }
.company-item h3 .image-box span{ display:table-cell; width:109px; height:101px; border:1px solid #003399; vertical-align:middle; text-align:center; =display:block; background:white; cursor:pointer; }
.company-item h3 .image-box img{
=margin-top: expression((this.parentNode.offsetHeight - this.offsetHeight) / 2 - 1 + 'px'); 
 /* Takto se obejde chyba IE, kdy IE nereaguje na klik ­ na obrázek v odkazu */
=background-color: expression(this.onclick = function(){ this.parentNode.click(); }) ;
}
.company-item h3 a:hover .image-box span{border-color:black; }

/* Recomended box */
.box.hl.recbox { background: white; border-bottom: 0; margin-bottom: 0; width: 250px; float: right;}
.recbox .company-item { padding: 0 0 7px 0; }
.recbox .company-item .company-logo { float: left; margin: 0 8px 2px 0; }
.recbox .company-item h3 { font-size: 116%; margin-bottom: 3px; font-weight: normal; }
.recbox .company-item p { margin-bottom: 0; }

#col-right { xxxclear: right; }
#mother .col-right-2 { width: 250px; float: right; clear: right; } 

.useful-links h3 {margin-top: 0.75em;}

/* Products */
#products .row { padding: 15px 0; }
#products img { marin-bottom: 20px; border: none; }
#products h3, #products p { margin-left: 195px; }
#products p { margin-bottom: 0.2em; }

/* Graphics files */
#graficke-podklady { margin-bottom: 20px; }
#content .side-imgs { padding-left: 195px; padding-bottom: 1px; clear: both; float: left; _float: none; margin-top: 20px; }
#content .side-imgs img.left { margin-left: -195px; border: none; clear: left;}
#content .side-imgs h4 { color: black; }

#content .side-imgs table { border-spacing: 0; }
#content .side-imgs table caption { padding-bottom: 5px; }

table.oa th, table.oa td{ border-color: #FF9900;}
table.oa thead th{ background: #FFE88B; color: black;}

table.ra th, table.ra td{ border-color: #DE6C20;}
table.ra thead th{ background: #FFD6A8; color: black;}

table.ike th, table.ike td{ border-color: #7E8AD0;}
table.ike thead th{ background: #D2D6F0; color: black;}



/* About */
#about { padding-bottom: 2em; }
#about h2, #about h3 { margin-bottom: 1em; }
#about h4 { font-size: 120%; color: #9DB0CB; }
#about .col-20 { margin-bottom: 1.5em; }
#about dl.tab.wide dt { width: 220px; }
#about dl.tab.wide dd { margin-left: 210px; }
#about #company-addr { padding-top: 0; }

/* History */
#history .col-h-l, #histroy .col-h-r { width: 45%; }
#history h4 { font-size: 14px; font-size: 120%; color: #9DB0CB; float: left; clear: left; }
#history p { margin-left: 3.8em; _height: 1px; }


/* Banners */
/* IK+OA */
#banner-ik a, #banner-oa a { background: #E9EDF6 url("../img/bann/bn-IKE.jpg") no-repeat 0 0; padding-top: 92px; height: auto; border: 1px solid #99A5C7; }
#banner-ik a:hover { border-color: #666699; }
#banner-ik strong,#banner-oa strong { background: #C6CDE0 url("../img/bg_box-head-grad.gif") repeat-x 0 0; color: #003399; font-size: 14px; text-decoration: underline; margin-left: 0; padding: 0.6em 10px; border-top: 1px solid white;}
#banner-ik .text, #banner-oa .text { padding: 5px 10px 10px; display: block; }
#banner-oa a { background: #EBFAFA url("../img/bann/bn-OA.jpg") no-repeat 0 0; border: 1px solid #66CCCC; color: #333; }
#banner-oa strong { background: #62C1C1 url("../img/bann/bg_bn-grad-tyrk.gif") repeat-x 0 0; }

#banner-tm { border: none;  }
#banner-tm a { color: black; text-decoration: none; }
#banner-tm .text { padding: 0 3px 0 95px; line-height: normal; }
#banner-tm .spc { background: #F5F5F5 url("../img/bann/bn_04-sm.jpg") no-repeat 1px 1px; margin-top: 1px; padding: 4px 0 5px 0; border: 1px solid #ccc; }
#banner-tm .biglink { background: white; margin: 0 0 0 75px; padding: 1px 1px 1px 1px; min-height: 0; _height: 1px; text-align: right; }
#banner-tm .biglink a { display: block; padding-right: 5px; min-height: 0; height: 33px; border: 1px solid #FF8AB8; position: relative; }
#banner-tm .biglink a span { background: url("../img/bann/bn_t-mobile.gif") no-repeat 90% 50%; color: #FF0066; display: block; height: 29px; width: 132px; cursor: hand; position: absolute; top: 2px; right: 3px; }
#banner-tm.big { width: 510px; float: left; }
#banner-tm.big .text { padding: 10px 3px 0 155px; margin-bottom: 11px; }
#banner-tm.big .spc  { background-image: url("../img/bann/bn_04.jpg"); }

.bn { line-height: normal !important; margin: 0; clear: both; }
.bn.r { clear: none; }
.bn a { background-repeat: no-repeat; background-position: left bottom; color: black; text-decoration: none; margin-bottom: 1em; clear: both; height: 98px; display: block; border: 1px solid red; }
.bn .dotlink { background: url("../img/ico_dotlink-big.gif") no-repeat 0% 80%; color: #C84100; font-weight: bold; text-decoration: underline; margin-left: 152px; padding: 0px 0 0px 14px !important; cursor: pointer; color: #003399;}
.bn a.sm { width: 250px; w\idth: 248px; clear: none; }
.bn a.sm .text { font-size: 92%; padding-left: 70px; }
.bn a.sm strong { margin-left: 0; }
.bn a:hover strong, .bn a:hover .text { color: black !important; }
.bn strong { font-size: 100%; font-weight: bold; display: block; margin: 0 0 1px 138px; padding: 0.31em 5px 0.31em 14px; border-bottom: 1px solid white; }
.bn .text { padding-left: 152px; display: block; margin-top: 5px; padding-right: 10px; }

.bn.mot01 a { background-color: #F1F3F9; color: #333; background-image: url("../img/bann/bn_01.jpg");  border-color: #CCD2E3; }
.bn.mot01 strong { background: #C8CFE1 url("../img/bg_box-head-grad.gif") repeat-x 0 0; color: #808CAE; }
.bn.mot01 a:hover { border-color: #9BAFD7; }

.bn.mot02 a { background-color: #EBFAFA; color: #333; background-image: url("../img/bann/bn_02.gif");  border-color: #93D4D4; }
.bn.mot02 strong { background: #62C1C1 url("../img/bann/bg_bn-grad-tyrk.gif") repeat-x 0 0; color: white; }
.bn.mot02 a:hover { border-color: #54BBBB; }

.bn.mot03 a { background-color: #F1F3F9; color: #333; background-image: url("../img/bann/bn_02.gif"); border-color: #99A5C7; }
.bn.mot03 strong { background: #B7C0D9 url("../img/bg_box-head-grad.gif") repeat-x 0 0; color: #6C7BA7; }
.bn.mot03 a:hover { border-color: #8690AD; }

.bn.mot05 a { background-color: #F5F5F5; color: #333; background-image: url("../img/bann/bn_05-sm.jpg");  border-color: #ddd; }
.bn.mot05 strong { background: #CFCFCF url("../img/bann/bg_bn-grad-gray.gif") repeat-x 0 0; color: #777; }
.bn.mot05 a:hover { border-color: #aaa; }

.bn.mot07 a { background-color: #FFF8DB; background-image: url("../img/bann/bn_07.jpg"); border-color: #FFE88A; }
.bn.mot07 a:hover { border-color: #FFCD7F; }
.bn.mot07 a.sm { background-image: url("../img/bann/bn_07-sm.jpg"); }
.bn.mot07 strong { background: #FFD321 url("../img/bann/bg_bn-grad-yellow.gif") repeat-x 0 0; color: #C84100; }

.bn.mot08 a { background-color: #F1F3F9; color: #333; background-image: url("../img/bann/bn_08.gif");  border-color: #99A5C7; height: 90px; }
.bn.mot08 a .dotlink{ margin-left: 70px; }

.bn.mot08 strong { background: #C8CFE1 url("../img/bann/bg_bn-grad-tyrk2.gif") repeat-x 0 0; color: #6C7BA7; }
.bn.mot08 a:hover { border-color: #666699; }


/* Subhead */
#subhead { border-bottom: 3px solid #CFD9E7; float: left; width: 100%; clear: both; margin-bottom: 1em; text-align: right; }
#subhead h2 { font-size: 170%; font-weight: normal; float: left; margin: 0; padding: 0; border: none; }
#subhead p { margin: 0; padding-top: 0.3em; }
#subhead a, #subhead .prev { font-weight: bold; margin-left: 10px; }
#subhead .prev a { font-weight: bold; margin-left: 0px; padding: 0; }

#subhead.extra-margin { margin-bottom: 2em; float: left;}

.float-info { float: right; margin: -1.8em 0 0; }
.float-info a.dotlink { margin-left: 1em; }

h2.main { font-size: 150%; font-weight:  normal; padding-bottom: 0.1em; margin-bottom: 0; }

/* Ujednani */
#ujednani { clear: both; }
#ujednani p { padding-bottom: 2px; }
#ujednani div { background: white; height: 26.8em; _height: 28.4em; padding: 0.5em; overflow: auto;  border: 1px solid #A5ACB2; }
#ujednani div p { margin-bottom: 1em; }

/* Pager */
.pager { padding-top: 1em; border-top: 1px dotted #CFD9E7; clear: both; _height: 1px; }
.pager a, .pager span.bold { margin-right: 0.5em; }
.pager a.next-big { margin-left: 0.5em; }
.pager a.prev-big { margin-right: 0.5em; }
.pager-top { margin-left: 1em; }

/* Footer */
#footer-nav { clear: both; margin-bottom: 0.7em; padding: 0.5em 0 1em; border-top: 3px solid #CFD9E7; }
#footer-nav a { margin-right: 0.5em; }
#footer-nav span { display: block; }
#footer { font-size: 92%; clear: both; margin-top: 1em; padding-bottom: 1em; }
#footer a { color: black; }

/* Neplatici  */
#nopay { padding-left: 20px; }
#nopay h3 { font-weight: normal; }

/* Icons */
.ico { background-repeat: no-repeat; background-position: 0 0; padding: 0.2em 0 0.4em 25px; _height: 1px; }
.pencil { background-image: url("../img/ico_pencil.gif"); }
.notes { background-image: url("../img/ico_notes.gif"); }
.industry { background-image: url("../img/ico_industry.gif"); }
.login { background-image: url("../img/ico_login.gif"); }
.logout { background-image: url("../img/ico_logout.gif"); }
.reg { background-image: url("../img/ico_reg.gif"); }
.change { background-image: url("../img/ico_change.gif"); }
.map-cr { background-image: url("../img/ico_map-cr.gif"); padding-left: 105px; min-height: 52px; _height: 52px; }
.map-cr-sm { background: url("../img/ico_map-cr-sm.gif") no-repeat right center; padding-right: 30px; }
.tip { background-image: url("../img/ico_tip.gif"); }
.magnifier { background-image: url("../img/ico_magnifier.gif"); }
.graph { background-image: url("../img/ico_graph.gif"); }

/* IE ONLY RULES */
/* WinIE */
/*\*/
* html #content { height: 350px; }
* #mother, * html .spc, * html #header #lang, * html .box h2 { height: 1px; }
* html #main-menu span { cursor: hand; }
* html #nopay { height: 1px;}
/**/
/* MacIE */
* html div>#main-menu { clear: none; }
* html .box>h2 span.wave { display: none; }

/* Winter 2005 motive */
#motive-winter2005 {background: transparent url("../img/illust/motive-winter2005.png") no-repeat; width: 770px; height: 107px; margin-bottom: 10px;}

#pf-box{ margin-bottom: 0.65em;}

h3.large { font-size: 166%; font-weight: normal; }

/* Order form*/
.order-form table { width: 100%; background: white; margin-bottom: 0; background: transparent; }
.order-form table th, .order-form table td { background: transparent; color: black; border: 0; }
.order-form table th { background: #F1F3F9; }
.order-form table td select.sfull { width: 95%; }

/* Statistics */
.tabs { background: white; float: left; width: 100%; margin-bottom: 4px; border-bottom: 8px solid #FFCC00; margin: 0; clear: both; }
.tabs ul { list-style: none; padding: 0; margin: 0;}
.tabs li { background: #E9EDF6 url("../img/bg_menu-grad.gif") repeat-x 0 0; float: left; margin-right: 4px; border: 1px solid #CCD4E9; border-bottom: none; position: relative; }
.tabs li.active { background: #FFCC00 url("../img/bg_menu-1-grad.gif") repeat-x 0 0; border-color: #FF9B00; }
.tabs li.active.first { margin-left: 0; border-left: none; }
.tabs li.active.last { border-right: none; }
.tabs li.active a { color: black; margin-bottom: -1px; border-bottom: 1px solid #FFCC00; }
.tabs a { font-weight: bold; text-decoration: none; display: block; padding: 0.5em 1.5em; }

.stats-box { margin-top: 15px; padding-bottom: 20px; }
.years {float: right; }
.years li {float: left; margin-left: 10px; font-weight: bold; }

.stats-box h4 { color: #7893BC; margin-bottom: 1em; }

.stats-monthly {margin: 1em 0; background: #F0F3F9; _height: 1px;}
.stats-monthly ul {margin: 0 ; padding: 0; list-style: none; }
.stats-monthly li {width: 64px; float: left; margin: 0; padding: 0; text-align: center; }
.stats-monthly li a {display: block; color: #7893BC; font-weight: bold; text-decoration: none; background: #F0F3F9 url("../img/bg-stats-monthly-off.gif") no-repeat 50% 95%; padding-bottom: 40px; _height: 1px; }
.stats-monthly li a:hover, .stats-monthly li.active a {background: #F9FAFC url("../img/bg-stats-monthly-on.gif") no-repeat 50% 95%; }
.stats-monthly li a .graph {display: block; height: 100px; position: relative; background: none; padding: 5px 0; }
.stats-monthly li a .data {display: block; padding: 5px 0; }
.stats-monthly li a .graph .bar {display: block; height: 50px; background: red; width: 35px; position: absolute; bottom: 0; overflow: hidden;}
.stats-monthly li a .graph .impressions {left: 14px; background: #FFCC00; }
.stats-monthly li a .data .impressions {color: #003380; display: block; }
.stats-monthly li a .data .month, .stats-monthly-keyword li a .data .year {display: block; }
.stats-monthly li.disabled a .data  {font-weight: normal; }
.stats-monthly li.disabled a .graph .bar  {height: 2px !important; }

.stats-daily {margin: 1em 0; font-size: 92%; background: #F0F3F9;}
.stats-daily ul {margin: 0; padding: 0; list-style: none; }
.stats-daily li {width: 24px; float: left; margin: 0; padding: 0; text-align: center; }
.stats-daily li .day-name, .stats-daily-keyword li .day-number { display: block; }
.stats-daily li span.aday {display: block; color: #7893BC; font-weight: normal; text-decoration: none; background: #F0F3F9 url("../img/bg-stats-daily-off.gif") no-repeat 50% 95%; padding-bottom: 5px; _height: 1px; }
.stats-daily li span.aday .graph {display: block; height: 100px; position: relative; background: none; padding: 5px 0; }
.stats-daily li span.aday .data {display: block; padding: 5px 0; }
.stats-daily li span.aday .graph .bar {display: block; height: 50px; background: red; width: 9px; position: absolute; bottom: 0; overflow: hidden;}
.stats-daily li span.aday .graph .impressions {left: 8px; background: #FFCC00; }
.stats-daily li span.aday .data .impressions {color: #003380; display: block; font-weight: bold; }
.stats-daily li.disabled span.aday .data * { font-weight: normal !important; color: #7893BC; }
.stats-daily li.weekend span.aday .day-name, .stats-daily-keyword li.weekend a .day-number {font-weight: bold !important; }
.stats-daily li.disabled span.aday .graph .bar {height: 2px !important;  }

.stats-monthly-keyword {margin: 1em 0; background: #F0F3F9; _height: 1px;}
.stats-monthly-keyword ul {margin: 0 ; padding: 0; list-style: none; }
.stats-monthly-keyword li {width: 64px; float: left; margin: 0; padding: 0; text-align: center; }
.stats-monthly-keyword li a {display: block; color: #7893BC; font-weight: bold; text-decoration: none; background: #F0F3F9 url("../img/bg-stats-monthly-off.gif") no-repeat 50% 95%; padding-bottom: 40px; _height: 1px; }
.stats-monthly-keyword li a:hover, .stats-monthly-keyword li.active a {background: #F9FAFC url("../img/bg-stats-monthly-on.gif") no-repeat 50% 95%; }
.stats-monthly-keyword li a .graph {display: block; height: 100px; position: relative; background: none; padding: 5px 0; }
.stats-monthly-keyword li a .data {display: block; padding: 5px 0; }
.stats-monthly-keyword li a .graph .bar {display: block; height: 50px; background: red; width: 17px; position: absolute; bottom: 0; overflow: hidden;}
.stats-monthly-keyword li a .graph .impressions {left: 14px; background: #D66806; }
.stats-monthly-keyword li a .graph .clicks {left: 32px; background: #003380; }
.stats-monthly-keyword li a .data .impressions {color: #D66806; display: block; }
.stats-monthly-keyword li a .data .clicks {color: #003380; display: block; }
.stats-monthly-keyword li a .data .month, .stats-monthly-keyword li a .data .year {display: block; }
.stats-monthly-keyword li.disabled a .data  {font-weight: normal; }
.stats-monthly-keyword li.disabled a .graph .bar  {height: 2px !important; }

.stats-daily-keyword {margin: 1em 0; font-size: 92%; background: #F0F3F9;}
.stats-daily-keyword ul {margin: 0; padding: 0; list-style: none; }
.stats-daily-keyword li {width: 24px; float: left; margin: 0; padding: 0; text-align: center; }
.stats-daily-keyword li .day-name, .stats-daily-keyword li .day-number { display: block; }
.stats-daily-keyword li span.aday {display: block; color: #7893BC; font-weight: normal; text-decoration: none; background: #F0F3F9 url("../img/bg-stats-daily-off.gif") no-repeat 50% 95%; padding-bottom: 5px; _height: 1px; }
.stats-daily-keyword li span.aday .graph {display: block; height: 100px; position: relative; background: none; padding: 5px 0; }
.stats-daily-keyword li span.aday .data {display: block; padding: 5px 0; }
.stats-daily-keyword li span.aday .graph .bar {display: block; height: 50px; background: red; width: 4px; position: absolute; bottom: 0; overflow: hidden;}
.stats-daily-keyword li span.aday .graph .impressions {left: 8px; background: #D66806; }
.stats-daily-keyword li span.aday .graph .clicks {left: 13px; background: #003380; }
.stats-daily-keyword li span.aday .data .impressions {color: #D66806; display: block; font-weight: bold; }
.stats-daily-keyword li span.aday .data .clicks {color: #003380; display: block; font-weight: bold; }
.stats-daily-keyword li.disabled span.aday .data * { font-weight: normal !important; color: #7893BC; }
.stats-daily-keyword li.weekend span.aday .day-name, .stats-daily-keyword li.weekend a .day-number {font-weight: bold !important; }
.stats-daily-keyword li.disabled span.aday .graph .bar {height: 2px !important;  }

.explanation { float: right; }
.explanation h4 {display: inline; margin: 1px 0 0 0; color: black; float: left; }
.explanation ul {list-style: none; padding: 0;  margin: 0; display: inline; }
.explanation ul li {list-style: none; padding: 0;  margin: 0; margin-left: 1em; display: inline; float: left; }
.explanation ul li .bar {float: left; padding: 0; overflow: hidden; margin-top: 6px; margin-right: 0.3em; width: 8px;  height: 8px; background: gray; }
.explanation ul li.impressions .bar{ background: #D66806; }
.explanation ul li.clicks .bar{ background: #003380; }

/* Soutez */
#form-soutez .spc { background: #144E8D; color: white; padding: 30px; }
#form-soutez .spc h2 { color: white; border: 0; }
#form-soutez .spc h2.question {  color: #FFCB01; background: url(../img/bullet-logo.png) no-repeat 0 50%; padding: 0 0 0 30px; }
#form-soutez .spc .answers { padding: 0 0 0 210px; font-size: 116%;}
#form-soutez .spc #contact p { margin: 0 0 8px 0;}

/* ICO CONTACT */
.icq, .skype{ display:block; margin-top:3px; padding-left:20px;}
.icq { background: url(../img/ico-icq.png) 0 50% no-repeat;}
.skype{background: url(../img/ico-skype.png) 0 50% no-repeat;}