a{
    text-decoration: none;
}

img{
	border: none;
}
	
@font-face { font-family: rm; src: url('../inc/rm.ttf'); }

.logo{
	display: block;
	width: 230px;
	height: 77px;
	position: absolute;
	z-index: 100;
	/*border: 1px solid #ccc;*/
	margin: 10px 0 0 100px;
}

.zaokraglony img{
	float: left;
	border: #ddd;
	width: 122px;
	height: 112px;
	border-radius: 15px;
}	

.podpis{
	width: 122px;
	height: 33px;
	background: url("../img/podpis.png");	
	position: absolute;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
}

.error{
    font-size: 11px;
    font-family: arial;
    color: #FF0000;
}



input.error{
    border: 1px solid #ff0000 !important;
    font-size: 11px;
    width: 333px !important;
    color: #FF0000;
}

textarea.error{
    border: 1px solid #ff0000 !important;
    font-size: 11px;
    width: 333px !important;
    padding-right: 86px;
    color: #FF0000;
}

.comment input.error{
	width: 485px !important;
	color: #FF0000;
	border: 1px solid #ff0000 !important;
}

.comment textarea.error{
	width: 485px !important;
	color: #FF0000;
	border: 1px solid #ff0000 !important;
}

.clear{
    clear: both;
}

body{
    padding: 0;
    margin: 0;
    font-family: "Tahoma";
    background: #fff url("../img/bg.png") top center no-repeat;
    
}

#site{
    clear: both;
    overflow: hidden;
    width: 980px;
    margin: 0 auto; 
}


#site #top{
    clear: both;
    overflow: hidden;
    width: 980px;
}

#naglowek{
	float: left;
	margin-left: 340px;
	margin-top: 30px;
}

/*********** strona  ***************/
h1{
	color: #b8b8b8;
	font-size: 40px;
	font-family: 'rm';	
}


#site #top #menu{
	clear: both;
	overflow: hidden;
	width: 830px;
	height: 50px;
	margin-left: 95px;
	margin-top: 15px;
	margin-bottom: 90px;
	position: absolute;
}

.menu_ikona{
	height: 50px;
	float: left;
    overflow: hidden;
	vertical-align: middle;
    text-align: center;
    margin-left: 20px;
}

.menu_ikona img{
	float: left;
	margin-top: 30px;
	vertical-align: middle;
	height: 20px;
}
	

.txt_m_top{
	float: left;
	height: 50px;
    color: #cacaca;
    font-size: 45px;
    margin-left: 5px;
    margin-right: 20px;
    float: left;
    overflow: hidden;
}

.txt_m_top a{
    color: #cacaca;
    font-size: 45px;
}

.o_nas a:HOVER{
    color: #b6e38c;
}
.kontakt a:HOVER{
    color: #efdc8b;
}
.ekorady a:HOVER{
    color: #6ec363;
}
.forum a:HOVER{
    color: #59bdff;
}
.linki a:HOVER{
    color: #aaa;
}
.download a:HOVER{
    color: #f58049;
}


a .oferta{
	color: #000;
}

.txt_ikona{
	margin-top: -60px;
	text-align: right;
	font-family: 'rm';
	margin-right: 10px;
	font-size: 40px;
	color: #fff;
}

.txt_ikona2{
	margin-top: -60px;
	text-align: right;
	margin-right: 10px;
	font-family: 'rm';
	font-size: 40px;
	color: #ddd;
}

/*********** start *************/



/*********** tresc *************/
#site #content{
	float: left;
	width: 800px;
	overflow: hidden;
	color: #000;
	font-family: Tahoma;
	font-size: 12px;
	margin-left: 100px;
	margin-top: 100px;
}

#site #content #strona{
	float: left;
	width: 550px;
	overflow: hidden;
	{*color: #8c8c8c;*}
	color: #000000;
	font-family: Verdena, sans-serif;
	font-size: 13px;
	line-height: 150%;
}

#site #content #strona #txt{
	color: #000;
	font-family: Tahoma;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px;
	width: 700px;
	line-height: 150%;
}

#site #content #strona .fotka{
	float: right;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 279px;
	height: 209px;
	background: url("../img/img_ramka.png") no-repeat;
}

#site #content #strona .fotka img{
	float: left;
	overflow: hidden;
	margin-left: 5px;
	margin-top: 5px;	
	width: 265px;
	height: 200px;
	background: url("../img/img_ramka.png") no-repeat;
}



#site #content #strona #tresc{
	float: left;
	overflow: hidden;
	width: 850px;
	margin-left: 10px;
}

#site #content #strona #kontakt{
	clear: both;
	overflow: hidden;
	width: 830px;
	margin-left: 10px;
}

#col_right  { 
	float : left; 
	height : auto; 
	min-height : 480px; 
	width : 10px; 
	margin : 0 auto;
	position : relative; 
	border-left : 1px dotted green; 
 }

/********* srolpanel *************/
.simply-scroll-container  { 
	position : relative; 
	width : 210px; 
	float : left; 
 } 
 .simply-scroll-clip  { 
	position : relative; 
	overflow : hidden; 
	z-index : 2; 
 } 
 .simply-scroll-list  { 
	position : absolute; 
	top : 0; 
	left : 0; 
	z-index : 1; 
	overflow : hidden; 
	margin : 0; 
	padding : 0; 
	list-style : none; 
 } 
 .simply-scroll-list li  { 
	padding : 0; 
	margin : 0; 
	list-style : none; 
 } 
 .simply-scroll-list li img  { 
	border : none; 
	display : block; 
 } 
 .vert  { 
	width : 230px; 
	height : 100px; 
	margin-bottom : 1.5em; 
 } 
 .vert .simply-scroll-clip  { 
	width : 130px; 
	height : 400px; 
	left : 40px; 
 } 
 .vert .simply-scroll-list li  { 
	width : 230px; 
	height : 140px; 
 }
 
.ekorada_box{
	clear: both;
	width: 500px;	
	margin-left: 10px;
}

.ekorada_naglowek{
	clear: both;
	width: 500px;
	font-size: 14px;
	font-family: Verdana;
}

.ekorada_tytul{
	float: left;
	color: #44be1a;
	font-size: 14px;
	font-family: Verdana;
	font-weight: bold;
}

.ekorada_data{
	float: right;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
}

.ekorada_tresc{
	clear: both;
	font-size: 13px;
	font-family: Verdana;
	line-height: 150%;
}

/*********** form **************/

#form{
	margin-top: 30px;
	float: left;
    overflow: hidden;
    width: 800px;
    margin-left: 10px;
	font-family: verdana;
}

#form .pole{
	clear: both;
	overflow: hidden;
	width: 800px
}

#form .form-txt{
	float: left;
	font-family: verdana;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

#form .form-field{
    width: 341px;
    float: left;
    overflow: hidden;
	font-family: verdana;
}

#form .form-field input{
    border: none;
    background: url('../img/input.png') no-repeat;
    width: 341px;
    height: 21px;
    vertical-align: middle;
    font-size: 12px;
	font-family: verdana;
    color: #000;
}

#form .form-field textarea{
	float: left;
    border: none;
    background: url('../img/textarea.png') no-repeat;
    width: 341px;
    height: 150px;
    padding: 3px;
    font-size: 12px;
	font-family: verdana;
    color: #000;
}

#form button{
	float: left;
    border: none;
    width: 88px;
    height: 30px;
    cursor: pointer;
    margin-right: 120px;
    background: url('../img/button_send.png') no-repeat;
    color: #000;
	font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}

#form button #txt{
    color: #fff;
    vertical-align: middle;
}

#form button .button_txt{
    color: #fff;
    vertical-align: middle;
}

#form button .button_txt a{
    color: #fff;
    vertical-align: middle;
}


/************** stopka *********************/
#foot{
    clear: both;
    overflow: hidden;
    min-height: 150px;
    margin-top: 10px;
    font-family: Tahoma;
}


#foot #foot_content{
    clear: both;
    overflow: hidden;
    width: 828px;
    min-height: 76px;
    font-family: Tahoma;
    margin: 0 auto; 
    margin-top: 8px;
/*    background: url("../img/stopka.png") no-repeat;	*/
    border-top: 1px dotted #000000;
}

#foot #foot_content #f1{
    float: left;
    overflow: hidden;
    width: 250px;
    margin-left: 16px;
    margin-top: 15px;
    font-size: 11px;
    color: #c0c0c0;
    font-family: Tahoma;
}

#foot #foot_content #f1 a{
    line-height: 150%;
    font-size: 11px;
    color: #c0c0c0;
    font-family: Tahoma;
}

#foot #foot_content #f2{
    margin-top: 20px;
    float: left;
    width: 450px;
    font-size: 11px;
    color: #c0c0c0;
    text-align: left;
    font-family: Tahoma;
}

#foot #foot_content #f2 a{
    font-size: 11px;
    color: #c0c0c0;
    font-family: Tahoma;
    line-height: 150%;
}

#foot #foot_content #f1 a:HOVER{
    color: #000;
}

#foot #foot_content #f2 a:HOVER{
    color: #000;
}

#foot #foot_content #f3{
    float: left;
    margin-top: 20px;
    overflow: hidden;
    width: 80px;
    font-size: 11px;
    color: #c0c0c0;
    text-align: right;
    font-family: Tahoma;
}

/********** mapa **********/

#mapka{
	float:left;
	overflow: hidden;
	margin-top: 20px;
	float: left;
	width: 520px;
	height: 200px;
	border: solid #ccc;
	background: url('../img/mapa.png') no-repeat; /* url(http://web4you.com.pl/template/loader.gif); */

}

#mapka #map{
	border: none;
	float: left;
	width: 520px;
	height: 200px;
}


/***************************************************************************/
#forum-main{
	width: 400px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}

#add-forum{
	float: left;
	overflow: hidden;
	width: 100px;
	height: 26px;
	background: url(../img/add.png);
	margin-left: 30px;
	margin-top: 30px;
}

#show-forum{
	float: left;
	overflow: hidden;
	width: 100px;
	height: 26px;
	background: url(../img/see.png);
	margin-left: 30px;
	margin-top: 30px;
}
/**************************/
#add-wpis{
	clear: both;
	overflow: hidden;
	width: 600px;
	margin: 0 auto;
}

#add-wpis #wpis-main{
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}

#add-wpis #wpis-main .wpis-field{
	clear: both;
	overflow: hidden;
	width: 600px;
	/*border: 1px solid #000;*/
	margin-bottom: 5px;
}

#add-wpis #wpis-main .wpis-field .wpis-name{
	float: left;
	overflow: hidden;
	width: 220px;
	text-align: right;
	margin-right: 5px;
}

#add-wpis #wpis-main .wpis-field .wpis-input{
	float: left;
	overflow: hidden;
	width: 300px;
	margin-left: 5px;
}

#add-wpis #wpis-main .wpis-field .wpis-input input{
	border: 1px solid #333333;
	padding: 3px;
	font-size: 12px;
	font-family: arial;
	background: #fff;
	width: 290px;
}

#add-wpis #wpis-main .wpis-field .wpis-input textarea{
	border: 1px solid #333333;
	padding: 3px;
	font-size: 12px;
	font-family: arial;
	background: #fff;
	width: 290px;
}

#add-wpis #wpis-main .wpis-field .wpis-input button{
	border: none;
	font-size: 12px;
	font-family: arial;
	background: url(../img/btn.gif);
	width: 60px;
	height: 26px;
}

label.error{
	color: #cd0000;
	font-size: 11px;
}

/*************************************/
h2{
	color: #44be1a;
}

#wpisy-main{
	clear: both;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
	margin-top: 20px;
}

#wpisy-main h1{
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
}

#wpisy-main #wpisy-box{
	clear: both;
	overflow: hidden;
	width: 700px;
	margin-top: 10px;
}

#wpisy-main #wpisy-box .wpis-field{
	clear: both;
	overflow: hidden;
	width: 600px;
	padding: 10px;
	margin-bottom: 5px;
}

#wpisy-main #wpisy-box .wpis-field .w-up{
	clear: both;
	overflow: hidden;
	width: 600px;
}

#wpisy-main #wpisy-box .wpis-field .w-up .w-autor{
	float: left;
	overflow: hidden;
	width: 360px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
}

#wpisy-main #wpisy-box .wpis-field .w-up .w-data{
	float: right;
	overflow: hidden;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	color: #252b3a;
}

#wpisy-main #wpisy-box .wpis-field .w-txt{
	clear: both;
	overflow: hidden;
	width: 480px;
	margin: 0 auto;
	margin-top: 5px;
	padding: 10px 0 10px 0;
}

#wpisy-main #wpisy-box .wpis-field .w-mail{
	clear: both;
	overflow: hidden;
	width: 500px;
}

#wpisy-main #pagin{
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 3px;
}

#wpisy-main #pagin .paginacja{
	float: right;
	overflow: hidden;
	padding: 3px;
}

#wpisy-main #pagin .paginacja .activ{
	font-weight: bold;
	padding: 2px;
	border: 1px solid #ccc;
	background: #E9E8D8;
	color: #BC1A22;
}




.comment{
	/*clear: both;*/
	float: left;
	overflow: hidden;
	width: 550px;
	border-top: 1px dotted #333;
	padding-top: 5px;
}

.comment h1{
	font-size: 40px;
	color: #000;
	margin: 0;
	padding: 0;
	margin-top: -5px;
}

.comment .forms{
	clear: both;
	overflow: hidden;
	width: 550px;
}

.comment .forms .input{
	clear: both;
	overflow: hidden;
	width: 500px;
	margin-bottom: 5px;
}

.comment .forms .input input{
	border: 1px solid #ccc;
	padding: 3px 5px;
	width: 485px;
	font-family: arial;
	font-size: 12px;
}

.comment .forms .input textarea{
	border: 1px solid #ccc;
	padding: 3px 5px;
	width: 485px;
	height: 100px;
	font-family: arial;
	font-size: 12px;
}

.comment .forms .input button{
	border: none;
	padding: 3px 5px;
	width: 80px;
	font-family: arial;
	font-size: 12px;
	color: #fff;
	background: #000;
	float: right;
	cursor: pointer;
}

.comment .coms{
	clear: both;
	overflow: hidden;
	width: 530px;
	margin: 0 auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.comment .coms h2{
	font-size: 12px;
	color: #777;
	font-family: arial;
	margin: 0;
	padding: 0;
}

.comment .coms h3{
	font-size: 11px;
	color: #777;
	font-family: arial;
	margin: 0;
	padding: 0;
}

.comment .coms .coms2{
	clear: both;
	overflow: hidden;
	padding: 5px;
}