/*
    Projekt: Kvalitní doučování
    URL: http://www.kvalitni-doucovani.cz

    Výstupní zařízení: screen, projection

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2007-04-13, 23:41 GMT+1

    Struktura:
        display | position | float | z-index | overflow | width | height | margin | padding | border | background | align | font

    Zápis:
        značka {vlastnost:hodnota; vlastnost2:hodnota2; ...}
*/

* {min-height:1px;}
#preload {position:absolute; top:-100em;}
body {margin:0; padding:0; border:0; background:#DDE6ED url("../design/bg.gif") 0 0 repeat-x !important; font:0.8em/160% "arial",sans-serif; color:#000; text-align:center;}

a {color:#4E7893}
a:link {color:#4E7893;}
a:visited {color:#4E7893;}
a:hover {color:#F90;}

p {margin:15px 0; padding:0; border:0;}

div {display:block; margin:0; padding:0; border:0;}

h1, h2, h3, h4, h5 {margin:15px 0 10px 0; padding:0; border:0;}
h1, h2 {font-size:200%;}
h3 {font-size:120%;}
h4 {font-size:100%; color:#456A82;}
h5 {font-size:100%;}

table {display:table; margin:15px 0; padding:0; border-collapse:collapse; font-size:100%;}
table.width100 {width:100%;}
th, td {display:table-cell; margin:0; padding:2px 0;}
th {text-align:center; font-weight:bold;}

ul, ol {display:block; margin:15px 0 15px 40px; padding:0; border:0;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item; margin:0; padding:0; border:0;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0 0 0 20px;}

dl {margin:15px 0; padding:0; border:0;}
dt {margin:0; padding:0; border:0; font-weight:bold; color:#4E7893;}
dd {margin:0 0 0 30px; padding:0; border:0;}

form {margin:0; padding:0; border:0;}
fieldset {margin:15px 0; padding:10px; border:1px solid #DDE6ED;}
fieldset table {margin:0;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#F80;}

a, img, span {margin:0; padding:0; border:0;}
abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
blockquote {margin:15px 20px; font-style:normal; color:#456A82;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* Plávání prvku */
.f-left {float:left;}
.f-right {float:right;}

/* Zarovnávání textu */
.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}

.clear {clear:both;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
hr.cleaner {clear:both; height:1px; border:none; margin:-1em 0 0 0; visibility:hidden;}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

/* LAYOUT ------------------------------------------------------------------------------------------------ */

#main {width:960px; margin:20px auto; background:#FFF url("../design/main-bg.gif") 0 0 repeat-y; text-align:left;}

	/* Hlavička */
	#header {position:relative; height:156px; background:url("../design/header.jpg") 0 0 no-repeat;}

		/* Logo */
		#header #logo {position:absolute; top:65px; left:155px;}
		#header #logo h1 {position:relative; overflow:hidden; width:237px; height:46px; margin:0; padding:0;}
		#header #logo h1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:237px; height:46px; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}

		/* Tabule */
		.board {position:absolute; bottom:0; left:35px; width:98px; height:101px;}
		.board.board01 {background:url("../design/board01.gif") 0 0 no-repeat;}
		.board.board02 {background:url("../design/board02.gif") 0 0 no-repeat;}
		.board.board03 {background:url("../design/board03.gif") 0 0 no-repeat;}
		.board.board04 {background:url("../design/board04.gif") 0 0 no-repeat;}
		.board.board05 {background:url("../design/board05.gif") 0 0 no-repeat;}
		.board.board06 {background:url("../design/board06.gif") 0 0 no-repeat;}
		.board.board07 {background:url("../design/board07.gif") 0 0 no-repeat;}
		.board.board08 {background:url("../design/board08.gif") 0 0 no-repeat;}
		.board.board09 {background:url("../design/board09.gif") 0 0 no-repeat;}

		/* Uživatel */
		#user {position:absolute; top:67px; left:460px; margin:0; color:#5786A4;}
		#user a {color:#F90;}
		#user a:hover {color:#4E7893;}

	/* Rozvržení sloupců */
	#page {clear:both; padding:0 25px 10px 25px;}
	#col-l {float:left; width:735px;}

	/* Obsah */
	#content {float:right; width:560px;}

		/* Drobečková navigace */
		#breadcrumbs {margin:0; margin-bottom:7px; font-size:85%; color:#4E7893}
		#breadcrumbs a {color:#4E7893;}
		#breadcrumbs a:hover {color:#F90;}

		/* Postranní sloupec */
		#sidebar-l {float:left; width:160px; margin-right:15px;}
		#sidebar-r {float:right; width:160px; margin-left:15px;}

		#sidebar-l ul#nav {margin:15px 0; padding:0; list-style:none;}
		#sidebar-l ul#nav li {display:inline; margin:0; padding:0;}
		#sidebar-l ul#nav li a {display:block; width:148px; padding:3px 0 3px 12px; border-bottom:1px solid #C9DBE9; background:url("../design/nav-link.gif") 0 9px no-repeat; text-decoration:none;}
		#sidebar-l ul#nav li#nav-active a {background:url("../design/nav-active.gif") 0 9px no-repeat; color:#4E7893; font-weight:bold; text-decoration:none;}
		#sidebar-l ul#nav li a:hover {background:url("../design/nav-hover.gif") 0 9px no-repeat;}

		#sidebar-l h4, #sidebar-r h4 {font-size:120%; color:#F90;}

	/* Patička */
	#footer {position:relative; clear:both; height:109px; background:url("../design/footer.jpg") 0 100% no-repeat; color:#4E7893;}

		#footer-links {position:absolute; top:8px; width:900px; margin-left:30px;}
		#footer-copyright {position:absolute; top:48px; width:900px; margin-left:30px;}

		#footer p {margin:0 !important;}
		#footer a:hover {color:#3C5C71;}

/* OSTATNÍ ------------------------------------------------------------------------------------------------ */

/* Sloupce nabídky / poptávky */
#cols {clear:both; background:url("../design/cols-bg.gif") 0 0 repeat-y;}
#cols-top {width:560px; height:18px; background:url("../design/cols-top.gif") 0 0 no-repeat;}
#cols-bottom {clear:both; width:560px; height:18px; background:url("../design/cols-bottom.gif") 0 0 no-repeat;}

	#cols fieldset {margin:7px 0 0 0; padding:0; border:0 !important;}
	#cols fieldset legend {display:none !important;}
	#cols fieldset .input {width:170px;}

	#adv-request {float:left; width:245px; padding:0 15px; margin-right:10px;}
	#adv-offer {float:left; width:245px; padding:0 15px;}
	
	#adv-request h2 {margin:0 -15px; padding:15px 15px 15px 55px; background:#EEF2F6 url("../design/adv-request.gif") 0 0 no-repeat; font-size:140%;}
	#adv-request h2 a, #adv-request h2 a:visited, #adv-request a {color:#3A0;}
	#adv-request a:hover {color:#000;}
	#adv-request a:visited {color:#1F6600;}
	#adv-request h2 a:hover {color:#000;}

	#adv-offer h2 {margin:0 -15px; padding:15px 15px 15px 55px; background:#EEF2F6 url("../design/adv-offer.gif") 0 0 no-repeat; font-size:140%;}
	#adv-offer h2 a, #adv-offer h2 a:visited, #adv-offer a {color:#0093C3;}
	#adv-offer a:hover {color:#000;}
    #adv-offer a:visited {color:#006680;}
	#adv-offer h2 a:hover {color:#000;}

	a.ico-more-request {padding-right:23px; background:url("../design/ico-more-request.gif") 100% 50% no-repeat;}
	a.ico-more-offer {padding-right:23px; background:url("../design/ico-more-offer.gif") 100% 50% no-repeat;}
	a:hover.ico-more-request, a:hover.ico-more-offer {text-decoration:underline;}
	
	.adv-title {margin:0 0 0 -15px !important; padding-left:15px; background:url("../design/arrow.gif") 0 5px no-repeat;}

	.adv-info {color:#555; font-size:85%;}
	.adv-info a {color:#555 !important;}
	.adv-info a:hover {color:#333 !important;}
	
	.adv-price {font-size:85%; font-weight:bold; color:#5786A4;}

	#cols h3 {margin:10px -15px; padding:7px 15px; background:#EEF2F6 url("../design/adv-bg.gif") 0 0 repeat-y; font-size:100%; color:#4E7893;}
	
	.adv-box {margin-bottom:10px; padding-bottom:7px; background:url("../design/dot.gif") 0 100% repeat-x;}
	.adv-box p {margin:0;}

/* Sloupec */
#col {clear:both; padding:0 15px; background:url("../design/col-bg.gif") 0 0 repeat-y;}
#col-top {width:560px; height:18px; background:url("../design/col-top.gif") 0 0 no-repeat;}
#col-bottom {clear:both; width:560px; height:18px; background:url("../design/col-bottom.gif") 0 0 no-repeat;}

	#col h3 {margin:10px -15px; padding:7px 15px; background:#DDE6ED url("../design/title-bg.gif") 0 0 repeat-y; font-size:100%; color:#4E7893;}
	#col fieldset.noborder {margin:0; border:0 !important;}
	#col fieldset .input {width:150px;}

	.box-request h2 {margin:0 -15px; padding:15px 15px 15px 55px; background:#DDE6ED url("../design/title-request.gif") 0 0 no-repeat; color:#3A0; font-size:140%;}
	.box-request a {color:#3A0;}
	.box-request a:hover {color:#000;}
	.box-request a:visited {color:#1F6600;}
	.box-request legend {color:#3A0;}
	.box-request strong.page-active {padding:1px 5px; background:#3A0; color:#FFF;}

	.box-offer h2 {margin:0 -15px; padding:15px 15px 15px 55px; background:#DDE6ED url("../design/title-offer.gif") 0 0 no-repeat; color:#0093C3; font-size:140%;}
	.box-offer a {color:#0093C3;}
	.box-offer a:hover {color:#000;}
	.box-offer a:visited {color:#006680;}
	.box-offer legend {color:#0093C3;}
	.box-offer strong.page-active {padding:1px 5px; background:#0093C3; color:#FFF;}

	.box-text h2 {margin:0 -15px; padding:15px 15px 15px 55px; background:#DDE6ED url("../design/title.gif") 0 0 no-repeat; color:#456A82; font-size:140%;}
	.box-text .adv-box a:hover {color:#000;}
	.box-text .adv-box a:visited {color:#3C5C71;}
	.box-text strong.page-active {padding:1px 5px; background:#6692AE; color:#FFF;}

	.adv-box.tip {margin:-15px -15px 10px -15px  !important; padding:10px 15px; background:#EEF2F6 url("../design/tip.gif") 0 0 repeat-y;}
	.adv-box.tip .adv-title {margin-left:-15px !important; padding-left:15px !important; background:url("../design/arrow2.gif") 0 5px no-repeat;}

	#col .adv-box {clear:both; margin-top:10px;}
	#col .adv-info {color:#555; font-size:100%;}
	#col .adv-info a {color:#555 !important;}
	#col .adv-info a:hover {color:#333 !important;}

/* Stylovaná tabulka */
table.table-styled {display:table; margin:15px 0; padding:0; border-collapse:collapse; font-size:100%;}
	table.table-styled th, table.table-styled td {display:table-cell; margin:0; padding:5px; border:1px solid #DDD;}
	table.table-styled th {text-align:center; font-weight:bold;}
	table.table-styled tr.bg td {background:#F5F5F5;}

/* Přidat nový inzerát - tlačítko */
#button-submit {padding:6px 10px 14px 35px; background:url("../design/button-submit.gif") 0 0 no-repeat;}
	#button-submit a {font-weight:bold;}
	#button-submit a:hover {color:#61BB46;}

/* UL stylovaný */
ul.ul-styled {margin:15px 0; padding:0; list-style:none !important;}
	ul.ul-styled li {margin:0 0 0 20px; padding:0 0 0 15px; background:url("../design/nav-hover.gif") 0 5px no-repeat;}
	ul.ul-styled ul {margin:0; padding:0; list-style:none !important;}
	ul.ul-styled ul li {margin:0 0 0 20px; padding:0 0 0 15px; background:url("../design/nav-link.gif") 0 5px no-repeat;}

/* TABLE stylovaná */
table.table-styled {border:1px solid #DDE6ED;}
	table.table-styled th {background:#EEF2F6; color:#456A82; text-align:center;}
	table.table-styled tr.bg td {background:#F8FAFB;}

/* Perex */
#perex {padding-bottom:10px; border-bottom:1px solid #DDE5ED; color:#456A82;}

/* Dva sloupce vedle sebe */
.col50 {float:left; width:260px;}

/* Poznámka pod čarou */
.note {color:#4E7893; font-size:95%;}
.note-line {padding-top:10px; border-top:1px solid #DDE5ED; color:#4E7893; font-size:85%;}

.border {border:1px solid #CCDAE4;}