/*
    Projekt: eFestivaly.cz
    URL: http://www.efestivaly.cz

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2008-03-17, 09:42 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; ...}
*/

* {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:25px 0 35px 0; background:#ddf0fe; font:0.8em/1.5 "arial",sans-serif; color:#303030; text-align:center;}
/* Docasne - Leaderboard banner */
body{padding-top: 10px;}
a {color:#00ADEF;}
a:hover {color:#0089BD;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:220%; letter-spacing:-1px; color:#8FCC00;}
h3 {font-size:140%; color:#28B20B; }
h4 {font-size:120%; color:#28B20B;}
h5 {font-size:100%;}

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:3px 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:2px; padding-left:12px; background:url("../design/dd.gif") 0 4px no-repeat;}

fieldset {margin:15px 0; padding:10px; border:1px solid #ACDAFE; background:#E6F4FE;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#088BEB;}

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

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í formátování
------------------------------------------------------------------------------------------------------- */

.f-left {float:left; margin: 8px;}
.f-right {float:right; margin: 8px;}

.f-right img, .f-left img{border: 5px solid #FFFBD6;}

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

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

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

	#header {position:relative; width:970px; height:220px; background:#C4E5FD url("../design/bg-header.jpg") 0 0 no-repeat;}

        #logo {position:absolute; top:45px; left:30px; margin:0;}
        #logo h1 {position:relative; width:235px; height:55px; margin:0; cursor:pointer}
        #logo h1 span {position:absolute; width:100%; height:100%; background:url("../design/logo.gif") no-repeat; cursor:pointer}
        
        #slogan {position:absolute; top:65px; right:30px; margin:0;}
		#slogan h3 {position:relative; overflow:hidden; width:280px; height:15px; margin:0; padding:0; font-size:100%; text-transform:uppercase; color:#0089BD;}
		#slogan h3 span {display:block; position:absolute; left:0; top:0; z-index:1; width:280px; height:15px; background:url("../design/slogan.gif") 0 0 no-repeat;}

    #page {clear:both; padding:0 0 5px 20px;}
	#content {float:left; width:660px; padding-right:20px;}
        
        #breadcrumbs {margin-top:0; margin-bottom:15px; padding-bottom:7px; border-bottom:1px solid #DEF0FE;}

	#sidebar {float:left; width:250px;}

        #butterfly {width:250px; height:95px; background:url("../design/butterfly.jpg") 0 0 no-repeat;}

        #sidebar h4 {margin-bottom:0; background:url("../design/dot.gif") 0 100% repeat-x; font-size:130%; font-weight:bold; color:#8FCC00;}
        #sidebar dd a {color:#303030;}
        #sidebar dd a:hover {color:#000;}

	#footer {position:relative; clear:both; width:970px; height:195px; background:#BFE67F url("../design/bg-footer.jpg") 0 100% no-repeat;}
    	#footer-service {position:absolute; top:45px; right:30px; margin:0; color:#8EC6F1;}
    	#footer-copyright {position:absolute; top:150px; left:300px; margin:0; color:#FFF;}
    	#footer-copyright a {color:#FFF; font-weight:bold;}
    	#footer-copyright a:hover {color:#008700;}

/* ------------------------------------------------------------------------------------------------------- 
Stránka: ÚVOD
------------------------------------------------------------------------------------------------------- */

    #act-filter {padding: 7px 10px 7px 30px; margin: 4px 0; background:#FFF url("../design/ico-filter.gif") 10px 10px no-repeat; font-size:85%; color:#303030;}
    
    .object-box {clear:both; margin-bottom:10px; border-top:1px solid #DDD;}
    .object-box h3 {margin-top:0;}

        .object-box-desc {padding:0 15px;}

        .object-box.tip .object-box-title {padding:10px; background:#F5F5F5 url("../design/bg-title.gif") 0 0 repeat-y;}
        .object-box.tip .object-box-title h3 {padding-right:45px; background:url("../design/ico-tip.gif") 100% 0 no-repeat;}
        .object-box.tip .object-box-title h3 a {color:#E50;}
        .object-box.tip .object-box-title h3 a:hover {color:#C30;}
        .object-box.tip .object-box-desc a {color:#E50;}
        .object-box.tip .object-box-desc a:hover {color:#C30;}
        
        .object-box-title {padding:10px; background:#F5F5F5 url("../design/bg-title.gif") 0 0 repeat-y;}
        .object-box-title p {margin:0; font:85%/140% "tahoma",sans-serif; color:#404040;}
        .object-box-title p a {color:#404040;}
        .object-box-title p a:hover {color:#000;}

            .object-box-logo {float:left; width:95px;}
            .object-box-info {float:left; width:540px;}

    /* Stránkování */
    .pagination {clear:both; text-align:center;}
        .pagination a {padding:3px 7px; background:#DDF0FE; text-decoration:none;}
        .pagination a:hover {background:#FFE810; color:#000;}
        .pagination strong {padding:3px 7px; background:#FFE810;}
    
    /* Tag clouds - velikosti písma */
    .tag-s1 {font-size:100%;}
    .tag-s2 {font-size:130%;}
    .tag-s3 {font-size:150%;}
    .tag-s4 {font-size:180%;}

    /* Obrázková tlačítka */
    #btn-search {width:60px; height:25px; position:relative; top:5px;}
    #btn-submit {width:60px; height:25px; position:relative; top:5px;}

    /* Ikonky */
    #ico-micro {padding:15px 0 50px 40px; background:url("../design/ico-micro.jpg") 0 100% no-repeat; font:85%/160% "tahoma",sans-serif;}
    #ico-micro strong {color:#28B20B;}
    #ico-micro a {font-weight:bold; color:#303030;}
    #ico-micro a:hover {color:#000;}

    #report {padding:10px; background:#E6F4FE}
    #report p {margin:0}

    dl#news dt a {font-weight:normal;}
    dl#news dd {margin-left:0; font-size:90%;}

    #ico-ubytovani {margin: 15px 10px 10px 10px; padding:3px 0 3px 50px; background:url("../design/ico-ubytovani.gif") 0 0 no-repeat;}
    #ico-ubytovani p {margin:0;}
    
/* ------------------------------------------------------------------------------------------------------- 
Stránka: DETAIL FESTIVALU
------------------------------------------------------------------------------------------------------- */

    /* Sloupce v detailu */
    #col-map {float:right; width:260px; margin-left:10px; text-align:center;}
    #col-logo {float:left; width:85px;}
    #col-about {float:left; width:300px;}
        #col-about p {margin-top:0; line-height:180%;}

    ul.ul-interpret {float:left; margin:15px 0; padding:0; list-style:none;}
    ul.ul-interpret li {margin:0; margin-left:20px; padding:0; padding-left:15px; background:url("../design/ico-user.gif") 0 5px no-repeat;}

    #yrs {margin-top: 5px; padding-top:7px; border-top:1px solid #DEF0FE; text-align:center}
    #yrs #yrs-active {font-weight:bold; text-decoration:none; color:#000;}
    #yrs a {padding:5px}

    #contest {padding:15px; border:1px solid #FFE691; background:#FFFBD6; clear: both;}
    #contest h4 {margin:0; color:#F40; font-size:100%;}
    #contest h5 {margin-bottom:0; padding-bottom:5px; border-bottom:1px solid #FFE691}

        .contest-qs {padding:10px 0; border-bottom:1px solid #FFE691}
        .contest-q {float:left; width:195px; padding-right:10px;}

    /* Tabs */
    #tabs{clear: both; margin: 10px 0;}
    .tabs { margin:0; margin-top:15px;list-style:none;}
    .tabs li{display:inline;}
    .tabs li a{color: #28B20B; display:block; float:left; padding:10px 15px;}
    .tabs li a.active {border-top:1px solid #28B20B; background:#000; color:#0969A5; text-decoration:none;}
    
    .tabs-in {padding: 10px ; background:#EDEDED;}
    .tabs-in .column{float: left; width: 32%;}
    .tabs-in h2{padding: 0 0 10px 0;}
    
    .ui-tabs-nav li.ui-tabs-selected a:link,
    .ui-tabs-nav li.ui-tabs-selected a:visited,
    .ui-tabs-nav li.ui-tabs-selected a:hover,
    .ui-tabs-nav li.ui-tabs-selected a:active, #tabs li a#active {border-top:2px solid #28B20B; background:#EDEDED; color:#28B20B; text-decoration:none;}
    
    .ui-tabs .ui-tabs-hide {position: absolute; left: -10000px; top: -10000px;}

    .fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
    
    #dalsi-festivaly, #fotoreporty{padding: 10px;}
    #dalsi-festivaly img{border: 4px solid #DDD; margin-right: 4px;}
    #fotoreporty img{border: 4px solid #DDD; margin-right: 4px;}
    /*#dalsi-festivaly img:hover, #fotoreporty img:hover{border-color: #000;}*/

/* ------------------------------------------------------------------------------------------------------- 
Stránka: FOTOGALERIE
------------------------------------------------------------------------------------------------------- */

/* Detail */
.ico-fotak {padding:2px 0 2px 40px; background:url("../design/ico-fotak.gif") 0 0 no-repeat;}

/* Fotogalerie */
.gallery {clear:both; margin:10px 0; padding-bottom:10px; background:url("../design/bg-gallery.gif") 0 100% repeat-x;}
.gallery div {float:left; width:165px; margin-bottom:5px; text-align:center;}
.gallery div span {display:block; clear:both; width:165px; text-align:center; font-size:85%;}

/* Komentáře */
.comment {clear:both; background:url("../design/dot.gif") 0 0 repeat-x;}
.comment-info {float:left; width:200px;}
.comment-text {float:right; width:450px;}

.message {padding:5px 10px; background:#DDF0FF;}

/* ------------------------------------------------------------------------------------------------------- 
Stránka: FOTOGALERIE - DETAIL
------------------------------------------------------------------------------------------------------- */

h2 span {font-size:70%; font-weight:normal; color:#28B20B;}
#foto-info {padding-left:70px; padding-bottom:7px; border-bottom:1px solid #DEF0FE; background:url("../design/fotak.gif") 0 0 no-repeat;}
.ico-add {padding-left:30px; background:url("../design/ico-add.gif") 0 0 no-repeat;}
.ico-previous {padding-left:20px; background:url("../design/ico-previous.gif") 0 2px no-repeat;}
.ico-next {padding-right:20px; background:url("../design/ico-next.gif") 100% 2px no-repeat;}
.tretina {float:left; width:220px;}

.ico-info {padding-left:70px; background:url("../design/ico-info.gif") 0 0 no-repeat;}
.ico-autor {padding-left:70px; padding-bottom:7px; border-bottom:1px solid #DEF0FE; background:url("../design/ico-autor.gif") 0 0 no-repeat;}

/* ------------------------------------------------------------------------------------------------------- 
Stránka: MAPA
------------------------------------------------------------------------------------------------------- */

#mainMap{width: 260px; height: 260px; margin: 0; padding: 0; border:1px solid #ddd;}
#bigMap{width: 600px; height: 400px; margin: 2em auto; padding: 0; border:1px solid #ddd; }
select{width: 165px;}
#stats{display:none;}

/* -------------------------------------------------------------------------------------------------------
Stránka: VÝPIS FOTOREPORTU
------------------------------------------------------------------------------------------------------- */

.report {border-bottom:1px solid #C5E5FE}
.report.new {border:1px solid #F0D700; border-left:0; border-right:0; background:#FFFBD6}
.report-img {float:left; width:230px; padding-left:10px;}
.report-desc {float:right; width:410px; padding-right:10px;}

/* -------------------------------------------------------------------------------------------------------
Stránka: VÝPIS NOVINEK
------------------------------------------------------------------------------------------------------- */

.news-list {padding:10px;}
.news-list div {padding-bottom:3px; border-bottom:1px solid #E0E0E0;}
.news-list.bg {background:#F0F8FF;}
.news-list.bg div {border-bottom:1px solid #BDE0FF;}
.news-list h4 {margin:0;}

/* -------------------------------------------------------------------------------------------------------
Stránka: DETAIL NOVINKY
------------------------------------------------------------------------------------------------------- */

.news-detail {padding:10px; border:1px solid #ACDAFE; font-size:110%; background:#F0F8FF}

.ico-komentar {padding-left:15px; background:url("../design/ico-komentar.gif") 0 50% no-repeat;}

/* -------------------------------------------------------------------------------------------------------
Stránka: KDO-KDO
------------------------------------------------------------------------------------------------------- */

#interpret-info {float:right; width:200px; padding:10px; border:1px solid #ACDAFE; background:#E6F4FE;}
#interpret-info ul.interprets {margin:10px 0; padding:0; list-style:none;}
#interpret-info ul.interprets li {margin:0; padding:0; padding-left:15px; background:url("../design/ico-user.gif") 0 5px no-repeat;}

/* ------------------------------------------------------------------------------------------------------- 
Nezařaditelné
------------------------------------------------------------------------------------------------------- */
    
#ico-nuvio {padding:2px 20px 2px 0; background:url("../design/ico-nuvio.gif") 100% 50% no-repeat;}
.ico-interpret {padding-left:13px; background:url("../design/ico-user.gif") 0 3px no-repeat;}

h2.ico-tip {padding-right:45px; background:url("../design/ico-tip.gif") 100% 5px no-repeat;}

/* ------------------------------------------------------------------------------------------------------- 
Stylování HTML
------------------------------------------------------------------------------------------------------- */

/* Stylovaná tabulka */
table.table-styled.width100 {width:660px;}
	table.table-styled th, table.table-styled td {border:1px solid #ACDAFE;}
	table.table-styled th {background:#E6F4FE; color:#0089BD; text-align:center;}
	table.table-styled tr.bg td {background:#E6F4FE;}

/* Stylovaný seznam */
ul.ul-styled {margin:15px 0 15px 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 li ul {margin:0 0 0 20px; padding:0; list-style:none;}
    ul.ul-styled li ul li {padding-left:15px; background:url("../design/li-li.gif") 0 5px no-repeat; color:#606060;}

/* Perex */
#perex {border-top:2px solid #FFE691; background:#FFFBD6; padding:10px 15px; color:#000; font-weight: bolder; font-style: italic;}

/* ------------------------------------------------------------------------------------------------------- 
Formátování textu
------------------------------------------------------------------------------------------------------- */

/* Dva sloupce vedle sebe */
.col50 {float:left; width:49%;}

/* Velikost a zvýraznění textu */
.bigger {font-size:110%;}
.smaller, #region-select {font-size:85%;}
#region-select{padding: 2px;}


.high {color:#0089BD;}
.nonhigh {color:#808080;}

.note {color:#000;}
.note-line {padding-top:10px; border-top:1px solid #B4DEFD; font:85%/140% "tahoma",sans-serif; color:#0089BE;}

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

img.f-right {margin-left:10px;}
img.f-left {margin-right:10px;}


#tips {margin: 5px 0;}
#tips-body{
	height: 90px;
  padding: 0;
  margin:  0 auto;
  overflow: auto;
} 

#tips .titem{
    height: 90px;
    top:  0;
    background: white;
    left: 0; 
    font-size: 80%;
}
.titem-logo{padding: 10px; float: left;}
.titem-info{margin-left: 80px; padding: 10px 0 7px 5px;}
.titem h2{font-size: 13px; margin: 0; padding: 0;}
.titem p{margin: 0 0 10px 0; padding: 0;}
.titem a{color: black; text-decoration: none;}
.titem a:hover{text-decoration: underline;}
.titem h2 a{color: #8FCC00;}
.titem h2 a:hover{text-decoration: none;}

#ttip{padding: 5px; margin: 0; list-style: none; font-size: 10px;}
#ttip li{padding: 3px 4px;}

#poletim{font-size: 10px; border: 2px solid #eee;}
#poletim ul{margin: 5px 0; list-style: none;}
#poletim ul li{list-style: none; padding: 2px 6px;}
#poletim_header{background: url('../design/poletim_bg.png') no-repeat; padding-left: 130px; height: 54px; line-height: 54px; }

#map{background: #F5F5F5; padding: 5px 15px 15px 15px; margin: 0; }
#map h3{padding: 0; margin: 0 0 5px 0; font-size: 80%; color: #000;}
#map select{padding: 0; margin-left: 5px; font-size: 10px; color: #000;