/* Start of CMSMS style sheet 'anglia' */
@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
background:url(gfx/tla/main_bg.jpg) repeat-x;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#0c315d;
}

a, img {
border:none;
outline:none;
text-decoration:none;
}

a {
color:#bd2b36;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}



/************************** KONTENER GŁÓWNY ********************************/
div#mainContainer {
width:950px;
margin:0 auto;
padding:0;
}

div#ContainerBG {
width:950px;
background:url(gfx/tla/container_bg.jpg) no-repeat;
float:left;
}

h2 {
color:#fff;
font-weight:normal;
font-size:24px;
}

/************************** 1. NAGŁÓWEK ********************************/
h1 {
margin:0 0 0 2px;
padding:0;
width:416px;
height:163px;
display:block;
float:left;
font-size:14px;
}
h1 a {
width:416px;
height:163px;
display:block;
position:relative;
}
h1 a span{
width:416px;
height:163px;
display:block;
position:absolute;
background: url(gfx/dodatki/logo.jpg) no-repeat;
cursor:pointer;
}

/***** MENU GŁÓWNE ******/

ul#mainmenu {
float:right;
margin:34px 0 0 0;
padding:0;
}

ul#mainmenu li {
float:left;
display:inline;
list-style:none;
font-size:16px;
margin-left:18px;
}
ul#mainmenu li a{
color:#1e487b;
}
ul#mainmenu li a:hover{
color:#ff2d2d;
text-decoration:none;
}
ul#mainmenu li a.active{
color:#ff2d2d;
}

/****** TEKST powitalny ******/
div#introText {
clear:both;
width:950px;
float:left;
margin:16px 0 0 10px;
padding:0 0 10px 0;
color:#fff;
font-size:16px;
height:117px;
}

div#introText h2 {
margin:0 0 10px 0;
font-weight:normal;
font-size:24px;
}

div#introText p {
width:450px;
height:68px;
}

div#introText a {
background:url(gfx/dodatki/arrowIco.jpg) 0 0 no-repeat;
padding:4px 0 10px 36px;
color:#fff;
}

/************ GŁÓWNA KOLUMNA ************/
div#mainColumn {
float:left;
width:625px;
margin:50px 0 0 0 ;
padding:0;
}

div#mainColumn h2 {
width:565px;
background:url(gfx/tla/headers/mainHeader.jpg) no-repeat;
height:35px;
margin:0 0 16px 0;
padding:8px 0 0 60px;
}

div#mainColumn h3 {
width:595px;
border-left:6px solid #bc2c36;
border-bottom:1px solid #bc2c36;
font-size:1.4em;
margin-left:10px;
padding: 0 0 2px 5px;
font-weight:normal;
}


div#mainColumn h4.faqanswer {
padding: 0 0 2px 5px;
font-weight:normal;
margin:10px 0 4px 0;
border-bottom:1px solid #bc2c36;
font-size:1.2em;
}
div#mainColumn a.qTopList {
text-align:right;
float:right;
padding:14px 0 6px 0;
}

div#mainColumn p {
width:605px;
margin:0 0 10px 0;
padding:0 10px 10px 10px;
}

img.mainBoxEnding {
width:625px;
height:38px;
display:block;
margin:0 0 30px 0;
}

/*** LISTY ***/
ul.list01 {
margin:8px 0 8px 10px;
padding:0;
float:left;
}

ul.list01 li {
background:url(gfx/dodatki/okIco.jpg) 0 0 no-repeat;
padding-left:24px;
margin: 0 0 10px 0;
list-style:none;
}
/***** WYPADKI *****/
ul#accidents {
margin:0;
padding:0;
float:left;
}

ul#accidents li {
float:left;
display:inline;
list-style:none;
}
ul#accidents li a {
text-indent:-4000px;
}

li.droga a{
background:url(gfx/menuObrazkowe/drogowy.jpg) 0 0 no-repeat; width:150px; margin-right:3px;
}
li.droga a:hover, li.droga a.active {
background:url(gfx/menuObrazkowe/drogowy.jpg) 0 -228px no-repeat; width:150px; margin-right:3px;
}

li.praca a{
background:url(gfx/menuObrazkowe/praca.jpg) 0 0 no-repeat; width:154px; margin-right:3px;
}
li.praca a:hover, li.praca a.active {
background:url(gfx/menuObrazkowe/praca.jpg) 0 -228px no-repeat; width:154px; margin-right:3px;
}

li.public a{
background:url(gfx/menuObrazkowe/publiczny.jpg) 0 0 no-repeat; width:153px; margin-right:3px;
}
li.public a:hover, li.public a.active {
background:url(gfx/menuObrazkowe/publiczny.jpg) 0 -228px no-repeat; width:153px; margin-right:3px;
}

li.dom a{
background:url(gfx/menuObrazkowe/dom.jpg) 0 0 no-repeat; width:158px; 
}
li.dom a:hover, li.dom a.active {
background:url(gfx/menuObrazkowe/dom.jpg) 0 -228px no-repeat; width:158px;
}

li.droga a, li.droga a:hover, li.praca a, li.praca a:hover, li.public a, li.public a:hover, li.dom a, li.dom a:hover {
height:228px;
display:block;
}


/********************* KALKULATOR URAZÓW ****************************/
div.kalkulatorUrazow {
float:left;
width:605px;
margin:0px;
padding:0 10px 0 10px;
background:url(gfx/tla/calc_bg.jpg) no-repeat;
}

div#bodyParts {
width:430px;
float:right;
margin:0;
padding:0;
}

div#bodyParts a { display: block; background:url(gfx/tla/headers/calcHeads.jpg) 0 0 no-repeat; width:400px; height:26px; cursor:pointer; color:#fff; font-size:20px; padding:1px 0 0 30px; }
div#bodyParts a:hover, div#bodyParts a.selected { background:url(gfx/tla/headers/calcHeads.jpg) 0 -27px no-repeat; text-decoration:none; }


div#bodyParts div, div#bodyParts div p {
width:416px;
padding:6px 6px 12px 6px;
margin:0;
font-size:14px;
border-top:none;
border:1px solid #b8e3ff;
background:#f0f9ff;
} 
div#bodyParts div p {
padding:0;
border:none;
background:none;
}

div#bodyParts div ul {
margin:10px 0 10px 12px;
width:400px;
padding:0;
}

div#bodyParts div ul li{
margin:0 0 10px 0;
padding:0;
list-style:none;
}

div#bodyParts div h4 {
font-size:18px;
font-weight:normal;
border-bottom:1px solid #000;
margin:12px 0 16px 0;
}


/*************** DODATKOWA KOLUMNA ******************/
div#addColumn {
float:right;
margin:50px 0 0 0;
padding:0;
width:299px;
background:url(gfx/tla/addColumn_bg.jpg) 0 314px no-repeat;
}

div#addColumn h2.h01, div#addColumn h2.h02, div#addColumn h2.h03, div#addColumn h2.h04{
float:right;
width:239px;
background:url(gfx/tla/headers/addHeader01.jpg) no-repeat;
height:35px;
margin:10px 0 16px 0;
padding:8px 0 0 60px;
}

div#addColumn h2.h02 {
margin:0px 0 16px 0;
background:url(gfx/tla/headers/addHeader02.jpg) no-repeat;
}

div#addColumn h2.h03 {
margin:16px 0 16px 0;
background:url(gfx/tla/headers/addHeader03.jpg) no-repeat;
}

div#addColumn h2.h04 {
margin:10px 0 16px 0;
background:url(gfx/tla/headers/addHeader04.jpg) no-repeat;
}

div#addColumn form {
margin:0;
padding:0;
margin-left:10px;
float:left;
}

/********** OBSŁUGA BŁĘDÓW FORMULARZA ************/
div.error_message {
float:left;
width:269px;
margin:10px 0 10px 10px;
padding:4px;
border:1px solid #bd2b36;
background:#f29299;
color:#000;
font-size:14px;
}

div.error_message ul {
margin:6px 0 6px 12px;
padding:0;
}
div.error_message ul  li{
margin:0 0 6px 0;
padding:0;
color:#fff0f1;
}

div.form_sent {
float:left;
width:269px;
margin:10px 0 40px 10px;
padding:4px;
border:1px solid #15ab01;
background:#9af08e;
color:#000;
font-size:14px;
}

div.form_sent h3{
font-size:16px;
}

a.privacy {
clear:left;
float:left;
margin-left:10px;
}

/*****************************************************/

div#addColumn form fieldset {
width:219px;
border:none;
padding:0;
margin:0;
}

div#addColumn form fieldset label {
padding:0;
display:block;
text-indent: 0;
}

div#addColumn form fieldset input,div#addColumn form fieldset select {
width:170px;
}

div#addColumn form fieldset input, div#addColumn form fieldset textarea, div#addColumn form fieldset select {
margin-bottom:5px;
margin-top:2px;
border:1px solid #1e487b;
}

div#addColumn form fieldset textarea {
width:270px;
height:90px;
}

input.fbsubmit {
background:#71b0fb;
width:120px;
color:#fff;
margin:14px 0 10px 0;
}

div#addColumn p {
float:left;
width:279px;
margin:0 0 6px 0;
padding:0 10px 6px 10px;
}

div#addColumn p img{
vertical-align:middle;
margin:0 0 0 40px;
}

p.testimonial {
font-style:italic;
color:#0099FF;
}

span.who {
float:right;
margin-right:10px;
}

/*************************** SZUKACZKA *******************************/
div.searchBox {
float:left;
width:280px;
margin:0;
padding:0;
position:relative;
top:-4px;
}

/**************************** STOPKA ***********************************/
div#footer {
width:100%;
clear:both;
float:left;
background:url(gfx/tla/footer_bg.jpg) repeat-x #1e477b;
margin:40px 0 0 0;
}

div#footerContainer {
margin:0 auto;
width:950px;
color:#fff;
}

div.leftPart {
float:left;
width:550px;
margin:0 0 0 0;
}

div.leftPart h4, div.rightPart h4{
font-size:18px;
font-weight:normal;
margin:10px 0 6px 0;
}
div.leftPart a{
color:#5a92d9;
}

a.top {
background:url(gfx/dodatki/top.jpg) no-repeat;
width:68px;
height:43px;
display:block;
cursor:pointer;
float:right;
}

div.rightPart {
margin:38px 0 0 0; float:right; width:300px;
} 

a.rsomade {
float:right;
margin:100px 0 0 0;
}
/**************************** INNE - Czaro ***********************************/
.hidden {
margin:0;
padding:0;
}
/* End of 'anglia' */

