/* Basic styles */
*{margin:0;padding:0}
html,body{height:100%}
a img,fieldset{border:0}
img,object{vertical-align:bottom}
a{cursor:pointer;text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
input,textarea{padding:1px}
* html input,* html textarea{padding:0 1px 2px}
option{padding:1px .5em 0 2px}
input.submit{cursor:pointer}
td{vertical-align:top}
.hide{display:none}
.shide{left:-9999px;position:absolute}
.clear{clear:both;}
.center{text-align:center;}
/* Fonts */
body,input,textarea,select,table{color:#fff;font-size:11px;font-family:arial,sans-serif;}

/* Body,html,wrapper */
html{background:#a5a7b5}
#wrapper{margin:0 auto;width:980px;position:relative;background:url(../images/wrapper_bg.png) repeat-x;padding:88px 0 0;}

/* HEADER */
#logo{position:absolute;left:0px;top:0px;}
#slogan{position:absolute;left:245px;top:0px;}
#top-pic{position:absolute;left:245px;top:88px;}
#header-nav{position:absolute;right:20px;top:38px}
#header-nav li{float:left}
#header-nav li a{color:#8cc4ff;}
#header-nav li.home{background: url(/images/ico-home.png) 0 2px no-repeat;padding:0 25px 0 17px;}
#header-nav li.email{background: url(/images/ico-email.png) 0 3px no-repeat;padding:0 0 0 17px;}

/* FOOTER */
#footer{position:relative;background:#101a6b;height:36px;border-bottom:3px solid #007fb4;}
#footer a{color:#8cc4ff;}
#footer-copyright{position:absolute;top:12px;left:20px}
#footer-design{position:absolute;top:12px;right:20px}

/* MAIN */
#main{overflow:hidden;zoom:1;background:url(../images/main_bg.png) repeat-y;}

/* LEFT */
#left{float:left;width:245px;}
#left ul{margin:3px 0 20px;border-top:1px solid #337eb3;}
#left ul ul{margin:0;border-top:0;}
#left ul li.active a{text-decoration:underline}
#left ul li li a{color:#fff;font-weight:normal}
#left ul li span{color:#8cc4ff;display:block;height:30px;line-height:30px;padding:0 0 0 29px;background:url(../images/nav_li_bg_a.png) no-repeat;font-weight:bold}
#left ul li a{display:block;height:30px;line-height:30px;padding:0 0 0 29px;background:url(../images/nav_li_bg.png) no-repeat;color:#fff;font-weight:bold}
#left ul li li a{display:block;height:30px;line-height:30px;padding:0 0 0 41px;background:url(../images/nav_li_bg_2.png) no-repeat;color:#fff;font-weight:normal;}
#left ul li.sklep a{color:#8cc4ff;display:block;height:30px;line-height:30px;padding:0 0 0 29px;background:url(../images/nav_li_bg_a.png) no-repeat;font-weight:bold}

#left .kontakt{margin:0 0 0 19px;}
#left .kontakt img{display:block;margin:0 0 10px;}
#left .kontakt p{margin:0 0 5px 1px;background:url(../images/ico-arrow.png) 0 5px no-repeat;padding:0 0 0 8px;font-size:12px;}
#left .kontakt p a{color:#fff;}

/* CONTENT */
#content{float:right;width:675px;background:url(../images/content_bg.png) 0 218px no-repeat;padding:248px 30px 30px;}
.home #content{padding:370px 30px 15px;;background:url(../images/content_bg_home.png) 0 340px no-repeat;}

/* CONTENT Styles */
#content p,#content table,#content form,#content li{margin:0 0 1em;font-size:12px;}
#content a{color:#91c7ff}
#content h1{color:#91c7ff;font-size:14px;font-weight:bold;margin:0 0 1.5em;font-family:tahoma,sans-serif;}
#content h2{color:#91c7ff;font-size:14px;font-weight:bold;margin:1em 0 .5em;font-family:tahoma,sans-serif}
#content ul{margin:0.5em 0 1em 0}
#content ul li{margin:0 0 .5em;background:url(../images/ico-arrow.png) 0 6px no-repeat;padding:0 0 0 13px;}
#content img.right{float:right;margin:0 0 1em 1em;border:1px solid #82807F}
#content img.left{float:left;margin:0 1em 1em 0;border:1px solid #82807F}
#content p.images{text-align:center}
#content p.images img{display:inline}
#content blockquote{padding:0 0 0 1em}

/* CONTENT FORM Styles */
#content form{margin:0 0 1em}
#content form div{margin:0 0 .5em;overflow:hidden}
* html #content form div{height:1%;overflow:visible}
#content label{width:9em;text-align:right;float:left;margin-right:.5em;vertical-align:top;padding:2px 0 0}
#content input,#content textarea{float:left;padding:1px;text-align:left;border:1px solid #ccc;width:20em;font-size:.9em}
#content input.submit{margin:0 0 0 10em;width:auto;border:2px outset #ccc}
#content option{padding:1px .5em 1px 1px}
#msg-error{color:red}
#msg-success{color:blue}

/* CONTENT Styles */
#content ul.index{overflow:hidden;margin:0;list-style:none;padding:.5em 0 0}
* html #content ul.index{height:1%;overflow:visible}
#content ul.index li{margin:0;float:left;width:230px;padding:0 0 1em}
#content ul.index li.second{width:220px}
#content ul.index a{color:#363636;font-size:1em;font-weight: bold;text-decoration:underline;}
#content ul.index p{padding:1.2em 0 0;margin:0}
#content ul.index img{border:1px solid #82807F;float:left;margin:0 .5em 0 0}

#content div.index-top{border-bottom:1px solid #DBDBDB;overflow:hidden;padding:0 5px}
* html #content div.index-top{height:1%;overflow:visible}
#content div.index-top div.left{float:left;width:155px;}
#content div.index-top div.left img{padding:2px;border:1px solid #82807F}

/* CONTENT -> GALERIA */
#content ul.galeria{margin:0;overflow:hidden;list-style:none;text-align:center;margin:0 0 1em;}
* html #content ul.galeria{height:1%;overflow:visible}
#content ul.galeria li{display:inline;margin:0;background:none;padding:0;}
#content ul.galeria li img{display:inline;border:1px solid #82807F;margin:2px}

#content a.zk{color:#c00}
#content a.zk:hover{color:#e00;text-decoration:none}
#content li.zk{text-align:center;list-style:none;margin:0}

/*#content img.b{border:1px solid #82807F}*/
#content img.b{border:1px solid #063FD4;}

#content img.pic-right{float:right;margin:0 0 1em 1em;background:url(../images/pic_bg.png) no-repeat;display:block;padding:5px;height:172px;width:250px;}
#content img.pic-left{float:left;margin:0 1em 1em 0;background:url(../images/pic_bg.png) no-repeat;display:block;padding:5px;height:172px;width:250px;}

#home-boxes{margin:-26px -30px 0 -26px;overflow:hidden;zoom:1;}
#home-boxes .box{float:left;width:365px;}
#home-boxes .box a{display:block;}
#home-boxes .box a.btn{margin:9px 0 0 28px;}

/*definicje dla strony kontakty:*/
div.kontakt_row
{
	float:left;
	margin-bottom:20px;
	width:675px;
}

	div.kontakt_row table
	{
		float:left;
	}

	div.kontakt_row p
	{
		float:left;
	}
	
	div.kontakt_row div
	{
		float:left;
		width:300px;
	}
	
	div.kontakt_row div div
	{
		float:left;
		width:150px;
	}
	
	#mapa_google_id
	{
		width:362px;
		height:345px;
		padding:3px 3px 3px 3px;
		border:1px solid #063FD4;
	}
	
		div.kontakt_row small
		{
			margin-top:5px;
			float:right;
			width:370px;
			text-align:center;
		}
	
		#mapa_google_id a
		{
			text-decoration:none;
			color:#91C7FF;
			font-size:12px;
			
		}
/*Koniec: definicje dla strony kontakty.*/

/* POPUP */
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;background:url(../images/popup_overlay.png);}
#overlay table{width:100%;height:100%;}
#overlay table td{vertical-align:middle;}

#popup{position:relative;width:600px;padding:30px;margin:0 auto;background:#fff;text-align:center;font-size:14px;color:#333;line-height:22px;}
#popup b{color:red;font-size:18px;}
#popup .close{position:absolute;right:-15px;top:-15px;}