@import url("reset.css");

body{font: normal normal normal 14px/1.2 Garamond, serif; background-color: #E5E5E5; color: #6B6B6B;}

#wrapper,#inside-wrapper{width: 100%; float: left;}

#site{margin: 85px auto 0 auto; width: 798px; background-color: #fff; overflow: hidden;
  -moz-box-shadow: 0px 0px 20px #777777;
  -webkit-box-shadow: 0px 0px 20px #777777;
  box-shadow: 0px 0px 20px #777777;
}

#site > div{float: left;}

#top {
	background: url('../images/top-bg.jpg') no-repeat scroll top left; width: 100%; height: 365px; position: relative; color: #fff; font-size: 14px;
	-moz-box-shadow: 0px 10px 20px #90918B;
  -webkit-box-shadow: 0px 10px 20px #90918B;
  box-shadow: 0px 10px 20px #90918B;
}

#top a{color: #fff; text-decoration: none;}
#top a:hover{text-decoration: underline;}

#top > div {background-color: rgba(0, 0, 0, 0.5);}

#languages{position: absolute; width: 100%; height: 28px; border-bottom: 1px solid #fff;}
#languages ul{position: absolute; right: 10px; top: 5px;}
#languages li{display: block; float: left;  line-height: 17px;}
#languages li a{display: block; float: left; background: url('../images/flags.pg') no-repeat; padding: 0 0 0 38px; height: 17px; margin-right: 5px;}
#languages li a[title="GB"]{background-position: 0px -17px;}
#languages li+li{margin-left: 5px;}
#languages li+li a{margin: 0;}

#top h1 a{background: url('../images/starowka-jagiellonow-logo.png') no-repeat scroll top left; width: 380px; height: 0; padding: 214px 0 0 0; overflow: hidden; position: absolute; top: 70px; left: 210px;}

#menu{position: absolute; bottom: 0px; width: 100%; height: 30px; border-top: 1px solid #fff; text-align: center;}
#menu ul{ margin-top: 5px;  font-size: 16px;}
#menu li{display: inline;}
#menu li a{display: inline; margin: 0 14px;}
#menu li+li{border-left: 1px solid #fff;}

#content{margin: 18px 0 0 0;}

#content > div {float: left; padding: 0 15px;}
#content > div+div {border-left: 1px solid #8B8B8B;}

#left-col{width: 178px;}
#center-col{width: 350px; text-align: center;}
#right-col{width: 178px;}

#content h2{color: #025170; font-size: 22px; margin: 0 0 10px 0;}
#content h3{color: #025170; font-size: 20px; margin: 0 0 6px 0;}

#index #left-col, #index #center-col{padding-top: 35px; height: 170px;}

.image{position: relative;}
.image span{position: absolute; left: 0px; bottom: 20px; display: block; width: 100%; text-align: center; color: #877A72; font-size: 18px;}

#newsletter{margin: 10px 0 0 0; position: relative; overflow: hidden;}
#newsletter input[type="text"]{width: 118px; padding: 0 2px; border: 1px solid #2E718E; height: 20px; color: #6B6B6B;}
#newsletter input[type="submit"]{background-color: #2E718E; border: none; color: #8DBBD0; height: 22px; line-height: 22px; width: 45px; padding: 0; font-family: Garamond, serif; font-size: 14px; vertical-align: top;	}

#footer{margin: 15px 0 0 0; padding: 12px 0; font-size: 15px; color: #828282; border-top: 1px solid #8B8B8B; text-align: center; width: 100%;}
#footer ul{}
#footer li{display: inline;}
#footer li a{display: inline; margin: 0 14px;}
#footer li+li{border-left: 1px solid #7F7F7F;}
#footer a{color: #828282; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
/* Podstrona */

#sub #top{height: 225px;}
#sub #top h1 a{background: url('../images/starowka-jagiellonow-logo-small.png') no-repeat scroll top left; width: 250px; height: 0; padding: 141px 0 0 0; overflow: hidden; position: absolute; top: 35px; left: 270px;}

#center-right-col{width: 559px; text-align: justify;}
#center-right-col h2{font-size: 26px; margin: 0 0 20px 0;}
#center-right-col h2+h3, #center-right-col p+h3{margin-top: 20px;}

#sub-menu{font-size: 16px; }
#sub-menu li{margin: 0 0 4px 0;}
#sub-menu a{color: #005477; text-decoration: none;}
#sub-menu a:hover{text-decoration: underline;}