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

body {
    font-family: Trebuchet MS;
    font-size: 13px;
    color: #555;
    background: #fbfbfd;
    margin: 0;
    line-height:1.3em;
}
.customOwl {
	position: relative;
	margin-top: 30px;
}
.owl-carousel .owl-item{ list-style: none;
    text-align: center;

padding: 20px 0;}
#content-with-subsections #product .owl-carousel{ background: white}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.fullWidth {
    width:100%;
}

.alignCenter {
    text-align:center;
}


h1,h2,h3,h4,p {
    margin: 5px 0 10px 0;
    padding: 0;
}

a:link,a:visited,a:active {
    color: #6a6a6a;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #f85913;
}

h1, h2, h3, h4 {
    line-height:1.3em;
    font-weight: bold;  
    font-size: 39px;
    font-family:'museo';
    color: #333;
}

h1 span, h2 span, h3 span, p strong {
    color:#2384c6;
}

.centerized {
    position:relative;
    width:1030px;
    margin:0px auto;
}

form input, form textarea {
    font-family:Trebuchet MS;
    font-size:13px;
    color:#a5a5a5;
}

/* -------------------- END SHARED STYLES -------------------- */

/* -------------------- START INDIVIDUAL STYLES -------------------- */


#scroll-down {
    position:fixed;
    width:100%;
    bottom:0px;
    height:55px;
    z-index:9999999999;
    display:none;
}

#scroll-down div {
    position:relative;
    margin:0px auto;
    width:179px;
    height:55px;
    cursor:pointer;
    background:url(/images/scroll_button.png) left top no-repeat;
    color:#fff;
    text-align:center;
    padding-top:12px;
}

#logo-wrapper {
    position:fixed;
    width:100%;
    top:30px;
    z-index:1;
}

#logo-wrapper a {
    display:block;
    position:relative;
    width:154px;
    height:184px;
    left:0px;
}

#logo-wrapper a#logo {
    left:20px;
}

#logo-wrapper form {
    position:absolute;
    right:90px;
    top:5px;
    width:160px;
    height:30px;
}

#logo-wrapper form input[type=text] {
    position:absolute;
    left:0px;
    top:0px;
    width:109px;
    padding-left:15px;
    height:100%;
    border:none;
    background:url(/images/search_text_inp.png) left top no-repeat;
}

#logo-wrapper form input[type=submit] {
    position:absolute;
    right:0px;
    top:0px;
    width:36px;
    height:100%;
    text-indent:-999px;
    overflow:hidden;
    border:none;
    background:url(/images/search_submit.png) left top no-repeat;
    cursor:pointer;
}

ul#languages {
    width:70px;
    height:20px;    
    position:absolute;
    right:0px;
    top:10px;
}

ul#languages li {
    float:left; 
    width:30px;
    margin-right:5px;
}

#main {
    position:relative;
    width:100%;
    z-index:1;
    background: #fbfbfd;
    padding-bottom:30px;
}

#main.withPaddingTop {
    padding-top:100px;
}


.jcarousel-container {
    height: 500px;
    width:100%;
    position:relative;
    z-index:0;
}

.jcarousel-clip {
    overflow: hidden;
}

#carousel {
    position:relative;
    height: 500px;
    padding: 0px;
    width:100%;
    overflow:hidden;
}

#carousel li {
    position:relative;
    height: 500px;
    overflow:hidden;
}

#carousel li div {
    height: 500px;
    overflow:hidden;
    position:relative;
}

#slider-left {
    left: 10px;
    background: url(/images/slider-left.png) no-repeat center top;
}

#slider-left:hover {
    background: url(/images/slider-left.png) no-repeat center bottom;
}

#slider-right {
    right: 10px;
    background: url(/images/slider-right.png) no-repeat center top;
}

#slider-right:hover {
    background: url(/images/slider-right.png) no-repeat center bottom;
}

#slider-left, #slider-right {
    position: fixed;    
    top:260px;
    width: 43px;
    height: 134px;
    cursor:pointer;
}

#logo-wrapper .jcarousel-control {
    position:absolute;
    left:0px;
    top:400px;
    width:auto;
    height:53px;
}

#logo-wrapper .jcarousel-control a {
    display:block;
    float:left;
    margin-left:15px;
    width:53px;
    height:35px;
    background: url(/images/slider-bullet.png) no-repeat center top;
    text-align:center;
    color:#fff;
    font-size:15px;
    font-family:'museo';
    padding-top:18px;
    text-shadow: 1px 1px 1px #234d6b; 
}

#logo-wrapper .jcarousel-control a:hover, #logo-wrapper .jcarousel-control a.active {
    background: url(/images/slider-bullet.png) no-repeat center bottom;
}


#partners {
    position:relative;
    margin-top:-14px;
    background:#fff;
    padding:30px 130px 41px 130px;
}

#partners img#skf { 
    display:inline-block;
    float:left;
    width:400px;
    margin-right:30px;
    margin-left:-110px;
    line-height:1.2em;
}

#partners p { 
    width:550px;
    position:absolute;
    left:450px;
    top:30px;
    line-height:1.4em;
    font-size:12px;
}

#partners .jcarousel-container {
    height: 80px;
    width:100%;
    position:relative;
    z-index:0;
}

#product {
    min-height:700px;   
}

#product .jcarousel-container {
    height: 80px;
    width:100%;
    margin:40px 0 60px 0;
    position:relative;
    z-index:0;
}

#product h3 {
    width:100%;
    padding-bottom:40px;
  margin-top:20px;
  margin-bottom:0px;
    background: url(/images/kontakty/title_decorated.jpg) no-repeat left bottom;
}

#product a#zobrazit-v-eshopu {
    width:102px;
    height:67px;
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    text-align:center;
    padding-top:35px;
    font-family: 'museo';
    font-size:15px;
    color:#fff;
    text-decoration:none;
    background: url(/images/zobrazit-v-eshopu.png) no-repeat left top;
    text-shadow: 0px -1px 0px #9e3a0d; 
}


#small-carousel {
    position:relative;
    height: 80px;
    padding: 0px;
    width:100%;
    overflow:hidden;
}

#small-carousel li {
    position:relative;
    width:150px;
    height: 80px;
    overflow:hidden;
}

#small-carousel li div {
    width:150px;
    height: 80px;
    overflow:hidden;
    position:relative;
}

#small-carousel li a {
    display:block;
    width:150px;
    height: 80px;
    overflow:hidden;
    position:relative;
    text-decoration:none;
}

#small-slider-left {
    left: -110px;
    background: url(/images/carousel_small_left_arrow.jpg) no-repeat center top;
}

#small-slider-right {
    right: -110px;
    background: url(/images/carousel_small_right_arrow.jpg) no-repeat center top;
}

#small-slider-left, #small-slider-right {
    position: absolute; 
    top:0px;
    width: 25px;
    height: 76px;
    cursor:pointer;
}


#product .jcarousel-clip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#fff;
}
#little-carousel, .carousel {
    position:relative;
    height: 100px;
    width:100%;
    overflow:hidden;

}


#little-carousel li, .carousel li {
    position:relative;
    width:150px;
    height: 100px;
    overflow:hidden;
}

#little-carousel li div, .carousel li div {
    width:100%;
    height: 100px;
    overflow:hidden;
    position:relative;
}

#little-slider-left {
    left: 0px;
    top:0px;
    background: url(/images/carousel_small_left_arrow.jpg) no-repeat center top;
}

#little-slider-right {
    right: 0px;
    top:0px;
    background: url(/images/carousel_small_right_arrow.jpg) no-repeat center top;
}

#little-slider-left, #little-slider-right {
    position: absolute; 
    top:13px;
    width: 25px;
    height: 76px;
    cursor:pointer;
}

#product #little-slider-left {
    left: -30px;
}

#product #little-slider-right {
    right: -30px;
}

#sticky_navigation_wrapper {
    position:relative;
    width: 100%;
    padding-bottom:24px;
    z-index: 10;
    background: url(/images/main_menu_bg_gradient.png) center bottom no-repeat;
    margin-bottom:-25px;
}

#sticky_navigation {
    position:relative;
    width: 100%;
    height: 49px;
    border-top:1px solid #fff;
    background-color:#2384c6;
}


ul#navigation {
    position:relative;
    list-style-type:none;
}



ul#navigation.centerized {
    width:1100px;
}

ul#navigation > li {
    float:left;
    display:block;
}

ul#navigation > li#adoz-li {
    position:relative;
}

ul#navigation > li > a {
    display:block;
    #height:34px;
    #padding:15px 35px 0 20px;
    #font-size:20px; 
    color:#fff; 
    font-family:'museo';
    background:url(/images/main_menu_separ.jpg) right top no-repeat;    
    text-shadow: 0px -1px 0px #234d6b;
}

ul#navigation.smaller > li > a {
    height:31px;
    padding:17px 25px 0 10px;
    font-size:16px; 
}

ul#navigation > li > a.last {
    background:none;
    padding-right:20px;
}

ul#navigation.smaller > li > a.last {
    padding-right:10px; 
}

ul#navigation > li > a#adoz {
    width:231px;
    height:48px;
    padding:0;
    background:url(/images/menu_item_logo.jpg) left top no-repeat;  
    text-indent:-999px;
    overflow:hidden;
}

ul#navigation > li > a#eshop {
    position:relative;
    width:165px;
    padding:17px 0px 0 0px;
    text-align:center;
    color:#fff;
    background:url(/images/main_menu_eshop.jpg) left top no-repeat; 
}

ul#navigation > li#flag a {
    background:none;
    padding:15px 15px 0 10px;
}

ul#navigation > li#search a {
    background:none;
    padding:15px 0 0 0;
}

ul#navigation > li > a#eshop:hover {
    color:#fff;
}

ul#navigation > li:hover > div {
    display:block;
}

ul#navigation > li#adoz-li:hover > form {
    display:block;
}

ul#navigation > li#search:hover > form {
    display:block;
}

ul#navigation li:hover > a, ul#navigation li > a.active {
    color:#f85913;
}

ul#navigation div {
    display:none;
    position:absolute;
    top:34px;
    left:0;
    width:100%;
    z-index:9999999;
    background:url(/images/podmenu_sipka.jpg) 470px 8px no-repeat;
}

ul#navigation div.noArrow {
    background:none;
}

ul#navigation div ul {
    list-style-type:none;
}

ul#navigation div > ul {
    background-color:#2384c6;
    padding-left:200px;
    padding-top:30px;
    padding-bottom:30px;
    margin-top: 15px;
}

ul#navigation form#eshop-log {
    display:none;
    background:url(/images/eshop-form.png) left top no-repeat;
    width:190px;
    height:120px;
    position:absolute;
    right:19px;
    top:48px;
}

ul#navigation form#search-form {
    display:none;
    background:url(/images/search_form_bg.png) left top no-repeat;
    width:192px;
    height:59px;
    position:absolute;
    right:15px;
    top:40px;
}

ul#navigation form#search-form.visible, 
ul#navigation form#eshop-log.visible {
    display:block;
}

ul#navigation form#search-form input[type=text] {
    position:absolute;
    left:17px;
    top:20px;
    width:125px;
    height:28px;
    line-height:20px;
    border:none;
}

ul#navigation form#search-form input[type=submit] {
    position:absolute;
    right:7px;
    top:20px;
    width:30px;
    height:28px;    
    border:none;
    text-indent:-999px;
    overflow:hidden;
    background:none;
    cursor:pointer;
}

ul#navigation form#eshop-log input, ul#navigation form#eshop-log p {
    border:none;
    position:absolute;
}

ul#navigation form#eshop-log input[type=text] {
    left:53px;
    top:12px;
    width:112px;
    height:17px;
}

ul#navigation  form#eshop-log input[type=password] {
    left:43px;
    top:45px;
    width:112px;
    height:17px;
}

ul#navigation  form#eshop-log input[type=submit] {
    right:0px;
    bottom:0px;
    width:49px;
    height:49px;
    background:none;
    text-indent:-999px;
    overflow:hidden;
    cursor:pointer;
}

ul#navigation  form#eshop-log p {
    left:30px;
    bottom:0px;
}
ul#navigation  form#eshop-log p a {
    display:block;
    color:#fff;
    text-decoration:underline;
    font-size:11px;
    line-height:1.5em;
}

ul#navigation div > ul > li {
    float:left;
}

ul#navigation div > ul > li > a {
    position:relative;
    display:block;
    width:80px;
    height:55px;
    padding:10px 20px 0px 60px;
    font-size:15px;
    color:#fff;
    vertical-align:middle;
    font-family:'museo';
    text-shadow: 0px -1px 0px #234d6b; 
}

ul#navigation div > ul > li > a img {
    position:absolute;
    left:0;
    top:0;
}

ul#navigation div > ul > li > a:hover {
    
}


#main {
    padding-top:60px;
}

.column {
    float:left;
}

.column.small {
    width:240px;
}

#cv-formular {
    border: 2px dashed #dedede;
    padding: 30px 20px;
	max-width: 500px;
}

#cv-formular button {
    background: #2384c6;
	color: white;
	border:none;
	text-transform:uppercase;
	font-size: 16px;
	padding:10px 20px;
	cursor: pointer;
}

.alert {
	padding: 20px 20px;
    color:white;
    font-size:16px;
}

.alert-danger {
	background: #f85913; 
}

.alert-success {
    background: green;
}

.column.medium {
    width:480px;
}

.column.large {
    width:760px;
}

.column.rozklik {
    width:340px;
  padding-top:5px;
    padding-right:50px;
}

.column.rozklik.last {
  padding-top:5px;
    padding-right:0px;
}

.column.kompas {
    width:100%;
    background:url(/images/kontakty/pikt_kompas.jpg) left center no-repeat;
    padding-left:50px;
    min-height:50px;
    padding-top:5px;
    float:none;
    padding-bottom:20px;
}

.column.jak-k-nam {
    float:none; 
    width:100%;
    background:url(/images/kontakty/pikt_dostaneme.jpg) left top no-repeat;
    padding-left:60px;
    min-height:50px;
    padding-top:5px;
}

.jak-k-nam-detail {
    display:none;
}

#jak-k-nam-wrapper {
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.7);
    z-index:11;
}

#jak-k-nam-popup {
    position:absolute;
    width:700px;
    padding:30px;
    background-color:#fff;
    display:none;
    z-index:12;
}

#jak-k-nam-popup h3 {
    font-family:'museo';
    font-size:39px;
    color:#2384c6;
    background:url(/images/kontakty/pikt_dostaneme.jpg) left top no-repeat !important;
    padding: 0 0 10px 70px;
}

#jak-k-nam-popup h4 {
    font-family:'museo';
    font-size:18px;
    color:#2384c6;
    margin-bottom:0;
    padding-bottom:0;
}

#jak-k-nam-popup p {
    font-family:'museo';
    font-size:13px;
    margin-bottom:1em;
}

a#jak-k-nam-popup-close {
    position:absolute;
    top:-23px;
    right:20px;
    display:block;
    width:45px;
    height:45px;
    background:url(/library/lightbox/images/close.png) left top no-repeat;
    text-indent:-999px;
    overflow:hidden;
                
}

a.decorated {
    display:block;
    padding-top:22px;
    min-width:301px;
    background:url(/images/link_top_background.jpg) left top no-repeat;
    color:#f85913;
    font-size:13px;
    text-decoration:underline;
}

.text-separator-top {
    width:100%;
    height:40px;
    background: url(/images/text_separator.jpg) no-repeat center top;
}

.text-separator-bottom {
    width:100%;
    height:24px;
    background: url(/images/text_separ_bottom.jpg) no-repeat center bottom;
    padding-top:10px;
    margin-bottom:30px;
}

.text-separator-arrow {
    width:100%;
    height:25px;
    background: url(/images/text_separ_arrow.jpg) no-repeat center bottom;
    margin-bottom:0px;
    position:relative;
    z-index:2;
}

.text-separator-line {
    width:100%;
    height:1px;
    background: url(/images/small_carousel_separ.jpg) no-repeat center bottom;
    margin-bottom:30px;
}

.text-separator-dark {
    width:100%;
    height:41px;
    background: url(/images/text_separ_dark.jpg) no-repeat center top;
    margin-bottom:30px;
}

.text-separator-rozklik {
    width:100%;
    height:42px;
    background: url(/images/onas/rozklik_separ.jpg) no-repeat left top;
    margin-top:30px;
}

.text-separator-title {
    width:100%;
    height:29px;
    background: url(/images/kontakty/title_decorated.jpg) no-repeat left top;
}


#aktuality {
    position:relative;
             
}

#aktuality #aktuality-all {
    display:block;
    width:102px;
    padding-top:42px;
    height:60px;
    float:left;
    background: url(/images/pikt_aktuality.jpg) left top;
    text-align:center;
    font-family:'museo';
    font-size:20px;
    color:#f0eff4;
    margin-right:40px;  
    text-shadow: 0px -1px 0px #234d6b; 
}

#aktuality #archiv {
    display:block;
    width:70px;
    margin-top:20px;
    padding-top:27px;
    height:43px;
    float:left;
    background: url(/images/pikt_archiv.jpg) left top;
    text-align:center;
    font-family:'museo';
    font-size:13px;
    color:#f0eff4;  
    text-shadow: 0px -1px 0px #234d6b; 
}

#aktuality .item {
    position:relative;
    width:220px;
    float:left;
    background: url(/images/aktualita_separ.jpg) repeat-y right top;
    padding-right:20px;
    margin-right:30px;
    min-height:110px;
}

#aktuality .item.last {
    background: none;
    padding-right:10px;
}

#aktuality .item strong {
    display:block;
    font-family:'museo';
    font-size:18px;
    font-weight:500;
    color:#2384c6;
    line-height:1.3em;
    height:2.6em;
    margin-bottom:0.5em;
    overflow:hidden;
}

#aktuality .item a {
    display:block;
    color:#f85913;
    text-decoration:underline;
}
 
#kontaktni-formular {
    width:auto;
    height:auto;
    /*background:url(/images/contact_form_bg.jpg) left top no-repeat;*/
    margin:40px auto;
    position:relative;
}
#kf2 input[type="submit"]{
	background: url(/images/sent.png) no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
	border: none;
	height: 104px;
	width: 104px;
	float: right;
	cursor: pointer;
	margin-top: -20px;
}

#kf2 {
	border: 2px dashed #dedede;
	padding: 40px 50px;
}
#kf2 h3{ margin-bottom: 30px;}
/*
#kontaktni-formular input, #kontaktni-formular textarea {
    position:absolute;
    border:none;
}

#kontaktni-formular input.small {
    width:190px;
    height:30px;
}

#kontaktni-formular input.large {
    width:380px;
    height:35px;
}

#kontaktni-formular textarea {
    width:320px;
    height:85px;
    right:165px;
    bottom:35px;
    resize:none;
}

#kontaktni-formular input#kf-email {
    left:50px;
    top:93px;
}

#kontaktni-formular input#kf-jmeno {
    left:50px;
    bottom:35px;
}


#kontaktni-formular input#kf-firma {
    left:270px;
    bottom:35px;
    width:160px;
}

#kontaktni-formular input[type=submit]{
    width:100px;
    height:100px;
    right:45px;
    bottom:32px;
    background:none;
    text-indent:-999px;
    overflow:hidden;
    cursor:pointer;
}
*/ 


/* o nas sekce */ 

#content-with-subsections {
    position:relative;
    padding-left:300px;
}

#content-with-subsections a {
    color:#f85913;
    text-decoration:underline;
}

#subsection_menu_wrapper {
    position:fixed;
    left:0;
    top:110px;
    width: 100%;
    z-index: 10;
}

#subsection_menu_wrapper.noFixed {
    position:absolute;
    left:0px;
    top:0px;
}

#subsection-menu {
    width:240px;
    position:absolute;
    left:0;
    top:0;
    background:url(/images/submenu_separ.png) right top no-repeat;

}

#subsection-menu  a {
    display:block;
    font-family:'museo';
    font-size:18px;
    color:#2384c6;
    padding-right:30px;
    padding-top:3px;
    margin-bottom:25px;
    min-height:22px;
    text-decoration:none;
}

#subsection-menu  a#dalsi-stranka {
    display:inline-block;
    font-family:'museo';
    font-size:12px;
    background-color:#2384c6;
    color:#fff;
    padding:7px 0 2px 0;
    text-align:center;
    width:70px;
    text-transform:uppercase;
}

#subsection-menu  a#predchozi-stranka {
    display:inline-block;
    font-family:'museo';
    font-size:12px;
    background-color:#2384c6;
    color:#fff;
    padding:7px 0 2px 0;    
    text-align:center;
    width:100px;
    text-transform:uppercase;
}

#subsection-menu  a span {
    font-size:12px;
}


#subsection-menu a:hover {
    color:#f85913;
    #background:url(/images/onas/submenu_arrow.jpg) right top no-repeat;
}
 
#subsection-menu li.current a {
    background:url(/images/onas/submenu_arrow.jpg) 205px top no-repeat;
}

#subsection-menu li.subsection-menu-separ {
    text-indent:-3999px;
    padding-bottom:15px;
    color: #2384C6;
    width:183px;
    background:url(/images/subsection-menu-separ.jpg) left top no-repeat;
}

#subsection-menu li.subsection-menu-with-bullet {
    /*list-style-image: url("/images/onas/ul_li_bullet.jpg");*/
}

#subsection-menu li.subsection-menu-with-bullet a {
    color:#555555;
}

#content-with-subsections a.subsekce-navesti {
    display:block;
    font-family:'museo';
    font-size:15px;
    color:#2384c6;
    text-decoration:none;
}

#content-with-subsections h3 {
    font-family:'museo';
    font-size:18px;
    color:#2384c6;
}

#content-with-subsections h4 {
    font-family:'museo';
    font-size:14px;
    color:#2384c6;
}

#content-with-subsections p span {
    color:#2384c6;
}

#content-with-subsections .list-cile p {
    position:relative;
    padding-left:120px;
    padding-top:20px;
    padding-right:20px;
    height:100px;
    font-family:'museo';
    font-size:18px;
    color:#2384c6;
}

#content-with-subsections .list-cile p img,
#content-with-subsections .list-politika p img,
#content-with-subsections .list-platby p img {
    position:absolute;
    left:0;
    top:0;
	width:auto !important;
	height: auto !important;
}

#content-with-subsections .list-politika p {
    position:relative;
    padding-left:65px;
    min-height:100px;
    padding-right:20px;
}

#content-with-subsections .list-platby p {
    position:relative;
    padding-left:65px;
    min-height:100px;
    padding-right:0px;
}

#content-with-subsections #product ul {
    list-style-image:url(/images/onas/ul_li_bullet.jpg);
    margin-left:30px;
    margin-bottom:25px;
    margin-top:20px;
}

#content-with-subsections ul#lc-bullets {
    margin-left:0px;
    list-style:none;
}


#content-with-subsections ul#lc-bullets div {
    float:left;
    width:80px;
    height:80px;
    border: 1px solid #2384c6;
    border-radius: 40px;
}

#content-with-subsections ul#lc-bullets span {
    display:block;
    float:left;
    width:200px;
    margin-left:20px;
    padding-top:25px;
}

#content-with-subsections ul#lc-bullets li:first-child span {
    padding-top:15px;
}

#content-with-subsections ul#lc-bullets li #lca-1 {
    background:url(/images/linearni-centrum/1.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-2 {
    background:url(/images/linearni-centrum/2.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-3 {
    background:url(/images/linearni-centrum/3.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-4 {
    background:url(/images/linearni-centrum/4.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-5 {
    background:url(/images/linearni-centrum/5.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-6 {
    background:url(/images/linearni-centrum/6.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-7 {
    background:url(/images/linearni-centrum/7.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-8 {
    background:url(/images/linearni-centrum/8.jpg) left top no-repeat;
}

#content-with-subsections ul#lc-bullets li #lca-9 {
    background:url(/images/linearni-centrum/9.jpg) left top no-repeat;
}

#content-with-subsections #product ol li {
    margin-bottom:12px;
}

#content-with-subsections #product ul li {
    line-height:1.3em;
    margin-bottom:1em
}

p.kontakty strong {
    display:inline-block;
    width:140px;
}

#breadcrumb {
    margin-bottom:15px;
    font-size:10px;
}

small {
    font-size:15px;
}



#footer-newsletter {
    position:relative;
    z-index:1;
    background-color:#fff;
    width:100%;
    height:70px;
    padding-top:30px;
}

#footer-newsletter h3 {
    float:left;
    margin-right:30px;
    width:190px;
    font-size:19px;
}

#footer-newsletter img {
    float:left; 
    margin-right:30px;
}

#footer-newsletter form {
    position:relative;
    float:left; 
    width:423px;
    height:50px;
    background:url(/images/newsletter_bg.jpg) left top no-repeat;
    margin-right:30px;
}

#footer-newsletter form input {
    position:absolute;
    border:none;
}

#footer-newsletter form input[type=text] {
    position:absolute;
    border:none;
    width:360px;
    height:30px;
    left:10px;
    top:10px;
}

#footer-newsletter form input[type=submit] {
    position:absolute;
    border:none;
    width:50px;
    height:50px;
    right:0px;
    top:0px;
    text-indent:-999px;
    overflow:hidden;
    background:none;
    cursor:pointer;
}

#footer-newsletter p {
    float:left; 
    width:180px;
    font-size:11px;
    color:#979b9e;
}

#footer-newsletter p a {
    color:#979b9e;
    text-decoration:underline;
}

#footer {
    position:relative;
    z-index:1;  
    background:#d4d4d4;
    padding-bottom:30px;
    text-shadow: 1px 1px 1px #fff;
    width:1030px;
    margin:0px auto;
}
/*
#footer .centerized {
    width:1030px;
    background:#d4d4d4; 
}
*/
#footer .centerized .footer-separator-top {
    width:100%;
    height:32px;
    background: url(/images/footer_separ_top.jpg) no-repeat center top;
    margin-bottom:0px;
}

#footer .centerized .footer-separator-bottom {
    width:100%;
    height:22px;
    background: url(/images/footer_separ_bottom.jpg) no-repeat center bottom;
    margin-top:20px;
    margin-bottom:15px;
    position:relative;
}

#footer .footer-separator-bottom img#foot-logo {
    position:absolute;
    right:5px;
    top:-10px;
}

#footer .footer-separator-bottom img#foot-claim {
    position:absolute;
    right:60px;
    bottom:-38px;
}

#footer .column {
    width:210px;    
}

#footer .column.last {
    width:170px;
}

#footer .column.big {
    width:240px;
}

#footer ul {
    padding-top:12px;
    margin-bottom:15px;
    margin-left:0px;
}

#footer ul > li {
    float:left;
    display:block;
    padding-right:20px;
    margin-right:15px;
    background:url(/images/footer_menu_separator.jpg) right center no-repeat;
    
}

#footer ul > li.last {
    padding-right:0px;
    margin-right:0px;
    background:none;
}

#footer ul > li > a {
    font-family: 'museo';
    font-weight:500;
    margin-top:-2px;    
    font-weight:100;
    color: #2384c6;
	font-size: 15px;
	font-weight: 700;
}

#footer ul:first > li > a {
    
}

#footer ul > li > a:hover {
    color: #f85913;
}

#footer h3 {
    background:url(/images/pikt_mapa.jpg) left center no-repeat;
    height:69px;
    padding-left:130px;
    padding-top:25px;
    margin-left:370px;   
}

#footer h3 span {
    
}

#footer .column strong {
    color:#2384c6;
    font-family:'museo';
    font-size:15px;
    font-weight:700;    
}

#footer .column a {
    #background:url(/images/pikt_mail_small.jpg) left center no-repeat;
    #padding-left:18px;
    height:15px;
    #text-decoration:underline;
}

#footer .column span {
    background:url(/images/pikt_mobil.jpg) left bottom no-repeat;
    padding-left:18px;
    height:15px;
}

#footer p a {
    text-decoration:underline;  
}


#fixed-socials {
    position:fixed;
    right:0;
    bottom:100px;
    z-index:10;
    width:48px;
    height:96px;
}

#fixed-socials a, #fixed-socials a img {
    display:block;
}

#fixed-socials a {
    margin-bottom:10px;;
}
.certifikaty #partners{ padding-left: 60px;padding-right: 60px;}

/* -------------------- END INDIVIDUAL STYLES -------------------- */
#cssmenu{ display: none !important;}
.column.kompas, .column.jak-k-nam{
	width: auto; 
}
  

/******************** Responsive Design ****************************/ 

@media only screen and (max-width: 1199px){
	#partners {
		padding:30px 0;
	}
	#partners img#skf {
		max-width:100%;
		float:none;
		display:block;
		margin-left:0;
		
	}
	#partners p {
		position:relative;
		left:0;
		top:0;
		width:100%;
	}
#footer .column {
	width: 22%% !important;
	min-height: 110px;  
} 
#footer { 
	width: 100%; 
}
#footer ul { 
	margin-left: 0;
} 
#footer .centerized .footer-separator-top, #footer .centerized .footer-separator-bottom{ background-size: 100% auto !important; background-position: center;}     
.centerized { 
	width: 90%; 
}
.column.rozklik {
	width: 48%; 
	padding-right: 20px;
} 
#subsection-menu li.current a{color: #f85913;}   
#sticky_navigation_wrapper{ display: none}
#cssmenu{ display: block!important;position: relative;z-index: 9999;} 
 
#menu-button #mobile-logo {
	width: 165px;
	height: 36px;
	padding: 0;
	background: url(/images/menu_item_logo.jpg) left top no-repeat;
	text-indent: -999px;
	overflow: hidden;
	display: inline-block;
	background-size: 100% auto;
}
#menu-button #flag {
	position:absolute;
	right:65px;
	top:26px;
	padding: 0;
	display: inline-block;
}
#menu-button #flag img {
	height:16px;
}
#subsection_menu_wrapper .centerized{ padding: 0;}  
.kariera #content-with-subsections { 
	padding-left: 0px;
}
.fro_ten .column.medium {
	width: 48%;
} 
.top_et .column.small {
	width: 30% !important;
}
.top_et .column.large {
	width: 40% !important;
}
    
}

/* ---------------------------------------- */
@media only screen and (max-width: 1100px){ 

.top_et #player-wrapper{ display: none!important;}  
.top_et .column.large {
	width: 70% !important;
}    
#footer { 
	width: 100%; 
}
#footer ul { 
	margin-left: 0;
} 
#footer .centerized .footer-separator-top, #footer .centerized .footer-separator-bottom{ background-size: 100% auto !important; background-position: center;}    
#footer .column {
	width: 33.3% !important;
	min-height: 110px;
	margin-bottom: 30px;
}  
.centerized { 
	width: 90%; 
}
.column.rozklik {
	width: 48%; 
	padding-right: 20px;
} 
#bystrice .rozklik img, 
#usti .rozklik img,
#brno .rozklik img,
#praha .rozklik img,
#ostrava .rozklik img{ width: 100%;}
.text-separator-rozklik{ background-size: 100% auto !important; background-position: center;}   
#aktuality-all, #archiv{ display: none!important;}
#aktuality .item { 
	width: 28%; 
	margin-right: 15px; 
}    
} 

/* ---------------------------------------- */

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

#footer ul { 
	margin-left: 0;
}
#footer .centerized {
	width: 90%;
}
#footer .centerized .footer-separator-top, #footer .centerized .footer-separator-bottom{ background-size: 100% auto !important; background-position: center;}    
#footer .column {
	width: 33.3%;
	min-height: 110px;
	margin-bottom: 30px;
}
.column.rozklik {
	width: 100%; 
	padding-right: 0!important;
} 
#subsection-menu { 
	left: -30px 
} 
#content-with-subsections { 
	padding-left: 260px;
} 

#footer .centerized .footer-separator-bottom {
	display:block;
	margin-bottom:60px !important;
}
/*
#footer .footer-separator-bottom img#foot-claim {
	position: relative;
	right: auto;
	bottom: auto;
} 
*/
#content-with-subsections ul#lc-bullets span {  
	width: 60%; 
} 
.fro_ten h3{ font-size: 28px;} 
#aktuality-all, #archiv{ display: none!important;}
#aktuality .item { 
	width: 28%; 
	margin-right: 15px; 
}
.aktuality #product p img {
	width: 100%;
	height: auto;
}
#partners p {
	width: auto; 
} 
#kf2 input[type="submit"]{ 
	height: 64px;
	width: 64px;  
	margin-top: -5px;
}      
}  



/* ---------------------------------------- */

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

#content-with-subsections {
	position: relative;
	padding-left: 0;
}
#subsection-menu {
	width: auto;
	position: inherit; 
}
#subsection_menu_wrapper {
	position: relative !important;
	left: 0;
	top: 0 !important; 
}  
.column.rozklik {
	width: 46% !important;  
	padding-right: 20px;
} 
#subsection-menu{ background: none;}    
#product, #ostrava{
	margin-bottom: 0 !important;
} 
#footer ul > li {
	background: none;
	float: none;
	margin-bottom: 10px;
	padding: 0;
	margin-right: 0;
}
#footer .column {
	width: 50% !important; 
} 
#subsection-menu li.current a { 
    background-position: right top;
} 
.column.kompas, .column.jak-k-nam{
	width: auto; 
} 
#content-with-subsections ul#lc-bullets span { 
	width: 60%; 
}  
#product a#zobrazit-v-eshopu { 
	right: auto; 
} 
#aktuality .item { 
	width: 44%; 
	margin-right: 15px;
    margin-bottom: 15px; 
}
.fro_ten .column.medium {
	width: 100%;
}
.tag_li a {
	display: inline-block; 
	margin-right: 5%;
}  
#slider-left, #slider-right {
	position: absolute; 
}    
#partners p {
	width: auto; 
}
    
}
/* ---------------------------------------- */
@media only screen and (max-width: 640px){
#partners a#skf {
	display: inline-block;
	float: none;
	width: 100%; 
	margin-left: 0; 
}
#partners p {
	width: 100%;
	position: relative;
	left: inherit;
	top: 30px;
	line-height: 1.4em;
	font-size: 12px;
}
}
/* ---------------------------------------- */

@media only screen and (max-width: 585px){ 
.centerized {
	width: auto !important;
	padding: 0 20px;
}
.column.rozklik {
	width: 100% !important;  
	padding-right: 0!important;
} 
#subsection-menu {
	left: 0;
}   
h1, h2, h3, h4 { 
	font-size: 24px; 
} 

#product img {
	width: 100%;
	height: auto;
}
#product .column.rozklik img {
	width: 100% !important;
	height: auto;
}  
#product .owl-item img {
	width: auto;
	height: auto;
}    
#product .column.rozklik h3 img, 
#product .column.rozklik.list-politika img, 
#product .column.rozklik.list-cile img,
#product .column.rozklik.list-platby img{ width: auto !important; } 
.column.rozklik.last[style="position:relative;overflow:hidden;width:380px;height:315px;padding:0;"] { 
	height: 120px !important;
} 
#product {
	min-height: auto;
} 
.owl-carousel { 
	width: auto !important; 
	margin: 0 20px;
}  
#product #little-slider-left {
	left: -15px;
}
#product #little-slider-right {
	right: -15px;
}
#product h3 {
	width: auto; 
} 
#aktuality .item { 
	width: 100%; 
	margin-right: 0;
    margin-bottom: 15px; 
    background: none;
} 
.top_et .column.large {
	width: 100% !important;
}
.top_et .column.small {
	width: 100% !important;
    margin-top: 30px;
}
.top_et h1 {
	font-size: 20px !important;
}
.tgr_line {
	font-size: 20px !important;
} 
.jcarousel-control {
	display: none;
}
#carousel li div { 
	background-size: cover !important;
}
#logo-wrapper { 
	display: none;
}
#partners { 
	padding: 30px 0 41px 0;
}
#kf2 {
	border: 2px dashed #dedede;
	padding: 20px 30px;
}
#main{ padding-bottom: 0px;}
#dialog-form td{ display: block;}
#search-form{ width: auto;}  
#partners a#skf{ margin-right: 0px;}
.jcarousel-container {
	height: 300px; 
} 
#slider-left, #slider-right { 
	top: 120px; 
}  
    
} 
 
/* ---------------------------------------- */

@media only screen and (max-width: 560px){ 
	.hidden-xs, .hidden-sm {
	    display:none !important;
	}
} 

@media only screen and (max-width: 479px){ 
#footer .column {
	width: 100% !important; 
}
.column.kompas, .column.jak-k-nam{
	width: auto; 
} 
    .tag_li a{ margin-bottom: 20px;}  
.tag_li{
	float: none;
	text-align: center;
}
#siimage{
	width: 100% !important; 
}
#eshop-log input[type="text"], #eshop-log input[type="password"] {
	width: 100% !important;
}    

}