@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

body, #menul, #menub{font: 100% Helvetica, Arial, "Trebuchet MS",  sans-serif;
text-align:center;
color: black;}


div#tloheader

{width: 100%;
height: 325px;
position: absolute;
background-color:#e9e9e9;}

div#container{text-align:left;
width:100%
margin:0 auto}

div#header
{width: 960px;
height: 325px;
margin:0 auto;
position: relative;
background:url(../images/baner.jpg); }

div#header h1{text-indent: -9999px;
position: absolute;}

div#header a

{position: absolute;
top:30px;
left: 30px;
background-image:url(../images/logo.png);
width: 313px;
height: 116px;}

div#header a:hover

{background-image:url(../images/logo-hover.png); }

div#menugorne

{
width: 769px;
height: 43px;
position: absolute;
right: 0;
}

ul#menu

{list-style: none;
background-image:url(../images/pasek-szary-menu.jpg); 
width: 769px;
height: 43px;
position: relative;
}

ul#menu ul li

{width: 118px;
}

ul#menu li a

{color: white;
float: left;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align: center;
padding-top: 10px;
height: 33px;
width: 118px;

}

ul#menu li a:hover

{background-image: url(../images/pomarancz.jpg);
background-repeat: repeat;}

ul#menu a[name="glowna"]
{width: 182px;
position: absolute;
left: 0px;
top:0px;}

ul#menu a[name="gabinet"]

{width: 118px;
position: absolute;
left: 183px;
top:0px;
}

ul#menu a[name="omnie"]
{width: 118px;
position: absolute;
left: 300px;
top:0px;
}

ul#menu a[name="cennik"]
{width: 118px;
position: absolute;
left: 418px;
top:0px;}

ul#menu a[name="rezerwacja"]
{width: 118px;
position: absolute;
left: 535px;
top:0px;
}

ul#menu a[name="kontakt"]
{width: 118px;
position: absolute;
left: 650px;
top:0px;
}


ul#menu a.tutaj

{background-image: url(../images/pomarancz.jpg);
background-repeat: repeat;}

div#wrapper

{width: 960px;
margin:0 auto;}


div#content{float:right;
width:730px;
position: relative;
}

#menub div#content h2, #menul div#content h2

{padding-top: 76px;
padding-bottom: 10px;
padding-right: 300px;
line-height: 20px;
color: #363586;
}


div#content h2

{padding-top: 105px;
padding-bottom: 20px;
padding-right: 400px;
line-height: 20px;
color: #363586;
}

div#content h4

{font-size: 13px;
padding-bottom: 5px;}

div#content p

{font-size: 13px;
padding-right: 300px;
padding-bottom: 15px;
text-align: justify;}


#menul div#content p
{padding-right: 30px;
text-align: justify;}

div#content ul li

{font-size: 13px;
padding-right: 300px;
line-height: 16px;}

#menul div#content ul li

{padding-right: 50px;
line-height: 16px;}


div#content a

{color: #363586;
font-weight: bold;}

div#content h4 

{margin: 10px 0px;}

p>a:hover, div#content>a:hover

{text-decoration: underline;}


div#content .zdjeciepierwsza

{float: right;
position: absolute;
right: 35px;
top: 75px;}

div#navigation{float:left;
width:191px;
height: 445px;
background-image: url(../images/menu-bok_1.jpg);
background-repeat: no-repeat;
padding-top: 40px;
}

div#navigation h3 

{font-size: 15px;
color: white;
margin-bottom: 20px;
padding-left: 20px;

}

div#navigation a

{font-size: 14px;
font-weight: bold;
color: white;
display: block;
margin-top: 1px;
padding-top: 20px;
padding-left: 20px;
padding-right: 10px;
height: 30px;
background-image: url(../images/menu-bok_2.jpg);}


div#navigation a:hover

{background-image:url(../images/pomarancz2.jpg);
background-repeat: repeat;
text-decoration: none;}

div#navigation .tutaj2

{background-image:url(../images/pomarancz2.jpg);
background-repeat: repeat;
}


div#tlofooter

{width: 100%;
height: 155px;
background-color:#e9e9e9;
clear:both; }

div#footer{clear:both;
width:960px;
margin:0 auto;
height: 73px;
background-image:url(../images/pasek-dolny.jpg);
position: relative;
margin-bottom: 80px;}

div#footer a

{color: white;
text-decoration: none;
font-size: 14px;
font-weight: bold;}

div#footer .polityka

{position: absolute;
top:27px;
left: 20px;}

div#footer .polityka:hover, div#footer #rozmowa:hover, div#footer .design:hover

{color:#d63a0c;}


div#footer .wizyta

{position: absolute;
top:0px;
left: 680px;
background-image:url(../images/umow-sie-na-wizyte.png);
width: 236px;
height: 69px;}

div#footer .wizyta:hover

{
background-image:url(../images/umow-sie-na-wizyte-hover.png);
}

div#footer #rozmowa

{position: absolute;
top:27px;
left: 400px;}

div#footer .design

{color: black;
position: absolute;
bottom: -30px;
right: 60px;
font-size: 12px;}

div#qTip {
	padding: 10px;
	border: 1px solid #666;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background-color:#e9e9e9;
	color:#333333;
	font: bold 12px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;
	text-align: justify;
	position: absolute;
	z-index: 1000;
	width: 200px;
	text-align: center;
	line-height: 20px;
	opacity: .8; /***all modern browsers (this is CSS3)  ***/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*** IE 8 ***/
filter: alpha(opacity=80); /*** IE 5-7 ***/

}

small
{font-size: 12px;
}

small:hover
{text-decoration: underline;}

/**Formularz kontaktowy**/


.myform{
	width:650px;
	margin-top: 0;
	margin-bottom: 0;
}



/* ----------- stylized ----------- */


#stylized{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 350px;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#stylized label{
	display:block;
	text-align:right;
	width:80px;
	float:left;
	font-size: 12px;
	padding: 0px 0px 0px 30px;
	color: #333333;
	font-style: italic;
}


input[type="text"]{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	text-align: left;
}

#stylized .input-required

{
	height:50px;
	position: relative;
	width: auto;
	
}

#stylized button{
	clear:both;
	margin-left:120px;
	width:125px;
	height:31px;
	background:#666;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	float: left;
	cursor: pointer;
}

#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	overflow: auto;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}


#stylized label.error {

	position: absolute;
	width: 150px;
	top: 5px;
	right: -100px;
	color: #da3939;
	font-style: italic;
	font-weight: normal;
	font-size:10px;
	
	
}

/*tabela*/

table {
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
}

table caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}


table thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table tfoot tr th, table tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table tfoot tr th {
	width: 30%;
}

table tfoot tr td {
	width: 30%;
}

table td, table th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
	width: 30%;
}

table tr.odd th, table tr.odd td {
	background: #efefef;
}

div#navigation a.mediacja

{color:#242170 ; }