/**
  * 1.0 Reset
  */

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,images,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}a{margin:0;padding:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

a {
	text-decoration:none;
}

a:hover,
a:focus {
	text-decoration:underline;
}

a[id] {
	position:absolute;
	margin-top:-90px;
}

* {
	font-family:Tahoma, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	color:#808080;
}

i {
	font-style:italic;
}

strong {
	font-weight:bold;
	font-size:inherit;
}

body {
	background:#fff;
}

p {
	line-height:20px;
	font-size:16px;
}

.width {
	width:960px;
	position:relative;
}

.center {
	margin:0 auto;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear {
	clear:both;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	color:#6f7e23;
	font-size:22px;
	line-height:1.5;
	text-transform:uppercase;
	text-align:center;	
        margin: 50px auto;
        white-space: nowrap;
    /*display: table;
    white-space: nowrap;
	margin: 50px auto;*/
    overflow: hidden;
}

h1:before,h1:after,
h2:before,h2:after,
h3:before,h3:after,
h4:before,h4:after,
h5:before,h5:after,
h6:before,h6:after {
	border-top: 1px solid #e6e6e6;
	content: '';
	/*display: table-cell;
	position: relative;
	top: 0.5em;
	width: 45%;*/
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 45%;
 
}
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before { 
	/*right: 20px; */
        right: 0.5em;
        margin-left: -50%;
}

h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after { 
	/*left: 20px; */
        left: 0.5em;
        margin-right: -50%;
}

#head {
	width:100%;
	height:653px;
	color:#fff;
	background: url(../images/background.png) repeat left top;
}

#head a.logo {
	width:230px;
	height:99px;
	display:block;
	background:url(../images/header_logo.png) no-repeat;
	background-position:0 0;
}

#head a.logo:hover,
#head a.logo:focus {
	background-position:0 -99px;
}

#head > div {
	height:100%;
}

#mobile-nav {
	color:#fff;
	float:right;
	display:none;
	padding:10px;
	cursor:pointer;
	position:relative;
	z-index:9999;
}

.bg-st {
	background:#fff;
	padding: 20px 0 50px 0;
}

.bg-nd {
	background:#f5f5f5;
	padding: 20px 0 50px 0;
}

.navigation {
	float:right;
}

.navigation li {
	list-style:none;
	float:left;
	position:relative;
}
.nav_container {height:40px;}
.nav {height:40px;line-height:40px;position:absolute;left:0;width:100%;} 
.f-nav{z-index: 9999;width:100%;position: fixed;top: 0;left:0;background: url(../images/background.png) repeat left top;}

.navigation li a {
	color:#fff;
	font-size:120%;
	text-decoration:none;
	text-transform:uppercase;
	padding: 5px 13px;
}

.navigation li a:hover,
.navigation li a:focus,
.navigation li a.active {
	color:#a4c02f;
}

.navigation li:last-child a {
	color:#a4c02f;
}

.navigation li:last-child a:hover,
.navigation li:last-child a:focus {
	color:#fff;
}

.navigation li ul {
	display:none;
	margin-left:13px;
	position:absolute;
	width:227px;
	box-shadow: 2px 3px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 3px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,0.3);
}

.navigation li ul li {
float:none;
}

.navigation li ul li a,
.navigation li ul li:last-child a {
	height:40px;
	line-height:40px;
	color:#707f22;
	font-size:13px;
	display:block;
	background:rgba(255,255,255,0.85);
	border:1px solid;
	vertical-align:middle;
	border-color:#fff #fff #d9d9d9 #fff;
	padding:0 20px;
}

.navigation li ul li a:hover,
.navigation li ul li a:focus,
.navigation li ul li:last-child a:hover,
.navigation li ul li:last-child a:focus {
	color:#707f22;
	background:#fff;
}

.banner {
	width:100%;
	height:427px;
	background-image:url(../images/slider_slide.png);
	background-repeat:no-repeat;
	background-size:100%;
	margin-top:50px;
}

.contact-table {
width:80%;
margin:0 auto;
font-size:14px;
line-height:20px;
color:#808080;
}

.contact-table .col {
	width:50%;
	float:left;
	margin-bottom:1em;
}

.contact-table .col .label {
	width:110px;
	float:left;
}

.contact-table .col .label,
.contact-table .col .value {
	padding:0px 3px;
}

.contact-table .col .value {
	margin-left:110px;
}

.about-desc {
	width:85%;
	margin: 0 auto;
	font-size:12px;
	padding:70px 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: 	 #b3b3b3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b3b3b3;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b3b3b3;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #b3b3b3;
}

input,textarea,select,.faq {
	width:55.52083333333333%;
	max-width:55.52083333333333%;
	min-width:55.52083333333333%;
	min-height:40px;
	line-height:40px;
	color:#b3b3b3;
	background:#fcfcfc;
	vertical-align:middle;
	margin:13px auto 0 auto;
	padding: 0 10px 0 19px;
	display:block;
	border:1px solid #d9d9d9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
}
input:focus,textarea:focus,select:focus{
    outline: none;
    border:1px solid #9ebe00;
}

select, .required {
	width:58.54166666666667%;
	max-width:58.54166666666667%;
	min-width:58.54166666666667%;
}

.required {
	display:block;
	margin:0 auto;
	color:#b2b2b2;
	padding-top:9px;
}

.required > * {
	color:#b2b2b2;
}

textarea {
	line-height: 2;
}

input[type=submit] {
	width:58.54166666666667%;
	max-width:58.54166666666667%;
	min-width:58.54166666666667%;
	height:40px;
	color:#fff;
	padding:0;
	text-transform:uppercase;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:url(../images/kontaktnyformular_button.png) repeat-x left top;
	background-position: 0 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	border:1px solid #758c00;
}

input[type=submit]:hover,
input[type=submit]:focus {
	background-position: 0 -40px;
	border:1px solid #007cba;
}

.faq {
	width:100%;
	max-width:100%;
	min-width:0%;
	position:relative;
	line-height:1;
	padding: 0;
}

.faq .question {
	color:#71811f;
	font-size:14px;
	height:40px;
	line-height:40px;
	background:url(../images/faq_bg.png) repeat-x left top;
	background:none;
	width:97.91666666666667%;
	padding-left:2%;
	position:absolute;
	top:0;
	left:0;
}

.faq .question:hover,
.faq .question:focus,
.faq .question.open {
	color:#fff;
	background:url(../images/faq_bg.png) repeat-x left top;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #758c00;
}

.faq .question:hover:after,
.faq .question:focus:after {
	border-color:#fff transparent transparent transparent;
}
.faq .question.open:after {
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-width:0 4px 5px 4px;
	border-style:solid;
	border-color:transparent transparent #fff transparent;
	position:absolute;
	top:50%;
	right:10px;
}

.faq .question:after {
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-width:5px 4px 0 4px;
	border-style:solid;
	border-color:#707f20 transparent transparent transparent;
	position:absolute;
	top:50%;
	right:10px;
}

.faq .answere {
	font-size:14px;
	color:#818181;
	line-height:1.4;
	text-indent:35px;
	padding: 50px 1% 1% 1%;
}

.copyright {
	width:100%;
	height:74px;
	line-height:74px;
	background:#000;
	margin-top: 100px;
	overflow:hidden;
	font-size:12px;
}

.logo-represalio {
	width:149px;
	height:74px;
	display:inline-block;
	background:url(../images/footer_logo_represalio.png) no-repeat;
	background-position:0 0;
}

.logo-markandthink {
	width:110px;
	height:74px;
	display:inline-block;
	background:url(../images/footer_logo_markandthink.png) no-repeat;
	background-position:0 0;
}

.logo-logomotiva {
	width:87px;
	height:74px;
	display:inline-block;
	background:url(../images/footer_logo_logomotiva.png) no-repeat;
	background-position:0 0;
}

.logo-represalio:hover,
.logo-represalio:focus,
.logo-markandthink:hover,
.logo-markandthink:focus,
.logo-logomotiva:hover,
.logo-logomotiva:focus {
	background-position:0 -74px;
}

.modul {
	width:22.5%;
	display:inline-block;
	padding:16.66666666666667% 1% 10px 1%;
	margin: 20px 0;
	text-align:center;
	background-size:100%;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:top;
	-webkit-transition: background-position .3s; /* For Safari 3.1 to 6.0 */
	-moz-transition: background-position .3s;
	-ms-transition: background-position .3s;
	-o-transition: background-position .3s;
	transition: background-position .3s;
}

.modul .title {
	color:#728122;
	font-size:20px;
	line-height:1;
	padding: 25px 0;
}

.modul .desc {
	color:#7f7f7f;
	font-size:14px;
	line-height:18px;
}

.modul.klienti {
	background-image:url(../images/icons/body_ikonka_klienti.png);
}
.modul.oslovenia {
	background-image:url(../images/icons/body_ikonka_oslovenia.png);
}
.modul.produkty {
	background-image:url(../images/icons/body_ikonka_produkty-sluzby.png);
}
.modul.newsletter {
	background-image:url(../images/icons/body_ikonka_newsletter.png);
}
.modul.dokumenty {
	background-image:url(../images/icons/body_ikonka_tlaciva-dokumenty.png);
}
.modul.evidencia {
	background-image:url(../images/icons/body_ikonka_evidencia-dochadzky_pripravujeme.png);
}
.modul.grafy {
	background-image:url(../images/icons/body_ikonka_grafy-reporty.png);
}
.modul.planovac {
	background-image:url(../images/icons/body_ikonka_planovac.png);
}

.modul:hover {
	background-position: 0 -15px;
}

 /*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 960px)
{

	#head {
		height:0%;
	}
	.banner {
		height:44.47916666666667vw;
		margin-top:5.2%;
	}
	.width {
		width:98%;
		padding:0 1%;
	}
	
	.faq .answere,
	p {
		text-align:justify;
	}
	
	.contact-table {
		width:100%;
	}
}

@media screen and (max-width: 750px)
{
	.copyright {
		height:auto;
		text-align:center;
	}
	
	.copyright .float-left {
		float:none;
		display:block;
	}
	.copyright .float-right {
		float:none;
		display:block;
	}
	.contact-table .col {
		width:100%;
	}
}

@media screen and (max-width: 700px)
{
	#mobile-nav {
		display:block;
	}
	.navigation {
		float:none;
		display:none;
		text-align:center;
	}
	.nav {
		height:auto;
		background: url(../images/background.png) repeat left top;
	}
	.navigation li {
		float:none;
	}
	
	.navigation li a {
		width:100%;
		display:inline-block;
		padding:0;
	}
}

@media screen and (max-width: 620px)
{
	.modul {
		width:30%;
		padding-top:20%;
	}
	
	.faq {
		width:98%;
		margin:10px 1% 0 1%;
	}
}

@media screen and (max-width: 480px)
{
	.modul {
		width:47%;
		padding-top:30%;
	}
	
	.copyright {
		padding-top:20px;
		line-height:1.5;
	}
}