body {
background : #ffffff url("img/tlo.jpg") repeat-x;
font-family : verdana;
font-size : 11px;
color : #ffffff;
padding : 0 0 0 0;
margin : 0 0 0 0;
}

div {
display : table;
text-align : left;
}

#main {
display:block;
width : 800px;
margin : 5px 0 8px 0px;
background : url("img/main.png") no-repeat #556BC4;
border : 0;
}

#mainEmpty {
display:block;
width : 800px;
min-height : 565px;
margin : 5px 0 8px 0px;
border : 0;
background : url("img/mainEmpty.png") no-repeat #556BC4;
}

b {
letter-spacing : 0.7px;
}

input {
border : 0px;
font-size : 12px;
}

input.submit {
background-color : #5969A9;
color : #ffffff;
border: 1px #6575B4 solid;
}

span.model_header {
letter-spacing : 1px;
font-size : 13px;
font-weight : bold;
}

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

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

#logoAdmin {
text-align : center;
line-height : 20px;
font-size : 10px;
width : 210px;
height : 90px;
color: #374C9E;
padding : 15px 0px 0px 0px; 
margin-left:30px;
}

#logo {
text-align : center;
line-height : 20px;
font-size : 10px;
width : 200px;
height :90px;
color: #374C9E;
padding : 15px 0px 0px 0px;
margin-left:30px;
}

#logo a, #logoAdmin a {
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #374C9E;
}

#logo a:hover, #logoAdmin a:hover {
font-size : 12px;
text-decoration : underline;
font-weight : bold;
color : #374C9E;
}

#tekst1 {
float : left;
width : 240px;
height : 25px;
margin : 75px 0px 5px 305px;
color : #2C45A9;
font-size : 16px;
font-weight : bold;
font-family : arial;
}

#tekst2 {
float : left;
width : 250px;
height : 25px;
margin : 5px 0px 0px 212px;
color : #ffffff;
font-size : 11px;
font-weight : bold;
}

#body {
display:block;
min-height : 360px;
width : 500px;
padding : 49px 20px 20px 20px;
float:left;
}

.mainpage_bottom {
width : 300px;
padding : 10px 10px 10px 10px;
margin-left : 40px;
margin-top:220px;
text-align : justify;
}

.rightfloat {
float:right;
width:244px;
margin: 0;
padding: 0;
}

.leftfloat {
float:left;
width:550px;
margin: 0;
padding: 0;
}

.rightfloat #menu {
width : 244px;
padding : 0 0 0 0;
float : right;
}

.rightfloat #menu #links {
background-color : #6575B4;
}

.rightfloat #menu #links a {
letter-spacing : 0.2px;
cursor : pointer;
display : block;
width : 224px;
height : 20px;
padding : 8px 0 0 20px;
text-decoration : none;
border : 0;
color : #ffffff;
font-weight : bold;
}

.rightfloat #menu #links a:hover {
letter-spacing : 0.2px;
cursor : pointer;
display : block;
width : 224px;
height : 20px;
padding : 8px 0 0 20px;
text-decoration : none;
background : url("img/menu.png") no-repeat;
border : 0;
color : #ffffff;
font-weight : bold;
}

.rightfloat #menu #links .submenu a {
letter-spacing : 0.2px;
cursor : pointer;
display : block;
width : 204px;
height : 20px;
padding : 8px 0 0 40px;
text-decoration : none;
border : 0;
color : #ffffff;
font-weight : normal;
}

.rightfloat #menu #links .submenu a:hover {
letter-spacing : 0.2px;
cursor : pointer;
display : block;
width : 204px;
height : 20px;
padding : 8px 0 0 40px;
text-decoration : none;
background : url("img/menu.png") no-repeat;
border : 0;
color : #ffffff;
font-weight : normal;
}

#footer {
width:400px;
text-align:center;
color : #374c9e;
font-size : 11px;
font-family : verdana;
margin-bottom : 10px;
}

#body .modele a {
cursor : pointer;
display : block;
width : 425px;
border-bottom : 1px dashed #8b96c1;
height : 55px;
background : url('img/white01.png');
margin : 0 0 0 30px;
padding : 6px 5px 9px 20px;
text-decoration : none;
color : #ffffff;
}

#body .modele a:hover {
cursor : pointer;
display : block;
width : 425px;
border-bottom : 1px dashed #8b96c1;
height : 55px;
background : url('img/white02.png');
margin : 0 0 0 30px;
padding : 6px 5px 9px 20px;
text-decoration : none;
color : #ffffff;
}

#model {
margin-left : 30px;
width : 470px;
}

#model #header, #InformacjeHeader {
float : left;
letter-spacing : 1px;
font-size : 16px;
font-weight : bold;
font-family : arial;
}

#InformacjeHeader {
width : 250px;
}

#model #zdjecie {
float : right;
}

#model #zdjecie img, img.photo {
border : 2px #3F5CA7 solid;
}

#model #content, #InformacjeContent {
text-align : justify;
float : left;
padding : 25px 10px 10px 10px;
width : 450px;
}

#model #link, .zdjecieNawigator {
color : #cccccc;
margin-left : 30px;
float : right;
}

#model #link a, .zdjecieNawigator a {
color : #ffffff;
text-decoration : none;
}

#model #link a:hover, .zdjecieNawigator a:hover {
color : #ffffff;
text-decoration : underline;
}

#model #options {
float : left;
width : 290px;
margin-top : 20px;
}

#model #options a {
margin : 0px 10px 0px 10px;
text-align : center;
width : 125px;
cursor : pointer;
display : block;
padding : 5px 0px 7px 0px;
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}

#model #options a:hover {
margin : 0px 10px 0px 10px;
text-align : center;
width : 125px;
cursor : pointer;
display : block;
padding : 5px 0px 7px 0px;
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
background : url('img/white01.png');
}

#model #options #active {
margin : 0px 10px 0px 10px;
text-align : center;
width : 125px;
display : block;
padding : 5px 0px 7px 0px;
background : url('img/white02.png');
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}

.field {
width : 500px;
margin-bottom : 15px;
}

.field .left {
float : left;
width : 180px;
text-align : right;
}

.field .right {
float : right;
width : 300px;
text-align : left;
}

.rekord {
width : 400px;
padding : 10px 10px 5px 10px;
border-bottom : 1px #7690D2 dashed;
background : url("img/blue.png");
line-height : 20px;
}

a img {
border : 0px;
}

.uzywane {
display:block;
margin-left : 15px;
width : 480px;
color : #ffffff;
}

.line {
border-bottom : 1px #ffffff dashed;
margin-left : 15px;
width : 460px;
padding : 5px 10px 5px 10px;
margin-bottom:7px;
float: left;
}

.uzywane .opis {
width : 460px;
padding : 5px 10px 5px 10px;
line-height:14px;
margin-bottom:7px;
float: left;
text-align : justify;
border-bottom : 1px #ffffff dashed;
}

.uzywane .header {
width : 300px;
padding : 4px 10px 4px 10px;
margin-bottom:2px;
float : left;
font-size : 13px;
}

.uzywane .cena {
float:right;
margin : 4px 10px 0px 0px;
font-size:12px;
}

.uzywane .zdjecia {
display:block;
float:right;
margin : 0px 10px 7px 0px;
font-size:10px;
}

.zdjecia ul
{list-style:none; padding:0; margin:0; z-index:100;}

.zdjecia ul li 
{display:inline; float:left; margin:1px 40px 1px 1px; text-align: center;}

.zdjecia ul li a.zdjecie{
		display:block;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
}


.zdjecia ul li a.zdjecie:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
}

.zdjecia ul li a.zdjecie:hover img.big
{position:absolute; left:100px;}


.zdjecia span {
width:50px;
float:left;
text-align:center;
display:block;
margin-top:4px;
}

.zdjecia a.link {
float:left;
text-align:center;
display:block;
padding:4px 4px 4px 4px;
width:10px;
height:12px;
background-color : #5C72C9;
color : #ffffff;
text-decoration : none;
overflow:hidden;
position:relative;
z-index:1;
}

.zdjecia a.link:hover {
display:block;
padding:4px 4px 4px 4px;
background-color : #6F84D9;
color : #ffffff;
text-decoration : none;
overflow:visible;
z-index:1000;
border:none;
}

.zdjecia a.link img
{position:absolute; left:20px; top:20px; border : 2px #3F5CA7 solid;}

#galeria, #galeria div {
display : block;
}

#galeria a {
float : left;
display : block;
margin: 10px 10px 10px 10px;
}

 .clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow:hidden;
 }