@charset "utf-8";
/* Arkusz styli css dla strony netavin.pl */

html, body {
margin: 0;
padding: 0;
background-image: url(img/bg.gif);
background-repeat: repeat-x;
background-color: #261f18;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.4em;
}

ul, li 
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
}

img {
border: 0;
}

a:link {color: #0066CC;}
a:visited {color: #0066CC;}
a:hover {color: #0099CC;}

#strona {
width: 979px;
margin: 0 auto;
}


/* style nagłówka strony (HEADER) */
#header {
height: 297px;
}

#top{
height: 87px;
clear: both;
background-image:url(img/top_tel.jpg);
}

.top_cennik{
float:left;
height: 210px;
width: 356px;
background-image:url(img/top_cennik_promocja.jpg);
}

.top_zdjecia {
float: right;
height: 210px;
width: 623px;
background-image:url(img/top_zdjecia.jpg);
}

/* menu */
#menu {
width: 500px;
height: 40px;
position: relative; left: 418px; top: 47px;
}

#menu ul, #menu ul li {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}

#menu ul li {
float: left;
}

#menu ul a:link, #menu ul a:visited {
text-align: center;
line-height: 2.6em;
font-size: 16px;
display: block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-shadow: #000000 -2px -1px 1px;
width: 123px; 
height: 40px;
}
#menu ul a:hover {color:#ffa03c;}
.menu1 a:link {background-image: url(img/menu1.jpg);}
.menu2 a:link {background-image: url(img/menu2.jpg);}
.menu3 a:link {background-image: url(img/menu3.jpg); width: 124px !important;}
.menu4 a:link {background-image: url(img/menu4.jpg);}
.menu1 a:visited {background-image: url(img/menu1.jpg);}
.menu2 a:visited {background-image: url(img/menu2.jpg);}
.menu3 a:visited {background-image: url(img/menu3.jpg); width: 124px !important;}
.menu4 a:visited {background-image: url(img/menu4.jpg);}
.menu1 a:hover {background-image: url(img/menu1_hover.jpg);}
.menu2 a:hover {background-image: url(img/menu2_hover.jpg);}
.menu3 a:hover {background-image: url(img/menu3_hover.jpg);}
.menu4 a:hover {background-image: url(img/menu4_hover.jpg);}



/* style treści (CONTENT) */
#content {
background-color: #FFFFFF;
padding: 10px 20px 20px 20px;
}

img.zielone_www {
padding: 20px 10px 10px 10px;
float: left;
}

/* style stopki (FOOTER) */
#footer {
background-image:url(img/footer_top.gif);
background-repeat: no-repeat;
height: 42px;
}

.footer_middle {background-color: #FFFFFF; height: 80px;}
.footer_bottom {background-image: url(img/footer_bottom.gif); height: 9px; margin-bottom: 10px;}


img.pobierz_cennik {
padding-left: 20px;
float:left;
}

p.copyright {
font-size: 12px;
color: #333333;
float: left;
padding: 15px 200px 0px 200px;
}

.menu_lista {
font-size: 12px;
line-height: 1.6em;
color: #333333;
float: left;
list-style-type: square;
margin-top: 5px;
margin-bottom: 0px;
}

h2.pytanie {font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}

.obrazek_portfolio {
border: 1px solid #512800;
margin: 50px;
}

#box-formularz { 
border: 1px solid #0000CC; 
background-color: #287BD7;
width:500px; 
padding:15px; 
margin: 0 auto;
text-align: center;
-moz-border-radius: 10px;
-webikt-border-radius: 10px;
behavior:url(border-radius-ie8.htc)
} 

#lewy {
float:left;
text-align: right;
width: 200px;
}

#prawy {
float:left; 
padding-left: 5px;
}

input.przycisk {
width: 120px;
height: 30px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
}

p.wiadomosc-wyslana {
display: block;
font-size: 16px;
background-color: #99FF66;
margin-left: 350px;
margin-right: 100px;
text-align: center;
border: 1px solid #006600;
}

p.gratis {
text-align: center;
font-weight: bold;
font-size: 16px;
}

span.zolte_tlo {background-color: #FFCC66;}