@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
* {
	/*margin: 0;*/
}
body, html {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #414141;
	font-family: 'Open Sans', sans-serif;
	background: white;
	min-height: 100%;
	_height: 100%;
}
.cleaner {
	clear: both;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	height: 0px;
}
a {
	color: #414141;
}
a img {
	border: none;
}
#wrapper {
	position: relative;
	overflow-x: hidden;
}
.container {
	max-width: 1200px;
	min-width: 1000px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#header {
	padding: 30px 15px 0 15px;
}
#logo {
	float: left;
}
#logo a {
	display: block;
	height: 90px;
	width: 233px;
	background: url(../images/logo.png) no-repeat center top;
}
#header-right {
	float: right;
	text-align: right;
}
#social {
	float: right;	
}
#social a {
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	margin: 0 0 0 13px;
}
#facebook {
	background: url(../images/social/facebook.jpg) no-repeat center top;
}
#facebook:hover {
	background-position: 0px -21px;
}
#linkedin {
	background: url(../images/social/linkedin.jpg) no-repeat center top;
}
#linkedin:hover {
	background-position: 0px -21px;
}
#skype {
	background: url(../images/social/skype.jpg) no-repeat center top;
}
#skype:hover {
	background-position: 0px -21px;
}
#google {
	background: url(../images/social/google.jpg) no-repeat center top;
}
#google:hover {
	background-position: 0px -21px;
}
#youtube {
	background: url(../images/social/youtube.jpg) no-repeat center top;
}
#youtube:hover {
	background-position: 0px -21px;
}
#rss {
	background: url(../images/social/rss.jpg) no-repeat center top;
}
#rss:hover {
	background-position: 0px -21px;
}
#slogan {
	float: right;
	clear: right;
	font-size: 17px;
	margin: 50px 20px 0 0;
	position: relative;
}
	#slogan-line {
		height: 7px;
		width: 1000%;
		background: #FCB040;
		margin: 15px 0 0 70px;
}
#menu {
	background: #C1B59B;
}
	#nav {
		margin: 0;
		padding: 0;
		float: right;
		white-space: nowrap;
	}
	#nav li {
		float: left;
		list-style: none;
		position: relative;
		
	}
	#nav li a {
		display:block;
		font-size: 15px;
		padding: 3px 25px 5px 25px;

		-webkit-transition: background 0.4s, color 0.4s; 
    	transition: background 0.4s, color 0.4s;
		text-decoration: none;
		color: white;
	}
	.actMenu:hover {
		color: #FCB040 !important;
	}
	#nav li a:hover, .actMenu {
		background:#6E6355 !important;
	}
	
     #nav ul {
		position: absolute;
		left: 0;
		top: 100%;
		visibility: hidden;
		opacity: 0;
		z-index: 10;
		-webkit-transition: .3s;
		transition: .3s;
		padding: 0;
	}
	#nav ul li {
	    width: 100%;
	}
	#nav ul li a {
	    text-transform: none;
	    font-size: 13px;
	}
	#nav li:hover > ul {
		visibility: visible;
		opacity: 1;
		background: #C1B59B;
		z-index: 9999;
	}
#content {
	padding: 0px;
}
#submenu {
	text-align: center;
	padding: 15px 0 25px 0;
}
#submenu a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	margin: 0 15px;
	white-space: nowrap;
	border-bottom: 7px solid transparent;
	-webkit-transition: border 0.4s; 
   transition: border 0.4s;
}
	#submenu a#ldc:hover, .ldcA {
		border-bottom: 7px solid #F1592A !important;
	}
	#submenu a#ldw:hover, .ldwA {
		border-bottom: 7px solid #13A89E !important;
	}
	#submenu a#rpz:hover, .rpzA {
		border-bottom: 7px solid #D7E923 !important;
	}
	#submenu a#hrl:hover, .hrlA {
		border-bottom: 7px solid #2457A7 !important;
	}
#slider {
	width: 70%;
	/*width: 800px;*/
	margin: 0 auto;
	padding: 50px 0;
}
#sub {
	height: 50px;
}
/*.bx-viewport {
	height: 190px !important;
}*/
.sliderBox {
	float: left;
	width: 25%;
	/*width: 200px;
	height: 200px;*/
}

.sliderBoxIn {
	padding: 0 5px;
}
.sliderBoxText {
	text-transform: uppercase;
	font-size: 14px;
	padding: 2px 0 0 0;
	border-top: 7px solid #716658;
	-webkit-transition: border 0.4s, color 0.4s; 
    transition: border 0.4s, color 0.4s;
}
.sliderBoxText a {
	text-decoration: none;
	display: block;
	-webkit-transition: border 0.4s, color 0.4s; 
    transition: border 0.4s, color 0.4s;
}
.box1:hover > .sliderBoxText, .box1a {
	border-top: 7px solid #F1592A !important;
}
/*.box1:hover > .sliderBoxText a{
	color: #F1592A !important;
}*/
.box2:hover > .sliderBoxText, .box2a {
	border-top: 7px solid #13A89E !important;
}
/*.box2:hover > .sliderBoxText a{
	color: #13A89E !important;
}*/
.box3:hover > .sliderBoxText, .box3a {
	border-top: 7px solid #D7E923 !important;
}
/*.box3:hover > .sliderBoxText a{
	color: gray !important;
}*/
.box4:hover > .sliderBoxText, .box4a {
	border-top: 7px solid #2457A7 !important;
}
/*.box4:hover > .sliderBoxText a{
	color: #5A698B !important;
}*/
.infoTextSlider {
	color: #C1B59B;
	font-size: 18px;
	line-height: 25px;
	padding: 50px 5px 0px 5px;
	/*height: 50px;*/
}
#textChange {
	/*display: none;*/
	text-align: justify;
}
#textChange img {
	max-width:100%;
	height: auto;
}
#imgSubmenu {
	background: #FBF7EE;
	text-align: center !important;
}
#imgSubmenu .container {
	text-align: center;
}
.imgSubmenuBox {
	text-align: center;
	display:inline-block;
	position: relative;
	width: 200px;
}
#box4sub .imgSubmenuBox{
	width: 299px;
}
#imgSubmenu a {
	text-decoration: none;
	color:#716658;
	display: block;
	text-align: center;
}
#imgSubmenu a:hover > .pikto, .actPikto {
	background-position: center bottom !important;
}
.arrow {
	width: 20px;
	height: 12px;
	margin: 0 auto;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 10px);
	display: none;
}
.imgSubmenuBox .pikto {
	height: 53px;
	width: 38px;
	margin: 0 auto 5px auto;
}
.imgSubmenuBox:hover > .arrow, .arrowAct {
		display: block !important;
}
	.piktoNe {
		display: none;
		padding: 15px 0 10px 0;
	}
	/* box1 */
	#profil1 .pikto {
		background: url(../images/imgSubmenu/profil_cervena.png) no-repeat center top;
	}
	#reference1 .pikto {
		background: url(../images/imgSubmenu/reference_cervena.png) no-repeat center top;
	}
	#koucink1 .pikto {
		background: url(../images/imgSubmenu/coje_cervena.png) no-repeat center top;
	}
	#nabidka1 .pikto {
		background: url(../images/imgSubmenu/nabidka_cervena.png) no-repeat center top;
	}
	#profil1 .arrow,#reference1 .arrow,#koucink1 .arrow,#nabidka1 .arrow {
		background: url(../images/imgSubmenu/sipka_cervena.png) no-repeat center top;
	}
	/* box2 */
	#profil2 .pikto {
		background: url(../images/imgSubmenu/profil_tyrkys.png) no-repeat center top;
	}
	#reference2 .pikto {
		background: url(../images/imgSubmenu/reference_tyrkys.png) no-repeat center top;
	}
	#coje2 .pikto {
		background: url(../images/imgSubmenu/coje_tyrkys.png) no-repeat center top;
	}
	#nabidka2 .pikto {
		background: url(../images/imgSubmenu/nabidka_tyrkys.png) no-repeat center top;
	}
	#profil2 .arrow,#reference2 .arrow,#coje2 .arrow,#nabidka2 .arrow {
		background: url(../images/imgSubmenu/sipka_tyrkys.png) no-repeat center top;
	}
	/* box3 */
	#profil3 .pikto {
		background: url(../images/imgSubmenu/profil_zelena.png) no-repeat center top;
	}
	#reference3 .pikto {
		background: url(../images/imgSubmenu/reference_zelena.png) no-repeat center top;
	}
	#konzultace3 .pikto {
		background: url(../images/imgSubmenu/konzultace_zelena.png) no-repeat center top;
	}
	#nabidka3 .pikto {
		background: url(../images/imgSubmenu/nabidka_zelena.png) no-repeat center top;
	}
	#profil3 .arrow,#reference3 .arrow,#konzultace3 .arrow,#nabidka3 .arrow {
		background: url(../images/imgSubmenu/sipka_zelena.png) no-repeat center top;
	}
	/* box4 */
	#profil4 .pikto {
		background: url(../images/imgSubmenu/profil_modra.png) no-repeat center top;
	}
	#reference4 .pikto {
		background: url(../images/imgSubmenu/reference_modra.png) no-repeat center top;
	}
	#nabidka4 .pikto {
		background: url(../images/imgSubmenu/nabidka_modra.png) no-repeat center top;
	}
	#profil4 .arrow,#reference4 .arrow,#nabidka4 .arrow {
		background: url(../images/imgSubmenu/sipka_modra.png) no-repeat center top;
	}
	
	

#mainText {
	line-height: 150%;
	font-size: 15px;
	/*padding: 25px 0 25px 100px;
	width: calc(70% - 10px);*/
	padding: 50px 0;
	margin: 0 auto;
	width: 700px;
}
	#mainText img {
		max-width: 100%;
		height: auto;
	}
	
	h1 {
		font-weight: normal;
		font-size: 22px;
		margin: 0;
		padding: 40px 0 40px 0;
		text-transform: uppercase;
	}
	h2 {
		color: #6E6355;
		font-size: 20px;
	}
	h3 {
		color: #6E6355;
		font-size: 18px;
	}
	.vice {
		text-align:left;
		background: url(../images/vice.png) no-repeat 75px top;
		padding: 2px 0 2px 100px;
		font-size: 16px;
		margin: 20px 20px 0 0;
		display: block;
		width: 100%;
		text-decoration: none;
	}
	.vice:hover {
		background: url(../images/vice.png) no-repeat 75px bottom;
		color: #6E6355;
	}
	#getEmailForm {
		text-align: center;
	}
	.emailForm {
		border: 1px solid #C1B59B;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		padding: 5px 10px;
		margin: 0 0 2px 0;
		color: #716658;
	}
	.submitForm {
		padding: 4px 10px;
		background: #C1B59B;
		font-size: 17px;
	}
	.report {
		margin:10px;
		padding: 10px;
		text-align: center;
	}
	#dateF {
		display: none;
	}
	.err {
		color: red;
		border: 1px dashed red;
	}
	.ok {
		color: green;
		border: 1px dashed green;
	}
	/*.profil1-profilFoto {
		border-bottom: 5px solid #F1592A;
	}
	.profil2-profilFoto {
		border-bottom: 5px solid #13A89E;
	}
	.profil3-profilFoto {
		border-bottom: 5px solid #D7E923;
	}
	.profil4-profilFoto {
		border-bottom: 5px solid #2457A7;
	}*/
	
#footer {
	font-size: 15px;	
}
.border {
	background: #FBF7EE;
	padding: 5px;
	font-size: 12px;
}
.border a {
	text-decoration: none;
}
.footer-right {
	float: right;
	text-align: right;
}
.footer-left {
	float: left;
	text-decoration: left;
}
.fimg {
	 	padding: 80px 100px 0 0;
}
.fimg img {
	margin: 0 20px 0 0;
}
.footerInfo {
	padding: 15px;
}
.footer-nadpis {
	color:#C1B59B;
	font-size: 23px;
	margin: 0 0 20px 0;
}


.it {
	margin-bottom: 50px;
}
.it h2 {
	margin: 0;
	padding: 0 0 10px 0;
	line-height:140%;
}
.it h2 a {
	font-weight: 300;
	font-size: 22px;
	display: block;
	color: #6E6355;
	padding: 5px 0;
}
.it h2 a:hover {
	text-decoration: none;
}
.blogImg {
	float: right;
	max-width: 250px !important;
	padding: 2px;
	border: 1px solid #C1B59B;
	margin: 0 0 5px 10px;
}
.blogText {
	text-align: justify;
}
.socblog {
	float:right;
	width:45%;
	text-align:right;
	padding:5px 0 0 0;
}
.tisk{
	float:left;
	width:45%;
	text-align:left;
}
.tisk img {
	height: 35px !important;
}
.socblog img {
	height: 30px !important;
}
.pr-line {
	clear: both;
	height: 5px;
}
.pr-name {
	float: left;
	width: 200px;
	font-weight: bold;
	color: #6E6355;
}
.pr-value {
	float: left;
}

.boxFirma {
	width: 40%;
	float: left;
	display: inline-block;
	text-align: center;

	border: 1px solid #E7E7E7;
	height: 120px;
	margin: 0 15px 20px 15px;
	padding: 15px;
	-webkit-transition: all 0.2s; 
   transition: all 0.2s;
	overflow: hidden;
}
.boxFirma:hover {
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(110, 99, 85, 0.75);
-moz-box-shadow:    inset 0px 0px 3px 1px rgba(110, 99, 85, 0.75);
box-shadow:         inset 0px 0px 3px 1px rgba(110, 99, 85, 0.75);
}
.boxFirma a {
	font-size: 17px;
	color: #6E6355;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	height: 100%;
	width: 100%;
}
.boxFirma a img {
	padding: 15px 0 0 0;
	max-height: 60%;
}
.mensiBox {
	height: 45px !important;
}


.boxProjekt {
	border: 1px solid #E7E7E7;
	margin: 0 15px 20px 15px;
	
	-webkit-transition: all 0.2s; 
   transition: all 0.2s;
}
.boxProjekt:hover {
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(110, 99, 85, 0.75);
	-moz-box-shadow:    inset 0px 0px 3px 1px rgba(110, 99, 85, 0.75);
	box-shadow:         inset 0px 0px 3px 1px rgba(110, 99, 85, 0.75);
}
.boxProjekt a {
	font-size: 17px;
	color: #6E6355;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 15px;
}