/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/*     --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility;}
#wrapper *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#colorbox *, #wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#mainmenu ol, #mainmenu ul {list-style: none;}
table {border-spacing: 0;}

/* =============================================================================
 * font-icons
 * ========================================================================== */
@font-face {font-family: 'icons'; src: url("../fonts/icons.eot"); src: url("../fonts/iconsd41d.eot?#iefix") format('embedded-opentype'), url("../fonts/icons.woff") format('woff'), url("../fonts/icons.ttf") format('truetype'), url("../fonts/icons.svg#icons") format('svg'); font-weight: normal;  font-style: normal;}



@font-face {
    font-family: 'icon-worksregular';
    src: url('../fonts/icon-works-webfont.eot');
    src: url('../fonts/icon-works-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/icon-works-webfont.woff') format('woff'),
         url('../fonts/icon-works-webfont.ttf') format('truetype'),
         url('../fonts/icon-works-webfont.svg#icon-worksregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*     --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}

/*     --lightbox link höhe
------------------------------------------------- */
.image_container a {line-height: 0;}

/*     --lightbox width
------------------------------------------------- */ 
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/*     --clearings + defaults
------------------------------------------------- */
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "020"; display: block; height: 0; clear: both; visibility: hidden;}


/*     --icon-font
------------------------------------------------- */
body[class^="icon-"]:before,
body[class*="icon-"]:before,
.ce_list[class^="icon-"]:before,
.ce_list[class*="icon-"]:before,
.mod_navigation li[class^="icon-"]:before,
.mod_navigation li[class*="icon-"]:before {content: '';}
.ce_list.type2 ul li:before, .ce_text.type2 ul li:before  {content:'\e935';}
.ce_list.type3 ul li:before, .ce_text.type3 ul li:before  {content:'\2605';}
.i-code {display: none;}

/*     --chromeframe
------------------------------------------------- */
#chromeframe {background: red; padding: 10px; color: #333; text-align: center; position: relative; z-index: 10000;}

/*     --license-tracking
------------------------------------------------- */
#license-tracking {display: none;}


/* =============================================================================
 * columns for better content separation -responsive
 * ========================================================================== */

.full       		{overflow: hidden; margin-left: 0; width:100%; float:left;	position:relative;}
.one_half			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.one_third			{overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
.two_third			{overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} 
.one_fourth			{overflow: hidden; margin-left: 4%; width:22%; float:left; 	position:relative;}
.one_fourth			{overflow: hidden; margin-left: 4%; width:22%; float:left; 	position:relative; }
.two_fourth			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.three_fourth		{overflow: hidden; margin-left: 4%; width:74%; float:left; 	position:relative;}
.one_fifth			{overflow: hidden; margin-left: 5%; width:16%; float:left;	position:relative;}
.two_fifth			{overflow: hidden; margin-left: 4%; width:37%; float:left;	position:relative;}
.three_fifth		{overflow: hidden; margin-left: 4%; width:57%; float:left; 	position:relative;}
.four_fifth			{overflow: hidden; margin-left: 4%; width:79%; float:left; 	position:relative;}

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0!important; clear: left;}


/* =============================================================================
 * general styles & page setup
 * ========================================================================== */

a {color: #fff; text-decoration: none;}
a:hover{color: #e77919;}
#main a[target="_blank"]::before {font-family: "icons"; content: "\e8f3"; display: inline-block; margin-right: 5px;}
p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}
#container .image_container img {width: 100%;}
code, pre {font-family: monospace;}
hr {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0;}
.color {color: #657383;}

/*     --divider/border for ce_elements
------------------------------------------------- */
.border-top {border-top: 1px solid #cdb140; padding-top: 20px;}
.border-bottom {border-bottom: 1px solid #cdb140; padding-bottom: 20px;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {padding: 0.75em 0 0.2em; line-height: 1.6;  color: #333; }
h1 {font-size: 30px; }
h2 {font-size: 22px; }
h3 {font-size: 20px; }
h4 {font-size: 18px; }
h6 {font-size: 12px; }


/*     --h1-h6 as divider
------------------------------------------------- */
.divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6, h1.divider, h2.divider, h3.divider, h4.divider, h5.divider, h6.divider {border-top:3px solid #cdb140;  text-align: center; line-height: 2.1em; }
.divider span { padding: 0px 10px;}
.divider_2 h1, .divider_2 h2, .divider_2 h3, .divider_2 h4, .divider_2 h5, .divider_2 h6, h1.divider_2, h2.divider_2, h3.divider_2, h4.divider_2, h5.divider_2, h6.divider_2 {background: url(../img/title-bg2.png) repeat-x left 59%; line-height: 1.6em; margin-bottom: 30px; border: 0;}
.divider_2 span {background: #000; padding: 0 10px 0 0;}

/*     --body
------------------------------------------------- */
body {

color:#ddd;
overflow-x: hidden;
font-family: Nunito,sans-serif;
font-size: 17px; 
line-height: 22px; 
background-color: #000; 
background-repeat: repeat; 
font-weight: normal;
}



/*     --page-width
------------------------------------------------- */
#top-container .inside {
	width: 100%;
}
#container-inside, #container-inside-front, #footer .inside {width: 80%; margin: 0 auto;}


#container-inside {padding-top:50px;}
body.layout_full #wrapper {width: 100%;}

/*     --page-shadow
------------------------------------------------- */

.no_header #top-container, .headerpic_transparent #header .inside, #header .ce_revolutionslider .ce_image {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

/*     --top
------------------------------------------------- */
#top-container { position: absolute; z-index: 500;}
body.no_header #top-container {background: none;}

/*     --shadow-top
------------------------------------------------- */
#header #shadow-top {position: absolute; left: 0; top: 0; z-index: 1000; display: none;}
.home #header #shadow-top {display: block;}
#shadow-top {width: 100%;}

/*     --logo
------------------------------------------------- */
.logo {
top:0px; 
position:fixed; 
z-index:1926;
float:left; 
width: 6em; 
height:4em;  
display: block; 
-webkit-transition: All 0.3s ease; 
-moz-transition: All 0.3s ease; 
-o-transition: All 0.3s ease; 
-ms-transition: All 0.3s ease; 
transition: All 0.3s ease;
margin-left:2%;

}
.logo a {display: block; height: 100%; width: 100%;}
.logo a img{
	width:100%;
}

#panel_prawy_gorny {
  color: #878787;
  font-size: 14px; 
  position: relative;
  float:right;
  right: 0px;
  text-align: right;
  top:0px;
  line-height:16px;
  max-width:400px; 
  margin-top:60px;
}

/*     --header
------------------------------------------------- */
#header {position: relative; 
	z-index: 10; 

}
#header .inside{
	width: 100%;
	
}


#header .ce_gallery {overflow: visible;}
#header .mod_article {overflow: visible; }
.full_width_slider #header .inside {width: 100%;}

/*     --header-image
------------------------------------------------- */
#header .image_container {margin: 0;}



 /*     --contao content slider
------------------------------------------------- */
.slider-control	{position:static!important; height:0!important;}
.slider-control a {top: 50%!important; opacity: 0.7; margin-top: -25px!important;}
.slider-control a:hover {opacity: 1;}
.slider-prev {background: url(../img/slider/arrow-prev.png) left top no-repeat; text-indent: -9999em; display: block; width: 50px; height: 50px;}
.slider-next {background: url(../img/slider/arrow-next.png) left top no-repeat; text-indent: -9999em; display: block; width: 50px; height: 50px;}
.slider-menu {bottom: 0; top: auto!important; }
.slider-menu b {margin: 0 2px!important;}
.ce_sliderStart {position: relative!important;}

 /*     --contao content slider in header_after
------------------------------------------------- */
#header .content-slider {margin: 0;}
#header .slider-control .slider-prev {left: 15px;}
#header .slider-control .slider-next {right: 15px;}
#header .slider-menu {bottom: 20px;}


/*     --hotline
------------------------------------------------- */
#hotline {position: absolute; right: 130px; top: 50%; margin-top: -42px; color: #454545; line-height: 18px;}

/*     --welcome-line
------------------------------------------------- */

.welcome-line h2 {text-transform: uppercase; font-weight: normal; line-height: 55px; color: #404040!important; padding: 0; float: left;}
.welcome-line .button {float: right; margin: 4px 0 0 0;}

.welcome-line {
  width:700px;
  margin: 0 auto;
  padding: 10px 30px;
  margin-top: -40px;
  background: rgba(255,255,255,0.95); 
  position: relative; 
  overflow: hidden; 
  z-index: 100;
  border:1px solid #000;
  text-align:center;
}

.welcome-line h1 {
  text-transform: none;
  font-size:22px;
  color: #000;
  float: left;
  font-weight: normal;
  line-height: 55px;
  padding: 0;
  border-bottom: none;
  margin-bottom: 0;
  font-family: 'Shojumaru', sans-serif;
}

.french .welcome-line h1 {
	font-size:23px;
}

/*  Facebook */
#btnfb{
margin-top: 120px; 
width:80px; 
height:80px; 
position:fixed; 
left:0px;
padding:0px; 
z-index:1201;

}
#btnfb img{
margin:15px;
width:50px;
-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;
}
#btnfb:hover img{
margin:10px;
width:60px; 
}

/* koniec Facebook */


/*     --page-title
------------------------------------------------- */
.page-title {width: 100%; background:rgba(0,0,0,1); background-repeat: no-repeat; background-size: auto ;  background-position: center; padding: 0px 30px 10px 20px; overflow: hidden; margin-top: 0px; min-height:300px;}
.page-title h2 {font-size: 50px; color:#e77919; font-weight: bold; bottom:0px; margin-bottom:-10px; margin-left:5%; position: absolute;}


/*     --mod_breadcrumb
------------------------------------------------- */
.mod_breadcrumb {position: absolute; width: 100%; bottom: -50px; left: 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 4px 0; color: #5e5e5e; font-size: 11px;}
.mod_breadcrumb li {float: left; margin-right: 5px; white-space: nowrap;}
.mod_breadcrumb li:before {font-family: "arial"; content: '>>'; margin-right: 5px;}
.mod_breadcrumb li.first:before {display: none;}
.mod_breadcrumb a {color: #5e5e5e;}

/*     --container
------------------------------------------------- */
#container {clear: both; background: #000 url() center top no-repeat; padding-top: 30px; padding-bottom: 35px; margin: 0 auto; position: relative; line-height: 24px;}
body.layout_full #container {padding-top: 70px;}

/* =============================================================================
 * sidebars
 * ========================================================================== */

/*     --sidebar_left
------------------------------------------------- */
body.sidebar_left #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:30%; float:left; position:relative;}
body.sidebar_left #left .inside {padding-right: 18%; border-right: 1px solid #ddd;}

/*     --sidebar_right
------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 18%; border-left: 1px solid #ddd; padding-bottom: 45px;}
	
/*     --sidebar_both
------------------------------------------------- */
body.sidebar_both #main {overflow: hidden; width:48%; float:left; position:relative;}
body.sidebar_both #right {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #right .inside {padding-left: 18%; border-left: 1px solid #ddd;}
body.sidebar_both #left {overflow: hidden; margin-right: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #left .inside {padding-right: 18%; border-right: 1px solid #ddd; padding-bottom: 45px;}

#panel_dolny{position:static; padding: 0px 10% 50px 10%;}
#panel_dolny ul {padding-left:30px; }
/* =============================================================================
 * footer
 * ========================================================================== */

#footer {padding: 0px; margin: 0 auto; background: #000; margin-top: 0px; font-size: 14px; line-height: 20px; border-top: 1px solid #555; color:white;}
#footer .inside {padding: 10px 0; overflow: hidden;}
#footer h4 {color:white;}
#footer div.autor {margin-bottom:0px;}
#footer div.autor a:hover{color:white;}


/* =============================================================================
 * home header-images
 * ========================================================================== */

.headerpic_1 {width: 68%; float: left; margin: 1% 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.headerpic_2 {width: 31%; float: right; margin: 1% 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.headerpic_3 {width: 31%; float: right; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.headerpic_transparent {-moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important;}


/* =============================================================================
 * menues
 * ========================================================================== */

 
/*     --mainmenu
------------------------------------------------- */
#podmainmenu {overflow: visible!important;  position:fixed; z-index:971; width:100%; height:4em; background-color:rgba(0,0,0,0.8);
 }


nav#mainmenu {overflow: visible!important; line-height: 0; text-transform:uppercase; position:fixed; z-index:972; width:100%; 
font-size: 1.2vw; letter-spacing:0.1vw; font-weight:normal; margin-top:30px; 
 }
 
nav#mainmenu ul{margin-left:5%; margin-right:2%;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
nav#mainmenu ul ul {margin-left:0px; width: auto; display: none;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
nav#mainmenu ul:after {content: ""; clear: both; display: block; }
nav#mainmenu ul li {float: right; text-align:center; padding: 0px 10px; white-space: nowrap; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
nav#mainmenu ul li:hover > ul {display: block;}
nav#mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 8px; color: #fff; padding: 0vw 0vw 0.4vw 0vw ;  border-bottom: 1px solid none; }
nav#mainmenu ul a {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

nav#mainmenu ul a.trail,
nav#mainmenu ul a.active{color:#e77919; border-bottom: 1px solid #e77919;}
nav#mainmenu ul a:hover {color:#e77919; }
nav#mainmenu ul li ul li.active {color: #fff;}
nav#mainmenu ul li a.first {border-top: 0;}
nav#mainmenu ul ul {border-radius: 0px; padding: 0; position: absolute; top: 100%;}
nav#mainmenu ul ul li {float: none; position: relative; background-color:rgba(0,0,0,0.5);  text-align:left; padding: 0.6vw 1vw; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
nav#mainmenu ul ul li:hover {background-color:rgba(0,0,0,0.8); }

nav#mainmenu ul ul li a { color: #fff;  line-height: 10px; padding:0.5vw;}		
nav#mainmenu ul ul li a[class*="icon-"] {padding: 7px 30px 7px 40px;}
nav#mainmenu ul ul li a.last {border: 0;}
nav#mainmenu ul ul ul {position: absolute; left: 100%; top:0;}
nav#mainmenu ul a:before {line-height: 24px!important; width: 20px!important; position: absolute; left: 10px;}
nav#mainmenu ul li ul li.active a {color: #fff;}


#mainmenu ul li a span {
	display: none;
}

#mainmenu li[class*="icon-"] a:before, #mainmenu li[class*="icon-"] span:before {
	display: none;
}

nav.mainmenu span {
	margin-left: 0!important;
}

nav#mainmenu a[class^="icon-"] span, nav#mainmenu a[class*="icon-"] span {
	padding-left: 0;
}


/*     --form_wyszukiwania
------------------------------------------------- */

#form_wyszukiwania {position: absolute; right: 10px; top: 10px; }
#form_wyszukiwania input { float: left; padding:6px 10px;}
#form_wyszukiwania input[type="search"] {width: 200px; margin: 0px; height: 34px; border: 1px solid grey; opacity: 0.8;}

#form_wyszukiwania .even, #form_wyszukiwaniah .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
#form_wyszukiwania .relevance {float: right; font-size: 12px;}
#form_wyszukiwania .submit {margin: 0; display: inline-block; width: 34px; height: 34px; background: url("../img/search-icon.png") no-repeat center center;
 -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#form_wyszukiwania .submit:hover {opacity: 1;}

#container #form_wyszukiwania .submit {height: 34px;}
#container #form_wyszukiwania form {overflow: hidden;}


ul.xxx, ul.xxx li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.xxx li {
	float: left;
	white-space: nowrap;
}


ul.footermenu, ul.footermenu li {
	display: inline-block;
	list-style: none;
	padding: 1vw;
	
}

ul.footermenu li {
	
	white-space: nowrap;
}


.menu_stopka, .menu_stopka li {
	display: block; 
	color:white;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:right;
}
.menu_stopka li {
	display: inline; 
	white-space: nowrap;
}
.menu_stopka li a{ display:block;  padding:0px 5px; margin:0px; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; color:white;}
.menu_stopka li a:hover{color:#e77919;}

/*

ul.menu_stopka li {
	display: inline; 
	white-space: nowrap;
}
.menu_stopka li {padding:0px;  margin:0px; text-align:right; list-style:none; padding-right:2vw;  }




*/

/*     --submenu-sidebar
------------------------------------------------- */
#submenu {margin-bottom: 25px;  font-size:0.9em;}
#submenu a {display: block; padding: 4px 10px; border-bottom: 1px solid #ddd; margin:0px;}
#submenu li {padding:0px; margin:0px;}
#submenu ul {margin-left: 10px; margin-top: 0px; list-style:none;} 
#submenu ul ul {margin-left: 12px; margin-top: 0px; } 
#submenu ul ul li {padding: 0; }
#submenu a:hover, #submenu a.active, #submenu span {background: #eee;}
#submenu ul li:hover > ul, #submenu ul li.active > ul, #submenu ul li.trail > ul {display: block; }
#submenu ul ul {display: none; margin:0px;}
#submenu ul ul ul {display: none;}
#submenu ul ul ul ul {display: none;}

/*     --hide mobilmenue
------------------------------------------------- */
.selectnav {display: none;}
#mobnav {display: none!important;}


/* =============================================================================
 * features + contao modules
 * ========================================================================== */

/*     --back links
------------------------------------------------- */
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}



/*     --ce_gallery with responsive grid
------------------------------------------------- */
.ce_gallery .row1	{overflow: hidden; margin-left: 0; width:100%; float:left; margin-bottom: 15px;}
.ce_gallery .row2	{overflow: hidden; margin-left: 4%; width:48%; float:left; margin-bottom: 15px;}
.ce_gallery .row3	{overflow: hidden; margin-left: 5%; width:30%; float:left; margin-bottom: 15px;}
.ce_gallery .row4	{overflow: hidden; margin-left: 4%; width:22%; float:left; margin-bottom: 15px;}
.ce_gallery .row5	{overflow: hidden; margin-left: 5%; width:16%; float:left; margin-bottom: 15px;}
.ce_gallery .row6	{overflow: hidden; margin-left: 2%; width:15%; float:left; margin-bottom: 15px;}
.ce_gallery .row7	{overflow: hidden; margin-left: 1.5%; width:13%; float:left; margin-bottom: 15px;}
.ce_gallery .row8	{overflow: hidden; margin-left: 1.71%; width:11%; float:left;	position:relative;}
.ce_gallery .row9	{overflow: hidden; margin-left: 1.25%; width:10%; float:left;	position:relative;}
.ce_gallery .row10	{overflow: hidden; margin-left: 1%; width:9.1%; float:left;	position:relative;}
.ce_gallery .row11	{overflow: hidden; margin-left: 1.1%; width:8.09%; float:left;	position:relative;}
.ce_gallery .row12	{overflow: hidden; margin-left: 1%; width: 7.41%; float:left;	position:relative;}

.ce_gallery .col_first {margin-left: 0!important; clear: both;}

.ce_gallery img {width: 100%; display: block; height: auto;}
.ce_gallery li a img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:.5;}
.ce_gallery li a img {-webkit-transition:all .2s ease-in-out;	-o-transition:all .2s ease-in-out;	-moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px; padding-top: 6px;}

/* special classes for ce_gallery */
.ce_gallery.image-border img {border: 1px solid #ddd;}
.ce_gallery.opacity img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7;}
.ce_gallery.opacity img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1;}

/*     --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px;}
.image_container .caption {background: #888; color: #fff; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; right: 0; bottom: 0; width: auto!important;}
.image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%;}
.image_container.float_left {margin-right: 5%; float: left;}
.image_container img {width: 100%; display: block; height: auto;}
.noresize .image_container {margin: 0!important; width: auto!important}

/*     --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px;}
.ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 1.5em;}



.ce_text ul {list-style: disc; padding-left: 15px;}
#main ul  {list-style: disc; padding-left: 30px;}
#main ol  { padding-left: 30px;}

.ce_list ul li:before, .ce_text ul li:before {position: absolute; left: -25px; width: 25px; top: 3px;}
.ce_list ul, .ce_text ul {padding-left: 25px;}

/*     --blockquote
------------------------------------------------- */
.blockquote-a {padding-left: 35px; position: relative;}
.blockquote-a p{text-align: justify; font-size: 13px; font-style: italic; line-height: 20px;}
.blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
.blockquote-b {padding-left: 35px; position: relative;}
.blockquote-b {font-size: 17px; line-height: 24px;}
.blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}

/*     --ce_comments
------------------------------------------------- */
.ce_comments .widget {margin-bottom: 10px;}

/*     --content-box
------------------------------------------------- */
.content-box-a { background-color: #fefcf2;	padding: 20px 20px 10px 20px; border: 1px solid #ccc; margin: 0 auto;}
.content-box-b {padding: 20px 20px 10px 20px; border: 1px solid #e9e7e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; background: -moz-linear-gradient(top, #f1f1f1, #fff 15%); background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));}
.content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 20px 20px 10px 20px; border: 1px solid #e9e7e7; background: #FFCEBE; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px white;}
.content-box-e {padding: 20px 20px 10px 20px; border: 1px solid #E0E0E0; background: #F6F6F6; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-f {padding: 20px 20px 10px 20px; border: 1px solid #E0E0E0; background: #F7F4B4; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-g {padding: 20px 20px 10px 20px; border: 4px solid #e9e7e7; background: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #818181; text-shadow: 1px 1px 1px white;}

	/*     --dropcaps
------------------------------------------------- */
.dropcap-red p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #8C2626;}
.dropcap-blue p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #26738C;}
.dropcap-grey p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #9B9B9B;}
.dropcap-black p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #000;}

	/*     --hyperlinks + forms submit buttons
------------------------------------------------- */
.button, input[type="submit"], input.submit {color: #fff; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); background: #7a7a7a; cursor: pointer;}
.button:hover, input[type="submit"]:hover, input.submit:hover {color: #fff; text-decoration: none; -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);    box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);}
.button:active, input[type="submit"]:active, input.submit:active {-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);}

/* sizes */
.button.small {padding: 8px 10px; font-size: 11px;}
.button.large {padding: 15px 22px; font-size: 15px; line-height: 33px; vertical-align: middle;}

/* rounded corners */
.button.rounded3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button.rounded5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.rounded10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.rounded99 {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}

/* icons */
.button.large[class^="icon-"]:before, .button.large[class*=" icon-"]:before {font-size: 33px; line-height: 33px; margin-right: 0.5em; vertical-align: middle;}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {margin-right: 0.6em;}

.button, input[type="submit"], input.submit {background: #657383;}

	/*     --testimonial
------------------------------------------------- */
.testimonial {overflow: visible; position: relative; margin-bottom: 25px; padding: 15px 20px 0px 20px;  font-style: italic; background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 13px;}
.testimonial em {font-family: Arial, sans-serif; font-size: 11px;}
.testimonial:before {font-family: "icons"; content: "\e914"; text-indent: 0; display: inline-block; position: absolute; bottom: -16px; right: 45px; width: 1em; font-style: normal; font-size: 20px; color: #c8c8c8; line-height: 20px; height: 20px;}

/*     --team
------------------------------------------------- */
.teambox .caption {font-size: 17px; width: 100%!important; border-left: 4px solid #555; padding: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8}
.teambox p {margin-bottom: 5px;}

/*     --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 25px; overflow: hidden;}
.nachrichtenliste .image_container {width: 100%;}
.nachrichtenliste .image_container img {margin-bottom: 20px;}
.nachrichtenliste .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenliste .date:before {font-family: "icons"; content: "\1f553"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .author {margin-bottom: 10px; display: inline-block; font-size: 11px;  margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenliste .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .comments {margin-bottom: 10px; display: inline-block; font-size: 11px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenliste .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .more {float: right;}
.nachrichtenliste .more a {color: #fff;}

/*     --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser {overflow: hidden;}
.nachrichtenteaser .image_container {width: 75px; float: left; margin-right: 10px;}
.nachrichtenteaser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenteaser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenteaser h4, .nachrichtenteaser h4 a {font-size: 13px; margin: 0 0 10px 0; padding: 0; background: none!important;}

/*     --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container {margin-bottom: 20px;}
.nachrichtenleser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenleser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .author {margin-bottom: 10px; display: inline-block; font-size: 11px;  margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenleser .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .comments {margin-bottom: 10px; display: inline-block; font-size: 11px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenleser .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.nachrichtenleser .back a {font-size: 10px; text-transform: uppercase;}
.nachrichtenleser img {border: 1px solid #ddd;}

/*     --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}

/*     --login-form
------------------------------------------------- */
.mod_login table td, .mod_login table {border: 0;}
.mod_login {background: #ededed; padding: 5%; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/*     --ce_accordion
------------------------------------------------- */
.ce_accordion {border-bottom: 1px solid #b9bcbe;}
.ce_accordion .accordion {padding: 0 3%; background-color: white; border: 1px solid #b9bcbe;}
.ce_accordion .accordion > div {padding: 12px;}
.ce_accordion .toggler { position: relative; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;	padding: 8px 7.69231% 8px 3.84615%;	outline: none; text-shadow: 0 1px 0 white; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #ffffff), color-stop(100%, #e0e3e3)); background-image: -webkit-linear-gradient(#ffffff 1%, #e0e3e3 100%); background-image: -moz-linear-gradient(#ffffff 1%, #e0e3e3 100%); background-image: -o-linear-gradient(#ffffff 1%, #e0e3e3 100%);	background-image: linear-gradient(#ffffff 1%, #e0e3e3 100%); background-color: #eaeaea;	cursor: pointer; -webkit-box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	-moz-box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);}
.ce_accordion .toggler:after {font: 16px/0 "icons";	content: "\2193"; text-indent: 0; display: inline-block; position: relative; position: absolute; right: 3%; top: 50%; display: none;}
.ce_accordion .toggler:hover {background: white;}
.ce_accordion .toggler:hover:after {display: block;}
.ce_accordion .toggler.active {background: white; font-weight: bold;}
.ce_accordion .toggler.active:after {display: block;}
.ce_accordion hr:after {background-color: white !important;}



/*     --servicebox
------------------------------------------------- */
.servicebox {padding-top: 10px; text-align: center;}
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before{background: #ebebeb; padding: 10%; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; font-size: 50px; margin: 0 0 20px 0!important; color: #fff;}
.servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 {margin-bottom: 10px; padding: 0;}
.servicebox a {text-decoration: underline;}
.servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before {background: #657383;}




/*     --mod_subscribe
------------------------------------------------- */
.mod_subscribe table td,
.mod_subscribe table {border: 0;}
.mod_subscribe {background: #ededed; padding: 5%; border: 1px solid #ddd;}
.mod_subscribe input {width: 48%; float: left;}
.mod_subscribe label {width: 100%; display: block;}

/*     --mod_subscribe in sidebar
------------------------------------------------- */
#left .mod_subscribe, #right .mod_subscribe {padding: 10%;}
#left .mod_subscribe input, #right .mod_subscribe input {width: 100%!important;}
#left .mod_subscribe input.submit, #right .mod_subscribe input.submit {margin: 10px 0 0 0!important;}
#left .mod_subscribe h4, #right .mod_subscribe h4 {font-size: 17px; margin-bottom: 10px;padding-top: 0;}

/*     --mod_calendar
------------------------------------------------- */
.mod_calendar table {border-bottom: 1px solid #B9BCBE;}
.mod_calendar td {padding: 1.5%}
.mod_calendar td.col_first {border-left: 1px solid #B9BCBE;}
.mod_calendar th.label {border-bottom: 1px solid #B9BCBE; padding: 10px 0;}
.mod_calendar th.head {padding: 0;}
.mod_calendar th.previous a, .mod_calendar th.next a {padding: 3px; border: 1px solid #b9bcbe; background: #ededed; display: inline-block; white-space: nowrap;}
.mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {border-color: #84898d !important;}
.mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {display: none;}
.mod_calendar th.current {text-align: center;}
.mod_calendar th.next {text-align: right;}
.mod_calendar th.previous {text-align: left;}
.mod_calendar th.label {text-align: center;}
.mod_calendar td {width: 14.28%; border-right: 1px solid #b9bcbe; background: #eaeaea; padding-left: 5px;}	
.mod_calendar td.empty, .mod_calendar td:hover {background: #fff;}
.mod_calendar td.today { color: white !important; background: #969696; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;}
.mod_calendar td.today a {color: white !important;}
.mod_calendar th.current:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px;	left: 0; margin-right: 5px;}

/*     --mod_eventreader
------------------------------------------------- */
.mod_eventreader .info:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}

/*     --mod_eventlist
------------------------------------------------- */
.mod_eventlist .event {margin-bottom: 25px;}
.mod_eventlist h2 {margin-bottom: 5px;}
.mod_eventlist p.time {border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 3px 0;}
.mod_eventlist p.time:before {font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}

/*     --mod_sitemap
------------------------------------------------- */
.mod_sitemap ul ul {margin-left: 15px;}
.mod_sitemap ul li {border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;}
.mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;}
.mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
.mod_sitemap li.submenu {font-weight: bold;}
.mod_sitemap li.submenu:before {font-family: "icons"; content: '\e824'; margin-right: 5px;}
.mod_sitemap li a:before {content: '';}

/*     --mod_faqlist
------------------------------------------------- */
.mod_faqpage {counter-reset: mod_faqpage;}
.mod_faqpage h2 {margin-bottom: 20px;}
.mod_faqpage section h3::before {counter-increment: mod_faqpage; content: counter(mod_faqpage, decimal); display: inline-block; width: 7%; margin-right: 0.5em; padding: 0.1em; color: white; text-align: center; background: #ddd;}
.mod_faqpage section {margin-bottom: 35px;}
.mod_faqpage .info {font-size: 11px;}
.mod_faqpage .info:before {font-family: "icons"; content: "\e82f"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
.mod_faqpage .toplink {border-bottom: 1px solid #ddd;}
.mod_faqpage .toplink:before {font-family: "icons"; content: "\e911"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}

/*     --mod_registration
------------------------------------------------- */
.mod_registration label {width: 40%; float: left;}
.mod_registration input {width: 60%; float: left;}
.mod_registration .submit_container {width: 100%; margin-top: 20px;}
.mod_registration .submit_container input {width: 60%; margin-left: 40%;}
.mod_registration .captcha_text {float: left; display: block; margin-left: 40%; color: red; font-size: 14px; margin-top: 5px; margin-bottom: 15px;}
.mod_registration p.error {margin-left: 40%; clear: both;}



/*     --mod_nl_reader
------------------------------------------------- */
.mod_nl_reader table {border: 0!important;}
.mod_nl_reader table td {padding: 0; border: 0!important;}

/*     --mod_nl_list
------------------------------------------------- */
.mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;}
.mod_nl_list li a {margin-left: 40px;}

/*     --404 page
------------------------------------------------- */
#page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;}
#page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;}
#page-404 p a {text-transform: none; margin: 0;}

/*     --video
------------------------------------------------- */
.ce_video_custom {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.ce_video_custom iframe, .ce_video_custom object, .ce_video_custom embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*     --ce_downloads
------------------------------------------------- */
.ce_downloads p {border-bottom: 1px dotted #ccc; padding-bottom: 15px;}
.ce_downloads img {margin-right: 20px; vertical-align: middle;}
.ce_downloads p span {font-style: italic; font-size: 10px;}

/* =============================================================================
 * forms
 * ========================================================================== */

/*     --input-wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 12px; position:inherit!important}
.input-wrapper * {width: 99.9%!important; margin-left: 0!important;}
.ce_form .full {width: 99.9%;}

/*     --fieldset+legend
------------------------------------------------- */
fieldset {border: 1px solid #ccc; padding: 0.5em; margin-bottom: 20px;}
.dark fieldset {border: 1px solid #222222;}
legend {display: none;}

/*     --input, select, textarea
------------------------------------------------- */

textarea {width: 100%; padding: 10px; margin: 0; border: 1px solid #ccc; color: #333; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px 0px 1px 1px #ddd; box-shadow: inset 0px 0px 1px 1px #ddd;}
input {border: 1px solid #ccc; padding: 10px; margin: 10px;};



input[type="search"] {-webkit-appearance: none; border-radius: 0;}
.dark input, .dark select, .dark textarea {background: #222222; -webkit-box-shadow: inset 0px 0px 1px 1px #333; box-shadow: inset 0px 0px 1px 1px #333; border: 1px solid #171717; color: #fff;}
input[type="submit"], input.submit {color: #fff;}
select {border: 1px solid #ccc;  padding: 8px;}
textarea {height: 200px;}

/*     --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}

/*     --submit-button
------------------------------------------------- */
.submit_container {margin-top: 20px;}
.submit_container input {width: auto!important;}
.submit {-webkit-appearance:none;}

/*     --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}

/*     --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; float: left; margin-right: 2%;}
.ce_form .captcha_text {width: 70%; float: left; line-height: 33px;}
.ce_form .captcha-container {background: #ecd0d0; padding: 2%;}


div.mapafrontowa{float:left; width:80%;}



.kafelki-sg a.kafelek{
	float:left;
	display:block;
	margin:1%;
	width:31%;
	aspect-ratio: 1 / 1.2;
	padding:0; 
	background-size: cover;
	text-align:center;
	border:2px solid white;
	-webkit-transition: All 0.3s ease; 
	-moz-transition: All 0.3s ease; 
	-o-transition: All 0.3s ease; 
	-ms-transition: All 0.3s ease; 
	transition: All 0.3s ease;
}

.kafelki-sg a.kafelek:hover{
	margin:0.5%;
	width:32%;
	border:2px solid #d6b469;
}

.kafelki-sg .tytul{
	padding:8% 3% 0% 3%;
	aspect-ratio: 1 / 0.75;
	width:100%;
	background:rgba(0,0,0,0.3);
}
.kafelki-sg .tytul2{
	aspect-ratio: 1 / 0.2;
	width:100%;
	background:rgba(0,0,0,0.3);
}
.kafelki-sg .sterowanie{
	aspect-ratio: 1 / 0.22;
	width:100%;
	background:rgba(0,0,0,0.3);
}


.kafelki-sg a.kafelek h4{
	color:white;
	font-weight:bold;
	font-size:2.6vw;
	line-height:1.2em;
}




/* =============================================================================
 * media-queries
 * ========================================================================== */

/*     --tablets
------------------------------------------------- */

.tekstboldczerwony{
font-weight:600;
color:#cc0000;
}
.tekstboldzielony{
font-weight:600;
color:#007700;
}
ul.listapodstron li{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	width:36px;
	height:34px;
	background-color:#eee;
	margin:3px;
	color:grey;
	font-size:1.5em;
	line-height:1.4em;
	font-weight:600;
	
	
}
ul.listapodstron li a{
	display:block;
	width:100%;
	height:100%;
	font-weight:normal;
	color:white;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#big_arrow{
	
	margin:0 auto;
	margin-top:-4vw;
	width:24vw;
	height:4vw;
	background-image:url("../img/big_arrow.png");
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size: 100%;
	position:relative;
   overflow: visible;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	opacity:1;
	z-index:59158;
}
#big_arrow.zaniknieta {
  background-image:none;
  opacity:0;
}
.frontpageitem{
	margin-left:6%;
	width:88%;
	text-align: left; 
}
.frontpageitem2{
	margin-left:3%;
	width:94%;
	text-align: center; 
}



.sgfota{
	padding:1%;
	border:1px solid #d6b469;
	-webkit-transition: All 0.3s ease; 
	-moz-transition: All 0.3s ease; 
	-o-transition: All 0.3s ease; 
	-ms-transition: All 0.3s ease; 
	transition: All 0.3s ease;
	margin:1%; 
	width:47%;
	
	
}
.sgfota:hover{	
	background-color:rgba(100,100,100,0.3);	
}
.sgkolor{
	color:#e77919;
}
#lewymargineskontakt{
float:left; width:15%;
}
#lewakolumnakontakt{
	float:left; 
	width:35%; 
	min-width:340px; 
	text-align:center; 
	padding:0% 2%;
}
#prawakolumnakontakt{
	float:left; 
	width:35%; 
	min-width:340px; 
	padding:0% 2%; 
	text-align:center;
}
#prawymargineskontakt{
float:left; width:15%;
}

#logogidzinskiego{
	width:100%; text-align:center; margin-bottom:-15vw; 
}
#logogidzinskiego img{
	width:55%; max-height:190px; margin-top:120px; 
}
.malyekrankomunikat{
		display:none;
		float:right;
		margin-right:5vw;
	}
table.tabelaresponsywna{
	width: 100%; text-align: center; margin-left: auto; margin-right: auto;
}

table.tabelaresponsywna td, table.tabelaresponsywna th {
            border: 0px;
            text-align: center; 
}
table.tabelaresponsywna th{
	padding:3px;
	border-bottom: 2px solid #d6b469;
}
table.tabelaresponsywna td{
	 padding: 0px;
}

table.tabelaresponsywna tr a {
    padding:3px;
	text-decoration: none;
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
	-webkit-transition: All 0.3s ease; 
	-moz-transition: All 0.3s ease; 
	-o-transition: All 0.3s ease; 
	-ms-transition: All 0.3s ease; 
	transition: All 0.3s ease;
        }
table.tabelaresponsywna tr a img{
    width: 1em;

        }

        /* Zmiana koloru linków po najechaniu myszką */
table.tabelaresponsywna tr:hover a {
            background-color: #f5f5f5;
        }

table.tabelaresponsywna tr div {
    padding:3px;
	text-decoration: none;
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
	-webkit-transition: All 0.3s ease; 
	-moz-transition: All 0.3s ease; 
	-o-transition: All 0.3s ease; 
	-ms-transition: All 0.3s ease; 
	transition: All 0.3s ease;
        }

        /* Zmiana koloru linków po najechaniu myszką */
table.tabelaresponsywna tr:hover div {
            background-color: #f5f5f5;
        }
table.tabelaresponsywna2{
	width: 100%; text-align: center; margin-left: auto; margin-right: auto;
}
p.akapitresponsywny{
		display:none;
	}

div.tytulkreska{
	float:center; background-image:url(../img/kreska.png); background-repeat: repeat-x; background-position: center; margin: 0vw 5vw; text-align:center;
}
div.tytulkreska a{color:#333;}
div.tytulkreska span{
	background-color:#000; color:#fff; font-size:1.2em; padding:0vw 3vw;
}


@media only screen and (min-width: 768px) and (max-width: 1029px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}

	/* width */
	
	#container {width: 100%;}
	#container-inside-front {width: 100%!important;; padding: 0px 20px;}	
	
	/* mod_breadcrumb */
	.mod_breadcrumb {padding: 4px 20px;}

	/* mobile-select */
	#mobile-select {display: none;}
	
	/* top search */
	#form_wyszukiwania {display: none;}
	/* slider */
	.camera_caption h3 {font-size: 26px;}
	.camera_caption > div {font-size: 12px; line-height: 16px;}
	.camera_wrap .button {font-size: 15px; padding: 10px 35px;}
		
	/* video button */
	.mejs-overlay-button {display: none!important;}
	
	/* navi subline */
	nav#mainmenu span {display: none;}
	
	div.mapafrontowa{width:100%;}
	#lewymargineskontakt{
	display:none;
	}
	#lewakolumnakontakt{
	width:100%; 
	font-size:0.9em;
	}
	#prawakolumnakontakt{
	width:100% ; 
	font-size:0.9em;
	}
	#prawakolumnakontakt img{
	display:none;
	}
	#prawymargineskontakt{
	display:none;
	}
	#panel_dolny{ padding: 0px 5% 10px 5%;}
	.malyekrankomunikat{
		display:block;
		font-size:0.9em;
	}
	.zbedna1{
		display:none;
	}
}

/*     --phones
------------------------------------------------- */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}
	
	/* logo */
	.logo {
	float:right;
	right:5%; 
	top:0px;
	height: 50px;
	position:absolute;
	}
	
	/* panel_prawy_gorny */
	
	#panel_prawy_gorny{
		display:none;
	}
	
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* container */
	
	body.home #container {padding-top: 50px!important;}
	#container-inside {padding: 20px!important;}
	
	#top {text-align: center;}
	
	/* header */

	
	/* hotline */
	#hotline {display: none;}
		
	/* shadow-top */
	#shadow-top {display: none!important;}
	
	/* menu + mobilemenu */
	#mainmenu {display: none;}
	#podmainmenu {display: none;}
	#submenu {display: none;}
	#mobnav, .selectnav {display: inline-block;}
	
	/* sidebar */
	body.sidebar_left #main,
	body.sidebar_left #left,
	body.sidebar_right #main,
	body.sidebar_right #right,
	body.sidebar_both #main,
	body.sidebar_both #left,
	body.sidebar_both #right {width: 100%; margin: 0;}
	
	body.sidebar_left #main .inside,
	body.sidebar_left #left .inside,
	body.sidebar_right #main .inside,
	body.sidebar_right #right .inside,
	body.sidebar_both #main .inside,
	body.sidebar_both #left .inside,
	body.sidebar_both #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0;}
 	#right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;}
 	#left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
 	
 	/* ce_text */
 	#main .ce_text {margin-bottom: 10px!important; width: 100%;}
 	
 	/* ce_headline */
 	.ce_headline {margin-top: 0!important;}
 	
 	/* footer */
 	#footer .inside {padding: 10px; text-align: center;}
 	
 	/* socials */
 	#socials {display: none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* css-framework */
	.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0  15px 0;}
	
	/* extension subcolumns */
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
 	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
 	.subcr, .subcl, .subc {padding: 0!important;}
 	
 	/* ce_gallery */
	.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-left: 0;}
	
	/* mobnav */
  	.js #mobnav { display: none; }
  	.js .selectnav { display: block; margin-bottom: 10px;}
  	#dropdown {display: none!important;}
  	
  	/* mod_calendar */
  	.mod_calendar table {font-size: 7px;}
  	
  	/* welcome-line */
  	/*.welcome-line {display: none;}*/
	.welcome-line .inside h1{font-size: 15px; line-height: 18px; margin-top: 0px;}
  	
  	/* headlines */
  	h1 {font-size: 24px; margin-bottom: 15px;}
	h2 {font-size: 20px; margin-bottom: 15px;}
	h3 {font-size: 18px; margin-bottom: 10px;}
	h4 {font-size: 16px; margin-bottom: 10px;}
	h5 {font-size: 13px; margin-bottom: 10px;}
	h6 {font-size: 12px; margin-bottom: 10px;}
	
	/* mod_subscribe */
	.mod_subscribe input {width: 100%; margin-bottom: 10px;}
	
	/* mod_registration */
	.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text {width: 100%; margin: 0;}
	.mod_registration .captcha_text {margin: 5px 0 15px 0;}
	.mod_registration p.error {margin-left: 0;}
	
	/* forms */
	form label {margin-bottom: 2px!important;}
	form .captcha_text {line-height: 1em;}
	 form input {margin: 0!important;}
	
	/* video button */
	.mejs-overlay-button {display: none!important;}
	
	.kafelki-sg a.kafelek{
	width:99%;
	}
	.kafelki-sg a.kafelek:hover{
	width:100%;
	}
	.kafelki-sg a.kafelek h4{
	font-size:2em;
	line-height:2em;
	}
	#lewymargineskontakt{
	display:none;
	}
	#lewakolumnakontakt{
	width:100% !important; 
	font-size:0.9em;
	}
	#prawakolumnakontakt{
	width:100% !important; 
	font-size:0.9em;
	}
	#prawakolumnakontakt img{
	display:none;
	}
	#prawymargineskontakt{
	display:none;
	}
	#mniejszy-page-title{
		min-height:220px;
	}
	.malyekrankomunikat{
		display:block;
		margin-right:5px;
		font-size:0.8em;
	}
	table.tabelaresponsywna{
		width:100% !important;
		
	}
	table.tabelaresponsywna th{
	font-size:1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	table.tabelaresponsywna td{
	font-size:1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	table.tabelaresponsywna td.zbedna{
		display:none;
	}
	.zbedna1{
		display:none;
	}
	.zbedna{
		display:none;
	}
	table.tabelaresponsywna2{
		width:100% !important;
		
	}
	table.tabelaresponsywna2 td{
	font-size:1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	}
 }
 
 
 @media only screen and (max-width: 599px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}
	
	/* logo */
	.logo {
	float:right;
	right:5%; 
	top:0px;
	height: 50px;
	position:absolute;
	}

	
	#logogidzinskiego{
	margin-top:-5vw !important; 
	}
	#logogidzinskiego img{
	width:80%; max-height:190px; margin-top:120px; 
	}
	
	/* panel_prawy_gorny */
	
	#panel_prawy_gorny{
		display:none;
	}
	
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* container */
	
	body.home #container {padding-top: 50px!important;}
	#container-inside {padding: 20px!important;}
	
	#top {text-align: center;}
	
	/* header */

	
	/* hotline */
	#hotline {display: none;}
		
	/* shadow-top */
	#shadow-top {display: none!important;}
	
	/* menu + mobilemenu */
	#mainmenu {display: none;}
	#podmainmenu {display: none;}
	#submenu {display: none;}
	#mobnav, .selectnav {display: inline-block;}
	
	/* sidebar */
	body.sidebar_left #main,
	body.sidebar_left #left,
	body.sidebar_right #main,
	body.sidebar_right #right,
	body.sidebar_both #main,
	body.sidebar_both #left,
	body.sidebar_both #right {width: 100%; margin: 0;}
	
	body.sidebar_left #main .inside,
	body.sidebar_left #left .inside,
	body.sidebar_right #main .inside,
	body.sidebar_right #right .inside,
	body.sidebar_both #main .inside,
	body.sidebar_both #left .inside,
	body.sidebar_both #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0;}
 	#right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;}
 	#left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
 	
 	/* ce_text */
 	#main .ce_text {margin-bottom: 10px!important; width: 100%;}
 	
 	/* ce_headline */
 	.ce_headline {margin-top: 0!important;}
 	
 	/* footer */
 	#footer .inside {padding: 10px; text-align: center;}
 	
 	/* socials */
 	#socials {display: none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* css-framework */
	.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0  15px 0;}
	
	/* extension subcolumns */
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
 	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
 	.subcr, .subcl, .subc {padding: 0!important;}
 	
 	/* ce_gallery */
	.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-left: 0;}
	
	/* mobnav */
  	.js #mobnav { display: none; }
  	.js .selectnav { display: block; margin-bottom: 10px;}
  	#dropdown {display: none!important;}
  	
  	/* mod_calendar */
  	.mod_calendar table {font-size: 7px;}
  	
  	/* welcome-line */
  	/*.welcome-line {display: none;}*/
	.welcome-line .inside h1{font-size: 15px; line-height: 18px; margin-top: 0px;}
  	
  	/* headlines */
  	h1 {font-size: 24px; margin-bottom: 15px;}
	h2 {font-size: 20px; margin-bottom: 15px;}
	h3 {font-size: 18px; margin-bottom: 10px;}
	h4 {font-size: 16px; margin-bottom: 10px;}
	h5 {font-size: 13px; margin-bottom: 10px;}
	h6 {font-size: 12px; margin-bottom: 10px;}
	
	/* mod_subscribe */
	.mod_subscribe input {width: 100%; margin-bottom: 10px;}
	
	/* mod_registration */
	.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text {width: 100%; margin: 0;}
	.mod_registration .captcha_text {margin: 5px 0 15px 0;}
	.mod_registration p.error {margin-left: 0;}
	
	/* forms */
	form label {margin-bottom: 2px!important;}
	form .captcha_text {line-height: 1em;}
	 form input {margin: 0!important;}
	
	/* video button */
	.mejs-overlay-button {display: none!important;}
	
	.kafelki-sg a.kafelek{
	width:99%;
	}
	.kafelki-sg a.kafelek:hover{
	width:100%;
	}
	.kafelki-sg a.kafelek h4{
	font-size:2em;
	line-height:2em;
	}
	#lewymargineskontakt{
	display:none;
	}
	#lewakolumnakontakt{
	width:95% !important;
	font-size:3.5vw;
	padding-right:5%;
	}
	#prawakolumnakontakt{
	width:95% !important;
	font-size:3.5vw;
	padding-right:5%;	
	}
	#prawakolumnakontakt img{
	display:none;
	}
	#prawymargineskontakt{
	display:none;
	}
	#mniejszy-page-title{
		min-height:220px;
	}
	.malyekrankomunikat{
		margin-right:0px;
		display:block;
		font-size:0.7em;
	}
	table.tabelaresponsywna{
		width:100% !important;
		
	}
	table.tabelaresponsywna th{
	font-size:1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
	table.tabelaresponsywna td{
	font-size:1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	table.tabelaresponsywna td.zbedna{
		display:none;
	}
	.zbedna1{
		display:none;
	}
	.zbedna{
		display:none;
	}
	.zbedna2{
		display:none;
	}
	table.tabelaresponsywna2{
		display:none;	
	}
	p.akapitresponsywny{
		display:block;
	}
	div.tytulkreska span{
	font-size:1em;
	}
 }
 
 
.paddingtop{padding-top:30px;}

.pasek_tytul_mniejszy{
background: #ddd;
padding:0px 20px 10px 20px;
margin:30px 10px 10px 10px;
color:#333;
display:inline-block;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
}
/*formularz */

.formularz, .formularz input, td{
font-size:16px;
}
.formularz input.brakujace{
background:rgba(255,200,200,1);
}
.formularz  textarea.brakujace{
background-color:#ffc8c8;
}
.formularz input[type="text"]:disabled{background:rgba(250,250,250,1);}
.formularz select{
font-size:18px;
}
.formularz select.brakujace{
background:rgba(255,200,200,1);
}

input[type=radio   ]:not(old){
margin: 0px 5px 3px 10px;
}
div.brakujace{
margin: 0px 0px 0px 5px;
padding:3px 25px 3px 10px;
display:inline-block;
background:rgba(255,200,200,1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*koniec formularz */