/* 
ODRAZ Web Main CSS Document
Author: Pavel Hamrik (http://www.hmd.cz)
*/

/* Master layout */

html, body {margin:0; padding:0;}

body {
	background:#fff;
	color:#000;
	text-align:center;
	font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.8em;
	}

#main {margin:auto; padding:2em 0 1em; width:828px;}
	
#menu {padding:0 8px; margin:0; height:4.1em;}
#menu li {list-style:none; display:block; float:left; padding:0.5em 0 0; margin:0; background:none;}
#menu li.last {float:right;}
#menu a {display:block; text-decoration:none; color:#000; font-size:1.5em; padding:0.4em 17px 0.7em;
	border-top:2px solid #fff; margin:0;}
#menu a.active {background:#f6f6f6; border-top:2px solid #ccc; color:#cb4d29;}
#menu a.active:hover, #menu a.active:focus {background:#f6f6f6;}
#menu a:hover, #menu a:focus {background:transparent; color:#cb4d29; text-decoration:underline;}

#header {height:73px; position:relative;}

#footer {color:#fff; font-size:1.2em; padding:0.6em 0; margin:1.5em 0 2em;}
#footer a {color:#fff; font-weight:bold;}
#footer a:hover, #footer a:focus  {background:#fff; color:#cb4d29; font-weight:bold;}

#subfooter {margin:0.7em 0; font-size:1.2em; color:#aaa;}
#subfooter a {color:#aaa;}
#subfooter a:hover, #subfooter a:focus {color:#fff;}

#separator-horizontal {height:25px;}
#separator-flash {padding:9px;}
#separator-flash .borderwrap {border:1px solid #fff;}
#separator-flash div {background:#fff; margin:0; padding:0;}
*>#separator-flash div img {position:relative; top:3px;}
*:first-child+html #separator-flash div img {position:static;} /* For IE7 */

#flash-close {padding:0 30px 0 690px;}
#flash-close a {display:block; background:#f6f6f6; border-bottom:2px solid #ccc; color:#000;
	text-decoration:none; font-size:1.5em; padding:0.1em 0;}
#flash-close a:hover, #flash-close a:focus {background:#f6f6f6; color:#cb4d29; text-decoration:underline;}

#logotype {position:absolute; top:5px; left:30px;}
#logotype img {border:none;}
a#logotype:hover, a#logotype:focus {background:none;}

#srch-form {position:absolute; top:26px; right:24px;}
#srch-str, #srch-bt {border:none; font-size:1.2em;}
#srch-str {background:#fff url(srch-text.gif) no-repeat; padding:3px 3px 3px 28px;}
#srch-bt {background:#000 url(srch-submit.gif) no-repeat; padding:2px 0; color:#fff;
	text-align:center; font-weight:bold; width:58px;}
html:first-child #srch-bt {padding:3px 0;} /* For Opera 9 and below */
*:first-child+html #srch-bt {padding:1px 0;} /* For IE7 */
* html #srch-bt {padding:1px 0;} /* For IE6 */
* html #srch-str {padding:2px 2px 2px 28px; width:170px; height:22px;} /* Again for IE6 */
#srch-bt:hover, #srch-bt:focus {color:#cb4d29;}

#subscribe-mail {color:#cb4d29;}


/* Floated columns setup */

#col-top-left, #col-top-mid, #col-top-right {width:240px; float:left; font-size:1em; margin-top:10px;}
#col-top-mid {margin:10px 24px 0; padding:0 18px 0;}
#col-top-mid {width:272px;}
*>#col-top-mid {width:240px;}

#col2-top-left {width:540px; float:left; font-size:1.2em; padding:0 20px 0 0;
	background:url(separators-vertical.gif) repeat-y 534px;}
*>#col2-top-left {width:520px;}
#col2-top-right {width:240px; float:right; font-size:1.2em;}

#content {text-align:left; font-size:1.2em; margin:1em 10px 0;}
#col-left {width:525px; float:left;}
#col-right {width:265px; float:right;}

html:first-child #col-right ul {margin-bottom:15px;} /* For Opera 9 and below */


/* Basic content */

.cleaner {clear:both; padding:0; margin:0;}

.wrapper {background:#cb4d29 url(rounds-top.gif) no-repeat top;}
.wrapper-in {background:url(rounds-bottom.gif) no-repeat bottom;}

.wrapper-grey {background:#f7f7f7; margin:0; padding:0.3em 10px; text-align:left;}
#grey-top {padding:2.5em 10px; margin:0 8px;}

a {text-decoration:underline; color:#cb4d29;}
a:hover, a:focus {text-decoration:none; background:#cb4d29; color:#fff;}
a img, a:hover img, a:focus img {border:none;}
#partners a:hover, #partners a:focus {background:none;}
#partners {text-align:center; width:230px;}
#general-partners {background:url(/files/sponzori.gif) no-repeat center center;}
#general-partners ul {position:relative; height:179px;}
#general-partners ul li {list-style:none; padding:0; margin:0; position:absolute; background:none;}
#general-partners ul li a {height:60px; background:none; display:block; text-decoration:none;}
#general-partners ul li a:hover, #general-partners ul li a:focus {background:none;}


h1, h2, h3 {color:#cb4d29; font-weight:normal;}
h1 {margin:0; padding:0.5em 0 0.2em; font-size:2em;}
h2, h1.top  {font-size:1.6em; margin:1em 0 0.3em;}
h1.wrapper-grey {padding:0.5em 10px 0; font-size:1.6em;}
h1.top {padding:0; margin:0;}
h3, h2.top {font-size:1.3em; margin:1em 0 0.3em;}
h2.error {margin:8em 0; text-align:center;}

p {padding:0; margin:0.8em 0;}

em, strong, b, i {color:#cb4d29;}
em, i {font-style:italic;}
strong, b {font-weight:bold;}

table {font-size:1em;}
table.program tr td {vertical-align:top; padding:2px; background:#eee;}
table tr td.empty {background:none;}
table tr.even {background:#f6f6f6;}
table tr td.day, table tr th {background:#cb4d29; color:#fff; font-weight:bold; text-align:center;}
table tr td.break {background:#fff; color:#cb4d29; font-weight:bold; text-align:center;}
table hr {visibility:hidden;}

ul {margin:auto 0; padding:0;}
li {list-style:none; background:url(ul.gif) no-repeat 5px 0.55em; padding:0 0 0 17px;}
hr {background:none; border:none; border-top:1px solid #ccc;}
.hr {background:#ccc; height:1px; overflow:hidden; line-height:1px; margin:-0.5em 0 0.5em; padding:0;}
div.hr {margin:0.5em 0;}
*>.hr {margin:0.5em 0; *margin:-0.5em 0 0.5em;}

input {font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding:2px;}
input.text {border:1px solid #ccc; font-size:1em;}
input.text:hover, input.text:focus {border:1px solid #cb4d29;}
input.submit {border:1px solid #cb4d29; background:#cb4d29; color:#fff; font-weight:bold; padding:1px 5px;}
input.submit:hover, input.text:focus {color:#000;}

html:first-child input.submit {padding:2px 0.5em;} /* For Opera 9 and below */
*:first-child+html input.submit {padding:0;} /* For IE7 */
* html input.submit {padding:0;} /* For IE6 */
* html input.text {padding:2px; height:22px;} /* Again for IE6 */

.form-two-col {}
.form-two-col label {display:block;}
.form-two-col label.pairs {height:2.2em; color:#cb4d29; font-weight:bold;}
.form-two-col label.voluntary {color:#000; font-weight:normal;}
.form-two-col label.pairs .text {float:right; width:125px; font-weight:normal;}
.form-two-col .small-note {width:239px;}

a.galerie {display:block; float:left; padding:2px; width:156px; text-align:center;}
a.galerie:hover, a.galerie:focus {background:none;}
a.galerie img {border:1px solid #cb4d29;}
a.galerie:hover img, a.galerie:focus img {border:1px solid #ddd;}