/*
    Projekt: Dan Špaňhel
    URL: http://www.spanhel.cz

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2007-07-24, 14:07 GMT+1

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

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:40px 0; background:#FFF; font:0.8em/1.5 "arial",sans-serif; color:#303030; text-align:center;}

a {color:#2B94AB;}
a:hover {color:#D65F24;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h2 {font-size:140%;}
h3 {font-size:100%; color:#D65F24; font-weight:bold;}
h4, h5 {font-size:100%; color:#000; font-weight:bold;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:5px;}

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

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

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

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
blockquote {margin:15px 20px; font-style:italic;}

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;}

/* ------------------------------------------------------------------------------------------------------- */
/* Univerzální styly */
/* ------------------------------------------------------------------------------------------------------- */

.f-left {float:left;}
.f-right {float:right;}

.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;}
.va-bottom {vertical-align:bottom;}

.width100 {width:100%;}

.clear {clear:both;}

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

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

.noscreen {display:none;}

.bigger {font-size:110%;}
.smaller {font-size:90%;}

.high {color:#2B94AB;}
.nonhigh {color:#797979;}

/* ------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ------------------------------------------------------------------------------------------------------- */

#main {width:800px; margin:0 auto; text-align:left;}

	/* Hlavička */
	#header {position:relative; height:47px; margin-bottom:10px; padding:13px 15px 0 15px; background:url("../design/header.gif") 0 0 no-repeat;}

        #logo {margin:0;}
        #logo img {border:0;}
        
        #nav {position:absolute; top:20px; right:15px; margin:0; padding:0; list-style:none;}
        #nav li {display:inline; margin:0; padding:0;}
        #nav li a {display:block; float:left; height:40px; margin-left:25px; background:url("../design/nav.gif") 50% -20px no-repeat; color:#797979; text-decoration:underline; text-align:center;}
        #nav li#nav-active a {background:url("../design/nav.gif") 50% -140px no-repeat; color:#2B94AB; font-weight:bold; text-decoration:none;}
        #nav li a:hover {background:url("../design/nav.gif") 50% -80px no-repeat; color:#D65F24;}
        
	/* Obsah */
	#content {clear:both;}

	/* Patička */
    #footer-top {clear:both; width:800px; height:7px; background:url("../design/box-top.gif") 0 100% no-repeat;}
    #footer-bg {width:770px; padding:3px 15px; background:url("../design/box-bg.gif") 0 0 repeat-y;}
    	#footer-bg p {margin:0; color:#797979;}
        #footer-bg a {color:#797979;}
        #footer-bg a:hover {color:#494949;}
    #footer-bottom {width:800px; height:7px; background:url("../design/box-bottom.gif") 0 0 no-repeat;}
       
/* ------------------------------------------------------------------------------------------------------- */
/* Nezařaditelné */
/* ------------------------------------------------------------------------------------------------------- */

/* BOXY - 100% */
.box-top {clear:both; width:800px; height:7px; background:url("../design/box-top.gif") 0 100% no-repeat;}
.box-bg {width:770px; padding:3px 15px; background:url("../design/box-bg.gif") 0 0 repeat-y;}
    .box-bg h2.styled, .box-bg h3.styled, .box-bg h4.styled {margin:0; font-size:100%; color:#D65F24; font-weight:bold; text-transform:uppercase;}
.box-bottom {width:800px; height:7px; margin-bottom:10px; background:url("../design/box-bottom.gif") 0 0 no-repeat;}

.box2-top {clear:both; width:800px; height:7px; background:url("../design/box2-top.gif") 0 100% no-repeat;}
.box2-bg {width:770px; padding:3px 15px; background:#F3FAFC url("../design/box2-bg.gif") 0 0 repeat-y;}
    .box2-bg h2.styled, .box2-bg h3.styled, .box2-bg h4.styled {margin:0; font-size:100%; color:#2B94AB; font-weight:bold; text-transform:uppercase;}
.box2-bottom {width:800px; height:7px; margin-bottom:10px; background:url("../design/box2-bottom.gif") 0 0 no-repeat;}

.box3-top {clear:both; width:800px; height:7px; background:url("../design/box3-top.gif") 0 100% no-repeat;}
.box3-bg {width:770px; padding:3px 15px; background:#FDF8E7 url("../design/box3-bg.gif") 0 0 repeat-y;}
    .box3-bg h2.styled, .box3-bg h3.styled, .box3-bg h4.styled {margin:0; font-size:100%; color:#D65F24; font-weight:bold; text-transform:uppercase;}
.box3-bottom {width:800px; height:7px; margin-bottom:10px; background:url("../design/box3-bottom.gif") 0 0 no-repeat;}

/* BOXY - 50% */
.box50-top {width:800px; height:7px; background:url("../design/box50-top.gif") 0 100% no-repeat;}
.box50-bg {width:800px; background:url("../design/box50-bg.gif") 0 0 repeat-y;}
    .box50-bg .col {float:left; width:393px; padding:0 1px;}
    .box50-bg .col.right {float:right;}
    .box50-bg .col h3 {margin:0; padding:0 15px; background:none; font-size:160%; font-weight:normal;}
    .box50-bg .col h3 a {color:#303030; text-decoration:none;}
    .box50-bg .col h3 a:hover {color:#2B94AB;}
    .box50-bg .col .url {margin:0;} 
        .box50-bg .col .url a {display:block; padding:7px 15px; background:#EFF9FB url("../design/ico-url.gif") 375px 13px no-repeat; text-decoration:underline;}
        .box50-bg .col .url a:hover {background:#F7FCFD url("../design/ico-url.gif") 375px -79px no-repeat;}
    .box50-bg .col .thumb {width:393px; height:125px; margin:0; border:0; border-top:1px solid #C1E7F0; border-bottom:1px solid #E9E9E9;}
    .box50-bg .col .col-in {padding:0 15px;}
        .box50-bg .col .col-in h3.styled {margin:5px 0; padding:0; font-size:100%; color:#D65F24; font-weight:bold;}
.box50-bottom {width:800px; height:7px; margin-bottom:10px; background:url("../design/box50-bottom.gif") 0 0 no-repeat;}

/* BOX - 50% - SAMOSTATNÝ */
.box50-separate-top {width:800px; height:7px; background:url("../design/box50-separate-top.gif") 0 100% no-repeat;}
.box50-separate-bg {width:800px; background:url("../design/box50-separate-bg.gif") 0 0 repeat-y;}
    .box50-separate-bg .col {float:left; width:393px; padding:0 1px;}
    .box50-separate-bg .col h3 {margin:0; padding:0 15px; background:none; font-size:160%; font-weight:normal;}
    .box50-separate-bg .col h3 a {color:#303030; text-decoration:none;}
    .box50-separate-bg .col h3 a:hover {color:#2B94AB;}
    .box50-separate-bg .col .url {margin:0;} 
        .box50-separate-bg .col .url a {display:block; padding:7px 15px; background:#EFF9FB url("../design/ico-url.gif") 375px 13px no-repeat;}
        .box50-separate-bg .col .url a:hover {background:#F7FCFD url("../design/ico-url.gif") 375px -79px no-repeat;}
    .box50-separate-bg .col .thumb {width:393px; height:125px; margin:0; border:0; border-top:1px solid #C1E7F0; border-bottom:1px solid #E9E9E9;}
    .box50-separate-bg .col .col-in {padding:0 15px;}
.box50-separate-bottom {width:800px; height:7px; margin-bottom:10px; background:url("../design/box50-separate-bottom.gif") 0 0 no-repeat;}

/* PEREX */
#perex {margin:0 -15px; padding:7px 15px 15px 15px; border-bottom:1px solid #D9D9D9; font-size:110%; color:#2B94AB;}

/* ------------------------------------------------------------------------------------------------------- */
/* HTML stylování */
/* ------------------------------------------------------------------------------------------------------- */

/* UL-LI */
ul.ul-styled {margin:25px 0 25px 30px; padding:0; list-style:none;}
ul.ul-styled li {margin:0; padding:0; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}
ul.ul-styled ul {margin:0; margin-left:25px; list-style:none;}
ul.ul-styled li li {margin:0; padding:0; padding-left:15px; background:url("../design/li-li.gif") 0 5px no-repeat;}

/* TABLE */
table.table-styled {border:1px solid #8BD4E2; border-collapse:collapse;}
table.table-styled th {background:#EFF9FB; color:#2B94AB;}
table.table-styled th, table.table-styled td {padding:5px; border:1px solid #9FDCE7;}

/* FORM */
form label {clear:both; color:#303030;}
form .input-text, form .input-textarea {padding:3px; border:1px solid #A9A9A9;}
    form .input-text:focus, form .input-textarea:focus {border:1px solid #898989;}
    form .input-submit {border:0; padding:5px 10px; background:#D65F24; font-weight:bold; text-transform:uppercase; font-size:80%; color:#FFF;}