/* CSS Document */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

.clear {
	clear:both;
}

.clear.h_5 {height:5px;}
.clear.h_10 {height:10px;}
.clear.h_20 {height:20px;}
.clear.h_30 {height:30px;}
.clear.h_40 {height:40px;}
.clear.h_60 {height:60px;}

body {
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	min-width:980px;
	background:#efefef;
}

.share-page{text-align:center;background:#DCDCDC;padding:8px 15px;border-radius:5px;margin:0px 0;}.share-page a{font-weight:500;margin-left:10px}.share-page:before{content:"Sdílet → ";color:rgb(71,71,70)}header.site-header{position:fixed;top:0px;bottom:0px;width:25%;background:#295177 none repeat scroll 0% 0%;color:#E1F3FF;text-align:right}@media screen and (max-width: 1000px){header.site-header{width:100%;position:relative;height:auto;text-align:center}}.site-header{border-top:0}header nav a{margin-top:1em;letter-spacing:0.05em;font-size:85%;display:inline-block;padding:10px 5px}header.site-header .wrapper{margin:30px 2em 0px}@media screen and (max-width: 1000px){header.site-header .wrapper{margin:20px;margin:0px auto}}.site-title{float:inherit}header.site-header a,.site-nav .page-link,.site-title,.site-title:visited{color:white;text-transform:uppercase}.page-content .wrapper{margin-left:25%;font-family:"Lucida Grande","Segoe UI",Ubuntu,Cantarell,sans-serif;color:#383a42}@media screen and (max-width: 1000px){.page-content .wrapper{margin-left:auto}}.page-content .wrapper p{line-height:1.6;margin-top:0;margin-bottom:1.5em}.post-list h2 a{font-size:1.2em;color:#295177;margin-bottom:0.2em;font-weight:bold}.post-list .image{float:left;max-width:160px;max-height:120px;margin:0 10px 10px 0}.post-list .image img{max-width:100%;max-height:100%}.page-content .wrapper{max-width:-webkit-calc(1000px - (30px * 2));max-width:calc(1000px - (30px * 2))}strong{font-weight:bold}.twitter-feed{max-width:300px;float:right;margin-top:35px;font-size:85%}@media screen and (max-width: 1000px){.twitter-feed{display:none}}.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}.loader{margin-top:20px}.loader::before{content:"Loading results..."}#results div{margin:20px 0;padding-bottom:20px}#results small{color:gray}#results a{font-weight:bold;font-size:110%}#results div{margin-top:25px;border-bottom:1px solid #f5f5f5}#results .tags:empty{display:none}#results .tags::before{content:" - "}#query{border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}#submit{background-color:#0078e7;color:#fff;border:0 transparent}@media print{.site-header,.share-page,#disqus_thread,.hide-print{display:none}.page-content .wrapper{margin-left:0}.wrapper{padding:0}.footer-col{float:none}.footer-col-1,.footer-col-2,.footer-col-3{width:auto}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}}
a:link    {color: rgb(157,13,21)}
a:visited {color: rgb(157,13,21)}
a:active  {color: rgb(157,13,21)}

#OnTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 80px; /* Place the button at the bottom of the page */
    right: 0px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgb(157,13,21); /* Set a background color */
    color: rgb(239,239,239); /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 13px; /* Some padding */
    border-radius: 0px; /* Rounded corners */
}

#OnTopBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

@media screen and (max-width: 400px) {
    #OnTopBtn {
        display: none !important;
    }
}

.top_menu {
	background:#393939 url('/design/bg_top_menu.jpg') top center no-repeat;
	height:90px;
	border-bottom:1px solid #595959;
	min-width:980px;
	position:fixed;
	width:100%;
	top:0;
	z-index:20;
}

.top_menu .menu_icon {
	display:none;
}

.top_menu ul {
	margin:auto;
	padding-top:14px;
	height:76px;
	width:980px;
	list-style-type: none;
	position:relative;
}

.top_menu ul li {
	float:left;
	position:relative;
	display:block;
}

.top_menu ul li a {
	display:block;
	line-height:76px;
	padding-left:19px;
	padding-right:19px;
	color:#e5e5e5;
	font-weight:300;
	font-size:16px;
	text-decoration:none;
	height:76px;
}

.top_menu ul li a:hover {
	color:#ffffff;
}

.top_menu ul li span {
	display:none;
	width:100%;
	max-width:144px;
	height:29px;
	margin:auto;
	margin-top:-5px;
	background:url('/design/activ_menu.png') right top no-repeat;
}

.top_menu ul li.activ span {
	display:block;
}

.for_head {
	margin-top:90px;
	height:200px;
	background:#353535 url('/design/bg_head_inner.jpg') top center no-repeat;
	min-width:980px;
}

.for_head .head {
	width:980px;
	position:relative;
	height:200px;
	margin:auto;
}

.for_head .head a.logo {
	position:absolute;
	top:35px;
	left:25px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.fcbandgoogle {
 vertical-align:middle
}

.for_head .head a.logo img {
	display:block;
	width:330px;
}

.for_head .head .for_red_box {
	bottom:-48px;
}

.for_red_box {
	position:absolute;
	left:0;
}

.for_red_box .red_box {
	width:980px;
	height:91px;
	background:url('/design/red_box.png') top left no-repeat;
	-webkit-filter: drop-shadow(0px -2px 20px rgba(0, 0, 0, 0.4));
  	filter: drop-shadow(0px -2px 20px rgba(0, 0, 0, 0.4));
  	color:#dcdcdc;
  	font-size:22px;
  	font-style: italic;
  	padding-top:30px;
}

.red_box .left_box {
	padding-left:45px;
	float:left;
	font-weight:400;
	font-size:22px;
}

.red_box .right_box {
	padding-right:45px;
	float:right;
}

.for_main_boxes {
	width:980px;
	margin:auto;
	margin-top:52px;
}

.main_box {
	display:block;
	width:312px;
	float:left;
	margin:11px;
	background-color:#f8f8f8;
	height:108px;
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:130px;
	text-decoration:none;
}

.main_box:hover {
	background-color:#ffffff;
}

.main_box#zakladni_technicke_plasty {background-image:url('/design/icon-zakladni-technicke-plasty.png');}
.main_box#zakladni_technicke_plasty:hover {background-image:url('/design/icon-zakladni-technicke-plasty_hover.png');}

.main_box#teflony {background-image:url('/design/icon-teflony.png');}
.main_box#teflony:hover {background-image:url('/design/icon-teflony_hover.png');}

.main_box#polyetyleny {background-image:url('/design/icon-polyetyleny.png');}
.main_box#polyetyleny:hover {background-image:url('/design/icon-polyetyleny_hover.png');}

.main_box#prumyslove_materialy {background-image:url('/design/icon-prumyslove-materialy.png');}
.main_box#prumyslove_materialy:hover {background-image:url('/design/icon-prumyslove-materialy_hover.png');}

.main_box#high_end_plasty {background-image:url('/design/icon-high-end-plasty.png');}
.main_box#high_end_plasty:hover {background-image:url('/design/icon-high-end-plasty_hover.png');}

.main_box#spickove_technicke_plasty {background-image:url('/design/icon-spickove-technicke-plasty.png');}
.main_box#spickove_technicke_plasty:hover {background-image:url('/design/icon-spickove-technicke-plasty_hover.png');}


.main_box#kulatina {background-image:url('/content/vypocty/kulatina2.png');}
.main_box#kulatina:hover {background-image:url('/content/vypocty/kulatina3.png');}
.main_box#hmotnost {background-image:url('/content/vypocty/trubka2.png');}
.main_box#hmotnost:hover {background-image:url('/content/vypocty/trubka3.png');}
.main_box#teplotni_roztaznost {background-image:url('/content/vypocty/roztaznost2.png');}
.main_box#teplotni_roztaznost:hover {background-image:url('/content/vypocty/roztaznost3.png');}
.main_box#obvodova_rychlost {background-image:url('/content/vypocty/rychlost2.png');}
.main_box#obvodova_rychlost:hover {background-image:url('/content/vypocty/rychlost3.png');}


.main_box h2 {
	color:#434343;
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	padding-bottom:15px;
}

.main_box p {
	color:#898989;
	font-size:14px;
	font-weight:600;
	padding-left:30px;
	padding-right:30px;
}

.main_box.no_left_margin_3 {
	margin-left:0;
}

.main_box.no_right_margin_3 {
	margin-right:0;
}

.content_full {
	width:980px;
	margin:auto;
	text-align:left;
}

.content_full h3 {
	background:#e5e5e5;
	height:20px;
	line-height:20px;
	margin-top:15px;
	margin-bottom:30px;
	text-align:center;
}

.content_full h3 span {
	font-weight:600;
	font-size:18px;
	color:#898989;
	display:inline-block;
	background:#efefef;
	line-height:20px;
	height:20px;
	padding-left:25px;
	padding-right:25px;
	text-transform: uppercase;
}

.content_full p {
	font-size:14px;
	color:#434343;
	padding:0 30px 15px 30px;
}

.for_alpha_list {
	background:#dcdcdc;
	min-width:980px;
	padding-top:40px;
	padding-bottom:40px;
}

.for_alpha_list .alpha_list {
	width:978px;
	padding-left:1px;
	padding-right:1px;
	margin:auto;
	text-align:left;
}

.for_alpha_list .alpha_list .two_column {
	width:326px;
	float:left;
}

.for_alpha_list .alpha_list .two_column ul {
	width:133px;
	padding-left:30px;
	list-style-type: none;
	float:left;
}

.for_alpha_list .alpha_list .two_column ul li {
}

.for_alpha_list .alpha_list .two_column ul li.first {
	padding-top:7px;
}

.for_alpha_list .alpha_list .two_column ul li a {
	color:#9d0d15;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}

.for_alpha_list .alpha_list .two_column ul li a:hover {
	text-decoration:underline;
}

.for_footer {
	margin-top:65px;
	background:#4d4d4d;
	min-width:980px;
}

.for_footer .footer {
	width:980px;
	margin:auto;
	padding-top:120px;
	padding-bottom:60px;
	position:relative;
	text-align:left;
}

.for_footer .footer .for_red_box {
	top:-30px;
}

.for_footer .footer .content_box {
	width:262px;
	padding-left:30px;
	padding-right:20px;
	float:left;
}

.for_footer .footer .content_box p {
	color:#dcdcdc;
	font-size:14px;
	padding-bottom:12px;
	font-weight:300;
}

.for_footer .footer .content_box p a {
	color:#ffffff;
} 

.for_video_div {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.for_video_div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}