@charset "utf-8";

/* 
*  CSS Dokument 
*  Vytváří podobu stránek
*  autor: Jan Hořejší
*/

html, body {
	height : 100%;
}

body {
	font-family : 'Armata', sans-serif;
	position : relative;
	background : #BABABA;	
	overflow-y: scroll;
}

a {
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}

a:hover {
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}

a img {
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
	opacity : 0.8;
}

a:hover img {
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
	opacity : 1;
}

#container {
	width : 760px;
	margin : 0 auto;
	min-height : 100%;
	position : relative;
	background : url(../img/bg.png) repeat-y center;
}

#wrap {
	width : 726px;
	margin : 0 auto;
}

#header {
	font-family : 'Alegreya Sans SC';
	padding : 20px 0 10px 45px;
	float : left;
}

#header h1 {
	font-size : 55px;
	padding-top : 20px;
}

#header h2 {
	color : #606060;
	font-size : 40px;
	padding-left : 65px;
}

.headcontent {
	position : relative;
	float : left;
}

#menu {
	clear : both;
	position : relative;
	height : 40px;
	font-size : 15px;
	text-transform : uppercase;
	background : #CC3333;
	margin: 0 auto;
	text-align: center;
} 

#menu ul { 
	list-style-type : none;
} 

#menu ul li { 
	float : left;
} 

#menu ul li a {
	display : block;
	color : white;
	text-decoration : none;
	height : 40px;
	background : #CC3333;
}

#menu ul li a span {
	position : relative;
	top : 13px;
	padding : 0 15px;
}

#menu ul li a:hover {
	color : #FFCCCC;
	background : #BF0000;
}

#menu ul li a.current {
	background : #A30000;
}

#content {
	clear : both;
    overflow : hidden;
    position : relative;
	font-size: 15px;
	line-height : 24px;
	padding-top : 42px;
	padding-bottom : 70px;	
}

#content h1 {
    font-size : 25px;
	padding-bottom : 20px;
}

#content h2 {
    font-size : 20px;
	color : #525252;
	padding-top : 15px;
}

#content img {
	-webkit-box-shadow : #525252 4px 5px 16px;
	-moz-box-shadow : #525252 4px 5px 16px;
	box-shadow : #525252 4px 5px 16px;
}

#content a {
	color : #505050;
}

#content a:hover {
	color : black;
}

#content ul {
	list-style-type : disc;
	padding-top : 15px; 
    padding-left : 40px;
	color : #CCCCCC;
}

#content li {
	padding : 5px 0;
	color : #CCCCCC;
}

#content li span {
	color : black;
}

.text {	
	padding-left : 25px;
	padding-right : 25px;  
}

.text p {	
    padding-top : 15px;	
	text-align : justify;  
}

.text p img {
	float : right;
	padding : 7px;
	margin : 5px 25px 10px 15px;
}

.td1 { 
    padding : 5px 15px 0 50px;
	text-align : right;
	font-weight : bold;
}

.row {
	position : relative;
	clear : both;
	top : 20px;
	left : 16px;
	padding-bottom : 60px;
}

.row img {	
	padding : 7px;
	margin : 0 7px;
	vertical-align : top;
}

.gmaps {
	position : relative;
	clear : both;
	top : 40px;
	text-align : center;
	padding-bottom : 60px;
}

#footer {
	height : 40px;
	width : 726px;
	margin : 0px auto;
	position : absolute;
	bottom : 0;
	color : white;
	background-color : #525252;
}

#footer p {
	position : relative;
	top : 15px;
	font-size : 12px;	
	text-align : center;
}

#footer a {
	color : #CCCCCC;
	text-decoration : none;
}

#footer a:hover {
	color : white;
}