body {
margin: 0 auto;
padding: 0;
font-family: Verdena, Arial, sans-serif;
background: url(img/bg.png) repeat-x white;
font-size: 11px;
color: black;
text-align: left;
}

.left {float: left; }
.right {float: right; }
.clr {clear: both;}
.center {text-align: center;}
form input.hidden {display: none !important; height: 0; width: 0; border: none; background: none;}

img {border: none;}
h1 {font-size: 170%; font-weight: normal; margin: 0;}
h2 {color: #6B6B6B; background: url(img/galltop.jpg) no-repeat bottom left; padding-bottom: 15px; margin-bottom: 10px;}
h4 {font-size: 120%; font-weight: normal; margin: 0;}
h5 {font-size: 160%; font-weight: normal; margin: 0;}


thead {cursor: pointer;}
th {text-align: left;}

input {}
textarea {}
select {}

a {}
a:hover {}

/******************************main************************************/

#page {width: 944px; margin: 0 auto; background: url(img/bgpage.jpg) no-repeat;}

#header {height: 343px;}

#top {height: 305px;}

#menu {}
#menu ul {margin: 0 0 0 20px; padding: 0;}
#menu li {list-style: none; display: inline; padding: 0 19px;  font-size: 120%;}
#menu a {color: white; text-decoration: none; font-weight: bold; text-transform: uppercase;}
#menu a:hover {text-decoration: underline;}

#middle {background: url(img/bgmiddle.png) repeat-y;}
#middle .left {background: url(img/bgleft.png) no-repeat; width: 632px;}
#middle .right {width: 312px; background: url(img/bgright.png) no-repeat;}

#content {}

#bread {line-height: 55px; font-size: 120%; color: #2A2F33; font-weight: bold; padding-left: 30px;}
#breadd {line-height: 35px; font-size: 11px; color: #2A2F33; font-weight: bold; padding-left: 30px;}

#clu {margin: 10px 20px 0 20px; min-height: 300px;}

#side {margin: 65px 10px 10px 10px; color: #2A2F33;}
#side h1 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#side a {color: white; text-decoration: none; font-weight: bold;}
#side a:hover {text-decoration: underline;}

#side .box {padding: 10px 0;}



#footer {background: url(img/bgfooter.png) no-repeat; height: 228px;}
#footer p {margin: 0; padding: 0;}

#newsletter {height: 90px; padding: 38px 0 0 450px;}
#bottom {height: 50px; padding-left: 480px;}
#copy {line-height: 55px; text-align: center; color: #616364;}
#copy a {color: #616364; text-decoration: none; font-weight: bold;}
#copy a:hover {text-decoration: underline;}



#newsletter input {display: block; background: white; border-top: 1px solid #839dac; border-left: 1px solid #839dac; border-bottom: none; border-right: none; padding: 3px 5px; margin: 0px 0px 5px 0; width: 150px; height: 15px;}
#newsletter input.button {padding: 0; border: none; background: none; width: 61px; height: 16px;} 





ul#menu_child {background: #AFCCDC; margin: 3px 0 0 20px; padding: 0; }
ul#menu_child li {display: inline; list-style: none;  padding: 2px 5px;  font-size: 14px; text-transform: uppercase;}
ul#menu_child a {color: #0257c4; text-decoration: none; font-weight: bold}
ul#menu_child a:hover {color: white; text-decoration: underline;}


ul.article {margin: 0; padding: 0;}
ul.article h1 {font-size: 13px; color: #2A2F33; font-weight: bold;}
ul.article li {list-style: none; border-bottom: 1px dotted #ccc; padding: 10px 0; }
ul.article a {color: #59869F; font-weight: bold; text-decoration: none;} 



#kursy_form input {display: block; width: 200px; border: 1px solid #AFCCDC; margin: 3px 0; padding: 3px; height: 16px; color: #59869F;}
#kursy_form label {display: block;}

#kursy_form input.button {width: 100px; background: #59869F; color: white; font-weight: bold; height: 25px; margin: 10px 0;}

#kursy_form select  {display: block; width: 200px; border: 1px solid #AFCCDC; margin: 3px 0; padding: 3px; height: 23px; color: #59869F;}

input.validation-passed {
	border: 1px solid #32A65D !important;
	background: url('img/accept.png') right 3px no-repeat;
}

input.validation-failed {
	border: 1px solid #E35E47 !important;
	margin-right: 3px;
	background: url('img/error.png') right 3px no-repeat;
	float: left;
}
div.validation-advice {
	float: left;
	clear: right;
	line-height: 30px;
}
label {
	clear: left;
}



