/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {background:#d5d0bc url("../design/bg.jpg") 0 0 repeat-x; color:#000; font:0.8em/1.5 "arial", sans-serif;}

a {color:#575137;}
a:hover {color:#c30;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styly
---------------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}
code {font-family:"",monospace;}

ul.ul-01 {margin:15px 0 15px 25px; list-style:none;}
ul.ul-01 li {padding-left:25px; background:url("../design/ul-01.gif") 0 1px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto; overflow:hidden;}

	#header {position:relative; padding:25px 0 230px 0;}

        #header #logo {position:absolute; top:65px;}

        #header #nav {position:absolute; top:105px; right:0; margin:0;}
        #header #nav span {margin:0 5px; color:#31A0E4;}
        #header #nav .active {font-weight:bold; text-decoration:none; color:#004B98;}
        #header #nav a {color:#fff;}

	#content {float:left; width:780px; padding-bottom:20px; overflow:hidden;}

	#aside {float:right; width:180px; padding:20px 0; overflow:hidden;}

        #aside h4 {margin:0; border-bottom:4px solid #C1BA9C; font-size:100%;}

        ul.cat {margin:0; margin-bottom:15px; list-style:none;}
        ul.cat li {display:inline;}
        ul.cat li a {display:block; border-bottom:1px solid #C1BA9C; padding:2px 0 2px 22px; text-decoration:none;}
        ul.cat li a.active {color:#c30;}
        ul.cat li.last a {border-bottom:0;}

        a.f-eu {background:url("../design/f-eu.gif") 0 50% no-repeat;}
        a.f-fr {background:url("../design/f-fr.gif") 0 50% no-repeat;}
        a.f-cy {background:url("../design/f-cy.gif") 0 50% no-repeat;}
        a.f-pt {background:url("../design/f-pt.gif") 0 50% no-repeat;}
        a.f-it {background:url("../design/f-it.gif") 0 50% no-repeat;}
        a.f-hr {background:url("../design/f-hr.gif") 0 50% no-repeat;}
        a.f-me {background:url("../design/f-me.gif") 0 50% no-repeat;}
        a.f-bg {background:url("../design/f-bg.gif") 0 50% no-repeat;}
        a.f-gr {background:url("../design/f-gr.gif") 0 50% no-repeat;}
        a.f-es {background:url("../design/f-es.gif") 0 50% no-repeat;}
        a.f-eg {background:url("../design/f-eg.gif") 0 50% no-repeat;}
        a.f-tn {background:url("../design/f-tn.gif") 0 50% no-repeat;}
        a.f-ma {background:url("../design/f-ma.gif") 0 50% no-repeat;}
        a.f-mu {background:url("../design/f-mu.gif") 0 50% no-repeat;}
        a.f-sc {background:url("../design/f-sc.gif") 0 50% no-repeat;}
        a.f-do {background:url("../design/f-do.gif") 0 50% no-repeat;}
        a.f-mx {background:url("../design/f-mx.gif") 0 50% no-repeat;}
        a.f-ve {background:url("../design/f-ve.gif") 0 50% no-repeat;}
        a.f-br {background:url("../design/f-br.gif") 0 50% no-repeat;}
        a.f-cu {background:url("../design/f-cu.gif") 0 50% no-repeat;}
        a.f-tr {background:url("../design/f-tr.gif") 0 50% no-repeat;}
        a.f-cn {background:url("../design/f-cn.gif") 0 50% no-repeat;}
        a.f-ae {background:url("../design/f-ae.gif") 0 50% no-repeat;}
        a.f-th {background:url("../design/f-th.gif") 0 50% no-repeat;}
        a.f-mv {background:url("../design/f-mv.gif") 0 50% no-repeat;}

	#footer {clear:both; border-top:1px solid #CBC5AC; padding:10px 0;}
	#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#welcome {margin-bottom:20px; padding-right:150px; background:url("../design/welcome.gif") 100% 0 no-repeat; font:normal 140%/1.6 "georgia",serif;}

#tags {margin:0 0 40px 0;}
#tags a {font-size:140%;}

/* ----------------------------------------------------------------------------------------------------------
4-2) Stránka: Detail
---------------------------------------------------------------------------------------------------------- */

.flag {float:left; width:205px;}
.flag img {display:block; border:1px solid #ccc;}
.about {float:right; width:560px;}
.about dl {margin:0;}
.about dl dt {clear:both; float:left; display:block; width:130px; color:#877E55;}

.item {float:left; width:380px; margin-bottom:15px;}
.item h3 {margin:0; margin-bottom:3px; font-size:100%;}
.item-img {position:relative; float:left; width:125px; padding-top:3px;}
.item-img img {display:block;}
.item-img img.more {position:absolute; bottom:0; right:0;}
.item-desc {float:right; width:245px;}
.item-desc dl {margin:0;}
.item-desc dt {clear:both; float:left; width:block; width:65px; color:#877E55;}
.item-desc dd {float:left; width:block; width:180px;}
.item-desc a {color:#c30;}
.item-desc a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
4-3) Stránka: Články
---------------------------------------------------------------------------------------------------------- */

#perex {padding:10px; background:#E9E6DC;}
ul.articles li {margin-bottom:7px; padding-left:25px; background:url("../design/ul-01.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4-4) Stránka: Kontakt
---------------------------------------------------------------------------------------------------------- */

.input {border:1px solid #ADA47C; padding:3px; background:#E9E6DC; font:100%/1.5 "arial",sans-serif;}

/* ----------------------------------------------------------------------------------------------------------
4-5) Stránka: Kategorie
---------------------------------------------------------------------------------------------------------- */

.col25 {float:left; width:195px;}

/* ----------------------------------------------------------------------------------------------------------
5) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

#content h1 {margin-top:0; font-size:300%; letter-spacing:-1px; color:#c30;}
#content h2 {font-size:180%; letter-spacing:-1px; padding:2px 0 2px 45px; background:url("../design/arrow.gif") 0 50% no-repeat; color:#c30;}
#content #subnav {padding-bottom:15px; border-bottom:1px solid #CBC5AC;}

.smaller {font:85%/1.5 "tahoma",sans-serif;}
.low, .low a {color:#877E55;}