BODY {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	font-size : 10pt;
	color: Black;
	margin:40px 0px; padding-top:0px;
	margin-top:10px;
        padding-left:40px;
	text-align:left;
	}
	
#Content {
	width:600px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	background-color: White;
	}

#date  {
	color: blue;
	}


UL {
	list-style-image: url(./images/zelenabodka.gif)
}

UL LI.popular {
	list-style-image: url(./images/modrabodka.gif)
}

UL LI.beginner {
	list-style-image: url(./images/zelenabodka.gif)
}

UL LI.intermed {
	list-style-image: url(./images/zltabodka.gif)
}

UL LI.advanced {
	background-color : Red;
	list-style-image: url(./images/cervenabodka.gif)
}


HR {
	color : #6495ED;
	height: 1pt;
}

H1 {
	color: black;
	width: 60%;
	border-bottom-style : solid;
	border-color : #6495ED;
	border-bottom-width : medium;
	text-align: left;
}

H2 {
	color: black;
	width: 40%;
   font-size: 12pt;
	text-align: left;
   border-bottom : solid;
	border-bottom-color : #6495ED;
	border-bottom-width : medium;
}

H3 {
	color: black;
	width: 80%;
	text-align: left;
	background : #00BFFF;
}

 H4 {
	color: black;
	text-align: left;
}

A {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

.card-left, .card-right {
       float: left;
       width: 170px;
       margin: 0 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background: white;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 75%;
       }

.card-right {
       float: right;
       margin: 0 0 15px 15px;
       }

.card-title {
	margin: 0 0 5px 0;
	font-size: 130%;
	color: green;
	}
.card-photo {
	margin:0 auto; padding:0;
	border: none;
	}
.card-desc {
	margin: 5px 10px; padding:0;
	text-align: left;
	font-size: 100%;
	}
.card-info {
	margin: 5px 10px 0 10px; padding:0;
	text-align: right;
	font-size: 90%;
	color: #666;
	}

.cleaner { clear:both }