.rozcestnik a.logo_1{margin: 28px 0 0 0; max-width: 48%; float: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.rozcestnik a.logo_2{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none; max-width: 30%; margin: 29px 0 0 18%;}

.rozcestnik .item_list{position: relative; width: 100%; display: block; margin: 20px 0; }
.rozcestnik .item_list .white_shadow{left: -50px; width: 1270px; height: 153px; bottom: 0; display: block;}
.rozcestnik .item_list .item{width: 48%; margin: 0 1%;}
.rozcestnik .item_list .item.first{margin: 0 1%;}
.rozcestnik .item_list .item .img{height: 300px;}
.rozcestnik .item_list .item .shadow{z-index: 0; position: absolute; left: -4%; bottom: -30px; background: url(../img/rozcestnik_item_shadow.png) no-repeat scroll center center; width: 108%; background-size: 100% auto; height: 63px;}
.rozcestnik .item_list .item .text{font-size: 20px; padding: 0 15px;}


header span.title{display: none;}

header ul.socials{display: none;}
nav{padding: 0 3% 34px; position: relative;background: none;}
nav ul li{display: none; background: url(../img/nav_li_bg.png) repeat-x; }
nav ul li.search, nav ul.active_phone_menu li.search{display: block; float: right; position: absolute; top: 0; right: 0;}
nav ul li.search .hidden_box input[type=text]{top: 10px;}
nav ul li.phone_nav{display: block;}
nav ul li.phone_nav a{display: block; width: 60px; height: 60px; padding: 0; background: url(../img/nav_phone.jpg) no-repeat;}
nav ul li.home a{padding: 0; width: auto; height: auto; background: none !important}
nav ul li.home a span{display: block; font-size: 14px; color: #fff; text-transform: uppercase; line-height: 24px; background: url(../img/nav_li_bg.png) repeat-x; padding: 18px 26px;}
nav ul li.active a span, nav ul li:hover a span{background: #f2b100;  }
nav ul.active_phone_menu li{margin-bottom: -1px; display: block; float: none; width: 250px;}

nav ul {overflow: visible;}

.slider{height: 200px;}
.slider .slide{height: 200px;}
.slider .bx-controls.bx-has-pager{height: 200px;}
.slider .bx-wrapper .bx-pager.bx-default-pager a{margin: 11px 24px;}

.welcome{padding: 0;}



.box_list .item{display: block; float: none; height: 240px; width: 80%; margin: 0 auto 25px;}
.box_list .item.item_2{margin: 0 auto 25px;} 
.box_list .item .text{position: absolute; left: 0; right: 0; bottom: 0; padding: 4px 20px;  background: rgba(0,0,0,0.8); border-top: 11px solid #fff;}
.box_list .item .text span.anotation{font-size: 14px; line-height: 18px;}


.site_bottom{display: block; width: 100%; margin: 40px 0; }
.site_bottom .box{display: none;}
.site_bottom .box.news h3{text-align: center;}

.site_bottom .box.news{display: block; float: none; max-width: 94%; min-width: 94%; width: 94%; }


.site_bottom .box.news .item .text{width: 65% ; }
.site_bottom .box.news .item .img{width: 30%; margin-left: 4%;}
.site_bottom .box.news .item .img a{width: 100%;}



.news.vypis{margin-left: -1px;}
.news.vypis .item{width: 100%; margin: 0 -2px -1px 0; background: #fff;}


.drobky h1{padding: 18px 0; width: 100%; text-align: center;}
.drobky h1 span{display: none;}
.drobky div.table{display: none;}


.category_list{display: none;}
.category_list.mobil{display: block;}
.category_list .item{width: 48%; height: 230px;}


.category_banner a.item{width: 100%; margin: 0 0 20px; display: block;}
.category_banner a.item.first{background-image: url(../img/dorma_banner.png); float: none;}
.category_banner a.item.second{background-image: url(../img/geze_banner.png); float: none; margin-bottom: 0;}
.category_banner .item .text span{font-size: 22px; line-height: 28px;}

aside{width: 100%;}
aside a.swipebox.big_img, aside a.classic.big_img{display: block; width: 290px; margin: 0;}
aside a.swipebox.big_img img, aside a.classic.big_img img{max-width: 100%;}

aside iframe{height: 248px;}

.detail{width: 100%;}


.contact{}
.contact .mapa{width: 100%; height: auto;}
.contact .mapa iframe{width: 100% !important; height: 260px !important;}
.contact .mapa .info{position: inherit; top: 0; right: 0; left: 0; background: #fff; padding: 40px 15px 25px 30px}
.contact .mapa .info p.title{font-size: 22px; line-height: 26px;}
.contact .mapa .info .informace1{float: left; width: 400px;}
.contact .mapa .info .informace2{float: left; width: 400px;}
.contact .mapa .info input[type=text]{width: 94%; padding: 11px 3% 10px}
.contact .mapa .info textarea{width: 94%; padding: 11px 3% 10px; height: 79px; resize: none; background: url(../img/mandatory.png) no-repeat scroll 7px 15px #f6f7f8; font-size: 14px; color: #656870; font-family: 'titillium_webregular'; border: 0;}
.contact .mapa .info input[type=submit]{padding: 8px 0 10px 17px; width: 120px; text-align: left; float: right; background: url(../img/read_more_bg.png) no-repeat scroll left top; display: block; font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase; font-family: 'titillium_websemibold'; ; text-decoration: none; border: 0;}
.contact .contact_list{margin-left: 0;}
.contact .contact_list .box{margin: 30px auto; width: 100%; float: none; height: initial; height: auto;}
.contact .contact_list .box .text{width: 94%; padding: 15px 3%; height: initial; height: auto;}
.contact .contact_list .box .img{display: none;}
.contact .contact_list .box .text table, .contact .contact_list .box .text h2{position: relative; left: 0; top: 0; text-align: center; margin: 0 auto;}


.contact .mapa .info form table{width: 100%;}






form table.dotaz {width: 100%; }
form table.dotaz input[type=text]{margin: 0 0 7px 0; width: 94%; padding: 9px 3% 10px}
form table.dotaz textarea{margin: 0 0 7px 0; width: 94% !important; padding: 9px 3% 10px}






@media screen and (orientation:portrait) {



}






















