body {



}

.background{
	width:100%;
	//background: url(../img/bg.png), url('banner2.jpg');
	//background-position: left top, left top;
	//background-repeat: no-repeat, repeat;
	background:url(../img/bg.png) repeat-x, url(../img/bg1.png) repeat;
	background-position: center 0;
	//background-size: cover;
	//background-color:#0666a0;
	margin:0;
	padding:0;
}

#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
   
    cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
   background-color: #A8BED6;
    position:relative;
}



#menuwrapper span {
		  color: #5C5A5A;
}

/* We apply the link style */
#menuwrapper ul li a{
    text-decoration:none;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
	z-index:1;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:240px;
    top:0px;
    display:block;
}



/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{

}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
#menuwrapper ul li:hover ul li ul{
    position:absolute;
    display:none;
}

/* We show the third level menu only when they hover the second level menu parent */
#menuwrapper ul li:hover ul li:hover ul{
    display:block;
    left:240px;
    top:0;
}

/* We change the background color for the level 3 submenu*/
#menuwrapper ul li:hover ul li:hover ul li{
    
}

/* We change the background color for the level 3 submenu when hovering the menu */

#menuwrapper ul li:hover ul li:hover ul li:hover{
    background-color: #A8BED6;
}

/* We change the level 3 link color */
#menuwrapper ul li:hover ul li:hover ul li a{
    color:#ffffff;
}


#main{
	margin:0 auto 0 auto;
	width:960px;
}
#main a{
	color:#ffffff;
	text-decoration:none;
}
#main a:hover{
color:#fedd5c;
text-decoration:none;
}
#main-content{
	margin-left:15px;
	margin-right:15px;
	padding:0;
	padding-top:10px;
	height:auto;
	overflow:hidden;
	min-height:500px;
}
.ref {
	color:#fff;
	font-weight:lighter;
}

.ref:hover {
		color:#fff !important;
}


#privacy a {
	color:#858580;
}

#privacy a:hover {
	color:#F1B938;
}

#wrapper {
	background-color: #FBFBFA;	
	margin-bottom:15px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-right: 2px solid #F0F0EF ;
	border-bottom: 2px solid #F0F0EF ;
	border-left: 2px solid #F0F0EF ;
	
}

#socials {
	height: 55px;
	margin-top:18px;
}

#socials a{
		
}

#facebook {
	float:right;
	width:22px;
	height:22px;
	background:url(../img/fb.png) no-repeat;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
}

#facebook:hover {
	background:url(../img/fb_hover.png) no-repeat;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
/*  Menu  */

#menu {	
	display:block;
	margin-top:40px;
	background:url(../img/slider_up.png) 0 0 no-repeat;
	height:44px;
}

#menu ul{
	margin-left:58px;
	margin-top:0px;
	padding:0;
	margin-right:0;
	overflow: hidden;
}

#menu ul li{
	list-style:none;
	float:left;
	margin:0;
	margin-left:10px;
}

#menu ul li a{
	display:block;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	color: #646565;
	padding-top:11px;
	padding-bottom:13px;
	padding-left:17px;
	padding-right:17px;	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#menu ul li a:hover{
	background-color: #324C67;
	color:#fff;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#header{
	height:117px;
	//background:url(../img/nav-bg.png) 0 0  repeat-x;
	padding:0;
	margin:0;
}





/*  KONIEC MENU */

#slider {
	background:url(../img/slider_up.png) 0 0 no-repeat;
	height:36px;
}

#logo{
	background:url(../img/logo.png) 0 0 no-repeat;
	width:320px;
	height:96px;
}
#baner{
margin-top:-2px;
z-index:99;
padding:0;
height:230px;
background:url(../img/baner.jpg) 0 0 no-repeat;
}
#leftbar{
	float:left;
	margin:0;
	margin-top:10px;
}
#content{
margin-top:10px;
width:78%;
float:right;
position:relative;
padding:0;
min-height:300px;
}
.fadein{
/*position:relati*/
position:relative;
*/
    height:200px;
width:600px;
float:left;
}
.fadein img{
/* position:absolu*/
position:absolute;
left:50px;
top:150px;
:*/;
}
/*LEFT*/

.left-module{
	width:240px;
	
}
.left-module ul{
	width:100%;
	padding:0;
	margin:0;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	
	border-bottom-right-radius:4px;
	-webkit-border-right-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	
	border-right: 2px solid #F0F0EF ;
	border-bottom: 2px solid #F0F0EF ;
	border-left: 2px solid #F0F0EF ;
	//-webkit-box-shadow: 0px 4px 28px -3px rgba(0,0,0,0.74);
	//-moz-box-shadow: 0px 4px 28px -3px rgba(0,0,0,0.74);
	//box-shadow: 0px 4px 28px -3px rgba(0,0,0,0.74);
}
.left-module li{
	
	height:auto;
	list-style:none;
	background-color: #FFF;
	margin:0;
	//background: url(../img/left_module_separator.png) bottom center no-repeat; 
	
}
.left-module li a{
	display:block;
	padding:10px 10px 10px 10px;
	font-size:14px;
	text-decoration:none;
	color:#5c5a5a !important;
	font-weight:normal;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	
}
.left-module li a:hover{
	text-decoration:none;
	font-weight:normal;
	background-color: #A8BED6;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	
}
.title{
	width: 244px;
}
.title h3{
	text-align:center;
	font-size:22px;
	font-weight:lighter;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;

	margin-bottom: 0;
	color:#ffffff;
	background-color: #324C67;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
/*END OF LEFT*/

.footer{
	line-height: 42px;
	width:100%;
	height:42px;
	background:#082137;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	
	border-bottom: 6px solid #FFB200;

font-size:14px;
}
.rights{
	float:left;
	margin-left:45px;
	color:#849db6;
	font-size:11px;
}
.created{
	float:right;
	margin-right:45px;
}
.content{
	width:663px;;
	margin-top:10px;
	margin-left:20px;
	display:inline-block;
	
}
#right-bar{
	width: 100%;
	float:left;
	text-align: center;
	display:inline-block;
	margin-top:50px;
	margin-bottom:55px;
	background-color:#FFF;
	border-right: 2px solid #F0F0EF ;
	border-bottom: 2px solid #F0F0EF ;
	border-left: 2px solid #F0F0EF ;
	border-top: 2px solid #F0F0EF ;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#righr-bar a {
	margin-right:	50px;
}
/* ABOUT */

.about{
width:100%;
display:block;
}
#title{

font-size:36px;
}
#full{
margin-top:10px;
overflow:hidden;
height:auto;
}
.text{
width:70%;
float:left;
margin-left:10px;
}
p.text{
word-wrap:break-word;
}
#img{
float:left;
}

#content_register {
	display:inline-block;
	width:100%;
	margin-bottom:10px;
	background-color: #FFF;
	line-height: 25px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	
	border-right: 2px solid #F0F0EF ;
	border-bottom: 2px solid #F0F0EF ;
	border-left: 2px solid #F0F0EF ;
	border-top: 2px solid #F0F0EF ;
}
/* NEWS */

#news{
}
#news h1{

	font-size:24px;
	background:none;
	color:#8eb0c4;
}
.newsBlock{
	display:inline-block;
	width:643px;
	margin-bottom:10px;
	background-color: #FFF;
	line-height: 35px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	
	border-right: 2px solid #F0F0EF ;
	border-bottom: 2px solid #F0F0EF ;
	border-left: 2px solid #F0F0EF ;
	border-top: 2px solid #F0F0EF ;
}

.news_title {
	font-size:21px;
	color:#ffffff;
	margin-bottom: 0;
	margin-top:15px;	
	margin-left:20px;
	background-color:#324C67;
	width:490px;
	height:35px;

	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

.news_title p {
	margin:0;
	margin-left:33px;
	
}

.news_date {

	margin-left:28px;
	margin-right:28px;
	margin-top:10px;
	
	
	border-bottom: 1px dashed #C4C4C4;
}

.news_date p{
	margin:0;
	padding:0;
	font-size: 12px;
	color:#7c7c7c;
}

.news_intro {
	margin-left:42px;
}

.news_intro p{
	color: #858580;
	font-size:14px;
	width:92%;
	word-wrap: break-word;
	line-height: normal;
}

.read_more {
	margin-right:25px;
	margin-bottom:10px;
	float: right;
	
}

.read_more a{
	background-color: #FFB200;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

.read_more a:hover {
	color:#858580 !important;	
}

#login{
	display:inline-block;
	float:right;
}
#loginForm{
	width:100%;
	height:116px;
}
#loginDiv{
	margin:0;
	padding:0;
}

#UserLogin::-webkit-input-placeholder { //padding-left:23px; }
#UserHasło::-webkit-input-placeholder { //padding-left:23px; }

#form_icons {
	display:inline-block;
	float:right;
	margin-right:9px;	
}


#submitID{
	font-size:14px;
	margin:0;
	border: 0;
	background: none;
	cursor:pointer;
	color: #646565 !important;
	margin-top:12px;
	padding:0;
	height:22px;
	padding-left:8px;
	padding-right:8px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}

#submitID:hover {
	background-color:#F1B938;
	color:#FFF !important;
	height:22px;
	padding-left:8px;
	padding-right:8px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}

#submitDiv{
	padding:0;
	display:inline;
}
div.exMenu:hover div.expand{
display:block;
background:#ffffff;
}
div.exMenu{
height:116px;
}
div.expand{
display:none;
margin-right:200px;
}
.errors{
}
.errors ul{
background:red;
list-style:none;
}
.errors li{

font-size:20px;
color:white;
}
.registerInput{
	display: inline-block;
	font-weight:normal;
	padding: 0;
	margin: 0;
}
.registerFirmInput{
display:inline;
width:100%;
font-weight:normal;
}
#RegisterFirm{
width:78%;
}
#RegisterNip{
width:78%;
}
.tooltip{
position:absolute;
top:0;
left:0;
z-index:3;
display:none;
}
#galleries{
}
#galleries:hover{
background:#324C67;
color:#ffffff;

}
.squaredFour{
width:20px;
margin:20px auto;
position:relative;
}
.squaredFour label{
cursor:pointer;
position:absolute;
width:20px;
height:20px;
top:0;
/*border-radius*/
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
/*box-shadow*/
-webkit-box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
   -moz-box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow:inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
background:#fcfff4;
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(#fcfff4,0),color-stop(#dfe5d7,0.4),color-stop(#b3bead,1));
background:-webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background:   -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background:     -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background:        linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.squaredFour label:after{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
content:'';
position:absolute;
width:9px;
height:5px;
background:transparent;
top:4px;
left:4px;
border:3px solid #333;
border-top:none;
border-right:none;
/*transform*/
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
}
.squaredFour label:hover::after{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter:alpha(opacity=30);
opacity:0.5;
}
.squaredFour input[type=checkbox]:checked + label:after{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
}
#nav{
width:100%;
height:50px;
text-align:center;
border-bottom:solid 2px #FFFFFF;
}
#nav a:hover{
background:url(../img/MenuItemBG.png) 0 0  repeat-x;
}
/////////////////////////
#g{
background:#000;
margin:0 auto;
width:960px;
height:200px;
overflow:hidden;
}
#g div{
/*transition*/
-webkit-transition:opacity 1s ease-in-out;
   -moz-transition:opacity 1s ease-in-out;
     -o-transition:opacity 1s ease-in-out;
        transition:opacity 1s ease-in-out;
opacity:0;
position:absolute;
height:220px;
width:1200px;

}
#logout{
}
#logout a{
	font-size: 14px;
	
	font-weight: normal;
	background-color:#FFB200;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;

/*border-radius*/
	-webkit-border-radius:3px;
   -moz-border-radius:3px;
    border-radius:3px;

}
#logout a:hover{
	
	color:#858580 !important;
}

#profile_links a{
	color:#858580;
}

#profile_links a:hover{
	color:#F1B938;
}

#button {
	
}

#button a{
	background-image:-webkit-linear-gradient(top, #76BF6B, #3B8230);
background-image:-moz-linear-gradient(top, #76BF6B, #3B8230);
background-image:-o-linear-gradient(top, #76BF6B, #3B8230);
background-image:-ms-linear-gradient(top, #76BF6B, #3B8230);
border:1px solid #bbb;
padding: 2px 5px 2px 5px;
font-size:17px;
border-color:#2d6324;

/*border-radius*/
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px;
/*box-shadow*/
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-user-select:none;
box-sizing:border-box;
}

#button a:hover{
background:#5BA150;
color:#ffffff;
}

.row{
}
.row a{
}
.row a:hover{
}

#face-slider{
	
	position:fixed; 
	right:-370px; 
	top:220px; 
	z-index:100;
 
}
#face-slider #tab{
	cursor:pointer; 
	height:110px; 
	width:35px; 
	float:left; 
	background:url(../img/facebook-slider.png) no-repeat center center;
}
#face-code{
	padding:5px; 
	border: solid #0170cf 3px; 
	background: #fff; 
	float:left; 
	width:286px; 
	height:266px; 
	-moz-border-radius: 0 0 0 8px; 
	-webkit-border-radius: 0 0 0 8px; 
	border-radius: 0 0 0 8px; 
}

.ban {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;
  background:  url(http://resusmed.pl/img/stacjonarny_back.png) 0 0 no-repeat;
}

.ban:hover {
//	background:#FFF;
	//background:  url(../img/stacjonarny_back_hover.png) 0 0 no-repeat !important;
	//opacity: 0.8;
	//background-image:url(../img/logo.png);
	-webkit-box-shadow: 2px 2px 21px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 21px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 21px 0px rgba(50, 50, 50, 0.75);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;


}

.ban_clear {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;
  background:  url(http://resusmed.pl/img/stacjonarny_clear_back.png) 0 0 no-repeat;
}

.ban_clear:hover {
//	background:#FFF;
	//background:  url(../img/stacjonarny_clear_hover.png) 0 0 no-repeat !important;
	//opacity: 0.8;
	//background-image:url(../img/logo.png);
	-webkit-box-shadow: 2px 2px 21px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 21px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 21px 0px rgba(50, 50, 50, 0.75);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;


}

.ban_online {
	background:  url(../img/kurs_online_back.png) 0 0 no-repeat !important;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;	
}

.ban_online:hover{
	//background:  url(../img/kurs_online_back_hover.png) 0 0 no-repeat !important;
-webkit-box-shadow: 2px 2px 21px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 21px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 21px 0px rgba(50, 50, 50, 0.75);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;	
}

.edukacja_baner {
	background:  url(../img/edukacja_back.png) 0 0 no-repeat !important;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;	
}

.edukacja_baner:hover{
	//background:  url(../img/kurs_online_back_hover.png) 0 0 no-repeat !important;
-webkit-box-shadow: 2px 2px 21px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 21px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 21px 0px rgba(50, 50, 50, 0.75);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
  transition:0.4s;	
}

.changeInput {
	display:block;
	margin-bottom:0;	
}

.link_download a {
	color:#5c5a5a !important;	
}

.link_download a:hover {
	color:#000 !important;	
}

#cart {
		font-size: 14px;
	margin-top:15px;
	font-weight: normal;
	background-color:#FFB200;

	color:#fff !important;
	padding-left:8px;


/*border-radius*/
	-webkit-border-radius:3px;
   -moz-border-radius:3px;
    border-radius:3px;
}

#cart span {
		//color:#fff !important;
}

#cart a:hover {
		color:#858580 !important;
}

#cart a {
		color:#fff !important;
}