/*-----------------------------------------------------------------------------------
 
Theme Name: LTP - technika a díly, s.r.o.
Theme URI: 
Description: Šablona pro firmu LTP - technika a díly, s.r.o.
Author: Josef Janeček
Author URI: http://kernels.cz
Version: 2
 
-----------------------------------------------------------------------------------*/

@charset "utf-8";
@import url("css/fonts.css");
body {margin: 0px; padding: 0px; background: silver no-repeat center center fixed; font-family: Arial, helvetica, sans-serif;}
body a {text-decoration: none;}
table {width: 100%; margin-top: 10px; border: none; background: rgba(0, 0, 0, 0.1); box-sizing: border-box; color: black;}
table tr td {padding: 5px;}
table tr:nth-child(odd) {background: rgba(200, 200, 200, 0.5);}
table tr:nth-child(even) {background: rgba(200, 200, 200, 0.25);}
table tr:hover {background: rgba(255, 255, 255, 0.5);}
#header h1, #header h1 a {color: navy; font-family: Arial, helvetica, sans-serif; text-shadow: 2px 2px 4px black; text-transform: uppercase; text-decoration: none; font-size: 180%; text-align: right;}
#header h1 a {font-family: 'Comic Sans MS', Arial, helvetica, sans-serif;}
#header h1 i {display: block; color: #73C43B; text-align: right; text-shadow: -1px -1px 0 #111; font-size: 60%;}
#top {text-align: left; background: rgba(255, 255, 255, 0.8); padding: 0px 0px 0px 1%; clear: both;}
#site {float: right; padding-right: 1%;}
#logo {padding-top: 10px;}
#fixedMenu {position: fixed; top: 0px; left: 0px; right: 0px; background:#090909; z-index: 1000;}
#lang, #fixedMenu {text-align: right; text-transform: uppercase; padding: 0% 1% 0% 1%; background: rgba(255, 255, 255, 0.85);}
#lang img:hover, #fixedMenu img:hover {position: relative; top: 2px;}
.catalogue, .catalogue a {background: #FF4500; color: #262626;}
.inquiry, .inquiry a, .inquiry-link, .inquiry-link a, #right-sidebar div .inquiry a {background: orange; color: blue;}
.inquiry-link, .catalogue {float: left; position: relative; top: 5px; font-size: 18px; margin-right: 10px;}
.inquiry-link a:hover, .catalogue a:hover, .menu-button a:hover {text-decoration: underline;}
#menu-button, .menu-button-empty, #right-sidebar-button, #inquiry-button {display: none; text-align: center; margin: 0px; padding: 10px 0px 10px 0px; background: rgba(255, 255, 255, 0.9); width: 100%;}
.menu-button-empty {background: transparent;}
.menu-button {position: relative; top: 5px; font-size: 18px;}
.menu-button a {color: black;}
#menu-button a, #right-sidebar-button a, #inquiry-button a {color: black; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#nav {width: 100%; background-color: rgba(0, 0, 0, 0.9);}
#nav ul, #nav ul a {border: none; list-style-type: none; margin: 0px; padding: 0px; text-decoration: none; text-align: center;}
#nav ul {padding: 0px 10px 0px 0px;}
#nav li {border: none; display: inline-block; margin: 0px; padding: 10px 0px 10px 15px; background-color: transparent; font-family: Arial; text-transform: uppercase;}
#nav li a {color: #C0C0C0; background-color: transparent;}
#nav li a:hover {color: red;}
#nav .current_page_item a:link, #nav .current_page_ancestor a:link, #nav .current_page_item a:visited, #nav .current_page_ancestor a:visited, #nav .sfHoverForce a:link, #nav .sfHoverForce a:visited {color: red; font-weight: bold;}
#nav ul ul {display: none; background: transparent;}
#subnav {width: 100%;}
#subnav ul, #subnav ul a {margin: 0px; padding: 0px; border: none; list-style-type: none; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0.75);}
#subnav ul {padding: 0px 5px 0px 0px; border-top: 1px solid orange;}
#subnav li {border: none; display: inline-block; margin: 0px; padding: 5px 0px 5px 15px;}
#subnav li, #subnav li a, #subnav .current_page_item ul a:link, #subnav .current_page_item ul a:visited, #subnav .current_page_ancestor li a:link, #subnav .current_page_ancestor li a:visited {border: none; background-color: transparent; color: white; display: inline-block; font-size: 90%; font-weight: normal; text-align: left; white-space: nowrap;}
#subnav li a:first-letter, .name:first-letter, #nav ul li a:first-letter {text-transform: capitalize;}
#subnav li a:hover, #nav .children li a:hover, #subnav li a:hover, #subnav .children li a:hover {color: violet;}
#subnav .current_page_item a:link, #subnav .current_page_ancestor a:link, #subnav .current_page_item a:visited, #subnav .current_page_ancestor a:visited, #nav ul ul .current_page_item > a:link, #nav ul ul .current_page_item > a:visited {color: violet; font-weight: bold;}
#subnav ul .children .current_page_item > a:link, #subnav ul .children .current_page_item > a:visited {color: violet; font-weight: bold;}
#subnav ul ul {display: none; position: absolute; z-index: 10; font-size: 18px; margin-top: 5px; padding: 4px; text-align: left; min-width: 75px; border-top: none;}
#subnav ul li:hover > ul {display: block;}
#subnav ul ul ul {position: static; background: transparent; display: block;}
#subnav ul ul li {display: block; padding: 0px 5px 4px 5px;}
#nav ul ul li, #nav ul ul li a, #nav .children a:link, #nav .children a:visited {font-weight: normal; color: white; font-family: Arial; text-transform: none;}
#content {width: 70%; box-sizing: border-box; margin: 10px 0% 10px 1%; padding: 10px; border: 3px solid #4a4646; border-radius: 6px; background: rgba(180, 176, 157, 0.8); line-height: 1.5em;}
#content ul, #content p {margin: 0px 0px 2px 0px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin: 0px; padding: 0px 0px 10px 0px; font-weight: normal; letter-spacing: 1px; }
#content h1, #content h2, #content h3 {font-size: 18pt; font-weight: bold;}
#content p {text-align: justify; padding-bottom: 10px;}
#content p img {padding-right: 5px;}
#content ul, #content ol {margin: 10px 0px; padding: 0px;}
#content li {margin-left: 30px;}
#content a {color: blue; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#content a img {background: rgba(0, 0, 0, 0.02);}
#content a img:hover {background: rgba(0, 0, 0, 0.1);}
#content .inline {float: left;}
#content .inline h2 {color: red;}
#content .gallery-item {float: left; margin: 0px 10px 0px 0px; }
img {max-width: 100%; height: auto;}
form {display: inline;}
fieldset {padding:10px;}
#content input, #content textarea {color: navy;}
input, textarea, select {border: 1px solid gray; margin-bottom: 3px; font-family: Arial, helvetica, sans-serif; padding: 4px; border-radius: 6px;}
input {width: 100%; box-sizing: border-box;}
input[type=checkbox], input[type=number], #content input[type=radio], #content input[type=file], #content input[type=submit], #content input[type=button] {width: auto;}
input[type=checkbox], input[type=radio] {width: 20px; height: 20px;}
@-moz-document url-prefix() {input[type=checkbox], input[type=radio] {width: auto; height: auto; transform: scale(1.5);}}
#content .upload {border: 1px solid gray; border-radius: 6px; padding: 5px;}
#content .upload .delfile {border-radius: 0px; font-weight: bold; color: red; padding: 1px 5px 1px 5px;}
#content .upload input[type=file] {border: none;}
.small-input-text {width: 150px;}
textarea {width: 100%; box-sizing: border-box;}
input.button {color:#333333; font-size:16px;}
input.button:hover {color: purple;}
input.button:active {color: red;}
input:hover, textarea:hover, select:hover {border: 1px solid purple;}
input:focus, textarea:focus {border: 1px solid red;}
#content input[type=submit] {color: black; font-weight: bold; padding: 10px;}
#content .machine_translate {width: 100; margin: -9px -9px 10px -9px; padding: 10px 0px 10px 0px; background: white; color: red; text-align: center; font-weight: bold; font-size: 20px;}
#right-sidebar {word-wrap: break-word; width: 27%; box-sizing: border-box; float: right; margin: 10px 1% 10px 0px; padding: 10px; background: rgba(0, 0, 0, 0.5); border: none; border-radius: 6px; box-shadow: -1px -1px 2px #111; color: #cccbc4; text-shadow: 0 0 1px #666;}
#right-sidebar div {font-size: 18px; color: #B0E0E6;}
#right-sidebar div a {color: #87CEEB}
#right-sidebar div div, #right-sidebar p {margin: 10px 2% 10px 2%;}
#right-sidebar input {width: 63%; margin: 0% 0% 0% 2%;}
#right-sidebar input#searchsubmit {width: 30%;}
#right-sidebar div div div p, #right-sidebar input[type=checkbox] {margin: 0px; width: auto;}
#right-sidebar select {margin: 5px 2% 5px 2%; width: 96%;}
#right-sidebar h2 {border-bottom: 2px solid #FFF; margin: 10px 2% 10px 2%; padding: 10px 10px 0px 0px;}
#right-sidebar h2, #right-sidebar h2 a {color: #E1E0D7; font-weight: bold; font-size: 32px; text-align: left;}
#right-sidebar a {color: blue; text-decoration: none;}
#right-sidebar a:hover {text-decoration: underline;}
#right-sidebar h2:hover, #right-sidebar h2 a:hover {color: white; text-decoration: none;}
.screen-reader-text {display: none;}
#footer {clear: both; text-align: left; padding: 10px; background-color: black; color: white; font-family: Arial; font-size: 18px;}
#author {float: right; text-align: right; font-weight: 500; background-color: black; font-family: Gunny Rewritten, Times New Roman;}
#author a {color: silver; text-decoration: none;}
#author a:hover {text-decoration: underline;}
#scrollToTop {position: fixed; bottom: 15%; right: 10px; padding: 20px; text-align: center; font-size: 200%; border-radius: 20px; border: none; background-color: rgba(0, 0, 0, 0.75); color: white; border: 1px solid white;  text-decoration: none; display: none;}
#marquee-pictures img {max-height: 200px;}
/*television*/
@media screen and (min-width: 1800px) {
	#right-sidebar {width: 467px; margin-left: 15px;}
	#content {width: auto; overflow: hidden;}
}
/*mobile*/
@media screen and (max-width: 767px) {
#header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;}
#logo {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;}
#site {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;}
#menu-button {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;} 
#nav {
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-ms-flex-order: 4;
-webkit-order: 4;
order: 4;}
#subnav {
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-ms-flex-order: 5;
-webkit-order: 5;
order: 5;}
#header h1, #header h1 a {text-align: center; font-size: 120%;}
#header h1 i {text-align: center; font-size: 70%;}
#top {text-align: center;}
#site {padding: 0px 10px 0px 0px; float: none;}
#logo {display: block; text-align: center; padding: 10px;}
#logo-space {display: none;}
#lang {text-align: center; padding-right: 10px;}
#inquiry-link {display: none;}
#inquiry-button {display: block;}
#catalogue-link {display: none;}
#subnav {display: none;}
#nav {float: none; margin: 0px; padding: 0px 0px 15px 0px;}
#nav ul, #nav ul a {padding: 0px 15px 0px 15px; text-align: left;}
#nav ul a {border-width: 0.1em; border-style: none none dotted none;}
#nav .current_page_item > a:link, #nav .current_page_item > a:visited {border-width: 0.15em;}
#nav ul ul {padding-left: 15px; padding-right: 0px;}
#nav li {margin: 0px; padding: 0px;}
#nav li a {margin: 0px; padding: 15px 0px 15px 0px;}
#nav ul a:hover, #nav ul ul a:hover {padding-left: 5px;}
#nav li, #nav li a {display: block; background: transparent;}
#nav .current_page_ancestor ul, #nav .current_page_item ul {display: block;}
/*#nav ul ul ul, #nav .current_page_ancestor ul ul, #nav .current_page_item ul ul {display: none;}*/
#content {font-size: 130%;}
#content, .table {overflow-x: auto;}
img {max-width: 100%; height: auto;}
#content input[type=text], #content input[type=email], #content input[type=number], #content input[type=checkbox], #content input[type=radio], #content input[type=submit], #content select, #content textarea, #content .upload .delfile {font-size: 105%;}
#content .searchform input, #content .searchform input[type=text], #content .searchform input[type=submit] {width: 100%; margin: 1px 0px;}
#content p {text-align: left;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {text-align: center;}
#content {width: auto; margin: 10px 5px 5px 5px; padding: 10px; clear: both;}
#content .inline {float: none;}
#content .inline h1, #content .inline h2, #content .inline h3, #content .inline h4, #content .inline h5, #content .inline h6 {text-align: left;}
#content .gallery-size-thumbnail {text-align: center;}
#content .gallery-item {float: none; margin: 0px 0px 5px 0px;}
#right-sidebar {word-wrap: normal; overflow-x: auto; width: auto; margin: 0px; float: none; background: rgba(0, 0, 0, 0.9); border: none; border-radius: 0px; box-shadow: none;}
#right-sidebar-button, #menu-button {display: block;}
#footer {text-align: center;}
#author {display: block; float: none; text-align: center;}
#marquee-pictures {display: none;}
}