@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');
@import url('./bootstrap/css/font-awesome.css');
@import url('./lytebox.min.css');
@import url('./fonts/OpenSans.css');
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic);*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
/* TOP MENU FIX after adding Bootstrap 3.3.5 */

/* Set Z-index of Control Panel */

#ControlNav > li > a
{height:53px !important}

#ControlBar_CustomMenuItems > li > a, 
#ControlActionMenu > li > a,
#ControlEditPageMenu > li > a{ height:54px !important}
.subNav{top:53px !important}
#ControlEditPageMenu > li ul{top:54px !important}
.subNav.advanced dl ul li {
    height:60px !important;
    min-width: 139px !important;
    width: 139px !important;
}

.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active{height:36px !important}

#ControlBar_Module_AddNewModule .search-container .search-input-container {
    height: 38px !important;
    width: 164px !important;
}
.mark{background-color:transparent}

/* Bootstrap top menu fix*/

body > form #ControlBar_ControlPanel{z-index:1040 !important}
.navbar.admin{top:53px;}
#contentWrapper{padding-top:120px; background-color:#eee!important}
#contentWrapper.admin{margin-top:50px}


/* Some fixes */
#ControlBar_Module_AddNewModule .search-container .search-input-container {
    height: 38px !important;
    width: 164px !important;
}
.console-large img {
    padding: 0px !important;
}

.dnn_mact *{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.dnn_mact *:after, .actionMenuMove *:before{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

#lbOuterContainer{
	-webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
	
@-moz-document url-prefix() {
    .RadPicker {display:inline-block !important; position:relative; top:-10px; margin-bottom:10px;}
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{min-height:0px;}

.dnnLoading{position:fixed;background-position-y: 250px;}

#CookiesWindow{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.CookiesInfo{position:fixed; width:350px; padding:10px; bottom:20px; right:20px; padding-bottom:10px; background: #505050;border-radius: 5px;font-size:12px;text-align:justify;color: #fff;-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7);box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7);}
.CookiesClose{height: 10px; display:inline-block; float:right; margin:2px 5px; text-indent: -5000px;width: 10px;background: url(/images/closeBtn.png) no-repeat}

.DirectoryHeader{width:100%; display:block; height:270px; background-color:#888; color:#fff}
.DirectoryHeader{background-position:-30px 0px}
.DirectoryCityHeader{width:100%; height:100px;  }
.DirectoryCityHeader .DirectoryHeader{float:left; width:100%; height:240px; background-size:cover !important; padding-top:0px; background-position:0 0; overflow:hidden}
.DirectoryCityHeader .RecrutationInfo{height:240px; width:250px; color:#fff; padding-top:70px}

.DirectoryInfo{float:left; margin-left:230px; width:400px; margin-top:0px;}
.DirectoryCityHeader .DirectoryInfo{margin-left:220px; width:460px}

.DirectoryInfo .DirectoryTitle{height: 70px;line-height: 70px;}
.DirectoryInfo .DirectoryTitle h1 {font-size: 30px; font-weight:bold;display:inline-block;vertical-align:middle; margin:0px}

.DirectoryInfo p {margin-top:0px; font-size:14px; line-height:18px; text-align:justify; margin-bottom:10px;}
.RecrutationInfo{ width:300px; height:270px; display:block; float:right; background-color: rgba(0,0,0,0.5); padding-top:30px;}
.RecrutationInfo .buttons{ margin-left:40px; margin-right:40px;}

.DirectoryCityHeader .RecrutationInfo .buttons{ margin-left:10px; margin-right:10px;}


.RecrutationInfo .Oplaty{ background-color: #fe0000; float:left; display:inline-block; width:100px; height: 95px; margin:5px 5px 0 5px; padding:5px; font-size:14px; line-height:30px; text-align: center; border-radius:5px;}
.RecrutationInfo .Okres{ background-color: #66cc00; float:right; display:inline-block; width:100px; height: 95px; margin:5px 5px 0 5px; padding:5px; font-size:14px; line-height:30px; text-align: center;border-radius:5px;}
.RecrutationInfo .Oplaty strong, .RecrutationInfo .Okres strong{display:block; font-size:30px;}
.KZHeader .RecrutationInfo .Oplaty strong, .KZHeader .RecrutationInfo .Okres strong{line-height:25px;}

.RecrutationInfo .Okres:lang(ru-RU){ line-height:16px; }
.RecrutationInfo .Oplaty:lang(ru-RU) strong, .RecrutationInfo .Okres:lang(ru-RU) strong{line-height: 25px;}


.DirectoryCityHeader .KZHeader{float:left; width:100%; height:200px; background-color: #00305e; background-image: url('/portals/0/Banners/HeaderKZ2x1140.jpg');  background-size: contain !important; background-repeat: no-repeat; padding-top:0px; overflow:hidden}


.dircity-selector-mobile{display:none}

#dnn_CitySelector_pnlCitySelector{display:inline-block}
.language-object{float:right; padding-top:15px}
.Language {margin:2px}
.dircity-selector .dropdown{background-image:url('Images/Dir/Country.png'); background-repeat:no-repeat; background-position:right center; width:300px; height:130px; margin-top:8px;padding:0px;}
.dircity-selector .dropdown a.dropdown-toggle{ padding: 5px 150px 20px 40px; font-size:14px; color:#fff;}
.dircity-selector .dropdown a.dropdown-toggle strong {
	display:block; 
	text-transform:uppercase; 
	text-align:center; 
	font-size:16px; 
	background-color:red; 
	padding:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98d021+0,4ba800+100 */
		background: #4ba800; /* Old browsers */
		background: -moz-linear-gradient(top,  #98d021 0%, #4ba800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d021), color-stop(100%,#4ba800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #98d021 0%,#4ba800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #98d021 0%,#4ba800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #98d021 0%,#4ba800 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #98d021 0%,#4ba800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d021', endColorstr='#4ba800',GradientType=0 ); /* IE6-9 */
	border-radius:5px;
	}

.dircity-selector .dropdown a.dropdown-toggle:hover{ background-color: transparent}
.dircity-selector .dropdown a.dropdown-toggle:hover strong { 
	color: ivory;
	background: #98d021; /* Old browsers */
}

.dircity-selector .dropdown-menu { width:940px; left:-640px;}
.dircity-selector .dropdown-menu a{ color:#66cc00; padding:10px 0px 10px 5px;}
.dircity-selector .dropdown-menu .col-md-2{ padding:0px}


.MojCosinusLbl{font-size: 24px; color: #999; display:inline-block; margin-top: 13px;padding-right: 8px; width: 500px; text-align: center; margin-right:150px;}

.containerInner{background-color:#fff}

.DirDescription{padding-bottom:20px;padding-top:15px; line-height:20px;}

.DescDesktop{display:block}
.DescMobile{display:none}


 .DirBanner{
	border: 1px solid #c5c5c5;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	background-color: #fafafa;
	margin: 15px 0 0 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	height: 300px;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(136,136,136,1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(136,136,136,1);
	box-shadow: 0px 0px 5px 1px rgba(136,136,136,1);
}
 .DirBanner > a{
	display: block;
	position: relative;
}
 .DirBanner a span.overlay{
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-transition: opacity 3s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 3s ease-out;
    transition: opacity 0.2s ease-out;
	padding: 0 10px 20px 10px;
	color: ivory;
	font-size: 14px;
	display: table-cell; 
	vertical-align: middle;
	position: relative;
	line-height: 18px;
	height:300px;
	overflow:hidden;
}
 .DirBanner a span.overlay p{
	margin: 0;
	font-size: 14px;
	overflow:hidden;
	text-align:center;
}
 .DirBanner a span.overlay label{
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	margin-top: 5px;
	background: url('images/icon-btn-sm-circle-arrow.png') no-repeat right center;
	padding-right: 18px;
	display: block;
	float: left;
	height:60px;
	overflow:hidden;
	text-align:center;
}


 .DirBanner.Dir1022:lang(ru-RU) a span.overlay label, 
 .DirBanner.Dir6:lang(ru-RU) a span.overlay label, 
 .DirBanner.Dir13:lang(ru-RU) a span.overlay label, 
 .DirBanner.Dir1022:lang(ru-RU) a span.overlay label, 
 .DirBanner.Dir1022:lang(ru-RU) a span.overlay label, 
 .DirBanner.Dir1022:lang(ru-RU) a span.overlay label, 
 .DirBanner.Dir1021:lang(ru-RU) a span.overlay label
  {
      font-size: 14px
   }

 .DirBanner a:hover span.overlay, 
 .DirBanner a:focus span.overlay,
 .DirBanner a:active span.overlay{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-transition: opacity 3s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    -o-transition: opacity 3s ease-in;
    transition: opacity 0.2s ease-in;
}
 .DirBanner a span.text{
	display: block;
	height: 50px;
	line-height: 50px;
	margin-top: -50px;
	background-color: rgba(0,0,0,0.7);
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-transform:uppercase;
	-webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.DirBanner.Dir1021 a span.text, 
.DirBanner.Dir1022 a span.text, 
.DirBanner.Dir1035 a span.text, 
.DirBanner.Dir1023 a span.text, 
.DirBanner.Dir1476 a span.text, 
.DirBanner.Dir1477 a span.text, 
.DirBanner.Dir1408 a span.text, 
.DirBanner.Dir1474 a span.text, 
.DirBanner.Dir1484 a span.text, 
.DirBanner.Dir1414 a span.text, 
.DirBanner.Dir1475 a span.text, 
.DirBanner.Dir1028 a span.text,
.DirBanner.Dir1041 a span.text,
.DirBanner.Dir1962 a span.text,
.DirBanner.Dir1350:lang(ru-RU) a span.text,
.DirBanner.Dir1423:lang(ru-RU) a span.text,
.DirBanner.Dir1900 a span.text,
.DirBanner.Dir1591 a span.text,
.DirBanner.Dir1590 a span.text,
.DirBanner.Dir1596 a span.text,
.DirBanner.Dir1933 a span.text
{line-height: 25px;font-size: 22px;}
.DirBanner.Dir2038 a span.text,
.DirBanner.Dir1962 a span.text,
.DirBanner.Dir1041 a span.text{font-size: 22px;}
.DirBanner.Dir1407 a span.text{font-size: 16px;line-height: 22px}


.DirectoryHeader,.DirBanner{ background-color:#ccc; background-image: url('Images/Dir/HeaderSP.jpg')}

.DirectoryHeader.Dir10, .DirBanner.Dir10{ font-size:16px; text-align:justify}
.DirectoryHeader.Dir1023{ font-size:18px; padding-top:20px text-align:justify}


.DirBanner.Dir5 a span.overlay p, 
.DirBanner.Dir1059 a span.overlay p, 
.DirBanner.Dir2 a span.overlay p, 
.DirBanner.Dir1021 a span.overlay p, 
.DirBanner.Dir1035 a span.overlay p, 
.DirBanner.Dir10 a span.overlay p, 
.DirBanner.Dir20 a span.overlay p{ font-size:12px}

.DirBanner.Dir2 a span.overlay p, 
.DirBanner.Dir1037 a span.overlay p, 
.DirBanner.Dir16 a span.overlay p, 
.DirBanner.Dir1027 a span.overlay p, 
.DirBanner.Dir1039 a span.overlay p{ font-size:11px; line-height:14px;}

.DirBanner.Dir6 a span.overlay p, 
.DirBanner.Dir3 a span.overlay p, 
.DirBanner.Dir13 a span.overlay p, 
.DirBanner.Dir1028 a span.overlay p, 
.DirBanner.Dir1031 a span.overlay p{ font-size:13px}

.DirBanner.Dir2:lang(ru-RU) a span.overlay p,
.DirBanner.Dir1027:lang(ru-RU) a span.overlay p,
.DirBanner.Dir16:lang(ru-RU) a span.overlay p,
.DirBanner.Dir1039:lang(ru-RU) a span.overlay p

    {
        font-size: 13px; line-height: 14px;
    }

.Dir1 .DirectoryInfo{ margin-left:220px; width:410px;}
.DirectoryCityHeader .Dir1 .DirectoryInfo,
.DirectoryCityHeader .Dir1027 .DirectoryInfo,
.DirectoryCityHeader .Dir1037 .DirectoryInfo{ margin-left:180px; width:500px;}

/*.DirectoryCityHeader .Dir1 .DirectoryInfo p,
.DirectoryCityHeader .Dir1027 .DirectoryInfo p,
.DirectoryCityHeader .Dir1037 .DirectoryInfo p{font-size:12px;line-height:15px;margin:0px}
*/

.Dir1895_1 .DirectoryInfo h1{margin-top:10px}
.Dir1895_1 .DirectoryInfo h2{margin-bottom:25px}

/* Ustawienia kierunków */
.oferta-edukacyjna {margin-top:20px; height:380px;}

/*Zmniejsamy marginesy dla średniej rozdzielczości */
.oferta-edukacyjna > .col-xs-12, .oferta-edukacyjna > .col-sm-4, .oferta-edukacyjna > .col-md-2, .oferta-edukacyjna > .col-sm-8, .oferta-edukacyjna > .col-md-4, .oferta-edukacyjna > .col-xs-6, .oferta-edukacyjna > .col-sm-3, .oferta-edukacyjna > .col-md-2{padding:5px}

.DirBanner.LO, .DirBanner.SP, .DirBanner.KZ, .DirBanner.KM, .DirBanner.WS, .DirBanner.UE, .DirBanner.KKZ, .DirBanner.SJ, .DirBanner.SB{
	margin:0px;
	 }

.DirBanner.LO{ background-image: url('Images/Dir/Header1x1140.jpg')}
.DirBanner.SP{ background-image: url('Images/Dir/HeaderSP.jpg')}
.DirBanner.KZ{ background-image: url('Images/Dir/HeaderKZ2x1140.jpg')}
.DirBanner.KM{ background-image: url('Images/Dir/HeaderKMx1140.jpg')}
.DirBanner.WS{ background-image: url('Images/Dir/HeaderWSx1140.jpg')}
.DirBanner.KKZ{ background-image: url('Images/Dir/Header2x1140.jpg')}
.DirBanner.SJ{ background-image: url('Images/Dir/animator-rekreacji2.png')}
.DirBanner.UE{ background-image: url('Images/Dir/HeaderUE.jpg'); background-position:-20px 0;}
.DirBanner.SB{ background-image: url('/Portals/0/blacharz.jpg')}

.DirBanner.Plany{ background-image: url('Images/Dir/Terminarz.jpg'); background-position:center center; height:250px}
.DirBanner.Mailing{ background-image: url('Images/Dir/Mailing.jpg'); background-position:center center; height:250px}
.DirBanner.Akt{ background-image: url('Images/Dir/News.jpg'); height:250px}
.DirBanner.Grupy{ background-image: url('Images/Dir/industry-groups-product-groups.jpg'); height:180px;}
.DirBanner.Students{ background-image: url('Images/Dir/Students.jpg'); background-position: right bottom; height:180px;}
.DirBanner.Adr{ background-image: url('Images/Dir/address.png');height:180px;}
.DirBanner.SM{ background-image: url('Images/Dir/semestr.jpg');height:180px;}
.DirBanner.KZA{ background-image: url('Images/Dir/HeaderKZ2x1140.jpg'); height:180px;}
.DirBanner.KMA{ background-image: url('Images/Dir/HeaderKMx1140.jpg'); height:180px;}
.DirBanner.Dziennik{ background-image: url('Images/ChangeLog.jpg'); height:180px;}
.DirBanner.Promocje{ background-image: url('Images/Dir/Promocje.jpg');background-position:right center;height:250px;}
.Adr a span.overlay, .Dziennik a span.overlay,  .Grupy a span.overlay, .Students a span.overlay, .SM a span.overlay{ height:180px;}
.Akt a span.overlay, .Plany a span.overlay, .Promocje a span.overlay{ height:250px;}

.Mailing a span.overlay{ height:200px;}
.KZA a span.overlay, .KMA a span.overlay { height:130px;}
.Mailing a span.text,.KZA a span.text,.KMA a span.text{height:100px}

.Plany a span.overlay label,
.Akt a span.overlay label,
.Grupy a span.overlay label,
.Students a span.overlay label,
.Dziennik a span.overlay label,
.Adr a span.overlay label,
.KZA a span.overlay label,
.KMA a span.overlay label,
.Mailing a span.overlay label,
.Promocje  a span.overlay label{
	height:20px;
    font-size:14px;
    width:100%;
}

.PromocjeList .Main{float:left;width:245px; height:170px; background-repeat:no-repeat; background-size:contain; background-position: center center;}
.PromocjeList {
    list-style: none;
    border-bottom: 1px dashed #ccc;
}
.PromocjeList .Element{float:left; min-height:170px; width:495px; padding:10px;}
.PromocjeList .Element .Label{color:#ccc}
.PromocjeList .More{float:left; height:170px;width:150px; padding-top:50px;}

.DirBanner.LO a span.text, .DirBanner.SP a span.text, .DirBanner.KZ a span.text, .DirBanner.KM a span.text, .DirBanner.SJ a span.text, .DirBanner.WS a span.text, .DirBanner.UE a span.text, .DirBanner.KKZ a span.text{
	height: 65px;
	margin-top: -65px;
	background-color: rgba(0,0,0,0.8);
	color: #FFF;
}
.DirBanner.LO a span.text {
	line-height: 60px;
	font-size: 24px;
	background-color: rgba(0,25,69,0.8);
}

.DirBanner.SP a span.text {
	line-height: 60px;
	font-size: 24px;
}

.DirBanner.KZ a span.text {
	line-height: 30px;
	font-size: 24px;
	padding: 0 10px;
	background-color: rgba(0,26,50,0.8);
}
.DirBanner.KM a span.text {
	line-height: 60px;
	font-size: 24px;
	background-color: rgba(41,0,79,0.8);
}
.DirBanner.WS a span.text {
	line-height: 60px;
	font-size: 24px;
	background-color: rgba(0,48,25,0.8);
}
.DirBanner.SJ a span.text {
	line-height: 60px;
	font-size: 24px;
	background-color: rgba(0,48,25,0.8);
}
.DirBanner.KKZ a span.text {
	line-height: 30px;
	font-size: 24px;
	padding: 0 10px;
	background-color: rgba(0,48,25,0.8);
}

.DirBanner.UE a span.text {
	line-height: 30px;
	font-size: 24px;
	padding: 0 10px;
	background-color: rgba(5,1,61,0.8);
}

.DirBanner.UE a span.overlay label {
    height: 20px;

}

.cstudios-announcement-list img {
    max-width: 350px; margin:5px;
}
.cstudios-announcement-list img.announcement-main {
     margin:5px 0px;
}
.cstudios-announcement-list p, .cstudios-announcement-list a {
    margin:5px;
}

/*------------------------------------------------*/
/* NEWSLETTER */
/*------------------------------------------------*/


.NewsletterRegisterModule
{
    width:300px;
    margin:auto;
    border:1px solid #9ECB00;
    border-radius:10px;
    padding:15px;
    text-align:center;
}
.cols3.adsPane .NewsletterRegisterModule{width:100%;}
.NewsletterRegisterModule .Text1{ color:#04388E; font-size:22px; font-weight:500; line-height:30px; padding-top:10px;padding-bottom:10px;margin:0}
.NewsletterRegisterModule input[type="text"], .NewsletterRegisterModule .dnnPrimaryAction{width:270px}
.NewsletterRegisterModule .dnnActions{padding-top:5px;}

/*------------------------------------------------*/
/* GALLERY */
/*------------------------------------------------*/

.cstudios-gallery .gallery-header{background-color:#fff; margin-top:15px; padding:15px;}
.cstudios-gallery .gallery-header h1{border-bottom: solid 5px #CC0000; padding:5px;}
.cstudios-gallery .csgo{
	padding-top:15px;
}
.cstudios-gallery .csgi{
	overflow: hidden;
    position: relative;}
.cstudios-gallery .csgf {
	height:200px; 
	width:100%;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	position:relative;
}
.cstudios-gallery .csgf:hover{
	 -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1); 
}
.cstudios-gallery .csgf a{width:100%; height:100%; display:block}
.csgc{width:100%; height:80px; background-color:#fff; display:block; text-align:center; font-size:18px; padding:10px; overflow:hidden}
a.csgfl,  a.csgfl:link, a.csgfl:visited, a.csgfl:active {
    color: #000;
    text-decoration: none;
    outline: 0px none;
}

.cstudios-gallery .page-of{ background-color:#fff;border: 1px solid #DDD;padding: 10px 16px; border-radius:6px; font-weight:bold}

.cstudios-gallery .pagination > li > a{color:#cc0000}
.cstudios-gallery .pagination > li > span { color:#666}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 18px;
}

/* DNN Body */
#Body {
    /* CSS3 */
    background: #efefef; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #efefef 0%, #e9e9e9 50%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#efefef), color-stop(50%,#e9e9e9), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); /* Opera 12+ */
    /*background: -ms-radial-gradient(center, ellipse cover,  #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); */ /* IE10+ */
    background: radial-gradient(ellipse at center, #efefef 0%,#e9e9e9 50%,#dfdfdf 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=1);  IE6-9 fallback on horizontal gradient */
    min-height: 1px;
}



/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body, th, td, table, h1, h2, h3, h4, h5, h6,
.Head, .SubHead, .SubSubHead,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton {
    font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
}
.Normal{font-size:14px !important}

em {
    font-style: italic;
    letter-spacing: 0;
}

strong {
    font-weight: bold;
}

small {
    font-size: 12px;
    letter-spacing: 0;
}

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin: 0 0 10px 0;
}

h1 {
    font-size: 24px;
}

h2, h2 .Head {
    font-size: 22px;
	font-weight:bold
}

h3, h3 .Head {
    font-size: 22px;
	line-height:30px;
}

h4, h4 .Head {
    font-size: 21px;
    color: #666;
}

h5, h5 .Head {
    font-size: 20px;
    color: #666;
}

h6, h6 .Head {
    font-size: 18px;
    color: #666;
}

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a, a:link, a:visited, a:active {
    color: #5EC800;
    text-decoration: none;
    outline: 0;
}

    a:hover {
        color: #D00;
        text-decoration: none;
        outline: 0;
    }

/* DNN Specific Selectors 
-------------------------------------*/
.CommandButton {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: bold;
}

    .CommandButton:hover {
        color: #007cae;
    }

a.CommandButton:link {
    font-size: 14px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: bold;
}

a.CommandButton:hover {
    text-decoration: underline;
    color: #007cae;
}

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p {
    margin: 0 0 25px 0;
}

hr {
    clear: both;
    height: 0;
    border: solid #c0c0c0;
    border-width: 1px 0 0;
    margin: 20px 0 20px 0;
}

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img {
    border: 0;
}

/* Image Align Left 
    -------------------------------------*/
.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Image Align Right 
    -------------------------------------*/
.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

/* Image with border 
    -------------------------------------*/
.imgBorder {
    border: solid 3px #fff;
}

/* Polaroid Image Style 
    -------------------------------------*/
.imgPolaroid {
    color: #a6a6a6;
    font-size: 12px;
    text-align: left;
    padding: 13px 13px 17px 13px;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc;
}

    .imgPolaroid img {
        margin-bottom: 12px;
    }

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


/* Ordered List */
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}

ol ol {
    margin-top: 8px;
    margin-left: 30px;
}

    ol ol li {
        list-style-type: lower-roman;
    }

    ol ol ol li {
        list-style-type: lower-alpha;
    }

ol ul li {
    list-style-type: lower-roman;
}

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

/* Default Table Style */
table.tableDefault {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

    table.tableDefault th,
    table.tableDefault td {
        font-size: 12px;
        padding: 8px;
    }

    table.tableDefault th {
        font-weight: bold;
        text-align: left;
        border-bottom: solid 2px #aaa;
        background-color: #d7d7d7;
    }

    table.tableDefault td {
        border-bottom: solid 1px #d9d9d9;
    }

    table.tableDefault tr:nth-child(odd) {
        background: transparent;
    }

    table.tableDefault tr:nth-child(even) {
        background: #e3e4e6;
    }

.tableDefault tbody tr:hover td {
    color: #111;
}

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {
    padding: 9px;
    margin-bottom: 20px;
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #666;
    font-size: 14px;
}


.dnnGridItem:hover, .dnnGridAltItem:hover {
    background-color: #E8FAF1;
}

/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #3B96B6;
    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #666;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    background: #484848 url('images/arrow.png') no-repeat 87% center;
    background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffbf00;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #226D35; /*dark blue*/
    background: #4CA900;
    background: -moz-linear-gradient(top, #98D021 0%, #4CA900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98D021), color-stop(100%,#4CA900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #98D021 0%,#4CA900 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #98D021 0%,#4CA900 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #185B93;
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
        border-color: #226D35;
        background: #5CB107; /* Old browsers */
        background: -moz-linear-gradient(top, #ABE52D 0%, #5CB107 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABE52D), color-stop(100%,#5CB107)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ABE52D 0%,#5CB107 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #ABE52D 0%,#5CB107 100%); /* W3C */
        color: #fff;
    }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
        border-color: #226D35;
        background: #98D021; /* Old browsers */
        background: -moz-linear-gradient(top, #98D021 0%, #98D021 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98D021), color-stop(100%,#98D021)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #98D021 0%,#98D021 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #98D021 0%,#98D021 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
        background: #ccc !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #aaa !important;
        text-shadow: none;
    }

a.dnnSecondaryAction {
    color: #226D35;
}


button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    cursor: hand;
    background-image: none;
    background-color: #D00;
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background: #D00 url('images/arrow.png') no-repeat 87% center;
}

/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
.spacingTop {
    margin-top: 30px;
}

.spacingRight {
    margin-right: 30px;
}

.spacingBottom {
    margin-bottom: 30px;
}

.spacingLeft {
    margin-left: 30px;
}

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
#userControls {
    height: 32px;
}
#userControls .language {
    min-height:0!important;
    display:inline;
}
.wrapper {
    margin: 0 Auto;
    width: 980px;
}

/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
#search {
    width: 220px;
    padding-top:3px;
	border:0px;
}
#search:lang(ru-RU) {width: 170px;}
#search:lang(uk-UA) {width: 230px;}
.searchInputContainer{
	border: solid 1px #fff; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	display: inline-block;
	height: 34px;
	width:170px}
.searchInputContainer:lang(ru-RU){
	width:120px
}
.searchInputContainer:lang(uk-UA){
	width:220px
}
#dnn_dnnSearch_txtSearch {
    display: block;
    float: left;
    width: 178px;
    height: 32px;
    padding: 0 5px 0 10px;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border-left: 1px solid #ddd;
    color: #ccc;
    line-height: 32px;
    font-size: 11px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
#dnn_dnnSearch_txtSearch:lang(ru-RU){
	width:118px
}
#dnn_dnnSearch_txtSearch:lang(uk-UA){
	width:218px
}
    #search a.SearchButton:link,
    #search a.SearchButton:visited {
		/*margin-right:20px;float:right;*/
        display: inline-block;
		position: absolute;
		margin-left:3px;
        line-height:25px;
		padding:4px 10px;
		color:#fff;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		text-transform:uppercase;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98d021+0,4ba800+100 */
		background: #98d021; /* Old browsers */
		background: -moz-linear-gradient(top,  #98d021 0%, #4ba800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d021), color-stop(100%,#4ba800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #98d021 0%,#4ba800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #98d021 0%,#4ba800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #98d021 0%,#4ba800 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #98d021 0%,#4ba800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d021', endColorstr='#4ba800',GradientType=0 ); /* IE6-9 */
    }
	#search .glyphicon{display:block; font-size:20px; line-height:26px;}

	#search .text-search{display:none}


    #search a.SearchButton:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ba800+0,98d021+100 */
		background: #4ba800; /* Old browsers */
		background: -moz-linear-gradient(top,  #4ba800 0%, #98d021 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ba800), color-stop(100%,#98d021)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4ba800 0%,#98d021 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4ba800 0%,#98d021 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4ba800 0%,#98d021 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #4ba800 0%,#98d021 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba800', endColorstr='#98d021',GradientType=0 ); /* IE6-9 */

    }

	#search-button{display:none}

    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus {
        background: #ccc;
        box-shadow: inset 0px 3px 8px #999;
		color:#333;
    }

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
/*#login {
    float: right;
}*/

.LoginPanel {
    width: 100%;
}

    #login .registerGroup,
    #login .registerGroup *,
    #login .loginGroup,
    #login .loginGroup * {
        display: block;
    }

    #login .registerGroup,
    #login .loginGroup {
        float: right;
        padding: 0;
        margin: 0;
    }

        #login .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* Register Group Styles */
        #login .registerGroup li {
            float: left;
        }

        #login .registerGroup .buttonGroup {
            margin-right: 0;
        }

        #login .registerGroup a,
        #login .loginGroup a {
            display: block;
            position: relative;
            height: 25px;
            min-width: 12px;
            padding: 7px 15px 0 15px;
            color: #333;
            font-size: 11px;
            vertical-align: middle;
        }

            #login .registerGroup a:hover,
            #login .loginGroup a:hover {
                background: rgb(45,45,45); /* Old browsers */
                background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
                color: #ddd;
                text-shadow: 0px -1px 0px #333333;
            }

            #login .registerGroup a:active,
            #login .loginGroup a:active {
                color: #fff;
                text-shadow: 0px -1px 0px #333333;
            }

            #login .registerGroup a:hover,
            #login .loginGroup a:hover {
                text-decoration: none;
            }

            #login .registerGroup a strong,
            #login .loginGroup a strong {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                font-size: 11px;
                text-indent: -9999px;
            }

    #login .userMessages a,
    #login .userNotifications a {
        background-color: #333;
    }

    #login .userMessages strong {
        height: 100%;
        background: url('images/icon_message.png') no-repeat center center;
    }

    #login .userNotifications {
        border-right: 1px solid #CCC;
    }

        #login .userNotifications strong {
            height: 100%;
            background: url('images/icon_notification.png') no-repeat center center;
        }

    #login .registerGroup a span {
        display: inline-block;
        position: absolute;
        right: 2px;
        top: -9px;
        min-width: 7px;
        margin-right: 3px;
        background: rgb(59,150,182); /* Old browsers */
        text-align: center;
        font-size: 11px;
        color: #fff;
        text-shadow: 0px 1px 0px #333333;
    }

    #login .registerGroup .userProfileImg a {
        min-width: 25px;
        min-height: 32px;
        padding: 0;
        background: none;
    }

    #login .registerGroup a img {
        height: 32px;
        width: 32px;
        background: #333;
    }

    /* Login Group Styles */
    #login .loginGroup {
        border-right: 1px solid #CCC;
    }

        #login .loginGroup a {
            color: #333;
        }

    /* Number of message next to the message icon*/
    #login .userMessages a span,
    #login .userNotifications a span {
        display: inline-block;
        margin-top: 9px;
        margin-right: 0px;
        background-color: transparent;
        font-size: 10px;
    }

	div.dnnRegistrationForm .dnnForm{
		width: 100%;
		display: flex;
		flex-flow: column;
	}
	div#dnn_ctr_Register_userForm .dnnFormItem:nth-child(1){order:2}
	div#dnn_ctr_Register_userForm .dnnFormItem:nth-child(2){order:1}
	div#dnn_ctr_Register_userForm .dnnFormItem:nth-child(4){order:4}
	div#dnn_ctr_Register_userForm .dnnFormItem:nth-child(3){order:3}
	
/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
#siteHeadouter {
    background: #fff;
    /* CSS3 */
    -webkit-box-shadow: 1px 50px 100px 0px #cacaca;
    box-shadow: 1px 50px 100px 0px #cacaca;
}

#siteHeadinner {
    padding: 36px 0;
}

#logo {
    float: left;
}

/* Language */
.language .language-object {
    /*float: right;*/
    display: inline-block;
    margin: 0;
    padding: 0;
}

    .language .language-object span {
        float: left;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        margin: 0;
    }

        .language .language-object span:first-child {
            padding-left: 8px;
        }

        .language .language-object span img {
            height: 12px;
            width: 17px;
            opacity: 0.3;
        }

        .language .language-object span:hover img {
            opacity: 1;
        }

    .language .language-object .Language.selected img {
        opacity: 1;
        border-color: #222;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    }

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

/* for Simple Menu, see Simple menu folder */





/*------------------------------------------------*/
/* BREADCRUMBS */
/*------------------------------------------------*/
#Breadcrumb {
    padding-top: 20px;
    padding-bottom: 12px;
    margin-bottom: 25px;
    border-bottom: solid 1px #c0c0c0;
}

    #Breadcrumb img {
        margin-left: 10px;
        margin-right: 10px;
    }

    #Breadcrumb a.breadcrumbLink:link,
    #Breadcrumb a.breadcrumbLink:visited {
        color: #666;
        font-size: 12px;
        font-weight: bold;
    }

    #Breadcrumb a.breadcrumbLink:hover {
        color: #3B96B6;
    }

/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/
.contentPane {
}
.contentPane.spacingTop{margin:0; padding: 15px;}

/* Content Pane - Footer */
#footer {
    /*clear: both;*/
    height: 40px;
    margin-top: 10px;
	padding:10px;
	background-color:#666;
}

/* Empty Panes */
.DNNEmptyPane {
    width: 0;
    margin: 0 !important;
	padding: 0 !important;	
}

    .DNNEmptyPane.rightTwoCol + div {
        width: 100%;
    }

/* Copyright
    -------------------------------------*/
#copyright {
    font-size: 12px;
    color: #a6a6a6;
    margin-bottom: 25px;
}

    #copyright a:link,
    #copyright a:visited {
        font-size: 12px;
        color: #a6a6a6;
    }

    #copyright a:hover {
        color: #ccc;
    }

    #copyright a.DNNMobileLink {
        color: #666;
        font-weight: bold;
    }

        #copyright a.DNNMobileLink:hover {
            color: #D00;
        }

    #copyright .pull-right {
        text-align:right;
    }

/*------------------------------------------------*/
/* GENERIC CLASSES
/*------------------------------------------------*/

/* Clear-fix for floated elements 
    -------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.dnnFormMessage{margin-left:0px !important; margin-right:0px !important; max-width:none}

/*------------------------------------------------*/
/* Slide jquery
/*------------------------------------------------*/
#container {
    position: relative;
    z-index: 0;
    width: 980px;
    padding: 0px;
    margin: 0 auto;
}

#example {
    position: relative;
    width: 980px;
    height: 380px;
}

/* Slide -*/
#slides {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
}

.slides_container {
    display: none;
    position: relative;
    width: 980px;
    overflow: hidden;
}

    .slides_container a {
        display: block;
        width: 980px;
        height: 380px;
    }

        .slides_container a img {
            display: block;
        }

/* Next/Prev buttons 
    -------------------------------------*/
#slides .next, #slides .prev {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 9px;
    left: 12px;
    padding: 0;
    z-index: 12;
}

#slides .prev {
    background: transparent url('images/left-arrow.png') center center no-repeat;
}

#slides .next {
    left: 96px;
    background: transparent url('images/right-arrow.png') center center no-repeat;
}

/* Page link -*/
.pagination_wrap {
    display: inline-block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 128px;
    height: 40px;
    opacity: 0.8;
    background-color: #222;
}
/*
.pagination {
    position: absolute;
    z-index: 11;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 15px 40px;
}

    .pagination li {
        float: left;
        margin: 0 3px;
        list-style: none;
    }

        .pagination li a {
            float: left;
            display: block;
            width: 9px;
            height: 0;
            padding-top: 8px;
            background-image: url(images/pagination.png);
            background-position: 0 0;
            overflow: hidden;
        }

        .pagination li.current a {
            background-position: 0 -9px;
        }
*/

/* ****** BOOTSTRAP OVERRIDES ******* */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a{/*background-image:none!important;*/ outline:none!important;}



.btn-success {
    color: #FFF !important;
}


/* remove min-height from bootstrap */
.row-fluid [class*='span']:not([class*='dnnSortable']) {
    min-height:0 !important;
}

/* Navbar */
.navbar-top{ background-color:#fff; height:80px; display:block; padding-top:20px;padding-right:15px;position:relative}
#dnn_dnnLOGO_hypLogo{margin-left:15px; display:inline-block}

.Xlata{
	position: absolute;
	top: 20px;
	left: 250px;
	width: 90px;
	color: #27357F;
	font-size: 12px;
	border-left: 1px solid green;
	padding-left: 5px;
	font-weight: 600;}
.Xlata span{font-size: 14px;}
.Xlata strong{font-size: 28px; line-height: 30px;}

.zapisy-header{margin-top:5px}
.zapisy-header a{ 
	background-color: #f3f3f5; 
	padding: 8px 17px;
	/*border-top:0px;
	border-left: solid 1px #d5d5d5;
	border-right: solid 1px #d5d5d5; 
	border-bottom: solid 2px #ACACAC; */
	border-radius:6px; 
	font-size:15px; 
	font-weight:bold; 
	text-transform:uppercase; 
	/*color:#5ec901;*/
	display:block}
.zapisy-header a span{ 
	font-size:15px; 
	font-weight:bold; 
	text-transform:uppercase; 
	/*color:#5ec901;*/}
.zapisy-header a:hover {/*color:#7AFF03*/;border-bottom: solid 1px #d5d5d5;padding: 8px 17px 9px 17px; }	
/*.zapisy-header a:hover span {color:#7AFF03;}	*/
.zapisy-header a:active{border-top: solid 2px #aaa; border-bottom:0px; }


.city-selector{ padding-right:10px;}
.city-ddl{display:none}
.city-selector .caption{ font-size:24px; color:#999999; padding-top:13px; padding-right:8px;}
.city-selector .dropdown{background-color:#fff; width:280px; margin-top:8px;padding:0px;}
.city-selector .dropdown a.dropdown-toggle{ padding: 6px 10px 8px 10px; font-size:18px; color:#5ec800;border-bottom:solid 1px #c2c2c2;border-left:solid 1px #c2c2c2;border-right:solid 1px #c2c2c2}
.city-selector .dropdown .caret{ float:right; background-color:green}
.city-selector .dropdown-toggle > span {float:right}
.city-selector .dropdown-menu{ width:680px;}
.city-selector .dropdown-menu > li > a {padding: 3px 5px;}

.navbar-inverse {
    background-color: #383838;
}

.navbar-header{ width:100%; }

.navbar-header .navbar-nav > li{border-left:solid 1px #5b5b5b;}
.navbar-header .navbar-nav > li > a {
	padding:10px;
    line-height: 20px;
    color: #fff !important;
	font-size:15px;
}
.navbar-header .navbar-nav > li > a:lang(ru-RU) {
	padding:10px 5px;
}
.dropdown a.caret-button{display:none}

.navbar-home a{padding:10px 14px; background-color:#020202;display:inline-block}
/*.navbar-moj-cosinus{margin-top:10px}*/
.navbar-moj-cosinus a{padding:9px 16px; display:inline-block;text-align:center; background-color:#020202; font-size:15px; font-weight:bold; color:#62c300; line-height:20px}
.navbar-moj-cosinus a span{ font-size:15px; font-weight:bold; color:#62c300; line-height:20px}
.navbar-moj-cosinus a:hover span{color:#7AFF03}
.dropdown-menu{width:250px}
.item1080 .dropdown-menu,
.item2727 .dropdown-menu,
.item2751 .dropdown-menu{width:780px}

.item2753 .dropdown-menu{width:290px}


.dropdown-menu{transition-delay:500ms;}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #ccc;
}
.item1081 > .sub-menu, .item2738 > .sub-menu, .item2762 > .sub-menu{padding:10px; width:400px; text-align:justify}
.item1082 > .sub-menu, .item2885 > .sub-menu, .item2886 > .sub-menu{padding:10px; width:550px; text-align:justify}
.item2319 > .sub-menu, .item2888 > .sub-menu, .item2889 > .sub-menu {padding:10px; width:650px; text-align:justify}
.item2320 > .sub-menu, .item2891 > .sub-menu, .item2892 > .sub-menu{padding:10px; width:650px; text-align:justify}
.item1083 > .sub-menu, .item2741 > .sub-menu, .item2765 > .sub-menu {padding:10px; width:500px; text-align:justify}
.item1084 > .sub-menu, .item2740 > .sub-menu, .item2764 > .sub-menu{padding:10px; width:450px; text-align:justify}
.item1085 > .sub-menu, .item2739 > .sub-menu, .item2763 > .sub-menu {padding:10px; width:450px; text-align:justify}
.item2811 > .sub-menu, .item2812 > .sub-menu, .item2813 > .sub-menu, .item4911 > .sub-menu{padding:10px; width:550px; text-align:justify}

.dropdown-menu > li > a.btn{color:#fff; margin-top:10px}
.dropdown-menu > li > a.btn:hover{color:#333}

.sub-menu >.col-md-12{text-align:center}
.sub-menu >.col-md-6{padding:0px}
.sub-menu >.col-md-6 > a, .sub-menu > li > a{ padding:5px 0px 5px 2px;}

.item1081.dropdown-submenu >.dropdown-menu, .item2738.dropdown-submenu >.dropdown-menu, .item2762.dropdown-submenu >.dropdown-menu {left:200px; top:30px}
.item1082.dropdown-submenu >.dropdown-menu, .item2885.dropdown-submenu >.dropdown-menu, .item2886.dropdown-submenu >.dropdown-menu {left:150px;top:-150px;}
.item2319.dropdown-submenu >.dropdown-menu, .item2888.dropdown-submenu >.dropdown-menu, .item2889.dropdown-submenu >.dropdown-menu {left:150px;}
.item2320.dropdown-submenu >.dropdown-menu, .item2891.dropdown-submenu >.dropdown-menu, .item2892.dropdown-submenu >.dropdown-menu {left:-50px;top:-100px}
.item2812.dropdown-submenu >.dropdown-menu, .item2813.dropdown-submenu >.dropdown-menu {left:150px;top:-150px; width:450px;}
.item1084.dropdown-submenu >.dropdown-menu, .item2740.dropdown-submenu >.dropdown-menu, .item2764.dropdown-submenu >.dropdown-menu {left:-150px; top:50px}
.item1085.dropdown-submenu >.dropdown-menu, .item2739.dropdown-submenu >.dropdown-menu, .item2763.dropdown-submenu >.dropdown-menu  {left:-50px; top:50px}
.item4474.dropdown-submenu >.dropdown-menu  {left:10px; top:20px; width:400px}
.item2811.dropdown-submenu >.dropdown-menu  {left:-300px; top:20px;width:800px}
.item4911.dropdown-submenu >.dropdown-menu  {left:-300px; top:20px;width:800px}
.item4480.dropdown-submenu >.dropdown-menu  {left:50px; top:-20px;width:250px}

.subitem4976, .subitem4977{position:initial}

.subitem4976.active > a, .subitem4977.active > a{background-color:#eee;color:#000;}


.subitem4976 >a{font-weight:bold !important}
.subitem4977 >a{font-weight:bold !important}

	/* Elementy domyślnie ukrywane. Chodzi o to by niebyły widoczne dla mobile - on ma inne menu */
	.item4480, .item4474, .item2811, .item4503, .item4911{display:none}



#dnn_ctr1420_CityKierunekList_UP > .dnnFormItem input[type="text"] {margin-bottom: 0;}

.DirType1:before,.DirType2:before,.DirType3:before,.DirType4:before,.DirType5:before,.DirType6:before,.DirType7:before,.DirType8:before,.DirType9:before{content:""; float:left; width:30px; height:50px; margin:0px;margin-top: -25px}
.DirType1:before{background:url('images/offer-icons3.png')  0px -130px;background-size: 375px 91px;}
.DirType2:before{background:url('images/offer-icons3.png')  -47px -130px;background-size: 375px 91px;}
.DirType3:before{background:url('images/offer-icons3.png')  -140px -130px;background-size: 375px 91px;}
.DirType4:before{background:url('images/offer-icons3.png')  -180px -130px;background-size: 375px 91px;}
.DirType5:before{background:url('images/offer-icons3.png')  -220px -130px;background-size: 375px 91px;}
.DirType6:before{background:url('images/offer-icons3.png')  -95px -130px;background-size: 375px 91px;}
.DirType7:before{background:url('images/offer-icons3.png')  -255px -130px;background-size: 375px 91px;}
.DirType8:before{background:url('images/offer-icons3.png')  -305px -130px;background-size: 375px 91px;}
.DirType9:before{background:url('images/offer-icons3.png')  -345px -130px;background-size: 375px 91px;}

/*#contentWrapper.Home{ background-image:url('images/home_bg4.jpg') !important; background-position:center top; background-repeat:no-repeat}*/
.containerInner.Home{background-color:transparent}


.cols3, .cols3City {float:left; display:block; margin:5px;}
.cols3.leftPane{width:360px;}
.cols3.rightPane{width:560px;}
.cols3.adsPane{width:100%;}
.cols3.leftPaneWide{width:610px;}
.cols3.rightPaneBottom{width:300px;}
.cols3City.leftPane{width:300px;}
.cols3City.rightPane{width:610px;}
.cols3City.adsPane{width:100%;}

.cols3.samePane{width:calc( 33% - 8px);}

.leftPaneWide{padding-left:15px}

.CityDirList>.panel-collapse>.panel-body a {color: #000}
.CityDirList>.panel-collapse>.panel-body a:hover {color: #008800}
.CityDirList>.panel-collapse>.panel-body li {list-style:none; line-height:20px;}
.CityDirList>.panel-collapse>.panel-body ul {margin-left:0px}

.cstudios-announcement-list .row-fluid {
    display: flex;
}
.cstudios-announcement-list .panel-default{width:300px; float:left; margin:5px;}
.cstudios-announcement-list .panel-default img{max-width:290px}

.SubmenuHead{display:none}

/* Media Queries */
/* Large desktop */
@media (min-width: 1200px) {
	/*#contentWrapper.Home{ background-image:url('images/home_bg3.jpg') !important; background-position:center top; background-repeat:no-repeat}*/
    select.status-options{display:none;}
    .ControlContainer{width:1170px!important;}
	
	.city-selector{ padding-right:20px;}
	.city-selector .dropdown{ width:400px;}
	.city-selector .dropdown-menu{margin-left:-90px}
	
    .MojCosinusLbl{ width: 600px; }


	#search {width: 340px;}
	#search:lang(ru-RU) {width: 260px;}
	#search:lang(uk-UA) {width: 360px;}
	.searchInputContainer{width:270px}

	#dnn_dnnSearch_txtSearch {width: 268px;}
   
   .searchInputContainer:lang(ru-RU){
		width:200px
	}
	.searchInputContainer:lang(uk-UA){
		width:300px
	}

	#dnn_dnnSearch_txtSearch:lang(ru-RU){
		width:228px
	}
	#dnn_dnnSearch_txtSearch:lang(uk-UA){
		width:298px
    }
   
   
	#search .glyphicon{display:none;}

	#search .text-search{display:block; font-size:15px;}
	.navbar-moj-cosinus a{width:150px;}
	.navbar-header .navbar-nav > li > a{ padding:10px 15px}
	.navbar-header .navbar-nav > li > a:lang(ru-RU) {padding:10px 15px;}

	.oferta-edukacyjna > .col-xs-12, .oferta-edukacyjna > .col-sm-4, .oferta-edukacyjna > .col-md-2, .oferta-edukacyjna > .col-sm-8, .oferta-edukacyjna > .col-md-4, .oferta-edukacyjna > .col-xs-6, .oferta-edukacyjna > .col-sm-3, .oferta-edukacyjna > .col-md-2{padding:15px}
	
	
	.DirectoryHeader{background-position:0px 0px}
    .DirectoryCityHeader .RecrutationInfo {width:300px}
    .DirectoryCityHeader .RecrutationInfo .buttons{ margin-left:40px; margin-right:40px;}
	.DirectoryInfo{margin-left:300px; width:530px; }
    .DirectoryCityHeader .DirectoryInfo{margin-left:250px; width:580px; }

    .Dir1 .DirectoryInfo{ margin-left:250px; width:580px;}
    .DirectoryCityHeader .Dir1 .DirectoryInfo,
    .DirectoryCityHeader .Dir1027 .DirectoryInfo,
    .DirectoryCityHeader .Dir1037 .DirectoryInfo{ margin-left:220px; width:610px;}
   
    /* .DirectoryCityHeader .Dir1 .DirectoryInfo p,
    .DirectoryCityHeader .Dir1027 .DirectoryInfo p,
    .DirectoryCityHeader .Dir1037 .DirectoryInfo p {font-size:14px;line-height:18px;margin-bottom:0px}
	
        */
    .DirectoryInfo p {font-size:14px; line-height:18px;margin-bottom:25px;}
	
        
     .dircity-selector .dropdown-menu { width:1140px; left:-840px;}
	.dircity-selector .dropdown-menu .col-md-2{ padding:5px}
	
	
    .DirBanner.Dir5 a span.overlay p, 
	.DirBanner.Dir1059 a span.overlay p, 
	.DirBanner.Dir2 a span.overlay p, 
	.DirBanner.Dir1021 a span.overlay p, 
	.DirBanner.Dir1035 a span.overlay p, 
	.DirBanner.Dir20 a span.overlay p, 
	.DirBanner.Dir2 a span.overlay p, 
	.DirBanner.Dir16 a span.overlay p, 
	.DirBanner.Dir1039 a span.overlay p,
	.DirBanner.Dir6 a span.overlay p, 
	.DirBanner.Dir3 a span.overlay p, 
	.DirBanner.Dir13 a span.overlay p, 
	.DirBanner.Dir1028 a span.overlay p, 
	.DirBanner.Dir1031 a span.overlay p{ font-size:14px; line-height:18px;}

	.DirBanner.Dir1037 a span.overlay p,
	.DirBanner.Dir1027 a span.overlay p{ font-size:12px; line-height:16px;}
	
    /*.DirectoryCityHeader .KZHeader {
        width: 840px;
    }*/

    
    

    .DirBanner.Dir1028 a span.text{line-height: 50px;font-size: 24px;}
	.DirBanner.Dir1407 a span.text{font-size: 20px;line-height: 22px}
	
	.DirBanner.LO a span.text, .DirBanner.KZ a span.text  {
		line-height: 60px;
		padding:0px;
	}

    


	.cols3.adsPane{width:300px;}
	.cols3City.adsPane{width:360px;}
    .cols3City.rightPane, .cols3.rightPane{width:450px;}
	
    .cols3.leftPaneWide{width:660px;}
	.cols3.rightPaneBottom{width:450px;}
	
    .cstudios-announcement-list {
        max-width: 360px;
        float: right;
    }
    .cstudios-announcement-list .row-fluid {
        display: block;
    }
    .cstudios-announcement-list .panel-default{width:360px; float:none; margin:0px 0px 5px 0px}

    .cstudios-announcement-list .panel-default img{max-width:350px}
    

    .PromocjeList .Element{width:690px; }

    .rightPane .NewsletterRegisterModule{width:336px;padding:25px;}
    .rightPane .NewsletterRegisterModule input[type="text"], .rightPane .NewsletterRegisterModule .dnnPrimaryAction{width:286px}

	.item1082.dropdown-submenu >.dropdown-menu, .item2885.dropdown-submenu >.dropdown-menu, .item2886.dropdown-submenu >.dropdown-menu, 
    .item2319.dropdown-submenu >.dropdown-menu,	.item2888.dropdown-submenu >.dropdown-menu, .item2889.dropdown-submenu >.dropdown-menu,
    .item2320.dropdown-submenu >.dropdown-menu, .item2891.dropdown-submenu >.dropdown-menu, .item2892.dropdown-submenu >.dropdown-menu,	
    .item2812.dropdown-submenu >.dropdown-menu, .item2813.dropdown-submenu >.dropdown-menu{left:100%;}
	.item2319.dropdown-submenu >.dropdown-menu, .item2888.dropdown-submenu >.dropdown-menu, .item2889.dropdown-submenu >.dropdown-menu,{top:-100px}
	.item2320.dropdown-submenu >.dropdown-menu, .item2891.dropdown-submenu >.dropdown-menu, .item2892.dropdown-submenu >.dropdown-menu {top:-50px;left:200px}
	.item4474.dropdown-submenu >.dropdown-menu  {left:100px; top:20px;}
	.item2811.dropdown-submenu >.dropdown-menu  {left:-100px; top:20px;}
	.item4911.dropdown-submenu >.dropdown-menu  {left:-100px; top:20px;}
	.item4480.dropdown-submenu >.dropdown-menu  {left:100px; top:-20px;}

}


/* Portrait tablet to landscape and larger */
@media (min-width:768px){

 /*   .carousel-control{ top:inherit; bottom:10px; height:20px; width:20px; border:none; border-radius:0; z-index:6; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
    .carousel-indicators{ background:rgba(34, 34, 34,0.7); top:auto; bottom:0; padding:15px 35px 15px 30px; right:0; width:63px;}
    .carousel-indicators li{margin-bottom:0;}
    .carousel-control.right{ background-image:url(images/right-arrow.png); text-indent:-9999px; right:10px;}
    .carousel-control.left{ background-image:url(images/left-arrow.png); text-indent:-9999px; right:95px; left:auto;}*/

	.city-selector .dropdown-menu{ width:680px; margin-left:-140px;}
    
	

	.dropdown-submenu{position:relative;}
	.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
	
	.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:10px;margin-right:-10px;}
	
	/* Ukryte menu Cosinus Young, które ma być widoczne tylko w wersji mobilnej */
	.item4501{ display:none !important}

	.item4480, .item4474, .item2811, .item4503, .item4911{display:block}

	/* Jedna linia w polu*/
	.dropdown-menu > .item1082 > a, 
	.dropdown-menu > .item1083 > a, .dropdown-menu > .item2741 > a, .dropdown-menu > .item2765 > a,
	.dropdown-menu > .item1084 > a, .dropdown-menu > .item2740 > a,
	.dropdown-menu > .item1085 > a, .dropdown-menu > .item2739 > a, .dropdown-menu > .item2763 > a,
	.dropdown-menu > .item2320 > a, .dropdown-menu > .item2738 > a, .dropdown-menu > .item2762 > a,
	.dropdown-menu > .item2811 > a, .dropdown-menu > .item2812 > a, .dropdown-menu > .item4480 > a, 
	.dropdown-menu > .item1086 > a, .dropdown-menu > .item2742 > a, .dropdown-menu > .item2766 > a,
    .dropdown-menu > .item4474 > a{display:block; width:100%; padding:10px 20px; font-size:15px; line-height:60px; font-weight:bold; white-space: normal}
	/* Dwie linie w polu*/
	.dropdown-menu > .item1081 > a, .dropdown-menu > .item2891 > a, .dropdown-menu > .item2892 > a,
	.dropdown-menu > .item2764 > a, .dropdown-menu > .item2886 > a, .dropdown-menu > .item2813 > a,
	.dropdown-menu > .item2885 > a, .dropdown-menu > .item4911 > a ,
	.dropdown-menu > .item2319 > a, .dropdown-menu > .item2888 > a {display:block; width:100%; padding:10px 20px; font-size:15px; line-height:30px; font-weight:bold; white-space: normal} 

	/* Trzy linie w polu*/
	.dropdown-menu > .item2892 > a, .dropdown-menu > .item2889 > a {display:block; width:100%; padding:10px 20px; font-size:15px; line-height:20px; font-weight:bold; white-space: normal} 
		
	
	.dropdown-menu > .item1081 > a:before, .dropdown-menu > .item2738 > a:before, .dropdown-menu > .item2762 > a:before,
	.dropdown-menu > .item1082 > a:before, .dropdown-menu > .item2885 > a:before, .dropdown-menu > .item2886 > a:before,
	.dropdown-menu > .item1083 > a:before, .dropdown-menu > .item2741 > a:before, .dropdown-menu > .item2765 > a:before,
	.dropdown-menu > .item1084 > a:before, .dropdown-menu > .item2740 > a:before, .dropdown-menu > .item2764 > a:before,
	.dropdown-menu > .item1085 > a:before, .dropdown-menu > .item2739 > a:before, .dropdown-menu > .item2763 > a:before,
	.dropdown-menu > .item2319 > a:before, .dropdown-menu > .item2888 > a:before, .dropdown-menu > .item2889 > a:before,
	.dropdown-menu > .item2320 > a:before, .dropdown-menu > .item2891 > a:before, .dropdown-menu > .item2892 > a:before,
	.dropdown-menu > .item2811 > a:before, .dropdown-menu > .item2812 > a:before, .dropdown-menu > .item2813 > a:before,
	.dropdown-menu > .item1086 > a:before, .dropdown-menu > .item2742 > a:before, .dropdown-menu > .item2766 > a:before,
	.dropdown-menu > .item4474 > a:before, .dropdown-menu > .item4480 > a:before, .dropdown-menu > .item4911 > a:before {content:""; float:left; width:60px; height:70px; margin:0px;}
	
	.dropdown-menu > .item1081 > a:before, .dropdown-menu > .item2738 > a:before, .dropdown-menu > .item2762 > a:before{background:url('images/offer-icons3.png')  0px -110px;}
	.dropdown-menu > .item1082 > a:before, .dropdown-menu > .item2885 > a:before, .dropdown-menu > .item2886 > a:before{background:url('images/offer-icons3.png')  -110px -110px;}
	.dropdown-menu > .item1083 > a:before, .dropdown-menu > .item2741 > a:before, .dropdown-menu > .item2765 > a:before{background:url('images/offer-icons3.png')  -220px -110px;}
	.dropdown-menu > .item1084 > a:before, .dropdown-menu > .item2740 > a:before, .dropdown-menu > .item2764 > a:before{background:url('images/offer-icons3.png')  -410px -110px;}
	.dropdown-menu > .item1085 > a:before, .dropdown-menu > .item2739 > a:before, .dropdown-menu > .item2763 > a:before{background:url('images/offer-icons3.png')  -325px -110px;}
	.dropdown-menu > .item1086 > a:before, .dropdown-menu > .item2742 > a:before, .dropdown-menu > .item2766 > a:before{background:url('images/offer-icons3.png')  -500px -110px;}
	.dropdown-menu > .item2319 > a:before, .dropdown-menu > .item2888 > a:before, .dropdown-menu > .item2889 > a:before{background:url('images/offer-icons3.png')  -585px -110px;}
	.dropdown-menu > .item2320 > a:before, .dropdown-menu > .item2891 > a:before, .dropdown-menu > .item2892 > a:before{background:url('images/offer-icons3.png')  -690px -110px;}
	.dropdown-menu > .item2812 > a:before, .dropdown-menu > .item2813 > a:before{background:url('images/offer-icons3.png')  -780px -110px;}

	.dropdown-menu > .item2811, .dropdown-menu > .item4474, .dropdown-menu > .item4480, .dropdown-menu > .item4911 {background-color:#aaa}
	.dropdown-menu > .item2811 > a, .dropdown-menu > .item4474 > a, .dropdown-menu > .item4480 > a{height: 80px;padding: 0px 20px 0px 5px;line-height: 70px; color:#fff}
	
	.dropdown-menu > .item4911{height: 80px}
	.dropdown-menu > .item4911 > a{padding: 10px 20px 0px 5px; color:#fff; height:80px}
	.dropdown-menu > .item2811 > a, .dropdown-menu > .item4480 > a {line-height: 70px;}
	/*.dropdown-menu > .item4474 > a {line-height: 22px; white-space:normal;padding-top:5px}*/
	.dropdown-menu > .item2811 > a:before{background:url('images/youngDirSM.png')  0px 5px; width: 70px; height:80px; margin-right: 10px; background-repeat: no-repeat; }
	.dropdown-menu > .item4474 > a:before{background:url('images/youngDirSM.png')  -70px 5px; width: 70px;height:80px; margin-right: 10px;background-repeat: no-repeat; }
	.dropdown-menu > .item4480 > a:before{background:url('images/youngDirSM.png')  -140px 5px; width: 70px;height:80px; margin-right: 10px;background-repeat: no-repeat; }
	.dropdown-menu > .item4911 > a:before{background:url('images/youngDirSM.png')  -210px -5px; width: 70px;height:80px; margin-right: 10px;background-repeat: no-repeat; }
	.dropdown-menu > .item2811 > a:hover, .dropdown-menu > .item2811 > a:focus,
	.dropdown-menu > .item4480 > a:hover, .dropdown-menu > .item4480 > a:focus,
	.dropdown-menu > .item4474 > a:hover, .dropdown-menu > .item4474 > a:focus,
	.dropdown-menu > .item4503 > a:hover, .dropdown-menu > .item4503 > a:focus,
	.dropdown-menu > .item4911 > a:hover, .dropdown-menu > .item4911 > a:focus{ background-color:#888; color:#fff}
	
	
	.dropdown-menu > .item1081, .dropdown-menu > .item2738, .dropdown-menu > .item2762,
	.dropdown-menu > .item2319, .dropdown-menu > .item2888, 
	.dropdown-menu > .item1082, .dropdown-menu > .item2885, .dropdown-menu > .item2886,
	.dropdown-menu > .item1083, .dropdown-menu > .item2741, .dropdown-menu > .item2765,
	.dropdown-menu > .item1084, .dropdown-menu > .item2740,
	.dropdown-menu > .item1085, .dropdown-menu > .item2739, .dropdown-menu > .item2763,
	.dropdown-menu > .item2320, .dropdown-menu > .item2891, .dropdown-menu > .item2892,
	.dropdown-menu > .item2811, .dropdown-menu > .item2812, .dropdown-menu > .item2813,
	.dropdown-menu > .item1086, .dropdown-menu > .item2742, .dropdown-menu > .item2766,
	.dropdown-menu > .item4503, .dropdown-menu > .item2811, .dropdown-menu > .item4474,
	.dropdown-menu > .item4480, .dropdown-menu > .item4911 {width:255px; float:left}

	.dropdown-menu > .item4503 > a {height:80px; background-color: #aaa; background-image: url('images/young15.png');background-repeat: no-repeat;background-position: center center; text-indent:-9999px}



	.dropdown-menu > .item2764, .dropdown-menu > .item2889 {width:265px; float:left}	
	
	.item1081.dropdown-submenu > a:after, .item2891.dropdown-submenu > a:after, .item2764.dropdown-submenu > a:after,
    .item2886.dropdown-submenu > a:after, .item2813.dropdown-submenu > a:after, .item2885.dropdown-submenu > a:after,
    .item2888.dropdown-submenu > a:after {margin-top:-5px;}
    .item2892.dropdown-submenu > a:after, .item2889.dropdown-submenu > a:after {margin-top:-15px;}
    .item1082.dropdown-submenu > a:after, 
	.item1083.dropdown-submenu > a:after, .item2741.dropdown-submenu > a:after, .item2765.dropdown-submenu > a:after, 
	.item1084.dropdown-submenu > a:after, .item2740.dropdown-submenu > a:after,  
	.item1085.dropdown-submenu > a:after, .item2739.dropdown-submenu > a:after, .item2763.dropdown-submenu > a:after,
	.item2320.dropdown-submenu > a:after, 
    .item2738.dropdown-submenu > a:after, .item2762.dropdown-submenu > a:after,
	.item2812.dropdown-submenu > a:after{margin-top:25px;}
    
	.item2811.dropdown-submenu > a:after, .item4480.dropdown-submenu > a:after{margin-top:30px;}
	.item4474.dropdown-submenu > a:after{margin-top:30px;}
	
	.dropdown-submenu:hover>a:after{border-left-color:#555;}
	.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

    .item1767>.dropdown-menu {width:330px;}
	
	
	.SubmenuHead{
		display:block; 
		background: url('Images/youngBGDark.png') no-repeat ;
		background-position: right top;
		padding-left: 10px;
		padding-top:2px;
		font-weight:bold;
		height:30px;
	}
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    /*left: 10px;*/
    top: 11px;
    left: -6px;
}
.rightPane {padding-right:5px;}


}
 @media (max-width: 992px) {
	 #contentWrapper.Home{background-image:none !important}
	 .navbar-top {
	    padding-top: 10px;
	}
    .navbar-home a {
        padding: 10px 4px;
    }
    .navbar-moj-cosinus a {
        padding: 9px 5px;
    }
   .city-selector .dropdown-menu{width:720px !important;margin-left:-175px}
	.city-selector .caption{display:none}
	.city-selector .dropdown{ width:200px; margin-top: 20px;}
	.language-object{padding-top:25px}
	
     .MojCosinusLbl{ margin-top: 20px; width: 360px;  margin-right:0px;}
	.zapisy-header{margin-top:5px}
	.zapisy-header a{width:95px; display:block; text-align:center}
	#dnn_dnnLOGO_imgLogo{margin-top:10px}
	#search-button{display:inline-block; margin-right:0px}
	#search{display:none}
	.dropdown-menu{left:-120px}

	.item1082 > .sub-menu, .item2885 > .sub-menu, .item2886 > .sub-menu, 
	.item1083 > .sub-menu, .item2741 > .sub-menu, .item2765 > .sub-menu,
	.item1084 > .sub-menu, .item2740 > .sub-menu, .item2764 > .sub-menu,
	.item1085 > .sub-menu, .item2739 > .sub-menu, .item2763 > .sub-menu, 
	.item2811 > .sub-menu, .item2812 > .sub-menu, .item2813 > .sub-menu,
	.item2319 > .sub-menu, .item2888 > .sub-menu, .item2889 > .sub-menu, 
	.item2320 > .sub-menu, .item2891 > .sub-menu, .item2892 > .sub-menu, .item4911 > .sub-menu {width:400px;}
	.item2811.dropdown-submenu > .dropdown-menu, .item2812.dropdown-submenu > .dropdown-menu, .item2813.dropdown-submenu > .dropdown-menu,
	.item1083.dropdown-submenu > .dropdown-menu, .item2741.dropdown-submenu > .dropdown-menu, .item2765.dropdown-submenu > .dropdown-menu,
	.item4911.dropdown-submenu > .dropdown-menu 	{left:80px;}
	.item1085.dropdown-submenu > .dropdown-menu, .item2739.dropdown-submenu > .dropdown-menu, .item2763.dropdown-submenu > .dropdown-menu {left:-150px;}
	.item4474.dropdown-submenu >.dropdown-menu  {left:-100px; top:20px;}
	.item2811.dropdown-submenu >.dropdown-menu  {left:-450px; top:-100px;}
	.item4911.dropdown-submenu >.dropdown-menu  {left:-450px; top:-100px;}
	.item4480.dropdown-submenu >.dropdown-menu  {left:10px; top:-20px;}
	
	
	.oferta-edukacyjna > .col-xs-12, .oferta-edukacyjna > .col-sm-4, .oferta-edukacyjna > .col-md-2, .oferta-edukacyjna > .col-sm-8, .oferta-edukacyjna > .col-md-4, .oferta-edukacyjna > .col-xs-6, .oferta-edukacyjna > .col-sm-3, .oferta-edukacyjna > .col-md-2{padding:15px}

	.RecrutationInfo{margin-right:0px; margin-top:0px; width:280px;}
    .RecrutationInfo .buttons { margin-left:30px; margin-right:30px;}
    .DirectoryCityHeader .DirectoryHeader{ height:250px; }
    .DirectoryCityHeader .KZHeader{ height:200px; }
    .DirectoryCityHeader .RecrutationInfo{ margin:0px; padding-top:10px; width:130px; height:250px;}
    .KZHeader .RecrutationInfo{ padding-top:0px;}
    .DirectoryCityHeader .DirectoryHeader .DirectoryInfo {margin-left:130px; width:450px;}

   

    /*.Dir1582 .DirectoryInfo,
    .Dir1586 .DirectoryInfo,
    .Dir1587 .DirectoryInfo,
    .Dir1588 .DirectoryInfo,
    .Dir1589 .DirectoryInfo,
    .Dir1590 .DirectoryInfo,
    .Dir1591 .DirectoryInfo,
    .Dir1592 .DirectoryInfo,
    .Dir1593 .DirectoryInfo,
    .Dir1594 .DirectoryInfo,
    .Dir1595 .DirectoryInfo,
    .Dir1596 .DirectoryInfo,
    .Dir1597 .DirectoryInfo,
    .Dir1598 .DirectoryInfo{ margin-left:280px; width:420px;}*/
	
    .DirectoryInfo{margin-left:10px; width:420px; height:260px;}

    .Dir1 .DirectoryInfo{margin-left:10px; width:420px; }


    .KZHeader .DirectoryInfo{height:200px}
	.dircity-selector .dropdown-menu { width:720px; left:-440px; top:110px}
	
	.DirBanner.KKZ a span.overlay p{ font-size:13px; line-height:15px}
	
	.DirBanner.KZ a span.text, .DirBanner.UE a span.text  {
		line-height: 60px;
		padding:0px;
	}
	.DirBanner.KKZ a span.text  {
		line-height: 30px;
		padding:0px;
	}
	.cols3City.rightPane, .cols3.rightPane{width:400px;}
    .cols3.leftPane{width:300px;}

    .cstudios-announcement-list .panel-default{width:230px; float:left; margin:3px;}
    .cstudios-announcement-list .panel-default img{max-width:220px}

    .PromocjeList .Element{float:left; min-height:170px; width: calc(100% - 250px); padding:10px;}

    .PromocjeList .More{float:right; height:50px;width:150px; padding-top:00px;}
    
    .NewsletterRegisterModule
    {
        width:280px;
        padding:10px;
    }
    .NewsletterRegisterModule input[type="text"], .NewsletterRegisterModule .dnnPrimaryAction{width:260px}

    .cols3.adsPane .NewsletterRegisterModule input[type="text"], .cols3.adsPane .NewsletterRegisterModule .dnnPrimaryAction{width:200px}

	.cols3.leftPaneWide{width:100%; padding-right:15px}
}
/* Portrait tablet to landscape and smaller */
@media (max-width: 979px) {

    img {max-width:100%;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #Body{margin:0; padding:0;}
  
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .MenuLogin {width:100%}
	.DirBanner a span.overlay p{ font-size:16px; line-height:20px;}
	.DirBanner.Dir5 a span.overlay p, .DirBanner.Dir1059 a span.overlay p{ font-size:14px; line-height:18px;}
	
    #Body{margin:0; padding:0;}
  
	.navbar .container{padding-left:0px; padding-right:0px;}
	.city-selector .nav{ display:none}
	.city-ddl{display: inline-block; width:200px; margin-top:10px;}
   
	.container > .navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}
	.navbar-inverse .navbar-toggle {
    	border-color: #666;
		color:#fff;
		margin:1px auto;
		float:left;
		display:block;
	}
	.navbar-inverse .navbar-toggle span{ color:#fff;}
	.navbar-inverse.moj-cosinus .navbar-toggle {
    	width:100%;
	}
    .navbar-inverse .navbar-toggle .caption{ padding-left:20px; padding-right:20px;}
	.navbar-inverse .navbar-toggle .icon-bar{width:90px}
	.dropdown-toggle strong.caret{display:none;}
	.dropdown a.dropdown-toggle{display:inline-block; width: calc( 100% - 35px) }
	.dropdown a.caret-button{display:inline-block; }
	
	.navbar-moj-cosinus a{padding:9px 32px;}
	#search-button{display:none}
	#search{display:inline-block; width:100%}
	.searchInputContainer{ width: calc(100% - 60px)}
	.dropdown-menu > .dropdown-submenu > a:before,
    .dropdown-menu > .item1086 > a:before, 
    .dropdown-menu > .item2742 > a:before,
    .dropdown-menu > .item2766 > a:before{background: none; content:""; float:none; margin:0px;}
	.dropdown-menu > .dropdown-submenu > a{ line-height:20px; height:30px}
	.navbar-nav .open .dropdown-menu{background-color:#444}
		
	
	.DirectoryInfo{ width:100%; padding-right:200px}
    .DirectoryCityHeader .DirectoryHeader{height:auto}
    
	.RecrutationInfo, .DirectoryCityHeader .RecrutationInfo{width:100%; margin:0px; height:73px; padding:0px;}
	.RecrutationInfo .buttons{ float:left; margin:10px 0 0 10px;display:block; height:65px;}
    .DirectoryCityHeader .RecrutationInfo .buttons{ float:right}
	.RecrutationInfo .Oplaty{ background-color: #fe0000; float:left; display:inline-block; width:150px; height: 45px; margin:5px; padding:0px; font-size:20px; line-height:30px; text-align: center; border-radius:5px;}
	.RecrutationInfo .Okres{ background-color: #66cc00; float:right; display:inline-block; width:250px; height: 45px; margin:5px; padding:0px; font-size:20px; line-height:30px; text-align: center;border-radius:5px;}
	.RecrutationInfo .Oplaty strong, .RecrutationInfo .Okres strong{display:inline-block; font-size:20px;}
    .KZHeader .RecrutationInfo .Oplaty strong, .KZHeader .RecrutationInfo .Okres strong{line-height:18px;}

	.dircity-selector {display:none}
	.dircity-selector-mobile{display:block; float:right; width:220px; margin-right:10px;font-size:12px }
	.dircity-ddl{margin:0px; width:220px; }
	
    .DirectoryInfo{ margin-left:250px; width:100%;padding-right:260px}
    .DirectoryCityHeader .DirectoryHeader .DirectoryInfo{ margin-left:250px; width:100%;padding-right:260px}

    .Dir1 .DirectoryInfo{ margin-left:220px; width:100%; padding-right:230px}

    /*.Dir1582 .DirectoryInfo,
    .Dir1586 .DirectoryInfo,
    .Dir1587 .DirectoryInfo,
    .Dir1588 .DirectoryInfo,
    .Dir1589 .DirectoryInfo,
    .Dir1590 .DirectoryInfo,
    .Dir1591 .DirectoryInfo,
    .Dir1592 .DirectoryInfo,
    .Dir1593 .DirectoryInfo,
    .Dir1594 .DirectoryInfo,
    .Dir1595 .DirectoryInfo,
    .Dir1596 .DirectoryInfo,
    .Dir1597 .DirectoryInfo,
    .Dir1598 .DirectoryInfo{ margin-left:300px; width:100%; padding-right:310px}*/

	.DirBanner.LO a span.text, .DirBanner.KKZ a span.text   {
		line-height: 60px;
	}
	.DirBanner.KKZ a span.overlay p{ font-size:16px; line-height:18px}
	
	
    .DnnModule-1439 {display:none}
    .cols3City.leftPane, .cols3City.rightPane, .cols3.leftPane, .cols3.rightPane {width:100%; margin:0px; padding:5px; clear:both;}
    .CityDirList li {width:50%; float:left; padding:5px;}

    .cstudios-announcement-list {
        width: 100%;
        float: left;
    }
    .cstudios-announcement-list .row-fluid {
        display: block;
    }
    .cstudios-announcement-list .panel-default{width:100%; float:none; margin:0px; text-align:center}

    .cstudios-announcement-list .panel-default img{max-width:350px; float:none !important;}
    .rightPane {clear:both}
	.cols3.samePane{width:100%;}
	.language-object{padding-top:10px; width:60px; margin-left:10px;}
	
	#CookiesWindow{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
	.CookiesInfo{position:fixed; width:100%; padding:5px; bottom:0px; right:0px; padding-bottom:20px; background: #505050;border-radius: 0px;font-size:11px;text-align:justify;color: #fff;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
	.CookiesInfo br{display:none}
	
	
}
@media (max-width: 720px){.Xlata{display:none}}
@media (max-width: 700px) {
	.RecrutationInfo .Oplaty{width:120px}
	.KZHeader .RecrutationInfo .Oplaty{width:200px}
    
    .RecrutationInfo .Okres{width:200px}
     .MojCosinusLbl{ margin-top: 20px; font-size:20px; width: auto;  margin-right:0px;}
}
@media (max-width: 660px) {
    #footer {
        height: 60px;
    }
	.city-ddl{width:180px}
	
}
@media (max-width: 610px) {
	.DirectoryHeader{background-image:none !important; background-color:#333; height:auto}
	.DirectoryInfo{  margin:0px !important; width:100%; float:none; padding:5px !important; height:auto}
    .DirectoryCityHeader .DirectoryHeader .DirectoryInfo {margin-left:0px}
	.RecrutationInfo .buttons {float:none; width:100%; }
	.RecrutationInfo .Oplaty{width:40%;}
	.RecrutationInfo .Okres{width:40%; margin-right:20px;}
    .DirectoryCityHeader .Oplaty{margin-left:30px;}
	.dircity-selector-mobile{ float:none; width:100%; display:block;  }
	.RecrutationInfo{height:130px}
	.DescDesktop{display:none}
	.DescMobile{display:block}
    
    .PromocjeList .Main{float:none;}
    .PromocjeList .Element{float:none; min-height:170px; width:100%;}
    .PromocjeList .More{float:right; height:40px;width:150px; padding-top:0px;}
	.language-object{margin-left:5px;}
	.city-ddl{width:130px}
}

@media (max-width: 560px) {
	 #dnn_dnnLOGO_imgLogo {width:150px; padding-top:5px;}
	 .navbar-inverse .navbar-toggle .icon-bar{width:50px}
}	
/* Landscape phones and down */
@media (max-width: 480px) {
    #Body{margin:0; padding:0;}
	#dnn_dnnLOGO_imgLogo {width:100px;padding-top:12px;}
	.navbar-inverse .navbar-toggle .icon-bar{width:10px}
	
	.DirContent p {display:none}
	
	
	.RecrutationInfo .Oplaty, .KZHeader .RecrutationInfo .Oplaty{width:40%; height:65px; pading-top:20px;}
    .RecrutationInfo .Oplaty strong{display:block}
	.RecrutationInfo .buttons{height:90px}
	.RecrutationInfo .Okres{width:40%; margin-right:20px; height:65px;}
	.RecrutationInfo .Okres strong{display:block}
	.RecrutationInfo{height:150px}
	.dircity-ddl{width:150px}
	
	.DirBanner {height:200px}
	.DirBanner a span.overlay{height:200px}
	.DirBanner a span.overlay p{ display:none !important}
	.DirPanner a span.text{margin:-100px; height:100%}
	.DirBanner.LO a span.text, .DirBanner.KZ a span.text, .DirBanner.KM a span.text, .DirBanner.WS a span.text, .DirBanner.UE a span.text    {
		line-height: 30px;
		font-size:22px;
	}
   
}
@media (max-width: 430px) {
    #Body{margin:0; padding:0;}
	.navbar-top {padding-top: 5px; height:90px}
	#dnn_dnnLOGO_imgLogo {width:100px;padding-top:0px;}
	.zapisy-header{position: absolute;top: 5px;right: 5px;}
	.zapisy-header a {width: 150px;}
	.header-content{width:100%}
	.navbar-inverse .navbar-toggle .icon-bar{width:10px}
	#dnn_CitySelector_pnlCitySelector{width: calc(100% - 130px);}
	.city-ddl{margin: 5px; width: calc(100% - 10px);}
	.navbar-moj-cosinus a{padding:9px 16px;}
	.oferta-edukacyjna > .col-xs-12, .oferta-edukacyjna > .col-sm-4, .oferta-edukacyjna > .col-md-2, .oferta-edukacyjna > .col-sm-8, .oferta-edukacyjna > .col-md-4, .oferta-edukacyjna > .col-xs-6, .oferta-edukacyjna > .col-sm-3, .oferta-edukacyjna > .col-md-2{padding:5px}
	.dircity-ddl{width:100px}
    .MojCosinusLbl {
        margin-top: 20px;
        font-size: 16px;
    }
	.city-selector{width:100%}
    .CityDirList li {width:100%; float:none; padding:5px;}
	.language-object{width:125px; padding-top:20px;}
}
@media (max-width: 380px) {
	/*.city-ddl{width:100px}*/
	.navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle .glyphicon{display:none}
	.navbar-inverse .navbar-toggle{padding: 9px 0px;}
    .MojCosinusLbl{margin-top:15px; width:150px;}
    .cstudios-announcement-list .panel-default img{max-width:100%}
    }
@media(max-width:340px){
    /*#dnn_dnnLOGO_imgLogo{ padding-top:0px;}
    .navbar-top{ padding-top:2px; height:80px;}*/
    .header-content{float:none !important}
    /*.zapisy-header {margin-top:-15px;}
    .zapisy-header a{ width:120px; padding: 6px 12px 8px 12px;}
    .city-ddl{ margin: 4px 0 0 0; padding:4px; width:140px;}*/
    .MojCosinusLbl{width:100%; text-align:center; margin:10px 0 0 0}
    .navbar-moj-cosinus a{padding: 9px;}

    .RecrutationInfo .buttons {
        margin: 5px; height:auto;
    }
    .RecrutationInfo .Okres, .RecrutationInfo .Oplaty, .KZHeader .RecrutationInfo .Oplaty{width:calc(50% - 30px); margin:0px;}
    .RecrutationInfo .Okres{margin-right:15px}
    .RecrutationInfo .Oplaty, .KZHeader .RecrutationInfo .Oplaty{margin-left:30px}
    .dircity-ddl {
        width: 100%;
    }

}

@media (max-height: 400px)
{
	.navbar.navbar-fixed-top{position:relative; top:0px}
	#contentWrapper{padding-top:0px;}
	#contentWrapper.admin{margin-top:0px;}
}

/* Container styles */

.DNNContainer_Title_h2 h2 .TitleH2 {
	display: block;
	margin-bottom: 25px;
}

.DNNContainer_Title_h3 h3 .TitleH3 {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: solid 1px #c0c0c0;
}

.DNNContainer_Title_h4 h4 .TitleH4 {
	display: block;
	margin-bottom: 25px;
} 
.DNNContainer_Frame{
	margin: auto;
	border: 1px solid #9ECB00;
	border-radius: 10px;
	padding:15px;
	text-align:center;
}
.DNNContainer_Frame .DNNContainer_Title_h2 h2 .TitleH2
{
	color: #04388E;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
}


.copyright-container a{
	color: #fff;
	font-family: 'Open Sans', Arial;
	font-size: 14px;
	background: url('Images/icon-btn-sm-circle-arrow.png') no-repeat right 12px center;
	background-color: #aaaaaa;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	margin: 0 12px;
	padding: 9px 36px 9px 16px;
}
.copyright-container a:hover{
	background-color: #666666;
}
.copyright-container > span.split{
	border-bottom: 1px solid #d9d9d9;
	display: inline-block;
	width: 20px;
	height: 0px;
	overflow: hidden;
	padding-top: 9px;
	vertical-align: top;
}