html,body{
background: #000 url(../images/tlo.jpg) repeat;
margin: 0 auto;
font-style: inherit;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #fff;
z-index : 0;
text-align:center;
vertical-align:middle;
padding:0px;
border:none;
height:100%;
width:auto;
}
/*strona główna*/
#all{
height:100%;
display:table;
width:100%;
}
#kontener
{
vertical-align:middle;
display:table-cell;
}
#logo{
background: #000 url(../images/logo.jpg) no-repeat;
width: 988px;
height: 117px;
margin:0 auto;
position: relative;
}
#lang{
width: 50px;
height: 30px;
margin:0 auto;
position: relative;
float:right;
padding-right:40px;
padding-top:20px;
}
#box{
background: #000;
width: 900px;
height: 542px;
margin:0 auto;
position: relative;
border:1px solid #2e2e2e;
}
#zawartosc{
top:5px;
background: #000;
width: 900px;
height: auto;
height-min: 495px;
margin:0 auto;
position: relative;
}
#home_dol{
width: 900px;
height: 120px;
margin:0 auto;
position: relative;
}
#menu{
background:#bd0000 url(../images/menu_tlo.jpg) repeat;
width: 900px;
height: 42px;
margin:0 auto;
position: relative;
text-align:center;
line-height:42px;
}
#menu ul {
width: 847px;
height: 42px;
font-weight: lighter;
font-size: 11px;
list-style: none;
margin:0;
}
#menu ul li {
float: left;
font-size: 11px;
text-align: center;
}
#menu ul li a {
background:#bd0000 url(../images/menu_il.jpg) no-repeat;
width:121px;
height:42px;
display: block;
margin: 0px;
color: #fff;
}
#menu ul li a:hover {
background: url(../images/menu_ilhover.jpg) no-repeat;
color: #fff;
}
#menu_gal{
background:#101010;
width: 898px;
height: 25px;
margin:0 auto;
position: relative;
text-align:center;
line-height:20px;
border:1px dotted #151515;
}
#menu_gal ul {
width: 650px;
height: 25px;
font-weight: lighter;
font-size: 11px;
list-style: none;
margin:0 auto;
position:relative;
}
#menu_gal ul li {
float: left;
font-size: 11px;
text-align: center;
}
#menu_gal ul li a {
background:#101010;
width:130px;
height:25px;
display: block;
margin: 0px;
color: #fff;
}
#menu_gal ul li a:hover {
background:#151515;
color: #fff;
}
p.naglowek{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 12pt;
font-weight : normal;
letter-spacing:3px;
color: #fff;
text-align: left;
border-bottom:1px dotted #676767;
margin-left:5px;
line-height:20px;
}
p.autor{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 12pt;
font-weight : normal;
font-style:italic;
letter-spacing:3px;
color: #fff;
text-align: left;
padding-bottom:2px;
}
div.vcard span{
margin-top: 60px;
}
span.fn{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 12pt;
font-weight : normal;
font-style:italic;
letter-spacing:3px;
color: #fff;
text-align: left;
padding-bottom:2px;
}
p.text{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 10pt;
font-weight : normal;
color: #fff;
line-height: 18px;
text-align: justify;
padding-right:5px;
}
p.text_k{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 9pt;
font-weight : normal;
color: #fff;
padding-left: 15px;
padding-right:15px;
padding-top:2px;
line-height: 14px;
text-align: left;
}
#onas{
width: 800px;
height: 470px;
margin:0 auto;
position: relative;
overflow:hidden;
}
#oferta{
width: 800px;
height: 490px;
margin:0 auto;
position: relative;
overflow:hidden;
}
#referencje{
width: 850px;
height: 480px;
margin:0 auto;
position: relative;
overflow:hidden;
}
#ref_box_1{
width: 810px;
height: 420px;
margin:0 auto;
position: relative;
border-bottom:1px dotted #676767;
}
#ref_box{
width: 810px;
height: 200px;
margin:0 auto;
position: relative;
}
#ref_text{
width: 565px;
height: auto;
margin:0 auto;
position: relative;
float:left;
}
.img_onas{
float:left;
padding-right:10px;
padding-bottom:10px;
}
.img_ref{
padding-top:20px;
width:245px;
height:auto;
margin:0 auto;
position:relative;
float:left;
}
h1{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 14pt;
font-weight : 400;
color: #ff0000;
text-align:left;
}
h2{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 14pt;
font-weight : 400;
color: #ff0000;
text-align:left;
}
h3{
font-family: Helvetica,'Verdana', Arial, sans-serif;
font-size: 12pt;
font-weight : 400;
color: #bd0000;
text-align:left;
}
a img { border: none;
}
/*kontakt*/
input#imie, #email, #tresc, #token, #pytanie {
padding : 2px;
border : 1px solid #676767;
background:#000 url(../images/tlo.jpg) repeat;
color : #fff;
font-size: 12px;
}
input#wyslij {
width:146px;
padding : 2px;
border : 1px solid #676767;
background:#000 url(../images/tlo.jpg) repeat;
color : #676767;
cursor : pointer;
font-size: 12px;
}
input#wyslij:hover, input#wyczysc:hover {
color : #fff;
border : 1px solid #676767;
}
textarea {
border : 1px solid #1e1e1e;
padding : 2px;
font-size : 12px;
color: #313131;
}
.alert{
text-align:center;
color: #ff0000;
font-size: 12px;
}
.text_k{
padding-left:20px;
padding-right:20px;
color: #fff;
text-align:justify;
font-size: 12px;
font-family: Helvetica,'Verdana', Arial, sans-serif;
}
#kontakt{
width: 800px;
height: 470px;
margin:0 auto;
position: relative;
overflow:hidden;
text-align:left;
}
#kontakt_box{
width: 490px;
height: 450px;
margin:0 auto;
position: relative;
float:left;
}
#kontakt_formularz{
width: 300px;
height: auto;
margin:0 auto;
position: relative;
float:left;
}
.kontakt_adres {
width: 800px;
height: 80px;
margin: 0 auto;
position: relative;
}
#kontakt_l {
width: 250px;
height: 180px;
margin: 0 auto;
position: relative;
float:left;
}
#kontakt_p {
width: 300px;
height: 200px;
margin: 0 auto;
position: relative;
float:left;
}
.komunikat{
color: #fff;
text-align:center;
font-size: 12px;
font-family: 'Verdana', Helvetica, Arial, sans-serif;
padding-left:5px;
padding-bottom:2px;
}
a:link, a:visited{
font-style: inherit;
font-family : Helvetica, 'Verdana', Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #fff;
text-decoration : none;
}
a:hover{
color : #ff7200;
text-decoration : none;
}
/*koniec strona główna*/
/*stopka*/
#stopka {
width: 880px;
height: 20px;
margin: 0 auto;
position: relative;
text-align:left;
line-height:20px;
}
.stopka {
font-style: inherit;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-size : 7pt;
font-weight : normal;
color : #676767;
padding-left:20px;
}
.stopka a{
font-style: inherit;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : normal;
color : #676767;
}
.stopka a:hover{
color : #fff;
}
/*koniec stopka*/
.podpis{
float:right;
margin: -20px 0 0 0;
}
.miasta {
font-size : 7pt;
font-weight : normal;
color : #676767;
text-align: center;
}
#galeria{
width: 830px;
height: 450px;
margin:0 auto;
position: relative;
overflow:hidden;
}
.licz_g{
width:20px;
height:20px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:1px;
color: #fff;
font-family : Helvetica, sans-serif;
font-size : 10px;
}
.licz_select_g{
background:#bd0000;
width:20px;
height:20px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
color: #fff;
font-family : Helvetica, sans-serif;
font-size : 10px;
}
.galeria{
background: #101010 url(../images/loading2.gif) no-repeat center;
width: 125px;
height: 125px;
border:1px solid #151515;
position:relative;
}
.link {
margin:5px;
border:1px solid #fff;
}
#nav_gal{
width: 600px;
height: 15px;
position:relative;
text-align:left;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #909090;
}
#strona{
width: 600px;
height: 20px;
margin:0 auto;
text-align:right;
padding:10px;
}
fieldset {
border: 1px dotted #676767;
width: 300px;
padding: 3px;
}
fieldset legend {
background: #bd0000;
padding: 4px;
font-weight: bold;
}