/* ---------- DEFAULTNÍ NASTAVENÍ, RESETY ---------- */

a img, address, area, big, blockquote, body, caption, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, img, legend, li, map, object, ol, p, pre, small, sub, sup, table, td, th, tr, ul {
  border: 0; margin: 0; padding: 0; text-indent: 0; font-size: 100%;
}

acronym { cursor: help; border-bottom: 1px dotted #000; }
h1, h2, h3, h4, h5, h6 { /*font-family: verdana;*/ clear: both; }
input.submit { display: block; cursor: pointer; clear: both; }
sub, sup { line-height: 1; }
th { font-style: normal; text-align: left; }
th, td { vertical-align: top; }

.floatr { float: right; }
.floatl { float: left; }
.clear { clear: both; }
.r { text-align: right; }
.c { text-align: center; }
.l { text-align: left; }
.j { text-align: justify; }
.hidden { visibility: hidden; }
.none { display: none; }
.red { color: #f00; font-weight: bold; }

.cleaner { font-size: 0; height: 1px; clear: both; }

/* Errorové hlášky */
span.error {
  display: block; width: 90%; margin: 5px auto; text-align: center; font-weight: bold; font-size: 85%; padding: 5px 5px 5px 35px;  min-height: 20px; border: 1px solid #f00; color: #000;
  background: #FFBDC1 url('../img/icons/error.png') 2px 2px no-repeat;
}
span.info {
  display: block; width: 90%; font-size: 85%; margin: 5px auto; text-align: center; font-weight: bold; padding: 5px 5px 5px 35px; min-height: 20px; border: 1px solid #00f;
  background: #c1c5ff url('../img/icons/info.png') 2px 2px no-repeat;
}
/* KONEC Errorové hlášky */

/* ---------- KONEC DEFAULTNÍ NASTAVENÍ, RESETY ---------- */

body { font-family: tahoma, 'trebuchet ms', arial; font-size: 80%; color: #333; background: #e5eff9 url('../img/main/bg.jpg') 0 0 repeat-x; }

a { color: #0e66bd; text-decoration: underline; }
a:hover { text-decoration: none; }
a.outlink { padding: 0 15px 0 0; background: url('../img/icons/outlink.gif') 100% 50% no-repeat; }

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

#header { width: 100%; height: 255px; background: url('../img/main/logo.jpg') 0 0 no-repeat; }
#header div#letters { width: 150px; height: 32px; padding: 3px 0 0 0; position: absolute; left: 950px; text-align: center; background: url('../img/main/bg_letters.png') 0 0 no-repeat; }
#header div#letters a { margin: 0 3px; }
#header h1#logo a { display: block; width: 420px; height: 65px; position: relative; top: 38px; left: 200px; }
#header h2#h1 { color: #052691; font-size: 150%; font-style: italic; width: 325px; text-align: center; position: relative; top: 165px; left: 640px; }

#nb { width: 100%; clear: both; background: url('../img/main/nb_lcd.jpg') 773px 100% no-repeat; }
#bg_menu { width: 100%; background: url('../img/main/bg_menu.jpg') 0 0 repeat-y; }

#wys { width: 640px; padding: 15px 15px 5px 15px; float: right; }
#wys h2 { line-height: 32px; height: 36px; font-size: 170%; margin: 5px 0 5px -5px; color: #1d4199; font-weight: normal; /*color: #1d4199; background: url('../img/content/h2.png') 0 0 no-repeat;*/ }
#wys h3 { color: #888; margin: 10px 0 5px -2px; font-size: 110%; }
#wys p { line-height: 1.3; margin: 5px 0 20px 0; text-align: justify; }
#wys p.down { padding: 0 200px 0 0; }
#wys p.left { width: 270px; min-height: 86px; _height: 86px; float: left; padding: 10px 13px; background: url('../img/content/p_left.png') 0 0 no-repeat; margin: 5px 10px 20px 10px; text-align: left; }
#wys div.sem p.down { padding: 0 300px 0 0; }
#wys hr { width: 100%; margin: 0 auto; border: 1px solid #ccc; clear: both; }

#wys ul { margin: 5px 0 20px 0; }
#wys ul li { margin: 5px 0 5px 40px; list-style: url('../img/icons/li.png'); }
#wys ul li ul { margin: 10px 0; }
#wys ul li ul li { list-style: url('../img/icons/li_sub.png'); }

#wys ul.strong li { font-weight: bold; }

#wys div.www,
#wys div.eshop_h,
#wys div.seo { width: 202px; height: 159px; float: left; margin: 0 10px 30px 0; }
#wys div.www h2,
#wys div.eshop_h h2,
#wys div.seo h2 { background-image: none; font-size: 120%; font-weight: bold; text-align: right; line-height: 20px; margin: 27px 15px 10px 0; font-family: arial; }
#wys div.www p,
#wys div.eshop_h p,
#wys div.seo p { margin: 12px 15px 5px 15px; font-size: 90%; text-align: left; }
#wys div.www a,
#wys div.eshop_h a,
#wys div.seo a { font-weight: bold; margin: 0 0 0 15px; }
#wys div.www { background: url('../img/content/nase_sluzby/www.png') 0 0 no-repeat; }
#wys div.eshop_h { background: url('../img/content/nase_sluzby/eshop.png') 0 0 no-repeat; }
#wys div.seo { background: url('../img/content/nase_sluzby/seo.png') 0 0 no-repeat; }
/*
#wys div.www:hover { background: url('../img/content/nase_sluzby/www_hover.png') 0 0 no-repeat; }
#wys div.eshop_h:hover { background: url('../img/content/nase_sluzby/eshop_hover.png') 0 0 no-repeat; }
#wys div.seo:hover { background: url('../img/content/nase_sluzby/seo_hover.png') 0 0 no-repeat; }
*/
#wys div.www:hover h2,
#wys div.eshop_h:hover h2,
#wys div.seo:hover h2 { color: #000; }

#wys div.redesign_jedna { background: url('../img/content/redesign/human.png') 100% 50% no-repeat; }
#wys div.redesign_dva { background: url('../img/content/redesign/human2.png') 100% 50% no-repeat; }
#wys div.eshop_cont { background: url('../img/content/eshop/human.png') 100% 50% no-repeat; }
#wys div.seo_cont { background: url('../img/content/seo/human.png') 100% 0 no-repeat; }
#wys div.audio_video { background: url('../img/content/audio_video/human.png') 100% 50% no-repeat; padding: 0 0 15px 0; }
#wys div.web_aplikace { background: url('../img/content/web_aplikace/human.png') 100% 50% no-repeat; }
#wys div.graf_sluzby { background: url('../img/content/graf_sluzby/human.png') 100% 50% no-repeat; }
#wys div.admin_sluzby { background: url('../img/content/admin_sluzby/human.png') 95% 0 no-repeat; }
#wys div.sem { background: url('../img/content/sem/human.png') 100% 100% no-repeat; }

#wys ul#mapa_webu li { list-style: square; }
#wys ul#mapa_webu li ul { margin: 5px 0; }
#wys ul#mapa_webu li ul li { list-style: circle; }
#wys ul#mapa_webu li.a { margin: 0 0 3px 25px; }

#wys div.beers,
#wys div.eshop { position: relative; }
#wys div.box,
#wys div.taska { width: 174px; height: 258px; float: left; margin: 15px 0 20px 50px; background: url('../img/content/beers/box.png') 0 0 no-repeat; }
#wys div.taska { width: 167px; height: 271px; float: right; margin: 0 15px 0 0; background: url('../img/content/eshop/box.png') 0 0 no-repeat; }
#wys div.box span { display: block; padding: 80px 0 0 95px; font-size: 170%; font-weight: bold; color: #fff; }
#wys ul.beers { float: left; margin: 35px 0 0 125px; }
#wys ul.eshop { float: left; margin: 25px 0 20px 45px; }
#wys ul.beers li,
#wys ul.eshop li { margin: 5px 0; font-weight: bold; font-size: 110%; list-style: url('../img/content/beers/li.png'); }
#wys a.beers { display: block; float: left; margin: 15px 0 0 75px; width: 274px; height: 60px; background: url('../img/content/beers/button.png') 0 0 no-repeat; }
#wys a.eshop { display: block; float: left; margin: 0 0 0 50px; width: 275px; height: 67px; background: url('../img/content/eshop/button.png') 0 0 no-repeat; }
#wys div#beers_pop,
#wys div#eshop_pop { width: 392px; height: 146px; background: url('../img/content/beers/popup.png') 0 0 no-repeat; position: absolute; top: 50px; left: 100px; }
#wys div#eshop_pop { background: url('../img/content/eshop/popup.png') 0 0 no-repeat; }
#wys div#beers_pop p,
#wys div#eshop_pop p { margin: 50px 35px 0 35px; padding: 5px; border: 1px solid #bbf3a5; background-color: #eff9f2; text-align: left; }
#wys div#beers_pop strong,
#wys div#eshop_pop strong { margin: 0 50px 0 75px; }
#wys div#beers_pop span,
#wys div#eshop_pop span { margin: 0 50px 0 0; }
#wys div#beers_pop a.close,
#wys div#eshop_pop a.close { display: block; width: 68px; margin: 5px auto 0 auto; font-weight: bold; }

#wys form fieldset { padding: 10px; width: 95%; margin: 10px auto; background: url('../img/content/kontakt/human.png') 100% 50% no-repeat; }
#wys form fieldset legend { padding: 5px 10px; font-weight: bold; display: none; }
#wys form fieldset label { display: block; float: left; clear: left; width: 125px; font-weight: bold;}
#wys form fieldset input#yemail,
#wys form fieldset input#telefon,
#wys form fieldset select,
#wys form fieldset textarea { display: block; width: 310px; margin: 2px 0; padding: 3px; }
#wys form fieldset textarea { height: 100px; }
#wys form fieldset select { width: 320px; }
#wys form fieldset input#submit { width: 150px; margin: 5px 0 5px 125px; padding: 3px; }
#wys form fieldset small { font-size: 85%; margin: 0 0 0 125px; }

#wys img.hpp_foto { width: 75px; float: left; margin: 15px 15px 0 0; } 
#wys ul.hpp { float: left; width: 225px; /*margin: 5px 0 30px 0;*/ margin: 5px 75px 30px 0; }
#wys ul.hpp li { list-style: disc; margin: 5px 0 5px 25px; }
#wys ul.hpp li.jmeno,
#wys ul.exter li.jmeno { list-style: none; font-size: 110%; font-weight: bold; margin: 15px 0 0 0; }
#wys ul.hpp li.pozice,
#wys ul.exter li.pozice { list-style: none; font-size: 80%; margin: 0 0 3px 5px; }

#wys ul.exter { float: left; width: 150px; margin: 0 0 20px 0; }

#wys strong.ref { display: block; margin: 15px 0 10px 0; font-size: 120%; }
#wys ul.ref { width: 55%; float: right; }
#wys ul.ref li { margin: 0 0 0 25px; }
#wys ul.ref li.zadavatel { list-style: none; margin: 0 0 5px 0; }
#wys ul.ref li.link { list-style: none; margin: 5px 0; }
#wys ul.ref li.strong { list-style: none; margin: 5px 0 2px 0; font-weight: bold; }
#wys ul.ref li.podrobnosti { list-style: none; margin: 0; }

#wys div.pager { margin: 45px 10px; }

#wys div.partner { margin: 15px 0; }
#wys div.partner img { width: 200px; line-height: 100px; display: block; float: left; margin: 0 150px 0 0; }
#wys div.partner span { display: block; float: left; line-height: 100px; font-weight: bold; font-size: 130%; }

#wys div#tech,
#wys div#prohl,
#wys div#vyhl,
#wys div#pcc { margin: 20px 0; }
#wys div#tech img { width: 67px; }
#wys div#vyhl img { height: 53px; }
#wys div#ppc img { height: 50px; }

#wys div#akce { background: url('../img/content/nase_sluzby/akce.png') 100% 0 no-repeat; position: relative; }
#wys div#akce a#vice_akce { display: block; float: right; margin: 50px 140px 0 0; font-weight: bold; }
#wys div#akce_pop { width: 352px; height: 96px; padding: 40px 20px 15px 20px; background: url('../img/content/nase_sluzby/popup.png') 0 0 no-repeat; position: absolute; top: 30px; left: 150px; }
#wys div#akce_pop p { margin: 7px 0; font-size: 85%; }
#wys div#akce_pop a.close { display: block; width: 25px; margin: 5px auto 0 auto; font-weight: bold; }

#menu { width: 271px; padding: 0 15px 0 13px; float: left; color: #fff; }
#menu a { text-decoration: none; }
#menu ul#menuul { list-style: none; margin: 0 0 5px 0; }
#menu ul#menuul li.menu { display: block; /*height: 77px;*/ /*position: relative; behavior: url('hover.htc');*/ min-height: 77px; _height: 77px; margin: 0 0 5px 0; }
#menu ul#menuul li.menu1 { background: url('../img/menu/o_nas.jpg') 0 0 no-repeat; }
#menu ul#menuul li.menu2 { background: url('../img/menu/tvorba_www.jpg') 0 0 no-repeat; }
#menu ul#menuul li.menu3 { background: url('../img/menu/seo_optimalizace.jpg') 0 0 no-repeat; }
#menu ul#menuul li.menu4 { background: url('../img/menu/beers.jpg') 0 0 no-repeat; }
#menu ul#menuul li.menu5 { background: url('../img/menu/doplnkove_sluzby.jpg') 0 0 no-repeat; }
#menu ul#menuul li.menu6 { background: url('../img/menu/reference.jpg') 0 0 no-repeat; }
#menu ul#menuul li.menu7 { background: url('../img/menu/kontakt.jpg') 0 0 no-repeat; }

#menu ul#menuul li a.menu { display: block; margin: 0 0 0 77px; line-height: 20px; font-weight: bold; color: #ccc; text-decoration: none; width: 67%; padding: 30px 0 5px 5px; border-bottom: 1px solid #1a4d86; }
#menu ul#menuul li a:hover { border-bottom: 1px solid #fff; color: #fff; }
#menu ul#menuul li a.active { color: #fff; border-bottom: 1px solid #fff; }

#menu ul#menuul li ul.sub { display: none; width: 185px; position: relative; left: 76px; list-style: none; background-color: #0b3663; border: 1px solid #1a4d86; border-top: 0; }
#menu ul#menuul li:hover ul.sub,
#menu ul#menuul li.active ul.sub { display: block; }
#menu ul#menuul li ul.sub li a { display: block; padding: 5px 5px 5px 25px; background: url('../img/icons/li_menu.png') 5% 50% no-repeat; font-weight: bold; border: 0; color: #93b0c5; }
#menu ul#menuul li ul.sub li a:hover { color: #0b3663; background-color: #fff; }

#menu h3 { width: 181px; height: 18px; margin: 15px 0 10px 50px; background: url('../img/menu/h3_menu.png') 0 0 no-repeat; }
#menu ul.kont { margin: 15px 0 15px 45px; font-size: 90%; }
#menu ul.kont li a { color: #fff; text-decoration: underline; }
#menu ul.kont li a:hover { text-decoration: none; }
#menu ul.kont li { padding: 0 0 0 5px; font-weight: bold; }
#menu ul.tel li { list-style: disc url('../img/menu/tel_icon.jpg'); }
#menu ul.email li { list-style: disc url('../img/menu/email_icon.jpg'); }
#menu ul.icq li { list-style: disc url('../img/menu/icq_icon.jpg'); }

#down { width: 100%; height: 103px; background: url('../img/main/bg_down.jpg') 0 0 repeat-x; }
#down div#down_in { width: 976px; height: 103px; margin: 0 auto; background: url('../img/main/down.jpg') 0 0 no-repeat; }

#down div#down_in a { font-weight: bold; color: #fff; }
#down div#down_in ul { list-style: none; padding: 20px 0 10px 300px; }
#down div#down_in ul li { display: inline; }
#down div#down_in p#fb a { padding: 0 0 0 30px; float: left; margin: 0 62px 0 150px; line-height: 25px; background: url('../img/icons/fb.png') 0 0 no-repeat; }
#down div#down_in p#copy { color: #fff; font-weight: bold; float: left; }