@import url('/tpszablon/ajaxsearch.css');

* {
    padding:0;
    margin:0;
    border:0;
    background-color: transparent;
}
body {
    background: url(gora.jpg) top center no-repeat;
    color: black;
    font: normal 10pt/1.5em "Trebuchet MS",Verdana,sans-serif;
}

h1 {
	font: normal 200%/190% Arial;
	text-transform: lowercase;
	color: #696969;
	margin: 0 auto 10px auto;
	width: 730px;
}
h2 {
	font: bold 120%/190% Arial;
	color: red;
}
p {
	font-weight:normal;
	font-size: 100%/150%;
}

input {
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	background-color:#eee;
}

#tresc a:link    { background-color:transparent; color: red; text-decoration:none; }
#tresc a:visited { background-color:transparent; color: red; text-decoration:none; }
#tresc a:hover   { background-color:transparent; color: red; text-decoration:underline; }
#tresc a:active  { background-color:transparent; color: red; text-decoration:none; }

#tresc ul {
	padding-left: 2em;
}

	
/* 
   
 MENU 
   
 */


/* menu drugiego rzedu */

#menu ul ul { 
	display: block;
	aborder: 1px solid green;
	position: absolute;
	atop: 35px;
	width: 740px;
}

#menu {
	width:730px;
	padding:0;
	margin:0 auto;
}
#menu ul {
	width: 100%;
	display: block;
	text-align: center;
}
#menu ul li {
	display:inline;
	border-right: 1px solid #8a8a8a;
}
#menu ul li:last-child {
    border-right: 0px;
} 
   
#menu ul li a {
	font-weight: normal;
	font-size: 140%/1.2em;
	font-family: "MS Trebuchet", Verdana, sans-serif;
	text-decoration: none;
	text-transform: lowercase;
	color: #8a8a8a;
	padding:0 10px;
	a-line-height:150%;
	a-letter-spacing: 0.0001em;
}

#menu ul li a:hover {
	color: red;
	border-bottom: 0px double red;
}

a#messlogo {
	display: block;
	width:842px;
	padding-top:50px;
	height:0;
	overflow:hidden;
	position: relative;
	z-index:1;
}


/* 

  grid 

 */

#skel {
    position: relative;
    width:842px;
    margin: 0 auto;
}

#tresc {
	width: 650px;
	margin: 0 auto;
	padding-bottom:50px;
}

#content {
    position: relative;
    padding-top:78px;
    padding-left:30px;
    padding-right:30px;
}
#content h1 {
    margin-left:65px;
}
#logo {
    position: absolute;
    width:842px;
    height:50px;
    top:0px;
    left:0px;
}
#top {
    position: absolute;
    width:842px;
    height:225px;
    top:50px;
    left:0px;
    background: white url('/tpszablon/top.png') 0px 0px no-repeat;    
}
#bottom {
    position: absolute;
    width:842px;
    height:233px;
    bottom:0px;
    left:0px;
    background: white url('/tpszablon/bottom.png') 0px 0px no-repeat;    
}

/* portfolio */
#portfolioKategorie {
awidth:600px;
    position:relative;
    float:left;
    padding: 0 80px;
    text-align:center;
    z-index:0;
}
#portfolioKategorie ul {
    margin:0; padding:0;
}
#portfolioKategorie ul li {
    display:inline;
    border-right:0px solid #8a8a8a;
    padding:0 8px 0px 4px;
    margin:0 8px 0 4px;
    line-height:190%;
}
#portfolioKategorie ul li:last-child {
    border-right:0px;
} 

#portfolioKategorie a {
    font:strong 9pt;
    color:#696969;
    text-decoration:none;
}
#portfolioKategorie a:hover {
    font:strong 9pt;
    color:red;
}

/* folio slide */

adiv.scroll {
    background-color:#f4e8e8;
    border:1px solid #ccc;
}

#aslider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}
      
.ascroll {
    height: 250px;
    overflow: auto;
    position: relative; /* fix for IE to respect overflow */
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
		
.ascrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

/* ie hack */
html > body {
    overflow-y:scroll;
}

/* paginacja */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid red;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: red;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid red;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}



/* SLIDER */
#s3slider {
   position:relative;

   width: 649px; /* important to be same as image width */
   height: 360px; /* 277px;  important to be same as image height */
   overflow: hidden; /* important */
}
#s3sliderContent {
   width: 649px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   left:0px;
   padding: 0px;
}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span  h3 {
	color:white;
	margin:0;
	font-size:18pt;
}
.s3sliderImage span {
   position: absolute; /* important */
   left:0;
   font: bold 12px/18px Arial, Helvetica, sans-serif;
   padding:0; /* 10px 13px; */
   Awidth:649px;
   width:0;
   height:0;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom:0;
}
#s3slider ul { list-style-type: none; margin:0; padding:0;}
#s3slider p { margin:0 !important; padding:0 !important;}