/*--- General ---*/
a {
    color: #fff;
    text-decoration: none;
}

a.post-edit-link {
    color: #000000;
    font-size: 10px;
    font-style: italic;
    padding-left: 10px;   
}

a img {
    border: none;
	float: left;
	margin-right: 3px;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

html {
    background: #ffffff;
}

body {
    width: 1000px;
    background: #ffffff;
    color: #000000;   
    font-family: Tahoma;
    font-size: 12px;
    margin: 0 auto;
    padding: 0;
}

h1 {
    font-size: 18px;
    color: #ff7800;
    padding-left: 0px;
    font-weight: normal;
}

h2 {
    font-size: 28px;
    color: #ff7800;
    padding-left: 0px;
    font-weight: normal;
}


/*--- Layout ---*/
#top_bg {
    float: left;
    height: 223px;
    width: 975px;
    background-color: #f4f4f4;
    padding-left: 25px; 
    padding-top: 22px;
    background-image: url(images/bg_top.png);
    background-repeat: no-repeat;
    background-position: bottom left;   
}

    #top_bg div.logo {
        float: left;
        height: 204px;
        width: 250px;
        background-color: #ffffff; 
        padding-left: 20px;
    }
    
        #top_bg div.logo a img.logo {
            padding-top: 50px;
        }

    #top_bg div.anim {
        float: left;
		position: relative;
		top: -23px;
		left: -30px;
        height: 204px;
        width: 380px;
        background-color: #ffffff; 
    }
        
    #top_bg div.top_menu {
        float: left; 
        height: 223px;
        width: 325px;
        background-image: url(images/bg_top_menu.png);
        background-repeat: no-repeat;     
    }
    
        #top_bg div.top_menu ul {
            position: relative;
            top: 1px;
            left: 100px;
            color: #ffffff;
            list-style-type: none;
            margin: 0;
            padding-top: 0px;
            padding-left: 54px;  
        }
        
            #top_bg div.top_menu ul li {
                letter-spacing: 0.1em;
                line-height: 42px;
            }
            
                #top_bg div.top_menu ul li a {
                    font-size: 11px;
                    color: #ffffff; 
                }

#main {
    clear: both;
    float: left;
    width: 975px;
    padding-top: 2px;
    padding-left: 25px;
    background-image: url(images/bg_main_left_shadow.png);
    background-repeat: repeat-y;
    background-image: top left; 
    line-height: 17px;   
}
	#main div.header {
		float: left;
		width: 510px;
		height: 40px;
		padding-top:6px;
		color:#FFF;
	}
	
    #main div.left {
        float: left;
        width: 510px; 
        padding: 0px 20px 20px 20px;
        background-image: url(images/bg_main_left_top.png);
        background-repeat: repeat-x;
        background-position: top left;  
    }
    
	#main div.left div.post div.entry ul {
		list-style-image:url(http://www.s90.pl/wp-content/themes/s90/images/li.gif)
	}
    #main div.right {
        float: left;
        width: 425px;
        background-image: url(images/bg_main_right_top.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #555555;
    }
    
        #main div.right div.contact_form {
            float: left;
            width: 400px;
            padding: 15px 15px 15px 10px;
            font-size: 12px;
            color: #ffffff;
        }
		
		        #main div.right div.contact_form p{
			margin-bottom: -5px;
			font-size: 11px;
			margin-top: -5px;
        }
        
            #main div.right div.contact_form span.header {
                float: left;
                width: 395px;
                color: #ff7800;
                font-size: 15px;
                text-align: right;
                line-height: 25px;
            }
        
            #main div.right div.contact_form table {
                clear:both;
                float: left;
                width: 395px;
                font-size: 11px;
            }
        
            #main div.right div.contact_form table tr td {
                  
            }
        
            #main div.right div.contact_form table tr td span.input {
                width: 108px;
                font-size: 11px;
                 
            }
            
            #main div.right div.contact_form table tr td textarea {
                font-size: 11px;
                height: 94px;
            }
            
            #main div.right div.contact_form table tr td input.captcha {
                vertical-align: middle;
                width: 30px;
				margin-top: 3px;
				margin-left: 64px;
				margin-right: 4px;
				height: 14px;
            }
            
            #main div.right div.contact_form table tr td img.captcha {
                vertical-align: middle;
            }
            
            #main div.right div.contact_form input.send {
                vertical-align: middle;
                background-image: url(images/b_send.png);
                width: 44px;
                height: 21px;
                border: 0px;
                margin-top: -4px;
                margin-left: 12px;
            }
            
        #main div.right div.menu {
            float: left;
            width: 400px;
            padding: 15px 15px 25px 10px;
            background-color: #333333;
            background-image: url(images/bg_main_right2_top.png);
            background-repeat: repeat-x;
            background-position: top left;
            color: #ffffff;
			font-size: 11px;
        }
        
            #main div.right div.menu div.submenu {
                float: left;
				font-size:11px;
                padding: 0px 5px 20px 15px;
				color:#FFF
            }
			
			            #main div.right div.menu div.submenu div.podmenu{
               float:left;
			   margin-top:20px;
			   margin-left:8px;
			   width: 180px;
			   height: 120px;
            }
					            #main div.right div.menu div.submenu div.podmenu1{
               float:left;
			   margin-top:20px;
			   margin-left:8px;
			   width: 180px;
			   height: 150px;
            }
            				            #main div.right div.menu div.submenu div.podmenu2{
               float:left;
			   margin-top:20px;
			   margin-left:8px;
			   width: 180px;
			   height: 70px;
            }
                #main div.right div.menu div.submenu div.icon {
                    float: left;
                    width: 50px;
                }
            
                #main div.right div.menu div.submenu div.text {
                    float: left;
                    width: 130px;
                    padding-top: 16px;
                }
            
                    #main div.right div.menu div.submenu div.text a.header {
                        font-size: 15px;
                        color: #ff7800;
                        padding-left: 5px;
                        line-height: 25px;
                    }
                
                    #main div.right div.menu div.submenu div.text ul {
                        color: #ffffff;
                        margin: 0;
                        padding-top: 0px;
                        padding-left: 6px;
                    }
                    
                        #main div.right div.menu div.submenu div.text ul li {
                            float: left;
                            width: 210px;
                        }
                        
                            #main div.right div.menu div.submenu div.text ul li a {
                                font-size: 11px;
                                color: #ffffff;
                            }
    
#footer {
    clear: both;
    float: left;
    height: 50px;
    width: 975px;
    background-color: #ffffff;
    margin-left: 25px; 
    padding-top: 16px;
    background-image: url(images/bg_footer.png);
    background-repeat: no-repeat;
}
    
    #footer div.bottom_menu {
        float: left;
        color: #ff7800;
        padding-left: 70px;
    }
    
        #footer div.bottom_menu a {
            color: #ff7800;    
        }
    
    #footer div.copyright {
        clear: both;
        float: left; 
        color: #666666;
        padding-left: 140px;    
    }
        
/*--- Menu ---*/
#menu {
    position: relative;
    top: -45px;
    left: 62px;
    width: 190px;
    clear: both;
    float: left;
}

#menu a {
    color: #ffffff;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
}

#menu a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#menu ul {
    color: #ffffff;
    list-style-type: none;
    margin: 0;
    padding-top: 0px;
    padding-left: 45px;
}

    #menu ul li {
        letter-spacing: 0.1em;
        line-height: 33px;
    }

#bottom_menu {
    float: left;
    background-image: url(images/bg_bottom_menu.jpg);
    height: 38px;
    width: 1000px;
    text-align: center;
    padding-top: 6px;
}

#bottom_menu ul {
    color: #2f72b6;  
    list-style-type: none;
    margin: 0;
}

    #bottom_menu ul li {
        display: inline;
        letter-spacing: 0.1em;
        line-height: 33px;
    }
    
    #bottom_menu ul li a{
         color: #2f72b6;
         padding: 20px;
    }
    
/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }

.follow {
	background: #F4F4F4;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px dashed #eee;
	font-size: 10px;
}
.titl{
	color:#FF7800;
	font-size:15px;
	margin-top: 35px;
}

a.promocja {
color:#FFF;
}

.area {
	height: 97px;
	width: 200px;
	}

.qu {
	margin-left: 11px;
	width: 90px;
	height: 15px;
}
.inp{
	margin-top: 2px;}
.input2
{
	width:115px;}
/* End Images */
/* portfolio START */

.phot {width:635px; height:1200px; text-align:left; position:relative; margin:0 auto;}

.phot ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.phot ul.topic li {display:block; width:125px; height:31px; float:left;}
.phot ul.topic li a.set {display:block; font-size:11px; width:164px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.phot ul.topic li a ul, 
.phot ul.topic li ul 
{display:none;}

.phot ul.topic li.active a
{color:#000; background:#FFF;}

.phot ul.topic li a:hover,
.phot ul.topic li:hover a
{color:#fff; background:#FFF;}

.phot ul.topic li.active ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:auto; background:#fff; width:440px; padding:0px 40px; border:0px solid #FFF; z-index:1;}

.phot ul.topic li a:hover ul, 
.phot ul.topic li:hover ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:auto; background:#fff; width:440px; padding:0px 40px; border:0px solid #FFF; z-index:100;}

.phot ul.topic li ul li
{display:inline; width:216px; height:116px; float:left; border:1px solid #fff; margin:1px;}

.phot ul.topic li ul li a
{display:block; width:212px; height:112px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.phot ul.topic li ul li a img
{display:block; width:208px; height:108px; border:2px solid #eee;}

.phot ul.topic li a:hover ul li a:hover, 
.phot ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.phot ul.topic li a.lewy:hover ul li a:hover img, 
.phot ul.topic li:hover ul li a.lewy:hover img 
{position:absolute; left:-1px; top:-32px; width:300px; height:150px; border-color:#999;}

.phot ul.topic li a.prawy:hover ul li a:hover img, 
.phot ul.topic li:hover ul li a.prawy:hover img 
{position:absolute; left:-89px; top:-32px; width:300px; height:150px; border-color:#999;}
/* portfolio  STOP */