/* www.agrafnet.pl - projektowanie stron www */


/* font reset etc.. */
@font-face {
 font-family: bauhaus;
 src: url("../font/Bauhausm.eot")  
}
@font-face {
 font-family: bauhaus;
 src: url("../font/Bauhausm.ttf")  
}
span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object
{margin: 0; border: 0; padding: 0; text-decoration: none; color: #fff; list-style-type: none; font:12px Verdana;}
div { display:block;  }
  
/*body*/
h1 {font-size:18px; font-family:bauhaus;  }
h2 {font-size:18px; font-family:bauhaus; color:#b30000;  }
body { background: #26292b url(../img/tlo.jpg) no-repeat; background-attachment:fixed; background-position: center top; background-attachment: scroll;  }    

/* menu */
#menu { width:900px; height:70px; background: url(../img/menu_tlo.gif) repeat-x; margin:0; box-shadow: 0 0 10px 3px   #1c1e20;}
#menu a { color:#b30000;  font-size:18px; font-family:bauhaus; font-weight:bold; text-shadow: 0 0 0.5em #000, 0 0 0.5em #000; margin:25px 25px 0 29px; float:left;}
#menu a:hover {color:#f00;  }





/* lay */
#main { margin:0 auto; width:950px; text-align:left; padding:0 0 0 25px;  }
a.logo { margin:45px  0 0 0; position:absolute; width:183px; height:99px; display:block; overflow:hidden; float:left; background:url(../img/logo_godula.png) no-repeat; text-indent:-9999px}
#listwa_gora { position:relative; margin:0 auto; width:900px; height:153px;;  overflow:hidden; display:block; overflow:hidden;   }
#pasek_adres {display:block; overflow:hidden; float:right; margin:80px 20px 0 0;}
#pasek_adres a {color:#a7a9ac; font-size:18px; font-family:bauhaus; text-shadow: 0 0 0.5em #000, 0 0 0.5em #000;}
#pasek_adres p.jezyk { margin:0 0 20px 0; width:100%; text-align:right;}
#pasek_adres a:hover {color:#f00;}


#layout {float:left; width:900px; background: url(../img/tlo_lay.gif) repeat-y; min-height:300px; margin:8px 0 8px 0; box-shadow: 0 0 10px 3px   #1c1e20; text-shadow: 0 0 0.5em #000, 0 0 0.5em #000;}
#layout_lewy {float:left; width:200px; background:#26292b; height:100%; text-shadow: 0 0 0.5em #000, 0 0 0.5em #000; padding:20px 0 0 20px;}
#layout_prawy {float:left; width:640px;  min-height:300px; text-shadow: 0 0 0.5em #000, 0 0 0.5em #000; padding:20px 0 0 20px;}




#stopka {float:left; width:900px; background:#26292b; height:167px; background: url(../img/tlo_stopka.gif) repeat-x; margin:8px 0 8px 0; box-shadow: 0 0 10px 3px   #1c1e20;}

#div_box { height:167px; width:230px; float:left;}
a.logo2 { margin:55px  0 0 25px; position:absolute; width:183px; height:69px; display:block; overflow:hidden; float:left; background:url(../img/logo_godula_2.png) no-repeat; text-indent:-9999px}
#listwa { width:1px; height:120px; background:#f00; float:left; margin:25px 0 0 0;}

ul { margin:15px 0 0 14px; padding:0;}
li { margin:7px 0 7px 0; padding:0; list-style-image:url(../img/str.png);}

#listwa2 { width:1px; height:95px; background:#f00; float:left; margin:40px 0 0 0;}


.agrafnet_logo { position: fixed;  bottom: 0; right: 0; z-index: 999999;  background: url('../img/agr_logo.png') no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:124px; width:34px;}
 


.foto { width:170px; height:230px; float:left; margin:15px 20px 15px 20px; text-align:center; box-shadow: 0 0 10px 3px   #1c1e20;  background:#26292b; overflow:hidden;}

.foto2 { width:170px; height:155px; float:left; margin:15px 20px 15px 20px; text-align:center; box-shadow: 0 0 10px 3px   #1c1e20;  background:#26292b; overflow:hidden;}

.foto2 a { width:170px; display:block; }

.kontaktowy { width: 270px; float:left;}


/* caro */
             #intro {
				width: 580px;
				margin: 0 auto;
			}
			.wrapper {
				background-color: white;
				width: 480px;
				margin: 40px auto;
				padding: 50px;
				box-shadow: 0 0 5px ##1c1e20;
			}
			.list_carousel {
			 
				margin: 350px 15px 15px 25px;
				width: 850px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				 
				 box-shadow: 0 0 5px 2px   #1c1e20;
				text-align: center;
				 
				border: 3px solid #f00;
				width: 122px;
				height: 66px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #f00;
				height: 2px;
				width: 0px;
			}