body { text-align: center; font-family: Tahoma,"Lucida Grande CE",lucida,sans-serif;font-size: .8em;background-color: #eee   }
#head {position: relative; height: 70px; }
#logo { margin: 0; padding: 5px 0 0 7px; font-size: .85em ; }
#logo span {z-index: 5;display: block; position: absolute; width: 204px; height: 57px; background: url("../img/dobryweb-logo.png") top left no-repeat; top: 5px; left: 5px}
h1 { margin: 0; position: absolute; right: 10px; top: 15px;font-size: 2em; color: #f60; font-weight: normal; text-decoration: none; border: none}
h2 { color: #f60; border-bottom: 1px solid #ccc; font-weight: normal; margin-bottom: 5px ; clear: both}
h3 { clear: both; margin-bottom: 5px }

p { margin-top: 5px }
a:link { color: #ff8600; }
a:hover { color: #fff; background-color: #ff8600 }
a:visited { color: #c85500; background: transparent}

address {margin: 0; font-style: normal; padding: 0;  }
#page  { position: relative; width: 760px ; margin: 0; padding: 0; text-align: left; margin: 0  auto}


.cnt {  border: 1px solid #ccc; width: 100%; line-height: 1.5; background-color: #fff; } 
.content {float: left; width: 568px}
.content li { color: #ff8600; list-style-type: square }
.content li span { color: #000 }
.content-in { padding: 5px 20px;  }
.cb { clear: both; }
.f { border: none !important}

p.popisek { padding: 0 10px 10px 10px;margin-bottom: 0; font-size: .85em; border-bottom: 1px solid #ccc; margin-top: 0}
 p.box { border: 2px solid #f60; border-left: none; border-right: none;padding: 5px; background-color: #FFE8BF;}
p.box a:hover { color: #fff }
p.box a:visited { color: #c85500; }

/*SIDEBAR */
.side {float: left; width: 191px; border-left: 1px solid #ccc}
.side h3 { margin: 0; padding: 5px; font-size: .95em; background-color: #ccc }
.nob { border: none }
.side h3 { border-top: 3px solid #ff8600 }
.side img { margin-top: 25px }
.partnerbox { text-align: center; width: 160px;}
.partnerbox img { display: block; margin: 0 auto }

/* MENU */
#menu { background: #eee; padding:  0 0;border-bottom: 3px solid #ff8600; }
#menu ul { margin: 0; padding: 0; border-top: 1px solid #ccc}
#menu ul li {float: left; margin-left: 20px; list-style-type: none; margin-bottom: 0; }
#menu ul li a { color: #000; display: block;text-decoration: none ; padding-bottom: 0; padding:  3px 8px 0 8px;}
#menu ul li a:visited {color: #000;background-color: #eee}
#menu ul li a:hover { background-color: #ccc; color: #000; }
#menu ul li#act a,
#menu ul li#act {color: #fff; background-color: #ff8600 !important; }

/* TABULKY */
table { width: 525px; margin: 15px 0 20px 0 }
table, tr, td, th { border: 1px solid black; border-collapse: collapse; vertical-align: top }
table h3 { font-size: 100%; margin: 0; color: #ff8600 }
table .aut { font-style: italic; }


table th { background-color: #eee; border-top: 2px solid black }
table td, table th { padding: 3px 5px }
tr.ip { font-weight: bold }
tr.break { background-color: #eee}
/* PRIHLASKY */
.regform input { display: block; }
.regform .left { float: left }
.regform fieldset { margin: 10px 0; padding: 5px}
.regform .cboxes input { display: inline }
.regform  div.left { width: 250px }
.regform .poznamka { font-size: 85% }
input.button {display: inline;padding:3px; color: #fff; background-color: #ff8600}
label span { font-weight: bold; color: #ff8600 }
fieldset.in input { display: inline }

#gqc { text-align: center; display: block }
#gqc img { border: 0 none !important; text-decoration: none; padding: 0;  margin: 0}

/* PARTNERI */

.side .partners a { margin: 8px 0; padding: 0; display: block }

.side .partners { text-align: center; padding: 10px 0 }
.side .partners img {margin:5px 0; border: none; background: #fff}
.side .partners a:hover { text-decoration: none; color: #fff; background: transparent }
.content .partners { margin-top: 20px}
/*.content .partners a:hover { background-color: #fff } */
.content .partners img { float: left; clear: both; margin: 2px 10px 25px 10px; border: none }
.content .partners p { top: 5px }
.partner { clear: both }

/* KONTAKT */

.person img { float: left; border: 1px solid black; margin-top: 5px }
.person ul { float: left; margin-left: 0px; padding: 0 5px 5px 5px; margin-top: 0 }
.person ul li { list-style-type: none ; margin-left: 5px}
.person { clear: both; padding: 10px 0; position: relative }
.person h3 {left: 110px; }

/* GALERIE */
.galerie { padding: 5px 0px;  }
.galerie a { float: left  ;display: block; margin: 3px; padding: 0}
.galerie a:hover {background: #fff}
.galerie a img { display: block;border: 0px none;padding: 0; margin: 0}


/* PATICKA */
.foot { clear: both; font-size: .75em; border-top: 1px solid #ccc; height: 55px; margin-top: 25px  }
.foot p { margin: 3px 0 0 5px }
.foot p img { float: left; margin-left: 5px; margin-right: 5px  }
.foot #partners, .foot #mpartners { width: 330px; float: left; padding-top: 10px }