body {

   background-color: #f3f3f1;

   margin: 0;

   padding: 0;

   color: #505050;

   font-family: arial;

   font-size: 17px;

   font-weight: normal;

}

section {

   margin: auto;

   padding: 20px 10px 0px 10px;

   max-width: 1100px;

   text-align: left;

}





/*____________________________________________________________________________________________________________________________ TOP___*/

.top_flags {

   background-color: #00C309;

}

.box_flags {

   margin: auto;

   padding: 0px 10px 0px 10px;

   max-width: 1100px;

}

.top {

}

.box_top {

   margin: auto;

   padding: 0px 10px 0px 10px;

   max-width: 1100px;

}

.box_logo {
   padding: 20px 0px 0px 0px;
   float: left;

}

.box_slogan {

   padding: 20px 0px 0px 50px;

   float: left;

}

.box_kontakty {

    background: url("/img/iko_telefon.png");

    background-position: 0 15px;

    background-repeat: no-repeat;

    padding: 10px 0px 10px 0px;

    color: #dd0000;

    font-size: 13px;

    font-weight: normal;

    text-align: right;

    float: right;

}

.box_kontakty strong {

font-size: 23px;

}

.box_kontakty a {

font-size: 21px;

}



.ilustrace {

   background-color: #d3d5c8;

}

.box_ilustrace {

   margin: auto;

   padding: 0px 0px 0px 0px;

   max-width: 1120px;

}

.box_ilustrace_levy {

    margin-right: 270px;

    padding: 15px 40px 15px 15px;

    height: 195px;

    color: #ffffff;

    font-family: arial;

    font-size: 30px;

    font-weight: bold;

    text-shadow: 3px 3px 3px #000000;

    text-align: right;

    overflow: hidden;

    background: #df4b01 url('/img/banners/ban_winter.jpg') no-repeat top center;

}

.box_ilustrace_levy p {

    font-family: arial;

    font-weight: bold;

    color: #ee0000;

    font-size: 30px;

   /* text-shadow: 3px 3px 3px #444444;     */

}



.box_ilustrace_pravy {

    background-color: #00C309;

    padding: 5px 10px 0px 10px;

    width: 250px;

    height: 220px;

    color: #ffffff;

    font-family: arial;

    font-size: 13px;

    font-weight: normal;

    text-align: center;

    float: right;

}

.box_ilustrace_pravy span {

    font-size: 19px;

    font-weight: bold;

}

.box_ilustrace_pravy table {

    margin: 5px 0px 5px 0px;

    width: 100%;

    color: #ffffff;

    font-family: arial;

    font-size: 17px;

    font-weight: normal;

}

.box_ilustrace_pravy table tr.aktivni {

    color: #ffff00;

}

.box_ilustrace_pravy table tr.zvyrazneni {

    color: #cc0000;

}



/*____________________________________________________________________________________________________________________________ TOPMENU___*/

.top_menu {

   background-color: #303030;

}

#logo_mobile {display: none;}

#menu_responzive {

   margin: auto;

   padding: 0px 10px 0px 10px;

   max-width: 1100px;

}

#menu_responzive ul {

   display: table; margin: 0; padding: 0; width: 100%; list-style: none;

}

#menu_responzive li {

   display: table-cell;

}

#menu_responzive a {

   display: block;

   padding: 10px  12px 10px 12px;

   color: #ffff00;

   font-size: 18px;

   font-weight: 400;

   text-align: center;

   text-decoration: none;

}

#menu_responzive a:hover {

   background-color: #00C309;

   color: #ffff00;

   text-decoration: none;

}





/*____________________________________________________________________________________________________________________________ BIGMENU___*/

.bigmenu {

   background-color: #ff0000;

   margin: 15px 0px 10px 0px;

}

.box_bigmenu {

   display: table;

   margin: auto;

   max-width: 1400px;

}

.box_bigmenu a {

   display: table-cell;

   padding: 10px  10px 10px 10px;

   width: 16%;

   color: #f0f0f0;

   font-size: 15px;

   font-weight: 700;

   text-align: center;

   text-decoration: none;

}

.box_bigmenu a.active,

.box_bigmenu a:hover {

   background-color: #00C309;

   color: #f0f0f0;

   text-decoration: none;

}

.box_bigmenu img {

   width: 100%;

}





/*____________________________________________________________________________________________________________________________ OBSAH___*/

.box_obsah {

   margin-right: 300px;

}

h1 {

   margin: 0px;

   padding: 0px 0px 20px 0px;

   color: #00C309;

   font-size: 27px;

   font-weight: 400;

}

h2 {

   margin: 0px;

   padding: 0px 0px 0px 0px;

   color: #00C309;

   font-size: 24px;

   font-weight: 400;

}

h3 {

   margin: 0px;

   padding: 0px 0px 10px 0px;

   color: #00C309;

   font-size: 24px;

   font-weight: 400;

}

p {

   margin: 10px 0px 10px 0px;

   padding: 0px;

}

ul {

   margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 20px;

}

a {

   color: #505050;

   font-size: 17px;

   font-weight: 400;

}

a:hover {

   color: #0c9746;

}

.img_ilustrace {

margin: 0px 20px 20px 0px;

float: left;

}

.linkbuton {

   display: table-cell;

   border-radius: 5px;

   background-color: #502113;

   margin: 0px  15px 0px 0px;

   padding: 10px  10px 10px 10px;

   color: #ffffff;

   font-size: 15px;

   font-weight: 400;

   text-align: center;

   text-decoration: none;

   float: left;

}

.linkbuton:hover {

   background-color: #0c9746;

   color: #ffffff;

   text-decoration: underline;

}



.box_pravy {

width: 270px;

float: right;

}

.box_celkovypocet {

background-color: #00C309;

padding: 5px 0px 5px 0px;

color: #ffffff;

font-weight: bold;

text-align: center;

}

.box_celkovypocet b {

font-family: arial;

color: #ffffff;

font-size: 26px;

}

.box_pravy span {

color: #219a31;

font-size: 19px;

}



table {

   color: #ffffff;

   font-family: arial;

   font-size: 16px;

   font-weight: 400;

}

table.fullsize {

   width: 100%;

}



.banner_vlaky {

background-color: #055d7e;

margin: 30px 0px 30px 0px ;

padding: 0px 20px 0px 0px;

color: #ffffff;

font-weight: bold;

text-align: center;

}

.banner_vlaky img {

float: left;

}

.bg_white {

   background-color: #ffffff;

}



.reference_small {

width: 24.5%;

}

.oznameni_red {

border: 0;

background-color: #aa0000;

padding: 15px 0px 15px 0px;

color: #ffff00;

font-size: 18px;

font-weight: bold;

text-align: center;

}



.buttotop, .buttoback {

    display: inline-block;

    border: 0;

    border-radius: 8px;

    background-color: #00C309;

    margin: 0px 4px 4px 4px;

    padding: 10px 0px 10px 0px;

    width: 120px;

    color: #ffffff;

    font-size: 18px;

    font-weight: normal;

    text-align: center;

}



.buttotop {

    width: 120px;

}



.buttoback {

    width: 190px;

}



.buttotop:hover, .buttoback:hover {

    background-color: #502113;

    color: #ffffff;

}





/*____________________________________________________________________________________________________________________________ KATALOG___*/

.katalog {

padding: 0px 7px 0px 7px;

text-align: center;

}

.box_produkt {

display: inline-block;

border: 2px solid #cccccc;

background-color: #ffffff;

margin: 0px 7px 20px 7px;

padding: 0px;

width: 245px;

color: #505050;

line-height: 17px;

text-align: center;

}

.box_produkt:hover {

    box-shadow: 0 0 3px 1px rgba(250, 7, 35, 0.8) !important;

    cursor: pointer;

}

.box_produkt:hover .box_produkt_button {

    background-color: #00C309;

    color: #ffffff;

}

.box_produkt:hover .box_produkt_nazev a {

    font-weight: bold;

    text-decoration: none;

}

.box_produkt_nazev {

background-color: #00C309;

padding: 5px 3px 3px 3px;

height: 35px;

color: #ffffff;

font-size: 19px;

font-weight: 400;

}

.box_produkt_nazev a {

    color: #ffffff;

    text-decoration: none;

}



.box_produkt_img {

position: relative;

overflow: hidden;

}

.box_produkt_img img {

width: 100%;

}

.box_produkt_typ {

height: 17px;

padding: 3px;

text-align: center;

}

.box_produkt_typ_zimni {

    position: relative;

    background-color: #0099CC;

    color: #ffffff;

    font-size: 15px;

    font-weight: bold;

}

.box_produkt_typ_zimni img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    width: 35px;

    height: 35px;

}

.box_produkt_popis {
position: relative;
padding-top: 5px;
height: 120px;
}
.vlajka {
	position: absolute;
	top: 0px;
	left: 0px;
    width: 30px;
}

.box_produkt b {

color: #545451;

}



.box_produkt_button {

display: block;

border: 0;

border-radius: 8px;

background-color: #ff0000;

margin: 0px 4px 4px 4px;

padding: 10px 0px 10px 0px;

width: calc(100% - 8px);

color: #ffffff;

font-size: 18px;

font-weight: normal;

text-align: center;

text-decoration: none;

}





.box_novinka {

display: block;

top: 50px;

left: 0;

position: absolute;

width: 100%;

color: #ff0000;

font-weight: bold;

font-size: 18px;

text-align: center;

z-index: 11;

}

.box_preprodej {

display: block;

top: 40px;

left: 0;

position: absolute;

width: 100%;

color: #FF6600;

font-weight: bold;

font-size: 18px;

text-align: center;

z-index: 11;

}

.box_stav {

background: url("../img/bg_stav.png");

display: block;

top: 50px;

left: 0;

position: absolute;

width: 100%;

color: #ffffff;

font-weight: bold;

font-size: 18px;

text-align: center;

z-index: 12;

}

.box_sleva {

background: url("../img/bg_sleva.png");

background-position: right bottom;

background-repeat: no-repeat;

display: block;

bottom: 3px;

right: 0px;

position: absolute;

padding: 25px 5px 0px 0px;

width: 100%;

height: 33px;

color: #ffffff;

font-weight: bold;

font-size: 13px;

text-align: right;

z-index: 10;

}

.box_cenova_bomba {

background: url("../img/cenova-bomba.png");

background-position: left bottom;

background-repeat: no-repeat;

position: absolute;

bottom: 0;

left: 0;

width: 120px;

height: 120px;

z-index: 11;

}



.cena {

background-color: #333333;

margin-top: 4px;

padding: 5px 0px 5px 0px;

color: #eeeeee;

font-size: 18px;

font-weight: bold;

text-align: center;

}
.cena span {
	font-size: 11px;
	font-weight: 300;
}

.cena_pripravujeme {

    color: #F9B616;

    font-size: 14px;

    font-weight: normal;

}

.cena_akce {

padding: 5px 0px 5px 0px;

font-weight: normal;

text-align: center;

}

.cena_akce b {

color: #dd0000;

font-size: 16px;

}

.ikon-handicap {

    background: url("../img/icon-handicap.png");

    background-position: left top;

    background-repeat: no-repeat;

    position: absolute;

    top: 35px;

    left: 5px;

    border: 0;

    width: 33px;

    height: 33px;

    z-index: 30;

}

.ikon-doprava1 {

    background: url("../img/doprava1.png");

    background-position: right top;

    background-repeat: no-repeat;

    position: absolute;

    top: 0px;

    right: 0px;

    width: 60px;

    height: 60px;

    z-index: 30;

}

.ikon-doprava2 {

    background: url("../img/doprava2.png");

    background-position: right top;

    background-repeat: no-repeat;

    position: absolute;

    top: 0px;

    right: 0px;

    width: 60px;

    height: 60px;

    z-index: 30;

}





/*____________________________________________________________________________________________________________________________ DETAIL___*/

.detail h1 {

    margin-top: 0;

    text-align: left;

    float: left;

}



.detail hr {

    height: 0;

    border: none;

    border-bottom: 1px solid #535353;

}



.detail p.to_up_page {

    margin: 0;

    padding: 0;

    float: right;

}



.detail p.to_up_page a {

    margin: 0;

}



.detail p.text {

    margin-top: 0;

}



.detail .desc {

    float: left;

    width: 32%;

    padding-right: 30px;

}



.detail .phone {

    float: left;

    width: 30%;

    text-align: right;

}



.detail .phone img {

    float: left;

    margin-right: 15px;

}



.detail .phone .vice_info {

    float: left;

    color: #dd0000;

}



.detail .phone .vice_info strong {

    font-size: 22px;

}



.box_ceny {

border-radius: 10px;

background-color: #dddddd;

background-image: url(/img/icon-cena.png);

background-position: left top;

background-repeat: no-repeat;

margin-top: 10px;

padding: 15px 0px 15px 60px;

color: #660000;

font-size: 28px;

font-weight: bold;

}

.detail_sleva {

margin-top: 6px;

color: #006600;

font-size: 16px;

font-weight: bold;

}

.detail_akcni_cena {

margin-top: 6px;

color: #dd0000;

font-size: 20px;

font-weight: normal;

}

.detail_akcni_cena span {

font-size: 25px;

font-weight: bold;

}

.box_prilohy {

background-image: url(/img/icon-documents.png);

background-position: left top;

background-repeat: no-repeat;

margin-top: 10px;

padding: 25px 0px 20px 60px;

}

.box_prilohy a       {color: #663300; font-size: 14px; font-weight: bold; text-decoration: underline;}

.box_prilohy a:hover {color: #dd0000; font-size: 14px; font-weight: bold; text-decoration: underline;}



.detail_img {

    width: 35%;

    float: right;

}



.detail_img img {

    width: calc(100% - 8px);

    border: 1px solid #666;

    padding: 3px;

    float: right;

}



.detail_img .box_detail_social {

    float: right;

}



.detail_galery {

    width: 25%;

    float: left;

    padding-bottom: 5px;

}



.detail_galery img {

    border: 1px solid #535353;

    padding: 3px;

    width: 93%;

}

.detail_img img:hover,

.detail_galery:hover img {

    border: 1px solid #ddd;

    box-shadow: 0 0 3px 2px rgba(10, 150, 35, 0.8);

}





/*____________________________________________________________________________________________________________________________ FORM___*/

.box_form {

   border: #54a506 1px solid;

   border-radius: 15px;

   background-color: #D8F0C8;

   padding: 20px 20px 20px 20px;

   font-weight: bold;

}

.overeni {

   display: none;

}

.pole {

   border: #54a506 1px solid;

   background-color: #eeeeee;

   margin: 3px 0px 5px 0px;

   padding: 6px;

   width: 50%;

   color: #111111;

   font-size: 17px;

}

.textpole {

   border: #54a506 1px solid;

   background-color: #eeeeee;

   margin: 3px 0px 0px 0px;

   padding: 6px;

   width: 50%;

   height: 100px;

   color: #111111;

   font-family: arial;

   font-size: 17px;

}

.buton {

   border: 0;

   border-radius: 7px;

   background-color: #0c9746;

   margin: 20px 0px 0px 0px;

   padding: 10px 30px 10px 30px;

   color: #eeeeee;

   font-size: 20px;

   text-decoration: none;

}

.buton:hover {

   color: #ffffff;

   text-decoration: none;

}





/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/

.but_facebook,

.but_twitter,

.but_google {

   display: block;

   border-radius: 7px;

   margin: 10px 0px 0px 0px;

   padding: 8px 7px 0px 7px;

   /*width: 140px;*/

   height: 22px;

   color: #eeeeee;

   font-family: arial;

   font-size: 12px;

   font-weight: normal;

   text-decoration: none;

   text-align: center;

   float: right;

}

.but_google {

    margin-left: 10px;

    margin-right: 10px;

}



.linkbut_facebook,.linkbut_twitter,.linkbut_google {

   display: block;

   border-radius: 7px;

   margin: 0px 0px 8px 8px;

   padding: 13px 0px 0px 0px;

   width: 190px;

   height: 30px;

   color: #eeeeee;

   font-family: arial;

   font-size: 14px;

   font-weight: normal;

   text-decoration: none;

   text-align: center;

   float: right;

}

.but_facebook,.linkbut_facebook {

   background-color: #425f9c;

}

.but_facebook:hover,.linkbut_facebook:hover {

   background-color: #2e4a83;

   color: #ffffff;

   text-decoration: none;

}

.but_twitter,.linkbut_twitter {

   background-color: #1b95e0;

}

.but_twitter:hover,.linkbut_twitter:hover {

   background-color: #1d75ab;

   color: #ffffff;

   text-decoration: none;

}

.but_google,.linkbut_google {

   background-color: #db4437;

}

.but_google:hover,.linkbut_google:hover {

   background-color: #b73025;

   color: #ffffff;

   text-decoration: none;

}



/*____________________________________________________________________________________________________________________________ BOTTOM___*/

.bottom {

background-color: #d3d5c8;

}

.box_bottom {

margin: auto;

padding: 10px 10px 10px 10px;

max-width: 1100px;

}

.box_botmenu {

display: table;

float: right;

}

.box_botmenu a {

display: table-cell;

padding: 10px 15px 10px 15px;

color: #535353;

font-size: 16px;

font-weight: normal;

text-decoration: none;

text-align: center;

}

.box_botmenu a:hover {

color: #0c9746;

text-decoration: underline;

}





/*____________________________________________________________________________________________________________________________ OBECNE___*/

img {

   border: 0px;

}

hr {

   background-color: #cccccc;

}

.clear {

   clear: both;

}

.left {

   text-align: left;

}

.center {

   text-align: center;

}

.right {

   text-align: right;

}

.justify {

   text-align: justify;

}

.bold {

   font-weight: bold;

}

.fullsize {

   width: 100%;

}

.flo_left {

   float: left;

}

.flo_right {

   float: right;

}

.box25 {

   margin-bottom: 10px;

   padding-bottom: 4px;

   width: 25%;

   text-align: center;

   float: left;

}

.box25r {

   margin-bottom: 10px;

   padding-bottom: 4px;

   width: 25%;

   text-align: center;

   float: right;

}

.box25,.box25r img {

   margin-bottom: 3px;

   width: 98%;

}

.box33 {

   width: 33%;

   float: left;

}

.box33 img {

   padding-bottom: 10px;

   width: 98%;

}

.box50 {

   width: 50%;

   float: left;

}

.box50 img {

   margin-bottom: 30px;

   width: 100%;

}

.box50r {

   width: 50%;

   float: right;

}

.box50r img {

   margin-bottom: 30px;

   width: 100%;

}

.invisible {

   display: none;

}



.jquery-back-to-top {

    background-color: rgba(93, 93, 93, 0.75);

    bottom: 20px;

    color: rgb(255, 255, 255);

    float: right;

    right: 20px;

    width: 60px;

    z-index: 999;

    height: 60px;

    line-height: 60px;

    position: fixed;

}

.jquery-back-to-top:hover {

    background-color: rgb(93, 93, 93);

}



.seo {

    margin: 0;

    padding: 0;

    display: block;

    visibility: hidden;

    height: 0;

    width: 0;

}