@import url("reset.css");
@import url("fonty/fonty.css");

body { font-family:  'Tahoma', 'Arial', 'Verdana', sans-serif; 
       font-size: 14px; color: #252525; line-height: 1.5em; position:relative;
       margin: 0; padding: 0; width:100%; min-width: 990px; 
       background:url('/img/bg-menu.jpg') 0 135px repeat-x #fff;}

/*	základní vzhled	*/
h1, h2, h3, h4, h5, h6 { padding: 10px 0px 10px 0px; font-family: 'Roboto', 'Verdana', sans-serif; font-size: 15px; font-weight: normal; color:#007520;}
h1 { font-size: 28px; line-height:34px;}
h2 { font-size: 24px; line-height:30px;}
h3 { font-size: 16px; line-height:22px;}
h4 { font-style: italic; }
p { padding-bottom: 12px; }
#obsah ul, #obsah ol {padding-bottom:15px;}
#obsah p {text-align:justify;}
p.odsazene {padding: 10px 0px 10px 5px;}

.homepage h1 {background: url("/img/logo-male.png") 0px 50% no-repeat transparent; padding-left: 50px; line-height:45px; vertical-align:middle;}

a img {border: none;}
a {color:#007520; text-decoration: underline;}
a:hover, a:active, a:focus {color: #434343;}


sup{font-size:65%; position: relative; top: -0.8em;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}


/* formátování obsahu*/
#levy ul li { background: url("/img/li.png") no-repeat scroll 10px 8px transparent; padding: 2px 2px 1px 25px; list-style-type: none; }
#levy ol li { list-style-type: decimal; margin: 2px 2px 1px 25px; }


/* základní tlačítko */
input.btn, a.btn {
    display:inline-block; box-sizing:content-box; -moz-box-sizing:content-box;
    padding: 10px 16px; border:1px solid #f5f5f5; background-image:none;
    background-color:#007520; cursor:pointer; font-size:1.0em; color:#fff;
}
input.btn:hover, a.btn:hover {background-color:#434343;}

.obal { position: relative; width: 980px; margin: 0 auto; padding:0px 5px; }
/*.hlavni-obal { width: 990px; margin: 0 auto; padding: 0 4px; }*/
.clear { clear: both; }
.skryte, .zahodit { display: none; }
.aktualita { border-bottom: #fffbe5 1px dotted; margin-bottom: 15px; }
.aktualita h3 a { display: inline-block; padding-left: 5px; }

.novinky_1 {padding:10px 0px 0px 0px;}
.novinky_1 h2 {padding:0px; margin:0px; font-size:16px; display:inline;}

/* hlavicka */
#hlavicka{height:195px;position:relative;z-index:999;}
#logo{height:135px; display:block; width:530px;padding:0px 0px 0px 0px;color:#007520;font-family: 'Roboto', 'Tahoma', 'Verdana', sans-serif;
      position:relative;text-decoration:none;font-size:18px;float:left;line-height: 1.0em;}
#logo img {position:absolute;left:0px;bottom:0px; max-width:100%;}
#logo strong { font-family: 'Roboto-BoldCondensed', 'Verdana', sans-serif;color:#434343;font-size:50px;display:block;padding-top:42px;height:40px;font-weight:normal;}
/* pro 1200: width: 340px; padding-left:180; // strong {font-size: 42px; padding-top: 25px;} img: 100%;*/
#search-block {width:380px; height:40px;padding:10px 0px 0px 0px; float:right;background-color:#f5f5f5; overflow:hidden;}
#search-block img{float:left; margin:6px 0px 0px 12px;}
#search {border:1px solid #e0e0e0; float:left; margin:0px 0px 0px 12px;background-color:#ffffff;}
#search-block input {display:block;float:left;border:0px none; background-image:none;background-color:transparent;height:30px;line-height:30px;}
#search-block input.hledat-co {width:160px; padding: 0px 5px 0px 15px; vertical-align:middle;font-family:'Tahoma', 'Arial', sans-serif;color:#007520;}
#search-block input.hledej {width:40px;background:url('/img/hledat-lupa.png') 50% 50% no-repeat transparent;border-left:1px solid #e0e0e0;
                font-size:0px; color:#fff; text-indent:9999px; cursor:pointer;}



#main {background:transparent; padding:170px 0px 30px 0px;
       margin:0px;width:100%;min-height:590px;}

.homepage #main {padding-top:290px; 
    background:url('/img/bg-obsah.jpg') 50% 405px no-repeat transparent; 
}

#main-obal {background-color:#f5f5f5; padding: 0px 20px 20px 20px;}
#levy { width: 65%; float: left; padding:10px 20px 20px 20px; background-color:#fff;border:1px solid #dadada; margin:0px auto;}
#pravy { width: 30%; float: right; margin:0px auto;}
.homepage #main-obal {background-color:transparent; padding:0px 5px 0px 5px;}
.homepage #levy {background-color:transparent; border:0px none; padding:10px 0px 0px 0px;}
.homepage #pravy { padding-top:65px;}

.mobile {display:none;}

h2.nase-vyrobky {background: url("/img/ikona-vyrobky.png") 0px 50% no-repeat transparent; padding-left: 38px;margin:10px 0px 10px 0px; clear:both;}
#nabidka-slider{ height:250px; padding: 2px 40px 2px 40px; position:relative; overflow:hidden;
    border:1px solid #c3c3c3; background-color:#f5f5f5;width:555px; margin:0px auto;}
#nabidka-slider a.slidesjs-navigation {display:block; width:40px; height:76px;
      position:absolute; top:50%; left:0px; background-color:#007520; margin-top:-38px;
}
#nabidka-slider a.slidesjs-previous{background: url('/img/slide-left.png') 50% 50% no-repeat #007520;}
#nabidka-slider a.slidesjs-next{background: url('/img/slide-right.png') 50% 50% no-repeat #007520; left:auto; right:0px;}
#nabidka-slider a.slidesjs-navigation:hover {background-color:#6e6e6e !important;}

#nabidka-slider ul {    width: 9999px; list-style:none;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;}

#nabidka-slider .jcarousel-clip {position: relative;
    overflow: hidden;
    width: 100%; height: 250px;}

#nabidka-slider ul li{width: 278px; float:left; height: 250px; margin: 0px 0px 0px 0px; 
      position:relative; text-align:center; background:none !important;padding:0px !important;}
#nabidka-slider ul li a {display:block; width:100%; height:100%;}
#nabidka-slider ul li img {margin: 0px auto; width:100%; height:auto; }

/* spodek */

.partneri {text-align:center;bottom:20px;}
.partneri .bx-wrapper {padding-top:10px;}
.partneri img {float:left;}
.partneriTitle {background-color:#6e6e6e;color:#fff; padding: 5px 20px 8px 20px; display:inline-block;}
#logo-faurecia img, #logo-electropoli img{ margin:0px 82px;}
#logo-matador img { max-height: 40px !important; position: relative; top: 35px; }

#pata { width: 100%; min-height: 520px; background: url('/img/bg-partneri.jpg') 0 0 repeat-x #f5f5f5; position: relative; z-index: 600; border-top:3px solid #707070;}

#pata-kontakt{background: url('/img/mapa-pata-2024.png') 100% 0 no-repeat #434343; min-height:230px; padding:0px; margin-top: 60px;}

#pata-kontakt .pata-box {width:33%;float:right; text-align:center; color:#fff; padding:20px 0px 0px 0px; font-size:16px;}
#pata-kontakt .pata-box-prostredni {padding:35px 0px 0px 0px; font-family: 'Roboto', 'Tahoma', 'Verdana', sans-serif;}
#pata-kontakt .pata-box ul {padding: 10px 45px 10px 25px;}
#pata-kontakt .pata-box p {padding: 10px 0px 10px 0px;}
#pata-kontakt .pata-box p strong {font-size: 36px; display:block; margin:10px auto; font-weight:normal;
        font-family: 'Roboto-BoldCondensed', 'Tahoma', 'Verdana', sans-serif;}
#pata-kontakt .pata-box li {line-height:40px; vertical-align:middle; padding-left:80px; border-bottom:1px dashed #fff; text-align:left;}
#pata-kontakt .pata-box li.pi-tel { background: url('/img/pata-ico-tel.png') 20px 50% no-repeat transparent;  }
#pata-kontakt .pata-box li.pi-web { background: url('/img/pata-ico-web.png') 20px 50% no-repeat transparent; }
#pata-kontakt .pata-box li.pi-posta { background: url('/img/pata-ico-posta.png') 20px 50% no-repeat transparent;  }
#pata-kontakt .pata-box li.pi-mail { background: url('/img/pata-ico-email.png') 20px 50% no-repeat transparent;  }
#pata-kontakt .pata-box li.pi-facebook { background: url('/img/pata-ico-facebook.png') 24px 50% no-repeat transparent; border-bottom:0px none; }
#pata-kontakt .pata-box li.pi-facebook a { color: white }


#pata .cp-btn, #pata .cpe-btn { display: inline-block; width: 46px; height: 24px; line-height: 24px;background: url("/img/logo-cpedit.png") no-repeat scroll 0 0px transparent; vertical-align: middle; text-decoration: none; }
#pata .cp-btn { width: 110px; background-image: url("/img/logo-czech.png")}
#pata .cp-btn:hover, #pata .cpe-btn:hover { background-position: 0 -24px; }
#pata .autor { clear: both; padding: 10px 10px 10px 10px; color:#6e6e6e; height: 24px; line-height: 24px; width:960px; font-size:13px;}
#pata .autor p {float:left;width:50%;margin:0px;padding:0px;}
#pata .autor-futaba {text-align:right;float:right;display:block;width:50%;}
#pata .autor-futaba strong {color:#434343;}
#pata .autor a {color:#434343;} #pata .autor a:hover,a:focus{color:#6e6e6e;}

#go-home { display: block; width: 70px; height: 70px; position: absolute; left: 50%; top: -35px; 
                 background: url("/img/tl-nahoru.png") no-repeat scroll 0 0 transparent; text-decoration: none; 
                 color:#fff; margin-left:-35px;
}
#go-home:hover { background-position: 0 -70px; }
#go-home span { display: block; text-align: center; padding-top: 31px; text-transform: uppercase; font-size: 12px; }






/* tabulka */
table.tabulka {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; }
.tabulka caption {text-align: left;}
.tabulka th, .tabulka td {padding: .25em .5em;}
.tabulka td, .tabulka th {border: 1px solid #d5d5d5; text-align: left;}
.tabulka tfoot {font-style: italic;}
table.tabulka { margin: 10px 0 30px 0; text-align:center; border-collapse: collapse; vertical-align:middle; }
table.tabulka td p { margin-bottom:5px !important; padding:0px !important; }
table.tabulka tr th, table.tabulka thead tr td { background: #f5f5f5; font-weight:bold; }
table.tabulka tr td { background: /*#FBFBFB*/ transparent; }
table.tabulka tr td.red-text{ color: #F00; }
table.tabulka tr td.blue-text{ color: #009; }
table.tabulka tr:nth-child(2n+2) td {background-color:#f8f8f8;}

h2.akluality {background: url("/img/ikona-aktuality.png") 0px 50% no-repeat transparent; padding-left: 35px;}
.novinka {display:block;border-bottom:1px dashed #666; margin-bottom:8px;}
#pravy .novinka p {font-size:13px; line-height:1.3em;}


h2.mini-logo {background: url("/img/prave-logo.png") 0px 50% no-repeat transparent; padding-left: 45px;}
#pravy-kontakty {color:#007520;}
#pravy-kontakty p {padding: 5px 5px 15px 10px;}
#pravy-kontakty ul {padding-bottom:30px;}
#pravy-kontakty ul li {border-bottom:1px dashed #333; background: url("/img/prave-ico-kontakt.png") 5px 50% no-repeat transparent; padding: 5px 5px 5px 35px;}
#pravy-kontakty ul li.pri-tel {background-image:url("/img/prave-ico-tel.png");}
#pravy-kontakty ul li.pri-posta {background-image:url("/img/prave-ico-posta.png");}
#pravy-kontakty ul li.pri-mail {background-image:url("/img/prave-ico-email.png");}
#pravy-kontakty ul li.pri-web {background-image:url("/img/prave-ico-web.png");}


/* fotky */
#soubory, #fotky, #videa {margin-bottom: 12px;}
#fotky a img { margin: 6px 6px 4px 4px; padding: 5px; background-color: #fff;
    text-align: left; border:1px solid #000;
}
#fotky a:hover img { background-color: #434343; }

/* videa */
#videa a img { margin: 6px 6px 4px 4px; padding: 5px; background-color: #fff;
    text-align: left; border:1px solid #000;
}
#videa a:hover img { background-color: #434343; }

/* fotogalerie / videogalerie */
#main .fg, #main .vg { display: inline-block; margin: 6px 6px 4px 4px; padding: 0; width: 200px; }
#main .fg a img, #main .vg a img { padding: 10px; background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/pie.htc);
    text-align: left;
}
#main .vg a, #main .fg a {color:#252525;}
#main .vg a:hover, #main .fg a:hover {color: #007520;}
#main .fg a:hover img, #main .vg a:hover img { background-color: #007520; }
#main .fg a span, #main .vg a span { display: inline-block; padding: 5px 0 0 40px; background: url("/img/foto.png") no-repeat scroll 0 5px transparent; height: 50px; }
#main .vg a span { background-image: url("/img/video.png"); }
/*
		<div class="fg"><a href="/"><img alt="" src="/img/demo/nahled.png"><span>Toto je nadpis fotogalerie nebo videogalerie</span></a></div>
		
		<h2>Videogalerie</h2>
		<div class="vg"><a href="/"><img alt="" src="/img/demo/nahled.png"><span>Toto je nadpis fotogalerie nebo videogalerie</span></a></div>
*/

/* stránkování */
#strankovani { padding-top: 40px; line-height: 25px; margin: 0px 0px 10px 0px; clear: both; text-align: left; }
#strankovani a{ background-color: #f5f5f5; padding: 3px 8px; text-decoration: none; line-height: 30px; color: #000; border:1px solid #434343;}
#strankovani a:hover, #strankovani .aktivni { background-color: #007520 !important; color: #fff; }


/* kontaktní formulář */
.errInfo { background-color: #cc0000; color:#fff; padding: 10px; margin:0px 0px 5px 0px;}
.errInfo p {padding:3px 0px;}
.okInfo { background-color: #66cc66; color:#000; padding: 10px; }

a.formularKontakt{
    display:inline-block;
	width:265px ;
	line-height: 35px;
	font-size: 15px;
	color: #ffffff;
	padding: 5px 0px;
	margin: 0px;
	text-decoration: none;
        text-align:center;
	border: 1px solid #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #007520;
	behavior: url(/pie.htc);
}
a.formularKontakt:hover{
    background: #434343;
}

#formularKontakt h2 { color:#333; padding: 0px 0px 8px 0px; margin: 0px; }
#formularKontakt { padding: 0px 8px 4px 8px; }
#formularKontakt th { padding: 5px; background-color: #f5f5f5; color: #333; border-bottom:3px solid #FFF; width: 150px; text-align:right; }
#formularKontakt td input[type="text"]{ min-width:200px; margin-left:5px; border: 1px solid #999; }
#formularKontakt td input.odeslat{ width:100px; margin: 5px 0px 0px 0px; }
#formularKontakt td textarea{ width: 370px; border: 1px solid #999; }
#formularKontakt td.center{ text-align:center; }

.cesta {font-size:12px; line-height:13px; text-align:left; color:#848484; padding:10px 0px 10px 0px; overflow:hidden;}
.cesta a.home {display:inline-block; height:13px;width:14px;
      background: url("/img/drobky-home.png") 50% 0px no-repeat scroll transparent;
      font-size:0px; text-indent:9999px;vertical-align: top;
      zoom:1;*display:block;float:left;
}
.cesta a.home:hover{background-position: 50% 100%;}


a.ktitle {text-decoration:none;}
.ktitle h2, h2.ktitle{color:#fff;background-color:#007520;font-size:20px; padding:8px 12px 8px 12px; margin: 22px 0px 0px 0px; line-height:1.4em; }

.kariera h3  {padding:10px 0px 4px 0px;}
.kariera p {padding:0px 0px 4px 0px;}
.kariera {padding:0px 0px 8px 0px;}

.smaller {font-size:90%;}

.kform .kform-title {display:block;margin: 0px 0px 10px 0px; }
.kform .kf-text, .kform textarea {display:block; border:1px solid #dedede; padding: 5px 3px; background-color:#fff;width:94%; margin: 0px 0px 10px 0px; font-family: 'Tahoma', 'Arial', 'Verdana', sans-serif;}
.kform textarea { height: 8em; }

.kform table td{ padding: 5px 10px 5px 0px;}
.kform table td.fname {height: 25px; overflow:hidden;}
.kform input.btn {width:100%; padding:10px 0px;display:block; margin:10px 0px 0px 0px;}
.fileButton {border:1px solid #848484; padding:3px 5px; background-color:#e1e1e1;cursor: pointer;display:inline-block; margin: 0px 5px;}
.fileButton input {display:none;}

.placeholder {color:#ccc;}

.kform .err {border:1px solid #cc0000;}

body img {max-width: 100%; height:auto;}

#animace { position: absolute; width: 100%; height: 404px; left: 0; top: 195px; z-index: 500; }
#animace .animslide {display:none;}
#animace .bx-viewport div.animslide {width: 100%;display:block;}
#animace .bxslider div.animslide img, #animace.bg-holder img {width: 100%; height:auto;}
#animace.bg-holder {z-index:-1;}

#version-change {width:100%; padding:1.2em 0; background-color:#252525; margin-bottom:0.0em; text-align:center;}
#version-change a {padding: 0.4em 1.2em; border:1px solid #000; background-color:#404040;
    -webkit-border-radius: 3px;color:#fff;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}

#partneri .col2ks { display:block; float:left; width: 50%; }
#partneri .col2ks img { float:none; max-width: 100%; display: block; margin:0px auto; }


#partneri .bx-viewport { width: 1100px !important; margin-left: auto; margin-right: auto; }
#partneri .bx-wrapper img { max-height: 110px; }

#hlavniMenu { width: 100%; }

.fbDesktopHeaderIcon svg { margin-top:3px; margin-left: 3px; }

.footerWhiteLink { color: white; }