/*
Theme Name: Teniskrakow
Description: Teniskrakow.pl
Author: ONS
*/

* {
	margin:                 0;
	padding:                0;
        }

body {
	font:                   0.7em arial, verdana, sans-serif; 
	background:             #8d8d8d url(images/05-1.jpg) repeat-x;
        }

/* ramka*/
div#top {
	width:             	931px;
	height:            	240px;
	clear:             	both;
	margin: 		0 auto;
	padding:                0;
	background:             url(images/01-2.jpg) top no-repeat;
	position: relative;
	}
		
div#top01 {
	margin: 		0;
	}	
		
div#top-menu-top{
	padding-top: 		17px;
	}
		
div#top-menu-top ul {
        margin-left: 		115px;
	}
		
div#top-menu-top li {
        list-style-type:        none;
        float:                  left;
	padding-right:          135px;  
	font:                   1em arial, verdana, sans-serif; 
        }

div#top-menu-top li a {
        color:                  #000;
        text-decoration:        none;   
	font-weight:            bolder;
        }

div#top-menu-top li a:hover {
        color:                  #fff;
        text-decoration:        none;   
	font-weight:            bolder;
        }		
		
div#top-menu-title {
	width:                  931px;
	float: 			left;
	margin-top:             10px;
	}

div#top-menu-title h1, div#top-menu-title h1 a {
	padding-right:          42px;
        float:                  right;
	color: 		        #706e6e;
        text-decoration:        none;
	font-size:              2em;
        cursor:                 pointer;
	}

div#content h1 a:hover {
	color:                  #18b6e7;
	}
		
div#top-menu {
	margin-left:            10px;
	font:                   1.1em verdana, helvetica, sans-serif;
	font-weight:            bolder;
	position: absolute;
	top: 184px;
	left:0;
	}	
	
div#top-menu ul {
	margin-left: 		23px;
	display:                block;
	}
		
div#top-menu ul li{
	float: 			left;
	list-style-type:        none;
	padding:                16px 0 0;
	height:                 30px;
	background: 		url(images/02-1.jpg) top right no-repeat;
	}

div#top-menu li a {
        color:                  #000;
        text-decoration:        none;
	padding: 		16px 6px;
	height: 		32px;
        position: relative;
        }

div#top-menu li a:hover {
        color:                  #18b6e7;
	background:             url(images/02-2.jpg) top no-repeat;
	height: 		48px;
        position: relative;
        }

div#container {
	width:			931px;
	clear:			both;
	margin:			0 auto;
	}

div#ptop {
	width: 			931px;
	height: 		53px;
	clear: 			both;
	margin: 		0 auto;
	background:             url(images/02.jpg) top no-repeat;
	}
		
div#ptop-left {		
        float: left;
	width:                  190px;
	padding-top:            30px;
	margin-left:            20px;
	display:                inline;
	}		

div#ptop-left p {		
	padding-left:           10px;
        font-weight:            bolder;
        color:                  #706E6E;
	}	

div#ptop-left .themenuleft {		
	background:		url(images/06.jpg) no-repeat;
	height:                 16px;
	width:                  177px;
	margin-left:            11px;	
	}
		
div#ptop-content {
	float: 			left;
	width: 			490px;
	padding-top:            20px;       
	}
	
div#ptop-content h1 {
        color:                  #52443d;
        padding-left:	   	20px;
        font:                   1.3em verdana, helvetica, sans-serif;
        font-weight:            bolder;
	line-height:            1.6;
	}

div#ptop-content h1 a {
        color:                  #52443d;
        text-decoration:        none;
	}

div#ptop-content h1 a:hover {
        color:                  #18b6e7;
	}
		
div#ptop-right {		
        float:                  left;
	width:                  200px;
	padding-top:            20px;
	}
		
div#ptop-right p {		
	padding-left:           75px;
	}		
	
div#wrapper {
        float:                  left;
        width:                  100%;
        background:             url(images/03.jpg) center center repeat-y;
	}

div#logo {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 	                300px;
	height: 	        135px;
	cursor: 	        pointer;
        }

/* content*/
div#content {
        float:                  left;
        width:                  490px;
        }

div#content h1 {
        color:                  #52443d;
        padding-left:	   	20px;
        font:                   1.3em verdana, helvetica, sans-serif;
        font-weight:            bolder;
	line-height:            1.6;
	}
	
div#content p {
        line-height:            1.6;
        width:                  450px;
        padding:                5px 20px;
	color: 		        #706e6e;
	font-size:              1.1em;
        }

div#content p a {
	color: 		       #706e6e;
        text-decoration:       none;
        font-weight:           bolder;
	}

div#content p a:hover {
	color:         #18b6e7;
        text-decoration: none;
	}

div#content ul li, ol li {
        line-height:            1.6;
	color: 		        #706e6e;
	font-size:              1.1em;
        margin-left:            40px;
	}

div#content .ludzik {		
	background:	       url(images/ludzik.jpg) right no-repeat;
	clear: 		       both;
	width:                 70px;
	height:                70px;
	float:		       right;
	margin-right:          12px;
        }
		
/* leftmenu */
div#left {
        float:                  left;
        width:                  185px;
	margin-left:            18px;
	padding-left:           10px;
	padding-top:            10px;
	display:                inline;
        }

div#left ul li {
	list-style-type:        none;
	padding: 		5px 0 5px 14px;
	padding-left:           10px;
	font:                   1.1em arial, verdana, sans-serif;
        font-weight:            bolder;
		}
		
div#left li a {
        color:                  #706e6e;
        text-decoration:        none;
        padding:                2px 0px;
        }
		
div#left li a:hover { 
        color:                  #18b6e7;
	font-weight:            bolder;
        }

div#trenerzy {
        margin-left:           1px;
}

div#trenerzy img {
        border:                3px solid #DDDBDB
}

/* rightmenu */
div#right {
        float:                  left;
	width:                  185px;
	padding-left:           8px;
	padding-top:            10px;
	list-style-type:        none;
        }

div#right ul li {
	list-style-type:        none;
	padding: 		5px 0px;
	padding-left:           10px;
	font:                   1.1em arial, verdana, sans-serif;
        font-weight:            bolder;
	}
		
div#right li a {
        color:                  #706e6e;
        text-decoration:        none;
        padding:                2px 0px;
        }
		
div#right li a:hover { 
        color:                  #18b6e7;
	font-weight:            bolder;
        }

div#right p {		
	background:		url(images/06.jpg) no-repeat;
        color:                  #706E6E;
	font:                   0.7em arial, verdana, sans-serif;
        font-weight:            bolder;
	height:                 16px;
	width:                  177px;
        padding-left:           10px;	
	}

div#right h2 {		
        color:                  #706E6E;
	font:                   1.4em arial, verdana, sans-serif;
        font-weight:            bolder;
		
	}
/* footer */
div#foot {
        width:                  931px;
        height:                 83px;
        clear:                  both;
	margin: 		0 auto;
	padding-bottom:         30px;
        background:             url(images/04.jpg) top no-repeat;
        }

div#foot01 {
        font:                   0.9em verdana, helvetica, sans-serif;
        color:                  #595959;
	margin-right: 		30px;
        padding-top:            44px;
	}
	
div#foot01 ul {
	padding-left: 		20px;
	float: 			left;
	}
		
div#foot01 li {
        list-style-type:        none;
        float:                  left;
        padding:                0px 4px;
	border-right:           1px solid;  
        }

div#foot01 li a {
        color:                  #000;
        text-decoration:        none;               
        }

div#foot01 li a:hover {
        color:                  #595959;
	border-bottom:          1px dotted #595959;
        }
		
div#foot02 {
        font:                   0.9em arial, verdana, helvetica, sans-serif;
        color:                  #595959;
	margin-left: 		32px;
	}
	
div#foot02 p {
	padding-left:           633px;
	}
div#seo4 {
       margin-top: 30px;
       padding: 10px 0 20px;
       text-align: center;
       position: relative;
}
div#seo4 a {
       color: #000;
}
div#seo4 a:hover {
       text-decoration: none;
}
div#seo4 img {
       border: none;
       position: absolute;
       top: 0;
       right: 20px;
}