﻿*{margin:0; padding:0; outline:0; border:0;}
img{border:0; padding:0; margin:0;}

body{margin:0; padding:0; background:#fff; width:100%; font-size: 12px; font-family:  Helvetica,Tahoma, Georgia, "Times New Roman",Times, serif; line-height: 21px; word-spacing:1px; color: #1a1a1a;}

a{color: #43A5EF; text-decoration:underline;}
a:hover{color:#94C303;}
h2{margin:0; padding:10px 0 20px 0px; color:#77BCF5;}
h3{color:#555555;padding: 0 0 3px 0;}
p{text-align:justify;}
.niebieski{color:#43A5EF;}
.kreska_gora{border-top: 1px solid #EBECEC; padding: 10px 0 0 0;}
.pogrubienie{font-weight: bold;}
.container{position:relative; height:auto; margin: 0px auto; width:960px;}
.czysc{clear: both; margin:0; padding:0; height:1px;}
.italic{font-style:italic;}


body#home img#strona_glowna_aktywna, 
body#kontakt img#kontakt_aktywny,
body#blog img#blog_aktywny,
body#realizacje img#realizacje_aktywny,
body#oferta img#oferta_aktywny
{	margin-left:-113px;	}


/* flash_notice*/
.flash_notice{width:100%; height:30px; font-size:14px; text-align:center; background:#94c303; color:#fff; }

/***************/
/* page not found -blad 404*/
#pagenotfound img{padding:10px 0 0 140px;}

/*******************/
/* upper header*/
#upper_header{width:100%; height:20px;background:#000; margin:0; padding:0;}
#upper_header_menu{ color:#fff; font-size:90%; text-align:right; background:#000;padding:5px 0 0 0;}

#upper_header_menu a{color:#b9b9b9; text-decoration:none;padding:4px 4px 2px 4px;}
#upperheader_menu a:hover{color:#43a5ef;text-decoration:underline;padding:4px 4px 2px 4px;}

/*****************/

#header{ width:100%; height:135px;background: url('../images/header_bg3.gif') center no-repeat #1D2538; margin:0; padding:0;/* border-top: 5px solid #000;*/}
#logo{ width:305px; height:45px; padding: 52px 0px 0px 10px; }

#sub_header{ width:100%; height:340px; background:#FFF;margin:0; padding:0;}
/*na chwilke #sub_header img{padding:30px 0 0 0px; border:none;}*/

#content{ width:100%;  background:#fff; margin:0;padding:0;}



#k1{float:left; width:280px; padding: 10px 25px 0px 0px; background:#fff;}

#k1 ul{margin:0 10px 0 0;}
.tematy_zBloga ul{list-style:none; margin:0 ; padding:0; }
.tematy_zBloga li{list-style:none;margin:0; padding:2px 0px 2px 20px; background: url('../images/punkt.gif') left 5px no-repeat; border-bottom: 1px dotted #D7D7D6;}


#k2{float:left;width:330px; padding:10px 0px 30px 35px; border-left: 1px dotted #d8d9d9;}

#k3{float:right; width:230px; padding: 10px 0px 20px 32px;border-left: 1px dotted #d8d9d9;}

/* oferta*/

#prawa_kolumna{float: right; width:250px; padding:10px 0px 40px 10px;}
.panel_prawa_kolumna{padding:10px 0 10px 0;}

#oferta_tresc{padding:20px 20px 40px 0px; width: 650px;background: url('../images/line.png') right 60px no-repeat;}
#oferta_tresc ul,li{list-style:none;}

.oferta_lista ul{list-style:none;}
.oferta_lista li{list-style:none;padding: 0 0 20px 55px;}

.ikonka1{background:url('../images/1.gif') top left no-repeat;}
.ikonka2{background:url('../images/2.gif') top left no-repeat;}
.ikonka3{background:url('../images/3.gif') top left no-repeat;}
.ikonka4{background:url('../images/4.gif') top left no-repeat;}
.ikonka5{background:url('../images/5.gif') top left no-repeat;}
.ikonka6{background:url('../images/6.gif') top left no-repeat;}
.ikonka7{background:url('../images/7.gif') top left no-repeat;}
.oferta_opis{font-size:90%;}




/******************* bottom***********************/

#bottom{width:100%; height:66px;background:#fff;padding:0; color:#a5a5a5; font-size:90%; margin:35px 0 0 0;}

#bottom_menu{background:url('../images/bottom_bg.gif') no-repeat; width:960px;height:50px;}


#footer_backtotop{float:right; width:115px;padding:20px 0 0 0;}
#footer_backtotop a{padding:1px;}

#bottom_left_menu{float:left; width:600px; height:30px; padding:18px 0 8px 10px; color:#a5a5a5; text-align:left;}

#bottom_left_menu a{color:#6f6e6e; text-decoration:none;padding:0 3px;}
#bottom_left_menu a:hover{text-decoration:underline;padding:0 3px;}
#bottom_left_menu  p{font-size: 100%; color:#BBBBBC; text-align:left;padding: 3px 0 0 0;}


#kontener{margin:0px auto;position:relative; width:809px; height:300px; background: url(../images/ramka2.jpg) center 40px no-repeat; padding: 58px 0 0 45px;}


/*********** Menu *******************/

#main_nav{float:right; width:520px; height:30px; margin: 62px 0 0 0px ; padding:0;}
/*czasowe -ustawienie ilustracji menu*/

#main_nav ul {list-style:none; margin:0; padding:0;}
	
#main_nav ul li {display:inline; list-style:none; margin:0; padding:0;}

#main_nav ul li a {display:block;float:left; margin:0 0 0 -10px; padding:0;text-align:left;
/*outline: none; -moz-outline: none;*/
	  }

/* efekt rollover w menu */
		
		#main_nav a.rollover {
			width: 113px;
			display: block;
			overflow: hidden;
		}
		#main_nav a.rollover{ width:113px;}
		
    
    
    
    #main_nav a.rollover img {
			display: block;
		}

		#main_nav a.rollover:hover img {	
    margin-left: -113px;
		}

    /*
    #main_nav a.rollover:focus 
    { -moz-outline: none; }
*/



/************************************/
/* Easy Slider */



	#slider { visibility: hidden; }
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:767px;
		height:229px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:72px;
		height:77px;
		position:absolute;
		left:-48px;
		top:131px;
		}	
	#nextBtn{ 
		left:832px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:72px;
		height:77px;
		background:url(../images/btn_prev2.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next2.gif) no-repeat 0 0;	
		}												
 /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* // Easy Slider */

 
 /*kontakt -formularz*/

form { color:#52514D; font-size:12px; }
form dt {width:300px; text-align:left; font-weight: bold; padding: 1px 0 2px 2px; }
form dd {width:300px; margin:0; padding: 0 0 8px 0;}
form textarea{border: 1px solid #DDDEDE;background:#F9F9F9;}
form input {outline: none; border: 1px solid #DDDEDE; background:#F9F9F9; padding: 4px;}
form select{border: 1px solid #DDDEDE;background:#F9F9F9;padding:3px 5px; text-align:left;width:80px;}

.buttonik{ padding:6px; margin:0; border:0; background: #3589C1; color:#fff; font-weight:bold; margin:10px 0 0 260px; -moz-border-radius: 3px;}
.buttonik:hover { padding:6px; margin:0; border:0; background: #3589C1; color:#fff; font-weight:bold;outline:none; margin:10px 0 0 260px;}
.buttonik:focus { outline:none;}
  
  .buttonik input:focus{outline:none;}
/*bledy formularza*/
#bledy_formularza{width:650px; background: url('../images/bg_bledy.png') no-repeat 1% 5% #AE2A2A; border: 1px solid #CA3B3C; color:#fff; font-weight:bold;padding:5px 0 15px 0;}
#bledy_formularza ul{margin:0; padding: 0 0 0 35px;}
#bledy_formularza li{list-style:square inside;}
.opis_bledu{ list-style:none; font-size: 11px; font-weight: 100;}

#bledy_formularza p{margin:0; padding:3px 0px 0 35px;}

/*  Realizacje    */
.realizacja{width:650px; padding: 10px 0 70px 0; margin: 0 0 35px 0; /*border-bottom: 1px solid #fafafa;*/ background: url('../images/line-horizontal5.jpg') bottom center no-repeat;/*border-bottom:1px dotted #D7D7D6;*/}
.wpisBloga{width:650px; padding: 10px 0 65px 0; margin: 0 0 35px 0; /*border-bottom: 1px solid #fafafa;*/ background: url('../images/line_horizontal.jpg') bottom center no-repeat;/*border-bottom:1px dotted #D7D7D6;*/}
.wpisBloga p{padding:10px 0 10px 0;}
.projekt{padding: 0 0 10px 0;}
.grafika{border: 1px solid #EEE; background:#fff; width:630px; height: 260px;}
.grafika img{padding:0;}
.opis{padding: 10px 0 10px 0; color:#1a1a1a;}


.podh3{font-size:90%; margin:0; color:#5b5b5b;}
.kalendarzyk{background: url('../images/kalendarz.gif') left 2px no-repeat; padding:5px 0 0 20px;}
.tag{background: url('../images/tag.gif') left 5px no-repeat; padding:5px 0 0 20px;}
/***************/
/*Paginacja - nowsze, starsze*/
#paginacja{width:650px; height:30px;padding: 15px 0 0 0;}
.nrel{float: right; width:120px;}
.prel{float:left; width:120px;}

/*Chmurka tagow w kategorii sekcja blog*/

    #cloud a.tag1 { font-size: 9px; font-weight: 100; }
    #cloud a.tag2 { font-size: 10px; font-weight: 200; }
    #cloud a.tag3 { font-size: 11px; font-weight: 300; color:#61A7E1;}
    #cloud a.tag4 { font-size: 12px; font-weight: 400; color:#61A7E1;}
    #cloud a.tag5 { font-size: 13px; font-weight: 500; color:#4C95D2;}
    #cloud a.tag6 { font-size: 14px; font-weight: 600; color:#4C95D2;}
    #cloud a.tag7 { font-size: 15px; font-weight: 700; color:#3280C1;}
    #cloud a.tag8 { font-size: 16px; font-weight: 800; color:#3280C1;}
    #cloud a.tag9 { font-size: 17px; font-weight: 900; color:#2073B7;;}
    #cloud a.tag10 { font-size:18px; font-weight: 900; color:#1365A8;}

    #cloud { padding: 2px; line-height: 20px; text-align: left; }
    #cloud a { padding: 2px; text-decoration:none; background:#fff;}
	#cloud a:hover{background:#43A5EF; color:#fff;}
    #cloud { margin: 0; }
    #cloud li { display: inline; }
	
	/**/
.dom{background: url('../images/domek.gif') left 10px no-repeat; padding: 5px 0px 0 50px;}

/* Formularz kontaktowy */

table tr{margin:15px 0 15px 0;}
table th{text-align:left; padding:13px 18px 13px 4px;}
table li{color:#cd0e0e;}





/************************/
