/* CSS Document */
body {
    margin: 				0px;
    padding: 				0px;
    border: 				0px;
    background-color: 	rgb(244,216,142);
    background-image: 	url("images/page.jpg");
    background-repeat: 	repeat-x;
}

.page {
    position: 			absolute;
    margin-left: 			-500px;
    width: 				1000px;
    left: 				50%;

    border-width: 		0px 1px 1px 1px;
    border-style: 		solid; 
    border-color: 		rgb(111,168,183);
    background-image: 	url("images/background.jpg");
    background-color:		white;
    background-repeat: 	repeat-y;

    font-family: 			Arial, sans-serif;
    font-size: 			small;
}

.header {
    /*display:				block;*/
    width: 				1000px;
    height: 				168px;
    background-image: 	url("images/header.jpg");
}

.menu {
    float: 				left;
    /*display: 				block;*/
    width: 				226px;
    padding-bottom: 		10px;
}

.menu-line {
    height: 				2px;
    margin:				3px 5px;
    background-repeat: 	repeat-x;
    background-image: 	url("images/menu_line.jpg");
}

.page-line {
    height: 				2px;
    margin: 				5px 10px;
    background-repeat:	repeat-x;
    background-image: 	url("images/page_line.jpg");
    clear: 				both;
}

.canvas {
    float:				right;
    display:				inline-block;
    width:				774px;
    padding-bottom:		20px;
}

a {
    text-decoration:		none;
    color:				rgb(0,0,255);
    font-weight:			bold;
}

a.button {
    display:				block;
    background-color: 	rgb(141,194,208);
    height:				30px;
    width:				216px;
    text-align:			left;
    padding-left:			10px;
    line-height:			30px;

    font-size:			9pt;
}

/*h2 > a, */div.left_img_container a, div.right_img_container a {
    font-size:			16px;
    font-weight:			bold;
    padding: 				2px;
    text-align:			center;
    color:				rgb(141,194,208);

    display:				inline-block;
    width:				150px;
    border:				solid 1px rgb(230,230,230);
    background-color: 	rgb(250,250,250);
}

/*h2*/div.left_img_container a:hover, div.right_img_container a:hover {
    color: 				rgb(112,164,178);
    background-color: 	rgb(214,230,234);
    border-color: 		rgb(150,190,200); 
}

div.left_img_container > table a, div.right_img_container > table a {
    font-size:			12px;
    width:				220px;
}

p > a, li > a {
    text-decoration: 		underline;
    color: 				rgb(112,164,178);
    font-weight: 			bold;
}
    
p > a:hover, li > a:hover {
    color: 				rgb(0,0,255);
}

a.button:hover {
    background-color: 	rgb(159,212,226); 
}
  
a.button:active {
    background-color: 	rgb(174,217,228);
}

.category {
    color: 				white;
    padding-left: 		5px;
    font-weight: 			bold;
    height: 				30px;
    line-height: 			30px;
    text-decoration:		underline;
}

address {
    color: 				white;
    background-color:                   rgb(141,194,208);
    padding-left:                       10px;
    margin:				10px 0px;
    line-height: 			20px;
}

.menu table {
    border-collapse:                    collapse;
    color: 				white;
    font-style:                         italic;
    margin-left:                        10px;
    line-height: 			20px;
}

a.mail {
    color: 				white;
    background-color: 	rgb(141,194,208);
    font-weight: 			bold;
}

h1, h2, h4 {
    font-weight: 			bold;
    margin-left:			15px;	
    color: 				rgb(141,194,208);
}

h1 {
    font-size: 			18px;
}

h2 {
    font-size: 			16px;
}

h3 {
    margin: 			0px 0px 10px 15px;
    font-size: 			small;
    font-weight: 		normal;
}

h4 {
    font-size:			14px;
    margin-bottom:		3px;
}

p {
    margin: 				20px 15px 0px 15px;
    text-align:			justify;
}

h2 + p {
    margin-top: 			10px;
}

li {
    margin-right: 		15px;
}

ul.courses {
    padding-left: 		15px;
}

ul.courses > li {
    list-style-type: 		none;
    margin:				20px 15px 20px 0px;
}

.date {
    color: 				rgb(104,104,104);
}

html {
    overflow-y: 		scroll;
}

img#andrea {
    margin:				20px 15px;
    display: 				block;
    width: 				181px;
    height: 				269px;
    float: 				left;
}

#map {
    margin-top:			10px;
    margin-left:			15px;
    display: 				block;

    border-width: 		1px;
    border-style: 		solid; 
    border-color: 		rgb(111,168,183);
}

img#mata {
    margin-top:			10px;
    margin-left:			15px;
    display: 				block;

    border-width: 		1px;
    border-style: 		solid; 
    border-color: 		rgb(111,168,183);
}

img#skripta {
    margin-bottom: 		10px;
    display: 				block;
    width: 				300px;
    height: 				300px;
}

img#home {
    margin:				15px 0px 0px 15px;
}

cite {
    font-style: 			italic;
}

table#home {
    clear: 				both;
    margin:				15px;
    font-weight:		bold;
    text-align: 		center;
}

table#home tr + tr > td {
    vertical-align: 	text-top;
}

div.left_img_container, div.right_img_container {
    margin:				15px;
    clear: 				both;
    height:				188px;
}

div.right_img_container {
    text-align:			right;
}

div.left_img_container > img {
    float:				left;
    margin-right:		15px;
}

div.right_img_container > img {
    float:				right;
    margin-left:		15px;
}

div.left_img_container > table {
    border-spacing:		0px;
    margin-top:			5px;
}

div.right_img_container > table {
    border-spacing:		0px;
    margin-top:			5px;
    float:				right;
}

div.left_img_container > table td {
    padding:			2px 4px 2px 0px;
}

div.right_img_container > table td {
    padding:			2px 0px 2px 4px;
}

.flyer {
    box-shadow: 		0px 0px 6px 2px rgb(255,0,0);
    padding: 			15px;
    margin: 			0px 50px;
    font-style: 		italic;
}

.flyer > p:nth-child(1), .flyer > p:nth-child(2), .flyer > p:nth-child(3) {
    text-align:			center;
}