@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic&subset=latin,latin-ext);
*{
	box-sizing:border-box;
}
h1 { color: #000; }
h2 { color: #000; }
h3 { color: #000; }
h4 { color: #000; }
h5 { color: #000; }
h6 { color: #000; }

a {	
	color: #29317f; 
	text-decoration:underline;
}
a:hover {
	color: #000;
	text-decoration:underline;
}
header, section, nav, article, footer {
	display: block;
}
body { 
	color: #222;
	font-family: 'Roboto', sans-serif;
	background:#545454;
}
.left{
	float:left;
}
.right{
	float:right;
}
.col{
	display:table-cell;
	vertical-align:middle;
}
.col50{
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
.col33{
	width:34%;
	display:table-cell;
	vertical-align:middle;
}
.col66{
	width:66%;
	display:table-cell;
	vertical-align:middle;
}
.img-col{
	text-align:center;
}
/* Content */
.wrapper{
	max-width:990px;
	width:100%;
	margin:0 auto;
}
.clr { 
	clear: both; 
	padding: 0px; 
	margin: 0px; 
	height: 0px; 
	visibility: hidden; 
	font-size: 0px; 
}
.tab-c{
	display:table-cell;
	height:100%;
	vertical-align:middle;
}
header, section, footer{
	width:100%;
	float:left;
	padding:0 40px;
	box-sizing:border-box;
	background:#fff;
}
.top-stripe{
	width:100%;
	float:left;
	height:12px;
	position:relative;
	background:#004a9b;
}
.top-stripe:before,
.top-stripe:after{
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	background:#fff;
	left:0;
}
.top-stripe:before{
	top:1px;
}
.top-stripe:after{
	bottom:1px;
}
.menu-stripe{
	float:left;
	width:100%;
	background:#fff;
	border-bottom:1px solid #c9d4e3;
}
.menu-stripe nav{
	
}
.menu-stripe nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu-stripe nav ul li{
	display:inline-block;
	margin:0;
	padding:0;
	margin-right:30px;
	position:relative;
}
.menu-stripe nav ul li:after{
	position:absolute;
	content:'';
	width:100%;
	height:0;
	bottom:0;
	left:0;
	background:#004a9b;
	-webkit-transition:height 200ms ease-in-out;
	-moz-transition:height 200ms ease-in-out;
	-ms-transition:height 200ms ease-in-out;
	-o-transition:height 200ms ease-in-out;
	transition:height 200ms ease-in-out;
}
.menu-stripe nav ul li:hover:after,
.menu-stripe nav ul li.current:after{
	height:3px;
}
.menu-stripe nav ul li a{
	padding:10px 0;
	font-size:14px;
	font-weight:300;
	color:#000;
	text-decoration:none;
	display:inline-block;
}
.banner{
	height:150px;
	background:#c4c4c4;
	padding-top:0;
	padding-bottom:0;
}
.banner .wrapper{
	height:150px;
	background:url('../images/img1.jpg');
	background-size:cover;
}
header .head{
	display:table;
	width:100%;
	padding:20px 0;
}
header .head .tab-c:nth-of-type(1){
	width:130px;
}
header .head .tab-c:nth-of-type(2){
	padding:0 20px;
}
header .head .tab-c:nth-of-type(3){
	text-align:right;
}
header .head .tab-c:nth-of-type(3) a{
	color:#00367b;
	text-decoration:none;
	font-size:22px;
}
header .head .tab-c:nth-of-type(3) p{
	margin:0;
	color:#3b3b3b;
	font-size:16px;
}
header .head h1{
	color:#716f6e;
	font-weight:300;
}
.prefooter{
	text-align:center;
	background:#f3f3f3;
	position:relative;
}
.prefooter:after{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background:#f3f3f3;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left:50%;
	bottom:-5px;
}
.prefooter p{
	font-size:26px;
	font-weight:300;
	color:#c4c4c4;
}
.prefooter a{
	color:#c4c4c4;
	text-decoration:none;
}
footer{
	background:#545454;
	color:#b7b7b7;
	font-size:14px;
	padding-top:25px;
	padding-bottom:30px;
}
footer a{
	color:#b7b7b7;
}
footer a:hover{
	color:#fff;
}
.main-page{
	padding:60px 20px 60px 20px;
}
.main-page .box{
	float:left;
	width:32%;
	margin-left:2%;
	text-align:center;
	border:1px solid #eee;
	-webkit-border-radius:6px;
	border-radius:6px;
	min-height:430px;
	overflow:hidden;
	transition:background 200ms ease-in-out;
}
.main-page .box:hover{
	background:#f6f6f6;
}
.main-page .box:first-of-type{
	margin-left:0;
}
.main-page .box a{
	text-decoration:none;
}
.main-page .box img{
	border-bottom:1px solid #eee;
	display:inline-block;
	width:100%;
	height:auto;
}
.main-page .box h2{
	color:#212121;
	font-weight:300;
	font-size:20px;
}
.main-page .box p{
	color:#636363;
	font-weight:300;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
}
.page{
	padding:40px 0 50px 0;
	float:left;
	width:100%;
	background:#fff;
}
.page img{
	display:inline-block;
	max-width:100%;
	height:auto;
}
.page .content{
	width:100%;
	display:table;
	border-top:2px solid #004a9b;
	padding:20px 0 30px 0;
	float:left;
}
.page .content:nth-of-type(1){
	padding-top:0;
	border-top:none;
}
/*.page .content:last-of-type{
	border-bottom:2px solid #004a9b;
	margin-bottom:40px;
}*/
.page .content-leva{
	display:table-cell;
	width:60%;
	vertical-align:middle;
	padding-right:20px;
}
.page .content-prava{
	display:table-cell;
	width:40%;
	text-align:right;
	vertical-align:middle;
}
.page .content-prava img{
	max-width:100%;
	width:auto;
}
.page p,
.page ul{
	color:#3c3c3c;
	font-size:14px;
	line-height:180%;
}
.page ul{
	list-style:url('../images/arrow.png');
	line-height:220%;
}
.page h1{
	color:#004a9b;
	text-transform:uppercase;
	margin-bottom:20px;
}
.page h2{
	color:#004a9b;
}
.page table{
	display:inline-block;
	border:2px solid #004a9b;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:14px;
	color:#3c3c3c;
}
.page table td{
	padding:5px 12px;
}
.page table tr:nth-of-type(odd) td{
	background:#eee;
}
.page table tr:first-of-type td{
	background:#004a9b;
	color:#fff;
	font-weight:600;
}
.page table.green{
	border:2px solid #b3d563;
}
.page table.green tr:first-of-type td{
	background:#b3d563;
}
.page .box{
	width:30%;
	float:left;
	margin-left:5%;
	border:1px solid #eee;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-transition:background 200ms ease-in-out;
	-moz-transition:background 200ms ease-in-out;
	-ms-transition:background 200ms ease-in-out;
	-o-transition:background 200ms ease-in-out;
	transition:background 200ms ease-in-out;
}
.page .box:hover{
	background:#004a9b;
	color:#fff;
}
.page .box:first-of-type{
	margin-left:0;
	text-align:center;
}
.page .box a{
	text-decoration:none;
}
.page .box h2{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	-webkit-transition:color 200ms ease-in-out;
	-moz-transition:color 200ms ease-in-out;
	-ms-transition:color 200ms ease-in-out;
	-o-transition:color 200ms ease-in-out;
	transition:color 200ms ease-in-out;
}
.page .box:hover h2{
	color:#fff;
}
.page .formResponsive .formHorizontal .formControlLabel {
	float:none;
	padding-top:0;
	width:auto;
	text-align:left;
	font-size:14px;
	color:#444;
}
.page .formResponsive .formHorizontal .formControls {
    margin-left:0;
	margin-top:5px;
}
.page .formResponsive input[type="text"],
.page .formResponsive select{
	margin-bottom:0;
	height:26px;
	width:300px;
	max-width:100%;
	border: 1px solid #cccccc;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.formResponsive .formHorizontal textarea{
	width:300px;
}
.page .formResponsive .formHorizontal .rsform-block {
    margin-bottom: 5px;
}
.page .formBody img{
	vertical-align:middle;
	margin-left:10px;
	margin-top:4px;
}
input[type='button'],
.page .formResponsive button[type=submit],
a.objednat{
	display:inline-block;
	padding:10px 25px;
	background:#346fba;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	border:none;
	border-bottom:3px solid #004a9b;
	margin:0 5px 8px 0;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-transition:background 200ms ease-in-out;
	-moz-transition:background 200ms ease-in-out;
	-ms-transition:background 200ms ease-in-out;
	-o-transition:background 200ms ease-in-out;
	transition:background 200ms ease-in-out;
}a.objednat{
	padding:20px 25px;
	width:100%;
}
input[type='button']:hover,
.page .formResponsive button[type=submit]:hover,
a.objednat:hover{
	background:#004a9b;
}

@media screen and (max-width:800px){
	.main-page .box{
		width:48%;
		margin-left:4%;
	}
	.main-page .box:nth-of-type(3){
		width:100%;
		margin-left:0;
		margin-top:20px;
	}
}
@media screen and (max-width:575px){
	.tab-c,
	.page .content-prava{
		display: table-row;
		text-align: center !important;
	}
	.main-page .box{
		width:100%;
		margin-left:0%;
	}
	.main-page .box:nth-of-type(2){
		margin-top:20px;
	}
	.o-spolecnosti img {
		float: none !important;
		margin-left: 0 !important;
	}
	.page .box {
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-top: 20px;
	}
}