@import url("_default.css");

body { font-family: 'trebuchet ms', tahoma, verdana, helvetica, sans-serif; line-height: 1.4; font-size: 80%; color: #6b6b6b; background: #fff url('../img/main/bg_header.jpg') 0 0 repeat-x; }

a { /*color: #269422;*/ color: #0c3563; text-decoration: none; border-bottom: 1px dotted #0c3563; }
a:hover { border-bottom: 1px solid #0c3563; }
a.outlink { padding: 0 15px 0 0; background: url('../img/icons/outlink.gif') 100% 50% no-repeat; }

div#akce { position: fixed; _position: absolute; top: 200px; z-index: 2; }
div#akce img { position: absolute; cursor: pointer; }
div#akce:hover div#akce_in { display: block; }
div#akce div#akce_in { width: 300px; height: 140px; margin: 0 0 0 35px; padding: 5px 10px; background-color: #2a72ac; color: #fff; }
div#akce div#akce_in span.main { display: block; font-size: 150%; }
div#akce div#akce_in a { color: #fff; }

#page { width: 978px; margin: 0 auto; }

#header a,
#menu a,
#certifikaty a,
#down a { border-bottom: 0; }
#header a:hover,
#menu a:hover,
#down a:hover { border-bottom: 0; text-decoration: underline; }

#header { width: 100%; height: 215px; background: url('../img/main/header.jpg') 0 0 no-repeat; position: relative; }
#header a#logo { display: block; width: 460px; height: 95px; position: relative; top: 25px; left: 380px; }
#header a#h_rs { position: absolute; top: 98px; left: 435px; width: 160px; height: 10px; }
#header a#h_sem { position: absolute; top: 105px; left: 630px; width: 193px; height: 10px; }
#header a#h_www { position: absolute; top: 128px; left: 420px; width: 295px; height: 13px; }
#header a#h_seo { position: absolute; top: 154px; left: 522px; width: 257px; height: 10px; }
#header a#h_eshop { position: absolute; top: 165px; left: 440px; width: 65px; height: 10px; }
#header span#plusone { position: absolute; top: 185px; left: 915px; }

#content { width: 100%; background: url('../img/main/bg_menu.jpg') 0 0 repeat-y; }

#text { width: 700px; padding: 10px 0; float: right; }
#text div#d_nav { padding: 0 0 5px 0; margin: 0 0 10px 0; }
#text h1.h1 { color: #fff; text-shadow: 0 0 3px #000; font-size: 170%; line-height: 39px; padding: 0 0 0 10px; margin: 10px 0 20px 0; font-weight: normal; background: url('../img/main/h1.jpg') 0 0 no-repeat; }
#text p { margin: 10px 0; }
#text hr { border: 1px solid #e7e7e7; }
#text h2 { margin: 15px 0 5px 0; font-size: 170%; color: #0c3461; font-weight: normal; /* background-color: #ebf8ff; */ }
#text h3 { margin: 13px 0 5px 0; font-size: 125%; color: #0c3461; font-weight: normal; }
#text div.h h2,
#text div.h h3 { margin: 0; text-align: center; } 
#text ul { margin: 5px 0 10px 25px; }
#text ul li { margin: 3px 0; *padding-left: 5px; list-style: square url('../img/menu/li.png'); }
#text ul li ul { margin-left: 50px; }
#text ul li ul li { list-style: square; }
#text ul li ul li ul li { list-style: circle; }
#text ul.okey { margin: 0 0 0 275px; padding: 35px 0 0 0; }
#text ul.okey li { margin: 15px 0; list-style: url('../img/menu/li_3.png'); font-size: 170%; }

#text div.sluzby { width: 325px; float: left; margin: 0 20px 20px 0; clear: left; }
#text div.sluzby.last { margin-right: 0; clear: none; }

#text div.akce { padding: 1px 10px; margin: 20px 0; border-left: 5px solid #ccc; }

#text table.cenik { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
#text table.cenik tr { border-bottom: 1px dotted #ccc; }
#text table.cenik tr td { padding: 3px 0; }
#text table.cenik tr td em { color: #ccc; }
#text table.cenik tr td.r strong { color: #3100aa; }

div.bg_long_top { width: 689px; height: 8px; background: url('../img/content/bgs/long_top_blue.jpg') 0 0 no-repeat; margin-top: 30px; }
div.bg_long_middle { width: 659px; padding: 10px 15px; background: url('../img/content/bgs/long_middle_blue.jpg') 0 0 repeat-y; }
div.bg_long_bottom { width: 689px; height: 8px; background: url('../img/content/bgs/long_bottom_blue.jpg') 0 0 no-repeat; margin-bottom: 30px; }
div.bigger { text-align: center; font-size: 140%; color: #202076; }

/* přístup do DEMA */
a.button_access { display: block; width: 272px; color: #000; line-height: 61px; margin: 0 0 20px 250px; font-size: 130%; background: url('../img/icons/button_access.jpg') 0 0 no-repeat; text-decoration: none; text-align: center; border-bottom: 0; }
a.button_access:hover { color: #fff; }

#text div#access { margin: -30px 0 20px 0; }
#text div#access p {  }
#text div#access form fieldset label { display: block; float: left; font-weight: bold; margin-top: 17px; }
#text div#access form fieldset input.text { padding: 7px 3px; margin: 10px 20px; width: 200px; }
#text div#access form fieldset input.submit { padding: 5px 10px; *padding: 10px; }
#text div#access form fieldset small { display: block; font-size: 80%; } 
/* / přístup do DEMA */

/*
a.button_cat { display: block; margin: 30px 0 30px 0; width: 205px; padding: 20px 5px 0 5px; height: 35px; float: left; background: url('../img/icons/button_cat.jpg') 0 0 no-repeat; text-align: center; color: #fff; font-weight: bold; text-decoration: none; }
a.button_cat.double { padding-top: 10px; height: 45px; }
a.button_cat.middle { margin: 30px 27px 20px 27px; }
a.button_cat:hover { color: #ccc; }
*/

#text div#beers { background: url('../img/content/rs/box_beers.jpg') 25px 75% no-repeat; position: relative; padding-bottom: 35px; }
#text div#beers span#version { position: absolute; top: 75px; left: 145px; font-size: 200%; color: #fff; }

#text div#eshop { background: url('../img/content/eshop/box_eshop.jpg') 25px 75% no-repeat; }

.blue_border { border: 1px solid #89b0dc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#text div#slider { position: relative; margin-bottom: 20px; /*padding: 15px;*/ }
#text span#prev,
#text span#next { position: absolute; bottom: 5px; width: 24px; height: 24px; cursor: pointer; z-index: 5; }
#text span#prev { background: url('../img/content/uvod/slidy/nav.png') 0 0 no-repeat; right: 107px; }
#text span#next { background: url('../img/content/uvod/slidy/nav.png') 100% 0 no-repeat; right: 5px; }
#text span#prev:hover { background-position: 0 100%; }
#text span#next:hover { background-position: 100% 100%; }
#text div#nav { position: absolute; bottom: 8px; right: 30px; }
#text div#nav a { font-size: 80%; background-color: #0c3563; margin: 0 2px; padding: 2px 5px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#text div#nav a:hover,
#text div#nav a.activeSlide { background-color: #6fa6e7; }
#text div#slides div { width: 668px; /*width: 100%;*/ padding: 15px; }
#text div#slides div h1,
#text div#slides div h2 { font-size: 290%; font-weight: normal; margin: 0 0 17px 0; text-shadow: none; background: none; padding: 0; }
#text div#slides div img { margin: 0 0 0 15px; }
#text div#slides div img.icon_akce { position: absolute; top: 0; right: 0; }
#text div#slides div p { margin: 0 0 20px 0; font-size: 150%; }
#text div#slides div p.first { color: #0c3563; font-size: 200%; }
#text div#slides div p.j,
#text div#slides div p.r { margin: 0 0 10px 0; font-size: 100%; }

#text div.box { float: left; width: 214px; padding: 5px; margin-bottom: 20px; *margin-bottom: 5px; }
#text div.box.middle { margin-left: 11px; margin-right: 11px; }
#text div.box a { display: block; text-decoration: none; border-bottom: 0; }
#text div.box h2 { line-height: 40px; font-size: 180%; padding: 0 0 0 10px; margin: 0 0 0 5px; background: url('../img/content/uvod/boxy/h2.jpg') 0 0 no-repeat; }
#text div.box h2 a { color: #fff; }
#text div.box h2 a:hover { color: #ccc; }
#text div.box p { margin: 5px 0 5px 5px; }
#text div.box a.but { text-align: center; width: 214px; line-height: 30px; font-size: 120%; color: #269422; font-weight: bold; border-top: 1px dotted #269422; /*font-weight: bold; background: url('../img/icons/button_cat_small.jpg') 0 0 no-repeat;*/ }
#text div.box a.but:hover { color: #0e5690; }
#text div.box.www { background: url('../img/content/uvod/boxy/box_1.jpg') 95% 10% no-repeat; }
#text div.box.eshop { background: url('../img/content/uvod/boxy/box_2.jpg') 95% 10% no-repeat; }
#text div.box.sem { background: url('../img/content/uvod/boxy/box_3.jpg') 95% 10% no-repeat; }

.gray_border { padding: 10px; border: 1px solid #c2c2c2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#text div#about { clear: both; margin-bottom: 20px; }
#text div#about p { margin: 0; }

#text div#why { width: 438px; clear: both; float: left; }
#text div#why h3 { font-size: 170%; margin-top: 0; background: url('../img/menu/li_3.png') 100% 50% no-repeat; }
#text div#why strong { color: #0c3461; }
#text div#why p:first-letter { font-size: 180%; font-weight: normal; line-height: 1; color: #269422; }

#text div#klienti { float: right; width: 204px; margin-bottom: 20px; }
#text div#klienti h3 { margin-top: 0; font-size: 130%; }
#text div#klienti img { width: 125px; margin: 9px 0; }

#text div#certifikaty { float: right; width: 204px; }
#text div#certifikaty h3 { margin-top: 0; font-size: 130%; }
#text div#certifikaty img { width: 125px; }

#text form#kontakt fieldset { width: 510px; float: left; padding: 0 15px 15px 0; border-right: 3px solid #ccc; }
#text form#kontakt fieldset label { display: block; width: 253px; font-weight: bold; }
#text form#kontakt fieldset label span.red { color: #f00; }
#text form#kontakt fieldset input.text,
#text form#kontakt fieldset select,
#text form#kontakt fieldset textarea { display: block; width: 235px; float: left; margin: 2px 10px 5px 0; padding: 7px 3px; border: 1px solid #ccc; }
#text form#kontakt fieldset input.text:focus,
#text form#kontakt fieldset select:focus,
#text form#kontakt fieldset textarea:focus { border: 1px solid #1b49a9; }
#text form#kontakt fieldset textarea { width: 488px; height: 100px; }
#text form#kontakt fieldset select { width: 320px; }
#text form#kontakt fieldset input#submit { width: 200px; height: 35px; padding: 3px; font-weight: bold; }

#text form#newsletter input.text { width: 300px; padding: 7px 3px; border: 1px solid #ccc; }
#text form#newsletter input.submit { padding: 5px 25px; font-weight: bold; }

#text div.ref { margin: 0 0 15px 0; padding: 0 0 20px 0; border-bottom: 1px inset #aaa; }
#text div.ref h3 { margin-top: 0; }
#text div.ref a.outlink,
#text div.ref span.link { display: block; float: right; text-align: right; width: 300px; color: #950d1a; border-bottom: 0; text-decoration: underline; }
#text div.ref a.outlink:hover,
#text div.ref span.link:hover { text-decoration: none; }
#text div.ref img { float: left; width: 300px; border: 1px solid #ccc; padding: 1px; margin: 0 45px 0 0; }
#text div.ref div.podr { float: left; }
#text div.ref div.podr span { display: block; margin: 0 0 10px 15px;  }

#text div#paging a,
#text div#paging strong { padding: 2px 7px; margin: 0 10px; border: 1px solid #ccc; text-decoration: none; }
#text div#paging strong { background-color: #e9eff2; }

#text div#kontakty { width: 150px; float: right; font-size: 125%; }

#menu { width: 262px; padding: 0 0 0 10px; float: left; color: #fff; }
#menu a { color: #fff; }
#menu h4 { color: #fff; font-weight: normal; text-align: right; width: 215px; border-bottom: 1px solid #fff; padding: 0 0 5px 0; margin: 30px 20px 10px 15px; font-size: 120%; }

#menu ul#nav { margin: 10px 0; list-style-type: none; }
#menu ul#nav li { width: 195px; padding: 5px 0 5px 57px; margin: 5px 0 5px 10px; }
#menu ul#nav li a { display: block; width: 179px; padding: 0 0 0 13px; color: #fff; font-size: 125%; text-decoration: none; line-height: 40px; }
#menu ul#nav li a:hover { color: #aaa; }
#menu ul#nav li.active a { color: #fff; background: url('../img/menu/a_active.jpg') 100% 50% no-repeat; }

#menu ul.kont { margin: 5px 0 15px 55px; }
#menu ul.kont li { padding: 2px 0 2px 5px; *padding: 5px 0 5px 10px; font-weight: bold; }
#menu ul.kont li a:hover {  }
#menu ul.kont.tel li { list-style: disc url('../img/menu/tel_icon.jpg'); }
#menu ul.kont.email li { list-style: disc url('../img/menu/email_icon.jpg'); }
#menu ul.kont.fb li { list-style: disc url('../img/menu/fb_icon.jpg'); }

#menu div.novinka { margin: 20px 32px 0 15px; text-align: right; padding: 0 0 10px 0; /*border-bottom: 1px dotted #777;*/ }
#menu div.novinka h5 { margin: 0 0 10px 0; }
#menu div.novinka a { text-decoration: none; }
#menu div.novinka a:hover { text-decoration: underline; }
#menu div.novinka p { margin: 10px 0; color: #aaa; }
#menu div.novinka a.novinka { font-weight: bold; text-decoration: underline; }
#menu div.novinka a.novinka:hover { text-decoration: none; }

#menu div#newsletter form { margin: 0 0 10px 15px; }
#menu div#newsletter form fieldset input.text { padding: 7px 2px; }
#menu div#newsletter form fieldset input.submit { padding: 6px 2px; }
#menu div#newsletter p { margin: 10px 0 10px 15px; width: 215px; text-align: justify; font-size: 90%; }

#down { width: 100%; height: 96px; background: url('../img/main/bg_down.jpg') 0 0 repeat-x; }
#down div#down_in { width: 708px; height: 96px; padding: 0 0 0 270px; margin: 0 auto; color: #000; background: url('../img/main/down.jpg') 0 0 no-repeat; position: relative; }
#down div#down_in span#fb_like { position: absolute; top: 65px; left: 870px; }
#down div#down_in a { color: #fff; font-weight: bold; }
#down div#down_in p#copy { padding-top: 20px; font-weight: bold; float: left; color: #fff; }
#down div#down_in ul { list-style: none; padding: 20px 0 10px 0; _width: 300px; _text-align: right; padding: 0; margin-top: 15px; }
#down div#down_in ul li { display: inline; margin-left: 10px; }