/* CSS main */
@import url("reset.css");


body {
color: #636552;
background: #322417;
background: url("../graf/body_bg.gif") repeat;
margin: 0;
text-align: left;
font-family: georgia, Tahoma, Helvetica, sans-serif;
}

#header_nav {
height: 60px;
border-bottom: 4px solid #736c52;
background: #261d19;
}
#header_960 {
float: center;
width: 960px;
margin: 0 auto;
height: 60px;
position: relative;
}

#logo {
float: right;
margin-right: 12px;
}
menu_head {
height: 60px;
background: #fff;
float: right;
}
#header {
height: 300px;
border-top: 5px solid #A69E7E;
}
#content {

}
.content_wrapper {
float: center;
width: 960px;
margin: 0 auto;
}

#content_left {
width: 630px;
float: left;
margin-top: 20px;
}
#content_right {
margin-left: 25px;
margin-top: 20px;
width: 300px;
float: right;
}
.clear {
clear: both;
}

#footer{
margin-top:30px;
padding-top: 20px;
height: 240px;
background: #261d19 url("../graf/leon_kame_czarny.jpg") no-repeat bottom right;
border-bottom: 10px solid #525D00;
}
p.bodytext, p{
font-size: 16px;
color: #636552;
text-align: left;
line-height: 150%;
}
p.bodytext:first-letter, p:first-letter{
font-weight: bold;
}
a {
text-decoration:none;
color: #565F06;
}
a:hover {
text-decoration:underline;
color: #565F06;
}
ul {
margin-left: 30px;
margin-top: 10px;
line-height: 150%;
list-style-type: square;

}

#nav 		{ 
list-style:none;
margin:0;
padding:0; 
font-size: 13px;
}
#nav				{
position:absolute;
top:0px;
left: 12px; 
height:60px;
font-size: 20px;
colo
}
#nav li 			{ 
float:left; 
padding-left:4px; 
background:url(../graf/nav_li.gif) no-repeat left top; 
margin-right:4px;
}
#nav li a 			{ 
display:block; 
padding:0 18px 2px 18px; 
line-height:60px; 
font-size:1.2em; 
text-decoration:none;
color:#EFEFEF; 
background:url(../graf/nav_a.gif) no-repeat right top;
} 
#nav li:hover, #nav li#current		{ 
background:url(../graf/nav_li_CUR.gif) no-repeat left top; 
}
#nav li:hover a, #nav li#current a	{ 
background:url(../graf/nav_a_CUR.gif) no-repeat right top; 
color:#211C18;  
}
#nav li li				{ 
display:block; 
background:none; 
margin-right:0; 
}
#nav li li a, #nav li.current li a, #nav li:hover li a						{ 
font-size:11px; 
color:#211814; 
padding:0 8px; 
line-height:20px; 
}
#nav li li a:hover, #nav li li.current a					{ 
text-decoration:underline; 
color:#5b2a14; 
}


/* kontakt - form */
.csc-mailform-field {
display: block;
}

.csc-mailform {
clear: both;
border: 0px;
margin: 15px 0px 5px 0px;
padding: 0px;
}

input, textarea {
font-size: 16px;
line-height: 25px; 
width: 400px;
background: #FFFAEF;
float: right;
margin: 0 10px 20px 0;
border: 3px solid #EFE7D6;
}

input:hover, textarea:hover {
font-size: 16px;
line-height: 25px; 
width: 400px;
background: #fff;
float: right;
margin: 0 10px 20px 0;
border: 3px solid #EFE7D6;
}

.csc-mailform-submit {
clear: both;
width: 200px; 
background: #FFFAEF;
border-right: 3px solid #DFD2B5;
border-bottom: 3px solid #DFD2B5;
border-left: 2px solid #FFF5DF;
border-left: 2px solid #FFF5DF;
float: center;
color: #A59E7B;
font-size: 16px;
}

.csc-mailform-submit:hover {
background: #FFF5DF;
border-right: 3px solid #DFD2B5;
border-bottom: 3px solid #DFD2B5;
border-left: 2px solid #FFF5DF;
border-left: 2px solid #FFF5DF;
font-size: 16px;
width: 200px;
cursor:pointer;
cursor:hand;
}

label {
font-size: 16px;
line-height: 25px;
width: 200px;
float: left;
text-align:right;
margin: 0 10px 20px 0;
}

/* poprawki do styli typo3 */

h1.csc-firstHeader,
.csc-header h1 {
font-size: 24px;
color: #A69E7E;
float: left;
text-align: left;
}

ul.csc-menu-1 {
clear: both;
list-style:none;
margin:0;
padding:0; 
font-size: 13px;
text-align: left;

}
ul.csc-menu-1 li a { 
display:block; 
padding:0 13px 2px 9px; 
line-height:20px; 
font-size:14px; 
text-decoration:none;
color: #736C52;
 }
ul.csc-menu-1 li a:hover { 
color: #D14B42;
text-decoration:underline;
}
	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 3px solid #BFBAA7;
		padding: 3px;
	}
/* rg tabs */
 /* wraps the hole tab */
.rgtabs-wrapper {
  padding:1em 1.5em;
  border: 6px solid #A59E7B;
  background:#fff url(topbg.gif) repeat-x; 
  overflow:hidden;
  clear:both;
}

/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  background:	url(spinner2.gif) no-repeat center;
}

/* Tab-Menu ul */
.rgtabs-menu  {
  margin: 0;
  padding: 0 0 0 6px;
  height: 26px;
  width: auto;
  background: url(tab-bkg.gif) bottom left repeat-x;
  list-style:none;
}

/* Tab-Menu li */
.rgtabs-menu  li, #left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  background: url(tab-on-l.gif) top left no-repeat;
  float: left;
  margin: 0 5px 0 0 !important;
  padding: 0 0 0 14px !important;
  cursor: pointer;
}	

/* Tab-Menu li.a */
.rgtabs-menu  li a, #left .rgtabs-menu  li a {
  background: url(tab-on-r.gif) top right no-repeat;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  color: #545454;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 12px 0 0;
  text-decoration: none;
  outline:0;
}

/* Selected Tab */
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {
    background: url(tab-off-l.gif) top left no-repeat;
}	

#left .rgtabs-menu  li.rgtabs-selected a, .rgtabs-menu  li.rgtabs-selected a {
  background: url(tab-off-r.gif) top right no-repeat;
  color: #333;
}
/*images portfolio list */
.tx-jppageteaser-pi1-list-entry-image img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}
.tx-jppageteaser-pi1-list-entry-image:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}