/*
Theme Name: Trivis Karlovy Vary
Theme URI: https://wordpress.org/themes/twentyten/
Description:
Author: MK Mobiltech
Author URI: https://www.mobiltech.cz
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trivis
*/

* {margin:0;padding:0;}

body {font-family:'PT Sans', sans-serif!important;font-size:14px;color:#797979;}

section#top strong, section#top i {color:#949494;}

header {width:100%;position:relative;z-index:1000;padding:0;background:url('layout/header.jpg') no-repeat;transition: top 0.5s;padding-top:48px;}
header .container {position:relative;}
header h1 {font-size:36px!important;color:#489422;float:left;padding-right:24px;}
#header-bg {width:1174px;height:82px;background:url('layout/header.png') no-repeat;display:block;position:absolute;left:0;top:-3px;}
header a {text-decoration:none;color:#ffffff;} 
header p {font-size:14px;color:#ffffff;display:inline-block;}
header i {padding-left:5px;}
header ul li {list-style:none;color:#848484;}
header span {font-size:24px;color:#b10000;font-weight:bold;margin:16px 0 0 20px;display:inline-block;}
header span#znak {margin:16px 0 15px 15px;}

section#top {width:100%;height:44px;background:rgba(0,0,0,0.7);position:absolute;top:0;}
section#top .col-sm-10 p {font-size:13px;padding:12px 0 0 0px;}
section#top .col-sm-2 {text-align:right;}
section#top .col-sm-2 a {display:inline-block;color:#222222;background:#ffffff;border-radius:2px;padding:4px 18px 4px 8px;font-size:11px;margin-top:6px;margin-right:2px;text-align:center;}
section#top .col-sm-2 i {padding-right:5px;}

header #searchform {width:100%;min-height:40px;margin-top:35px;position:relative;border:1px solid #b9b8b8;background:rgba(255,255,255,0.5);border-radius:3px;}
header #searchform label {display:none;}
header #searchform input#s {width:81%;background:none;border:none;}
header #searchform input#searchsubmit {background:url('layout/search.png') no-repeat center center;position:relative;border:none;padding:5px;color:transparent;border-left:1px solid #e2e2e2;margin-top:5px;}

.menu-uzitecne {margin-top:20px;text-align:right;}
.menu-uzitecne ul li {display:inline-block;padding:0 0 0 10px;text-align:right;}
.menu-uzitecne ul li a {display:block;background:#ffffff;font-weight:bold;padding:6px 15px;border:1px solid #c2c0bc;color:#6c6c6c;text-align:center;border-radius:3px;}
.menu-uzitecne ul li a:hover {text-decoration:none;background:#eeeeee;}

header #logo {margin:8px 0 0 20px;color:#0080a0;font-size:30px;font-weight:800;text-transform:uppercase;float:left;letter-spacing:-0.01em;position:relative;}
header #logo img {display:block;float:left;position:absolute;top:-28px;}

section#slider {width:100%;display:block;clear:both;padding:15px 0;position:relative;}
section#slider .overlay {width:100%;opacity:0.5;min-height:70px;z-index:1000;position:absolute;bottom:0;display:block;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
section#slider img {max-width:100%;}

#background {width:100%;height:1100px;background:url('layout/background.png') no-repeat top center;z-index:-1;position:absolute;top:0;}
  
header .col-sm-2 {position:relative;padding-top:5px;}  
header .mechanik img {position:absolute;top:-30px;}                                

header.f-nav {min-height:60px;} 
header.f-nav .mechanik img {display:none;}
header.f-nav #logo {margin:25px 0 15px 0;}
header.f-nav #logo img {max-width:90%;}
header.f-nav nav {margin-top:26px;}
header.f-nav p {padding:37px 0 0 12px;}

.f-nav {z-index:9999!important;position:fixed!important;left:0!important;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;	top:0!important;width:100%!important;box-shadow:1px 1px 30px 1px rgba(0,0,0,0.2);display:block;background:rgba(255,255,255,1)!important;}

header .uzitecne-col, section#top .col-sm-2 {padding-right:0!important;}

nav {width:100%;height:50px;display:block;background: #ff0000;
background: -moz-linear-gradient(top, #ff0000 0%, #b10000 100%);
background: -webkit-linear-gradient(top, #ff0000 0%,#b10000 100%);
background: linear-gradient(to bottom, #ff0000 0%,#b10000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b10000',GradientType=0 );border-bottom:2px solid #ff0000;}
nav .container {position:relative;padding:0 35px;}
nav ul {margin:0!important;}
nav i {padding-right:5px;}
nav ul li.first-menu-item a {padding:6px 10px 6px 0px;}

nav .menu-header ul, div.menu ul {list-style:none;margin:0;}
nav .menu-header li, div.menu li {float:left;position:relative;}
nav a {color:#ffffff!important;display:block;line-height:38px;padding:6px 10px;text-decoration:none!important;border-right:1px solid rgba(0,0,0,0.1);text-transform:uppercase;}
nav ul ul {display:none;position:absolute;top:47px;left:0;float:left;width:200px;z-index:99999;}
nav ul ul li {min-width:200px;}
nav ul ul ul {left:100%;top:0;}
nav ul ul a {background:#b10000;line-height:1em;padding:10px;height:auto;text-transform:none!important;border-top:1px solid rgba(0,0,0,0.1);}
nav li:hover > a, nav ul ul :hover > a {background:#b10000;color:#fff;text-decoration:none;} 
nav ul li:hover > ul {display:block;}
nav ul.sub-menu li a:hover {background:#910000;color:#ffffff;}


/*nav ul li {float:left;position:relative;list-style:none;padding:6px 0 0 0;}
nav ul li a {color:#ffffff!important;font-weight:normal;text-decoration:none!important;font-size:14px;display:block;padding:8px 11px;text-transform:uppercase;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
nav ul li a:hover {background:#e6720e;text-decoration:none;}

nav ul.sub-menu li a {font-size:14px!important;}
nav ul.sub-menu li a:hover {background:rgba(255,255,255,0.1);text-decoration:none;}

nav ul.sub-menu {padding:1px 0;text-align:left;}
nav ul.sub-menu li a {font-size:14px!important;}
nav ul.sub-menu li a:hover {background:#cccccc;color:#ffffff;}

nav ul ul {visibility:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:600ms ease;-moz-transition:600ms ease;-o-transition:600ms ease;transition:600ms ease;position:absolute;top:45px;left:0;float:left;width:180px;z-index:99999;padding-top:10px;}
nav ul ul li {max-width:185px;padding-top:0;}
nav ul ul ul {left:100%;top:0;}
nav ul ul a {background:#eeeeee;text-transform:none!important;color:#222222!important;line-height:1em;padding:10px;width:200px;height:auto;}     
nav ul ul a:hover:before {display:none!important;}
nav ul li.current_page_item ul a:before {display:none!important;}
nav ul li:hover > ul {visibility:visible;opacity:1;filter:alpha(opacity=100);}
nav ul li:hover > ul li a {background:#eeeeee;color:#ffffff;border:none;}   */

section#novinky {width:100%;height:40px;color:#ffffff;}
section#novinky #wrapper-novinky {background:#fff000;border-radius:3px;display:block;min-height:40px;margin-top:7px;}
section#novinky ul {padding:10px 0 0 10px;width:100%;}
section#novinky ul li {float:left;list-style:none;padding:0 5px;}
section#novinky ul li a {color:#000000;text-decoration:underline;font-weight:bold;}
section#novinky ul li a:hover {text-decoration:none;}


section#onas {width:100%;padding:25px 0 45px 0;}
section#onas p {font-size:14px;color:#4a4a4a;text-align:justify;padding-bottom:15px;}

section#produkty {width:100%;background:#f2f2f2;padding:25px 0 45px 0;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {}
.tab-content {background:#ffffff;border:1px solid #dddddd;border-top:none;font-size:14px;padding:25px;}
.tab-content p {font-size:14px;}
.nav-tabs>li>a {border-radius:0!important;background:#d5d5d5;color:#474747;text-transform:uppercase;border-right:1px solid #009cde!important;padding:15px!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {color:#009cde!important;border-right:1px solid #dddddd!important;}

.maincontent {padding:0!important;border-radius:10px;background:#ffffff url('layout/content.png') no-repeat top center;box-shadow:0 0 0 3px #ffffff inset;border-bottom:5px solid #3b302c;background-size:100%;margin-top:20px;}

section#onas .col-sm-4 img {max-width:99%;border:5px solid #549bd1;}
section#onas .entry-title {margin-top:45px;}
section h2 {color:#009cde!important;font-weight:bold;font-size:24px;margin-bottom:80px;position:relative;}
section h2 span {font-weight:700;}
section h2:after {position:absolute;width:15%;height:1px;content:"";background:#ffffff;border-bottom:1px solid #009cde;display:block;bottom:-35px;margin:auto;left:1px;}

section#kontakt {padding:30px 0 45px 0;text-align:center;}
section#kontakt a {color:#f26522;border-bottom:1px solid #f26522;}
section#kontakt a:hover {color:#f26522;text-decoration:none;border:none;} 

.hentry {}
.entry-title {color:#454545;font-size:24px;font-weight:bold;border-bottom:1px solid #9c9c9c;padding-bottom:20px;margin-bottom:20px;}
.entry-title a {color:#454545!important;text-decoration:none;}
.entry-meta {padding:15px 0 25px 0;color:#454545;}
.entry-meta, .entry-meta a {color:#454545;font-size:14px;font-weight:bold;}
.entry-meta a:hover {color:#371818;}
.entry-content {color:#454545;line-height:24px;font-size:15px;text-align:justify;}
 
.entry-content p {padding:5px 0;}
.entry-content ul, .entry-content ol {margin-left:20px;}
.entry-content ul li {padding:5px 0;}
.entry-content h2 {color:#b10000;font-size:20px;margin:15px 0 15px 0;}
.entry-content h3 {color:#b10000;font-size:18px;margin:15px 0 15px 0;}
.entry-content a {color:#b10000;font-weight:bold;}
.entry-content a:hover {color:#b10000;}

.entry-content table {margin:20px 0;width:100%;}
.entry-content table tr td {padding:10px 5px;border:none;background:#eeeeee;border:1px solid #ffffff;text-align:center;}
.entry-content table tr th {padding:10px 5px;border:none;background:#8c6a44;border:1px solid #ffffff;text-align:center;color:#ffffff;}

#nadrazena_navigace {width:100%;display:block;margin:0;overflow:hidden;clear:both;}
#nadrazena_navigace li {float:left;list-style:none;margin-right:10px;margin-bottom:10px;}
#nadrazena_navigace li a {display:block;background:#eeeeee;color:#444444;text-align:center;padding:15px 25px;text-decoration:none;font-weight:bold;font-size:18px;}
#nadrazena_navigace li a:hover {background:#cccccc;}

.edit-link {display:block;clear:both;}

.single-galerie .entry-meta {display:none;}

.gallery-item {float:left;margin:10px 15px 0 0;}
.gallery-item img {border:5px solid #eeeeee;}
.gallery-item img:hover {border:5px solid #dddddd;}

.image img {border:5px solid #eeeeee;}
.image img:hover {border:5px solid #dddddd;}

.col-sm-6 .seznam {color:#555556;text-transform:uppercase;padding:50px 0 0 45px;}
.col-sm-6 .seznam ul li {margin:25px 0 0 40px;position:relative;list-style:none;padding-left:20px;font-size:18px;}
.col-sm-6 .seznam ul li:before {content:"\f105";font-family: FontAwesome;left:-5px;position:absolute;top:0;color:#555556;}

#undercontent h2 {background:#e5e5e5;display:block;text-align:center;color:#454545;text-transform:uppercase;font-size:18px;font-weight:bold;padding:15px 15px;}
.partneri ul {text-align:center;margin:auto;}
.partneri ul li {display:inline-block;list-style:none;text-align:center;margin:15px;}

#content,#archiv {margin-top:20px;min-height:350px;}
#archiv .entry-title {text-transform:uppercase;position:relative;}
#archiv .entry-title a#odkazarchiv {display:inline-block;float:right;color:#ffffff!important;font-size:11px;font-weight:normal;text-decoration:none;padding:8px 30px;border-radius:2px;background:#b10000;margin-bottom:3px;}
#archiv .entry-title img {display:block;position:absolute;right:185px;bottom:19px;}
#archiv .entry-title i {padding-right:6px;}
#archiv ul li {list-style:none;padding:10px 0 0 0;}
#archiv ul li span {display:inline-block;background:#e5e5e5;font-weight:bold;font-size:10px;color:#454545;padding:5px 20px;text-align:center;margin-right:15px;min-width:93px;}
#archiv ul li a {color:#454545;text-decoration:none;}
#archiv ul li a:hover {text-decoration:underline;}

.page-template-page-kontakt #content {min-height:450px;}

#primary {}
#primary li {list-style:none;}
#primary #text-3 {margin:30px 0;}
#primary #text-3 p, #primary #text-2 {text-align:center;}
#primary .divize {background:#ffffff;display:block;border:1px solid #d6d6d6;border-bottom:3px solid #4b1811!important;position:relative;padding:12px 20px;text-align:right;margin:15px 0;font-size:14px;font-weight:bold;color:#4b1811;}
#primary a {text-decoration:none!important;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
#primary .divize:hover {background:#eeeeee;}
#primary .divize img {max-width:14%;position:absolute;left:10px;top:-2px;}
#primary .widget-title {display:block;background: #0f86c7;
background: -moz-linear-gradient(top, #0f86c7 0%, #00629a 100%);
background: -webkit-linear-gradient(top, #0f86c7 0%,#00629a 100%);
background: linear-gradient(to bottom, #0f86c7 0%,#00629a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f86c7', endColorstr='#00629a',GradientType=0 );padding:10px 5px;line-height:24px;border-bottom:3px solid #007ec4;text-align:center;font-size:18px;color:#ffffff;text-transform:uppercase;}
#primary h3 {margin-top:0;margin-bottom:3px;}
#primary ul li a {background:#eaeaea;display:block;padding:8px 15px;text-decoration:none;font-size:14px;color:#404040;text-align:center;font-weight:bold;text-transform:uppercase;margin-bottom:3px;}
#primary ul li a:hover {background:#dddddd;}
#primary ul li#menu-item-31 a {border-bottom:3px solid #000fa1;}
#primary ul li#menu-item-32 a {border-bottom:3px solid #2e62e7;}
#primary ul li#menu-item-33 a {border-bottom:3px solid #00b0dc;}
#primary ul li#menu-item-34 a {border-bottom:3px solid #00bb0d;}
#primary ul li#menu-item-35 a {border-bottom:3px solid #ffea00;}
#primary ul li#menu-item-36 a {border-bottom:3px solid #ff9600;}
#primary ul li#menu-item-37 a {border-bottom:3px solid #ff0000;}
#primary ul li#menu-item-38 a {border-bottom:3px solid #39008f;}
#primary ul li#menu-item-39 a {border-bottom:3px solid #000fa1;}
#primary ul li#menu-item-40 a {border-bottom:3px solid #000fa1;}
#primary ul li#menu-item-41 a {border-bottom:3px solid #2e62e7;}
#primary ul li#menu-item-42 a {border-bottom:3px solid #006299;}
#primary ul li#menu-item-43 a {border-bottom:3px solid #006299;}
#secondary {text-align:center;padding-bottom:15px;}
#secondary .widget-title {background:#3684af;color:#ffffff;font-weight:bold;font-size:14px;text-transform:uppercase;padding:10px;margin:5px 5px 15px 5px;}
#secondary li {list-style:none;color:#333333;line-height:24px;font-size:14px;}
#secondary .widget-container {background:#d9e8f0;border:1px solid #006299;border-bottom:3px solid #006299!important;border-radius:3px;}

section#kontakty {text-align:justify;padding:25px 0 15px 0;}
section#kontakty ul li {line-height:24px!important;list-style:none;color:#797979;}
                                  
#kontaktni-fomular {padding:20px;}
.wpcf7 {text-align:center;display:block;margin:50px auto;}
.wpcf7 p {text-align:justify;}
.wpcf7 .textace {padding:15px 35px;text-align:justify;}
span.wpcf7-list-item {margin:0!important;}
.wpcf7 .wpcf7-form {text-align:center;margin-top:25px;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {width:95%;border:none;padding:12px 15px;overflow:hidden;color:#555555;border:1px solid #cccccc;margin:-5px auto;display:block;}
.wpcf7 textarea {height:160px;border:1px solid #cccccc;}
.wpcf7 input[type="text"]:hover, .wpcf7 input[type="email"]:hover, .wpcf7 textarea:hover {}
.wpcf7 input[type="submit"] {width:200px;border:none;background:#555555;padding:10px 15px;color:#ffffff;text-align:center;display:block;margin-top:15px;text-transform:uppercase;font-weight:300;}
.wpcf7 input[type="submit"]:hover {background:#333333;}
.wpcf7 ::-webkit-input-placeholder {text-transform:uppercase;}
.wpcf7 ::-moz-placeholder {text-transform:uppercase;}
.wpcf7 :-ms-input-placeholder {text-transform:uppercase;}
.wpcf7 :-moz-placeholder {text-transform:uppercase;}

.page-id-44 .entry-content {line-height:25px;}

footer {width:100%;min-height:255px;background: #b10000;
background: -moz-linear-gradient(top, #b10000 0%, #ff0000 100%);
background: -webkit-linear-gradient(top, #b10000 0%,#ff0000 100%);
background: linear-gradient(to bottom, #b10000 0%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10000', endColorstr='#ff0000',GradientType=0 );padding:20px 0 50px 0;overflow:hidden;font-size:14px;color:#ffffff;margin-top:40px;}

footer h2 {color:#ffffff!important;text-transform:uppercase;font-size:60px;font-weight:300;margin-bottom:95px;position:relative;}
footer h2 span {font-weight:700;}
footer h2:after {position:absolute;width:15%;height:1px;content:"";background:transparent;border-bottom:3px solid #bdbdbd;display:block;bottom:-55px;margin:auto;left:4px;}

footer ul {padding-top:15px;}
footer li {list-style:none;line-height:20px;}
footer .widget-title {text-transform:uppercase;color:#ffffff;font-weight:bold;font-size:14px;margin-bottom:15px;}
footer a {color:#ffffff;}
footer a:hover {text-decoration:underline;color:#ffffff;}
footer #null {padding-top:40px;}

footer #first {padding-top:50px;}

section#bottom {width:100%;height:59px;padding:20px 0 0 0;overflow:hidden;clear:both;background:#ffffff;color:#222222;font-size:14px;font-weight:300;}
section#bottom .col-sm-3 p {text-align:right!important;}
section#bottom img {display:inline-block;margin-left:5px;boirder:none;}
section#bottom a {color:#222222;text-decoration:none;font-weight:bold;}
section#bottom a:hover {color:#222222;text-decoration:none;}
                
@media (max-width: 768px) { 

body {background:none;}

section#top {position:relative;height:auto!important;}
section#top .col-sm-9 p {padding:12px 0 0 0;}
section#top .col-sm-2 a {margin-bottom:10px;}

header {background-size:cover;height:auto!important;padding-top:0!important;padding-bottom:10px;}
header i {padding-left:0!important;}

section#novinky {display:none;}

section h2 {font-size:24px;}
footer h2 {font-size:24px;}

#logo {margin:0 auto!important;display:block;text-align:center;float:none!important;}
#logo img {float:none!important;text-align:center;margin:auto;position:relative!important;top:auto!important;}

header span {display:inline-block;text-align:center;float:none!important;}

#archiv .entry-title img {display:inline-block;position:relative!important;right:auto!important;bottom:auto!important;text-align:center;margin:4px 0 0 0!important;}
#archiv .entry-title {text-transform:uppercase;position:relative;border:none!important;display:block;}
#archiv .entry-title a#odkazarchiv {display:inline-block;text-align:center;float:none!important;color:#ffffff!important;font-size:11px;font-weight:normal;text-decoration:none;padding:8px 30px;border-radius:2px;margin:10px auto!important;}
#archiv .entry-title i {padding-right:6px;}

header h1 {float:none;clear:both;padding:0!important;}
#content {margin:auto;width:90%;margin-top:60px;}

#slider {display:none;}

.f-nav {position:relative!important;left:auto!important;top:auto!important;}
 
nav {display:none!important;}
.dropdown-wrap, .dropdown {display:block!important;font-size:18px!important;} 
.dropdown {margin:10px;} 
.btn {background:#b10000!important;color:#ffffff!important;width:99%;height:50px;font-size:18px!important;padding:10px 25px!important;margin-top:25px;}   
.dropdown-menu {width:100%;padding:0 20px!important;} 
.dropdown-menu .sub-menu {background:#eeeeee;}
.dropdown-menu a {font-size:16px;padding:10px!important;color:#555555!important;}
.wpcf7 input[type="text"],.wpcf7 input[type="email"] {width:100%;}
.dropdown-menu li {list-style:none;line-height:32px;}

.col-sm-6 .seznam {padding-left:5px;}


}