/* STRUKTURA A DESIGN*/

html,body{margin: 0;padding:0;min-height:100%;background-color:#ccc;}
a{font-weight:normal;}
h1{margin:5px 0 5px 10px;font-size:1.8em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{font-weight:normal;}

div#page{max-width: 1200px; position: relative; margin: 0 auto;padding: 80px 0 0 0;background: url('../img/bg.png') top left repeat-x #1b150c; min-height: 100%; box-shadow: 0 0 5px rgba(0,0,0,.8);}
/* Menu a Hlavi?ka */
div#head{position:absolute;top:0;left:0;width: 100%;padding-top: 0;background-image: url('../img/head.png');background-repeat: no-repeat;height: 80px;}

div#head>a.home{display:block;position:absolute;top:0;left:0;width:200px;height:80px;}

div#menu{position:relative;float:right;overflow:hidden;}
div#menu ul{display:block;padding:0;margin:0;list-style:none;}
div#menu li{display:block;float:left;padding:0;margin:0;}
div#menu a{cursor:default;display: block;height:30px;font-size: 1.2em;font-weight:bold;padding: 17px 15px 0 15px;text-align:center;text-decoration: none;margin:10px 0;color: #000;}
div#menu a[href]{cursor:pointer;}
div#menu form{padding: 17px 15px 0 15px;margin:10px 0;height:30px;white-space:nowrap;}
div#menu form input{box-shadow:inset 0 0 5px rgba(0,0,0,.3);height:20px;vertical-align:middle;}
div#menu form button{border:1px solid #eee;background-color:#fff;font-weight:bold;font-family:Calibri;height:20px;vertical-align:middle;}
div#menu li:hover,div#menu li.selected{background-image: url('../img/hill.png');background-repeat: no-repeat;background-position: center bottom;}

div#menu span.small{display:none;}

/*ul#menu li.selected a,div#menu a:hover {background-color: #1b150c; color: #f9d628;}*/
#menu_hill{position:absolute;top:51px;left:0;width:110px;}
#menu_hill span{display:block;position:absolute;top:0;left:0;width:100%;height:14px;background: url('../img/hill.png') top center no-repeat transparent;}

div#account{position:absolute;top:65px;right:0;padding:0;z-index:30;font-size:.9em;}
div#account a{cursor:default;color: #ffbc2c;font-weight:normal;}
div#account a[href]{cursor:pointer;}
div#account a.shared[href]{color:#ccc;}
div#account img{vertical-align:bottom;}
div#account ul{list-style:none;margin:0;padding:0;background-color:#333;border-radius:0 0 0 4px;}
div#account>ul>li{display:inline-block;position:relative;padding:2px 5px;color:#999;}
div#account .logout{color:#aaa;}
div#account .login{color:#fff;}
div#account .zpevniky a{font-weight:normal;}
div#account .zpevniky li.vytvorit{background-color:#333;}

div#account li ul{display:none;position:absolute;left:-2px;top:100%;z-index:1000;color:#999;background-color:#000;border:2px solid #333;border-width:0px 2px 2px 2px;border-radius:0 0 4px 4px;}
div#account li li{padding:2px 5px;white-space:nowrap;}
div#account li:hover ul{display:block;}

/* Body - cely prostor pod hlavickou */
div#body{position: relative;margin:0;padding: 40px 0 0 0;min-height: 300px;}



/* struktura 3 sloupcu */ 
#body .columns>.main{float:left;width: 100%;}
#body .columns>.main>div{margin:0 270px 0 270px;}
#body .columns>.left{float:left;width:250px;margin-left:-100%;}
#body .columns>.right{float:left;width:250px;margin-left:-250px;}  

/* struktura 3 sloupcu */ 
#body .columns2>.main{float:left;width: 100%;}
#body .columns2>.main>div{margin:0 270px 0 0;}
#body .columns2>.right{float:left;width:250px;margin-left:-250px;}  


/* obsah stranky */
/* Styly obsahu panelu */
.box{position:relative;padding:10px;margin-bottom:20px;font-size:.9em;color:#fff;background-color:#130f09;}

.box h3{border-bottom:1px dotted #ffbc2c;padding:0;margin:0;font-weight:normal;}

.box .padding {padding:5px;}

.box .links{padding:5px 0;}

.box .links ul{list-style:none;padding:0;margin:0;}
.box .links ul li{display:block;}
.box .links dl{margin:0;}
.box .links dt{margin-left:0;}
.box .links dd{margin-left:20px;}

.box .links a{display:block;text-indent:-5px;margin-left:5px;padding-left:5px;}
.box .links dt a{color:#FFBC2C;font-weight:normal;}

.box ul.list{list-style:none;padding:0;margin:0;}
.box ol.list{padding:0 0 0 20px;margin:0;}
.box .list li{text-indent:-5px;padding-left:10px;}      
.box dl.list {margin:0;}
.box dl.list dt{margin-left:5px;}
.box dl.list dd{margin:0px 10px;color:#333;font-size:.8em;}

.box .list a[href]{font-weight:normal;}
.box .list a.current{font-weight:bold;text-shadow:0 0 5px #aaa;}

.box .list dd>a{margin-left:15px;}
.box .list dt>a{color:#FFBC2C;}
.box .list dt>a:hover{text-decoration:underline;text-shadow:none;}

.hodnoceni{text-align:center;padding:4px 0;}
.hodnoceni .noty{cursor:help;}
.hodnoceni .noty a{}
.hodnoceni .noty img{padding:0 2px;vertical-align:middle;border:none;}

.stranka{position:relative;color:#000;background-color:#fff;/*padding:20px;box-shadow:0px 0px 40px rgba(0,0,0,.3) inset;*/}

.pisnicka h2{margin-top:0;}
.pisnicka .tools{position:absolute;top:5px;right:5px;}
.pisnicka .tools>a,.pisnicka .tools>div{position:relative;display:block;margin-bottom:5px;position:relative;opacity:.2;}
.pisnicka .tools>a img{border:none;display:block;}
.pisnicka .tools>a:hover,.pisnicka .tools>div:hover{opacity:1;}
.pisnicka .tools>a .tooltip{display:none;position:absolute;right:100%;top:0;height:32px;line-height:32px;padding:0 10px;font-size:.8em;color:#000;background-color:rgba(255,255,255,.9);white-space:nowrap;}
.pisnicka .tools>a:hover .tooltip{display:block;}

.pisnicka .tools .ticker{position:absolute;top:0px;right:1px;color:#fff;font-size:.6em;background-color:#0c0;padding:1px 1px 0 1px;}
.pisnicka .tools .show_text.active img{opacity:1;}

.pisnicka .tools .transpozice .widget{display:none;position:absolute;right:100%;top:0;padding:0 10px;font-size:.8em;color:#000;background-color:rgba(255,255,255,.9);white-space:nowrap;text-align:center;}
.pisnicka .tools .transpozice:hover .widget{display:block;}
.pisnicka .tools .transpozice .vyber{height:32px;line-height:32px;}
.pisnicka .tools .transpozice .vyber a{opacity:.5;margin-left:5px;}
.pisnicka .tools .transpozice .vyber a:hover{opacity:1;}
.pisnicka .tools .transpozice .vyber a.original{opacity:1;color:#f90;font-weight:bold;}
.pisnicka .tools .transpozice .vyber a.current{opacity:1;}

.pisnicka .tools .transpozice .widget a.uloz{opacity:.5;}
.pisnicka .tools .transpozice .widget a.uloz:hover{opacity:1;color:#ffbc2c;}

.pisnicka .tools .transpozice .widget a.smaz{opacity:.5;}
.pisnicka .tools .transpozice .widget a.smaz:hover{opacity:1;color:#ffbc2c;}

.pisnicka .tools .transpozice a.circle{display:inline-block;height:32px;width:32px;background:url("../img/circle.png") center center no-repeat transparent;text-align: center;font-size: 22px;line-height:32px;font-family: Verdana;cursor:default;}
.pisnicka .tools .transpozice a.circle.long{font-size:14px;}

.seznam{margin:0 40px !important;}

#social{text-align:center;}
#social div{display:inline-block;margin:10px 20px;}

/* cast pod obsahem a sloupcema */
div#bottom{display:block;clear:both;margin: 0 50px;overflow:hidden;}

/* Footer */
div#footer{clear:both;height: 30px;text-align: center;padding: 15px 0 0 0;color:#000;}

/* Fancybox */
.formular .fancybox-skin{padding:0;}
.formular h1{margin:0;padding:0 10px;background-color:#ffbc2c;color:#000;}
.formular form{margin:15px;}
.formular a[href], .formular a.clickable{color:#057a8a;}
.fancybox-skin{color:#000;border-radius:0 !important;}
.fancybox-skin a{color:#000;}
.fancybox-skin input{background-color:#ddd;}


/* OBECNE STYLY */	
a[href]{color: #ffbc2c;}
.hide{display:none;}