/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.now_page_resize h1 { font-size: 14px !important; }
	.jThumbnailScroller .jTscroller a { margin-right: 27px !important; }
	.ul_list li { font-size: 10px; line-height: 14px; }
	#coment .podpis { float: none; width: 100%; }
	#coment .podpis a { display: inline !important; }
	#coment2 .podpis { float: none; width: 100%; }
	#coment2 .podpis a { display: inline !important; }
	#coment3 .podpis { float: none; width: 100%; }
	#coment3 .podpis a { display: inline !important; }
	#contactform_main li.buttons input { margin-left: 12%; }
	.maps_view { height: 250px; }
	.col4 h3 a { font-size: 11px !important; }
	#slider-wrapper object { height: 315px; }
	} 

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#panel_setting_side { position: absolute !important; top: 30% !important; z-index: 9999999 !important; }
	.header_resize #menu-top-menu { display: none; }
	.header_resize .tinynav { padding: 3px 0 3px; margin: 15px auto 10px auto; width: 80%; display: block; }
	.logo { padding: 20px 0; float: none; text-align: center; }
	.logo div { float: none; }
	.search {  margin: 0 auto 20px auto; float: none; }
	.menu { float: none !important; }
	.social { text-align: center; float: none; }
	.header_text p { text-align: center; }
	.content_resize { margin: 0px; padding: 0px; }
	.img_hover_box.pic a:hover img.r_plus_overlay { display: none; }
	.img_hover_box.pic a:hover img.r_plus { display: none; }
	.flickr { margin-bottom: 20px; }
	.ul_list { padding-bottom: 15px; }
	.jThumbnailScroller .jTscroller a { margin-right: 34px !important; }
	.seven.columns.last { float: none; }
	div.ppt { display: none !important; }
	.col3 { margin-bottom: 10px; }
	.pic.fl.gap { float: none; }
	#coment .podpis { float: none; width: 100%; }
	#coment .podpis a { display: inline !important; }
	#coment2 .podpis { float: none; width: 100%; }
	#coment2 .podpis a { display: inline !important; }
	#coment3 .podpis { float: none; width: 100%; }
	#coment3 .podpis a { display: inline !important; }
	#contactform_main li.buttons input { margin-left: 14.3%; }
	#coment2 { margin-left: 0px; }
	#coment3 { margin-left: 0px; }
	.maps_view { height: 200px; }
	.pic.fr.gap { margin-left: 0px; float: none; }
	.one-third.column.gap21 { display: block; }
	.one-third.column.gap20 { display: none; }
	.camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; }
	.now_page_resize h1 { float: none; }
	.now_page_btn { margin-top: 15px; float: none; }
	h1.gap1 { padding-top: 20px !important; }
	#slider-wrapper object { height: 240px; }
	} 

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.4% !important; }
	.dc_pricingtable06 ul li h3 { font-size: 15px !important; }
	.dc_pricingtable05 ul li h3 { font-size: 15px !important; }
	.dc_pricingtable03 li h2 { font-size: 15px !important; }
	.dc_pricingtable03 li h2.caption { font-size: 11px !important; }
	} 
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.header_resize .tinynav { width: 100%; }
	.now_page_resize h1 { font-size: 12px !important; line-height: 15px; }
	.now_page_resize h1 span { margin-top: 7px; font-size: 9px; line-height: 12px; }
	.jThumbnailScroller .jTscroller a { margin-right: 20px !important; }
	#coment img { margin-right: 7px; }
	#coment2 img { margin-right: 7px; }
	#coment3 img { margin-right: 7px; }
	#contactform_main li.buttons input { margin-left: 20.3%; } 
	.post_detail { font-size: 9px; line-height: 12px; }
	.post_detail a { font-size: 8px; line-height: 12px; }
	.content_box_padding p { line-height: 15px; }
	#coment { line-height: 16px; }
	#coment2 { line-height: 16px; }
	#coment3 { line-height: 16px; }
	.sidebar p { line-height: 16px; }
	.maps_view { height: 180px; }
	.footer_resize { font-size: 9px; line-height: 12px; }
	#slider-wrapper object { height: 160px; }	
	}
	




/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }

.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container                                  { width: 768px; }
	.container .column,
	.container .columns                         { margin-left: 10px; margin-right: 10px;  }
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	.alpha.omega                                { margin-left: 0; margin-right: 0; }

	.container .one.column,
	.container .one.columns                     { width: 28px; }
	.container .two.columns                     { width: 76px; }
	.container .three.columns                   { width: 124px; }
	.container .four.columns                    { width: 172px; }
	.container .five.columns                    { width: 220px; }
	.container .six.columns                     { width: 268px; }
	.container .seven.columns                   { width: 316px; }
	.container .eight.columns                   { width: 364px; }
	.container .nine.columns                    { width: 412px; }
	.container .ten.columns                     { width: 460px; }
	.container .eleven.columns                  { width: 508px; }
	.container .twelve.columns                  { width: 556px; }
	.container .thirteen.columns                { width: 604px; }
	.container .fourteen.columns                { width: 652px; }
	.container .fifteen.columns                 { width: 700px; }
	.container .sixteen.columns                 { width: 748px; }

	.container .one-third.column                { width: 236px; }
	.container .two-thirds.column               { width: 492px; }

	/* Offsets */
	.container .offset-by-one                   { padding-left: 48px; }
	.container .offset-by-two                   { padding-left: 96px; }
	.container .offset-by-three                 { padding-left: 144px; }
	.container .offset-by-four                  { padding-left: 192px; }
	.container .offset-by-five                  { padding-left: 240px; }
	.container .offset-by-six                   { padding-left: 288px; }
	.container .offset-by-seven                 { padding-left: 336px; }
	.container .offset-by-eight                 { padding-left: 384px; }
	.container .offset-by-nine                  { padding-left: 432px; }
	.container .offset-by-ten                   { padding-left: 480px; }
	.container .offset-by-eleven                { padding-left: 528px; }
	.container .offset-by-twelve                { padding-left: 576px; }
	.container .offset-by-thirteen              { padding-left: 624px; }
	.container .offset-by-fourteen              { padding-left: 672px; }
	.container .offset-by-fifteen               { padding-left: 720px; }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.container { width: 300px; }
	.container .columns,
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column  { width: 300px; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen { padding-left: 0; }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }
	.container .columns,
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 420px; }
}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}















@charset "utf-8";
/* CSS Document */

/* DESIGN TOPNAV (mainmenu) */
.menu { margin:0; padding:0; text-transform:uppercase; font-size:12px; font-weight:normal;float:left;}
/* level 0 */
.menu ul.menusm { padding:0; margin:0 auto;  }
.menu ul li.ms_top { padding:0px 2px 0px 0;float:left;}
.menu ul li.last { padding-right:0; background:none;}
.menu ul li a.ms_top { display:block; margin:0; color:#636363; text-decoration:none; font-weight:normal;text-align:center; padding:0 10px 0 0;}

.menu ul li.ms_top { /*border-right:1px solid #393939;/**/ }
.menu ul li.ms_top.ms_last { border-right:none; }

.menu ul li a.ms_top span { display:block; margin:0; padding:18px 15px 15px 15px; color:#636363; }
.menu ul li a.ms_top.ms_first span { padding-left:0; }
.menu ul li a.active {  text-decoration:none; color:#e25e54; }
/*.menu ul li a.ms_top.ms_first span { padding-left:0; }*/



/*//active*/
.menu ul li#active_menu-nav a.ms_top,
.menu ul li a.ms_top.ms_hover,
.menu ul li.active a.ms_top,
.menu ul li a.ms_top.ms_hover span,
.menu ul li.active a.ms_top span { color:#e25e54; text-decoration:none; /*background:url(../images/menu_a.png) repeat-x top center;/**/  }


/*/////////////////////buttons*/
/* have_submenu */
.menu ul li a.ms_top.ms_havesubmenu span {/*background:url(../images/menu_r_d.png) no-repeat right top;/**/ }
.menu ul li.active a.ms_top.ms_havesubmenu span {/*background:url(../images/menu_r_da.png) no-repeat right top;/**/ }
.menu ul li a.ms_top.ms_havesubmenu.ms_hover span {/*background:url(../images/menu_r_da.png) no-repeat right top;/**/ }
.menu ul li a.active,
.menu ul li a.ms_hover,
.menu ul li a.ms_havesubmenu.active,
.menu ul li a.ms_havesubmenu.ms_hover {/*background:url(../images/menu_l_a.png) repeat-x top left; */}


/* level 1 */
.menu ul li ul { line-height: 1em; margin:0; padding:0px 0 0  0px; top:50px; left:0px; font-style:normal; font-size:10px; border:1px solid #ececec;/**/ text-transform:uppercase;}
.menu ul li ul li { padding:0; border-bottom:1px solid #ececec; margin:0;}
.menu ul li ul li.ms_last { border-bottom:none;  }
.menu ul li ul li a { display:block; margin:0; padding:10px 10px 10px 10px; width:150px; color:#737373; background:#fbfbfb; }

.menu ul li ul li a span { padding:0 0 0 0px;color:#737373;  /*background:url(../images/menu_sub_li_a.png) no-repeat center left;*/}

.menu ul li ul li.ms_last a { }
.menu ul li ul li a.ms_hover { text-decoration:none;}
.menu ul li ul li ul { top:-1px; left:170px; /*background:none; border:none;*/ }
.menu ul li ul li a.ms_first.ms_havesubmenu.ms_hover,
.menu ul li ul li a.ms_first.ms_havesubmenu.active,
.menu ul li ul li a.ms_first.ms_havesubmenu.ms_hover span,
.menu ul li ul li a.ms_first.ms_havesubmenu.active span,
.menu ul li ul li a.active span,
.menu ul li ul li a.active,
.menu ul li ul li a.ms_hover ,
.menu ul li ul li a.ms_hover span {color:#e25e54;background:#ffffff;}

.menu ul li ul li a.active span ,
.menu ul li ul li a.ms_hover span {/*background:url(../images/menu_sub_li_a.png) no-repeat center left;*/}


.menu * { z-index:9003; }

/* DO NOT EDIT!!! */
ul.menusm { list-style:none; }
ul.menusm li { cursor:pointer; position:relative; }
ul.menusm li a { position:relative; }
ul.menusm li ul { display:none; position:absolute; list-style:none; height:auto; }
ul.menusm li ul li ul { position:absolute; list-style:none; }






#f_slider {margin: 0 0 10px!important;}
#flex_carousel li {margin-right: 5px;}
#flex_carousel img {display: block; opacity: .5; cursor: pointer;}
#flex_carousel img:hover {opacity: 1;}
#flex_carousel .flex-active-slide img {opacity: 1; cursor: default;}



#dc_flex_container {overflow: hidden;}


 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.fslides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .fslides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .fslides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.fslides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .fslides {display: block;} 
* html .fslides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .fslides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 1px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .fslides {zoom: 1;}

.flex_carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../../images/flex/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}