/* left side of content */
.hp_leftside { margin: 0; padding: 0; width: 424px; height: auto; float: left; }

/* right side of content */
.hp_rightside { margin: 0; padding: 0; width: 376px; height: auto; float: right; }

/* two columns on the right side */
.hp_levy_sloupek { margin: 0; padding: 0; width: 180px; height: auto; float: left; }
.box_top { margin: 15px 0 0 0; padding: 4px 5px 0 7px; width: 168px; height: 21px; font-size: 13px; color: white; }
.box_bottom { margin: 4px 0 0 0; padding: 0; width: 180px; height: auto; font-size: 12px; }
.box_bottom ul { margin: 0; padding: 0; list-style: url(/img/bullet1.png); }
.box_bottom li { margin: 1px 0 0 17px; padding: 0; display: list-item; }
.hp_pravy_sloupek { margin: 0; padding: 0; width: 180px; height: auto; float: right; }

/* news on homepage */
.hp_novinky_wrap { margin: 0; padding: 20px 0 0 0; width: 376px; height: auto; clear: both; font-size: 12px; color: #333333; }
.hp_novinky_top { margin: 0; padding: 0; width: 356px; height: 2px; background: url(/img/novinky-background-top.png) no-repeat; }
.hp_novinky_middle { margin: 0; padding: 0 4px 5px 20px; height: auto; background-color: #F4F4F4; }
.hp_novinky_middle h3 { margin: 0; padding: 5px 0 0 0; font-size: 14px; }
.hp_novinky_middle ul { margin: 0; padding: 0; list-style: url(/img/sidebar-bullet.png); }
.hp_novinky_middle li { margin: 0; padding: 4px 0 1px 0; display: list-item; }
.hp_novinky_bottom { margin: 0; padding: 0; width: 376px; height: 2px; background: url(/img/novinky-background-bottom.png) no-repeat; }

.content h1.hp-heading { position: relative; width: 720px; height: 40px; margin: 30px; padding: 0; font-size: 28px; color: #3f3f3f; /*color: #B0281B;*/ text-transform: uppercase; }
.content h1.hp-heading span { position: absolute; width: 100%; height: 100%; }

.col-1 { margin: 0px 0px 0px 30px; float: left; width: 340px; }
.col-2 { margin: 0px 30px 0px 0px; float: right; width: 340px; }

.col-2 p.highlight { height: 150px; padding-right: 130px; background: url('../img/ntb.gif') right top no-repeat; }

.boxes { clear: both; width: 100%; }
.box { position: relative; width: 340px; margin-bottom: 30px; padding: 10px 0; background: #f0f0f0 url('../img/bg-box.gif') 0 0 repeat-y; }
.box .box-top { display: block; position: absolute; top: 0; left: 0; width: 340px; height: 10px; background: url('../img/bg-box-top.gif') 0 0 no-repeat; }
.box .box-bottom { display: block; position: absolute; bottom: 0; left: 0; width: 340px; height: 10px; background: url('../img/bg-box-bottom.gif') left bottom no-repeat; }

.content .box h2 { margin: 0; padding-left: 50px; font-size: 20px; line-height: 30px; color: #3f3f3f; text-transform: uppercase; }
.content .box ul { margin: 20px 0 0 22px; padding: 0; }
.content .box ul li { list-style-type: none; padding-left: 30px; font-size: 14px; color: #466380; background: url('../img/bullet.gif') 0 5px no-repeat; }

.content .box a.button { display: block; margin: 20px 0 5px 205px; width: 122px; height: 27px; color: #fff; line-height: 27px; text-align: center; text-decoration: none; background: url('../img/button.gif') 0 0 no-repeat; }
.content .box a.button:hover, .content .box a.button:focus, .content .box a.button:active { text-decoration: underline; }

h2.ico-vozidla { background: url('../img/ico-vozidla.gif') 10px 0 no-repeat; }
h2.ico-palivo { background: url('../img/ico-palivo.gif') 10px 0 no-repeat; }
h2.ico-telefony { background: url('../img/ico-telefony.gif') 10px 0 no-repeat; }
h2.ico-osoby { background: url('../img/ico-osoby.gif') 10px 0 no-repeat; }