* { margin:0; padding:0; font-family: 'Open Sans', sans-serif; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
html {background: url('../img/bg2.png') repeat-x #becfdf;}
body { padding: 0 0 20px; font-family: 'Open Sans', sans-serif; color:black; font-size: 12px;  position: relative;}
p {line-height: 1.4em;padding: 0 0 15px 0;}

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #00569f;text-decoration: underline;}
a:link {color: #00569f;}
a:focus {color: #00569f; outline: 0}
a:visited {color: #00294b}
a:hover {color: #00294b;text-decoration: none;}



/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 1.6em;  margin: 0; color: #fff;}
h2.classic { font-size: 1.6em; margin: 0 0 15px; color: #fff;padding: 5px 0 7px 15px;background: #148bff;border-top: 5px solid #095eaf;}
h2.classic2 {font-size: 2.0em; background: none; border: 0;color: #2f2f2f;margin: 0; padding: 5px 0 7px 0}
h2 { font-size:1.2em; margin: 15px 0 5px;color: #00569f;  padding: 0 0 5px; }
h3 { font-size:1.1em; margin: 15px 0 5px;color: #00569f;  padding: 0 0 5px; }
h4 { font-size:1.0em; color: #1382b7 }
h5 { font-size:1.0em; }

/* LAYOUT --------------------------------------------------------------------------------------------------------- */
#layout {width: 997px; margin: 0 auto;position: relative;}
/* HEADER ----------------------------------------------------------------------------------------------------- */
#header {height: 137px; position: relative;}

/* logo */
#header a { display: block; color: #fff;text-decoration: none;position: relative; top: 16px;left:-2px;}
#header a:hover {color: #525151}

#header .worktime {position: absolute; top: 15px; right: 90px;color: #fff;width: 180px;text-align: right;}
#header .worktime strong {display: block; font-size: 1.2em;text-align: right;padding-bottom: 3px;}
#header .worktime dl {clear: both; margin: 0;height: 20px; line-height: 20px;}
#header .worktime dl dt {text-align: right;float: left;width: 85px;color: #fff}
#header .worktime dl dd {float: right; padding: 0 0 0 5px;}


.container {background: #fff;}
.stred {text-align: center !important;}
.vlevo {text-align: left !important;}
.vpravo {text-align: right !important;}



.content .banner {
  width: 100%;
}

.content .hp-block {
  float: left;
  width: 173px;
  /*height: 74px;*/
  /*height: 225px;*/
  /*height: 166px;*/
  height: 130px;
  margin: 0 0 5px 0;
  cursor: pointer;
}
.content .hp-block.emise {
  /*background: #0c75db url('../img/box-emise.jpg') no-repeat;*/
  background: #0c75db url('../img/box_emise2.jpg') no-repeat;
}
.content .hp-block.shop {
  margin-left: 13px;
  /*background: #07427c url('../img/box-lpg.jpg') no-repeat;*/
  background: #07427c url('../img/box_eshop2.jpg') no-repeat;
}
.content .hp-block.lpg {
  margin-left: 13px;
  /*background: #07427c url('../img/box-lpg.jpg') no-repeat;*/
  background: #07427c url('../img/cerpaci_stanice_3.jpg') no-repeat;
}
.content .hp-block.ceny {
  margin-left: 11px;
  /*background: #07427c url('../img/box-lpg.jpg') no-repeat;*/
  /*background: #07427c url('../img/cerpaci_stanice_2.jpg') no-repeat;*/
}

.content .hp-block.ceny .aktual-cena {height: 40px; margin: 0 0 5px 0; color: #000;}
.content .hp-block.ceny .aktual-cena span {float: right; color: #fff; padding: 11px 8px 0 0; font-weight: bold; font-size: 1.4em;}
.content .hp-block.ceny .aktual-cena p {float: left; padding: 9px 8px 0 7px; font-weight: bold; font-size: 1.4em;}
.content .hp-block.ceny .aktual-cena.lpg {background: #fecd06 url('../img/black-aktual.gif') no-repeat right}
.content .hp-block.ceny .aktual-cena.diesel {background: #3399ff url('../img/black-aktual.gif') no-repeat right}
.content .hp-block.ceny .aktual-cena.natural {margin-bottom: 10px; background: #03c35e url('../img/black-aktual.gif') no-repeat right}


.content .hp-block .text {
  width: 173px;
  height: 30px;
  /*margin: 8px 0 0 0;*/
  margin: 85px 0 0 0;
  padding: 5px 0px 10px 0px;
  text-align: center;
  /*background-color: rgba(0, 0, 0, 0.7);*/
  background-color: rgba(0, 102, 204, 0.7);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.content .hp-block .text a {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}
.content .hp-block:hover .text {
  /*background-color: rgba(0, 0, 0, 1);*/
  background-color: rgba(0, 102, 204, 1);
}
.content .hp-block:hover .text a {
  color: #fecd06;
}

.hp-block.stanice {
  float: right;
}

/* CONTENT ---------------------------------------------------------------------------------------------------- */
.content {padding: 15px; background: #fff url('../img/content-bg.jpg') no-repeat;float: right;width: 729px;position: relative; top: -32px;}
.content .gradient {background: url('../img/blue-gradient.jpg') repeat-x bottom;margin-bottom: 15px;padding: 0 15px 30px;}
.content .gradient img.flt-r {margin: 0;}

.content .gradient h3 {color: #004e90; font-weight: bold; font-size: 1.4em;margin: 0; padding: 0 0 15px;}
.content .gradient a.more {color: #004e90; font-weight: bold;}
.content .title {font-size: 2.2em;width: 716px; height: 106px; line-height: 106px; padding: 0 0 0 15px;margin: 0 0 10px;border: 0;background: url('../img/title.gif') no-repeat;}
.content .title.prestavby {background: url('../img/title-prestavby.gif') no-repeat;}
.content .title.emise {background: url('../img/title-emise.gif') no-repeat;}
.content .title.lpg {background: url('../img/title-lpg.gif') no-repeat;}
.content .title.klimatizace {background: url('../img/title-klimatizace.gif') no-repeat;}
.content .title.ctyrkolky {background: url('../img/title-ctyrkolky.gif') no-repeat;}
.content .title.bazar {background: url('../img/title-bazar.gif') no-repeat;}
.content p.navigation {padding: 5px 15px; background: #e5e5e5;color: #5a5a5a;margin-bottom: 20px;}
.content p.navigation a {color: #5a5a5a;text-decoration: none;}
.content p.navigation a:hover {color: #000}

.content .side.left {float: left;width: 483px;}
.content .side.left h2 {background:#f0f0f0; font-size: 1.8em; text-transform: uppercase; padding: 10px 10px 10px 0; margin: 0;}
.content .side.left h4 {font-size: 1.4em; color: #0066cc; }
.content .side.left h3 {font-size: 1.3em; color: #000; font-weight: bold; background: #fecd06; padding: 10px; margin: 0; }
.content .side.left span {float: right;}

.content .side.left .news_box {width: 475px; display: block; margin-bottom: 0px; float: left; border-bottom: 2px #f4d322 solid; padding:10px 0;}
.content .side.left .news_box .news_date {width: 100%; text-align: right; border-bottom: 2px #f4d322 solid; margin-bottom: 0px; padding: 10px 0 0 0;}
.content .side.left .news_box .news_title {font-weight: bold; font-size: 17px; margin-top: 5px; margin-bottom: 0px; color: #000;}
.content .side.left .news_box .news_content { color: #000;}

.content p.text {padding: 5px 15px;}
.content img.flt-l {margin: 0 10px 10px 10px;}
.content img.flt-r {margin: 0 10px 10px 10px;}

.content .side.right {float: right;width: 235px;color: #fff}

.content .side.right .newsletter {height: auto; margin: 10px 0 5px 0; color: #000; border:1px #0066cc solid; padding:5px;}
.content .side.right .newsletter .ikona {float:left; margin: 10px;}
.content .side.right .newsletter .nadpis {font-weight:bold; font-size:120%; margin-bottom:5px;}
.content .side.right .newsletter .tlacitko { display:block; cursor:pointer; width:50%; margin:0px auto; background-color:#fecd06; color:#0066cc; border:1px #0066cc solid;
                                             text-align:center; padding:5px; font-weight:bold;}
.content .side.right .newsletter .tlacitko:hover { background-color:#FFF;}


.content .side.right .novinky {background: #f0f0f0;padding: 15px;margin: 15px 0 15px 0; color: #000;}
.content .side.right h3 {margin: 0;padding: 0 0 15px 0; font-size: 1.6em; color: #000;}

.content .side.right .novinky img {float: left; padding: 0 15px 0 0;}
.content .side.right .novinky strong {display: block;}
.content .side.right .novinky strong a {display: block;color: #fff;padding: 0 0 4px}
.content .side.right .novinky p {padding: 5px 0 15px;line-height: 1.3em}

/* nove novinky pro layout bez sloupcu pravy a levy */
.content .bezsloupcu .novinky {background: #999;padding: 15px;margin-bottom: 15px; color:#fff;}
.content .bezsloupcu .novinky h3 {margin: 0;padding: 0; color: #fff; font-size: 2.0em;}
.content .bezsloupcu .novinky span {display: block;padding: 5px 0;}
.content .bezsloupcu .novinky strong {display: block;}
.content .bezsloupcu .novinky strong a {display: block;color: #fff;padding: 0 0 4px}
.content .bezsloupcu .novinky p {padding: 5px 0 15px;line-height: 1.3em}
/* KONEC nove novinky pro layout bez sloupcu pravy a levy */

.content ul {padding: 0 0 10px; margin: 0; margin-left: 20px;}
.content ul li {padding: 5px 0 5px 15px; background: url('../img/li.jpg') no-repeat 2px 10px;}

.content .extra {margin-bottom: 15px;font-weight: bold; font-size: 1.2em; text-align: center; padding: 10px 25px; color: #000;background: #fecd06;}
.content .gallery {text-align: center;position: relative;left: -7px}
.content .gallery a img {border: 1px solid #dddddd;padding: 4px;margin: 0 7px}
.content .gallery a:hover img {border-color: #002b50;}

.content div.flt-l.ceny-montazi {width: 216px}
.content div.flt-l.ceny-montazi img {margin-bottom: 15px}
.content a.more {padding-left: 19px;display: block; background: url('../img/list.gif') no-repeat 0 1px;}
.content div.flt-r.ceny-montazi {width: 500px}
.content div.flt-r.ceny-montazi ul li span {padding-left: 7px;}
.content ul.vyhody {padding-top: 10px;padding-bottom: 10px}
.content ul.vyhody li {float: left; width: 45%;}
.content p.splatky {font-size: 1.6em;margin-top: 15px;line-height: 1.1em; font-weight: bold; color: #000;padding: 10px 20px;background: #ccddec;text-align: center;}
.content p.splatky a {font-size: 0.7em;display: block;font-weight: normal;}

.content .graf {clear: both; height: 300px;margin-bottom: 20px}
.content .graf .col {position: relative;height: 300px;margin-right: 10px;float: left; width: 45px;background: #e9e9e9;}
.content .graf .col div {width: 15px; background: #00569f; position: absolute; bottom: 0; left: 16px;}
.content .graf .col span.top {position: absolute; top: 0;width: 45px;font-weight: bold;display: block; background: #fff; text-align: center; padding: 3px 0;}
.content .graf .col span.top.green {color: green}
.content .graf .col span.top.red {color: red}
.content .graf .col span.btm {position: absolute; bottom: 0;width: 45px;display: block; background: #fff; text-align: center; padding: 3px 0;}
.content .mapa {text-decoration: none;font-size: 1.4em; font-weight: bold; color: #00569f}
.content .kontakty {padding-bottom: 10px}
.content .kontakty .col {width: 25%;float: left;}
.content .kontakty .col address {font-size: 1.2em; padding-bottom: 10px;line-height: 1.4em;font-weight: bold}

.content ul.cats {background: #f9f9f9;border: 1px solid #cbe0f3;padding: 15px;}
.content ul.cats li {float: left; width: 20%;background: none; padding: 0;}
.content ul.cats li a {float: left; display: block; width: 90%;color: #0272c4;padding: 3px 0 3px 10px;background: url('../img/arrow-blue.gif') no-repeat 0 50%;}
.content .cena-bazar{margin: 0;color: #0056a1;font-size: 1.2em;padding-top: 0px}

.eshop{padding-left: 15px;}
.eshop h2 {font-size: 1.5em;}
.eshop h3 {background: #4597e9; color: #000;font-size: 1.2em; padding: 8px 15px;margin: 0;}
.eshop .filtr {color: #0372c6;margin: 0;padding: 0 0 10px;}
.eshop .filtr a {color: #0372c6;font-weight: bold;}
.eshop .filtr .obrazkove {padding-left: 23px; padding-right: 10px; background: url('../img/obrazkove.jpg') no-repeat 0 60%}
.eshop .filtr .tabulkove {padding-left: 23px; background: url('../img/tabulkove.jpg') no-repeat 0 60%}
.eshop .filtr strong {color: #000}
.eshop .filtr span {color: #303130; padding: 0 10px 0 0;}
.eshop .product strong {color: #000;display: inline-block;padding-right: 10px;margin-bottom: 10px;}
.eshop .product span {color: #0373c5;display: inline-block;margin-bottom: 10px;}
.eshop .product {border: 1px solid #d0e3f4;background: url('../img/product-bg.jpg') repeat-x;padding: 10px;margin-bottom: 20px;}
.eshop .product .img {float: left;border: 1px solid #d0e3f4; background: #fff;padding: 5px;text-align: center;position: relative; top: 5px;margin-right: 10px;}
.eshop .product .flt-r {width: 530px;}
.eshop .product .flt-r p {margin-bottom: 20px;}
.eshop .product .flt-r strong.price {color: #0056a1;font-size: 1.2em;float: left;display: block;padding-top: 5px}
.eshop .product .flt-r form {float: right;width: auto;}
.eshop .product .flt-r form fieldset {border: 0; background: none;width: auto;padding: 0;}
.eshop .product .flt-r form fieldset .text {border: 1px solid #4191d6; width: 30px; float: left;padding: 2px 5px;margin-right: 5px;}
.eshop .product .flt-r form fieldset label {display: block; float: left; margin-right: 10px;padding-top: 3px;}
.eshop .product .flt-r form fieldset .koupit {float: left;}

.eshop table {border: 0;}
.eshop table th {border-bottom: 2px solid #fff;font-size: 1.0em;}
.eshop table th.a-right {text-align: right;}
.eshop table td {border: 0;background: #e4f2fb;padding-top: 3px; padding-bottom: 3px;}
.eshop table td.kod {width: 10%}
.eshop table td.name {width: 58%;font-weight: bold;color: #333333}
.eshop table td.price {width: 10%;font-weight: bold;color: #0056a1;text-align: right;}
.eshop table td.form {width:32%}
.eshop table .light td {background: #fafafa;}
.eshop table .form form {padding: 0;position: relative; top: 1px;}
.eshop table .form form fieldset {border: 0;background: none;padding: 0;}
.eshop table .form form fieldset .text {border: 1px solid #4191d6; width: 30px; float: left;padding: 2px 5px;margin-right: 5px;}
.eshop table .form form fieldset label {display: block; float: left; margin-right: 8px;padding-top: 3px;}
.eshop table .form form fieldset .koupit {float: left;}

.content #mybasket {padding: 0}
.content #mybasket .kosik {border-collapse:separate; border-spacing:0;}
.content #mybasket .kosik th {padding: 15px 10px;background: #f7f7f7;border: 1px solid #e5e5e5;color: #000;border-left: 0; border-right: 0;}
.content #mybasket .kosik th.titul {border-left: 1px solid #e5e5e5;text-align: left;width: 35%;}
.content #mybasket .kosik th.bezdph {width: 15%}
.content #mybasket .kosik th.sleva {width: 10%}
.content #mybasket .kosik th.sdph {width: 15%}
.content #mybasket .kosik th.ks {width: 15%}
.content #mybasket .kosik th.odstranit {border-right: 1px solid #e5e5e5;width: 10%;}
.content #mybasket .kosik tbody td {padding: 10px;border-top: 1px solid #fff;background: #c5e3fd}
.content #mybasket .kosik tbody .licha td {background: #daedfc;}
.content #mybasket .kosik tbody td.a-center {text-align: center;}
.content #mybasket .kosik tbody td .count {width: 23px; padding: 3px;border: 1px solid #449dd5; text-align: center;}
.content #mybasket .cena-objednavky {background: #f7f7f7; padding: 15px 10px 15px 10px; color: #fff;border: 1px solid #e5e5e5;font-size: 1.2em;margin: 0 0 10px;color: #555;text-align: right}
.content #mybasket .cena-objednavky h3 {margin-bottom: 5px}
.content #mybasket a.pokracovat,
.content #mybasket .prepocitat {float: right;display: block; margin: 0 0 0 5px;font-family: Arial;font-size: 1.0em;border: 1px solid #717171; background: url('../img/butt-gray-bg.jpg') repeat-x;height: 23px; line-height: 22px;font-weight: bold;text-decoration: none; text-align: center;padding: 0 10px}
.content #mybasket .prepocitat {height: 25px;cursor: pointer;}
.content #mybasket .smazat {display: block; margin: 0 0 0 5px;font-family: Arial;font-size: 1.0em;border: 1px solid #717171; background: url('../img/butt-gray-bg.jpg') repeat-x;height: 25px; cursor: pointer;line-height: 22px;font-weight: bold;text-decoration: none; text-align: center;padding: 0 10px}
.content #mybasket a.pokracovat {font-size: 1.1em;float: left}
.content #mybasket .submit {border: 1px solid #1862a3;text-decoration: none;width: 180px;float: right;cursor: pointer;background: #12589d url('../img/butt-blue-bg.jpg') repeat-x;padding: 4px 10px;font-size: 1.1em;font-weight: bold;color: #fff;text-transform: uppercase;}

.content p.status {}
.content p.status span {background: #f7f7f7;border-bottom: 1px solid #ccc;display: inline-block;width: 241px;text-align: center; line-height: 35px}
.content p.status span.active {background: #E6E6E6;font-size: 1.2em;font-weight: bold; color: #000;border-color: #888}
.content p.small { font-size:10px;}

.content .registrace strong {display: block; margin: 25px 0 10px 0;color: #0158a5}
.content .registrace table {border-collapse:separate; border-spacing:0;width: 100%;margin: 10px 0;}
.content .registrace table tbody td {padding: 10px;border-top: 1px solid #fff;background: #c5e3fd}
.content .registrace table tbody td label {display: block; width: 110px}
.content .registrace table tbody .light td {background: #daedfc;}
.content .registrace table tbody td .text {width: 200px; float: left;padding: 3px;border: 1px solid #449dd5;}
.content .registrace table tbody td .text.short {width: 80px;}
.content .registrace table.registered {border-collapse:separate; border-spacing:0;width: 100%;margin: 10px 0;border: 1px solid #49a0d6;}
.content .registrace table.registered tbody td {padding: 10px;border: 0;background: #ecf7fd;}
.content .registrace table.registered .submit-login {float: left;width: 95px;margin: 0;border: 1px solid #717171; margin-left: 10px;cursor: pointer;background: url('../img/butt-gray-bg.jpg') repeat-x;padding: 2px 5px;font-weight: bold}
.content .registrace table.unregistered {border-collapse:separate; border-spacing:0;width: 100%;margin: 10px 0;}
.content .registrace table.unregistered tbody td {padding: 10px;border: 0;background: #ecf7fd;}
.content .registrace .submit {border: 1px solid #1862a3; width: 180px;float: right;cursor: pointer;background: #12589d url('../img/butt-blue-bg.jpg') repeat-x;padding: 4px 10px;font-size: 0.9em;font-weight: bold;color: #fff;margin-top: 20px;text-transform: uppercase;}
.content .registrace table.registered td.item {padding-left: 0;width: 95%;}
.content .registrace table.registered td.label,
.content .registrace table.unregistered td.label,
.content .registrace table td.label {width: 30%;}

.panel {width: 238px; background: url('../img/panel-bg.jpg') no-repeat;float: left;}
.panel ul {padding: 30px 15px 5px;}
.panel ul li {background: url('../img/nav-sep.jpg') no-repeat 0 0;}
.panel ul li.first {background: none;}
.panel ul li a {display: block; text-decoration: none;color: #000; font-weight: bold; font-size: 1.2em;padding: 8px 5px 8px 15px; background: url('../img/nav-li.jpg') no-repeat 0 52%;}
.panel #eshop_navigace li a{background: none;font-size: 1.3em;font-weight: bold;}
.panel ul li a:hover {color: #00569f}
/* submenu */
.panel ul li ul {padding: 0 0 10px 15px; margin: 0;}
.panel ul li ul li {background: none;}
.panel #eshop_navigace li ul li{margin-left: 15px;}
.panel #eshop_navigace li ul li a {display: block; text-decoration: none;color: #4d4d4d; font-weight: bold; font-size: 1.0em;padding: 8px 5px 8px 15px; background: url('../img/nav-li.jpg') no-repeat 0 52%;}
.panel #eshop_navigace li ul li a:hover{color: #00569f}
.panel ul li ul li a:hover {background: url('../img/arrow-blue.gif') no-repeat 0 50%}

.panel .price {background: #fecd06; margin: 15px;padding: 10px 0 10px 20px;color: #fff;}
.panel .price h3 {color: #000; font-size: 1.5em;line-height:0.9em;padding: 0; margin: 0;}
.panel .price strong {display: block;color: #fff; font-size: 2.6em;line-height:1.8em;padding: 0; margin: 0;}
.panel .price a {color: #000; font-weight: bold; text-decoration: none; display: block; padding: 10px 0 10px 50px;background: url('../img/graf.jpg') no-repeat 0 50%;}
.panel .price a:hover {color: #fff}
.panel .kontakt {background: #e9e9e9; margin: 15px; padding: 15px 0 15px 20px;color: #000}
.panel .kontakt h3 {color: #000; font-size: 1.4em;line-height:1.3em;padding: 0; margin: 0;}
.panel .kontakt address {font-style: normal; padding-top: 10px;line-height: 1.3em;font-size: 1.1em;}
.panel .kontakt p {padding: 10px 0 0 0; line-height: 1.3em;font-size: 1.1em;}

/* FOOTER ----------------------------------------------------------------------------------------------------- */
.footer { clear:both; background: #fff; color: #8a8a8a;}
.footer p {padding: 10px 20px 20px;color: #8a8a8a;font-size: 1.0em;}
.footer a {color: #8a8a8a;}



/* OTHER ----------------------------------------------------------------------------------------------------- */
dl {margin-bottom: 15px}
dl dt {font-weight: bold;color: #00569f;}
dl dd {padding: 5px 5px 5px 10px}
table {border: 1px solid #148bff;border-collapse: collapse;margin-bottom: 10px;width: 100%}
table th {padding: 10px 8px; border-bottom: 2px solid #00569f;text-align: left; background: #148bff;color: #fff; font-size: 1.1em}
table tr td {padding: 8px;border: 1px solid #ccc}
table tr.light td {padding: 8px; background: #f7f7f7}
form fieldset {padding: 15px; border: 1px solid #ccc;background: #f7f7f7}
form fieldset dl {line-height: 33px;clear: both; overflow: hidden;border-bottom: 1px dotted #ccc;margin: 0;}
form fieldset dl.required dt {font-weight: bold;}
form fieldset dl.required dd input {}
form fieldset dl dt {float: left; display: block; width: 250px;font-weight: normal;}
form fieldset dl dd {float: left; display: block; width: 400px;padding: 0;}
form fieldset dl dd .text {padding: 3px;position: relative; top: 1px;}
form fieldset dl dd .text.small {width: 20%;}
form fieldset dl dd .text.medium {width: 50%}
form fieldset dl dd .text.big {width: 99%}
form fieldset dl dd .textarea {padding: 3px;position: relative; top: 4px;width: 99%}
form fieldset dl dd .submit {padding: 2px 15px;position: relative; top: 1px;}
form fieldset dl.submit {border: 0}
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.italic {font-style: italic}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* partnerska sekce \*/
.content .partner-left {width: 350px; float: left;}
.content .partner-left .partner-novinka span { font-style:italic; color: #00569f;}
.content .partner-left .partner-novinka { border-bottom: 1px solid grey; margin-top:10px;}
.content .partner-left .nej { padding: 15px; background:#e5e5e5;}
.content .partner-right {width: 350px; float: right;}
.content .partner-right h3, .content .partner-left h3 { font-size: 18px;}

.content .partner-right li { line-height: 1.0em; font-size:11px;}
.content .partner-right li.pdf { background:url('/img/icon/pdf.gif') no-repeat 0 50%; padding-left:20px;}
.content .partner-right li.zip { background:url('/img/icon/zip.gif') no-repeat 0 50%; padding-left:20px;}
.content .partner-right li.excel { background:url('/img/icon/excel.gif') no-repeat 0 50%; padding-left:20px;}
.content .partner-right li.word { background:url('/img/icon/word.gif') no-repeat 0 50%; padding-left:20px;}
.content .partner-right li.down { background:url('/img/icon/down.gif') no-repeat 0 50%; padding-left:20px;}

/* prihlasovatko */
.panel .prihlaseni { background:#06C; width: 205px; margin-left: 20px; color:#FFF;}
.panel #prihlaseni_text {font-size: 18px; color: black; padding: 10px 20px;}
.panel .prihlaseni span { font-weight:bold; margin-left: 10px;}
.panel .prihlaseni p { padding: 10px 0 0 10px; font-size: 16px; font-weight: bold;}
.panel .prihlaseni .odhlasit { float: right; margin: 0 15px 15px 0 }
.panel .prihlaseni table { border: 0px; color:#FFF; margin: 5px;  }
.panel .prihlaseni table td { border: 0px; padding:5px;}
.panel .prihlaseni table td .prihlas-pole {width: 120px;}

/* z tiny */
.obrazekVpravo {float:right; padding: 0 0 10px 10px}

.vlajky{position: absolute; width: 200px; padding-top: 17px; top: 5px; right: 0px; z-index: 5;}
.vlajky img{margin: 10px; float: right;}

.banner img{
  max-width: 100%;
  margin-top: 10px;
}

.vyprodej .fotka{
  text-align: right; width: 100px;
}
.vyprodej .nazev{
  width: 150px; vertical-align: top; font-weight: bold;
}
.vyprodej .popis{
  vertical-align: top;
}
.vyprodej .cena{
  text-align: right; width: 100px; vertical-align: top;
}

.vyprodejFoto {
  width: 100px;
}



/* COLS ------------------------------------------------------------------------------------------------------- */
.content ul.cols {padding:  0 0 0px;overflow: hidden; margin: 0;}
/*.content ul.cols li {float: left;padding: 0;margin: 0 0 15px 11px; width: 174px;height: 225px;position: relative; cursor: pointer;}*/
.content ul.cols li {float: left;padding: 0;margin: 0 0 15px 11px; width: 174px;height: 130px;position: relative; cursor: pointer;}
.content ul.cols li.center {margin: 0 12px 10px;text-align: left;}
.content ul.cols li.first {margin-left: 0;}
/*.content ul.cols li.prestavby {background: #138eff url('../img/box-prestavby.jpg') no-repeat}*/
.content ul.cols li.prestavby {background: #138eff url('../img/box-prestavby2.jpg') no-repeat}
.content ul.cols li.emise {background: #0c75db url('../img/box-emise.jpg') no-repeat;}
.content ul.cols li.autoservis {background: #138eff url('../img/box-autoservis.jpg') no-repeat}
/*.content ul.cols li.e-shop {background: #0c75db url('../img/box-eshop.jpg') no-repeat;}*/
.content ul.cols li.pneuservis {background: #0c75db url('../img/box-pneuservis.jpg') no-repeat;}
.content ul.cols li.lpg {background: #07427c url('../img/box-lpg.jpg') no-repeat;}
.content ul.cols li.klimatizace {background: #0a559d url('../img/box-klimatizace.jpg') no-repeat;}
.content ul.cols li.ctyrkolky {background: #08447e url('../img/box-ctyrkolky.jpg') no-repeat;}
.content ul.cols li.bazar {background: #06315a url('../img/box-bazar.jpg') no-repeat;}
/*.content ul.cols li h2 {border: 0; padding: 0 0 3px 0; margin: 0; background: none; height: auto; font-size: 1.8em;line-height: 1.0em; font-weight:bold;}*/
.content ul.cols li h2 {border: 0; padding: 0 0 3px 0; margin: 0; background: none; height: auto; font-size: 1.6em;line-height: 1.0em; font-weight:bold;}
.content ul.cols li h2 a {color: #FFF;text-decoration: none;background: none;}
.content ul.cols li h2 a:hover {color: #fecd06;}
.content ul.cols li p {font-size: 1em; line-height: 1.1em; color: #000}
.content ul.cols li p a {color: #000; text-decoration: none;}
.content ul.cols li.prestavby p {top: 74px;}
.content ul.cols li.emise p {top: 59px;left: 13px}
.content ul.cols li.lpg p {top: 59px;left: 13px}
.content ul.cols li.klimatizace p {top: 54px;}
.content ul.cols li.ctyrkolky p {top: 54px;left: 13px}
.content ul.cols li.bazar p {top: 54px;left: 13px}
.content ul.cols li .text {
  width: 144px;
  /*height: 60px;
  margin: 150px 0 0 0;
  padding: 15px 15px 0 15px;*/
  height: 45px;
  margin: 80px 0 0 0;
  padding: 5px 15px 0 15px;
  text-align:center;
  background-color: rgba(0, 102, 204, 0.7);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  color:white;
}
.content ul.cols li:hover .text {
  background-color: rgba(0, 102, 204, 1)
}


.nadpis-novinky {
  margin:0px;
  margin-bottom:0px;
  background-color: white;
  color:#105fa3;
  display:block;
  width:100%;
  border-bottom:2px #f4d322 solid;
  font-size:1.8em;
}

.lpg-prestavba-logo{
  margin-bottom: 20px;
  float: right;
  display: block;
  width: 140px;
  margin-right: 30px;
}

.lpg-prestavba-logo img{
  display:inline-block;
  margin-right: 30px;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}


#menu-logo{
  width: 80%;
  margin-left: 20px;
  margin-right: 20px;
}
#menu-logo img{
  display: block;
  width: 100%;
}

#facebook-sracka{
  margin-top: 20px;
  vertical-align: middle;

}
#facebook-sracka img{
  width: 100%;
}