﻿body {
	font-family: 'Oxygen', sans-serif;
	background: url('rsc/paperBg.png') rgb(185, 222, 240);
	padding: 0px;
	margin: 0px;
	min-width: 960px;
	background-repeat: repeat;
	background-attachment: fixed;
	
	font-weight:300;
}

#header {
	background-position: left;
	background: url('rsc/crayonsHeader.png') right white;
	width: 840px;
	height: 150px;
	background-repeat: no-repeat;
	margin:0px auto;
	padding:0px;
	
	color:#00274F;
	
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	border-color: #00274F;
}

#headerTitle {
	float:right;
	text-align:left;
	width:400px;
	height:100px;
	vertical-align:baseline
}

#headerLogo {
	float:left;
	text-align:left;
	height:100px;
	}


h1 {
	font-weight:700;
	font-size:1.4em;
}

h2 {
	font-weight:400;
	font-size:1.3em;
}

#menu {
	box-shadow: 0px 0px 5px black;
	background: url('rsc/menu_bg.png') #FF9900;
	height: 50px;
	width:100%;
	margin: 0px auto;
	position:absolute;
	top:100px;
	min-width:800px;
	vertical-align: middle;
	z-index:2;
}

#menu nav {
	width: 800px;
	margin: 0px auto;

}

#menu ul {
		position: relative;
		left:-60px;
		
        margin: 0px auto;
        list-style-type: none;
}

#menu ul li {


	transition: background 1s;
	float: left;
	line-height: 50px;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px #FF9900 solid;
}

#menu a {
        color: white;
        text-decoration: none;
}

#menu a:hover {

}

#menu ul li:hover {
	background: #FF9900;

}

.sekce {
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	border-color: #00274F;
	width: 800px;
	margin: 0px auto;
	padding: 1px 20px 1px 20px;
	background: #408DD2;
}


.sectionFooter {
	background: url('rsc/hr.png');
	height: 28px;
	width: 564px;
	margin: 0px auto;
	background-repeat: no-repeat;
	margin: 10px auto;
}

.sectionBlock {
	float:left;
	width: 360px;
	padding:20px;
	background: #679FD2;
}

.actionBlock {
	width: 154px;
	height: 240px;
	background: #679FD2;
	float:left;
	margin:10px;
	padding:5px 10px;
	
	transition: background , border-color 1s;
	
	border-top: solid;
	border-color: #FFEE2C;
	border-width: 16px;
}

.actionWarning {
	width:80%;
	background: #679FD2;
	margin:10px;
	padding:20px 10px;
	
	transition: background , border-color 1s;
	
	border-top: solid;
	border-color: #FFEE2C;
	border-width: 16px;
}

.actionPrice {
	color: #B80303;
	font-size: 1.2em;
	font-weight: 700;
}

.actionWarning:hover {
	background: #99C2E8;
	border-color: #FF2C2C;
}


.actionBlock:hover {
	background: #99C2E8;
	border-color: #80FF2C;
}

.actionBlock h2 {
	margin:4px 0px;	
}

.actionBlock h3 {
	font-size:0.8em;
	margin:2px 0px;
}

.actionBlock a {
	color:#0C5DA5;
	text-decoration:none;
}

.actionBlock a:hover {
	color:white;
	background:#0C5DA5;
}

#map-canvas {
	margin:20px auto;
	width: 760px;
	height:300px;
	padding:20px;
	background: #679FD2;
}

.cleaner {
	clear:both;
	margin:0px;
	padding: 0px;
}

.center {
	margin: 20px auto;
	text-align:center;
}

.tabulka {
	width:80%;
}

.tabulkaDarkRow {
	background: rgba(0,0,0,0.2);
}


#footer {
	background:black;
	padding:20px;
	height: 350px;
	margin: 0px;
	color:white;
}

.contact{
	float:right;
	color: white;
	padding:20px;
}

.contact h2 {
	font-size:1.3em;
}

.contact a {
	color:#0C5DA5;
	text-decoration:none;
}

.contact a:hover {
	color:white;
	background:#0C5DA5;
}

address {
	font-style:normal;
}
