/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
   margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

.increasedPadding {

  padding-top: 3em;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

a {
	outline: none;
}

/* =Typography
-----------------------------------------------------------------------------*/

html{
	height: 100%;
}


body {
	font: 62.5%/1.6 "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #434343;
}

#sideNav ul a{
    font-size: 1.1em;
	 font-weight: bolder; 
}

#mainContent #tabs a{
			   font: 1.2em "Times New Roman", Times, serif;
			   line-height: 14px;
				color: #b31616;
				text-decoration: none;
}

#mainContent div{
	font-size: 1.2em;
}


#oferta a, #omnie a{
	color: #CD853F;
}

.podziekowania a{
 color: #335a85;
 text-decoration: none;
}

#sideNav a{
  text-decoration: none;
  color: #335a85;
}
		  
#sideNav a:hover{
   color: #b31616;
}

#footer p {
	color: #FFE4C4;
}

#footer p a{
	color: #C5C5C5;
	text-decoration: none;
	font-weight: normal;
}

#footer p a:visited,  #footer p a:active {
  	color: #C5C5C5; 
}
  
#footer p a:hover{
  	text-decoration: underline;
}

h1{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1.2em;
	color: #006275;
}

h2{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1.9em;
	color: #006275;
	
}

#mainContent .italics{
   text-transform: none;
   font-style: italic;
}

/* =Layout
-----------------------------------------------------------------------------*/

body{
  background-image: url(grafika/body_bg.jpg);
  height: 100%;
}


  /* =Wrapper
  -------------------------------------------------------------------*/
  #wrapper{
	  width: 100%;
	  background: transparent url(grafika/body_bg.jpg) repeat; 
	  margin: 0 auto;
	}

  /* =Header   
  -----------------------------------------------------------*/
 #headerBg{
	background: #fff url(grafika/panel_bg.gif) repeat-x;
 }
 
  #header{
	  width: 777px;
     height: 91px;
	  margin: 0 auto;
  }
  
  
      /* =Main Nav
      -------------------------------------------------------*/
  
  
  #header ul{
  	  float: right;
	  display: inline;   /*fixes double margin bug in IE*/
	  margin: 50px 75px 5px 0;
	  list-style: none;
  }
  #header ul li{
	  float: left;
  }
   
  #header ul li a{
  	  float: left;
	  display: block !important;  
	  display: inline-block;  /* removes uwanted double right margin from 'a' elem. in IE - don't now why?*/
	  background-image: url(grafika/main_buttons_on_off.jpg);
	  height: 25px;
	  text-indent: -9999px;
  }
  
  #oferta a{
	background-position: 0 0;
	width: 80px;
	margin-right: 23px;
}
  
  #omnie a{
	background-position: -84px 0;
	width: 73px;
	margin-right: 30px;
}
  
  #kontakt a{
     background-position: -159px 0;
	  width: 93px; 
  }
  
  #oferta a:hover{
	  background-position: 0 -25px;
  }
  #omnie a:hover{
  	  background-position: -84px -25px;
  }
  #kontakt a:hover{
	  background-position: -159px -25px;
  }
		
	
	
     /* =Logo   
      ----------------------------------------------------*/

  #logo{
     position: absolute;
	  z-index: 2;
  	  width: 268px;
	  height: 120px;
	  background: #fff url(grafika/logo.jpg);
  }
   
  #logo a{
  	  margin-top: 25px;
	  margin-left: 15px;
	  display: block;
	  width: 240px; 
	  height: 55px;
	  text-indent:  -9999px;
  }	
  
  /* =Inner Wrapper
  -------------------------------------------------------------------*/
  
  
  	* html #innerWrapper
	{
		height: 100%;
	}
  
  
 #innerWrapper{
	 width: 777px;
	 margin: -5px auto;
	 background: #fff url(grafika/faux_column.jpg) repeat-y;
} 
        /* =Side Navigation
        --------------------------------------------------------*/
        #sideNav{
			  display: inline;  /* hack for IE fixes double margin */
			  width: 206px;
			  margin-top: 72px;
			  margin-left: 27px;
			  padding-bottom: 120px;
			  float: left;
        }
		  
		  #sideNav ul{
		  	  list-style: none;
			  text-align: center;
		  }
		  
		  
		  #sideNav ul li{
			  margin-bottom: 1.5em;
			  background-image: url(grafika/button_bg.jpg);
		  }
		  
		  
		  #sideNav a{
			  text-decoration: none;
			  display: block;
			  width: 140px;
			  margin: 0 auto;
			  padding: 5px 33px;
			  color: #335a85;
			  background: url(grafika/button_separator.jpg) no-repeat;
        }
		  
		  #sideNav a:hover{
		  	  color: #b31616;
		  }
		  
		  #sideNav a#upodmiotow {
			  width: 160px;
			  padding: 5px 23px;
		  }
		  
		  #sideNav span{
		     display: block !important;   /* hack for IE removes double bottom margin  */
		     display: inline-block;
	        background: url(grafika/button_separator.jpg) no-repeat 0 100%;
        }
		  
		  
		  #sideNav em{
	       font-style: normal;
	       display: block;
	       background: url(grafika/dots.gif) no-repeat 50% 50%;
        }
		  
		 
 
		   /* =Tabbed navigation
         -------------------------------------------*/
		   
			#mainContent #tabs{
			   float: left;
	         background-color: transparent;
				list-style-type: none;
				text-align: center;
				background: url(grafika/tabs_separator.gif) no-repeat 0 100%;
	         margin-top: 47px;
				width: 541px;
				
			}
			
			#mainContent #tabs li{
				float: left;
				height: 39px;
				background: transparent;
				margin-left: 5px;
			}

         #mainContent #tabs .marginChange{
         	margin-left: 4px;
         }
		   
	
			#mainContent #tabs a{
			   display: block;
	         float: left;
			   width: 113px;
			   height: 32px;   
			   padding-top: 5px;
			   background: url(grafika/tab_bg.jpg) no-repeat;
			   background-color: transparent;
			}
			
			#mainContent #tabs a:hover{
				margin-top: 2px;
				
			}
			
			#mainContent #tabs .singleLine{
				line-height: 37px;
				padding-top: 0;
				height: 37px;
				
			}
			
			#mainContent #tabs a.active{
				margin-top: 2px;
			}
			
				
			#mainContent #tabs a.previous, #mainContent #tabs a.next{
				width: 26px;
				height: 37px;
				padding: 0;
				margin-right: 0;
				background-color: transparent;
				text-indent: -9999px;
				
			}
			
			#mainContent #tabs a.previous:hover, #mainContent #tabs a.next:hover{
				margin-top: 0;
			}
			
			#mainContent #tabs a.previous{
	         background: url(grafika/arrow_left.jpg) no-repeat 0 50%;
         }

			#mainContent #tabs a.next{
	         background: url(grafika/arrow_right.jpg) no-repeat 0 50%;
				
         }
			
		  /* =Main Content
        --------------------------------------------------------*/
		 		  
		  #mainContent{
	        float: left;
	        background: url(grafika/header_shadow.gif) repeat-x top left;
	        width: 541px;
	        background-color: transparent;
			  padding-bottom: 20px;
        }
		  
		  #zielonaKarta #mainContent{
		  	  padding-bottom: 79px;
		  }
		  
		  #ubezRolne #mainContent{
		     padding-bottom: 154px;
		  }
		  
		  #mainContent div{
			  width: 510px; 
			  float: left;
			  margin-left: 13px;
			  margin-right: 10px;
			  display: inline;
        }
 
        #mainContent #startPageContent{
			background-color: #fff;
			width: 249px;
			height: 37px;
			margin: 70px 0 30px 145px;
 		   background-image: url(grafika/name.jpg);
		  }
        
		  #mainContent #welcomePicture{
		  	  /*width: 181px;
			  height: 156px;*/
			  margin: 0;
			  margin-left: 180px;
			  /*float: left;*/
			  border: 1px #6F6C6C solid;
			  padding: 2px;
		  }
		  
		  #mainContent #slogan{
		  	  width: 386px;
			  height: 37px;
			  margin: 40px 77px;
			  margin-right: 0;
			  background-image: url(grafika/slogan.gif); 
		  }
         
		  #mainContent span{
			  font-weight: bolder;
			  color: #006275;
        }
		  
		  #mainContent em{
		  	  font-style: normal;
			  text-transform: uppercase;
		  }
		  
		  #mainContent div ul, #mainContent div ol {
				margin-top: 10px;
				margin-left: 10px;
				padding-left: 10px;
			}


		  #mainContent div ul li{
			  list-style: none;
			  background: url(grafika/listBullet.gif) no-repeat 0 0.6em;
			  padding-left: 15px;
		  }
		
		  #mainContent div ol li{
		      background-image: none;
			  list-style-type: lower-alpha;
			  padding-left: 0px;
			
		  }
		
		  #mainContent .multipleLineList li{
			  margin-bottom: 0.7em;
		  }
         
		   
			
	  
  /* =Footer
  --------------------------------------------------------------------------*/

  
 #footer{
	width: 100%;
	height: 45px;
	background: transparent url(grafika/footer_bg.gif) repeat-x;
}
  
  
  #footer div{
     position: relative;
     margin: 0 auto;
	  width: 777px;
	  height: 30px;
  }
  
   #footer p{
	  position: absolute;
	  bottom: 0;
	  left: 30px;
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
   }
 
   #footer .autor {
	        position: absolute;
			  bottom: 35px;
			  left: 5px;
			  width: 206px;
			      
    }
	
	#footer .autor p{
	font-weight: normal;
	font-size: 9px;
	color: #222222;
}		 
  	 		 
   #footer .autor a{
  	  background-image: none;  
	  color: #335a85;
	  display: block;
   }
  
   #footer .autor a:hover{
	  color: #b31616;
	  text-decoration: none;
   }
 
  #footer p a{
	  padding-right: 17px;
	  margin-right: 5px;
	  background: url(grafika/breadcrumb_arrow.gif) no-repeat right center;
   }
  

/* =Forms
-----------------------------------------------------------------------------*/

fieldset {
  border-color: #006275;
  border-width: 1px;
  border-style: solid;
  padding: 10px;  
  color: #006275;  
}

legend{
	font-size: 1.2em;
	font-weight: bold;
	color: #006275;  /*for IE to work*/
}

form{
	width: 450px;
	margin: 0 auto;
	font-size: 0.9em;
}

#mainContent .kontakt div{
	
	margin-bottom: 0.5em;
	/*overflow: hidden; ZMIENILEM */
	width: auto;
}

select{
  display: block;
  margin-top: 0.5em;
  margin-bottom: 1em;
  width: 230px;
  border: 1px solid #006275;
  padding: 0.1em;
  font-size: 1em;
  color: #434343;
}

option{
	color: #434343;
	background-color: #fff;
	
}

optgroup{
	color: #fff;
	background-color: #006478;
	font-style: normal;
	font-weight: 600;
	
}

optgroup option{
   text-indent: 1.5em;
}



.insuranceType label{
	width: 300px; 
	float:none;
	
}


label{
	
	width: 120px;
	display: block;
	float: left;
}


.commentBox label{
	width: 200px;
	float: left;
}


.buttons{
	margin-top: 1em;
}

.buttons input{
	margin-right: 0.5em;
	margin-right: 5.5em;
	padding: 0.2em;
	width: 6em;	
}

input,textarea{
	display: block;
	float: left;
	color: #434343;
	padding: 0.1em;	
}

textarea{
	width: 390px;
}

input{
	width: 220px;
}

#firstName, #lastName, #phoneNumber, #eMail, #question {
	border: 1px solid #006275;
}

div.buttons p{
   color:#006275;
   font-weight: normal;
   margin:0;
   margin-top: 3.5em;
   font-size: 0.9em;
}

div.buttons p em{
  color: Red;
}

label em{
   color:red;
   }

#firstNameErr,#lastNameErr, #phoneNumberErr, #eMailErr {
	border: 1px solid #FF4040;
}


	
/* =Tables
-----------------------------------------------------------------------------*/

table { 
   border-spacing: 0;
	border-collapse: collapse;
	color: #006275;
}

td {
   text-align: left;
	font-weight: normal;
}

.kontakt p{
	margin-top: 85px;
	margin-left: 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: #006275;
}

.kontakt table{
	border-top: 1px #BC1B1C solid;
	margin-left: 30px;
	margin-bottom: 2em;
	background-color: White;
	
}


.kontakt table td{
	border-bottom: 1px #BC1B1C solid;
	padding: .2em .4em;
}

table caption{
	/*margin: 0 auto; /* fix for Firefox - now caption is aligned with the table*/
	padding-bottom: 15px;
	padding-top: 85px;
	text-align: left;
	font-size: 1.3em;
	color: #006275;
}

/* =Misc 1
-----------------------------------------------------------------------------*/

.hide{
   visibility: hidden;
}

#mainContent .topIndex{
	vertical-align: super;
	text-transform: none;
	color: #434343;
	font-weight: normal;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.errorMessage
{
	/*border: 1px black solid;*/
	/*width: 541px;*/
	margin-top: 1.2em;
	border-top: 1px dashed #006275;
}

.errorMessage p
{
	margin: 0;
	margin-left: 30px;
	margin-right: 35px;
	padding: 0.3em;
	font-size: 1em;
	color: #006275;
	border-bottom: 1px dashed #006275;
}

#mainContent .errorMessage em{
	color: Red; 
	font-weight: bold;
   text-transform: none;
}



/* =Misc 2
-----------------------------------------------------------------------------*/

.oMnie, .podziekowania{
	margin-top: 40px;
}

.increasedMargin{
   margin-top: 2em;
}

.podziekowania a{
	 font-weight: bold;
	  
}