/* 
    Document   : _style
    Created on : 11.9.2013, 18:28:51
    Author     : Ondra Bilek
    Description:
        Purpose of the stylesheet follows.
*/
/*
HELPER

    background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
    background-image: linear-gradient(top, #ffffff, #eaeaea);

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
*/
@font-face {
  font-family: "MS500";
  src: url("fonts/MuseoSans-500.otf") format("opentype");
}
@font-face 
{
  font-family: "Biko Black";
  src: url("fonts/Biko_Black.otf") format("opentype");
}
@font-face {
  font-family: "Biko Bold";
  src: url("fonts/Biko_Bold.otf") format("opentype");
}
@font-face {
  font-family: "Biko Regular";
  src: url("fonts/Biko_Regular.otf") format("opentype");
}
.radius7
{
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
}
.radius5
{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.radius5bottom
{
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.radius3
{
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.brown_border
{
  border: 1px solid #e7e7e7;
}
.brown_border_darker
{
  border: 1px solid #dcdcdc;
}
.red_dotted
{
  border: 1px dotted red;
}
html, body
{
  width: 100%;
  height: 100%;
  font-family: Verdana;
  font-size: 12px;
}
body
{
  background: url("images/background.png") white repeat-x;
  background-position: left top;
  position: relative;
}
#header
{
  width: 1170px;
  height: 85px;
  background: transparent;
  position: relative;
  left: 50%;
  margin-left: -585px;
  top: 40px;

}
#logo
{
  width: 202px;
  height: 83px;
  background: url("images/logo.png") transparent no-repeat;
  position: absolute;
  top: 0;
  left: 20px;
  display: inline-block;
}
#menu
{
  background-image: -moz-linear-gradient(top, #fbfbfb, #f4f6f9);
  background-image: -ms-linear-gradient(top, #fbfbfb, #f4f6f9);
  background-image: -webkit-linear-gradient(top, #fbfbfb, #f4f6f9);
  background-image: -o-linear-gradient(top, #fbfbfb, #f4f6f9);
  background-image: linear-gradient(top, #fbfbfb, #f4f6f9);
  position: absolute;
  right: 0px;
  top: 40px;
  height: 18px;
  width: 790px;
  padding: 10px 30px;
  z-index: 3;
  font-family: "MS500";
}
.menu a
{
  color: #727272;
  font-size: 15px;
  text-decoration: none;
  padding: 2px 6px;
  background: transparent;
  margin: 0 3px;
}
#menu a[multiple=true]{
  background: url("images/down.png") no-repeat transparent;
  background-position: 4px center;
  padding-left: 20px;
}
#menu a.radius5:hover,
#menu a.radius5[active="true"]
{
  background-image: -moz-linear-gradient(top, #c31b1c, #9a052e);
  background-image: -ms-linear-gradient(top, #c31b1c, #9a052e);
  background-image: -webkit-linear-gradient(top, #c31b1c, #9a052e);
  background-image: -o-linear-gradient(top, #c31b1c, #9a052e);
  background-image: linear-gradient(top, #c31b1c, #9a052e);
  background-repeat: no-repeat, repeat;
  color: white;
}
#menu a.radius5.activeAlways
{
  /*background: url("images/down_hover.png") #99042e no-repeat;*/
  background-image: -moz-linear-gradient(top, #c31b1c, #9a052e);
  background-image: -ms-linear-gradient(top, #c31b1c, #9a052e);
  background-image: -webkit-linear-gradient(top, #c31b1c, #9a052e);
  background-image: -o-linear-gradient(top, #c31b1c, #9a052e);
  background-image: linear-gradient(top, #c31b1c, #9a052e);
  background-repeat: repeat;
  color: white;
}
#menu a[multiple="true"]:hover,
#menu a[multiple="true"][active="true"]:hover,
#menu a[multiple="true"][active="true"],
#menu a.activeAlways[multiple="true"]
{
  /*background: url("images/down_hover.png") #99042e no-repeat;*/
  background-image: url("images/down_hover.png"), -moz-linear-gradient(top, #c31b1c, #9a052e);
  background-image: url("images/down_hover.png"), -ms-linear-gradient(top, #c31b1c, #9a052e);
  background-image: url("images/down_hover.png"), -webkit-linear-gradient(top, #c31b1c, #9a052e);
  background-image: url("images/down_hover.png"), -o-linear-gradient(top, #c31b1c, #9a052e);
  background-image: url("images/down_hover.png"), linear-gradient(top, #c31b1c, #9a052e);
  background-position: 6px center;
  background-repeat: no-repeat, repeat;
  color: white;
}
.fb_link{
  /*  width: 120px;
    height: 35px;*/
  display: inline-block;
  position: absolute;
  top: -60px;
  left: -155px;
  background-position: center center;
}
.fb_link iframe{
  z-index: 1000;
}
#fonter
{
  position: absolute;
  right: 90px;
  top: 30px;
}
#fonter #blind
{
  position: absolute;
  width: 21px;
  height: 23px;
  bottom: 0px;
  background: url("images/blind_man.png") transparent no-repeat;
  background-position: left bottom;
}
#fonter #blind:hover
{
  background-position: left top;
}
#fonter #bigger
{
  position: absolute;
  width: 28px;
  height: 22px;
  bottom: 0px;
  left: 25px;
  background: url("images/bigger.png") transparent no-repeat;
  background-position: left bottom;
}
#fonter #bigger:hover
{
  background-position: left top;
}
#fonter #smaller
{
  position: absolute;
  width: 19px;
  height: 17px;
  bottom: 0px;
  left: 59px;
  background: url("images/smaller.png") transparent no-repeat;
  background-position: left bottom;
}
#fonter #smaller:hover
{
  background-position: left top;
}
#main_page_banner
{
  position: relative;
  left: 50%;
  top: 0px;
  margin-left: -656px;
  margin-top: 70px;
  height: 341px;
  width: 1312px;
  background: url("images/big_shadow.png") transparent no-repeat;
  background-position: center 290px;
}
#banner_picture
{
  position: absolute;
  left: 50%;
  margin-left: -585px;
  width: 1170px;
  height: 288px;
  top: 0;
  background: url("images/slider1.png") transparent no-repeat;
  background-size: cover;
  background-position: center -91px;
}
#banner_picture span
{
  font-size: 21px;
  font-style: italic;
  position: relative;
  left: 20px;
  top: 20px;
}
.arrow_div
{
  position: absolute;
  top: 50%;
  margin-top: -20px;
  height: 41px;
  width: 37px;
}
.arrow_div a
{
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
}
#left_arrow_div
{
  left: 0px;
  background: url("images/left_arrow_background.png") transparent no-repeat;
}
#left_arrow_div a
{
  background: url("images/arrow_left.png") transparent no-repeat;
  background-position: left bottom; 
  left: 50%;
  margin-left: -8px;
}
#left_arrow_div a:hover
{
  background-position: left top; 
}
#right_arrow_div
{
  right: 0;
  background: url("images/right_arrow_background.png") transparent no-repeat;
}
#right_arrow_div a
{
  background: url("images/arrow_right.png") transparent no-repeat;
  background-position: left bottom;
  left: 50%;
  margin-left: -3px;
}
#right_arrow_div a:hover
{
  background-position: left top;
}
.panel p
{
  font-family: Tahoma;
  color: #313030;
  font-size: 13px;
  line-height: 160%;
}
.panel_wide a
{
  color: white;
  font-size: 15px;
  padding: 3px 25px 6px 5px;
  background: url("images/white_arrow.png") #99042e no-repeat;
  background-position: 90% center;
  text-decoration: none;
  position: absolute;
  bottom: 8px;
  right: 30px;
  font-weight: bold;
}
.panel_wide a:hover
{
  text-decoration: underline;
}
#panels_first_row
{
  width: 1170px;
  position: relative;
  left: 50%;
  margin-left: -585px;
  height: auto;
  /*top: 515px;*/

}
.panel_wide
{
  vertical-align: top;
  position: relative;
  width: 243px;
  padding: 34px 25px 50px 25px;
  top: 0;
  background-image: -moz-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: -ms-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: -webkit-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: -o-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: linear-gradient(top, #fefdfd, #ecf2fa);
  display: inline-block;
  margin:0 25px 0 0px;
}
.panel_narrow
{
  position: absolute;
  width: 196px;
  padding: 34px 25px 50px 25px;
  top: 0;
  background-image: url(images/calculator_link_background.png), -moz-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: url(images/calculator_link_background.png), -ms-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: url(images/calculator_link_background.png), -webkit-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: url(images/calculator_link_background.png), -o-linear-gradient(top, #fefdfd, #ecf2fa);
  background-image: url(images/calculator_link_background.png), linear-gradient(top, #fefdfd, #ecf2fa);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.panel_narrow a
{
  padding: 0;
  background: none;
  text-decoration: none;
  color: black;
  position: absolute;
  top: 55px;
  left: 20px;
  font-family: Arial;
  font-size: 24px;
}
.panel_narrow a h1
{
  font-size: 17px;
  color: #8b8888;
  font-family: Tahoma;
}
.panel_wide h1
{
  font-size: 23px;
  color: #99042e;
  margin-bottom: 10px;
  margin-left: -10px;
  letter-spacing: -0.8px;
}
.panel_wide ul
{
  list-style: circle;
  line-height: 185%;
  min-height: 110px;
  padding: 0 0 0 20px;
}
.grey_line
{
  background: #a3a2a2;
  height: 2px;
  width: 145px;
  margin-bottom: 10px;
}
#panel_1_4
{
  padding: 0;
  right: 0px;
  height: 100%;
}
#panels_second_row
{
  position: relative;
  left: 50%;
  height: 160px;
  /*    margin-left: -585px;
      margin-top: 40px;*/
  margin: 40px 0 0px -585px;
  /*top: 805px;*/
  width: 1170px;
}
.panel160
{
  position: absolute;
  height: 160px;
  padding: 0;
  font-size: 23px;
  color: #99042e;
  font-family: Arial;
}
#panel_2_1
{
  width: 345px;
  background: url("images/panel_2_1_background.png") white no-repeat;
  background-position: -70px 50%;
}
#panel_2_1 div,
#panel_2_2 div,
#panel_2_3 div
{
  position: absolute;
  top: 40px;
  left: 170px;
}
#panel_2_2 div,
#panel_2_3 div
{
  left: 200px;
}
#panel_2_2
{
  left: 375px;
  width: 350px;
  background: url("images/panel_2_2_background.png") white no-repeat;
  background-position: left 50%;
}
#panel_2_3
{
  right: 0px;
  width: 400px;
  background: white;
}
#panel_2_3 img
{
  position: absolute;
  left: -35px;
  bottom: -7px;
}
.panel160 a
{
  font-family: Arial;
  color: #4e4e4e;
  font-size: 12px;
  padding: 6px 25px 5px 5px;
  background: url("images/arrow_grey.png") white no-repeat;
  background-position: 90% center;
  text-decoration: none;
  position: absolute;
  bottom: 8px;
  right: 30px;
  font-weight: normal;
}
.panel160 a:hover
{
  /*background-color: #99042e; 99042e*/
  text-decoration: underline;
  /*color: white;*/
}
.panel160 h1
{
  font-family: Tahoma;
  font-weight: 600;
  color: black;
  font-size: 15px;
  margin-bottom: 20px;
}
#footer
{
  position: relative;
  height: 160px;
  width: 1170px;
  left: 50%;
  margin: 50px 0 0 -585px;
  /*background:  url("images/sponsors.png") white no-repeat;*/
  background-position: left top;
  text-align: right;
  vertical-align: middle;
  font-family: Arial;
  color: black;
  font-size: 13.2px;
  padding-top: 30px;
}
#footer #sponsors{
  background:  url("images/sponsors2.png") white no-repeat;
  display: inline-block;
  width: 603px;
  height: 93px;
  position: absolute;
  left: 0;
  top: 0;
}
#footer a
{
  color: #00378c;
}
#dald{
  position: absolute;
  bottom: 80px; 
  right: 0px;
  font-size: 11px;
  color: #bab5b5;
}
#dald a{
  color: #797373;
  text-decoration: none;
  font-family: "Biko Regular","Arial";
}
.menu_list {
  background: #f7f8f8;
  display: none;
  overflow: hidden;
  padding: 20px 0;
  position: absolute;
  top: 38px;
  z-index: -10;
  opacity: .99;
  width: auto;

}
.menu_list a {
  background: url("images/menu_item_arr.png") no-repeat transparent;
  padding: 6px 15px 6px 45px;
  background-position: 20px center;
  display: inline-block;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  margin-left: -10px;
}
.menu_list li a:hover {
  background: url("images/menu_item_arr_hov.png") no-repeat #c31b1c;
  background-position: 20px center;
  color: white;
}
#subpage{
  background: none repeat scroll 0 0 transparent;
  left: 50%;
  margin: 65px 0 0 -585px;
  min-height: 200px;
  position: relative;
  width: 1170px;
}
#subpage_headline{
  padding: 6px 0 6px 28px;
  background: url("images/tick_black.png") no-repeat 0px center transparent;
  color: #636363;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  left: 25px;
  top: -10px;
}
#subpage_menu{
  background: transparent;
  display: inline-block;
  width: 190px;
  height: 250px;
}
#subpage_content{
  background: none repeat scroll 0 0 white;
  display: inline-block;
  width: 850px;
  vertical-align: top;
  border: 1px #cbcbcb solid;
  padding: 50px 55px;
  min-height: 600px;
  position: relative;
  left: 10px;
  overflow: hidden;
}
#subpage_menu .menu_list{
  display: inline-block;
}
.left_menu a{
  background-image: -moz-linear-gradient(top, #ffffff, #efeff0);
  background-image: -ms-linear-gradient(top, #ffffff, #efeff0);
  background-image: -webkit-linear-gradient(top, #ffffff, #efeff0);
  background-image: -o-linear-gradient(top, #ffffff, #efeff0);
  background-image: linear-gradient(top, #ffffff, #efeff0);

  display: inline-block;

  width: 155px;
  padding: 15px;
  margin: 0 0 5px 0;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  border: 1px solid #e3e3e4;

  color: #101010;
  font-family: Arial;
  font-size: 18px;
  text-decoration: none;
}
.left_menu a:hover,
.left_menu a.active{
  background-image: -moz-linear-gradient(top, #c31b1c, #99042e);
  background-image: -ms-linear-gradient(top, #c31b1c, #99042e);
  background-image: -webkit-linear-gradient(top, #c31b1c, #99042e);
  background-image: -o-linear-gradient(top, #c31b1c, #99042e);
  background-image: linear-gradient(top, #c31b1c, #99042e);

  border: 1px solid transparent;

  color: white;
}
.left_menu a.active{
  cursor: default;
}
.left_menu a:hover{
  text-decoration: none;
}
#subpage h1{
  font-family: Arial;
  color: #99042e;
  font-weight: bold;
  font-size: 28px;
  margin: 0 0 25px 0;
}
.tick_list{

}
.tick_list li{
  background: url("images/tick_brown.png") no-repeat 0px center transparent;
  padding: 2px 0px 6px 28px;
  margin: 0 0 8px 0;
  font-family: Arial;
  color: #101010;
  font-size: 15px;
}
.contactform_title,
.title1, .title27{
  font-family: "MS500";
  font-size: 27px;
  color: #99042e;
  margin: 0px 0 0 0;
  font-weight: bold;
  display: block;
}
.title23{
  font-family: "MS500";
  font-size: 23px;
  color: #99042e;
  margin: 0px 0 0 0;
  font-weight: bold;
  display: block;
}
.title2, .title18{
  font-family: "MS500";
  font-size: 18px;
  color: black;
  margin: 0px 0 0 0;
  font-weight: bold;
  display: block;
}
.title3{
  font-family: "MS500";
  font-size: 16px;
  color: black;
  margin: 25px 0 10px 0;
  font-weight: bold;
  display: block;
}
.title4{
  font-family: "MS500";
  font-size: 14px;
  color: black;
  margin: 25px 0 10px 10px;
  font-weight: bold;
  display: block;
}
form[name="contactform"] input[type="text"]{
  border: 1px solid #e3e3e4;
  background: white;
  font-size: 14px;
  padding: 10px 16px;
  font-family: Verdana;
  font-weight: bold;
  margin: 0 0 20px 20px;
  width: 210px;
}
form[name="contactform"] textarea{
  border: 1px solid #e3e3e4;
  background: white;
  font-size: 14px;
  padding: 10px 16px;
  font-family: Verdana;
  font-weight: bold;
  position: absolute;
  top: -1px;
  right: 20px;
  width: 500px;
  height: 170px;
}
form[name="contactform"] input[type="submit"]{
  position: relative;
  left: 640px;
  top: 35px;
  border: none;
  background: url("images/save_arrow.png") no-repeat #c31b1c;
  padding: 10px 45px 10px 80px;
  background-position: 45px center;   
  color: white;
  font-family: Verdana;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}
.calc_line_type_1{
  position: relative;
}
.calc_line_type_2{
  margin: 0 0 0 30px;
  position: relative;
}
.calculator label{
  display: inline-block;
  cursor: pointer;  
  position: relative;  
  padding: 8px 0 0 40px;  
  margin-right: 15px; 
  min-height: 16px;
  width: 100%;
  vertical-align: middle;
  font-family: "MS500";
  font-size: 17px;
}
.calculator input[type=checkbox],
.calculator input[type=radio]{
  display: none;
}
.calculator label span{
  content: "";  
  display: inline-block;  
  width: 18px;  
  height: 18px;  
  margin-right: 10px;  
  position: absolute;  
  left: 15px;  
  bottom: 2px;  
  background: url("images/square.png") transparent no-repeat;  
}
.calculator .calc_line_type_1{
  width: 100%;
}
.calculator .title1{
  margin: 0px 0 40px 0;
}
.calculator .title2{
  margin: 40px 0 25px 0;
}
.calc_holder{
  height: 115px;
  width: 960px;
  position: relative;
  left: -55px;
  top: 0;
  margin: 25px 0 0 0;
}
#send_calculation{
  height: 115px;
  background: #edeaea;
  width: 960px;
  position: absolute;
  bottom: 0;
  border-top: 1px #cbcbcb solid;
}
.calculator input[name="show_contact_form"]{
  border: none;
  background: url("images/bubbles_white.png") #484848 no-repeat;
  background-position: 50px center;
  color: white;
  font-family: "MS500";
  font-size: 18px;
  padding: 22px 50px 20px 105px;
  cursor: pointer;
  position: absolute;
  right: 48px;
  top: 22px;
}
.calculator .send_calculation_note{
  color: #6c6061;
  font-size: 16px;
  font-family: "MS500";
  display: inline-block;
  position: absolute;
  top: 67.5px;
  height: 18px;
  margin: -9px 0 0 0;
  left: 90px;
}
.calculator_column{
  width: 320px;
  display: inline-block;
  vertical-align: top;
  margin: 0 50px;
}
.calc_line_type_2 input[type="text"]{
  width: 25px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 1px;
  display: inline-block;
  border: 1px solid black;
  font-family: "MS500";
  font-size: 14px;
}
#result{
  width: 280px;
  text-align: right;
  border: 1px solid #b1b1b7;
  font-family: "MS500";
  font-size: 29px;
  padding:15px
}
#result_headline{
  font-family: "MS500";
  font-size: 16px;
  color: #b21224;
  margin: 25px 0 10px 0;
  display: inline-block
}
#map_bottom{
  background: url("images/map.png") no-repeat scroll 0 0 transparent;
  bottom: -35px;
  display: inline-block;
  height: 221px;
  left: -2px;
  position: absolute;
  width: 964px;
}
.address{
  color: black;
  font-family: Verdana;
  font-size: 14px;
  padding: 0 0 0 32px;
  display: block;
  margin: 0 0px 45px 45px;
  max-width: 340px;
  font-weight: bold;
}
#address_1{
  background: url("images/location.png") transparent no-repeat;
  background-position: left 9px;
  line-height: 32px;
}
#address_2{
  color: #6d6a6a;
  background: url("images/P.png") transparent no-repeat;
  background-position: left 1px;
}
#map_button{
  background: url("images/globe.png") #c31b1c no-repeat;
  background-position: 28px center;
  color: white;
  text-decoration: none;
  padding: 11px 30px 11px 55px;
  font-weight: bold;
  font-family: "MS500";
  font-size: 16px;
  margin: 25px 0 0 77px;
  display: inline-block;
}
#map_button:hover{ text-decoration: none; }
#map_canvas {
  height: 350px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 43px;
  top: 115px;
  width: 425px;
}
.text_page p{
  line-height: 130%;
}
.text_page li{
  background: url("images/tick_brown.png") no-repeat 0px center transparent;
  padding: 2px 0px 6px 28px;
  margin: 0 0 8px 0;
}
#menu .menu_item:hover{
  background: blue;
}
.o_projektu b{
  margin: 18px 0 0 0; 
  display: inline-block;
}
.pricelist th{
  padding: 4px 18px;
  background: #99042e;
  color: white;
  font-weight: bold;
}
.pricelist th:first-of-type{
  border-right: 1px solid #ab3e5d;
}
.pricelist td{
  padding: 4px 10px;
  text-align: center;
  border: 1px solid #99042e;
  border-top: none;
  border-left: none;
}
.pricelist tr td:first-child,
.pricelist tr th:first-child {
  text-align: left;
}
.pricelist tr td:nth-child(2),
.pricelist tr th:nth-child(2) {
  text-align: right;
}
.pricelist td:first-of-type{
  border-left: 1px solid #99042e;
}
.pricelist tr:nth-of-type(2n+1){
  background: #fcf5f5;
}
.pricelist tr:hover{
  background: #f6dede;
}
.logos{
  background:  url("images/sponsors.png") white no-repeat;
  width: 603px;
  height: 93px;
  position: relative;
  margin: 0 auto;
}
.logos2{
  background:  url("images/sponsors2.png") white no-repeat;
  width: 603px;
  height: 93px;
  position: relative;
  margin: 0 auto;
}
/*--------------------------------------------------
CSS Tomáš Kolouch
---------------------------------------------------*/
.facebook_box {
  display: inline-block;
  position: absolute;
  top: -60px;
  left: -295px;
  width: 130px;
  height: 61px;
  background-color: rgb(0,78,144);
  border-radius: 5px;
}
.facebook_box img {
  max-width: 110px;
  margin: 10px 0 0 10px;
}
.msk-image {
  display: block;
  width: 214px;
  margin: 0 auto;
}
.msk-image img {
  max-width: 100%;
}
.added-text {
  margin: 2em 0 7em;
}