/* 
    Document   : tomweb
    Created on : 7.8.2010, 14:23:45
    Author     : Radek Darebný
    Description: main layout CSS
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*---------- BASIC ELEMENTS --------------------------------------------------*/

html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(#114a6b, black 55%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #000000;
    font-family: "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    color: #FFFFFF;
}
h1, h2, h3, h4, h5{
    font-family: Georgia,'Times New Roman',times,serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
h1{ /* Nadpis pro položky menu */
    font-size: 26px;
    letter-spacing: 2px;
    margin: 7px 0 0 15px;
}
h2{ /* Nadpis pro detail akce, výstupu z databáze */
    font-size: 18px;
    letter-spacing: 1px;
}
h3{ /* Nadpis pro běžný text */
    font-size: 16px;
    letter-spacing: 1px;
}
h4{ /* Nadpis pro hlavičku akce */
    font-size: 14px;
    margin-left: 10px;
    line-height: 25px;
}
h5{ /* Nadpis pro important */
    font-family: Verdana,'Times New Roman',times,serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 2px;
    color: #ffffff;
}
p{
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    margin: 0px;
    line-height: 16px;
}

.about div.frame h4{
    margin-bottom: 5px;
}
.about div.frame p{
    margin-left: 20px;
    margin-bottom: 5px;
}

#menu-list ul,#menu-list ol{
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    margin: 0;
    list-style-type: none;
    padding: 0;
}

a{
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #df8903;
    margin:0;
    padding:0;
}
a:link{
    color: #FFCC33;
}
a:visited{
    color: #FFCC33;
}
a:hover{
    color: #df8903;
}
a:active{
    color: #df8903;
}
#menu-list a{
    font-family: Georgia,'Times New Roman',times,serif;
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    height: 28px;
    letter-spacing: 1px;
    padding: 7px 0 0 10px;
    background: url('../images/menu.list.item.png') 0 0;
}
#menu-list a:link{
    color: #FFFFFF;
}
#menu-list a:visited{
    color: #FFFFFF;
}
#menu-list a:hover{
    color: #FFFFFF;
    background: url('../images/menu.list.item.png') 0 -35px;
}
#menu-list a.last{
    height: 29px;
}
#footer a{
    color: #444444;
    font-size: 11px;
}
#footer a:link{
    color: #444444;
}
#footer a:visited{
    color: #444444;
}
#footer a:hover{
    color: #F7931E;
}
#atom-logo a{
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/atom.logo.png') 0 0;
}
#atom-logo a:hover{
    background: url('../images/atom.logo.png') -87px 0;
}
#admin-login a{
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/admin.login.png') 0 -28px;
}
#admin-login a:hover{
    background: url('../images/admin.login.png') 0 0;
}
ul, ol, table {
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
}
.frame ul{
    margin-left: 40px;
}
/*
oranzova - #F7931E
modra - #00bbff
zelena - #44dd22
*/

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


#container{
    width: 960px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#header{
    width: 960px;
    height: 150px;
    float: left;
}
#logo{
    width: 255px;
    height: 150px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: bottom;
    float: left;
}
#head-wrap{
    width: 670px;
    height: 150px;
    float: left;
}
#head-border-top{
    width: 635px;
    height: 11px;
    margin: 57px 0 0 0;
    background-image: url(../images/headline.border.top.png);
    background-repeat: repeat-x;
    float: left;
}
#head-border-corner{
    width: 35px;
    height: 93px;
    margin: 57px 0 0 0;
    background-image: url(../images/headline.border.corner.png);
    background-repeat: no-repeat;
    float: right;
}
#headline-wrap{
    position: absolute;
    width: 635px;
    height: 82px;
    margin: 68px 0 0 0;
    background-color: #373127;
}
#headline{
    width: auto;
    height: 63px;
    margin: 5px 0 0 15px;
    display: table;
    vertical-align: middle;
}
#headline-frame-left{
    width: 14px;
    display: table-cell;
    background-image: url(../images/headline.frame.left.png);
    vertical-align: middle;
}
#headline-frame-fill{
    width: auto;
    margin: 0;
    padding-bottom: 14px;
    display: table-cell;
    background-image: url(../images/headline.frame.fill.png);
    background-repeat: repeat-x;
    vertical-align: middle;
}
#headline-text{
    max-width: 415px;
}
#headline-frame-picture{
    width: 180px;
    display: table-cell;
    background-image: url(../images/headline.frame.picture.png);
    vertical-align: middle;
}

#content-wrap{
    position: absolute;
    width: 960px;
    height: auto;
    top: 150px;
    background-image: url(../images/content.background.png);
    background-repeat: repeat-y;
}
#content{
    position: static;
    width: auto;
    height: auto;
    padding: 0 80px 5px 270px;
    background-image: url(../images/content.background.png);
    background-repeat: repeat-y;
}
#important-left{
    width: 10px;
    height: 75px;
    background: url(../images/important.left.png) no-repeat;
    float:left;
}
#important{
    display: block;
    width: auto;
    height: 75px;
    background: url(../images/important.fill.png) repeat-x;
    float: left;
    padding: 8px 4px 0px 4px;
}
#important-right{
    width: 10px;
    height: 75px;
    background: url(../images/important.right.png) no-repeat;
    float: left;
}
#menu{
    width: 255px;
    height: auto;
    top: 150px;
    float: left;
    padding-bottom: 40px;
}
#menu-list-wrap{
    width: 230px;
    height: auto;
    margin: 0 0 0 10px;
}
#menu-list-arrows{
    width: 55px;
    height: 100%;
    float: left;
}
#menu-list{
    width: 175px;
    height: 100%;
    margin: 0 0 0 55px;
    background-color: #df8903;
}
#atom-logo{
    width: 175px;
    margin: 4px 0 0 65px;
    text-align: center;
}
#atom-logo>a{
    width: 87px;
    height: 126px;
    margin: 0 auto;
}
#admin-login{
    width: 175px;
    margin: 10px 0 0 65px;
    text-align: center;
}
#admin-login>a{
    width: 126px;
    height: 28px;
    margin: 0 auto;
}
#bottom{
    width: 100%;
    height: 15px;
    margin-left: 30px;
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    float: left;
}
#footer{
    width: 100%;
    height: 40px;
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
    float: left;
    background-color: #000000;
    line-height: 12px;
}
.footer{
    color: #303030;
}

/*odkazy by Tadeas*/

.nette{
    width: 140px;
    height: 100%;
    background-image: url(../images/nette-logo-white.png);
    float: left;
}

.kct{
    width: 70px;
    height: 100%;
    background-image: url(../images/logo_KCT.png);
    float: left;
}

.tynec{
    width: 65px;
    height: 100%;
    background-image: url(../images/tynec.png);
    background-repeat: no-repeat;
    float: left;
}

#foto1{
    background-color: #ffcc66;
}
#foto2{
    background-color: #99ff00;
}


/*--------- OTHER ------------------------------------------------------------*/

/*--------- Menu Arrows ---------*/
.red{
    background: url(../images/red.arrow.png) 23px 0;
}
.blue{
    background: url(../images/blue.arrow.png) 23px 0;
}
.green{
    background: url(../images/green.arrow.png) 23px 0;
}
.yellow{
    background: url(../images/yellow.arrow.png) 23px 0;
}
.arrow{
    background-repeat: no-repeat;
    width: 55px;
    height: 38px;
    float: left;
    margin-top: -3px;
}
.first{
    margin-top: 0px;
}
.arrow-hover{
    background-position: -32px 0;
}

/*--------- Align ---------*/
.fleft{
    float: left;
}
.vcenter{
    display: table-cell;
    vertical-align: middle;
}
.hright{
    text-align: right;
}
.zluty{
    color: #ffcc33;
}
.modry{
    color: #80cbdb;
}
.autor{
    color: #6E614E;
    font-size: 10px;
}

/*--------- Akce Output ---------*/

.frame-wrap{
    margin: 10px 0 10px 0;
    padding: 3px 0 2px 0;
    background-color: #6e614e;
    background-image: url(../images/akce.corner.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.frame{
    min-height: 60px;
    margin: 5px 2px 0 2px;
    padding: 8px;
    background-color: #4d402f;
}
.ico{
    background-repeat: no-repeat;
    width:48px;
    height:48px;
    float:left;
    margin-right: 10px;
}
.icko{
    background-image: url(../images/ico-info.png);
}
.bike{
    background-image: url(../images/ico-bike.png);
}
.pension{
    background-image: url(../images/ico-pension.png);
}
.cogwheel{
    background-image: url(../images/ico-cogwheel.png);
}
.train{
    background-image: url(../images/ico-train.png);
}
.feet{
    background-image: url(../images/ico-feet.png);
}
.beer{
    background-image: url(../images/ico-beer.png);
}
.paper{
    background-image: url(../images/ico-paper.png);
}

/*--------- Akce Show ---------*/

.hnedy{
    color: #6e614e;
}
.show_border{
    border-top: 1px solid #6e614e;
    border-bottom: 1px solid #6e614e;
    padding: 5px 0;
    margin: 15px 0;
}
.show_border img{
    float: left;
}
.show_border p{
    text-indent: 1em;
    margin: 1em 0;
}
.show_sub{
    margin-top: 4px;
}

/*--------- Paginator ---------*/

.paginator{
    font-size: 14px;
}
.paginator a{
    font-size: 14px;
    text-decoration: none;
}
.paginator span.button{
    color: #999999;
}
.paginator .current{
    color: white;
    font-weight: bold;
}