
/*=========================================================================
 Contact Form
========================================================================= */

#confirm { position: relative; height: auto; padding-bottom: 30px; }

#confirm label { display: block; position: relative; min-height: 57px; width: 300px; }

#confirm label.message { min-height: 180px; }

#confirm input { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 100%; height: 35px; border: 1px solid #EEEEEE; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 0 10px; }

#confirm textarea { display: block; margin: 0; outline: none; box-shadow: 0 1px 0 #EEEEEE !important; width: 613px; height: 145px; resize: none; overflow: auto; border: 1px solid #EEEEEE; color: #969696; font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 5px 10px; }

#confirm label > span { color: #c84233; position:relative; left: 12px; }

#confirm .success { color:#252525; display:none; }

#confirm .empty, #confirm .error { font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; display:none; }

#confirm .btns { position: absolute; right: 0; }

#confirm .btns a { margin-left: 16px; }

#confirm .form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */
}

#confirm .form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */
}

/*=========================================================================
 Footer Contact Form
========================================================================= */

#footer-confirm { position: relative; height: auto; padding-bottom: 30px; }

#footer-confirm label { display: inline-block; position: relative; min-height: 44px; width: 217px; }

#footer-confirm label.message { min-height: 123px; width: 217px; }

#footer-confirm input { display: block; margin: 0; outline: none; box-shadow: none !important; width: 197px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.1); color: #969696; font-size: 12px; line-height:21px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); padding: 0 10px; }

#footer-confirm textarea { display: block; margin: 0; outline: none; box-shadow: none !important; width: 197px; height: 95px; resize: none; overflow: auto; border: 1px solid rgba(255, 255, 255, 0.1); color: #969696; font-size: 12px; line-height:21px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); padding: 5px 10px; }

#footer-confirm label > span { color: #c84233; position:relative; left: 12px; }

#footer-confirm .success { color:#252525; display:none; }

#footer-confirm .empty, #footer-confirm .error { font-size: 12px; line-height:21px; font-family: "Trebuchet MS", sans-serif; display:none; }

#footer-confirm .btns { position: absolute; right: 0; }

#footer-confirm .btns a { margin-left: 16px; }

#footer-confirm .form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */
}

#footer-confirm .form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */
}

/*=========================================================================
 search form
========================================================================= */

#search { padding:4px 0 0 0; }

#search input { font-family: Arial, Helvetica, sans-serif; color:#a5a4a4; font-size:11px; font-style:italic; vertical-align:middle; font-weight:normal; padding:7px 5px 7px 28px; margin:0; background:#fbfbfc url(../images/icons/input-mail.jpg) 6px 8px no-repeat; outline:none; border:1px solid #e7e7e7; width:163px; }

#search .newsletter-button { padding:3px 18px 5px; }
 @media only screen and (min-width: 768px) and (max-width: 995px) {

/*=========================================================================
 Footer Contact Form
========================================================================= */

#footer-confirm label {
width: 167px;
}
#footer-confirm input {
width: 144px;
}
#footer-confirm label.message {
min-height: 173px;
width: 350px;
}
#footer-confirm textarea {
height: 145px;
width: 330px;
}

/*=========================================================================
 search form
========================================================================= */

#search input {
width:90px;
}
 #contact-form input, #confirm label {
width:260px;
}
 #confirm textarea {
width:406px;
}
}
@media only screen and (max-width: 767px) {

/*=========================================================================
 Footer Contact Form
========================================================================= */

#footer-confirm label {
width: 141px;
}
#footer-confirm input {
width: 120px;
}



/*=========================================================================
 search form
========================================================================= */

#search input {
width:140px;
}
 #contact-form input, #confirm label {
width:200px;
}
 #confirm textarea {
width:278px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*=========================================================================
 Footer Contact Form
========================================================================= */

#footer-confirm label {
width: 201px;
}
#footer-confirm input {
width: 179px;
}

/*=========================================================================
 search form
========================================================================= */


#search input {
width:255px;
}
 #contact-form input, #confirm label {
width:240px;
}
 #confirm textarea {
width:398px;
}
}
.top_line {
height: 44px;
background-color: rgb(97,93,92);
position: relative;
overflow: hidden;
}

.top_line .ins {
width: 1100px;
margin: 0 auto;
}

.top_line .search {
padding: 10px;
float: right;
clear: none !important;
 width: 300px !important;
}

.top_line .search input {
font-size: 13px;
height: 15px;
line-height: 20px;
padding: 4px;
color: rgb(44,44,44);
background-color: rgb(255,255,255);
border: 0px;
background-image: none;
width: 200px;
float: right;
}

.top_line .search button {
font-size: 13px;
height: 23px;
line-height: 20px;
color: rgb(255,255,255);
background-color: rgb(0,148,222);
border: 0px;
background-image: none;
width: 80px;
float: right;
cursor: pointer;
}

.top_line .langs {
float: right;
padding: 0px;
margin: 0px;clear: none;
margin-left: 30px;
padding-top:14px;
 padding-right: 10px;
}

@media (max-width: 767px) {
	.top_line .langs {
		position: absolute;	
		right: 0px;
	}
}

.top_line .langs img {
float: left;
padding: 0px;
margin: 0px;
margin-left: 5px;
}

.top_line .langs a {
float: left;
padding: 0px;
margin: 0px;
}

.stripes {
background-image: url('../images/pattern-stripes.png');
background-position: left top;
height: 30px;
margin: 0px 11px 20px 11px;
}

.hp_top {
overflow: hidden;
margin-top: -15px;
}

.hp_top .htleft {
width: 503px;
margin-left: 10px;
float: left;
}

.hp_top ul {
margin: 0px 10px 0px 9px;
overflow: hidden;
}

.hp_top ul li {
margin: 0px 33px 33px 0px;
width: 235px;
height: 134px;
float: left;
}

.hp_top ul .last {
margin-right: 0px;
}

.hp_top ul li a {
width: 233px;
height: 134px;
float: left;
border: 1px solid rgb(230,230,230);
}

.hp_top ul li a span {
width: 100%;
padding: 8px 0px 9px 0px;
float: left;
text-align: center;
font-size: 14px;
line-height: 17px;
font-weight: bold;
background-color: rgb(223,235,245);
text-transform: uppercase;
}

.hp_top ul li a img {
float: left;
clear: both;
width: 233px;
height: 120px;
}


.hp_bottom .nleft {
width: 500px;
float: left;
}

.hp_bottom .nright {
width: 500px;
float: right;
}

.footer-2 {
overflow: hidden;
background-color: rgb(97,93,92);
}

.footer-2 .ins {
width: 1040px;
margin: 0 auto;
}

.footer-2 .fbox {
padding-right: 50px;
float: left;
}

.footer-2 .fr {
float: right;
}

.footer-2 .fbox p {
font-size: 14px;
line-height: 17px;
color: rgb(255,255,255);
padding: 0px;
margin: 0px;
font-weight: bold;
text-align: left;
padding-bottom: 10px;
}

.footer-2 .fr p {
float: right;
font-weight: normal;
}

.footer-2 .fr p span {
font-weight: bold;
}

.footer-2 .fbox ul,.footer-2 .fbox li {
padding-bottom: 2px;
padding: 0px;
margin: 0px;
text-align: left;
}

.footer-2 .fbox a {
font-size: 14px;
line-height: 17px;
color: rgb(255,255,255);
padding: 0px;
margin: 0px;
}

.footer-2 .fbox a:hover {
text-decoration: underline;
}

.text_content {
font-size: 14px;
line-height: 21px;
}

.text_content a {
 color: rgb(47,135,211);
 text-decoration: underline;
}

.text_content a:hover {
 color: rgb(0,0,0);
}

.text_content table td {
 border: 0px;
}

.title-header h1 {
color: rgb(255,255,255);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.title-header img{
float: left;
margin-right: 20px;
}

.widget ul li {
padding: 0px;
margin: 0px;
overflow: hidden;
clear: both;
}

.widget ul a {
width: 260px;
padding: 7px 10px 7px 10px;
font-size: 14px;
float: left;
}

.widget ul a span {
padding-right: 5px;
}

.widget ul .active {
background-color: rgb(63,150,220);
color: rgb(255,255,255);
}

.widget ul li ul a {
padding-left: 26px;
}

.det_nav {
padding: 0px 30px 0px 30px;
margin: -20px 0px 10px 0px;
overflow: hidden;
}

.det_nav li {
float: left;
clear: none;
}

.det_nav li .spacer {
padding: 0px 6px 0px 6px;
}

.more {
overflow: hidden;
}

.more a {
float: right;
background-color: rgb(80,80,80);
color: rgb(255,255,255);
font-weight: bold;
padding: 7px 10px 7px 10px;
}

body {
background-color: rgb(255,255,255);
}

.text_content {
    padding-bottom: 40px;
}

.text_content h2 {
padding: 19px 0px 10px 0px;
margin: 0px;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: rgb(63,150,222);
}

.text_content ul {
padding: 10px 0px 10px 0px;
}

.text_content ul li {
padding-left: 15px;
line-height: 20px;
background-image: url('./../images/listitem.gif');
background-position: left 7px;
background-repeat: no-repeat;
}

body.defaultpage {
  background-image: none;
}

table.hpkontakty td {
 border: 0px;
}

p.hpakt_odkaz {
 text-align: right;
}

p.hpakt_odkaz a {
 color: rgb(57,145,221);
}

@media (max-width: 1199px) {
	
	.flex-shadow, .flexowlslider {
	display: none;
	}
	
}

@media (max-width: 767px) { 

	header {
	text-align: center;
	}

	.logo {
	float: none !important;
	text-align: center;
	}
	
	.logo img {
	margin-bottom: 30px;
	display: inline-block;
	}
	
	header select {
	width: 90% !important;
	margin: 0px auto !important;
	float: none !important;
	box-sizing: border-box;
	}
	
	.langs {
	float: left;
	}
	
	#frm-searchForm-searchBox {
	float: left;
	}
	
	.fleft img {
	max-width: 100% !important;
	}
	
	.text_content {
	padding: 40px 40px 0px 40px !important;
	}
	
	.eleven .title {
	margin-left: 40px !important;
	}
	
	.eleven.columns {
	width: 100% !important;
	}
	
	.my-banner {
	display: none !important;
	}
	
	.fright {
	float: none !important;
	width: 100%;
	margin-left: 40px;
	}
	
	.widget, .widget li, .widget ul, .widget a {
	width: 100% !important;
	box-sizing: border-box;
	}

}

@media (max-width: 480px) {
	
	.big-point-list {
	text-align: center;
	}
	
	.big-point-list img {
	float: none !important;
	display: inline-block !important;
	margin: 15px 0px 15px 0px;
	}
	
	.big-point-list h4 {
	clear: both;	
	}
	
	.title {
	margin: 0px 15px 0px 15px;
	}
}

@media (max-width: 991px) {
	
	.container {
	padding: 0px !important;
	margin: 0px !important;
	width: 100% !important;
	}
	
	.hp_top, .hp_top ul {
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
	}
	
	.hp_top li {
	float: none !important;
	margin: 0px !important;
	padding: 5px !important;
	display: inline-block !important;
	overflow: hidden;
	}
	
	.hp_top li a {
	overflow: hidden;
	box-sizing: border-box;
	}
	
	.footer-2 .ins {
	width: 94% !important;
	padding: 0px 3% 0px 3%;
	}
	
	.footer-2 .ins .fbox {
	padding: 0px 0px 20px 0px !important;
	width: 100% !important;
	float: left !important;
	clear: both;
	display: inline-block !important;
	text-align: left !important;
	}
	
	.footer-2 .ins .fbox.fr p {
	float: left !important;
	}
	
}

@media (max-width: 1199px) {
	
	.hp_bottom .columns {
	width: calc(100% - 20px) !important;
	height: auto !important;
	box-sizing: border-box;
	margin: 15px 10px 15px 10px !important;
	}
	
}
