body { margin: 0; padding: 0; background: #e9e9e9; font-size: 12px; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; }
h1, h2, h3, h4, p { margin: 0; }

a { text-decoration: underline; color: #ca2128; }
a:hover { text-decoration: none; }
a img { border: none; }
.cleaner { clear: both; width: 100%; height: 0; }

#container { width: 932px; margin: 0 auto; }

#head { width: 100%; height: 103px; float: left; clear: both; margin: 0; background: url(../images/bg_top.png) no-repeat top left; }
#uvod_box { float: left; clear: both; width: 911px; height: 274px; padding: 10px; position: relative; margin: 0 0 22px 0; }
#uvod_text { float: left; padding: 4px 0 0 7px; width: 440px; background: #fff; }
#uvod_banner { position: absolute; top: -20px; right: -32px; width: 493px; height: 303px; }
#boxes.uvod { width: 100%; float: left; clear: both; margin: 0 0 22px 0; }
#boxes.podstranka { width: 461px; float: right; margin: 0 0 16px 0; }
#lcol { float: left; width: 427px; min-height: 627px; padding: 14px 17px; margin: 0 0 24px 0; }
#banner { float: right; margin: 0 -17px 0 0; }
#elreko_box { width: 676px; height: 90px; padding: 12px 10px; float: left; margin: 0 0 24px 0; background: url(../images/bg_elreko_box.png) no-repeat top left; }
#kontakt_box { float: right; width: 140px; height: 80px; padding: 33px 0 0 86px; background: url(../images/bg_kontakt_box.png) no-repeat top left; }
#footer { width: 100%; height: 60px; float: left; clear: both; background: url(../images/bg_footer.png) no-repeat top left; }

#head .logo { float: left; margin: 16px 0 0 0; }
#head .logo p { color: #000; }
#head menu { float: right; margin: 0; padding: 0; }
#head menu li { list-style: none; display: inline; float: left; margin: 0 0 0 4px; }
#head menu li a { display: block; height: 66px; position: relative; float: left; }
#head menu li a span { position: absolute; top: 0; left: 0; width: 100%; height: 66px; background-position: top left; cursor: pointer; }
#head menu li a#m01 { width: 65px; }
#head menu li a#m01 span { background: url(../images/m01.png) no-repeat top left; }
#head menu li a#m02 { width: 99px; }
#head menu li a#m02 span { background: url(../images/m02.png) no-repeat top left; }
#head menu li a#m03 { width: 174px; }
#head menu li a#m03 span { background: url(../images/m03.png) no-repeat top left; }
#head menu li a#m04 { width: 87px; }
#head menu li a#m04 span { background: url(../images/m04.png) no-repeat top left; }
#head menu li a#m05 { width: 68px; }
#head menu li a#m05 span { background: url(../images/m05.png) no-repeat top left; }
#head menu li a:hover span, #head menu li.slc a span { height: 76px; background-position: bottom left!important; }

h1 { font: 20px/34px Arial; color: #414141; margin-bottom: 4px; }
h2 { font: bold 13px Arial; color: #1ca1cc; margin-bottom: 1px; }
h2 a { color: #1ca1cc; }
p.pre { font-weight: bold; color: #1ca1cc; }
p { font: 12px/18px Arial; margin-bottom: 18px; color: #818181; }
.btns { margin-bottom: 0!important; width: 100%; clear: both; float: left; }
.btns a { display: block; width: 115px; height: 29px; background: url(../images/btn.png) no-repeat top left; color: #fff; font: bold 12px/29px Arial; text-decoration: none; text-align: center; margin-right: 8px; float: left; }
.btns a:hover { background-position: bottom left; }

#uvod_text p { margin-bottom: 13px; }

#boxes .box { width: 226px; height: 227px; float: left; margin: 0 8px 0 0; background: url(../images/bg_box.png) no-repeat top left; position: relative; }
#boxes .box h2 { position: absolute; top: 140px; left: 21px; width: 190px; font: bold 12px Arial; color: #fff;  z-index: 10;}
#boxes .box h2 a { display: block; float: left; width: 190px; color: #fff; text-decoration: none; }
#boxes .box h2 a:hover { color: #1ca1cc; }
#boxes .box img { position: absolute; top: 5px; left: 5px; width: 216px; }
#boxes .box a.btn { display: block; float: left; width: 92px; height: 29px; position: absolute; bottom: 6px; right: 5px; background: url(../images/btn_box.png) no-repeat top left; color: #fff; font: bold 12px/29px Arial; text-decoration: none; text-align: center; float: left; }
#boxes .box a:hover.btn { background-position: bottom left; }
#boxes .box_last { margin-right: 0; }
#boxes .slc h2 a { color: #1ca1cc; }
#boxes .margin_bottom { margin-bottom: 10px; }

#elreko_box img.logo { float: left; margin: 0 15px 0 0; }
#elreko_box p { font: 11px/15px Arial; margin-bottom: 3px; }
#elreko_box a.link_out { padding-right: 9px; background: url(../images/ico_out.gif) no-repeat top right; }

#kontakt_box p { color: #fff; font: 11px/16px Arial; }
#kontakt_box p a { color: #fff; }

#lcol h2 { margin-bottom: 3px; }
#lcol h3 { font: bold 12px Arial; color: #414141; }
#lcol ul { margin: 0; padding: 0 0 15px 10px; }
#lcol ul li { color: #818181; list-style: none; padding: 0 0 3px 10px; background: url(../images/ico_ul.gif) no-repeat 0 6px; }
#lcol .fotky { width: 100%; float: left; clear: both; }
#lcol .fotky a { float: left; border: 5px solid #e9e9e9; margin: 0 9px 9px 0; }
#lcol .fotky a:hover { border-color: #1ca1cc; }
#lcol .fotky .last_in_row { margin-right: 0; }

#footer p { float: right; font: 11px/49px Arial; margin: 0 18px 0 0; color: #fff; }
#footer p a { text-decoration: none; color: #fff; }
#footer p a.proidea { color: #1ca1cc; font-weight: bold; }
#footer p a:hover { text-decoration: underline; }
#footer ul { margin: 17px 0 0 20px; padding: 0; float: left; }
#footer ul li { list-style: none; display: inline; float: left; margin-right: 21px; }
#footer ul li a { color: #adadad; font-size: 11px; text-decoration: none; }
#footer ul li a:hover { color: #fff; }