/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #464646;
  margin: 0px; padding: 0px; 
  text-align: center;
  background: url(../images/main_bg.png) top repeat-y #F1F1F1;

}

a{text-decoration: none; color:#dd137b;}
a:hover{text-decoration: underline;}
a img{border: none;}
p {line-height:24px;color: #464646;}
p a {color:#dd137b;}
h1 {color:black; font-size: 30px; font-weight: normal;}
h1.home_page {color:black; font-size: 18px;}
.grid_3 h1 {color:#000;font-weight:normal;font-size:18px;margin:0px; padding:0px; padding-bottom: 0px; padding-top: 2px; }
.grid_3 p {margin-top:10px;}

h2 {color:#000;font-weight:normal;font-size:18px;margin:0px; padding:0px; padding-bottom: 10px; padding-top: 10px;}
h2 a {text-decoration:underline;}
h2 a:hover {text-decoration:none;}

.bold{font-weight: bolder;}
.pink {color:pink;}


/* ------------ LAYOUT ------------ */
#page{position:relative;text-align: left;margin-bottom:50px;}

#header {
  background: url(../images/top.png) no-repeat bottom;
  padding-bottom:35px;
  padding-top:20px;
  position:relative;
}
#logo {display:block; width:200px;}
#main_menu {width:680px;position:absolute; left:300px; top:40px;}
#main_menu .divider {
  float:left;
  display:block;
  height:18px;
  border-left:1px solid #ececec;
  border-right:1px solid #b8b8b8;
  font-size: 0px;
}
#main_menu a {
  float:left;
  font-size:18px;
  display:block;
  padding:0px 27px;
  color: #474747;
}
#main_menu a.active {
  color: #dd137b;
}

#menu_social {
  position:absolute;
  text-align:right;
  width:220px;
  right:15px;
  bottom:0px;
}
#menu_social a,#menu_social span {margin-right:5px;}
#menu_social a:hover img {padding-bottom:2px;}

#content.margin_top{margin-top: 18px;}

.more {padding-right:14px; background:url(../images/arrow_1.png) right no-repeat;font-weight:bold;text-decoration:none;font-size:11px;}
.more:hover {text-decoration:hover;}
.more.padding{margin-left:38px; padding-left: 0;}
.more.green{background-image:url(../images/arrow_3.png);color:#89bf00;}

#slider {margin:0px;background: #e5e5e5;padding:10px;padding-bottom:13px;font-size:11px;margin-bottom:10px; height:374px;}
#slider .description {color:#000;margin-top:7px;margin-left:17px;}
#slider a {color:#000; text-decoration:underline;}
#slider a:hover {text-decoration:none}
#slider .more {background-image:url(../images/arrow_2.png);position:absolute;right:20px; bottom:13px;} 
#slider .left, #slider .right {
    display:block; width:32px; height: 66px;
    position:absolute;
    background: url(../images/arrow_1_lr.png) top left no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/arrow_1_lr.png',sizingMethod='crop');     
    top:160px; z-index:50;
}

#slider .left {background-position:top right; left:0px;}
#slider .right{background-position:top left; right:0px;}
#slider .left:hover {background-position:bottom right;}
#slider .right:hover{background-position:bottom left;}

a:active, a:focus {outline: 0;}

.button {display:block;text-align:center;background-position:top;background-repeat:no-repeat;}
.button:hover {background-position:bottom; text-decoration: none;}
.button.tendr {background-image:url(../images/button_big_bg.png);width:220px; height:49px;font-size:18px;line-height:49px;color:#FFF;}
.button.send {background-image:url(../images/button_send.png);width:100px; height:29px;font-size:15px;font-weight: bolder;line-height:29px;color:#FFF;}

.bubble {background:url(../images/bubble_bg.png) no-repeat;padding:28px;height:120px;display:block; color:#00194C;}
.bubble a {color: #00194C;}
.user {background:url(../images/icon_user.png) no-repeat 12px 0px; padding-left:50px;}
.user a{color:#00194C;}

.rss {background:url(../images/icon_rss.png) no-repeat left;padding-left:26px; display:block; line-height:22px;text-decoration:underline;}
.rss:hover {text-decoration:none;} 

.grid_8 .grid_8{margin:0px;width:300px;}
.grid_8 .grid_4{margin:0px;width:300px;}

ul {padding-left:25px;margin-top:5px;padding-top:5px;margin-left:0px;}          
li {padding-bottom:5px;list-style-type: square;}

ul.checker {padding-left:0px;}
ul.checker li {
  background: url(../images/bullet_hook.png) left top no-repeat;
  padding-bottom:10px;
  padding-top:5px;
  margin-left:0px;
  padding-left:38px; 
  list-style: none; 
}

ul.arrow {padding-left: 15px;}
ul.arrow li {list-style-image: url(../images/li_arrow.png);} 




 h2 {margin-bottom:0px;}
.item p {padding:0px;margin:0px;margin-bottom:5px;}
.item {margin-bottom:20px;}


#footer {
  text-align:left;
  margin-top:50px;
  background:url(../images/footer_bg.png) no-repeat; left;
  display:block;
  font-size:11px;
  width:960px;
  height:100px;
  color:#666666;
  padding-top:40px;
}
#footer .grid_1 {margin:0px;width:110px;padding-left:30px;padding-right:0px;background:url(../images/bg_dotted.png) left repeat-y;}
#footer .copy {display:block;color:#5e5e5e;font-weight:bold;margin-top:15px;}

#footer .menu {line-height:16px;}
#footer .menu a {color:#666666; text-decoration:none;display:block;}
#footer .menu a:hover {text-decoration:underline;}
#footer_bg {text-align:center;}
#footer {margin:auto;}
#footer_bg {display:block;position:relative;}
#decor_bm {display:block; position:absolute; right:0px; bottom:0px;width:199px;height:177px; background:url(../images/bm_bottom.png) no-repeat;}  

.articles h2{padding: 15px 0 0 0px;}
.articles .anot_date{font-weight: bolder;display: block;}


.grid_12.catalog {width:960px;}
.catalog {margin-top:20px;padding:0px; margin-right:0px;margin-left:0px;}
.catalog .item {display:block; float:left; margin:0px; height:280px; margin-left:10px; margin-right:10px; }
.catalog .item .img {display:block; width:294px; height:220px; text-align:center; vertical-align:center; border:1px solid #e5e5e5;padding:2px;}
.catalog .item .img:hover {border-color:#FF9FD2;}
.catalog .item .img img {margin:auto;}
.catalog .desc {background:url(../images/shadow_1.png) no-repeat top; padding-top:5px; padding-left:5px; line-height:140%;}

.catalog.loga .desc .name {}
.catalog.loga .desc .web {}

.catalog.weby .item {height:320px; margin-left:8px; margin-right:8px;}
.catalog.weby .item .img {display:block; width:458px; height:230px;padding-top:12px;}

.grid_12.catalog_detail {width:960px;}
.catalog_detail h2 {padding: 20px 0 20px 0;}
.catalog_detail .paging {position: absolute; top:-50px; left:100px;}         
.catalog_detail .grid_8.image{width:640px;margin-right: 20px; height:500px;}
.catalog_detail .grid_4.desc{width:290px;margin-left: 10px;} 
.catalog_detail .info {display: block; text-align: center; background: url(../images/shadow_2.png) no-repeat center top; padding-top: 15px; margin-bottom: 55px;}
.catalog_detail {margin-top:20px;padding:0px; margin-right:0px;margin-left:0px;}
.catalog_detail .image_box {display:block; width:640px; height:480px; text-align:center; vertical-align:center; border:1px solid #e5e5e5;padding:2px; position: relative;}
.catalog_detail .image_box .img img {margin:auto;}
.catalog_detail .image_box #nav_left{position: absolute; top:221px; left:0; z-index: 10;}
.catalog_detail .image_box #nav_right{position: absolute; top:221px; left:624px;z-index: 10;}

.catalog_article_item {margin-bottom: 5px; border: 1px #ECECEC solid;}
.catalog_article_item:hover {border-color: #DD137B;}


.paging {clear:both;display:block; text-align:center;padding-bottom:20px;}
.paging a {margin-right:3px; padding:5px;padding-right:8px; padding-left:8px; line-height:25px;}
.paging a.active {background: #E5E5E5; color:#000;}
.paging .left {background:url(../images/arrow_2_left.png) no-repeat left top; padding-left:35px;}
.paging .left:hover{background-position: left bottom;} 
.paging .right {background:url(../images/arrow_2_right.png) no-repeat right top; padding-right:35px;}
.paging .right:hover{background-position: right bottom;}


#contact_form{
  background: #F2F2F2 url(../images/contact_form_bg.png) repeat-x top;
  padding: 40px 20px 30px 40px ;
}

#contact_form th{
  vertical-align: top;
  font-weight: normal;
  padding-right: 10px;
}

#contact_form .err{margin-bottom: 15px; line-height: 20px;}

#tender_not{margin-bottom: 15px; line-height: 20px; margin-left: 180px; font-weight: bold;}

.kontakt_img img{border:1px solid #e5e5e5;padding:2px;}
.padding {padding-left: 25px;}


.crumb{padding-bottom: 10px;font-size: 11px;}
.crumb a{background: url(../images/li_arrow.png) no-repeat right center; padding-right: 13px;margin-right: 7px;}



table.catalog_klienti {width:960px;}
.catalog_klienti td{width:240px; height: 170px; border-collapse: collapse; margin: 0; padding: 15px; padding-top: 20px; border-bottom: 1px #E0E0E0 solid;border-right: 1px #E0E0E0 solid; border-spacing: 0;vertical-align: top;}
.catalog_klienti td.td_last {border-right: none; }
.catalog_klienti td.tr_last {border-bottom: none; }
.catalog_klienti .td_cont{position: relative; height:130px;}
.catalog_klienti .title{font-weight: bolder; display: block; margin-bottom:0px;padding:0px;line-height:12px;}
.catalog_klienti .td_cont .short_desc {display:block;margin-top:5px;padding:0px;line-height:14px;}
.catalog_klienti td img {position: absolute; top:45px; left:5px;}
.catalog_klienti .bubble_klient_icon {position: absolute; top:-45px; right:10px;}
.catalog_klienti .bubble_klient {position: absolute; bottom:130px; width:298px; left:-50px; background: none; z-index: 9999;}
.catalog_klienti .bubble_klient .bubble_top{background: url(../images/klienti_bubble_top.png) no-repeat;height:16px;}
.catalog_klienti .bubble_klient .bubble_middle{background: #D2E1EA url(../images/klienti_bubble_middle.png) repeat-x ; min-height:170px; color:#00194D;}
.catalog_klienti .bubble_klient .bubble_bottom{background: url(../images/klienti_bubble_bottom.png) no-repeat ; height:35px; width: 298px;}

.catalog_klienti .bubble_klient .bubble_middle img{position: relative; top:0; left:25px; float: left;}
.catalog_klienti .bubble_klient .bubble_middle .hr {display: block; width: 50px; height: 1px; font-size: 1px; border-bottom: 2px #BDCED9 solid; margin: 0px 0px  15px 25px;}
.catalog_klienti .bubble_klient .bubble_middle .ref{display: block; padding: 10px 25px 25px 25px; line-height: 24px; }
.catalog_klienti .bubble_klient .bubble_middle .who{display: block; position: relative; left:35px; font-weight: bolder;}
.catalog_klienti .bubble_klient .bubble_middle .company{display: block; position: relative; left:35px;}



.page_tendr {background: url(../images/tendr.png) no-repeat ; width: 850px; height: 900px;overflow:hidden; position: relative; text-align: left; z-index:99999;}
.page_tendr h2 {padding-top: 45px; margin-left: 170px;}
.page_tendr p {padding-top: 0; margin-top: 0; margin-left: 170px;}
.page_tendr #contact_form_tendr {position: relative;top:20px;left:170px;&left:0px;}
.page_tendr #contact_form_tendr th {font-weight: normal; text-align: left; vertical-align: top;}

.page_tendr .button.tendr{display: block; position: absolute; top: 200px; left: 200px;}


/*cboxClose{position:absolute; top:-15px; right:105px; color:#A4A4A4; display:block; background:url(../images/close.png) right no-repeat; padding-right:18px; line-height: 20px; width:38px; height:19px; text-indent:0px; z-index: 99999;}
  */     

.top_klienti{width: 620px;}

#videoBar {
  width : 280px;
  height: 380px;
  margin-right: 5px;
  margin-left: 15px;
  padding-top : 20px;
  padding-right : 4px;
  padding-left : 4px;
  padding-bottom : 0px;
}

.playerBox_gsvb{
 float:left;
 width:640px;
 height:380px;
 text-align: left;
 margin: 0;
 margin-right: 20px;
}

.idle_gsvb{
  visibility: visible;
  display: block;
}

.alldone_gsvb{
  visibility: hidden;
  height:0px;
  display: block !important;
}

table.resultTable_gsvb{
  margin: 0; 
}
 
.table_team td{
  padding-right: 20px;
  padding-bottom: 15px;
}


.home_klienti_banner{padding-bottom:10px;}
hr {border:1px solid #DFDFDF;border-bottom:0px;margin:10px;}

.captcha img {position: relative;top:5px;} 

#videoplayer {width: 640px; float: left;}    

.videobar {width:300px; height: 330px; float: right;}
.videobar .item {display: block; width:140px; margin: 0px 10px 10px 0; height:130px; float: left;}
.videobar a img{display: block; margin-right: 8px; margin-bottom: 5px; padding: 1px; border: 1px #999999 solid; }
.videobar h2.title{display: block; font-size: 13px; padding: 0 ; padding-bottom: 3px; height: 30px; position: relative;}
.videobar h2.title a{position: absolute; bottom: 2px;display: block;}
.videobar .desc{display: block; font-size: 11px;padding-bottom: 3px;}