html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -mox-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}     

html, body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  -ms-overflow-style: scrollbar;
 } 
          
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
    display:block;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a:hover {
    text-decoration: underline
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 5px;
}
:focus {
    outline: none
}

a:active,
a:hover {
  outline: 0;
}

/*
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
*/

.cleaaar {clear: both; }

/*
 * Base styles
 * --------------------------------------------------*/
body {
    background-color: #f0f1f1;
    color: #333;
    font: 100%/1.5em Arial, Helvetica, serif;
}
p,
ul,
ol {
    margin-bottom: 1em;
}

sup {
    vertical-align: super;
    font-size: 14px;
}

/* Typography */
#hlram {
 background-color: #fff;
 max-width:112.5em;  /*1800px / 16px */
 margin: 0px auto;
}
header, main, footer, .section {
margin: 0px auto;
}

main, footer, .section {
max-width:112.5em;  /*1800px / 16px */
}

main {
  position: relative;
}

@media only screen and (max-width: 1200px) {
#hlram {
max-width:none;
}

}

/*
 * Hlavicka
 * --------------------------------------------------*/

 
header{
left: 0;
top: 0;
position:fixed;
width:100%;
height: 302px; 
border-bottom:1px solid #EDEDEE;
background-color: #fff;
z-index:50;
}


header .box1800 {
 margin:0 auto;
 max-width:112.5em; /* 1800px / 16px */
 background-color: #fff;
}

header .box1 {
height: 150px; 
}

header .cleer {
clear:both;
}


header .box23 {
height: 150px; 
border-top:1px solid #EDEDEE;
}


header .logo {
float: left;
position:relative;
top:3.75em;  /*60px / 16px */
left:3.75em; /*60px / 16px */
max-width: 305px;
z-index:100;
}

header .logo img { 
max-width: 305px;
float:left;
z-index:100;
}

header .logo a img{
z-index:100;
}


header .box-nafta { 
position:relative;
float:right;
background-image: url(../img/cena-nafty-bg.png); background-position: center top ; background-repeat: no-repeat;
display:block;
text-align:center;
color: #fff;
width: 300px; /* 300px / 16px */
height: 150px; /* 150px / 16px */
border-bottom:1px solid #373896;
}

header .box-nafta p { 
font-size:1em; /* 16px / 16px */
margin:8px 0 5px 0;
padding:0;
text-align:center;
}
header .box-nafta h3 { 
font-size:1.25em; /* 20px / 16px */
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}

header .box-nafta .box-nafta-inner { 
padding: 40px 35px;
}

header .box-nafta div.left-border { 
background-image: url(../img/cena-nafty-left-border.png); background-position: center top ; background-repeat: no-repeat;
display:inline-block;
width: 30px; /* 30px / 16px */
height: 70px; /* 70px / 16px */
float:left;
}

header .box-nafta div.text { 
display:inline-block;
width: 170px; /* 170px / 16px */
float:left;
}

header .box-nafta div.text a {
	color:#fff;
	text-decoration: none;
}
header .box-nafta div.text a:hover {
color: #ccc;
}


header .box-nafta div.right-border { 
background-image: url(../img/cena-nafty-right-border.png); background-position: center top ; background-repeat: no-repeat;
display:inline-block;
width: 30px; /* 30px / 16px */
height: 70px; /* 70px / 16px */
float:left;
}

header .box-jazyky {
/*text-align:center;*/
float:right;
width:150px;height:150px;
margin-right:1px;
border-right: 1px solid #fff;
}

.fadein img{
opacity:0.5;
transition: 1s ease;
}


header .box-jazyky a img {
	opacity:1;
	transition: 1s ease;
}

header .box-jazyky a:hover img {
	opacity:0.6;
	transition: 1s ease;
}

ul.jazyk {
    text-transform: uppercase;
	font-size: 18px;
    list-style: none;
}

ul.jazyk li {
display: inline-block;
margin-right: 22px;
height: 150px;
line-height: 150px;
}

ul.jazyk li a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #B1B3B4;
	 padding:20px 19px;
	 border:1px  solid #B1B3B4;
	 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -webkit-border-radius: 5px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px; 
   /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   border-radius: 5px;
    font-weight: 500;
}

ul.jazyk li.active a {
 color: #212492;
	 border:1px  solid #212492;

}

ul.jazyk li a:hover {
 border:1px  solid #212492;
 color: #212492;
}


/*
 * Obsah
 * --------------------------------------------------*/
 
main {
  padding-top:300px; 
}


main .box900 {
  margin:0px auto;
  padding: 50px 0px 30px 0px;
  max-width:900px; 
  background-color: #fff;
}

main .box1200 {
  margin:0px auto;
  padding: 50px 0px 30px 0px;
  max-width:1200px; 
  background-color: #fff;
}

main .box1800 {
 margin:0 auto;
 padding:0px;
 max-width:112.5em; /* 1800px / 16px */
 background-color: #fff;
}


/*
 * HP divize
 * --------------------------------------------------*/
 
.divize {
  text-align: center;
  width: 100%;
  max-width:1800px;
}

.divize .col3 {
float: left;
display:block;
text-align:center;
color: #fff;
height: 430px; 
width: 600px;
max-width:600px;
padding-top:270px;
}

.divizerental {
  text-align: center;
  width: 100%;
  max-width:1800px;
  margin-top:10px;
}

.divizerental .col23 {
float: left;
display:block;
text-align:center;
color: #fff;
height: 250px; 
width: 1200px;
max-width:1200px;
}

.divizerental .col13 {
float: left;
display:block;
text-align:center;
color: #fff;
height: 250px; 
width: 600px;
max-width:600px;
}

.divize .col3 .masky {
display:block;
text-align:left;
color: #fff;
height: 160px; 
width: 100%;
padding:20px 30px;
}

.divizerental .col13 .masky.rental {
display:block;
text-align:left;
color: #fff;
height: 250px; 
width: 100%;
padding:70px 30px 20px 30px;
}

.divize .les .masky  {
background-image: url(../img/divize-maska-les.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .doprava .masky{
background-image: url(../img/divize-maska-doprava.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .pila .masky{
background-image: url(../img/divize-maska-pila.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .servis .masky{
background-image: url(../img/divize-maska-servis.png); background-position: center top ; background-repeat: no-repeat;
}

.masky .submenu  {
	display:block;	
	width:55%;
	
}

.masky .subbutton {
	display:block;	
	float:right;
}

.masky .cleer {
clear:none;
}

.masky .subbutton .button {
font-size: 18px;
display:block;
width: 180px;
height: 60px;
line-height: 60px;
padding-left: 55px;
text-align: center;
text-decoration: none;
cursor:pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.masky .button.pila {background: url(../img/button-pila-off.png) no-repeat;color: #A4854F; }
.masky .button:hover.pila {background: url(../img/button-pila-on.png) no-repeat;color: #fff;}

.masky .button.les {background: url(../img/button-les-off.png) no-repeat;color: #89B11C; }
.masky .button:hover.les {background: url(../img/button-les-on.png) no-repeat;color: #fff;}

.masky .button.doprava {background: url(../img/button-doprava-off.png) no-repeat;color: #212492; }
.masky .button:hover.doprava {background: url(../img/button-doprava-on.png) no-repeat;color: #fff;}

.masky .button.rental {background: url(../img/button-rental-off.png) no-repeat;color: #7b7c7e; }
.masky .button:hover.rental {background: url(../img/button-rental-on.png) no-repeat;color: #fff;}

.masky .button.servis {background: url(../img/button-servis-off.png) no-repeat;color: #1b8ead; }
.masky .button:hover.servis {background: url(../img/button-servis-on.png) no-repeat;color: #fff;}

.masky .submenu h1 {
font-size:26px;
font-weight:600;
margin-bottom:20px;
}

.masky .submenu ul {
    position: relative;
	float: left;
    list-style: none;
}

.masky .submenu ul li {
     display: inline;
}

.masky .submenu ul li:after {
    content: "|";
    padding: 0 2px;
	margin: 0 2px;	 
}


.masky .submenu ul li:last-child:after {
    content: "";
	padding:0;
	margin: 0;	 
}

.masky .submenu ul li a {
    padding: 0;
    margin: 0px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

.masky .submenu ul li a:hover {
    color: #fff; 
	text-decoration: underline;
}

/*
 * HP hlavni text
 * --------------------------------------------------*/
 
 
main .hp-text {
  text-align: center;
  width: 100%;
  max-width:1800px;
  background-image: url(../img/hp-text-bg.jpg); background-position: center top ; background-repeat: no-repeat;
  color:#fff;
  background-color: #404042;
  border-top:1px solid #505052;
}

main .hp-text .box900 {
  margin:0px auto;
  padding: 50px 10px 50px 10px;
  max-width:900px; 
  background-color: transparent;
}

main .hp-text h1 {
font-size:26px;
line-height: 30px;
font-weight:600;
margin-bottom:20px;
}

/*
 * HP vyroci
 * --------------------------------------------------*/
 
 
main .hp-vyroci {
  text-align: center;
  width: 100%;
  max-width:1800px;
  background-image: url(../img/hp-vyroci-bg.jpg); background-position: center top ; background-repeat: no-repeat;
  color:#2E3192;
  background-color: #FFFFFF;
  border-top:0px solid #505052;
}

main .hp-vyroci .box900 {
  margin:0px auto;
  padding: 30px 10px 30px 10px;
  max-width:900px; 
  background-color: transparent;
  text-align:center;
}


/*
 * HP kontakty
 * --------------------------------------------------*/

 main .hp-kontakt {
  text-align: left;
  width: 100%;
  max-width:1800px;
  font-size:16px;
  color:#ffffff;
  background-color: #ffffff;
}

main .hp-kontakt h3 {
  text-align: center;
  color:#212492;
  font-size: 26px;
  font-weight:600;
  padding:0px;
  margin:24px 0;
}

main .hp-kontakt strong,
main .hp-kontakt b  {
  font-weight:600;
}

main .hp-kontakt p {
margin:0;padding:0;
}


main .hp-kontakt a {
	color:#fff;
	text-decoration:underline;
}

main .hp-kontakt a:hover {
	color:#ccc;
	text-decoration:underline;
}

main .hp-kontakt .custom.drevoales {
padding: 24px 40px;
background-color: #89b11c;
color:#ffffff;
}
main .hp-kontakt .custom.autodoprava {
padding: 24px 40px;
background-color: #212492;
color:#ffffff;
}
main .hp-kontakt .custom.pila {
padding: 24px 40px;
background-color: #a4854f;
color:#ffffff;
}
main .hp-kontakt .custom.rental {
padding: 24px 40px;
background-color: #7b7c7e;
color:#ffffff;
}
main .hp-kontakt .custom.servis {
padding: 24px 40px;
background-color: #1b8ead;
color:#ffffff;
}
/*
 * HP aktuality
 * --------------------------------------------------*/
 
 main .hp-aktuality {
  text-align: left;
  width: 100%;
  max-width:1800px;
  background-image: url(../img/hp-aktuality-bg.png); background-position: center top ; background-repeat: no-repeat;
  color:#fff;
}

main .hp-aktuality .box900 {
  margin:0px auto;
  padding: 50px 0px 50px 0px;
  max-width:900px; 
  background-color: transparent;
}

main .hp-aktuality h2 {
font-size:26px;
line-height: 30px;
font-weight:600;
margin-bottom:20px;
}


/* ---------- AKTUALITY Modul Global News ---------- */
.gn_clear { clear:both; height:0; line-height:0; }

div.gn_static { border-top: 1px solid #4E51AA; padding: 20px 0; margin:0px; }


div.gn_static div.aktbody	{float:left; width:70%; margin:0px; padding:0px; text-align: left;}
div.gn_static div.readmore	{float:right; width:180px; margin:0px; padding:0px; text-align:right;}

div.gn_static span.titul {color:#fff;font-size:20px;}
div.gn_static span.titul a,
div.gn_static span.titul a:link,
div.gn_static span.titul a:visited {color:#fff;text-decoration: underline;}
div.gn_static span.titul a:hover {text-decoration: none;}

div.gn_static span.text {color:#fff;}

div.gn_static div.readmore a {
display:block;
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

div.gn_static div.readmore a:link, 
div.gn_static div.readmore a:visited {color: #fff; background: transparent;font-weight: 600;}
div.gn_static div.readmore a:hover {color: #212492; background: #fff;font-weight: 600;}

/* ---------- AKTUALITY ALL HP ---------- */

.moduletable.allaktuality {
 border-top: 1px solid #4E51AA; 
 padding: 20px 0 0 0; 
 margin:0px
 }
 
.allaktuality a.readallnews {
display:block;
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

.allaktuality a.readallnews:link,
.allaktuality a.readallnews:visited {color: #fff; background: transparent;font-weight: 600;}
.allaktuality a.readallnews:hover {color: #212492; background: #fff;font-weight: 600;}


/* ----------  AKTUALITY - BLOG ---------- */
.blog.aktuality .items-row .item-separator {clear: both;border-top: 1px solid #4E51AA; margin: 10px 0px 10px 0px; padding: 0px; display: block;}
.blog.aktuality .items-row:last-child .item-separator {border-top: none;}

.blog.aktuality p.readmore a {
display:block;
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

.blog.aktuality p.readmore a:link,
.blog.aktuality p.readmore a:visited {color: #fff; background: transparent;font-weight: 600;}
.blog.aktuality p.readmore a:hover {color: #212492; background: #fff;font-weight: 600;}

/* strankovani blogu */
.blog.aktuality .pagination { margin:10px 0 ; padding:10px 0; clear:both; }
.blog.aktuality .pagination ul { list-style-type:none; margin:0; padding:0; text-align: left; }

.blog.aktuality .pagination li { color: white; margin:0;padding:0;margin-right:10px;margin-bottom:20px;text-align: left; display: inline-block; font-weight: bold; }
.blog.aktuality .pagination li a:link, 
.blog.aktuality .pagination li a:visited { border:1px solid #fff ; color: white; display: inline-block; padding: 4px 8px; text-decoration: none; }
.blog.aktuality .pagination li a:hover { color: #212492; background: #fff; text-decoration: none; }

/* blog cislovani */
p.counter { font-weight:bold;}

/* ----------  AKTUALITY - DETAIL ---------- */
.item-page.aktuality ul.pagenav { list-style-type:none; border-top: 1px solid #4E51AA; margin: 10px 0px; padding: 20px 0px;  }
.item-page.aktuality ul.pagenav li { display: inline-block;margin:0;padding:0;margin-right:20px;margin-bottom:20px;}


.item-page.aktuality ul.pagenav li a {
display:block;
width: 150px;
height: 40px;
line-height: 40px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

.item-page.aktuality ul.pagenav li a:link, 
.item-page.aktuality ul.pagenav li a:visited { color: #fff; background: transparent;font-weight: 600; }
.item-page.aktuality ul.pagenav li a:hover { color: #212492; background: #fff;font-weight: 600; }

.item-page.aktuality img {
width:100%;
height: auto;

}

.item-page.aktuality a.tlacitko {
display:block;
width:200px;
height: 70px;
padding:15px 0;
line-height: 20px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

.item-page.aktuality a.tlacitko:link, 
.item-page.aktuality a.tlacitko:visited { color: #212492; background: #fff;font-weight: 600; text-decoration: none;}
.item-page.aktuality a.tlacitko:hover { color: #fff; background: transparent;font-weight: 600; text-decoration: none;}


/*
 * HL MENU obsah
 * --------------------------------------------------*/
 
main .box1800.blue {
 background-color: #212492;
 color:#fff;
}

main .box1800.blue.hlmenu {
background-color: #212492;
  background-image: url(../img/hlmenu-obsah-bg.jpg); background-position: center top ; background-repeat: no-repeat;
}

.obsah.hlmenu {
 margin:0px auto;
 padding: 50px 0px 30px 0px;
 max-width:900px; 
color:#fff;
}

.obsah.hlmenu h1 {
font-size:26px;
font-weight:600;
margin:0;
margin-bottom:30px;
}

.obsah.hlmenu h2 {
font-size:20px;
font-weight:600;
margin:0;
margin-bottom:20px;
}

.obsah.hlmenu h3 {
font-size:18px;
font-weight:600;
margin:0;
margin-bottom:20px;
}

.obsah.hlmenu h4,
.obsah.hlmenu h5,
.obsah.hlmenu h6  {
font-size:16px;
font-weight:600;
margin:0;
margin-bottom:20px;
}

.obsah.hlmenu p {
text-align: justify;
padding:0px;
margin:0;
margin-bottom: 20px;
}


.obsah.hlmenu hr {
display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin:20px 0;
    padding: 0;
	 opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.obsah.hlmenu strong {
font-weight:600;
}

.obsah.hlmenu a:link,
.obsah.hlmenu a:visited  {
text-decoration:underline;
color: #fff;
}

.obsah.hlmenu a:hover  {
text-decoration:none;
color: #ccc;
}

.obsah.hlmenu ol {list-style:decimal;margin-bottom: 20px;}
.obsah.hlmenu ul {list-style-type:disc;margin-bottom: 20px;}
.obsah.hlmenu li {margin-left:40px;padding:2px 0 2px 10px;}

.obsah.hlmenu img.obrazek-vpravo {float:right;margin:0 0 15px 20px;max-width:40%}
.obsah.hlmenu img.obrazek-vlevo {float:left;margin:0 20px 15px 0;max-width:40%}
.obsah.hlmenu img.obrazek-vlevo:after {clear:both;}

@media only screen and (max-width: 900px) {

.obsah.hlmenu {
 padding: 50px 20px 30px 20px;
}

.obsah.hlmenu img.obrazek-vpravo {float:none;margin:15px 0 15px 0;max-width:100%;}
.obsah.hlmenu img.obrazek-vlevo {float:none;margin:15px 0 15px 0;max-width:100%;}

}

/* Soubory ke stazeni */

#phoca-dl-category-box .pd-category h3.pd-ctitle,
#phoca-dl-file-box .pd-file h3.pd-ctitle,
#phoca-dl-download-box .pd-file h3.pd-ctitle{
	margin:			0px;
	padding:		0px;
	background: 	transparent;
	border:			none;
}

.filebox {
	margin-top:10px; 
	padding-top:20px; 
	border-bottom: 1px solid #383A9E;	
}

.filebox:first-child { padding-top: 0px;}
.filebox:last-of-type { border-bottom:none!important;}

.souborbox {font-size:18px;}

.pdfoto {
display:block;
width:170px;
float:left;
margin-right:30px;
}

.pdfoto img {width:150px;}

.textbox  {
display:block;
text-align:left;

}

.filebox .button-download {
padding:30px 0;
text-align:left;
float:none;
}

.filebox .button-download .tlacitko {
display:block;
width: 200px;
height: 50px;
cursor:pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.filebox .button-download .tlacitko {background: url(../img/button-stahovani-off.png) no-repeat; }
.filebox .button-download .tlacitko:hover{background: url(../img/button-stahovani-on.png) no-repeat;}


@media only screen and (max-width: 900px) {

.pdfoto {
display:block;
width:auto;
float:none;
margin-right:0px;
margin-bottom:20px;
}

 
}

/* Bazar K2 */

/* --- Category block --- */
div.itemListCategory {background:transparent;border:none;border-radius:0px;margin:0 0 10px 0;padding:0px;}
	
/*------------------------------------------------------------------------------
	Component - Itemlist view (category)
--------------------------------------------------------------------------------*/
div.catItemHeader span.catItemDateCreated {color:#999;font-size:15px;}
div.catItemImageBlock {padding:8px 0;margin:0 0 20px 0;}
	span.catItemImage {display:block;text-align:left;margin:0 0 8px 0;}
	span.catItemImage img {max-width:100%;height:auto;}
	
	
.itemList .itemContainer 	{
border-top: 1px solid #383A9E;
}

div.itemExtraFields ul li {display:block;margin-left:0px!important;padding-left:0px;}


/* Container */
div.sigProGalleriaWhiteContainer {background:transparent;margin:8px 0;padding:0px;clear:both;}
div.sigProGalleriaWhitePlaceholderContainer {background:transparent url(../images/loader_squares.gif) no-repeat 50% 50%;padding:0;margin-bottom:8px;}

/* Thumbnail */
ul.sigProGalleriaWhite li {  list-style: none;}
ul.sigProGalleriaWhite li.sigProThumb {float:left;background:transparent!important;margin:0 4px 4px 0;padding:0;border:none!important;}

/* form */
#formularbazar {display:none;width:100%;padding:20px 0 0 0}
button.bazar {background:#fff;color:#222491;border:1px solid #222491;width:220px;height:50px;font-size:16px;font-weight:600;cursor:pointer;overflow:visible !important;}
button.bazar:hover {background:#222491;color:#fff;border:1px solid #fff;}

/*------------------------------------------------------------------------------
	Component - Item view
--------------------------------------------------------------------------------*/
div.itemHeader span.itemDateCreated {color:#999;font-size:15px;}

.componentheading {}

/* Kariera */

ul.category-module.kariera {    list-style: none;	}
ul.category-module.kariera li {margin-left:10px;padding:5px 0;}

ul.category-module.kariera span.mod-articles-category-date {color:#CFD1D2; font-weight:400; font-size:16px;margin-left:10px;}


article.item-page .article-info {color:#CFD1D2; font-weight:400; font-size:16px;margin-top:-20px;margin-bottom:20px;}
article.item-page .article-info dt.article-info-term {display:none;}


/* Kontakty firmy */

.contact-category{
text-align: left;
width: 100%;
}

/* Kontakty firmy hlavni */
  
.contact-category .col3 {
display: inline-block;
text-align:left;
width: 33.333%;
margin-right: -.25em;
vertical-align: top;
}

.contact-category .col3 img.contact-thumbnail {
width:100%;
max-width:250px;
border:1px solid #fff;
border-radius: 5px;
}

.contact-category .col3 .kontakt-obsah {
margin:10px 0 40px 0;
}

.contact-category .col3 .kontakt-obsah h3 {
font-size:20px;
font-weight:600;
padding:0;margin:0;
}

.contact-category .col3 .kontakt-obsah p {
padding:0;margin:0;
font-size:16px;
text-align:left;
}

.contact-category .col3 .kontakt-obsah p.pozice {
font-weight:600;
}

.contact-category .col3 .kontakt-obsah .tel-email {
margin-top:10px;
}



/* Kontakty firmy strediska */
.contact-category.stredisko .category-desc {
    border-bottom: 1px solid #4D50A8;
	padding-bottom:10px;
	margin-bottom:25px;
}


.contact-category.stredisko .col3 {
display: inline-block;
text-align:left;
width: 42%;
margin-right: 4%;
vertical-align: top;
}

.contact-category.stredisko .col3 img.contact-thumbnail {
width:100%;
max-width:240px;
border:1px solid #fff;
border-radius: 5px;
}


@media only screen and (max-width: 900px) {

.contact-category{
text-align: left;
margin-left:20px;
}

.contact-category .col3 {
display: block;
width: 100%;
}



.contact-category .col3 img.contact-thumbnail {
width:240px;
}


.contact-category .col3 .kontakt-obsah h3 {
font-size:20px;
font-weight:600;
padding:0;margin:0;
}

.contact-category .col3 .kontakt-obsah p {
padding:0;margin:0;
font-size:16px;
}
 
}

@media only screen and (max-width: 600px) {
.contact-category.stredisko .col3 {
display: block;
width: 100%;
}

.contact-category.stredisko .col3 img.contact-thumbnail {
width:240px;
}


}

/* Profil firmy - video */

section .box1800 {
 margin:0 auto;
 padding:0px;
 max-width:112.5em; /* 1800px / 16px */
 background-color: #fff;
}

.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px; 
height: 0; 
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Kontakty - Google mapa */
.container.mapa{
  width: 100%;
  margin: 0 auto;
  margin-top:0px;
}

#map_container{
  position: relative;
}
#map{
    height: 0;
    overflow: hidden;
    padding-bottom: 22.25%;
    padding-top: 30px;
    position: relative;
}

/*
 * DIVIZE HP IKONY
 * --------------------------------------------------*/
 
 .divizehp {
  text-align: center;
  width: 100%;
  max-width:1200px;
}

 
.divizehp .col3 {
float: left;
text-align:center;
width: 33.33%;
max-width:400px;
padding:0 10px;
}

.divizehp .col4 {
float: left;
text-align:center;
width: 25.00%;
max-width:300px;
padding:0 10px;
}

.divizehp .col3 h2{
font-size:16px;
font-weight:600;
margin:20px 0;
text-transform:uppercase;
}

.divizehp .col3 .tlacitko {
margin:0 auto;
text-align:center;
margin:40px 0;
}

.divizehp .col3 .tlacitko a {
display:inline-block;
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff;
color:#fff;
font-weight: 600;
}

.divizehp .col3.les {color: #89B11C;}
.divizehp .col3.doprava {color: #212492;}
.divizehp .col3.servis {color: #1b8ead;}
.divizehp .col3.pila {color: #A4854F;}

.divizehp .col4.rental {color: #7b7c7e;}

.divizehp .col3.les .tlacitko a:link,
.divizehp .col3.les .tlacitko a:visited  {
color:#fff;
background-color: #89B11C;
}

.divizehp .col3.les .tlacitko a:hover  {
color: #89B11C;
border:1px solid #89B11C;
background-color: #fff;
}

.divizehp .col3.doprava .tlacitko a:link,
.divizehp .col3.doprava .tlacitko a:visited  {
color:#fff;
background-color: #212492;
}

.divizehp .col3.doprava .tlacitko a:hover  {
color: #212492;
border:1px solid #212492;
background-color: #fff;
}

.divizehp .col3.servis .tlacitko a:link,
.divizehp .col3.servis .tlacitko a:visited  {
color:#fff;
background-color: #1b8ead;
}

.divizehp .col3.servis .tlacitko a:hover  {
color: #1b8ead;
border:1px solid #1b8ead;
background-color: #fff;
}

.divizehp .col3.pila .tlacitko a:link,
.divizehp .col3.pila .tlacitko a:visited  {
color:#fff;
background-color: #A4854F;
}

.divizehp .col3.pila .tlacitko a:hover  {
color: #A4854F;
border:1px solid #A4854F;
background-color: #fff;
}

.divizehp .col4.rental .tlacitko a:link,
.divizehp .col4.rental .tlacitko a:visited  {
color:#fff;
background-color: #7b7c7e;
}

.divizehp .col4.rental .tlacitko a:hover  {
color: #7b7c7e;
border:1px solid #7b7c7e;
background-color: #fff;
}

div.gn_static div.readmore a:link, 
div.gn_static div.readmore a:visited {color: #fff; background: transparent;font-weight: 600;}
div.gn_static div.readmore a:hover {color: #212492; background: #fff;font-weight: 600;}


/* ------------------------------------------
  RESPONSIVE MAIN STYLES
--------------------------------------------- */

@media only screen and (max-width: 900px) {

main .box900 {  padding: 20px;}

main .hp-aktuality .box900 {
  padding: 50px 20px 50px 20px!important;

}

div.gn_static div.aktbody	{float:left; width:100%; }
div.gn_static div.readmore	{float:left; width:180px;  padding:15px 0 10px 0;}

}

/* ------------------------------------------
  RESPONSIVE DIVIZE STYLES
--------------------------------------------- */

@media only screen and (max-width: 1800px) {
.divize .col3 {
width: 33.333333%;
}

.divizerental .col23 {
width: 66.666666%;
}

.divizerental .col13 {
width: 33.333333%;
}

}

@media only screen and (min-width: 800px) and (max-width: 1200px) {

.divizehp .col4 {
width: 50%;
max-width:600px;
padding:10px;
}

}

@media only screen and (min-width: 900px) and (max-width: 1200px) {

.divizehp .col3 .tlacitko a {

width: 150px;
height: 50px;

}

}

@media only screen and (max-width: 900px) {

.divizehp  {
padding-top:30px;
}


.divizehp .col3 {
margin:0 auto;
float: none;
text-align:center;
width: 100%;
max-width:300px;
padding:10px;
}

.divizehp .cleeer {
clear:both;
}

}



@media only screen and (min-width: 1200px) and (max-width: 1700px) {
.divize .col3 {
text-align:center;
padding-top:230px;
}

.divize .col3 .masky {
text-align:left;
height: 230px; 
width: 100%;
position:relative;
}

.divizerental .col13 .masky {
text-align:left;
width: 100%;
position:relative;
}

.divize .les .masky  {
background-image: url(../img/divize-maska-les-1200.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .doprava .masky{
background-image: url(../img/divize-maska-doprava-1200.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .pila .masky{
background-image: url(../img/divize-maska-pila-1200.png); background-position: center top ; background-repeat: no-repeat;
}

.masky .submenu  {
	width:100%;
}

.masky .submenu h1 {
margin-bottom:10px;
}

.masky .subbutton {
	float: none;
	width:100%;
	height:auto;
}

.masky .subbutton .button {
position:absolute;
bottom:45px;
}

.masky.rental .subbutton .button {
position:absolute;
bottom:15px;
}

.masky .cleer {
clear:both;
}
 
}

@media only screen and (min-width: 500px) and (max-width: 1200px) {
.divize {
 margin:0 auto;	
  text-align: center;
  width: 100%;
  max-width:600px;
}
  
.divize .col3 {
float: none;
display:block;
text-align:center;
color: #fff;
height: 430px; 
width: 100%;
max-width:600px;
padding-top:270px;
}


}


@media only screen and (max-width: 1200px) {


.divizerental {
 margin:0 auto;	
  text-align: center;
  width: 100%;
  max-width:600px;
}
  
  
.divizerental .col23 {
float: none;
display:block;
text-align:center;
color: #fff;
height: 250px; 
width: 100%;
max-width:600px;
}

.divizerental .col13 {
float: none;
display:block;
text-align:center;
color: #fff;
height: 160px; 
width: 100%;
max-width:600px;
}

.divizerental .col13 .masky.rental {
    padding: 20px 30px;
}  
 
}


@media only screen and (max-width: 500px) {

.divize {
 margin:0 auto;	
  text-align: center;
  width: 100%;
  max-width:600px;
}
  
.divize .col3 {
float: none;
display:block;
text-align:center;
color: #fff;
height: 430px; 
width: 100%;
max-width:600px;
padding-top:230px;
}


.divize .col3 .masky {
text-align:left;
height: 215px; 
width: 100%;
position:relative;
}

.divizerental .col13 {
 height: 200px; 
}

.divizerental .col13 .masky.rental {
text-align:left;
width: 100%;
height: 200px;
position:relative;
}



.divize .les .masky  {
background-image: url(../img/divize-maska-les-1200.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .doprava .masky{
background-image: url(../img/divize-maska-doprava-1200.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .pila .masky{
background-image: url(../img/divize-maska-pila-1200.png); background-position: center top ; background-repeat: no-repeat;
}

.divize .servis .masky{
background-image: url(../img/divize-maska-servis-1200.png); background-position: center top ; background-repeat: no-repeat;
}


.masky .submenu  {
	width:100%;
}

.masky .submenu h1 {
margin-bottom:10px;
}

.masky .subbutton {
	float: none;
	width:100%;
	height:auto;
}

.masky .subbutton .button {
position:absolute;
bottom:25px;
}

.masky .cleer {
clear:both;
}
 
}


/*
 * DIVIZE SUB NAV
 * --------------------------------------------------*/
 
 main .box900subnav {
  margin:0px auto;
  padding: 0px;
  max-width:900px; 
  background-color: #fff;
}

 main .box1200subnav {
  margin:0px auto;
  padding: 0px;
  max-width:1200px; 
  background-color: #fff;
} 

 .divizesubnav {
  text-align: center;
  width: 100%;
}
  
.divizesubnav .col3 {
float: left;
text-align:center;
width: 33.33%;
max-width:400px;
height:89px;
line-height:89px;
max-height:89px;
}

.divizesubnav .col4 {
float: left;
text-align:center;
width: 25.00%;
max-width:300px;
height:89px;
line-height:89px;
max-height:89px;
}

 .divizesubnav a {
 display:inline-block;
 height:89px;
 color: #D0D1D2;
 font-size:18px;
 font-weight:600;
 text-decoration: none;
 padding-left:60px;
 }
 
 
 .divizesubnav a span {}
 
 .divizesubnav .les a:link,
 .divizesubnav .les a:visited {
 background-image: url(../img/subpage-divize-ikona-les-off.png); background-position: center left ; background-repeat: no-repeat;
 }

 .divizesubnav .les a.active,
 .divizesubnav .les a:hover {
 background-image: url(../img/subpage-divize-ikona-les-on.png); background-position: center left ; background-repeat: no-repeat;
 color: #89B11C;
  }


 .divizesubnav .doprava a:link,
 .divizesubnav .doprava a:visited  {
 background-image: url(../img/subpage-divize-ikona-doprava-off.png); background-position: center left ; background-repeat: no-repeat;
 }

 .divizesubnav .doprava a.active,
 .divizesubnav .doprava a:hover {
 background-image: url(../img/subpage-divize-ikona-doprava-on.png); background-position: center left ; background-repeat: no-repeat;
 color: #212492;
 }
 
 .divizesubnav .pila a:link,
 .divizesubnav .pila a:visited   {
 background-image: url(../img/subpage-divize-ikona-pila-off.png); background-position: center left ; background-repeat: no-repeat;
  }

 .divizesubnav .pila a.active,
 .divizesubnav .pila a:hover {
 background-image: url(../img/subpage-divize-ikona-pila-on.png); background-position: center left ; background-repeat: no-repeat;
 color: #A4854F;
 }
 
   .divizesubnav .servis a:link,
 .divizesubnav .servis a:visited   {
 background-image: url(../img/subpage-divize-ikona-servis-off.png); background-position: center left ; background-repeat: no-repeat;
  }

 .divizesubnav .servis a.active,
 .divizesubnav .servis a:hover {
 background-image: url(../img/subpage-divize-ikona-servis-on.png); background-position: center left ; background-repeat: no-repeat;
 color: #1b8ead;
 }
 
  .divizesubnav .rental a:link,
 .divizesubnav .rental a:visited   {
 background-image: url(../img/subpage-divize-ikona-rental-off.png); background-position: center left ; background-repeat: no-repeat;
  }

 .divizesubnav .rental a.active,
 .divizesubnav .rental a:hover {
 background-image: url(../img/subpage-divize-ikona-rental-on.png); background-position: center left ; background-repeat: no-repeat;
 color: #7b7c7e;
 }
 
 @media only screen and (max-width: 1200px) {

  .divizesubnav a {
 font-size:16px;
 font-weight:600;
 }
 
}
 
  @media only screen and (max-width: 800px) {

  .divizesubnav a {
 font-size:14px;
 font-weight:400;
 }
 
}

 @media only screen and (max-width: 600px) {
 
 .divizesubnav a span {  
 display:none;
 }

 .divizesubnav a {
 height:89px;
 width:40px;
 font-size:1px;
 padding-left:40px;
 }
 
}


/*
 * Divize slide
 * --------------------------------------------------*/

.flexslider ul li a, 
.flexslider ul li a p.flex-caption  {text-decoration: none!important;}

p.flex-caption {
text-align:center;
font-size:40px;
line-height:38px;
}

.flex-caption{
background-image: url(../img/slide-nadpis-les-bg.png); background-position: left top ; background-repeat: repeat-x;}

.doprava p.flex-caption{
background-image: url(../img/slide-nadpis-doprava-bg.png)!important; background-position: left top ; background-repeat: repeat-x;}

.servis p.flex-caption{
background-image: url(../img/slide-nadpis-servis-bg.png)!important; background-position: left top ; background-repeat: repeat-x;}

.pila p.flex-caption{
background-image: url(../img/slide-nadpis-pila-bg.png)!important; background-position: left top ; background-repeat: repeat-x;}

.rental p.flex-caption{
background-image: url(../img/slide-nadpis-rental-bg.png)!important; background-position: left top ; background-repeat: repeat-x;}

/*
main .slide{
  margin:0 auto;
  padding:0px;
  width: 100%;
  height: 790px; 
  max-width:1800px;
  background-image: url(../img/slide01.jpg); background-position: center top ; background-repeat: no-repeat;
  color:#fff;
}

.slide .box900 {
position:relative;
background-color: transparent;
color:#fff;
padding:0px;
}
  
.slide .box900 .nadpis {
  position:relative;
  top:650px;
  text-align:left;
  display: block;
  width: 100%;
  height: 140px; 
  color:#fff;
  padding: 5% 4% 0 4%;

}

.slide.les .box900 .nadpis {  background-image: url(../img/slide-nadpis-les-bg.png); background-position: left top ; background-repeat: no-repeat;}
.slide.doprava .box900 .nadpis {  background-image: url(../img/slide-nadpis-doprava-bg.png); background-position: left top ; background-repeat: no-repeat;}
.slide.pila .box900 .nadpis {  background-image: url(../img/slide-nadpis-pila-bg.png); background-position: left top ; background-repeat: no-repeat;}

.slide .box900 .nadpis h2 {
float:left;
width:64%;
margin:0px; 
padding:0px; 
text-align: left;
font-size:40px;
line-height:38px;
}


.slide .box900 .nadpis .tlacitko {
float:right; 
width:180px; 
margin:0px; 
padding:0px; 
text-align:right;
}

.slide .box900 .nadpis .tlacitko a {
display:block;
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

.slide .box900 .nadpis .tlacitko a:link, 
.slide .box900 .nadpis .tlacitko a:visited {color: #fff; background: transparent; font-weight: 600;}

.slide.les .box900 .nadpis .tlacitko a:hover {color: #86B131; background: #fff; font-weight: 600;}
.slide.doprava .box900 .nadpis .tlacitko a:hover {color: #212492; background: #fff; font-weight: 600;}
.slide.pila .box900 .nadpis .tlacitko a:hover {color: #A48353; background: #fff; font-weight: 600;}
*/


/*
 * Divize obsah
 * --------------------------------------------------*/
 
main .box1800.blue {
 background-color: #222491;
 color:#fff;
}

main .box1800.blue.les {
  background-image: url(../img/divize-les-obsah-bg.jpg); background-position: center top ; background-repeat: no-repeat;
}

main .box1800.blue.doprava {
  background-image: url(../img/divize-doprava-obsah-bg.jpg); background-position: center top ; background-repeat: no-repeat;
}

main .box1800.blue.servis {
  background-image: url(../img/divize-servis-obsah-bg.jpg); background-position: center top ; background-repeat: no-repeat;
}

main .box1800.blue.pila {
  background-image: url(../img/divize-pila-obsah-bg.jpg); background-position: center top ; background-repeat: no-repeat;
}

main .box1800.blue.rental {
  background-image: url(../img/divize-rental-obsah-bg.jpg); background-position: center top ; background-repeat: no-repeat;
}

.obsahdivize {
margin:0px auto;
padding: 50px 0px 50px 0px;
max-width:900px; 
background-color: transparent;
color:#fff;
}

.obsahdivize .left {
float:left;
width:31%;
margin:0px; 
padding:0px; 
text-align: left;
padding-bottom:20px;
}

.obsahdivize .right {
float:right;
width:60%;
margin:0px; 
padding:0px; 
text-align: left;
padding-bottom:20px;
}

.obsahdivize .right h1,
.obsahdivize .right .componentheading 
 {
font-size:26px;
font-weight:600;
margin-bottom:30px;
}

.obsahdivize .right h2 {
font-size:20px;
font-weight:600;
margin-bottom:20px;
}

.obsahdivize .right h3 {
font-size:18px;
font-weight:600;
margin-bottom:20px;
}


.obsahdivize .right h4,
.obsahdivize .right h5,
.obsahdivize .right h6  {
font-size:16px;
font-weight:600;
margin-bottom:20px;
}

.obsahdivize .right p {
text-align: left;
padding:0px;
margin-bottom: 20px;
}

.obsahdivize table {
margin-bottom: 20px;
}

.obsahdivize .right strong {
font-weight:600;
}

.obsahdivize .right img {
/* max-width:500px;
width:60%;
height:auto;*/
max-width : 100%;
height : auto;
}

.obsahdivize .right img.responsive {
max-width : 100%;
height : auto;
}

.obsahdivize .right a:link,
.obsahdivize .right a:visited  {
text-decoration:underline;
color: #fff;
}

.obsahdivize .right a:hover  {
text-decoration:none;
color: #ccc;
}

.obsahdivize .right ol {list-style:decimal;margin-bottom: 20px;}
.obsahdivize .right ul {list-style-type:disc;margin-bottom: 20px;}
.obsahdivize .right li {margin-left:40px;padding:2px 0 2px 10px;}

.obsahdivize .right img.obrazek-vpravo {float:right;margin:0 0 15px 20px;max-width:40%}
.obsahdivize .right img.obrazek-vlevo {float:left;margin:0 20px 15px 0;max-width:40%}


.obsahdivize .right  a.tlacitko {
display:block;
width:200px;
height: 70px;
padding:15px 0;
line-height: 20px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
border:1px solid #fff ;
font-weight: 600;
}

.obsahdivize .right  a.tlacitko:link, 
.obsahdivize .right  a.tlacitko:visited { color: #212492; background: #fff;font-weight: 600; text-decoration: none;}
.obsahdivize .right  a.tlacitko:hover { color: #fff; background: transparent;font-weight: 600; text-decoration: none;}

/*
 * Divize info
 * --------------------------------------------------*/

.obsahdivize .divizeinfo {
padding:30px 0;
margin-bottom:20px;
text-align:left;
color: #fff;
}

.obsahdivize .divizeinfo .pozadi {
display:block;
height: 320px; 
width: 280px;
max-width:280px;
padding:20px 30px;
}

.obsahdivize .divizeinfo h3 {
font-size:22px;
font-weight:600;
}

.obsahdivize .divizeinfo p {
font-size:17px;
}


.obsahdivize .divizeinfo hr {
display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin:15px 0;
    padding: 0;
	 opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}


.button.info {
color:#89B11C;
background-color: #fff;
font-size: 15px;
font-weight:600;
display:block;
width: 180px;
height: 40px;
line-height: 40px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.button:hover.info{
color:#fff;
background-color: #89B11C;
}


@media only screen and (max-width: 900px) {

.obsahdivize {
 padding: 50px 20px 30px 20px;
}

.obsahdivize .right img.obrazek-vpravo {float:none;margin:15px 0 15px 0;max-width:100%;}
.obsahdivize .right img.obrazek-vlevo {float:none;margin:15px 0 15px 0;max-width:100%;}

}

@media only screen and (max-width: 800px) {

.obsahdivize .divizeinfo .pozadi {
height: 285px; 
width: 250px;
border-radius: 5px;
max-width:250px;
padding:10px 20px;
}

}

@media only screen and (max-width: 700px) {


.obsahdivize .left {
float:left;
width:100%;
}

.obsahdivize .right {
padding-top:50px;
padding-bottom:30px;
float:left;
width:100%;
}

.obsahdivize .divizeinfo  {
margin-bottom:0px;
padding-bottom:0px;
}

}


/*
 * Divize obsah submenu
 * --------------------------------------------------*/
 
.obsahdivize .submenu ul {
    position: relative;
    list-style: none;
}

.obsahdivize .submenu ul li {
	cursor: pointer;
	margin: 0px; 
    padding: 0px;
    display: block; 
	width:100%;
}

.obsahdivize .submenu ul li a {
     text-decoration: none;
     color: #fff;
     font-size: 16px;
 	 font-weight:400;
     display: block;
	 margin: 0px 0px 0px 0px;  
     padding: 15px 0px 15px 0px; 
	 border-bottom: 1px solid #4D50A8;
}

.obsahdivize .submenu ul li.active  {
	
}

.obsahdivize .submenu ul li.active a {font-weight:600;}

.obsahdivize .submenu.les ul li.active a {color: #86B131;}
.obsahdivize .submenu.doprava ul li.active a {color: #ccc;}
.obsahdivize .submenu.pila ul li.active a {color: #A48353;}
.obsahdivize .submenu.rental ul li.active a {color: #7b7c7e;}

.obsahdivize .submenu ul li:first-child a {
padding-top: 0px;
}

.obsahdivize .submenu.les ul li a:hover {    color: #86B131; }
.obsahdivize .submenu.doprava ul li a:hover {    color: #ccc; }
.obsahdivize .submenu.pila ul li a:hover {    color: #A48353; }
.obsahdivize .submenu.rental ul li a:hover {    color: #7b7c7e; }


/* Sub menu */

.obsahdivize .submenu ul ul {
  padding: 0;
  padding-top:15px;
  display: none;
}

.obsahdivize .submenu ul li.active ul{
   display: block;
}


.obsahdivize .submenu ul ul li {
     display: block;
     margin: 0px; 
     padding: 0px;
	 width:100%;
  }


.obsahdivize .submenu ul ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
	font-weight:400;
	 display: inline-block;
width:90%;
  margin: 0 0 0 10%; 
  padding: 15px 0px 15px 0px; 
   	 border-bottom: 1px solid #4D50A8;
}

.obsahdivize .submenu ul li.active li a,
.obsahdivize .submenu ul li.active li a:link,
.obsahdivize .submenu ul li.active li a:visited  {
font-weight:400;
color:#fff;
}

.obsahdivize .submenu.les ul li.active ul li a:hover {    color: #86B131; }
.obsahdivize .submenu.doprava ul li.active ul li a:hover {    color: #ccc; }
.obsahdivize .submenu.pila ul li.active ul li a:hover {    color: #A48353; }
.obsahdivize .submenu.rental ul li.active ul li a:hover {    color: #7b7c7e; }

.obsahdivize .submenu.les ul li ul li.active a {    color: #86B131; font-weight:600;}
.obsahdivize .submenu.doprava ul li ul li.active a {    color: #ccc; font-weight:600;}
.obsahdivize .submenu.pila ul li ul li.active a {    color: #A48353; font-weight:600;}
.obsahdivize .submenu.rental ul li ul li.active a {    color: #7b7c7e; font-weight:600;}

.obsahdivize .submenu ul li:first-child li a{
padding-top: 15px;
}

.obsahdivize .submenu ul ul li:first-child a {
	 padding-top:0px;
  }  
  
.obsahdivize .submenu ul ul li:last-child a {
	 border-bottom: none;
	 padding-bottom:0px;
  }  

  /* slide responzive */
  
@media only screen and (max-width: 900px) {

p.flex-caption {
text-align:center;
font-size:30px;
line-height:34px;
}

}

@media only screen and (max-width: 600px) {

p.flex-caption {
text-align:left;
font-size:22px;
line-height:24px;
}

}


/*
 * Paticka sloupce
 * --------------------------------------------------*/
 
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.section.paticka {
	color: #fff;
    max-width:1800px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

.paticka .col.col3 {
	height: 300px; 
	width: 600px;
	max-width:600px;
	padding:40px;
}

.paticka h2 {
font-size:20px;
font-weight:600;
padding:0px;
margin: 0 0 15px 0;
}

.paticka .hodnota-coc h3 {
font-size:50px;
font-weight:400;
padding:0;
margin: 0;
}

.paticka p {
font-size:16px;
margin: 0 0 15px 0;
padding:0px;
}

.paticka .kontakt a:link,
.paticka .kontakt a:visited  {
color:#fff;
text-decoration:none;
}

.paticka .kontakt a:hover  {
color:#fff;
text-decoration:underline;
}

.paticka hr {
display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin:3em 0;
    padding: 0;
	 opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.button.poradit {
color:#fff;
background-color: #a48a69;
font-size: 15px;
font-weight:600;
display:block;
width: 180px;
height: 40px;
line-height: 40px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.button:hover.poradit {
color:#3c3c3b;
background-color: #a48a69;
}


.button.bus {
color:#222491;
background-color: #fff;
font-size: 15px;
font-weight:600;
display:block;
width: 180px;
height: 40px;
line-height: 40px;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor:pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.button:hover.bus {
color:#fff;
background-color: #222491;
}
/* ------------------------------------------
  RESPONSIVE PATICKA STYLES
--------------------------------------------- */

@media only screen and (max-width: 1800px) {
.paticka .col.col3 {
width: 33.333333%;
}

}


@media only screen and (min-width: 500px) and (max-width: 1200px) {

.section.paticka {
 margin:0 auto;	
 max-width:600px;
}

.paticka .col.col3 {
width: 100%;
}
 
}

@media only screen and (max-width: 500px) {

.paticka .col.col3 {
width: 100%;
}

.paticka .col.col3 {
    padding: 20px;
}

}

/*
 * Footer
 * --------------------------------------------------*/

footer {
padding:0;
margin:0;
}

 
.pata, .patamenu {
 margin:0 auto;
 max-width:112.5em; /* 1800px / 16px */

}

.patamenu {
height: 80px; /* 80px / 16px */
background-color: #404042;
color:#fff;

}

/*-- Navigace pata --*/
.navigace {
	text-align:center;
    width: auto;
	padding: 28px 0 30px;
  }

.navigace ul {
  display:inline;
  float:none;
}

.navigace li {
  width: auto;
  float:none;
  display:inline-block;
}

  .navigace li a {
  text-decoration: none;
   border-bottom:none;
  padding:0;
  padding-right: 27px; 
  color: #fff;
  font-size: 18px;   
  line-height: 18px;
  float: none;
   }
  
  .navigace li:last-child a {
  padding-right: 0px; 
   }
   
.navigace li a:active,
.navigace li a:hover,
.navigace li.active a {
  color: #ccc;

}

@media only screen and (min-width: 600px) and (max-width: 1200px) {
.navigace li a {
  text-decoration: none;
   border-bottom:none;
  padding:0;
  padding-right: 16px; 
  color: #fff;
  font-size: 16px;   
  line-height: 16px;
  float: none;
   }
   
   }
   
@media only screen and (max-width: 600px) {
.navigace {
	text-align:center;
    width: auto;
	padding: 20px 0 30px;
  }
  
.navigace li a {
  text-decoration: none;
   border-bottom:none;
  padding:0;
  padding-right: 16px; 
  color: #fff;
  font-size: 16px;   
  line-height: 16px;
  float: none;
   }
   
   }   
   
@media only screen and (max-width: 400px) {
.navigace {
	padding: 15px 0 30px;
  }
  
.navigace li a {
  font-size: 14px;   
  line-height: 14px;
   }
   
   }     

.pata {
height: 80px; 
border-top:1px solid #505052;
background-color: #404042;
color:#fff;

}

.pata-inner {
padding: 28px 40px 30px 40px;
}

.pata-copy {
display:table;
float:left;
}

span.copy {
font-size: 16px;
color:#fff;
line-height:26px;text-align:right;display:table-cell;vertical-align:middle;
}

span.copy img.fcb{
vertical-align:middle;
}

.pata-create {
display:table;
float:right;
}

span.create {
font-size: 15px;
color:#707072;
line-height:26px;text-align:right;display:table-cell;vertical-align:middle;
}

span.copy a:link,
span.copy a:visited  {
color:#fff;
text-decoration:none;
}

span.copy a:hover  {
color:#707072;
text-decoration:underline;
}   

span.create a:link,
span.create a:visited  {
color:#707072;
text-decoration:underline;
}

span.create a:hover  {
color:#fff;
text-decoration:underline;
}


@media screen and (max-width: 800px) {

.pata-inner {
padding: 10px 10px 25px 10px;
}

.pata-copy {
float:none;
text-align:center;
display:block;
}

.pata-create {
float:none;
text-align:center;
display:block;
}

span.copy {
font-size: 12px;
text-align:center;
display:block;
}

span.create {
text-align:center;
font-size: 12px;
display:block;
}
   
   }   

@media screen and (max-width: 400px) {

.pata-inner {
padding: 5px 10px 20px 10px;
}

span.copy img.fcb{
display:none;
}

   
   }      



/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */
.nav-collapse {
margin-top:50px;
text-align:center;
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
margin-top:50px;
margin-right:50px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 75em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  
  .nav-collapse {
  margin-top:0px;
  text-align:left;
}
}


/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 75em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.nav-collapse {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}


.nav-collapse li {
  float: left;
  width: 100%;
}

.nav-collapse li a {
  text-decoration: none;
  background: #fff;
  color: #212492;
  font-size: 18px;
  border-bottom:1px solid #212492;
  padding: 0.7em 1em;
  color: #212492;
  width: 100%;
  float: left;
}

.nav-collapse li a:active,
.nav-collapse li a:hover,
.nav-collapse li.active a {
  background: #E8E9F4;
  color: #000;
}

.nav-collapse li:last-child a {
  border-bottom:none;
}

.nav-collapse a:active,
.nav-collapse .active a {
 color: #000;
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 55px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #212492; /* Edit this to change the icon color */
  font: normal 40px/60px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 40px;
  content: "\78"; /* Close icon */
}


@media screen and (min-width: 75em) {

.nav-collapse {
    float: right;
	text-align:right;
    width: auto;
  }

.nav-collapse ul {
  display:inline;
  float:none;
}

.nav-collapse li {
  width: auto;
  float:none;
  display:inline-block;
  height: 150px;
  line-height: 150px;
}

  .nav-collapse li a {
  text-decoration: none;
   border-bottom:none;
  padding:0;
  padding-right: 1.6875em; 
  color: #212492;
  font-size: 18px;   
  line-height: 18px;
  float: none;
   }
  
.nav-collapse li a:active,
.nav-collapse li a:hover,
.nav-collapse li.active a {
  background: transparent;
  color: #000;
}


}

@media screen and (max-width: 75em) {
  header{position:relative;}
main {
  padding:0px; 
}
}

@media screen and (max-width: 37.5em) {
ul.jazyk li {
margin-right: 10px;

}

ul.jazyk li a {

	 padding:12px 11px;
	 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -webkit-border-radius: 3px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
   /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   border-radius: 3px;

}
}

@media screen and (max-width: 32.5em) {

header .logo img { 
max-width: 250px;
} 

header .logo {
left:40px; 
}
.nav-toggle {
margin-right:40px;
}

.nav-toggle:before {
  font: normal 25px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
}

.nav-toggle.active:before {
  font-size: 25px;
}

ul.jazyk li {
margin-right: 0px;

}

ul.jazyk li a {
	 padding:5px 5px;
	 border:none;
	 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -webkit-border-radius: 0px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 0px; 
   /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   border-radius: 0px;
    font-weight: 500;
}

ul.jazyk li.active a {
border:none;

}

ul.jazyk li a:hover {
border:none;
}

}


@media screen and (max-width: 29em) {

header .logo img { 
max-width: 200px;
} 

header .logo {
left:10px; 
}
.nav-toggle {
margin-right:0px;
margin-top:45px;
}

header .box-nafta { 
width: calc(100% - 151px);
}

header .box-nafta .box-nafta-inner { 
padding:40px 15px;
}
header .box-nafta div.left-border { 
background-image: none;
width:0px;
}

header .box-nafta div.right-border { 
background-image: none;
width:0px;
}

header .box-nafta div.text {
    display: inline-block;
    width: auto;
	text-align:center;
    float: none;
}


ul.jazyk li a {	 padding:3px 3px;}

}

@media screen and (max-width: 20em) {

ul.jazyk  {margin-top:30px;}

ul.jazyk li {
display: block;
height: 30px;
line-height: 25px;}

}


@media only screen and (max-width: 1300px) {
.nav-collapse li a {
  padding-right: 22px; 
}
 
}

/* -------------- Ukotvení pouze horniho pruhu s menu kvuli uspore mista, zuzeni horniho pruhu s menu na 100px  --------------------- */
@media screen and (min-width: 1200px) and (max-width: 1550px)  {

header{
position:relative;
height: 251px; 
border-bottom:1px solid #EDEDEE;
z-index:10;
}

main {
  position: relative;
}

header .box1 {
left: 0;
top: 0;
width:100%;
position:fixed;
z-index:50;
background-color: #fff;
height: 100px; 
border-bottom:1px solid #EDEDEE;
}

header .cleer {
clear:both;
}


header .box23 {
position:relative;
top:100px;
height: 150px; 
z-index:0;
border-top:none;
}

header .logo {
top:30px;
}

.nav-collapse {
margin-top: -20px;
}


main {
  padding-top:0px; 
}

}
/* -------------- KONEC Ukotvení pouze horniho pruhu s menu kvuli uspore mista, zuzeni horniho pruhu s menu na 100px  --------------------- */



@media all and (min-width: 1550px) {

header{
height: 151px; 
}


header .logo img { 
max-width: 250px;
} 

header .cleer {
clear:none;
}

header .box1 {
height: auto;  
}

header .box23 {
height: auto; 
border-top:none;
}

.nav-collapse {
float:left;
margin-left:110px; 
} 
 
.nav-collapse li a {
  padding-right: 17px; 
}

header .box-jazyky {
	float: right;
text-align: left;
border-right:none;
margin-right:1px;
}

main {
  padding-top:150px; 
}
 
}


@media only screen and (max-width: 377px)  {

header .box-jazyky {
width:120px;height:120px;
}

header .box-jazyky img {
width:120px;
}

header .box-nafta { 
width: calc(100% - 121px);
}

}

@media only screen and (max-width: 339px)  {

header .box-jazyky {
display:none;
}

header .box-nafta { 
width: calc(100% - 0px);
}


}

/* -------------- bug fix pro IE 10,11   --------------------- */
@media screen and (min-width: 1550px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

main {
  position: relative;
  top: 151px;
}

footer {
  position: relative;
  top: 151px;
}

}

@media all and (min-width: 1680px) {
.nav-collapse {
float:left;
margin-left:140px;   
}
.nav-collapse li a {
  padding-right: 22px; 
}

header .logo img { 
max-width: 305px;
} 
 
}

@media all and (min-width: 1750px) {
 
.nav-collapse {
float:left;
margin-left:155px;  

}

.nav-collapse li {
  display:inline-block;
  height: 150px;
  line-height: 150px;
}
 
.nav-collapse li a {

  padding-right: 27px; 

}
 
  
header .logo img { 
max-width: 305px;
} 
 
 
}

/* -------------- modul Popup img set   --------------------- */

.gafancybox-inner img {
    max-width: 100%;
}