html {
    font-size: 100%
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: black;
    background: #ffffff url('../images/bg_all.gif') repeat-x;
}
body.homepage {
    background-image: url('../images/bg_all_search.gif');
}



/*
 * General styles
 */
p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}

a {
    color: #237DA3;
}

a:hover {
    color: #404040;
}


a img {
    border: 0px;
}

.right {
	display: block;
    float: right;
}

.left {
	display: block;
	float: left;
}

.centerText {
	text-align: center;
}

.cleaner {
    float: none;
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
}

.projectOptions {
	font-size: 90%;
	color: #237DA3;
}

.websiteBox {
	border: 1px solid #82abbc;
	background-color: #caeaf7;
	padding: 10px;
	font-style: italic;
	margin-bottom: 20px;
}

.websiteBox a {
	padding-right: 10px;
	background-image: url('../images/odkaz.gif');
	background-position:  right top;
	background-repeat: no-repeat
}

.greenBox {
	background-color: #f1f9e4;
	border: 1px solid #c4e197;
	float: none;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	color: #237DA3;
}

.blueBox {
	background-color: #e7f8ff;
	border: 1px solid #d5e6ed;
	float: none;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	color: #237DA3;
}

.blueTab {
	float: left;
	display: block;
	width: 109px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	font-size: 100%;
	background: #97d0e8 url('../images/zalozka-modra.gif') no-repeat top left;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px
}

.greenTab {
	float: left;
	display: block;
	width: 82px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	font-size: 100%;
	background: #94be53 url('../images/zalozka-zelena-82.gif') no-repeat top left;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px
}

.greenTab160 {
	float: left;
	display: block;
	width: 160px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	font-size: 100%;
	background: #94be53 url('../images/zalozka-zelena-160.gif') no-repeat top left;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px
}


.greyTab {
	float: left;
	display: block;
	width: 82px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	font-size: 100%;
	background: #c2c2c2 url('../images/zalozka-seda.gif') no-repeat top left;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px
}

.header1 {
	font-size: 180%;
	color: #237DA3;
	padding-bottom: 5px;
}

.header2 {
	font-size: 140%;
	color: #2d2d2d;
}

.green {
	color: #7fb23a;
}
.darkgreen {
	color: #5e9416;
}

/*
 * Table prinout of projects
 */
.projectList {
}

.projectList tr {
	vertical-align: top;
}

.projectList td {
	border-bottom: 1px solid #ededed;
}

.projectList p {
	margin: 3px 0px;
}

.projectList a.projectName {
	color: black;
	font-weight: bold;
}

.projectList img.projectImg {
	width: 100px;
	background-color: #f0f0f0;
	padding: 1px;
	border: 1px solid #a7aa9e;
}


/*
 * Main page
 */
div#mainPage {
	position: relative;
    width: 993px;
    margin: auto;
	background-color: white;
}

div#content {
	line-height: 140%;
	margin-bottom: 10px;
	margin-top: 1px;
}

#projects {
	height: 450px;
	overflow: auto;
}

#search {
	height: 38px;
	color: white;
	font-weight: bold;
	padding-left: 60px;
	padding-top: 6px;
	background: #8ed3ef url('../images/zahl_hledej.gif') no-repeat;
}

#results {
    float: left;
    margin: 0 0 30px 0;
}
#results-inner {
    width: 350px;
    height: 500px;
}
#results .banner {
	background: #e6f5d0 url('../images/left-mapa_top.gif') repeat-x;
}
#results h1 {
	padding: 6px 0 0 53px;
	margin: 0;
	margin-left: 2px;
	color: #ffffff;
	font-family: 'Arial CE', Arial, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 39px;
	background: url('../images/icon-vypis.gif') no-repeat;
}

#results p {
    margin-top: 0;
    padding-left: 15px;
}
#results h3 {
    padding-left: 15px;
}
#results-list {
    height: 470px;
    overflow: auto;
}
#results-list ul {
    margin: 0 0 0 15px;
    padding: 0;
}
#results-list li {
    clear: both;
    display: block;
    width: 313px;
    margin: 0;
    padding: 15px 0 10px;
    border-bottom: 1px solid silver;
    list-style: none inside;
}
#results-list li.first {
    border-top: 1px solid silver;
}
#results-list .item-foto {
    float: left;
    margin-right: 10px;
}
#results-list .item-foto .box {
    /*width: 88px;*/
}
#results-list .item-foto .back-border-left {
    background: url("../img/results-list-foto-back-border-left.png") repeat-y left top;
}
#results-list .item-foto .back-border-right {
    background: url("../img/results-list-foto-back-border-right.png") repeat-y right top;
}
#results-list .item-foto .back-border-top {
    background: url("../img/results-list-foto-back-border-top.png") repeat-x left top;
}
#results-list .item-foto .back-border-bottom {
    background: url("../img/results-list-foto-back-border-bottom.png") repeat-x left bottom;
}
#results-list .item-foto .back-top-left {
    background: url("../img/results-list-foto-back-top-left.png") no-repeat left top;
}
#results-list .item-foto .back-top-right {
    background: url("../img/results-list-foto-back-top-right.png") no-repeat right top;
}
#results-list .item-foto .back-bottom-left {
    background: url("../img/results-list-foto-back-bottom-left.png") no-repeat left bottom;
}
#results-list .item-foto .back-bottom-right {
    background: url("../img/results-list-foto-back-bottom-right.png") no-repeat right bottom;
}
#results-list .item-foto .box-inner {
    padding: 3px;
}
#results-list .item-info {
    float: left;
    width: 200px;
}
#results-list .item-info h2 {
    margin: 0;
    color: black;
    font-size: 12px;
}
#results-list .item-info p {
    margin: 5px 0;
}
#results-list .item-info ul {
    margin: 0;
    padding: 0;
}
#results-list .item-info li {
    display: list-item;
    margin: 0;
    padding: 0;
    width: auto;
    border: 0;
    list-style: url("../img/results-list-item-info-bullet.png") disc inside;
}

#results-map {
    position: relative;
    float: left;
    margin: 0 0 10px 0px;
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
}
#results-map-inner {
    width: 625px;
    height: 500px;
    margin: 8px;
}

#results-map #dialog {
    position: absolute;
    top: 200px;
    left: 160px;
    border: 3px solid #e80000;
    padding: 35px 10px 10px 10px;
    color: #e80000;
    font-family: 'Arial CE', Arial, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    background: #ffffff url('../img/pozadi-dialog.gif') no-repeat center center;
    width: 300px;
    text-align: center;
    z-index: 99;
    display: none;
}
#results-map #dialog .close {
    float: right;
    position: relative;
    top: -35px;
    right: -10px;
    background: url('../img/icon-close.gif') no-repeat right top;
    width: 18px;
    height: 18px;
    display: inline-block;
}


/*
 * Footer
 */
#footer {
	border-top: 1px solid #e6e6e6;
	background: #f9f9f9;
	color: #8b8b8b;
	text-align: center;
	width: 993px;
	line-height: 1.65em;
	padding: 11px 0 17px 0;
        font-size: 12px;
        font-family: "Arial CE", Arial, Tahoma, "Verdana CE", Verdana, sans-serif;
}

div#footer p {
	padding: 0;
	margin: 0;
}

#banner-leaderboard {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100px;
    margin: 10px auto;
    text-align: center;
    width: 960px;
}
