/* CSS Document */
/* =============== resetovani css =============== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* =============== Hlavni =============== */

html {height: 100%; font-size: 62.5%; color:#828282; font-family: Pontano Sans, 'Open Sans', sans-serif; font-weight: 400; background-color: #ffffff; }
body {height: 100%; text-align: center; margin: 0; padding: 0;}

img { border:0; }

.wrap {/*obal*/ width: 1280px; text-align: left; margin: 0 auto;}
@media screen and (max-width: 1279px) {.wrap{width: 100%}}
@media screen and (min-width: 1280px) {.wrap{width: 1280px;}}

header#header { padding: 0; height:60px; text-align: right; position: relative; padding-top: 34px; }
#header img {margin: 0; padding: 0;}

.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}
hr.cleaner {clear:both; display:none;}	

/*.content {padding-left:155px; padding-right:155px;}*/
.content {padding-left:12.109375%; padding-right:12.109375%;}

.content p {line-height:/*24px*/150%;}
.logo {position: absolute; z-index: 1000; margin-top: /*50px*/3.85480093676815%; margin-left: /*170px*/13.28125%; width:19.53125% }

@media screen and (min-width: 599px)  {
    header#header    .logo2 {display: none;}
}
@media screen and (max-width: 599px)  {
    header#header {}
    header#header    .logo2 { margin-top: 0; margin-left:0; width: 100%; height: 93px; }
}

/* =============== ODKAZY =============== */
 .content a:link, .content a:visited {color:#00aeef; font-size:/*14px*/1.4em;}
 .content a:hover {color: #128E99;}
header#header .content a:link, header#header .content a:visited { font-size:/*14px*/0.7em;}

 .content a.mensi:link, .content a.mensi:visited {font-size:12px;}
 .content a.mensi:hover {font-size:12px;}

.odkazy a:link, .odkazy a:visited {font-size:12px;}
.odkazy a:hover {font-size:12px;}
/* =============== ODKAZY =============== */
.np #main {}
.hp #main {}
/*========================paticka======================*/
footer#footer {width: 100%; background-color: #5a6371;}
footer#footer .content {padding-left: /*175px*/13.671875%; padding-right:/* 155px*/12.109375%; color: white; padding-top: 70px; padding-bottom: 70px;}
footer#footer .content header {text-transform: uppercase; padding-bottom: 20px;}
footer#footer hr {border: 0; border-bottom: 1px solid #8c8e97; margin-top: 70px;}

#footer .content ul {margin-bottom: 0; margin-top: 0;}
#footer .content ul li {display: block; float: left; width: /*265px*/27.89473684210526%;list-style-type: none; margin-left: 0px; margin-right: 0; padding: 0;}


#footer .content ul li a:link, #footer .content ul li a:visited {color:#b8bac4; text-decoration: underline; font-size: /*12px*/0.9em;}
#footer .content ul li a:hover {text-decoration: none;}

#footer .content nav ul li {
    clear: both;
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
	width:/*200px*/75.47169811320755%;
    font-size: /*12px*/0.9em;
    line-height: 200%;
}

@media screen and (max-width: 599px)  {
    #footer .content ul {margin-bottom: 20%;}
    #footer .content ul li{float: none; width: auto; height: auto; display: block; }
    #footer .content nav ul li {width: 100%;}

}


#footer footer {/*copyright*/
    clear: both;
    color: #54575A;
	text-align:center;
	margin-top:7px;
	height:30px;
    line-height: 15px;
}
.copy {color:#393939; font-size:13px;}

footer#footer a:link, footer#footer a:visited {color:#535439; text-decoration: none; }
footer#footer a:hover {}

#footer footer a:link, #footer footer a:visited { color:#535439;font-size: 12px;}
#footer footer a:hover {}

footer#footer .mensi { font-size:11px; color:#a6a5a5;}
#footer footer .mensi a:link, #footer footer .mensi a:visited { color:#a6a5a5;font-size: 11px;}
#footer footer .mensi a:hover {}