/* CSS Document */
/*
Theme Name: Nazwa Szablonu
Theme URI: http://adres-szablonu.pl/lub-nasz
Description: Krótki i treściwy opis wykonanego dzieła
Version: 0.1-wersja
Author: Autor
Author URI: http://adres-autora.pl/
*/



.main { width:980px; margin:0 auto; text-align:left;}

#header {height:375px;}

#footer { height:291px;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; }
.container1 {width:100%;}

.col-1 {width:250px;}
.col-2 {width:258px;}
.col-3 {width:252px;}






/* ============================= zdjecia miniaturki ===========================*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}






/* ============================= koniec zdjecia miniaturki ===========================*/











textarea {
        width: 100%;
        height: 100%;
        border: 3px solid #cccccc;
        padding: 5px;

}



.big {text-decoration: none;  font-size:16px;padding-bottom: 10px;}

.big a {text-decoration: none;
color:#3b3e3f;
}


.col-2 h2 {color:#3b3e3f; font-size:16px;padding-bottom: 10px;}

.date {color:#3b3e3f; font-size:10px;padding-bottom: 20px;}



.divider {background:url(images/divider-bg.gif) 303px 0px repeat-y;}
.divider1 {background:url(images/divider-bg.gif) 288px 0px repeat-y;}
.divider2 {background:url(images/divider-bg.gif) 627px 0px repeat-y;}
/* ============================= page1 ===========================*/
#page1 .col-2 {width:605px;}



* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.gif) repeat;
	text-align:center;
	min-width:1000px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}




.chuj {

  padding:10px;
  border:solid #d9d9d9 1px;
  -moz-border-radius:5px;
  -webkit-border-radius:3px;
  display:block;
   
box-shadow: 0px 10px 10px -5px #d9d9d9;
  }



.hrstyle {

 
  color: #d9d9d9;

 border: 1px dashed;

  }


.tytul {

 
  color: #2D2D2D;
  font-size:15px;


  }


.mmenu {

  padding:15px;
  border:solid #d9d9d9 1px;
  -moz-border-radius:5px;
  -webkit-border-radius:3px;
  display:block;
    width:251px;
box-shadow: 0px 10px 10px -5px #d9d9d9;
  }



/* ============================= miniatura ===========================*/

.entryImage img {

  padding:1px;
  border:solid #d9d9d9 1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  display:block;
  width:100px;
  height:100px;  
	

  }


.entryImage {
  margin:25px 5px 0px 0px;
  float:left;
  color:#A3A2AC;
  width:110px;
  }





.entryImage2 img {

  padding:6px;
  border:solid #EBEADF 1px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  display:block;
  width:150px;
  height:150px;  

  }


.entryImage2 {
  margin:12px 12px 0px 0px;
  float:left;
  color:#A3A2AC;
  
  }

/* ============================= search ===========================*/

#searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(THE_SEARCH_BOX_IMAGE);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:256px;
height:28px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:265px;
width:32px;
height:28px;
}

/* ============================= menu ===========================*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}


ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 251px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}


ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 0 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #FFFFFF;
	 color: #000;
	}



	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: bold;
		}




/* ============================= koniec menu ===========================*/


#crumbs {font-size:1em; line-height:1.2037em; color:#3b3e3f;  padding:0 0 3px 0; margin-top: -4px;}




html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.8333em;
		color:#777777;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#777777; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:5px;}

/* ============================= main layout ====================== */

li {  padding-left:22px; line-height:2.0833em;}
li a {color:#515252;}

.imgindent {margin:0 0px 0 0; float:left;}

.extra {background:url(images/extra-bg.jpg) left top repeat-x #fff;}
.extra-bg {background:url(images/extra-bg1.jpg) top center no-repeat;}

h3 {font-size:1.3em; line-height:1.2037em; color:#3b3e3f; text-transform:uppercase; padding:0 0 17px 0;}
h3 img {margin-right:10px;}

h4 {font-size:1.75em; line-height:1.2037em; color:#3b3e3f;  padding:0 0 0px 0; margin-top: 0px;}
h4 strong {color:#c50101; font-size:1.142em;}

.naglowki {font-size:1.75em; line-height:1.2037em; color:#3b3e3f; text-transform:uppercase;  padding:0 0 16px 0; margin-top: -4px;}
.naglowki strong {color:#c50101; font-size:1em;}
.naglowki {background:url(images/icon3.gif) left top no-repeat; padding-left:33px;}
/* ============================= header ====================== */
#header {background:url(images/header-bg.gif) left top repeat-x;}

.logo {float:left; padding:8px 0 0 0; width:285px;}

.menu {float:left; width:695px}
.menu li {float:left; padding:0 0 0 0; background:url(images/menu-li-bg.gif) right 32px no-repeat; line-height:1.2037em; font-size:1.1666em; margin-left:-2px;}
.menu li a {text-decoration:none; display:inline-block; padding:0 0px 0 0; color:#56676a; text-transform:uppercase; cursor:pointer;}
.menu li a span {display:inline-block; height:36px; padding:27px 13px 0 15px;}

.menu li a:hover, .menu .active a {background:url(images/menu-a-tail.gif) left top repeat-x; color:#fff;}
.menu li a:hover span, .menu .active a span {background:url(images/menu-a-right-bg.gif) right bottom no-repeat;}

.menu .last {background:none;}

.slogan {padding:130px 0 0 26px; font-size:1.166em; color:#fff; font-style:italic; line-height:1.2857em;}
.slogan a {color:#c50101; text-decoration:none;}
.slogan a:hover {text-decoration:underline;}
/* ============================= content ====================== */
.box1, .box2, .box3 {float:left; height:160px;}

.box1 {width:326px; background:url(images/box1-bg.jpg) left top no-repeat;}
.box2 {width:325px; background:url(images/box2-bg.jpg) left top no-repeat;}
.box3 {width:329px; background:url(images/box3-bg.jpg) left top no-repeat;}

.inner {background:#fff;}

.boxes {font-family:Tahoma, Geneva, sans-serif; color:#9da6a7; line-height:1.5em;}
.boxes h2 {color:#dde6e7; font-size:2em; line-height:1.2037em; padding-bottom:8px;}

.boxes a {display:inline-block; background:url(images/boxes-link.gif) left top no-repeat; color:#fff; text-decoration:none; padding:1px 5px 3px 5px; margin-top:10px}
.boxes a:hover {background:url(images/boxes-link-hover.gif) left top no-repeat;}

.col-indent {padding:17px 30px 20px 25px;}

.col-pad {padding-right:74px;}
.col-pad1 {padding-right:95px;}
.col-pad2 {padding-right:103px;}

.indent {padding:40px 0 31px 26px;}
.indent1 {padding:44px 30px 25px 26px;}

.datexxxx {color:#1d2320; font-weight:bold; background:url(images/date-bg.gif) left 7px no-repeat; padding-left:9px; display:block;}

.title {color:#515252;}

.pad {padding-top:0px;}
.pad1 {padding-top:12px;}
.pad2 {padding-top:17px;}

.h-pad {padding-bottom:22px;}

.link1 {font-family:Tahoma, Geneva, sans-serif; color:#c50101; display:inline-block; margin-top:12px;}

.link {background:#acbfc3; display:inline-block; padding:4px 7px 6px 9px; margin-top:3px; text-decoration:none; color:#fff; line-height:1.5em; font-family:Tahoma, Geneva, sans-serif;}
.link:hover {background:#cdd9db;}

.icon1 {background:url(images/icon1.gif) left top no-repeat; padding-left:32px;}
.icon2 {background:url(images/icon2.gif) left top no-repeat; padding-left:35px;}
.icon3 {background:url(images/icon3.gif) left top no-repeat; padding-left:33px;}

.margin {margin-top:26px;}
.margin1 {margin-top:46px;}

.title1 {background:url(images/icon4ddd.jpg) left 6px no-repeat; padding-left:52px; margin-top:15px}
.title1 a {display:block;}


.title11 {background:url(images/icon2ddd.jpg) left 6px no-repeat; padding-left:52px; margin-top:15px}
.title11 a {display:block;}


.title12 {background:url(images/icon5ddd.jpg) left 6px no-repeat; padding-left:52px; margin-top:15px}
.title12 a {display:block;}










.title1-marg {margin-top:20px;}
.title1-marg1 {margin-top:0px;}

.banner {display:inline-block; margin:50px -10px 0 0;}

.banner-marg {margin:50px 0 0 -10px; position:relative;}
.banner-marg1 {margin-top:45px;}

.spacing {letter-spacing:-1px;}
/* ============================= footer ====================== */
#footer {font-family:Tahoma, Geneva, sans-serif; line-height:1.5em; color:#828282}
#footer .col-1 {width:430px !important;}
#footer .col-2 {width:175px !important;}
#footer .col-3 {width:284px !important;}
#footer .col-pad {padding-right:91px;}

#footer ul {float:left; width:184px; margin-top:-4px;}
#footer li {background:url(images/footer-marker.gif) left 11px no-repeat; padding-left:12px; line-height:2.333em;}
#footer li a {color:#828282; text-decoration:none; font-weight:bold;}
#footer li a:hover {text-decoration:underline;}

h5 {font-size:2em; line-height:1.2037em; color:#a8a8a8; padding:28px 0 26px 0;}

.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:11px; margin-bottom:16px;}

.adress {font-size:1.1666em; line-height:1.7142em;}
.adress .phone {display:inline-block; width:60px;}
.adress a {text-decoration:none;}
.adress a:hover {text-decoration:underline;}
.policy {color:#e9e9e9; font-family:Arial, Helvetica, sans-serif; padding:40px 0 0 80px;}
.policy a {color:#e9e9e9; text-decoration:none;}
.policy a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#RequestForm {padding-top:5px;}
#RequestForm label {display:block; height:38px;}
#RequestForm .input {width:240px; border:1px solid #d6d6d6; background:none; padding:4px 0 4px 8px; font-size:1em; line-height:1.243em;}
#RequestForm .link {margin:0 0 0 0; padding:4px 22px 6px 22px;}

#SubscribeForm {padding-top:12px;}
#SubscribeForm label {display:inline-block; background:url(images/input-bg.jpg) left top no-repeat; height:35px; margin-right:-2px;}
#SubscribeForm .input {width:205px; padding:3px 0 3px 9px; border:none; background:none; line-height:1.2037em; font-size:1em; color:#a1a0a0;}
#SubscribeForm input {vertical-align:top;}
#SubscribeForm a {color:#a7a6a7; font-family:Arial, Helvetica, sans-serif;}

#ContactForm {padding-top:22px; line-height:1.2037em;}
#ContactForm .link {margin:20px 0 0 20px;}
#ContactForm label {height:40px; display:block;}
.alignright {text-align:right;}
#ContactForm .input {width:244px;  background:none; padding:0px 0 0px 5px; font-size:1em; line-height:1.2037em;}
textarea {width:244px; height:120px;  background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}