/* Start of CMSMS style sheet 'styl' */
* {
    font-family:Arial, Tahoma, Verdana, sans-serif;
    line-height:130%;
}

body {
    padding:0;
    margin:0;
    font-size:12px;
    text-align:center; 	
    background:#fff;
}
body#homepage {
    background:url('images/homepage-bg.jpg') repeat-x 0 0 #fff;       
}
body#subpage {
    background:url('images/subpage-bg.jpg') repeat-x 0 0 #fff;       
}

/*    COMMON
 * 
 */

img {border: 0;}


h2 {
    font-size:24px;
    color:#454545;
    margin:0;
    padding:0;
    font-weight:normal;
}

h3 {
    font-size:18px;
    color:#454545;
    margin:0;
    padding:0;
    font-weight:normal;
}

h5 {
    font-size:12px;
    color:#212121;
    margin:0;
    padding:0;
    font-weight:normal;
}

p {
    line-height:140%;
    font-size:12px;
    color:#434343;
}

#wrapper {
    width:980px;
    overflow:auto;
    margin:0 auto;
    padding:0;
    text-align:left;
    outline:0;
}

#overcontainer {
    background-repeat:no-repeat;
    overflow:auto;
    outline:0;
}

#container {
    width:980px;
    overflow:auto;
    background:url('images/content-separator.gif') repeat-y 222px 100px;
    margin:30px 0 0 0;
    clear:both;
    float:none;
	outline:none;
}

/*    TOP
 */

#top {
    width:980px;
    height:105px;
    overflow:hidden;
    outline:0;
}

#top h1 {
    width:220px;
    height:100px;
    margin:0;
    padding:0;
    float:left;
}

h1 {
    font-size:28px;
    color:#454545;
    margin:0;
    padding:0;
    font-weight:normal;
}

#top h1 a {
    background:url('images/ekoton-logo.gif') no-repeat 0 4px #fff;
    width:220px;
    height:100px;
    display:block;
    text-indent:-999px;
}

#top #img-triptic {
    display:block;
    float:right;
    width:165px;
    height:48px;
    border-top:30px solid #fff;
    border-right:10px solid #fff;
}

/*    HEADER
 */

#homepage #header {
    width:980px;
    height:170px;
    outline:0;
    background:url('images/header-bg.jpg') no-repeat 224px 0;
    overflow:hidden;
}

#subpage #header {
    width:980px;
    height:69px;
    outline:0;
    overflow:hidden;
    background:none;
}

#header #img-hands {
    width:224px;
    height:166px;
    display:block;
    float:left;
}

#homepage #header object {
    display:block;
    float:left;
    width:545px;
    margin:10px 0 0 0;
    height:120px;
    color:#fff;
}

#subpage #header object {
    display:block;
    float:none;
    width:980px;
    margin:0 ;
    height:69px;
    color:#fff;
}

/*    LANGMENU
 */

#homepage #langmenu {
    margin:0;
    padding:0 10px 0 0;
    list-style:none;
    float:right;
    width:166px;
    height:30px;
}

#homepage #langmenu li {
    width:83px;
    height:30px;
    float:left;
    line-height:30px;
    list-style:none;
    background:#157B27;
}

#homepage #langmenu li a {
    display:block;
    width:83px;
    height:30px;
    line-height:30px;
    color:#D0E5D4;
    font-size:11px;
    text-align:center;
    text-decoration:none;
}

#homepage #langmenu li a:hover {
    color:#fff;
    background:#0A5E18;
}

#subpage #langmenu {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:223px;
    height:31px;
    background:#EDEFEC;
}

#subpage #langmenu li {
    width:63px;
    height:30px;
    float:right;
    line-height:31px;
    list-style:none;
    background:#EDEFEC;
}

#subpage #langmenu li a {
    display:block;
    width:63px;
    height:31px;
    line-height:31px;
    color:#aaa;
    font-size:11px;
    text-align:center;
    text-decoration:none;
}

#subpage #langmenu li a:hover {
    color:#fff;
    background:#ccc;
}

#breadcrumbs {
    margin:0;
    padding:0 0 0 15px;
    width:540px;
    height:31px;
    overflow:hidden;
    list-style:none;
    float:left;
}

#breadcrumbs li {
    float:left;
    height:31px;
    color:#EE812F;
    line-height:33px;
    font-size:11px;
    background:url('images/breadcrumbs-pointer.gif') no-repeat 100% 13px;
    padding:0 28px 0 0;
}

#breadcrumbs li.last {
    background:none;
}

#breadcrumbs li a {
    color:#B3B5B2;
    line-height:33px;
    font-size:11px;
    text-decoration:none;
    padding:0;
}

#breadcrumbs li a:hover {
    color:#06f;
}

#langmenu-breadcrumbs {
    height:31px;
    overflow:hidden;
    width:980px;
    float:none;
    clear:both;
}

/*    SIDEBAR 
 */

#sidebar {
    width:195px;
    overflow:auto;
    float:left;
    outline:0;
    padding:0 15px 0 10px;
}

#rootmenu {
    width:195px;
    display:block;
    overflow:auto;
    list-style:none;
    margin:0 0 100px 0;
    padding:0;
}

#rootmenu li {
    list-style:none;
    padding:0;
    display:block;
    border-bottom:1px solid #e3e3e3;
}

#rootmenu li a {
    text-decoration:none;
    font-size:14px;
    color:#999;
    font-weight:bold;
    display:block;
    width:193px;
    margin:0 0 0 1px;
    padding:10px 0;
    outline:none;
}

#rootmenu > li.current > a {
    color:#EC7F2D;
}

#rootmenu li a:hover {
    color:#EC7F2D;
}

#rootmenu a.scurrent {
    color:#EC7F2D;
}

#rootmenu ul {
    margin:0;
    padding:0 0 15px 0;

}

#rootmenu li.current ul {
    display:block;
}

#rootmenu ul li {
    list-style:none;
    padding:0;
    display:block;
    border:0;
}

#rootmenu ul li a {
    text-decoration:none;
    font-size:12px;
    color:#565656;
    font-weight:normal;
    display:block;
    width:193px;
    margin:0 0 0 1px;
    padding:3px 0;
    overflow:hidden;
}

#sidebar #banner {
    width:195px;
    height:72px;
    overflow:hidden;
    border-top:1px solid #B2B2B2;
    border-bottom:1px solid #B2B2B2;
    margin:0 0 30px 0;
}

#sidebar #banner a {
    display:block;
    margin:auto;
}

#sidebar #banner img {
    display:block;
    margin:auto;
}

/*    CONTENT 
 */

#content {
    width:735px;
    float:left;
    overflow:auto;
    outline:none;
    clear:right;
    padding:0 10px 25px 15px;
    color:#434343;
    line-height:160%;
}

#homepage #content {
    background:url('images/content-separator.gif') repeat-y 565px 0;
}

#content p {
    color:#434343;
    line-height:160%;
}

#content h3 {
    margin:16px 0 0 0;
    color:#454545;
    font-size:20px;
}

#content h4 {
    margin:16px 0 0 0;
    color:#EC7F2D;
    font-size:16px;
}

#content h5 {
    margin:16px 0 0 0;
    color:#454545;
    font-size:14px;
}

#content h6 {
    margin:16px 0 0 0;
    color:#454545;
    font-size:12px;
    font-weight:normal;
}

#content a {
    color:#EE7F2E;
    border-bottom:1px solid #dfdfdf;
    text-decoration:none;
}

#content a:hover {
    color:#06f;
}

#content ul, #content ol {
    font-size:12px;
}

#content ul li, #content ol li {
    color:#434343;
    line-height:160%;
}

#content td {
    line-height:160%;
}

#content img.right-image {
    float:right;
    border:1px solid #dfdfdf;
    padding:5px;
    margin:1em 0 1em 1em;
}

#content img.image-team {
    display:block;
    border:1px solid #dfdfdf;
    padding:5px;
    margin:1.5em 1em 1em 0;
}

#content table {
    border-collapse:collapse;
    border-spacing:0;
}

#content table td {
    vertical-align:top;
}

#content #index-left {
    width:535px;
    overflow:hidden;
    float:left;
    padding:0 15px 0 0;
}

#index-left .project {
    border-bottom:1px solid #E5E5E5;
    padding:20px 0;
    overflow:hidden;
    width:335px;
}

#index-left .project .more-logo {
    width:105px;
    float:right;
    overflow:hidden;
    margin:0;
}

#index-left .project-logo {
    width:89px;
    height:auto;
    border:1px solid #F8E1BF;
    float:right;
    margin:5px 0 0 0;
    text-align:center;
    padding:2px;
}

#index-left .project-logo img {
    display:block;
    margin:0 auto;
	padding:3px;
}

#index-left .project h3 {
    width:220px;
    float:left;
    overflow:hidden;
    color:#0D6608;
    font-family:arial, tahoma, verdana, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin:0;
}

#index-left .project p {
    width:220px;
    float:left;
    overflow:hidden;
    font-size:12px;
    color:#676767;
    margin:5px 0;
}

#index-left a.more {
    float:top;
    width:50px;
    text-align:right;
    padding:4px 10px 0px 55px;
    background:url('images/more-pointer.gif') no-repeat 100% 8px;
    text-decoration:none;
    color:#EE7F2E;
    font-size:11px;
    border:0;
    outline:0;
}



#content #index-right {
    width:165px;
    overflow:hidden;
    float:left;
    padding:0 0 0 15px;
}

#index-right h3 {
    margin:4px 0 15px 0;
}

#index-right p {
    font-size:11px;
    color:#868686;
    margin:3px 0 16px 0;
    clear:both;
    overflow:hidden;
}

#index-right p span {
    padding:4px 0 0 0;
    color:#999;
    display:block;
    float:left;
    width:100px;
}



#index-right h5 {
    font-size:12px;
	font-weight:bold;
	color: #0D6608;
}

/*    CONTACT FORM
*/

#contact-form {
    display:block;
    width:310px;
    margin:20px 0 0 0;
    padding:15px;
    float:left;
    background-color:#f6f6f6;
}

#contact-form fieldset {
    padding:0;
    margin:0;
    border:0;
}

#contact-form legend {
    display:none;
}

#contact-form label {
    display:block;
    width:200px;
    font-size:12px;
    color:#222;
}

#contact-form label.error {
    color:#D00;
}

#contact-form label span {
    font-size:12px;
    color:#D00;
    font-weight:bold;
}

#contact-form input.text {
    border:1px inset #666;
    width:300px;
    display:block;
    margin:0 0 10px 0;
    font-size:12px;
    padding:2px;
}

#contact-form textarea {
    border:1px inset #666;
    width:300px;
    height:100px;
    display:block;
    margin:0 0 10px 0;
    font-size:12px;
    padding:2px;
    font-family:arial, tahoma, verdana, sans-serif;
}

#contact-form input.button-submit {
    font-weight:bold;
    font-size:11px;
    padding:3px 10px;
}

#contact-form #copysend-label {
    width:300px;
    font-size:11px;
    margin:0 0 20px 0;
}

#contact-form #copysend-label input {
    margin-bottom:0px;
}

#contact-form-notice {
    float:right;
    width:180px;
    padding:10px 0 0 0;
}

p#form-success {
    background:#F9FFF9;
    border:1px solid #CDE5CC;
    color:#0D6707;
    padding:10px;
    width:318px;
    margin:0;
}

p#form-error {
    background:#FFF9F9;
    border:1px solid #E5CCCC;
    color:#D00;
    padding:10px;
    width:318px;
    margin:0;
}

/*    FOOTER 
 */

#footer {
    width:980px;
    clear:both;
    float:none;
    height:100px;
    border-top:5px solid #E5EFE4;
    background:url('images/footer-bg.gif') no-repeat 35px 20px;
}

#footer #websky {
    float:right;
    padding:0;
    width:180px;
    padding:25px 0;
    color:#CDCDCD;
    font-size:11px;
    text-decoration:none;
}

#footer #websky:hover {
    color:#222;
}


/* GALLERY */

table.gallery-table
{
	font-weight: normal;
	width:100%
}

table.gallery-table td {
	width:140px;
    height:100px;
}

table.gallery-table td a {
    display:block;
    width:97px;
    height:78px;
    border: 1px solid #dfdfdf;
    text-align:center;
    vertical-align:middle;
    padding:10px;
    overflow:hidden;
}

table.gallery-table td img {
    display:block;
    margin:auto;
    width:105px;
}

table.gallery-table td a:hover {
    border:1px solid #D00;
    background:#FFFAE9;
}



TABLE.przewijadla_guestbook {
	font-size: 11px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
/*	
	background-color:#FFF;
	background-image:url(./../images/bg_przewijadla.gif);
*/
	background-color:#fff;
	height:30px;
	color:#444444;
	border-top:3px double #dcdcdc;
}

TABLE.przewijadla_guestbook TD.navi_links {
	padding:8px;
	color:#444444;
}

TABLE.przewijadla_guestbook A.A_normal {
	color:#fff;
	background-color:transparent;
	padding:1px 4px;
}
TABLE.przewijadla_guestbook A.A_normal:hover {
	background-color:#fff;
	color:#fff;
}
TABLE.przewijadla_guestbook A.A_current {
	background-color:#D5DEE3;
	color:#3B6686;
	padding:1px 4px;
	font-weight:bold;
}


TABLE.przewijadla_guestbook TD.page_info {
padding:8px;
}

TABLE.przewijadla_guestbook CAPTION {
	padding:3px;
}
.left	{	text-align:left;	}
.right	{	text-align:right;	}
.center {	text-align:center;	}
.block	{	display:block;		}
.inline	{	display:inline;		}


#google-map {
    width:450px;
    height:300px;
    display:block;
    overflow:hidden;
    margin:20px 0;
    border:2px solid #ccc;
}


/**************************/
/**************************/
/**************************/
/**************************/
/**************************/


.projecta {
    border-bottom:1px solid #E5E5E5;
    padding:20px 0;
    overflow:hidden;
    width:535px;
}




 
.proh3 {
    width:220px;
    float:left;
    overflow:hidden;
    color:#0D6608;
    font-family:arial, tahoma, verdana, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin:0;
}

.projecta p {
    width:420px;
    float:left;
    overflow:hidden;
    font-size:12px;
    color:#676767;
    margin:5px 0;
}


#rootmenu2 li a {
    text-decoration:none;
    font-size:12px;
    color:#565656;
    font-weight:normal;
    display:block;
    width:193px;
    margin:0 0 0 0px;
    padding:3px 0;
    overflow:hidden;
}

#rootmenu2 > li.current > a {
    color:#EC7F2D;
}

#rootmenu2 li a:hover {
    color:#EC7F2D;
}

#rootmenu2 a.scurrent {
    color:#EC7F2D;
}

#rootmenu2 ul {
    margin:0;
    padding:0 0 15px 0;

}

#rootmenu2 li.current ul {
    display:block;
}

/* End of 'styl' */