/* použité barvy:
červená        rgb(195,65,65);
červená:hover  rgb(217,131,130);
zelená         rgb(56,161,33);
zelená:hover   rgb(126,194,111);
oranž          rgb(239,140,36);
oranž:hover    rgb(247,180,112);
*/


/* resetovaci */
html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,p,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,form,label,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
outline: none;
}
.nic {
clear: both;
line-height: 0px;
height: 0px;
}

/* zakladni */
body {
border: 0px none;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
text-align: center;
font-family: Tahoma, Sans, Arial;
font-size: 12px;
background: rgb(100,100,100);
color: rgb(64,64,64);
}

img {
border: 0
}


.ram-hlavicky {
margin: 0px 0 0 0;
padding: 0px 0 0 0;
height: 154px;
width: auto;
background: rgb(100,100,100);
}

.hlavicka {
position: relative;
height: 154px;
width: 920px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: rgb(238,238,238);
border-top: 5px solid rgb(225,225,225);
border-left: 5px dashed rgb(225,225,225);
border-right: 5px dashed rgb(225,225,225);
}

.logo {
position: absolute;
left: 20px;
top: 28px;
}
/* katalogy */
.najitfirmu a {
position: absolute;
top: 5px;
left: 185px;
width: 118px;
height: 140px;
background: url(../img/najitfirmu-background.jpg);
}
.skryty img {
display:none;
}

.najitfirmu a:hover {
background-position: -118px 0;
}

.najitzbozi a {
top: 5px;
left: 303px;
position: absolute;
width: 118px;
height: 140px;
background: url(../img/najitzbozi-background.jpg);
}
.najitzbozi a:hover {
background-position: -118px 0;
}


/* menu - pro návštěvníky */
#menu_pro_navstevniky {
position: absolute;
left: 0;
top: 5px;
}

.zajimavecteni a {
left: 420px;
position: absolute;
width: 124px;
height: 140px;
background: url(../img/zajimavecteni-background.jpg);
}
.zajimavecteni a:hover {
background-position: -124px 0;
}

.soukromainzerce a {
left: 544px;
position: absolute;
width: 124px;
height: 140px;
background: url(../img/soukromainzerce-background.jpg);
}
.soukromainzerce a:hover {
background-position: -124px 0;
}

.vystavyaveletrhy a {
left: 668px;
position: absolute;
width: 125px;
height: 140px;
background: url(../img/vystavyaveletrhy-background.jpg);
}
.vystavyaveletrhy a:hover {
background-position: -125px 0;
}

.pronavstevniky-akt, .pronavstevniky a {
top: 98px;
left: 793px;
position: absolute;
width: 121px;
height: 42px;
background: url(../img/pronavstevniky-background.jpg);
}
.pronavstevniky a:hover {
background-position: -121px 0;
}


.infoservis-akt, .infoservis a {
top: 65px;
left: 793px;
position: absolute;
width: 121px;
height: 33px;
background: url(../img/infoservis-background.jpg);
}
.infoservis a:hover {
background-position: -121px 0;
}

.profirmy-akt, .profirmy a {
top: 32px;
left: 793px;
position: absolute;
width: 121px;
height: 33px;
background: url(../img/profirmy-background.jpg);
}
.profirmy a:hover {
background-position: -121px 0;
}



/* menu - pro firmy */
#menu_pro_firmy {
display: none;
position: absolute;
left: 0;
top: 5px;
}

.lista-profirmy {
background: url(../img/profirmy-menu-background.jpg) rgb(128,128,128) no-repeat;
position: absolute;
top: 0;
left: 420px;
width: 373px;
height: 140px;
color: white;
}

.login {
margin: 40px auto auto 10px;
width: 350px;
height: 30px;
font-size: 9px;
}

.login input {
border: 0;
margin: 0 5px 0 0;
font-size: 9px;
width: 65px;
height: 12px;
background: white;
}

input.login-submit {
height: 14px;
width: 30px;
cursor: hand;
}

.profirmy-odkazy {
line-height: 18px;
margin: 10px auto auto 10px;
width: 350px;
height: 50px;
font-size: 10px;
}

.profirmy-odkazy a, .login a {
padding: 3px 0px 3px 0px;
font-weight: bold;
color: white;
text-decoration: underline;
}
.profirmy-odkazy a:hover, .login a:hover {
background: rgb(190,190,190);
}


/* menu - infoservis */
#menu_infoservis {
display: none;
position: absolute;
left: 0;
top: 5px;
}

.lista-infoservis {
background: url(../img/infoservis-menu-background.jpg) rgb(128,128,128) no-repeat;
position: absolute;
top: 0;
left: 420px;
width: 373px;
height: 140px;
color: white;
}

.infoservis-odkazy {
line-height: 18px;
margin: 70px auto auto 10px;
width: 350px;
height: 50px;
font-size: 10px;
}

.infoservis-odkazy a {
padding: 3px 0px 3px 0px;
font-weight: bold;
color: white;
text-decoration: underline;
}
.infoservis-odkazy a:hover {
background: rgb(190,190,190);
}




/* košík - box */
.kosik-box {
background: url(../img/box-kosik.jpg) no-repeat;
background-position: top right;
margin: 2px 25px 25px auto;
}
.kosik-box h3 {
display: none;
}
.kosik-box-odkazy {
border: 1px dotted rgb(195,65,65);
margin: 22px 0 0 0;
}
.kosik-box-odkazy a {
display: block;
padding: 5px 10px 5px 10px;
color: rgb(195,65,65);
font-weight: bold;
text-decoration: none;
}
.kosik-box-odkazy p {
background: rgb(195,65,65);
color: white;
padding: 5px 10px 5px 10px;
}

.kosik-box-odkazy a:hover {
background: rgb(217,131,130);
color: white;
}




/* katalog-firem */
#katalog_firem {
background: url(../img/box-katalog-firem.jpg) no-repeat;
background-position: top right;
width: 600px;
border-top: 12px solid white;
}
.katalog-firem {
height: 250px;
margin: 22px 0 10px 0;
background: rgb(56,161,33);
border: 1px solid rgb(56,161,33);
}
table.katalog {
width: 578px;
margin: 10px 10px auto 10px;
background: white;
text-align: left;
}
table.katalog td a {
margin: 2px 4px 2px 4px;
font-weight: bold;
font-size: 10px;
display: block;
color: rgb(56,161,33);
text-decoration: none;
}
table.katalog td {
width: 34%;
}
table.katalog td a:hover {
background: rgb(126,194,111);
color: white;
}
.katalog-firem p {
font-size: 10px;
background: rgb(56,161,33);
color: white;
margin: 10px 10px 5px 10px;
font-weight: bold;
}
.zelene-pozadi {
background: rgb(56,161,33);
}

.katalog-firem input {
border: 0;
margin: 0 3px 0 0;
font-size: 10px;
width: 100px;
height: 15px;
border: 1px solid rgb(56,161,33);
background: white;
}




/* katalog zbozi */
#katalog_zbozi {
background: url(../img/box-katalog-zbozi.jpg) no-repeat;
background-position: top right;
border-top: 12px solid white;
width: 600px;
}


.katalog-zbozi {
height: 198px;
margin: 22px 0 10px 0;
background: rgb(195,65,65);
border: 1px solid rgb(195,65,65);
}

.katalog-zbozi table.katalog {
width: 578px;
margin: 10px 10px auto 10px;
background: white;
text-align: left;
}
.katalog-zbozi table.katalog td a {
margin: 2px 4px 2px 4px;
font-weight: bold;
font-size: 10px;
display: block;
color: rgb(195,65,65);
text-decoration: none;
background: white;
}
.katalog-zbozi table.katalog td a:hover {
background: rgb(217,131,130);
color: white;
}
.katalog-zbozi p {
font-size: 10px;
background: rgb(195,65,65);
color: white;
margin: 10px 10px 5px 10px;
font-weight: bold;
}
.cervene-pozadi {
background: rgb(195,65,65);
}

.katalog-zbozi input {
margin: 0 3px 0 0;
font-size: 10px;
width: 100px;
height: 15px;
border: 1px solid rgb(195,65,65);
background: white;
}

input.katalog-submit {
height: 19px;
width: 60px;
cursor: hand;
}


/* **************** obsah ************* */
.ram-obsahu {
height: auto;
background: rgb(100,100,100);
}

.obsah {
background: white;
width: 920px;
margin-top: 0;
padding-top: 0;
margin-left: auto;
margin-right: auto;
min-height: 450px;
border-left: 5px solid rgb(225,225,225);
border-right: 5px solid rgb(225,225,225);
}

.levy-sloupec {
margin: 0px 0 0 0;
float: left;
width: 590px;
}

.pravy-sloupec {
margin: 10px 0 0 0;
float: right;
width: 310px;
text-align: left;
line-height: 16px;
font-size: 11px;
}

.adsense {
height: 60px;
margin: 35px 10px 25px 20px;
background: white;
}
.adsense img {
border: 0;
}

.adsense-maly {
height: 60px;
margin: 0 25px 25px auto;
/*background: rgb(232,232,232);*/
background: white;
text-align: center;
}
.adsense-maly img {
border: 0;
}




/* patka */
.ram-patky {
background: rgb(100,100,100);
}
.patka {
font-size: 9px;
background: rgb(220,220,220);
height: 20px;
width: 920px;
margin: auto;
border-left: 5px solid rgb(225,225,225);
border-right: 5px solid rgb(225,225,225);
}
.patka-text {
display: block;
margin: auto 10px auto auto;
text-align: right;
line-height: 20px;
color: rgb(85,85,85);
}
.patka-text a {
text-decoration: none;
font-size: 9px;
color: rgb(85,85,85);
}
.patka-text a:hover {
text-decoration: underline;
color: rgb(105,155,204);
}
.vymena-odkazu-ram {
background: rgb(100,100,100);
}
.vymena-odkazu {
font-size: 10px;
height: 20px;
width: 920px;
margin: auto;
padding-top: 10px;
line-height: 14px;
color: rgb(150,150,150);
}
.vymena-odkazu a {
color: rgb(150,150,150);
text-decoration: none;
}
.vymena-odkazu a:hover {
text-decoration: underline;
}




/* hlášky */
.hlaska, .hlaska2 {
display: block;
color: white;
font-weight: bold;
background: rgb(126,194,111);
padding: 5px 10px 5px 10px;
}
.hlaska2 {
background: rgb(217,131,130);
}
.hlaska3 {
display: block;
text-align: left;
color: white;
background: rgb(217,131,130);
margin: 0px 10px 10px 20px;
padding: 4px;
font-size: 11px;
}
.hlaska4 {
display: block;
text-align: left;
color: white;
background: rgb(126,194,111);
margin: 0px 10px 10px 20px;
padding: 4px;
font-size: 11px;
}


/* partner sekce */
.partner-sekce-box {
margin: 0 25px 25px auto;
}
.partner-sekce-box-text {
border: 1px dotted rgb(239,140,36);
margin: 25px 0 0 0;
}
.partner-sekce-box-text h4 {
display: block;
padding: 5px 10px 5px 10px;
background: rgb(239,140,36);
color: white;
font-weight: bold;
text-decoration: none;
}

.partner-sekce-box-text p {
text-align:center;
display: block;
padding: 5px 10px 5px 10px;
}

/* oranžový box */
.oranzovy-box {
margin: 0 25px 25px auto;
}
.oranzovy-box h4 {
display: block;
padding: 5px 10px 5px 10px;
background: rgb(239,140,36);
color: white;
font-weight: bold;
text-decoration: none;
}
.oranzovy-box-odkazy {
border: 1px dotted rgb(239,140,36);
margin: 25px 0 0 0;
}
.oranzovy-box-odkazy a {
display: block;
padding: 5px 10px 5px 10px;
color: rgb(239,140,36);
font-weight: bold;
text-decoration: none;
}
.oranzovy-box-odkazy a:hover {
background: rgb(247,180,112);
color: white;
}
.oranzovy-box-text {
border: 1px dotted rgb(239,140,36);
margin: 25px 0 0 0;
}

.oranzovy-box-text input {
width: 200px;
font-size: 13px;
color: rgb(120,120,120);
background: rgb(244,237,234);
border-right: 1px dotted rgb(239,140,36);
border-top: 0px dotted rgb(239,140,36);
border-bottom: 0px dotted rgb(239,140,36);
border-left: 0px dotted rgb(239,140,36);
}
input.vyhledavac-clanku-submit {
width: 70px;
background: white;
border: 1px solid white;
color: rgb(239,140,36);
font-weight: bold;
cursor: hand;
}

/* šedý box */
.sedy-box {
margin: 0 25px 25px auto;
}
.sedy-box h4 {
display: block;
padding: 5px 10px 5px 10px;
background: rgb(169,169,169);
color: white;
font-weight: bold;
text-decoration: none;
}
.sedy-box-text {
border: 1px dotted rgb(169,169,169);
margin: 25px 0 0 0;
}
.sedy-box-text p {
display: block;
padding: 5px 10px 5px 10px;
color: rgb(84,84,84);
}
.sedy-box table {
margin: 3px;
}
.sedy-box input,  .sedy-box textarea {
border: 1px solid rgb(169,169,169);
width: 270px;
}
.sedy-box select {
width: 100%;
display: block;
color: rgb(169,169,169);
}
.sedy-box-text a {
color: rgb(56,161,33);
}
.sedy-box-text a:hover {
color: white;
background: rgb(126,194,111);
}



/* červený box */
.cerveny-box {
margin: 0 25px 25px auto;
}
.cerveny-box h4 {
display: block;
padding: 5px 10px 5px 10px;
background: rgb(195,65,65);
color: white;
font-weight: bold;
text-decoration: none;
}
.cerveny-box-text {
border: 1px dotted rgb(195,65,65);
margin: 25px 0 0 0;
}
.cerveny-box-text p {
display: block;
padding: 5px 10px 5px 10px;
color: rgb(84,84,84);
}
.cerveny-box-text p.input {
display: block;
padding: 0px;
color: rgb(84,84,84);
}
.cerveny-box a {
display: block;
padding: 5px 10px 5px 10px;
color:  rgb(195,65,65);
font-weight: bold;
text-decoration: none;
}
.cerveny-box a:hover {
background: rgb(217,131,130);
color: white;
}
.cerveny-box-text select {
width: 100%;
display: block;
color: rgb(195,65,65);  
}
.cerveny-box-text input {
width: 200px;
font-size: 13px;
color: rgb(120,120,120);
background: rgb(243,233,233);
border-right: 1px dotted rgb(195,65,65);
border-top: 0px dotted rgb(195,65,65);
border-bottom: 0px dotted rgb(195,65,65);
border-left: 0px dotted rgb(195,65,65);
}

/* admin box */
.admin-box {
margin: 0 25px 25px auto;
}
.admin-box h4 {
display: block;
padding: 5px 10px 5px 10px;
background: rgb(56,161,33);
color: white;
font-weight: bold;
text-decoration: none;
}
.admin-box-text {
border: 1px dotted rgb(56,161,33);
margin: 25px 0 0 0;
}
.admin-box-text p {
display: block;
padding: 5px 10px 5px 10px;
color: rgb(195,65,65);
font-weight: bold;
}
.admin-box a {
display: block;
padding: 5px 10px 5px 10px;
color:  rgb(169,169,169);
font-weight: bold;
text-decoration: none;
}
.admin-box a:hover {
background: rgb(169,169,169);
color: white;
}




/* mailform v detailu firmy - antispam */
#firma-mailform {
display:none;
}
.neviditelny {
display: none;
}
object.firma-mapa, iframe.firma-mapa {
border: 1px dotted rgb(169,169,169);
margin-bottom: 30px;
}