html,body {padding:0px; margin:0px; font:normal normal 0.9em Arial, sans-serif; text-align:center;}
body {
    width: 100%;
    padding: 0;
    margin: 0;
    background:#0F0F0F;
}

form {margin:0px;padding:0px;}
table {border:none;}
img {border:none;}
input {vertical-align:middle;}
a {text-decoration:underline; color:black;}
a:hover {color:#f18200;}
.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.levy2 {float:left; width:49%; _width:46%;}
.levy3 {float:right; width:49%; _width:46%;}
.pravy2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}

.ramecek {border:solid 4px white;}
.ramecek_obrazek img {border:solid 8px #DDD;}
.ramecek_odstavec {padding:8px; background:#DDD;}
.ramecek_ozdobny {background:url("imgs/ozdobny_ram.gif") no-repeat left top; width:200px; height:150px; _height:170px; padding:20px; margin:7px;}
.ramecek_ozdobny2 {background:url("imgs/ozdobny_ram2.gif") no-repeat left top; width:250px; height:167px;  _height:187px; padding:20px; margin:7px;}
.ramecek_ozdobny3 {background:url("imgs/ozdobny_ram3.gif") no-repeat left top; width:350px; height:234px;  _height:254px;  padding:20px; margin:7px;}

.c {width:140px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #D9754B; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px;}
.input_mini {width:25px;}
.button {}
.x {color:black; background-color:#2A7C87; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}


.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#2A7C87;}
.full {width:100%;}
.nic {font-size:1px;}
.input {border:1px solid black;}

h2 {margin-bottom:0px;}

#obsahovka, #titulka {
    background: #0e0e0e url('imgs/bg-body.png') no-repeat top center;
    margin: auto;
}


.frame {width: 945px;margin:auto;position: relative;}

#titulka #hlavicka {height: 569px; background:url("imgs/hlavicka-pruh.png") no-repeat top center; position: relative; z-index:10;}
#obsahovka #hlavicka {background: url("imgs/bg-hlavicka-obsah.jpg") no-repeat #1a1a1e; height: 142px; margin: auto;}

#obsahovka #hlavicka .pozadi {background:#0E0E0E url("imgs/krivky2.png") no-repeat top center; width: 100%; height: 142px;}

#left {float: left; width: 200px;}

#right {float: right; width: 637px;}
#obsahovka #right {width: 713px;}

#text {min-height:500px; height:auto !important; height:500px; padding-bottom:50px;}

.obsah {text-align: left; padding-top:10px;}
#obsah_3 {padding-bottom:125px;}
#drobecky {
    line-height: 33px;
    height: 33px;
    position: relative;
    background: url('imgs/bg-drobecky.jpg') top center no-repeat #c06500;
    text-align: left;
    color: white;
    font-weight: bold;
}
#drobecky a {color:white;}
#drobecky .frame .drobek {margin-left:235px;}

#home a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 330px;
    height: 120px;
    background: url('imgs/logo.png') no-repeat 0 41px;
}

#marketingova-agentura {
    display: block;
    position: absolute;
    top: 60px;
    left: 350px;
    text-transform: uppercase;
    color: white;
    font-size: 30px;
    font-family:'HelveticaNeueW02-Thin';
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 58px;
    background: url('imgs/bg-marketingova-agentura.png') no-repeat left center;
}

.MsoNormal span[style] {font-family: Arial, sans-serif!important;}

#menu {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 5;
    float: right;
}
#menu a {
    float: left;
    color: white;
    text-decoration: none;
    font-size: 14px;
}
#menu a .left, #menu a .right {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
}
#menu a .left {padding: 0 17px 0 20px; background: url('imgs/bg-menu.png') no-repeat top left;}
#menu a .right {width: 1px; background: url('imgs/bg-menu.png') no-repeat -165px 0;}
#menu a:hover .left, #menu a.on .left {background-position: bottom left;}
#menu a:hover .right, #menu a.on .right {background-position: -165px 100%;}
.strankovac {margin-top:15px;}


/* placicky */
#slidehide-container {position: absolute; width: 100%;}
#slidehide-container .slide {position:absolute; top:0px; width:100%; height:569px; background-position: top center; background-repeat: no-repeat; background-color: #1C1B20;}
#snimky {position: absolute; top: 425px; left: 390px; z-index:5;}
#snimky div.puntik {background:url("imgs/puntik.png") left top no-repeat; width: 39px; height: 9px; float: left; margin-right: 5px; cursor: pointer;}
#snimky div.puntik:hover,#snimky .puntik.on {background:url("imgs/puntik.png") left bottom no-repeat;}

.placicka {width:1px; height:1px;}


#stranky-bg {
    position: absolute;
    top: 392px;
    left: 0;
    width: 100%;
    height: 175px;
    background: url('imgs/submenu-pruh.png') bottom center no-repeat;
}
#stranky {
    position: absolute;
    top: 443px;
    left: 0;
    width: 987px;
    height: 125px;
}
#stranky h2 {
		float:left;
    margin: 0!important;
    padding: 0!important;
}
#stranky a {
    display: block;
    float: left;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    width: 164px;
    height: 125px;
    text-decoration: none;
}
#stranky a:hover {
    background: url('imgs/stranky/bg-stranky-on-6.png') no-repeat; cursor: pointer;
}
#stranky .l {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 30px;
}
#stranky .r {/* h2 */
    display: block;
    float: right;
    width: 72px;
    height: 100%;
    text-align: left;
    font-weight: bold;
    margin: 10px 5px 0 0;
}

a#stranka-2 {width:193px;}
#stranky a#stranka-2:hover {background: url('imgs/stranky/bg-stranky-on.png') no-repeat;}
#stranky a#stranka-2 .r {width:91px;}

a#stranka-4 {width:144px;}
#stranky a#stranka-4:hover {background: url('imgs/stranky/bg-stranky-on-6-small.png') no-repeat;}
#stranky a#stranka-4 .r {width:50px;}

a#stranka-3 {width:144px;}
#stranky a#stranka-3:hover {background: url('imgs/stranky/bg-stranky-on-6-small.png') no-repeat;}
#stranky a#stranka-3 .r {width:65px;}

#stranky a#stranka-1 .r {width:79px;}

#stranka-2 .l {height: 57px; background: no-repeat url('imgs/stranky/mic.png') 0px 100%;} a:hover#stranka-2 .l, a.on#stranka-2  .l {background-position: 0px 0px;}
#stranka-5 .l {height: 77px; background: no-repeat url('imgs/stranky/tshirt.png') -19px 100%;} a:hover#stranka-5  .l, a.on#stranka-5  .l {background-position: -18px 0;}
#stranka-1 .l {height: 67px; background: no-repeat url('imgs/stranky/board.png') 18px -68px;} a:hover#stranka-1  .l, a.on#stranka-1  .l {background-position: 18px 0;}
#stranka-4 .l {height: 81px; background: no-repeat url('imgs/stranky/can.png') 10px 100%;} a:hover#stranka-4  .l, a.on#stranka-4  .l {background-position: 10px 0;}
#stranka-6 .l {height: 74px; background: no-repeat url('imgs/stranky/screen.png') -20px 100%;} a:hover#stranka-6  .l, a.on#stranka-6  .l {background-position: -20px 0;}
#stranka-3 .l {height: 80px; margin-top:25px; background: no-repeat url('imgs/stranky/vino.png') 0px 0px;} a:hover#stranka-3  .l, a.on#stranka-3  .l {background-position: 0px -80px;}
#stranka-3 .r {margin-top:15px; }

.znacky {
    position: absolute;
    left: 20px;
    top: 0px;
}

#clanky {
    position: relative;
    height: 317px;
    width: 100%;
    background: #ce6d00 url('imgs/bg-clanky2.png') no-repeat top center;
}
#clanky-horni {position:absolute; top:0px; background:url("imgs/krivky1.png") left top no-repeat; width:1227px; height:191px;}
#clanky-inner, .slidehide-group {
    position: absolute;
    top: 144px;
    left: 3px;
    width: 100%;
    height: 160px;     
}
#clanky-nadpis {
    text-transform: uppercase;
    color: #630;
    position: absolute;
    top: 110px;
    left: 3px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: white 0px 1px 1px;
}
#clanky-inner .clanek {
    height: 90px;
    text-align: left;
}
#clanky-inner .clanek a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}
#clanky-inner .clanek a:hover {text-decoration: underline;}

#clanky-inner #clanek-1,
#clanky-inner #clanek-4,
#clanky-inner #clanek-7,
#clanky-inner #clanek-10,
#clanky-inner #clanek-13,
#clanky-inner #clanek-16,
#clanky-inner #clanek-19,
#clanky-inner #clanek-22,
#clanky-inner #clanek-25,
#clanky-inner #clanek-28,
#clanky-inner #clanek-31,
#clanky-inner #clanek-34,
#clanky-inner #clanek-37,
#clanky-inner #clanek-40,
#clanky-inner #clanek-43,
#clanky-inner #clanek-46,
#clanky-inner #clanek-49 {
    position: absolute;
    top: 33px;
    left: 24px;
    width: 275px;
}
#clanky-inner #clanek-2,
#clanky-inner #clanek-5,
#clanky-inner #clanek-8,
#clanky-inner #clanek-11,
#clanky-inner #clanek-14,
#clanky-inner #clanek-17,
#clanky-inner #clanek-20,
#clanky-inner #clanek-23,
#clanky-inner #clanek-26,
#clanky-inner #clanek-29,
#clanky-inner #clanek-32,
#clanky-inner #clanek-35,
#clanky-inner #clanek-38,
#clanky-inner #clanek-41,
#clanky-inner #clanek-44,
#clanky-inner #clanek-47,
#clanky-inner #clanek-50 {
    position: absolute;
    top: 33px;
    left: 335px;
    width: 285px;
}
#clanky-inner #clanek-3,
#clanky-inner #clanek-6,
#clanky-inner #clanek-9,
#clanky-inner #clanek-12,
#clanky-inner #clanek-15,
#clanky-inner #clanek-18,
#clanky-inner #clanek-21,
#clanky-inner #clanek-24,
#clanky-inner #clanek-27,
#clanky-inner #clanek-30,
#clanky-inner #clanek-33,
#clanky-inner #clanek-36,
#clanky-inner #clanek-39,
#clanky-inner #clanek-42,
#clanky-inner #clanek-45,
#clanky-inner #clanek-48,
#clanky-inner #clanek-51 {
    position: absolute;
    top: 33px;
    left: 662px;
    width: 272px;
}
/* na zacatek nic nezobrazit */
#clanky-inner .clanek {display: none;}
#clanky-inner #clanek-1, #clanky-inner #clanek-2, #clanky-inner #clanek-3 {display: block;}

#clanky-inner .clanek .text {
    display: block;
    float: right;
    width: 152px;
    height: 96px;
    overflow: hidden;
}
#clanky-inner #clanek-2 .text,
#clanky-inner #clanek-5 .text,
#clanky-inner #clanek-8 .text,
#clanky-inner #clanek-11 .text,
#clanky-inner #clanek-14 .text,
#clanky-inner #clanek-17 .text,
#clanky-inner #clanek-20 .text,
#clanky-inner #clanek-23 .text,
#clanky-inner #clanek-26 .text,
#clanky-inner #clanek-29 .text,
#clanky-inner #clanek-32 .text,
#clanky-inner #clanek-35 .text,
#clanky-inner #clanek-38 .text,
#clanky-inner #clanek-41 .text,
#clanky-inner #clanek-44 .text,
#clanky-inner #clanek-47 .text,
#clanky-inner #clanek-50 .text {
    width: 156px;
}
#clanky-inner #clanek-3 .text,
#clanky-inner #clanek-6 .text,
#clanky-inner #clanek-9 .text,
#clanky-inner #clanek-12 .text,
#clanky-inner #clanek-15 .text,
#clanky-inner #clanek-18 .text,
#clanky-inner #clanek-21 .text,
#clanky-inner #clanek-24 .text,
#clanky-inner #clanek-27 .text,
#clanky-inner #clanek-30 .text,
#clanky-inner #clanek-33 .text,
#clanky-inner #clanek-36 .text,
#clanky-inner #clanek-39 .text,
#clanky-inner #clanek-42 .text,
#clanky-inner #clanek-45 .text,
#clanky-inner #clanek-48 .text,
#clanky-inner #clanek-51 .text {
    width: 144px;
}

#clanky-inner img {
    width: 105px;
    height: 105px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#clanky-next, #clanky-prev {
    display: block;
    width: 14px;
    height: 17px;
    background: url('imgs/bg-arrows.png') no-repeat;
    font-size: 0;
}
#clanky-prev {position: absolute; left: -30px; top: 215px;}
#clanky-next {position: absolute; right: -30px; top: 215px; background-position: 0 -34px;}
#clanky-prev:hover {background-position: 0 -17px; cursor: pointer;}
#clanky-next:hover {background-position: 0 -51px; cursor: pointer;}

#loga {background:url("imgs/loga.png") no-repeat top center; width:100%;}
#loga .pruhy {width:100%; background:url("imgs/krivky1.png") no-repeat top center;}
#loga .znacky-titulka {height:217px; }
.sipka-vpred,.sipka-zpet {background:url("imgs/loga-sipka.png") no-repeat left top; width:23px; height:76px; position: absolute; top:60px; left:-15px; cursor: pointer;}
.sipka-vpred {background-position: bottom left; position: absolute; left:990px;}
.sipka-zpet:hover {background-position: right top;} 
.sipka-vpred:hover {background-position: right bottom;}
#loga .w960 {width:960px; height:auto; margin:auto; position: relative; padding-top:5px;}
#loga img {max-height:58px; max-width:130px; float:none;}
.znacky-titulka div {float:left; width:136px; height:58px; margin:5px 0px; text-align: center;}

#obsahovka #clanky-obsah {
    background: none;
    width: 200px;
}
#obsahovka #clanky-obsah-nadpis {
    text-transform: uppercase;
    font-size: 16px;
    text-transform: uppercase;
    color: #ccc;
    margin: 0 0 20px 0;
    font-family:'HelveticaNeueETW02-75Bd';
    font-weight: normal;
}
#obsahovka .clanek {border-top: 1px solid #666; padding: 20px 0 13px 0;}
#obsahovka #clanky-obsah-inner img {
    width: 49px;
    height: 49px;
    overflow: hidden;
    border: 1px solid #666;
    margin: 0 10px 0 0;
}
#obsahovka #clanky-obsah-inner a {color: white; text-decoration: none;}
#obsahovka #clanky-obsah-inner a:hover {text-decoration: underline;}
#obsahovka #clanky-obsah-inner a strong {line-height: 125%; font-family:'HelveticaNeueETW02-75Bd'; font-weight: normal;}

/*#clanky-obsah-inner .text {font-size: 12px;}*/
#obsahovka #clanky-obsah .text a {display: block;}

#cesty-wamaku-nadpis {
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    margin: 0px 0 10px 0;
}

.obsah {color: #999;}
.obsah a {color: #999;}
.obsah a:hover {color:#f18200;}
.obsah h1 {color: white; margin: 0; padding: 20px 0 10px 0;}
#right h1 {color: white; font-family:'HelveticaNeueETW02-75Bd'; font-weight: normal;}
#right h2, #right h3 {color: #f90; font-family:'HelveticaNeueETW02-75Bd'; font-weight: normal;}


#right #archiv a {display: block; margin-top: 25px;}

.hlavni_aktualita img {
    border: 1px solid #666;
    margin: 0 10px 10px 0;
}
.hlavni_aktualita a {
    font-size: 18px;
    text-decoration: none;
    color: #ccc;
}

#leve-menu {margin-top: 26px;}
#leve-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#leve-menu .superlast {margin-bottom: 30px;}
#leve-menu li.superlast a {border-bottom: 1px solid #e87b02;}
#leve-menu li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    border-top: 1px solid #e87b02;
    border-bottom: 1px solid #212121;
    color: #999999;
}
#leve-menu li a .main {
    padding: 10px 5px 10px 0;
    display: block;
}
#leve-menu li.on a, #leve-menu li.rozbalene a {
    border-top: 1px solid #ef9b3d;
    border-bottom: 1px solid #af5807;
    color: #663300;
    background-color: #de790a;
}

#leve-menu li.uroven3 a {
    padding-left: 10px;
    border-top: 1px solid #ef9b3d;
    border-bottom: 1px solid #af5807;
    color: #663300;
    background-color: #de790a;
}
#leve-menu li a:hover, #leve-menu .uroven3 a.on, #loadbg {
    background: #c06400 url('imgs/bg-leve-menu-hover.png') repeat!important;
    background-position: -12px 50%;
    color: white;
}
#leve-menu .odrazka {background: url('imgs/bg-leve-menu-arrows.png') no-repeat; height: 100%; min-height: 20px; width: 6px; display: block; float: left; margin-right: 10px;} /* FIXME: height 100% */
#leve-menu .uroven2 .odrazka, #leve-menu .uroven2.rodic .odrazka {
    background-position: -6px 50%;
}
#leve-menu .uroven2.rozbalene.rodic .odrazka, #leve-menu .uroven2.on .odrazka {
    background-position: 0 50%;
}
#leve-menu .uroven3 .odrazka {
    background-position: -12px 50%;
}
#loadbg {display: none;}


#slogan {
    margin: 20px 0;
    font-size: 20px;
    color: #999;
    font-weight: normal!important;
}
#slogan, #slogan strong {font-weight: normal!important;}

#paticka {border-top: 1px solid #71726f; margin-top: 10px; padding: 10px 0 20px 0; font-size: 10px;}
#paticka, #paticka a {color: #666;}
#kontaktni-lista {font-size: 12px; padding-bottom: 5px;}
#kontaktni-lista a, #paticka a {display: inline;}
#paticka div.fr img {max-height:15px; margin-right:5px; margin-left:5px;}


.galerie td div {
    width: 202px;
    height: 202px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}

.galerie td div {width:225px; height:180px; overflow: hidden; margin-bottom:10px; border:1px solid #999999;}
.ramecek {border:1px solid #999999;}

.galerie table.loga-partneru {margin-top:20px;}
.galerie table.loga-partneru td {padding:5px;}
.galerie table.loga-partneru td div {width:auto; height:auto; overflow: auto; border:none;}
.galerie table.loga-partneru td div img {max-width:100px; max-height:100px;}
.galerie table.loga-partneru {background:#F17500;}