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: 20px;font-size: 1.6em; color: #f60; font-weight: normal; text-decoration: none; border: none}
h2 { color: #f60; border-bottom: 1px solid #ccc; font-weight: normal; font-size: 1.4em; margin-bottom: 5px; clear: both; }
h3 { clear: both; margin-bottom: 5px }

p { margin: 10px 0 0 0; }
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}


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


.redbox {border: 1px solid red; padding: 0 1em; background: #ffe0e0;}
.redbox h2 {color: #f00; border: none;}
.redbox a { color: #f00;}

.popisek { padding: 0 10px 10px 10px;margin-bottom: 0; font-size: .85em; border-bottom: 1px solid #ccc; margin-top: 0; text-align: left}
.popisek a { display: inline !important}
.popisek.nob { border: none; }
ul.popisek { padding-left: 30px; }

p.box { border: 2px solid #f60; border-width: 2px 0; padding: 5px; background-color: #FFE8BF;}

p.box.poutac { border-color: #cccccc; background-color: #eeeeee; }
p.box.poutac span.conference { font-size: 1.4em; color: black; font-weight: bold; display: block; }
p.box.poutac a { font-size: 1.2em; width: 49%; text-align: center; font-weight: bold; line-height: 2em; }
p.box.poutac a.agenda { float: left; }
p.box.poutac a.register { float: right; }
p.box.poutac span.clear { display: block; clear: both; }

ul#download li { color: black}

/*SIDEBAR */
.side { float: right; width: 190px; border: 1px solid #ccc; border-width: 0 0 1px 1px; margin-bottom: -1px; }
.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; font-weight: bold; }
#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.active a,
#menu ul li.active {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; }
 .aut img {float: left; margin-right: 8px; margin-top: 4px; height: 50px; width: 50px;}
.aut .noclear {clear: none}
img.big {float: left; margin-top: 4px; margin-right: 8px;}

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 10px 12px}
.regform .cboxes input { display: inline }
.regform  div.left { width: 250px }
.regform .poznamka { font-size: 85% }
ol.poznamka li { color: #000 !important}
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: 0}
.side .partners img {margin:5px 0; border: none; background: #fff}
.side .partners a:hover { text-decoration: none; background: transparent }
.side .partners .popisek a:hover { background-color: #ff8600; }
.side .partners .popisek a:visited { color: #c85500; background: transparent; }
.content .partners img { float: left; clear: both; margin: 2px 10px 10px 10px; border: none }
.content .partners .partner { margin-bottom: 20px; }
.partner { clear: both }
.side .sidebox p { padding: 5px 10px 10px; margin-top: 0;margin-bottom: 0; font-size: 0.85em; border-bottom: 1px solid #ccc; }
.side .sidebox img { margin: 8px 8px 0}
.imageline { margin-top: 8px}
.imageline img { margin-right: 4px}

p.aut span {font-weight: bold; font-style: normal}
.clear { 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: 10px; padding: 8px 5px; width: 140px; text-align: center; border: 1px solid #ccc; }
.galerie a:hover {background: #eee}
.galerie a img { display: block;border: 0px none;padding: 0; margin: 0 auto}


/* 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 } 


/* CHYBY REGISTRACNIHO FORMULARE */
fieldset.errors { background-color: #ff7070; font-size: 130%; }
fieldset.errors legend { font-weight: bold; background-color: #ff7070; border: 2px groove threedface; padding: 3px; }

/* PROGRAM */
ul.program > li { margin-bottom: 1em; }
ul.program > li { font-weight: bold; }
ul.program > li li{ font-weight: normal; }

table#program td
{
	padding: 1em;
}

table#program .profil
{
	margin-top: 10px;
}

table#program .profil img
{
	float: left;
	margin-right: 10px;
}

table#program .profil p.profile
{
	font-size: 80%;
}

table#program .profil-panel div
{
	width: 160px;
	height: 60px;
	float: left;
	position: relative;
	padding-left: 55px;
	margin-top: 10px;
}

table#program .profil-panel div p
{
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	font-size: 80%;
}

table#program .profil-panel div img
{
	position: absolute;
	top: 0;
	left: 0;
}

div.button-wrap { margin: 1em 0 1em 0; text-align: right; }

/* TWITTER */
div.clear { clear: both !important; float: none !important; }

#twitter { border: 1px solid #cccccc; background-color: #eeeeee; }

#triad #duad { float: left; width: 254px; padding-top: 1px; }
#triad #twitter { float: right; width: 242px; height: 34em; padding: 0 10px; }

#twitter_update_list { height: 26em; overflow-y: auto; list-style-position: inside; padding: 0; margin: 1em 0; }
#twitter_update_list li { margin-bottom: 0.5em; }
#twitter_link { display: block; text-align: right; }