body {
  background-color: #333333;
  font-family: Arial, Tahoma;
 
} 

h1
{
	color : #ffffff;
	padding-left : 0px;
	padding-top : 0px;
	padding-bottom: 10px;
	font-size : 18px;
	text-align : left;
	font-weight: normal;
}

h3
{
	color : #999999;
	padding-left : 15px;
	padding-top : 55px;
	margin : 0;
	font-size : 20px;
	text-align : left;
	font-variant: small-caps;
}

ul
{
	list-style-type: square;
	padding : 0;
	margin : 0;	
	margin-left : 15px;
	padding-left : 15px;
}

li
{
	padding-top : 1px;
	
}

a. { font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:10px;
	color:#ffffff;
     
     }
	 
a.hover { font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:10px;
	color:#000000;
     
     }


.dot {
		align: left;
	}

UL.text {list-style: square outside  url("../images/sipka1.jpg");
			margin: 10px 0px 0px 2px;
			padding: 0 5px 0 20px;}

ul.text1 {list-style: circle outside  url("../images/...jpg");
			margin: 10px 0px 0px 20px;
			padding: 0 0px 0 20px;}

		
.text1 {
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color:#ffffff;}

#page {
  width: 800px;
  height: 600px;
  padding: 00px;
  border: 0px solid #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -400px;
  overflow: none;
  color: #000;
  background : #ffffff;
  voice-family: "\"}\"" ;
  voice-family: inherit;
  margin: -300px 0 0 -400px;
  
} 






#top {
	position: absolute;
	top: 0px;
	left: 0px;
	clear: none;
	width: 800px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 22px;
	text-align: left;
	background : #333333;

            }


			
#stred {
	position: absolute;
	top: 22px;
	left: 0px;
	clear: none;
	width: 800px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 550px;
	text-align: left;
	background: #ffffff;
	background-image: url(../images/bg_text.png);
	background-repeat: no-repeat;
	background-position: top right;


            }
#pic {
	position: absolute;
	top: 22px;
	left: 0px;
	clear: none;
	width: 267px;
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: normal;
	font-size:13px;
	color:#ffffff;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 550px;
	overflow: none;
	background-image: url(../images/logo_new.jpg);
	background-repeat: no-repeat;

	            }
				
#slideshow {
	position: absolute;
	top: 22px;
	left: 267px;
	clear: none;
	width: 533px;
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: normal;
	font-size:13px;
	color:#333333;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	height: 550px;
	text-align: justify;
	line-height: 18px;
	overflow: none;

	 }
				
#text {
	position: absolute;
	top: 82px;
	left: 270px;
	clear: none;
	width: 490px;
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: normal;
	font-size:13px;
	color:#333333;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	height: 550px;
	text-align: justify;
	line-height: 18px;
	overflow: none;

	 }
	
#gal {
	position: absolute;
	top: 82px;
	left: 270px;
	clear: none;
	width: 490px;
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: normal;
	font-size:13px;
	color:#333333;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 550px;
	text-align: left;
	line-height: 18px;
	overflow: none;
	

	}

#but_deti {
	position: absolute;
	top: 135px;
	left: 31px;
	clear: both;
	width: 126px;
	height: 380px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	

	}	
	
#but_tehu {
	position: absolute;
	top: 135px;
	left: 181px;
	clear: both;
	width: 126px;
	height: 380px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	

	}		
	
#but_rf {
	position: absolute;
	top: 135px;
	left: 331px;
	clear: both;
	width: 126px;
	height: 380px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	

	}	
	
#but_svadba {
	position: absolute;
	top: 135px;
	left: 481px;
	clear: both;
	width: 126px;
	height: 380px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	

	}	
	
#but_portret {
	position: absolute;
	top: 135px;
	left: 631px;
	clear: both;
	width: 126px;
	height: 380px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	

	}	
				


#menu_left {
	position: absolute;
	top: 135px;
	left: 0px;
	clear: none;
	width: 180px;
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: normal;
	font-size:13px;
	color:#ffffff;
	text-align: left;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 0px;
	height: 380px;
	overflow: none;

	            }					
				
#pata {
	position: absolute;
	top: 550px;
	left: 0px;
	clear: none;
	width: 800px;
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:10px;
	color:#999999;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	height: 50px;
	text-align: center;
	border: 0px solid red;
	background: #333333;
		            }
				

			

			
#scroll_top {position: absolute; width:15; left:510; top:35; z-index:1; text-align: right;  } 
#scroll_bottom {position: absolute; width:15; left:510; top:450; z-index:1; text-align: right; } 
#scroll_panel {width:500; height:400; overflow:hidden; top:0; left:0; clip:rect(0,500,400,0);} 
#divContent {top:0; left:0}

#line {position: absolute; width:1px; height:380; left:577; top:33; background-image: url(../images/line.gif); background-repeat: no-repeat; } 


#text input{
		float:right;
		font-size:12px;
		color: white;
		padding:1px 2px;
		border:solid 0px #aacfe4;
		width:420px;
		margin:2px 0 0px 0px;
		background-color:#999999;
	}

#text textarea{
		float:right;
		font-size:12px;
		color: white;
		padding:1px 2px;
		border:solid 0px #aacfe4;
		width:420px;
		margin:2px 0 0px 0px;
		background-color:#999999;
	}
	
#text button{ 
		float: right;
		clear:both;
		margin-left:0px;
		width:120px;
		height:31px;
		background:#999999;
		text-align:center;
		line-height:10px;
		color:#FFFFFF;
		font-size:14px;
		font-weight:normal;
	}




a.logo { 
     display: block;
     width: 300px; 
     height: 78px; 
     background-image: url(../images/logo.jpg); 
     background-repeat: no-repeat;
     }
	 
a.butonone { 
     display: block;
     width: 113px; 
     height: 47px; 
     background-image: url(../images/omne.gif); 
     background-repeat: no-repeat;
     }	 
	 
a.butonone:hover { 
     background-image: url(../images/omne1.gif); 
     } 
	 

a.butondva { 
     display: block;
     width: 113px; 
     height: 47px; 
     background-image: url(../images/ponuka.gif); 
     background-repeat: no-repeat;
     }
	 
a.butondva:hover { 
     background-image: url(../images/ponuka1.gif); 
     } 
	 
a.butontri { 
     display: block;
     width: 113px; 
     height: 47px; 
     background-image: url(../images/portfolio.gif); 
     background-repeat: no-repeat;
     }
	 
a.butontri:hover { 
     background-image: url(../images/portfolio1.gif); 
     } 
	 
a.butontri:active { 
     background-image: url(../images/buton_cennik1.gif); 
     }
	 
a.butonfor { 
     display: block;
     width: 113px; 
     height: 47px; 
     background-image: url(../images/kontakt.gif); 
     background-repeat: no-repeat;
     }
	 
a.butonfor:hover { 
     background-image: url(../images/kontakt1.gif); 
     } 
	 
a.but_deti_c { 
     display: block;
     width: 126px; 
     height: 380px; 
     background-image: url(../images/foto/deti_menu.jpg); 
     background-repeat: no-repeat;
     }	 
	 

a.but_deti_c:hover 
{ 
	background-image: url(../images/foto/deti_menu1.jpg);
     
     }	 
	 
a.but_tehu_c { 
     display: block;
     width: 126px; 
     height: 380px; 
     background-image: url(../images/foto/tehulky_menu.jpg); 
     background-repeat: no-repeat;
     }	 
	 

a.but_tehu_c:hover 
{ 
	background-image: url(../images/foto/tehulky_menu1.jpg);
     
     }		 
	 
a.but_rf_c { 
     display: block;
     width: 126px; 
     height: 380px; 
     background-image: url(../images/foto/rf_menu.jpg); 
     background-repeat: no-repeat;
     }	 
	 

a.but_rf_c:hover 
{ 
	background-image: url(../images/foto/rf_menu1.jpg);
     
     }	

a.but_svadba_c { 
     display: block;
     width: 126px; 
     height: 380px; 
     background-image: url(../images/foto/svadba_menu.jpg); 
     background-repeat: no-repeat;
     }	 
	 

a.but_svadba_c:hover 
{ 
	background-image: url(../images/foto/svadba_menu1.jpg);
     
     }

a.but_portret_c { 
     display: block;
     width: 126px; 
     height: 380px; 
     background-image: url(../images/foto/portret_menu.jpg); 
     background-repeat: no-repeat;
     }	 
	 

a.but_portret_c:hover 
{ 
	background-image: url(../images/foto/portret_menu1.jpg);
     
     }		 
	 
	 
a.text { font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color:#333333;
     
     }
	 
a.text:hover { 
	font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color:#333333;
    text-decoration: none;
     }
	 
a.pata { font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:10px;
	color:#ffffff;
	
     
     }
	 
a.pata:hover { font-family: Arial, Tahoma;
	font-style: normal;
	font-weight: bold;
	font-size:10px;
	color:#ffffff;
	text-decoration: none;
     
     }
	 
.foto 
{
	border:1px solid #ffffff; 
	margin-top:0px; 
	margin-left:0px; 
	padding:0;
} 

.foto1
{
	border:2px solid #ffffff; 
	margin-top:4px; 
	margin-left:4px; 
	padding:0;
} 

.contact 
{
	margin-top:60px; 
	margin-left:70px; 
	padding:0;
} 

a.test { font-size:12px; padding: 0.3em 1em 0.3em 1em; margin-right:2px;  font-weight: normal; text-decoration: none }
a.test:link, a.test:visited { background: #FFFFFF; color: #333333 } 
a.test:hover { background: #7a0026; color: #ffffff } 
a.test:focus { background: #7a0026; color: #ffffff } 
a#active{ background: #666666; color: #ffffff }