/*   Cascading Style Sheets created by Maciej Popielarz www.genotyp.pl   */

/* struktura */

body, html 
{
margin:0;
padding: 0;
color:#cccccc;
font-family:  "Arial CE", Arial;
font-weight: normal;
font-size:12px;
text-align: center;
height: 100%;
}

html
{
background-image: url('grafika/maszyna.jpg');
background-repeat: no-repeat; 
background-position: center 0px;
background-color: rgb(21,21,21);
}



#calosc 
{
margin: 0 auto;
padding: 0px;
width: 990px;
text-align: left;
position:relative;
top:14px;
}

        #naglowek
        {
        margin: 0px 0px 0px 0px;
        position:relative; top:0px; left:0px;
        width: 990px;
        height: 92px;
        }


               #logo  {margin:0; position:absolute; top:92px; left:120px;}
               #w_naglowku  {margin:0; position:absolute; top:122px; left:420px;}

        #zasadnicza 
        {
        margin: 0px 0px 0px 0px;
        width: 990px;
        height:400px;
        }

               #tlo {margin:0; position:absolute; top:306px; left:-5px; z-index:1;}
               
               #menu { float:left; margin:0px; width: 370px; z-index:2;}

               #projektowanie_stron, #portfolio,  #audyt, #serwis_osc, #pomoc, #cennik, #kontakt  
               {
               position:absolute; left:130px;
               width:240px; height:15px; 
               text-align:left;
               font-size:12px;
               font-weight: bold;
               color: #FF8000;
                z-index:3;
               } 
               #projektowanie_stron:hover, #portfolio:hover, #audyt:hover, #serwis_osc:hover, #pomoc:hover, #cennik:hover, #kontakt:hover 
               {
               background-color: #FFFFFF; 
               color: #400040;
               text-decoration: none;
               display:block;
               z-index:3;
               }
               span.px4
               {
               position:relative; top:4px;
               }
               #projektowanie_stron {top:220px;}
               #portfolio {top:258px;}
               #audyt {top:297px;}
               #serwis_osc {top:335px;}
               #pomoc {top:373px;}
               #cennik {top:412px;}
               #kontakt  {top:373px;}



                #tresc {float:left; position:relative;top:0px; left:50px; width: 474px; margin:0px; text-align: justify; z-index:4;}
                
                #tresc_back {float:left; position:absolute; overflow: hidden; width: 474px; height:100%; margin:0px;  background-color: rgb(29,29,29); 
                filter:alpha(opacity=70); opacity:.7;
					 -moz-border-radius: 15px;
					 -webkit-border-radius: 15px;
					 }

                                
                                #zaw_tresc {width: 434px; margin: 0px 0px 0px 0px; padding:12px; position:relative;top:0px;left:0px; 
                                text-align: justify; line-height: 130%; z-index:5;}


        #stopka 
        { 
        clear:both;
        position:relative;
		  top:0px;
		  left:0px;
        margin: 0px 0px 0px 0px; 
        width:990px; 
        height:76px; 
        text-align: center; 
        }

                #stopka_tresc {width:900px; position:absolute; top:24px; left:80px;}
                
                #polecane 
					 {
					 text-align:right;
					 background-color: #000;
					 opacity: 0.5;
					 -moz-opacity: 0.50;
					 filter: alpha(opacity=50);
                filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
					 -moz-border-radius: 15px;
					 -webkit-border-radius: 15px;
					 }
					 
					 #polecane_text
					 {
						font-weight: bold;
						color: #ff8000;
						background-color: transparent;
						opacity: 1 !important;
						-moz-opacity: 1 !important;
						filter: alpha(opacity=100) !important;
						filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
						margin-right: 8px;
					}
                
					 #polecane #polecane_text A {
					 color: #fff;
					 font-weight: bold;
					 text-decoration:underline;
					 opacity: 1 !important;
					 -moz-opacity: 1 !important;
					 filter: alpha(opacity=100) !important;
                filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
					 }
                
/* tagi a i czcionki */

a {color: #C0C0C0; text-decoration: none;}

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

a.menu {color: #cccccc; font-weight:bold;position:relative; top:4px;}

a.menu:hover {text-decoration: none;}

table.tabele {font-size:11px;}

tr.naglowek_tabeli {background-color: #222222; padding:3px;}

td.uslugaN {padding:3px;}

td.cenaN {text-align:center;}

td.usluga {background-color: #444444; padding:3px;}

td.cena {background-color: #555555; text-align:center;}

p.center {text-align:center;}

b.pom {color:#FF8000; font-weight:bold;}

/* nagłówki */

h1 {font-size:28px; margin:18px 0px 28px 0px; font-weight: bold; text-align:center;line-height: 100%;}

h2 {font-size:16px; font-weight: bold; text-align:center; color:#9FA992; color:#FF8000;}

li { line-height: 200%;}

input {position: absolute; left:100px; width: 60%; border: 1px dotted #506B3F; background-color: #BEBDAF;}
input:hover {background-color: #E4E4DE;}
textarea {position: absolute; left:100px; width: 60%; overflow:auto; border: 1px dotted #506B3F; background-color: #BEBDAF;}
textarea:hover {background-color: #E4E4DE;}
input.dodaj {
	left: 140px;
	width: 40%;
	color: #fefefe; 
	border: 1px solid #888;
	background-color: #333;
}
input.dodaj:hover {color: #333; background-color: #fefefe;}

.form_opis {position: absolute; left:0px;}