/*
Theme Name: Charczuk Ubezpieczenia
Theme URI: 
Description: 
Version: 1.0
Author: ibex.pl
*/

:focus{-moz-outline-style:none;}
* {
  margin:0;padding:0;
}
body {
  font-family: Arial, Helvetica;font-size:62.5%;
  background: #333 url('http://www.ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/body_bg.gif') top left repeat;
}
a,a:visited{color:#003F00;text-decoration:underline; font-weight: bold;}
a:hover{color:#008800; text-decoration:underline;}

p {margin-bottom:0.5em;line-height:140%; }

.alignleft{float:left;}
.alignright{float:right;}
.centered {margin-left: auto; margin-right: auto; display: block;}

img.alignleft{float:left;margin-right:4px;}
img.alignright{float:right;margin-left:4px;}
img.aligncenter{margin:auto;display:block; margin-top: 10px;margin-bottom: 10px;}
img.border{padding:4px;background:#fff;border:1px solid #ccc;}
img.noborder {
  border:0px;
}
a.aligncenter {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  display: block;
}
a.highlight {
 background: White;
  width: 70%;
  display: block;
  padding: 9px;
  margin-left: 8px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  line-height: 150%;
}
.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* -------------------------- */

#page {
  width:950px;text-align:left;font-size:12px; 
  background: #ffffff;
}
.inner {
  padding: 4px;
}

p {
  text-align: justify;
}
ul, ol {
  line-height: 150%;
}
h2,h3 {
  line-height: 22px;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.2em;
}
#top {
  height: 220px;
  background: url('http://ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/header_bg.jpg') top left no-repeat; 
}
#contact_bar {
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  background: #002F00;
  color: White;
  font-size: 0.9em;
  overflow: hidden;
}

#contact_bar .left {
  text-align: left;
  float: left;
}
#contact_bar .right {
  text-align: right;
  float: right;
}

#contact_bar a {
  color: #ddd;
  text-decoration: none;
}
#contact_bar a:hover {
  color: #fff;
  text-decoration: underline;
}

a#logobg {
  position: relative;
  left: 0px;
  top: 0px;
  height: 200px;
  width: 280px;
  display: block;
  text-indent: -8000px;
  float: left;
}
a#zamawiam {
  position: relative;
  margin-left: 21px;
  margin-top: 63px;
  height: 85px;
  width: 192px;
  display: block;
  text-indent: -8000px;
  float: left;
}
a#zamawiam:hover {
  background: url('http://ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/button_bg.jpg') top left no-repeat; 
}

ul#nav {
  margin:px;
  padding: 0px;
  list-style-type: none;
  border-bottom: #ccc;
  background: url('http://ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/nav_bg.jpg') top left no-repeat; 
}
ul#nav li {
  margin: 0px;
  padding: 2px;
  display: inline-block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-family: Tahoma;
  border-bottom: 1px solid #BEDAB1;
}
ul#nav li a {
  display: block;
  color: Black;
  padding: 6px;
  text-decoration: none;
}
ul#nav li a:hover {
/*  background: url('http://ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/menu_bg.jpg') 0 -38px no-repeat; 
*/
  background: #BEDAB1;
  text-decoration: underline;
  color: Black;
}

#navbar li.current_page_ancestor a {
  font-weight: bold;
  border-bottom: none;
}
#navbar li.current_page_ancestor li a {
  font-weight: normal;
  border-bottom: none;
}
ul#nav li.current_page_item a{
  background: #004A00; /* url('http://ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/menu_bg.jpg') 0 -2px no-repeat; */
  color: White;
  opacity:.7;
}

#main {
  background: url('http://ubezpieczenia.charczuk.pl/wp-content/themes/polisa/images/page_bg.jpg') top left repeat-y; 
}
#main #sidebar {
  width: 264px;
  float: left;
}
#sidebar > img.border, #sidebar > a img.border {
  margin-left: 9px;
  padding: 3px;
} 
#content {
  width: 682px;
  float: right;
  padding-bottom: 20px;
}
#content .post {
  font-size: 1em;
  line-height: 150%;
  padding-bottom: 10px;
}
#content .post h2 {
  margin-bottom: 10px;
}
#content .post h3 {
  margin-bottom: 5px;
  margin-top: 15px;
}
#content .post p {
  line-height: 150%;
}
#content ul,#content ol {
  margin-bottom: 10px;
}
#content ul li,  #content ol li{
  margin-left:20px;
  line-height: 150%;
  margin-bottom: 5px;
  
}

/* --- */
/* mail */
/* Start of CSS for Dagon Design Form Mailer */

.mailwrapper {
	position: relative;
	width: 480px;
	display: block;
	text-align: center;
}
.maildiv {
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 470px;
	font-family: Tahoma,Helvetica, sans-serif;
	font-size: 1em;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}
.maildiv .sidelbl {
	/* used for left side labels */
	width: 170px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: middle;
	position: relative;
	display: block; 
	float: left; 
	clear: left;
}
.maildiv a {
	color: Black;
}
.maildiv h2 {
	color: Black;
	font-size: 120%;
        font-weight: bold;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin:0px;
}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 15px 5px 5px 5px;
	margin-bottom: 10px;
        border: 0px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: right;
	font-size: 80%;
        display: none;
}
.maildiv .fmsubmit {
  display: block;
  width: 100%;
  float: none;
  padding: 5px;
}
.maildiv .fmsubmit input{
  padding: 5px;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}
.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	margin-bottom: 15px;
        font-weight: bold;
        color: #004400;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: Black;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}
#footer {
  margin: 0 auto;
  font-size: 11px;
  padding: 9px;
  color: #333;
  display: block;
  background: #F0EEE1;
  border-top: 1px solid #DDD7B9;
}
#footer a,#footer a:visited {
  font-size: 1em;
  font-weight: normal;
  font-weight: bold;
   
}
#footer a#ibex, #footer a#ibex:visited{
  color: #888;
}
p[align='right'] {
  text-align: right;
}
a.link {
  text-decoration: underline;
}
.maincolumn {
  width: 460px;
  float: left;
}
.maincolumn .inner {
  padding:10px;
  padding-top: 20px;
  padding-left: 20px;
}
.maincolumn h2{
   color: #CC0000;
}
.maincolumn .post {
  padding-bottom: 5px;
}
.sidecolumn {
  width: 200px;
  float: right;
  line-height: 150%;
  border-left: 3px solid #cc0000;
  margin-top: 20px;
}
.sidecolumn .inner {
  padding:10px;
  padding-top: 0;
}
.sidecolumn h3 {
  margin-bottom: 5px;
  font-size: 1.3em;
}
#mapa {
  width: 550px;
  border: 1px solid #ddd;
  margin: auto;
  background: #eee;
}
#mapa #mapka {
  line-height: 100%;
  border: 1px solid #ccc;
  width: 520px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 300px;
}
#mapa #mapinfo {
   padding-top: 8px;
   padding-left: 14px; 
}


#adresy .left {
  text-align: left;
  float: left;
  width: 50%;
}
#adresy .right {
  width: 50%;
  text-align: left;
  float: right;
}
table {
  width: 400px;
  font-size: 1.2em;
  border: 1px solid #ccc;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
table thead th {
  background: #ddd;
  padding: 10px; 
}
table tr td {
  background: #eee;
  padding: 8px; 
  text-align: center;
}
h3.section {
  text-align: right;
  border-bottom: 1px solid #888;
  font-size: 1.3em;
}
.more-link {
  text-align: right;
}
#kontakt-telefon {
  padding: 20px;
  border: 1px solid #ccc;
  background: #efe;
}
#kontakt-telefon h2 {
  margin-bottom: 10px;
}
#slideshow {
  display: block;
  height: 90px;
  width: 310px;
  margin:auto;
  margin-bottom: 30px;
}
.notice {
  border: 1px solid #ccc;
  padding: 5px;
  background: #f5f5f5;
  margin-bottom: 10px;
  text-align: center;
}
.notice p {
	text-align: center;
}
.notice a {
  font-weight: bold;
  font-size: 1.2em;
  text-align:center;
  display: block;
  
}