/* CSS Document */
/*
 * green: #95f600
 * gray: #222222
 * yellow #ffff00  
 * orange #FF8221  
*/
a img {border: 0px;}
body {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 14px;
  line-height:150%;
  color: #cccccc;
  background: url('../images/bg.gif') #474747 0px 123px repeat-x;
}
th, td {vertical-align:top;}
#page {
  width: 900px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
}


/*** TOP ***/

#top {position: relative; width: 900px; height: 70px;}
#top .logo {
  position: absolute;
  left: 30px;
  top: 12px;
  width: 164px;
  height: 40px;
}
.sk #top .logo {left:10px; top:6px;}
.pohl #top .logo {left:0px; top:0px;}

#top a.nav {font-size:12px;line-height:100%;position: absolute; width: 70px; height: 20px; background-position: top center; background-repeat: no-repeat; color: #d2d2d2; text-align: center;}
#top a.nav.tree {top: 17px; right: 120px; padding-top: 15px; background-image: url('../images/icon_tree.gif');}
#top a.nav.contact {top: 17px; right: 30px; padding-top: 15px; background-image: url('../images/icon_mail.gif');}
#top a.nav:hover {text-decoration: none;}

/*** BANNER ***/ 

#banner {width: 900px; height: 150px;}
#banner .title {float: left; width: 193px; height: 90px; padding: 60px 0px 0px 18px; color: #ffffff;}
#banner .title .big {font-size: 37px;}
#banner .title .small {font-size: 21px; padding-left: 3px;}
#banner .image {float: left; width: 439px; height: 150px; background-repeat: no-repeat;}
.sk #banner .image {width: 680px;}
#banner .links {float: left; width: 250px; height: 150px;}
#banner .links a img {display: block; float: left; height: 150px; width: 50px;}


#page.orange #banner {background-color: #FF8221;}
#page.orange #banner .image {background-image: url('../images/banner1.jpg');}

#page.green #banner {background-color: #95f600;}
#page.green #banner .image {background-image: url('../images/banner2.jpg');}

#page.gray #banner {background-color: #222222;}
#page.gray #banner .image {background-image: url('../images/banner3.jpg');}

#page.yellow #banner {background-color: #ffff00;}
#page.yellow #banner .image {background-image: url('../images/banner4.jpg');}
#page.yellow #banner .title .big, #page.yellow #banner .title .small {color: #000000;}


#page.bezova #banner {background-color: #dbbd45;}
#page.bezova #banner .image {background-image: url('../images/banner5.jpg');}
#page.bezova #banner .title {padding-top:20px;}
#page.bezova #banner .title .big, #page.yellow #banner .title .small {color: #ffffff;}

#page.vinova #banner {background-color: #af0000;}
#page.vinova #banner .image {background-image: url('../images/banner6.jpg');}
#page.vinova #banner .title {padding-top:20px;}
#page.vinova #banner .title .big, #page.vinova #banner .title .small {color: #ffffff;}





/*** MENU ***/

#menu {width: 888px; height: 39px; background: #313131; margin-top: 1px; padding: 8px 0px 7px 12px;}
#menu a {
  display: block;
  float: left;
  height: 27px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  padding: 12px 8px 0px 8px;
  border-right: 1px solid #515151;
}
/*#menu a {
  display: block;
  float: left;
  height: 27px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  padding: 12px 30px 0px 30px;
  border-right: 1px solid #515151;
}*/
#menu a:hover {background: #515151;}
#menu a.active {background: #222222; font-weight: bold; border: 0px;}
/*********** SUBMENU *************/
.submenu {border-top: 1px solid #666;}
#page #main #content .submenu a {
  display:block; 
  text-align:center;
  color: #999;
  font-weight:bold;
  text-decoration:none;
  width:140px; 
  padding: 10px 5px;
  border-bottom: 1px solid #666;
}

#page #main #content .submenu a.sub3 {
  font-weight:normal;
  text-decoration:none;
  width:140px; 
  padding: 5px 3px;
  text-align:left;
  border-bottom: none;
}

#page #main #content .submenu a:hover {color:#fff;}
#page.orange #main #content   .submenu a.active { color:#FF8221;}
#page.bezova #main #content   .submenu a.active { color:#DBBD45;}
#page.green #main #content .submenu a.active { color:#95F600;}
#page.gray #main #content  .submenu a.active { color:#fff;}
#page.vinova #main #content .submenu a.active { color:#ff885f;}


/*** MAIN ***/

#main {width: 900px; padding: 32px 0px 50px 0px; _padding-bottom: 0px; background: url('../images/bg_main.gif') bottom repeat-x; border-bottom: 6px solid;}
#main .col_left {float: left; width: 150px; padding: 0px 0px 0px 0px;}
#main .col1 {float: left; width:630px; padding: 0px 15px 0px 20px; position:relative;}
#main .col1 .email {display:none;}
#main .col1.short {width:480px;}
#main .col2 {float: left; width: 220px;}


#main .col1 .email input, #main .col1 .email textarea {background:#333; color:#FFF;}

.sitemap a{color:#FFF;text-decoration:underline;}
.sitemap li{ margin-bottom:5px;}
.sitemap a:hover{text-decoration:none;}
.sitemap a.sub1{font-weight:bold;}
.sitemap li.sub2{margin-left:10px;}
.sitemap a.sub3, .sitemap a.sub4, .sitemap a.sub5{display:none;}

#main .contact_form .col1 .email {display:block;}
#main .contact_form .col1 .email input{border:1px solid #999;}
#main .contact_form .col1 .email textarea{border:1px solid #999;}
#main .contact_form .col1 .email .submit_button{padding: 2px 40px;}
#main .contact_form .col1 .email #send_copy{border:none; background:none;}

.no_actualites .col2 {display:none;}
#main .no_actualites .col1 {width:850px;}

#page.no-col #main .col1 {width: 850px;}
#page.orange #main {border-color: #FF8221;}
#page.green #main {border-color: #95f600;}
#page.gray #main {border-color: #222222;}
#page.yellow #main {border-color: #222222;}
#page.bezova #main {border-color: #DBBD45;}
#page.bezova #main {border-color: #ff885f;}




#main .col1 .anot_img {float:left; margin: 0px 30px 20px 0px;padding:0px;border:3px solid #777777;}
.perex_text{color:#F3F3F3;}
#main .body b {color:#F3F3F3;}



h1, h2, h3 {
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 2px 11px;
  font-size: 18px;
  font-weight: normal;
  border-left: 8px solid;
  color: #ffffff;
}

h3{
  height: 14px;
  font-size: 14px;
  border: none;
  padding:0px;
}

h2.slovnik{
  border-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
}

#page.orange h1, #page.orange h2 {border-color: #FF8221;}
#page.green h1, #page.green h2 {border-color: #95f600;}
#page.gray h1, #page.gray h2 {border-color: #565656;}
#page.yellow h1, #page.yellow h2 {border-color: #ffff00;}
#page.bezova h1, #page.bezova h2 {border-color: #DBBD45;}
#page.vinova h1, #page.vinova h2 {border-color: #ff885f;}


h2{font-size:16px;}
/*************** Gallery *********************************/
.gallery a img{
  margin: 3px;
  border: 3px solid #CDCFCF;
  display:block;
}

.gallery .item {
  float:left;
  display:block;
  width:120px;
  height:130px;
  margin-right:34px;
}

.gallery .description {
  text-align:center;
}

.gallery a:hover img{
  border: 3px solid #222222;
}

/******/
.body p img{margin:0px 10px 5px 0px;}

/*** P ***/

#main p {margin: 0px; padding: 0px 0px 14px 0px; text-align: justify;} 
#main p a {text-decoration: underline;}
#main p a:hover {text-decoration: none;}
#page.orange #main a {color: #FF8221;}
#page.green #main a {color: #95f600;}
#page.gray #main a {color: #ffffff;}
#page.yellow #main a {color: #ffff00;}
#page.bezova #main a {color: #DBBD45;}
#page.vinova #main a {color: #ff885f;}



#main img.left {float: left; margin: 12px 30px 12px 0px; border: 3px solid #777777;}


/*** NEWS ***/

#main .col2 .news {margin-bottom: 8px;}
#main .col2 .news .item {margin-bottom: 18px;}
#main .col2 .news a.title {display: block; font-weight: bold;}
#main .col2 .news .date {color: #ffffff;}

#main .col2 .news a.title:hover, #main .col2 .news a.more:hover {text-decoration: none;}

#page.orange #main .col2 .news a.title, #page.orange #main .col2 .news a.more {color: #FF8221}
#page.green #main .col2 .news a.title, #page.green #main .col2 .news a.more {color: #95f600}
#page.gray #main .col2 .news a.title, #page.gray #main .col2 .news a.more {color: #ffffff}
#page.yellow #main .col2 .news a.title, #page.yellow #main .col2 .news a.more {color: #ffff00}
#page.bezova #main .col2 .news a.title, #page.bezova #main .col2 .news a.more {color: #DBBD45}
#page.vinova #main .col2 .news a.title, #page.vinova #main .col2 .news a.more {color: #ff885f}




/*** PRODUCTS ***/

#main .col1 .product {float: left; width: 294px; margin: 0px 20px 15px 10px;}
#main .col1 .product .image {float: left; width: 106px;}
#main .col1 .product .image a img {border: 3px solid #777777;}
#main .col1 .product .image a img:hover {border-color: #b2b2b2;}
#main .col1 .product .text {float: left; width: 170px; padding: 5px 0px 0px 18px;}
#main .col1 .product .text .title {font-size: 14px; color: #ffffff; text-decoration: underline; padding-bottom: 10px;}


/*** FOOTER ***/

#footer {width: 870px; height: 50px; color: #aaaaaa; padding: 7px 15px 0px 15px;  font-size:11px;}
#footer a {color: #d2d2d2;}
#footer a:hover {text-decoration: none;}
#footer .copyright {float: left; width: 230px;}
#footer .design {float: left; width: 640px; text-align:right;}
#footer .menu2 {float: left; width: 640px; text-align: right;}
#footer .menu2 a {padding: 0px 3px 0px 3px;}
#footer .menu2 a.active {text-decoration: none; font-weight: bold; color: #ffffff;}

.cleaner {clear: both;}


/*** VYPIS table ***/
.vypis {border: none; border-collapse: collapse;}
.vypis th{background:#242424; padding: 9px 10px 9px 10px; font-size: 12px; font-weight:bold; border-color: #000; text-align:left;}
.vypis td{background:url("../images/row_bg.gif") #4C4C4C repeat-x; padding-left:5px; padding-right:3px; border-color: #000; vertical-align: middle;}

/***** UPRAVY ***/
#main .col1 .heureka{display:block; color:#FFF; padding: 10px 15px 10px 15px; background:#666; font-size:14px; margin-bottom:10px;}

#main .col1 .bez_ramu{border:none;}
#main .col1 .bez_ramu td{border:none; padding-right:8px;}
#main .col1 .bez_ramu th{border:none;}

.err {color: #ffffff; display:block; border: 1px solid red; padding:10px; margin-bottom:5px;}
.err {color: #ffffff; display:block; }


table.cenik {width:600px; border-collapse: collapse;}
table.cenik th, table.cenik td {text-align:left; border: 1px solid #7F7F7F; padding:5px 10px;}
table.cenik th {background: #DBBD45; color: #FFF;}



.send_contact a {
  display:block;
  width: 222px;
  height: 66px;
  background-position:top; 
  background-repeat:no-repeat;
}
.send_contact a:hover {
  background-position:bottom;  
}


.send_contact .sms{background-image:url(../images/button_contact_sms.gif);}
.send_contact .outlook{background-image:url(../images/button_contact_outlook.gif);}

.captcha {font-weight:bold; color: #FF8221;}


#page.rozh {font-family: arial;}
#page.rozh #banner {background: url('../images/banner-rozh.jpg') no-repeat; border: 5px solid #7b0046; width:890px;height:140px;}
#page.rozh #menu {background:#7b0046; margin-top:0px;}
#page.rozh #menu a{border-right:0px;color:#FFF;}
#page.rozh #menu a:hover {background-color:#8f1d56;}
#page.rozh #menu a.active,
#page.rozh #menu a.active:hover {background-color:#a9396d; font-weight:normal;}
#page.rozh h1,#page.rozh h2{border-left:0px; border-bottom: 1px solid #f2cf44;padding-left:0px; padding-bottom:10px;}
#page.rozh a {color: #f2cf44;}
#page.rozh #main {border-bottom:0px;}
#page.rozh #main a{color:#FFF;}
#page.rozh #footer {background-color:#323232;}
#page.rozh .heureka {background-color:#323232;}
#page.rozh #main #content .submenu a.active {background-color:#626262;color:#FFF;}
#page.rozh #top .logo {left:0px;top:0px;}
#page.rozh #top a.nav {color:#FFF;}

.hcproficz {position:absolute; left:500px; top:5px;}

.ref {float:left; display:block; margin-right:10px;margin-bottom:10px;padding:0px; border:2px solid #FFF; height:93px;}
a.ref img {margin:0px;}
a.ref:hover {border:2px solid #FF8221;}

div#crumb_menu{
  padding-left: 20px;  
  padding-top: 5px;
  font-size: 12px;
}

div#crumb_menu a{
  color: #818181;
}

div.block_dict h2{
  margin-top: 25px;
  margin-bottom: 5px;
}

div.block_dict div.words{
  padding-left: 22px;
}

.form_note{
          width: 290px; height: 80px;
          }



.body {position: relative;}

.mapka {display: block; width: 448px; height: 312px; position: absolute; right: 0; top:35px;}
.mapka_bg {background: url(../images/mapka.png) no-repeat ;  z-index: -1; position: absolute; top: 0; left: 0;width: 448px; height: 312px;}
.txt_city {height: 9px;display: block; position: absolute; z-index: 1;}
.txt_city:hover {background-position: top !important;}
#txt_praha {width: 34px; background: url(../images/txt_pra.png) no-repeat bottom; left: 142px; top: 111px;}
#txt_plzen {width: 26px; background: url(../images/txt_plz.png) no-repeat bottom; left:  88px; top: 135px;}
#txt_ceskebudejovice {width: 79px; height: 14px; background: url(../images/txt_bud.png) no-repeat bottom; left: 132px; top: 169px;}
#txt_brno {width: 23px; background: url(../images/txt_brn.png) no-repeat bottom; left: 250px; top: 190px;}
#txt_kutnahora {width: 58px; height: 10px; background: url(../images/txt_kut.png) no-repeat bottom; left: 205px; top: 103px;}
#txt_bratislava {width: 49px; height: 11px; background: url(../images/txt_bra.png) no-repeat bottom; left: 303px; top: 254px;}

.call {color: #FFF; margin-top: 190px !important;}
.big {font-size: 20px;}
.reg {font-size: 9px; width: 285px; line-height: 12px;}

#tabs {margin-top: 35px;} 
#tabs ul {margin: 0 ; padding: 0 0 35px 10px ; background: url(../images/tabs_line.png) repeat-x bottom; height: 26px;}
#tabs ul li {margin: 0 2px 0 0; display: block; float: left;  }
#tabs ul li a {color: #FFF !important; font-size: 12px; background: #313131 url() ; border: 1px #505050 solid ; border-width: 1px 1px 0px 1px; padding: 5px 12px 8px ;text-decoration: none;}
#tabs ul li a.active {background: #ff8221 url() ; font-weight: bolder; border-color: #ff8221;}

.bez_ramu {padding-left: 10px;}

.contact_line {background: url(../images/contact_line.png) repeat-x ; height: 32px; margin-bottom: 10px;}

.clear {float: none; clear: both;}

#plusone {position:absolute;right:180px; top:32px;}