article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block; overflow:hidden;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.5; background-image:url(../img/bag_01.png); background-position:top; background-repeat:repeat-x; background-color:#daf8b2;  }
body, button, input, select, textarea { font-family: Arial, sans-serif; color: #666666; }
::-moz-selection { background: #37DAC1; color: #fff; text-shadow: none; }
::selection { background: #37DAC1; color: #fff; text-shadow: none; }	


a { color: #123512; cursor: pointer; }
a:hover { color: #123512; 
transition: color 0.2s linear;-moz-transition: color 0.2s linear;-webkit-transition: color 0.2s linear;-o-transition: color 0.2s linear;  } 
a:visited { color: ;}
*:hover, *:focus, *:active { outline: 0; outline: none; color: #666; }


abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
p {margin:0 0 1em; text-indent:2em; text-align:justify; display:block; width:100%}
pre, code, kbd, samp { font-family: monospace, monospace; font-family: 'courier new', monospace; font-size: 1em; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
blockquote { margin: 0 20px 20px 0; padding: 5px 5px 5px 15px; border-left: 1px solid #DDD; font-style: italic; color: #999; }
b, strong, .strong { font-weight: bold; }
small, .small { font-size: 85%; }
address{font-style: normal;}


dd { margin: 0 0 0 40px; }
ul, ol, menu { list-style: none; list-style-image: none; margin: 0; padding: 0; }


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

.tab{  background-image:url(../img/bag_02.png); background-position:top ; background-repeat:repeat-x; background-color:#daf8b2;}
td { vertical-align: top; padding: 3px 4px 1px 10px;  border:solid; border-color:#999; border-width:1px;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 1em }
h1 { font-size: 50px; letter-spacing: 0.1em; line-height: 1em; color: #555; margin: 0 0 30px; font-weight: normal; }
h2 { font-size: 30px; margin: 0 0 20px; letter-spacing: -0.05em; color: #555; line-height: 1; }
h3 { font-size: 21px }
h4 { font-size: 18px; padding-top:40px; }
h5 { font-size: 11px; margin: 0; color: #555; }
h7 { font-size: 14px; margin: 0; color: #555; font-weight:bold }
h6 { font-size: 12px; margin-bottom: 2px; }
body { width: 100%; min-width: 988px; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; display: block; clear: both; overflow: hidden; padding: 0 5px; width: 1200px; }
.column4 { width: 22.6993865%; overflow: hidden; float: left; display: block; height: 100%; padding:0px 20px 0px 0px}
.column_lit { width: 18%; overflow: hidden; float: left; display: block; height: 100%; margin:0px 20px 23px 0px; background-color:#FFF; border:solid; border-color:#999; border-width:1px;}
.column3 { width: 31.2883436%; overflow: hidden; float: left; display: block; height: 100%; }
.column2 { width: 56.4662577%; overflow: hidden; float: left; display: block; height: 100%; }
.column2n { width: 48.4662577%; overflow: hidden; float: left; display: block; height: 100%; }
.column2s { width: 39.4662577%; overflow: hidden; float: left; display: block; height: 100%; }
.column1 { width: 100%; overflow: hidden; float: left; display: block; height: 100%; margin-bottom:40px; }
.column1_a { width: 100%; overflow: hidden; float: left; display: block; margin-bottom:0px; }
.mleft { margin-left: 3.06748466% }
.mright { margin-right: 3.06748466% }
.column4in { width: 30.5785124%; overflow: hidden; float: left; display: block; height: 100%; }
.column3in { width: 42.1487603%; overflow: hidden; float: left; display: block; height: 100%; }
.column2in { width: 65.2892562%; overflow: hidden; float: left; display: block; height: 100%; }
.mbottom { margin-bottom: 30px }
.mr { margin-right: 10px }
.mb { margin-bottom: 10px }
.fright, .fleft { display: block; overflow: hidden; }
.fright { float: right }
.fleft { float: left }
.dd { text-align:right; display:block; padding:0px 4px 6px 0px;}
.dda { font-weight:bold;}


header#navtop { margin-bottom: 50px; background: url(../img/stripes.png) no-repeat 280px 0; }
.logo { margin: 50px 0 }
header nav { margin-top: 60px }
    header nav ul { float: left; overflow: hidden; padding: 0 6px 0 26px; border-right: 1px solid #999; line-height: 24px;text-align:right; }
nav a, menu a { text-decoration: none; color: #999; font-weight:bold; text-align:right; }
.navactive {  color: #123512; }
#menu_2 { margin-top: 60px; height:50px; width:100%; display:block; padding:4px 4px 20px 4px;}
#menu_2 ul { float: left; overflow: hidden; padding: 0 6px 0 26px; border-right: 1px solid #999; line-height:24px; text-align:left; }
#menu_2 a { text-decoration: none; color: #999; font-weight:bold; text-align:left; }
#menu_2 a:hover {  color: #123512; }
#menu_2 .navactive {  color: #123512; }

#box_menu_3 { margin-top: 1px; height:850px; width:100%; display:block; padding:4px 4px 1px 4px;}
.menu_3 { margin-top: 30px; height:auto; width:100%; display:block; padding:4px 4px 20px 4px;}
.menu_3 a { text-decoration: none; color: #999; font-weight:bold; text-align:left; }
.menu_3 a:hover {  color: #123512; }
.menu_3 .bubu{display:block; padding:20px 4px 2px 4px;font-weight:bold;}
.menu_3 .navactive {  color: #123512; }

.bubu{ padding:20px 4px 2px 10px;font-weight:bold; display:block; width:90%;}

#page_box_bela { width :46%; height:1200px;  position : relative; padding : 0px 20px 20px 20px; display:block; float:left;}
#page_box_bela .img_meny{ height:70px; position:relative; }
#page_box_bela .h2{  display:block; width:250px; height:12px; font : 12px/16px Verdana, Geneva, sans-seriff; font-weight :  bold; color : #666; text-decoration : none; padding :5px 0 30px 332px; }
#page_box_bela .leva{  list-style-type : none; height:auto; float:left; display:block; }
#page_box_bela .leva a{width:200px; height:25px; font : 12px/16px Verdana, Geneva, sans-seriff; font-weight :  bold; color : #999; text-decoration : none; padding :65px 30px 10px 0; display:block;}
#page_box_bela .leva a:hover{ color:#333;}
#page_box_bela .prava{  list-style-type : none;width:240px; height:auto; float:left; display:block;  }
#page_box_bela .prava a{width:220px; height:90px; font : 12px/16px Verdana, Geneva, sans-seriff; font-weight :  bold; color : #999; text-decoration : none; padding :10px 00px 0 10px; display:block;}
#page_box_bela .prava a:hover{ opacity:.5;}

#page_box_bela_2 { width :46%; height:500px;  position : relative; padding : 0px 20px 20px 20px; display:block; float:left;}
#page_box_bela_2 .img_meny{ height:70px; position:relative; }
#page_box_bela_2 .h2{  display:block; width:250px; height:12px; font : 12px/16px Verdana, Geneva, sans-seriff; font-weight :  bold; color : #666; text-decoration : none; padding :5px 0 30px 332px; }
#page_box_bela_2 .leva{  list-style-type : none; height:auto; float:left; display:block; }
#page_box_bela_2 .leva a{width:200px; height:25px; font : 12px/16px Verdana, Geneva, sans-seriff; font-weight :  bold; color : #999; text-decoration : none; padding :65px 30px 10px 0; display:block;}
#page_box_bela_2 .leva a:hover{ color:#333;}
#page_box_bela_2 .prava{  list-style-type : none;width:240px; height:auto; float:left; display:block; }
#page_box_bela_2 .prava a{width:220px; height:90px; font : 12px/16px Verdana, Geneva, sans-seriff; font-weight :  bold; color : #999; text-decoration : none; padding :10px 00px 0 10px; display:block;}
#page_box_bela_2 .prava a:hover{ opacity:.5;}


.part { margin-bottom: 80px }
.title { border-top: 1px solid #999; padding-top: 10px; color: #555; margin-bottom: 30px; }


.arrow { padding-right: 25px; background: url(../img/arrow.png) no-repeat right center; text-decoration: none; }
.arrow:hover { background: url(../img/arrowhover.png) no-repeat right center; color: #123512; }
.more { color: #999; font-style: italic; margin-top:15px; }



#slides { position: relative; z-index: 1; font-size:11px; }
.slides_container { width: 474px; height: 290px; display: none; }
    .slides_container .slide { width: 474px; height: 290px; display: block; }
.slide figure { overflow: hidden; height: 100%; }
.slide img { max-width: 100%; height: auto; width: auto; display: block; }
.slide figcaption { position: absolute; background-image:url(../img/bag.png); background-repeat:repeat; height: auto; min-height: 25px; width: 300px; padding: 10px; bottom: 4px; right: 0; }
    .slide figcaption div { font-size:11px; text-align: right; display: block; border-right: 1px solid #999; padding: 3px 20px 0 0; margin: auto 50px auto 0; }
        .slide figcaption div p { font-size:11px; margin: 0;text-align: right; }
.prev { position: absolute; bottom: 25px; right: 35px; width: 20px; height: 10px; z-index: 10; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; text-align: left; direction: ltr; background: url(../img/left.png) center no-repeat; }
.next { position: absolute; bottom: 25px; right: 5px; width: 20px; height: 10px; z-index: 10; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; text-align: left; direction: ltr; background: url(../img/arrow.png) center no-repeat; }


.foto{  display:block;  padding: 0px 0px 100px 0px; width:100%; height:auto; text-decoration: none;	text-align: left;}
.foto2{  display:block;  padding: 0px 0px 20px 0px; width:100%; height:auto; text-decoration: none;	text-align: left;}
.bj{ width:auto; height:100px; border:solid; border-color:#666; border-width:1px; padding: 0px 0px 0px 0px; margin: 10px 20px 10px 0px;}
.bj2{ width:auto; height:110px; border:solid; border-color:#666; border-width:1px; padding: 0px 0px 0px 0px; margin: 10px 15px 10px 0px;}


.boxfoto{width:580px; float:left; position:relative; margin:0 auto; font:11px Verdana, Geneva,sans-serif; font-weight:bold; text-align:left; color:#666;padding: 20px 0px 0px 4px;}
.boxfoto_a{width:580px; height: 175px; float:left; position:relative; margin:0 auto; font:11px Verdana, Geneva,sans-serif; font-weight:bold; text-align:left; color:#666;padding: 20px 0px 0px 4px;}
.boxfoto_tutu{width:77px; height:80px; float:left; position:relative; margin:0 auto; text-align:left;}
.boxfoto_tutu2{width:140px; height:80px; float:left; position:relative; margin:0 auto; text-align:left;}
.picture{ width:auto; height:110px; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;text-align:left; float:left;}
.picture_tutu{ width:auto; height:54px; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.picture_tutu_2{ width:50px; height:auto; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.picture_tutu_3{ width:auto; height:44px; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.picture_tutu_4{ width:103px; height:auto; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.picture_tutu_5{ width:70px; height:auto; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.picture_a{ width:530px; border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left;}
.picture2{ border-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.popisek{width:570px; position:relative; float:left; padding: 5px 0px 5px  0px; font:10px Verdana, Geneva, sans-serif; font-weight:bold; color:#666; text-decoration:none; margin: 15px 0px 0px 0px;}


.services {  padding-top: 10px; }
    .services p { margin: 0 }
.obr { height:100px; width:auto; }
.w_obr  { height:163px; width:260px; margin-bottom:20px; border:solid; border-color:#999; border-width:1px; }
.l_obr  { height:163px;  margin-bottom:20px; margin-top:10px; }
.fl{  padding: 0px 0px 0px 0px; }
.sepmini { display: block; height: 1px; width: 10px; background: #DDD; margin: 10px 0; overflow: hidden; border: 0; }


footer.part { padding-top: 20px; border-top: 1px solid #999; color: #666; margin-bottom: 10px; }
footer nav ul { float: right; overflow: hidden; }
footer a {text-decoration: none;color: #666;}
footer li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #DDD; font-size: 11px; }
footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.nahoru{ display: block; width: 25px; height: 18px; text-align: center; margin: 0 auto; margin-bottom:40px;}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media only screen and (max-width: 768px) { 
    body { min-width: 760px; font-size: 0.7em; }
    .center { width: 750px }
    h1 { font-size: 38px }
    h2 { font-size: 24px }
    h3 { font-size: 18px }
    h4 { font-size: 14px }
    h5 { font-size: 10px }
    h6 { font-size: 11px }
    .slides_container { width: 363px; height: 225px; }
    .slides_container .slide { width: 363px; height: 225px; }
    .work { width: 170px; margin-right: 23px; }
    .work > a { width: 170px; height: 105px; }
    .work .zoom { width: 170px; height: 105px; }
    .columnthird { min-width: 556px; }
    .map { width: 170px }
    footer li { margin-right: 5px; padding-right: 5px; font-size: 10px; }
    footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
}

@media screen and (max-width:620px) { 
    body { min-width: 610px; font-size: 12px; }
    .center { width: 600px }
    .column2 { width: 100% }
    .columnthird { width: 100% }
    header nav ul:last-child { padding-right: 10px }
    #slides { margin-top: 40px }
    .slides_container { width: 600px; height: 370px; }
    .slides_container .slide { width: 600px; height: 370px; }
    .main .work, .works .work { width: 285px; margin-right: 0; }
    .main .work { margin-right: 0!important }
    .work > a { width: 285px; height: 175px; }
    .work .zoom { width: 285px; height: 175px; }
    aside.column4 { float: none; width: 100%; }
    aside menu { display: none }
    .works .work:nth-child(odd) { margin-right: 30px!important }
    .main .work:nth-child(even) { margin-right: 30px!important }
    .contact .content { border-top: 1px solid #DDD; padding-top: 20px; } 
    .map { display: none }
    footer li { border-right: none; line-height: 2; float: none; margin: 1px; padding: 1px; }
    footer nav li { text-align: right }
    footer li:last-child { margin-right: inherit; padding-right: inherit; }
}

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { 
    body { min-width: 480px; font-size: 12px; }
    .center { width: 470px }
    .columnthird { width: 100% }
    header#navtop { background-position: 23px 0 }
    header nav ul:last-child { padding-right: 0 }
    #slides { margin-top: 40px }
    .slides_container { width: 470px; /**/height: 290px; }
    .slides_container .slide { width: 470px; /**/height: 290px; }
    .main .work, .works .work { width: 220px; margin-right: 0; }
    .main .work { margin-right: 0!important }
    .work > a { width: 220px; height: 130px; }
    .work .zoom { width: 220px; height: 130px; }
    .column3in { width: 50% }
    .column4in { width: 40% }
    .column2in { width: 56% }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
    body { min-width: 480px; font-size: 12px; }
    .center { width: 470px }
    .columnthird { width: 100% }
    header#navtop { background-position: 23px 0 }
    header nav ul:last-child { padding-right: 0 }
    #slides { margin-top: 40px }
    .slides_container { width: 470px; /**/height: 290px; }
    .slides_container .slide { width: 470px; /**/height: 290px; }
    .main .work, .works .work { width: 220px; margin-right: 0; }
    .main .work { margin-right: 0!important }
    .work > a { width: 220px; height: 130px; }
    .work .zoom { width: 220px; height: 130px; }
    .column3in { width: 50% }
    .column4in { width: 40% }
    .column2in { width: 56% }
}
@media print { 
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
    pre, blockquote { page-break-inside: avoid }
    thead { display: table-header-group }
    tr, img { page-break-inside: avoid }
    img { max-width: 100% !important }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid }
}