

A {
color: #7F7F7F;
text-decoration: underline;
}

A:hover{
color: #A00000;
text-decoration: underline;
}

body {
color: #4A4A4A;
background-color: #f5f5ef;
font-size: 0.9em;
}

img {
border-width: 0px;
}

.powrot {font-weight: bold;}

.kontener {
position: relative;
margin-left: auto; 
margin-right: auto;
width: 980px;
height: 590px;
background-image: url('images/tlo_duet.jpg');
background-position: top;
background-repeat: no-repeat;
}

.main_menu {
width: 30px;
height: 590px;
float: right;
margin-right: 10px;
}

.main_content {

}

.content {
float: left;
width: 490px;
padding: 15px;
}

#tresc_solarium2 {
width: 250px;
height: 400px;
position: absolute;
left: 50px;
top: 360px;
}

#solarium1 {
width: 169px;
height: 231px;
position: absolute;
left: 50px;
top: 120px;
float: left;
}

#solarium2 {
width: 233px;
height: 165px;
position: absolute;
left: 300px;
top: 300px;
float: right;
}

#stylista1 {
width: 169px;
height: 231px;
position: absolute;
left: 10px;
top: 140px;
float: left;
}

#stylista2 {
width: 233px;
height: 165px;
position: absolute;
left: 10px;
top: 330px;
float: right;
}

#tresc_stylisci {
width: 300px;
height: 400px;
position: absolute;
left: 220px;
top: 200px;
}

.kontakt_tresc {
text-align: center;
position: absolute;
left: 180px;
top: 200px;
font-size: 125%;
}

.gal img {
width: 96px;
border-bottom: solid silver 2px;
}

.gal img:hover {
border-bottom: solid red 2px;
}

.ramka p {
width: 50px;
}

.photos table td {
padding: 10px;
}

.photos_gal {
position: absolute;
top: 150px;
left: 300px;
overflow: auto; 
height: 445px;
width: 355px;
}

.photos_gal img {
border-left-style: solid;
border-left-width: 2px;
border-color: #CFCFCF;
}

.photos_gal img:hover {
border-left-style: solid;
border-left-width: 2px;
border-color: white;
}


.index_menu {

}

/*Klasy zmniejszające niektóre obrazki*/
.zmniejsz1 {width: 110px;}
.zmniejsz2 {width: 90px;}
.zmniejsz3 {width: 70px;}
.zmniejsz4 {width: 60px;}


/*Menu na stronie głównej - wypozycjonowanie grafik*/
#m_photos 		{position: absolute; top: 185px;	left: 55px;}
#m_graphics 	{position: absolute; top: 202px;	left: 225px;}
#m_aboutme 		{position: absolute; top: 219px;	left: 395px;}
#m_links 		{position: absolute; top: 229px;	left: 545px;}
#m_anywherein 	{position: absolute; top: 231px;	left: 655px;}


/*Wła&#182;ciwo&#182;ci DIVów w dziale links*/
#friends 		{position: absolute; top: 45px;	left: 10px; overflow: auto; 
height: 130px; width: 300px;}
#recommend  	{position: absolute; top: 390px;	right: 0px; overflow: auto; 
height: 130px; width: 200px;}

#kontakt 		{position: absolute; bottom: 0px; left: 0px; width: 313px; }

.table_align td {text-align: center;}

.ciekawostki_opis {}