/* 
    Document   : style
    Created on : 2011-04-21, 23:11:04
    Author     : Hyde
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html, body {
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    background:black;
    background-image:url("images/bg.jpg");
    font-family:"Tahoma";
    font-size:11px;
    color:white;
    position:relative;


}


/*      TOP      */

#top {

    clear:both;
}

#header {

    width:1020px;
    margin: 0 auto ;
    background-image:url("images/header9.png");
}

#header_container {
    clear:both;
    width:960px;
    margin: 0 auto ;
    height:139px;

}



#logo {
    width:325px;
    height:100%;
    float:left;
    position:relative;


}

#logo img {
    position:absolute;
    top:30px;
}

#menu {
    width:635px;
    float:right;
    height:100%;
    position:relative;
}


/*     MIDDLE      */

#middle {
    clear:both;
    background-image: url("images/mid_bg.jpg");
	padding-top:1px;
}

#cu3er-container {
    height:346px;
}
#rotator  {


    width:960px;

    margin: 0 auto;


}


#shadow {
clear:both;
height:44px;
text-align:center;

}

/*      BOTTOM      */

#bottom {
    clear:both;


}
#bcontainerALL {
    width:1020px;

    background-image: url("images/bg2.png");
    clear:both;

    margin: 0 auto ;

}
#bcontainer {
	
    width:960px;

    margin: 0 auto ;
}

#blockA {
    width:200px;
    float:left;
    padding:0px 10px 10px;
    display:table;
}

#separator {
    margin-top:80px;
    margin-bottom:20px;
    background: #666666;
    
    
    width:1px;
    float:left;

}

#bcontainerALL p {
    font-family:"Calibri";
        font-size:13px;

}

#bcontainer img {
    margin:20px;
	box-shadow:5px 5px 5px black;

}

#blockB {
    width:718px;
    float:right;
    padding:0px 10px 10px;
}

#blockB img {
    float:left;
    margin:20px;
}

#player1 {
	margin-top:20px;
}


.akontakt {
    font-family:"Calibri";
    font-size:18px;
}

#footer {
    text-align:center;
    clear:both;
    background-image:url("images/footer.png");
    width:1020px;
    height:68px;
    color: #333333;
    padding-top:5px;
    margin: 0 auto ;
	position:relative;
}

#drzewko {
	position:absolute;
	bottom:73px;
	left:880px;
}

input {
	border:1px solid gold;
	background:black;
	color:gold;
}

button {
	border:2px solid gold;
	background:black;
	color:gold;
		    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 10px 10px 10px 10px;
		    font-family:"Calibri";
    font-size:15px;
}

.bthover {
	
	
}

textarea {
	border:1px solid gold;
	background:black;
	color:gold;
}

h1 {
font:40px normal Georgia,'Times New Roman',Times,serif;
    margin: 0px 5px 5px 0px;
	text-shadow: 5px 5px 5px #000;
	color:gold;

}

h2 {
font:20px normal Georgia,'Times New Roman',Times,serif;
    margin: 0px 5px 5px 0px;
	text-shadow: 5px 5px 5px #000;
	color:yellow;

}


/* MENU */
ul#topnav {
    left:0px;

    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font:17px Calibri;
    font-weight: bold;
    position:absolute;
    bottom:10px;
}
ul#topnav li{
    margin: 0;
    padding: 0;
    overflow: hidden;  /*--Important - Masking out the hover state by default--*/
    float: left;
    height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
                              padding: 10px 12px;
                              float: left;
                              text-decoration: none;
                              color: #fff;
                              background: url(aa.png) repeat-x;
                              text-transform: uppercase;
                              clear: both;
                              width: 100%;
                              height: 20px;
                              line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
             color: gold;
			 text-shadow: 2px 2px 2px #000;
             background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
                background-position: left top;
				text-shadow: 2px 2px 2px #000;
}

a 	{	    color: #333333;
			text-decoration:none;
		}
a:hover {
			color:white;
}