/* *
 * Wyzsza Szkola Mechatroniki
 * Author: Agencja WMC
 * */

* {
    margin: 0px;
    padding: 0px;
}

/* clearfix */

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

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {display: block;}

/* clearfix */

/*   COMMON  */

body {
    background: #fff url(/static/images/back.gif) repeat-x 0px 352px;
}

body, p, div, li, input, textarea, select {
    font: 11px normal Tahoma, sans-serif;
    color: #7b7971;
}

h1 {
    color: #1f2d52;
    font-size: 12pt;
    font-weight: bold;
}

a {
    color: #7b7971;
    text-decoration: none;
}

a:hover, a.hover {
    text-decoration: underline;
    color: #1f8dd9;
}

a img {
    border: none;
}

ul {
    list-style: none;
}

/* forms */
select.text {
    border: 2px solid #131313;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    outline: 1px solid #d2d2d2;
    width: 153px;
    height: 17px;
    font-size: 11px;
    padding-left: 2px;
}

input.text {
    border: 2px solid #131313;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    outline: 1px solid #d2d2d2;
    width: 148px;
    height: 13px;
    font-size: 11px;
    padding-left: 2px;
}

textarea.text {
    border: 2px solid #131313;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    outline: 1px solid #d2d2d2;
    width: 258px;
    height: 150px;
    font-size: 11px;
    padding-left: 2px;
}

/* rogi */

div.corner {
    width: 1px;
    height: 1px;
    font-size: 0px;
    background: #f3f2f0;
    position: absolute;
}

div.topCorner {
    top: 0px;
}

div.leftCorner {
    left: 0px;
}

div.bottomCorner {
    bottom: 0px;
}

div.rightCorner {
    right: 0px;
}

div#bodyContainer {
    width: 1000px;
    margin: 0px auto;
}

div#bodyHeader {
    width: 1000px;
    height: 103px;
    position: relative;
    margin: 0px auto;
    margin-top: 32px;
}

div#bodyHeader div#logo {
    position: absolute;
    left: 29px;
}

div#bodyHeader div#headerBoxes {
    width: 801px;
    margin-left: 199px;
}

div#headerBoxes div#kitBox {
    float: left;
    margin-top: 10px;
}

div#headerBoxes ul#kitMenu li {
    display: inline;
    padding-left: 12px;
    padding-right: 11px;
}

div#headerBoxes ul#kitMenu li.spacer {
    background: url(/static/images/spacer.gif) no-repeat 0px 3px;
    padding-left: 16px;
}

div#headerBoxes ul#kitMenu li a:hover, div#headerBoxes ul#kitMenu li a.hover {
    color: #1f8dd9;
    text-decoration: underline;
}

div#headerBoxes div#searchBox {
    width: 258px;
    height: 34px;
    position: relative;
    background: #e0ded7;
    float: right;
    margin-right: 18px;
}

div#headerBoxes div#searchBox input#searchField {
    position: absolute;
    top: 10px;
    left: 12px;
}

div#headerBoxes div#searchBox input#searchBtn {
    position: absolute;
    top: 8px;
    right: 20px;
}

div#bodyHeader ul#menu {
    margin-left: 200px;
    margin-top: 37px;
}

div#bodyHeader ul#menu li {
    display: block;
    float: left;
    margin-left: 1px;
}

div#bodyFooter {
    width: 972px;
    height: 140px;
    margin: 0px auto;
    border-top: 10px solid #e0dfd9;
    position: relative;
}

div#bodyFooter, div#bodyFooter a {
    color: #7b7971;
    text-decoration: none;
}

div#bodyFooter a:hover {
    text-decoration: underline;
}

div#bodyFooter div#logos {
    height: 85px;
}

div#bodyFooter div#logos img {
    display: block;
}

div#bodyFooter div#links {
    border-top: 1px solid #e0dfd9;
    padding-top: 13px;
    padding-left: 2px;
}

div#links div#copyright, div#links div#privacy, div#practis {
    float: left;
}

div#links div#copyright {
    padding-right: 15px;
}

div#links div#privacy {
    background: url(/static/images/spacer.gif) no-repeat 0px 3px;
    padding-left: 14px;
}

div#practis{
	padding-left: 100px;
}

div#links div#design {
    float: right;
    margin-right: 1px;
}


div#sound{
	float: right;
	margin-right: 38px;
	margin-top: 6px;
	width: 60px;
	height: 20px;
}
/*   MAIN    */

div#bodyContainer div#mainBaner {
    width: 1000px;
    height:186px;
    margin-top: 23px;
    background: url(/static/images/baner.jpg) no-repeat;;
}

div#mainBodyContent {
    width: 1000px;
    min-height: 491px;
    margin: 0px auto;
    margin-bottom: 11px;
}

div#mainBodyContent div#shortcutsColumn {
    width: 262px;
    float: left;
}

div#mainBodyContent div#shortcutsColumn .box2{
	margin-bottom: 30px;
}

div#infoColumn  .box2{
	margin-bottom: 32px;
}
.margin_top{
	margin-top: 25px;
}

.no_margin_top{
	margin-top: -24px;
}

div#shortcutsColumn div.box {
    width: 262px;
    height: 152px;
    position: relative;
}

div#shortcutsColumn div#forCandidates {
    margin-top: 22px;
    background: url(/static/images/back.for_candidates.jpg) no-repeat;
}

div#shortcutsColumn div#forStudents {
    background: url(/static/images/back.for_students.jpg) no-repeat;
}

div#shortcutsColumn div#forEmployers {
    background: url(/static/images/back.for_employers.jpg) no-repeat;
}

div#shortcutsColumn a.btn {
    display: block;
    width: 60px;
    height: 43px;
    position: absolute;
    padding-left: 47px;
    padding-top: 7px;
    top: 94px;
    left: 27px;
    background: url(/static/images/back.boxes_btn.jpg) no-repeat;
    color: #7b7971;
    text-decoration: none;
    font-size: 12px;
}

div#shortcutsColumn a.btn:hover {
    color: #1f8dd9;
    text-decoration: underline;
}

div#shortcutsColumn h3 {
    position: absolute;
    top: 40px;
    left: 30px;
}

div#shortcutsColumn div#forStudents a.btn {
    top: 90px;
    width: 64px;
    padding-left: 43px;
}

div#shortcutsColumn div#forStudents h3.title {
    top: 36px;
}

div#shortcutsColumn div#forEmployers a.btn {
    top: 87px;
    padding-left: 39px;
    width: 68px;
    background: url(/static/images/back.boxes_btn.employers.jpg) no-repeat;
}

div#shortcutsColumn div#forEmployers h3 {
    top: 33px;
    left: 27px;
}


div#mainBodyContent div#latestColumn {
    width: 413px;
    margin-left: 36px;
    margin-top: 38px;
    float: left;
}

div#mainBodyContent div#latestColumn h2 {
    padding-left: 15px;
}

div#latestColumn div.latest {
    border-top: 1px solid #e0dfd9;
    margin-top: 9px;
    height: 180px;
    width: 397px;
    padding-top: 14px;
    padding-left: 16px;
    overflow: hidden;
    position: relative;
}

div#latestColumn div.latest div.latestDate {
    width: 320px;
    font-weight: bold;
}

div#latestColumn div.latestSmall span.latestDate {
    font-weight: bold;
}

.border_top{
	padding-top: 17px;
    border-top: 1px solid #e0dfd9;
}

div#latestColumn div.latest div.latestTitle {
    font-weight: bold;
    color: #1f2d52;
    margin-bottom: 11px;
}

div#latestColumn div.latestSmall a {
    font-weight: bold;
    color: #1f2d52;
    margin-bottom: 11px;
}

div#latestColumn div.latest div.latestContent {
    width: 360px;
	 overflow: hidden;
	 zoom: 1;
}

div#latestColumn div.latest div.latestBtn {
    position: absolute;
    right: 33px;
    bottom: 3px;
}

div#latestColumn div.latest a.latestPhoto img {
    float: right;
}



div#mainBodyContent div#infoColumn {
    width: 266px;
    float: right;
	 display: inline;
    margin-top: 50px;
    padding-bottom: 10px;
}

div#infoColumn div.box {
    width: 261px;
    height: 116px;
    background: url(/static/images/back.for_films_gallery.jpg) no-repeat;
    margin-bottom: 13px;
    position: relative;
}

div#infoColumn div#forPhotosGallery {
    background-image: url(/static/images/back.for_photos_gallery.jpg);
}

div#infoColumn div.box a.btn {
    display: block;
    position: absolute;
    top: 30px;
    right: 15px;
}

div#infoColumn div#newsletterBox {
    width: 231px;
    min-height: 97px;
    padding: 24px 10px 24px 25px;
    position: relative;
    background: #ebeae6;
}

div#infoColumn div#newsletterBox h3 {
    padding-bottom: 11px;
}

div#infoColumn div#newsletterBox p {
    color: #7b7971;
    padding-bottom: 8px;
}

div#infoColumn div#newsletterBox input#newsletterField {
    position: absolute;
    bottom: 24px;
}

div#infoColumn div#newsletterBox input#newsletterBtn {
    position: absolute;
    bottom: 24px;
    right: 8px;
}

/* SUBPAGE */

body#subpage {
    background: url(/static/images/subpage.jpg) no-repeat center top;
    background: url(/static/images/back.gif) repeat-x 0px 312px;
}

div#bodyContainer div#subBaner {
    width: 1000px;
    height:200px;
    margin-top: 3px;
  	background: url(/static/images/pl/baner.subpage.jpg) no-repeat;

}

div#bodyContainer div#subBaner2 {
	padding-top: 12px;
    width: 1000px;
    height:200px;
    margin-top: 3px;

}

div#bodyContainer div#subBodyContent {
    width: 962px;
    position: relative;
    margin: 27px auto 0px;
    min-height: 525px;
    padding-left: 10px;
}

div#bodyContainer div#subBodyContent div#contentContainer {
    padding-top: 24px;
}

div#lokalizer {
    margin-left: 8px;
    margin-right: 8px;
    min-height: 12px;
}

div#lokalizer ul li {
    float: left;
	 display: inline;
    padding-left: 5px;
    padding-right: 4px;
}

div#lokalizer ul li.spacer {
    background: url(/static/images/spacer.gif) no-repeat 0px 3px;
    padding-left: 6px;
}

div#contentContainer {
    margin-left: 7px;
    margin-right: 6px;
    margin-top: 12px;
    border-top: 1px solid #dfdcd5;
}

div#contentContainer div#navigationColumn {
    width: 190px;
    float: left;
}

div#navigationColumn div{
	margin-bottom: 30px;
}

div#contentContainer div#navigationColumn ul#submenu {
    margin-bottom: 25px;
}

div#contentContainer div#navigationColumn ul#submenu a {
    width: 160px;
    margin-bottom: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 9px;
    display: block;
    background: #ebeae6;
    font-weight: bold;
    color: #8b8b88;
}

div#contentContainer div#navigationColumn ul#submenu a.hover {
    background: #dddbd5;
    text-decoration: none;
}

div#contentContainer div#navigationColumn ul#submenu a:hover {
    text-decoration: none;
}

div#contentContainer div#navigationColumn ul#submenu ul.sub2menu a {
    background: none;
    border: 1px solid #e1dfd9;
    padding-top: 6px;
    padding-bottom: 8px;
    width: 158px;
    font-weight: normal;
}

div#contentContainer div#navigationColumn ul#submenu ul.sub2menu a.hover, div#contentContainer div#navigationColumn ul#submenu ul.sub2menu a:hover {
    color: #1f8dd9;
}

div#contentContainer div#navigationColumn div#forFilmsGallery {
    width: 183px;
    height: 135px;
    margin-left: 2px;
    margin-bottom: 25px;
    position: relative;

}

div#contentContainer div#navigationColumn div#forPhotosGallery {
    width: 183px;
    height: 135px;
    margin-left: 2px;
    margin-bottom: 25px;
    position: relative;
}

div#contentContainer div#navigationColumn div#forFilmsGallery a.btn {
    position: absolute;
    top: 27px;
    left: 11px;
}

div#contentContainer div#contentColumn {
    min-height: 404px;
    width: 713px;
    margin-left: 33px;
    padding-top: 3px;
    padding-bottom: 45px;
    float: left;
    position: relative;
}

div#contentContainer div#contentColumn div#content {
    margin-top: 11px;
    margin-left: 2px;
    margin-bottom: 20px;
    text-align: justify;
}

div#contentContainer div#contentColumn div#notepad {
    width: 300px;
    position: absolute;
    bottom: 5px;
    left: 2px;
}

div#contentContainer div#contentColumn div#gallery {
    margin-top: 1em;
    margin-bottom: 1em;
}

div#contentContainer div#contentColumn div#gallery div.galleryThumb {
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    float: left;
	 display: inline;
}

div#notepad div#notepadAdd, div#notepad div#notepadShow {
    float: left;
}

div#notepad a {
    display: block;
    float: left;
    color: #7b7971;
}

div#notepad a.txt {
    padding-left: 10px;
    margin-right: 12px;
    margin-top: 6px;
    margin-bottom: 15px;
}

div#notepad div#notepadShow a.ico {
    padding-top: 3px;
    padding-left: 1px;
}

div#notepad div.spacer {
    float: left;
    width: 1px;
    height: 24px;
    margin-right: 13px;
    background: url(/static/images/spacer.notepad.gif) no-repeat 0px 3px;
}