/* reset */

body, div, table, tr, td, h1, h2, h3, h4, h5, h6, p, 
ul, ol, li, dl, dt, dd, a, img, form, fieldset, span {
    padding: 0;
    margin: 0;
    border: 0;
}
.bold {
    font-weight: bold;
}

a {
    color: #285485;    
}
a:hover {
    text-decoration: none;
}
.image {
    position: relative;
    float: left;
    margin-right: 6px;
}
.image a {
    display: block;
}
.imgTopLeft {
    background: url('/site_media/images/site/lg_foto.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.imgTopRight {
    background: url('/site_media/images/site/pg_foto.png') 100% 0 no-repeat;
}
.imgBottomLeft {
    background: url('/site_media/images/site/ld_foto.png') 0 100% no-repeat;
}
.imgBottomRight {
    background: url('/site_media/images/site/pd_foto.png') 100% 100% no-repeat;
}


/* basic */

body {
    background: #7da6a4;
    color: #265486;
    font-size: 62.5%;
    line-height: 1.7em;
    border-top: 4px solid #25426c;
    background: #fcfdff url(/site_media/images/site/bg.jpg) left top repeat-x;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
a {
    color: #265486;    
}
hr {
    border-bottom: 1px solid #e4ebf3;
    border-width: 0 0 1px;
    margin: 10px 40px 20px;
}
li.break {
    clear: both !important;
    float: none !important;
    height: 0 !important;
    list-style: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.checkbox {
    width: 16px!important;
    border: 0;
} 
/* top */

.topContainer {
    width: 994px;
    margin: 0 auto;
}
#logo {
    display: block;
    float: left;
    padding: 10px 25px 0;
    font-size: 2em;
    text-transform: uppercase;
    color: #4e9ff1;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    text-decoration: none;
}
.topContainer p {
    font-size: 1.4em;
    text-transform: uppercase;
    float: right;
    width: 320px;
}
.topContainer .centre strong {
    padding: 38px 55px 22px;
}
.topContainer span.centre {
    top: 38px;
}
.topContainer .main strong {
    padding: 30px 55px;
}
.topContainer strong {
    float: right;
    display: block;
    color: #fff;
    background: url(/site_media/images/site/phone-main.png) left top no-repeat;
}
.topContainer p span {
    position: relative;
    top: 30px;
    font-weight: bold;
}

/* nav container */

.navContainer {
    margin: 0 auto;
    width: 994px;
    font-size: 1.4em;
    padding: 10px 0 0;
    background: url(/site_media/images/site/nav.jpg) left top repeat-x;
}
.mainMenuLevel1 {
    width: 980px;
    margin: 0 0 0 6px;
    border-right: 1px solid #2f76b6;
    background: #085ba9 url(/site_media/images/site/nav-off.jpg) left bottom repeat-x;
}
.navContainer ul {
    list-style: none;
    float: left;
}
.navContainer li {
    position: relative;
    width: auto;
    float: left;
}
div.navContainer li:hover {
    cursor: pointer;
    z-index: 100;
}
.navContainer a {
    display: block;
    text-transform: uppercase;
    padding: 13px 12px;
    text-align: center;
    text-decoration: none;
    color: #fff; 
    border-left: 1px solid #2f76b6;
    background: #085ba9 url(/site_media/images/site/nav-off.jpg) left bottom repeat-x;
}
.navContainer a.selected, .navContainer a:hover {
    background: #7fbc09 url(/site_media/images/site/nav-on.jpg) left bottom repeat-x;
}
.navContainer a.selected {
    font-weight: bold;
}
div.navContainer ul ul {
    display: none;
}

/* banner */

.leftColumnBanner {
    margin: 0 auto;
    padding: 0 0 10px;
}


/* content */

.contentContainer {
    width: 982px;
    margin: 0 auto;
    clear: both;
    padding: 11px 6px;
}
.subContentContainer {

}
.subcontent {
    padding: 10px 0 20px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 2.3em;
    padding: 5px 15px;
    color: #759f19;
    margin: 0 0 15px;
    text-transform: uppercase;
}
h1.border, h2.border, h3.border, h4.border, h5.border, h6.border {
    border-left: 4px solid #024289!important;
}
h1 {
    border: 0;
    padding: 5px 15px 0 19px;
}
h2 {
    color: #1a557f;    
}
h3 {
    border: 0;
    padding: 0px 20px 0;
    font-size: 1.7em;
    color: #197fa5;
    margin: 0 0 5px;
}
h3 a {
    color: #197fa5;
    text-decoration: none; 
}
h6 {
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.7em;
    border: 0;
    padding: 5px 0 0 21px;
    color: #1a557f;
} 

.leftColumn .more, .rightColumn .more {
    font-size: 1.4em;    
    padding: 0 20px;
}
.more a {
    float: right;
    display: block;
    width: 64px;
    height: 20px;
    padding: 0 0 0 5px;
    background: url(/site_media/images/site/arrow-green.gif) 50px 50% no-repeat;
    text-decoration: none;
}
.more a:hover {
    background: url(/site_media/images/site/more.png) left top no-repeat;
    color: #fff;
}

/* corners */

.leftTopWhiteCorner, .rightTopWhiteCorner, .leftBottomWhiteCorner, .rightBottomWhiteCorner,
.leftTopBlankCorner, .rightTopBlankCorner, .leftBottomBlankCorner, .rightBottomBlankCorner {
    position: relative; 
}
.leftTopWhiteCorner {
    left: -1px;
}
.rightTopWhiteCorner {
   right: -2px;
}
.leftBottomWhiteCorner {
    top: 1px;
    left: -2px;
}
.rightBottomWhiteCorner {
    right: -2px;
}
.leftTopWhiteCorner {
    background: url(/site_media/images/site/corner-left-top-white.jpg) left top no-repeat; 
}
.rightTopWhiteCorner {
    background: url(/site_media/images/site/corner-right-top-white.jpg) right top no-repeat; 
}
.leftBottomWhiteCorner {
    background: url(/site_media/images/site/corner-left-bottom-white.jpg) left bottom no-repeat; 
}
.rightBottomWhiteCorner {
    background: url(/site_media/images/site/corner-right-bottom-white.jpg) right bottom no-repeat; 
}

.leftTopBlankCorner {
    left: -1px;
    top: -1px;
}
.rightTopBlankCorner {
    right: -2px;
}
.leftBottomBlankCorner {
    left: -2px;
    top: 2px;
}
.rightBottomBlankCorner {
    right: -2px;
}
.leftTopBlankCorner {
    background: url(/site_media/images/site/corner-left-top-blank.jpg) no-repeat scroll left top;
}
.rightTopBlankCorner {
    background: url(/site_media/images/site/corner-right-top-blank.jpg) no-repeat scroll right top;
}
.leftBottomBlankCorner {
    background: url(/site_media/images/site/corner-left-bottom-blank.jpg) no-repeat scroll left bottom;
}
.rightBottomBlankCorner {
    background: url(/site_media/images/site/corner-right-bottom-blank.jpg) no-repeat scroll right bottom;
}

/* sections */

.newsSectionIntro img, .articleSectionIntro img, .gallerySectionIntro img {
    float: left;
    padding: 5px 20px 10px 0;    
}

/* messasages */

#errandmsg ul {
    padding: 0;
}
#errandmsg ul .errors, #errandmsg ul .messages {
    color: #cf293d;
    border: 1px solid #cf293d;
    margin: 0 0 10px 10px;
    padding: 5px 10px;
    list-style: none; 
}
#errandmsg ul .messages {
    border: 1px solid #689a05;
    color: #52760d;
}

/* left column */

.leftColumn {
    float: left;
    width: 715px;
    margin: 0 10px 0 0;
}
.leftColumn h2 a {
    text-decoration: none;    
}
.leftColumn h2 a:hover {
    text-decoration: underline;    
}
.leftColumn h4 {
    font-size: 1.4em;
    padding: 10px 20px 5px;  
    border: 0;  
    color: #1a5482;
}
.leftColumn h5 {
    font-size: 1.3em;
    padding: 0 0 5px;    
}
.leftColumn h6 {
    font-size: 1.2em;
    padding: 0 0 5px;    
}
.leftColumn p, .leftColumn ul, .leftColumn ol {
    font-size: 1.1em;
    padding: 0 20px 10px;
}
.leftColumn li {
    margin: 0 25px;    
}
.leftColumn .article {
    background: url(/site_media/images/site/content-top-bg-green.jpg) 0 0 repeat-x;
    padding: 1px;
}
.leftColumn .article h1.border {
    border-left: 4px solid #024289; 
    padding: 0 15px;
    margin-top: 10px;
}
.readmore {
    text-align: right;
}
/* left column subjects */
.leftColumnSubjects h1 {
    background: url('/site_media/images/site/subjectH1bg.png') 0 0 repeat-x;
}
.leftColumnSubjects ul li {
    list-style: none;
    width: 205px;
    float: left;
    margin: 0;
    padding-left: 20px;
}
.leftColumnSubjects ul li.dots {
    background: url('/site_media/images/site/subjectBorder.gif') 0 0 repeat-y;
}
.leftColumnSubjects ul li img {
    float: left;
}
.leftColumnSubjects ul li h3 {
    margin-bottom: 16px;
    padding-top: 23px;
    padding-right: 0;
    margin-left: 71px;
    padding-left: 0;
    width: 120px;
}
.leftColumnSubjects ul li a {
    text-decoration: none;
}
.leftColumnSubjects ul li a:hover {
    color: #ff0000;
}

/* left column offers */

.leftColumnOffersContainer {
    background: #fcfcfc url(/site_media/images/site/content-top-bg-blue.jpg) left top repeat-x;
    border: 1px solid #edf1fa;
    border-width: 0 1px 1px;
}
.leftColumnOffers {
    padding: 8px 0;
}
.leftColumnOffersIntro {
    float: left;
    width: 350px;
    padding: 0 0 15px;
}

/* left column centres */

.leftColumnCentresContainer {
    background: #fcfcfc url(/site_media/images/site/content-top-bg-blue.jpg) left top repeat-x;
    border: 1px solid #edf1fa;
    border-width: 0 1px 1px;
}

.leftColumnCentres {
    padding: 15px 0 0;
}
.leftColumnCentres ul li {
    list-style: none;
    float: left;
    width: 336px;
    margin: 0 0 30px;
}
/* paginator */
.shopping_list_counter {
    margin: 10px;
    float: right;
}
.shopping_list_counter .qp_next,
.shopping_list_counter .qp_prev {
    margin: 0 5px;
    font-size: 1.1em;
    text-decoration: none;
    padding: 6px;
}
.shopping_list_counter .qp_next:hover,
.shopping_list_counter .qp_prev:hover {
    background: url(/site_media/images/site/paginator.gif) 50% 50% no-repeat;
    color: #fff;
}
/* left column news */

.leftColumnNewsContainer {
    border: 1px solid #edf1fa;
    border-width: 0 1px 1px;
    background: #fcfcfc url(/site_media/images/site/content-top-bg-blue.jpg) left top repeat-x;
}
.leftColumnNews {
    padding: 8px 0;
}
.leftColumnNewsIntro {
    padding: 0 10px;
    position: relative;
}
.leftColumnNewsIntro .image {
    float: left;
    margin-right: 6px;
}
.leftColumnNewsIntro .imgBottomRight,
.leftColumnNewsIntro .imgBottomRight a {
    width: 100px;
    height: 100px;
}
.leftColumnNewsIntro .dane {
    float: left;
    width: 210px;
    margin-bottom: 12px;
}

.leftColumnNewsIntro .dane .centre a {
    color: #73ae04;
    font-weight: bold;
    display: block;
    margin-bottom: 7px;
    font-size: 1.3em;
    text-decoration: none;
}
.leftColumnNewsIntro .dane .centre a:hover {
    text-decoration: underline;
}
.leftColumnNewsIntro .dane .name {
    font-size: 1.2em;
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
}
.leftColumnNewsIntro .dane dt {
    float: left;
    color: #73ae04;
    margin-right: 3px;
}
.leftColumnNewsIntro h4 {
    color: #759f19;
    font-size: 1.2em;
    padding: 0 10px;
    border: 0;
    margin: 0 0 10px;
    text-transform: none;
    font-weight: bold;
}
.leftColumnNewsIntro p {
    padding: 0 30px 10px;
}

/* right column */

.rightColumn {
    float: left;
    width: 256px;
}

/* right column select, right column know more */

.rightColumnSelect {
    background: url(/site_media/images/site/map.png) left top no-repeat; 
}
.rightColumnSelect form {
    padding: 8px 0 35px;
}
.rightColumnKnowMore form {
    padding: 8px 0 15px;
}
.rightColumnKnowMore form fieldset {
    width: 256px;
}
.rightColumnKnowMoreContainer {
    background: #fcfcfc url(/site_media/images/site/content-top-bg-blue.jpg) left top repeat-x;
    border: 1px solid #edf1fa;
    border-width: 0 1px 1px;
}
.rightColumnSelect legend, .rightColumnKnowMore legend {
    display: block;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 1.5em;
    padding: 5px 15px 5px 10px;
    border-left: 4px solid #024289;
    color: #1a557f; 
    width: 225px;      
    text-transform: uppercase;
    text-align: left;
}
.rightColumnSelect p {
    padding: 20px 42px 0 38px;
}
.rightColumnKnowMore p {
    padding: 10px 44px 0 36px;   
}
.rightColumnKnowMore .knowMoreDesc {
    padding: 5px 15px 10px;
    font-size: 1em;
    line-height: 1.3em;
}
.rightColumnSelect select, .rightColumnKnowMore select, .rightColumnKnowMore input, .rightColumnKnowMore textarea {
    width: 180px;
    border: 1px solid #7e9fc0; 
    color: #265486;
}
.rightColumnKnowMore input, .rightColumnKnowMore textarea {
    width: 174px;
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
.rightColumnKnowMore .submit {
    border: 0;
    width: 73px;
    color: #fff;
}

/* right column news */

.rightColumnNewsContainer, .rightColumnBoxesContainer {
    border: 1px solid #edf1fa;
    border-width: 0 1px 1px;
    margin: 11px 0 0;
    background: #fcfcfc url(/site_media/images/site/content-top-bg-blue.jpg) left top repeat-x;
}
.rightColumnNews {
    padding: 8px 0;
}
.rightColumnNewsIntro {
    padding: 0 18px 10px;
}
.rightColumnNewsIntro h4 {
    color: #759f19;
    font-size: 1.2em;
    padding: 0;
    border: 0;
    margin: 0;
    text-transform: none;
    font-weight: bold;
}
.rightColumnNewsIntro p {
    font-size: 1.1em;
}
.rightColumnNewsIntro .more {
    padding: 15px 0 0 18px;
}

/* right column contact */

.rightColumnContactContainer {
    border: 1px solid #ADC3DA;
    margin: 12px 0 0;
}
.rightColumnContact {
    padding: 10px 15px 12px;
}
.rightColumnContact p {
    padding: 0;
    font-size: 1.1em;
    margin-bottom: 6px;
}
.rightColumnContact p span {
    display: block;
    padding-left: 51px;
}
.rightColumnContact .oneline {
    padding-top: 12px;
}
.rightColumnContact img {
    vertical-align: middle;
    float: left;
}
.rightColumnContact h6 {
    margin: 0;
    padding: 0;
}
.rightColumnContact .imgBottomRight {
    width: 100px;
    height: 100px;
}

/* right Column Box Container */
.rightColumnBoxContainer {
    margin-top: 11px;
}
/* news */

.newsSection h1 {
    padding-right: 265px;   
}

/* contact */

.contact form {
    padding: 15px 0 0;
    float: right;
    width: 410px!important;
}
.contact dl {
    margin: 3px 0;
    clear: both;
}
.contact dt {
    float: left;
    width: 99px;
    margin-right: 5px;
    text-align: right;
    padding: 0;
}
.contact dt label {
    width: auto;
    float: none;
}
.contact dt.text {
    text-align: left;
}
.contact dt.text label {
    float: left;
}
.contact dt.text span {
    float: left;
}

.contact input, .contact textarea {
    width: 276px;
    font-family: Tahoma,Verdana,Helvetica,sans-serif;
    font-size: 1.1em;
    color: #265486;
}
.contact textarea {
    width: 380px;
}
.contact .submit {
    width: 70px;  
    border: 0;
    padding: 0 0 2px 10px;
    text-align: left;
    font-size: 1.1em;
    background: url(/site_media/images/site/arrow-green.gif) 50px 5px no-repeat;
    color: #265486;
}
.contact .submit:hover {
    background: url(/site_media/images/site/more.png)  no-repeat;
    color: #fff;
}
.contact span {
    float: right;
    display: block;
    width: auto;
}
.contact h2 {
    clear: none;
}
.contact .formDescription {
    float: right;
    width: 259px;
}
.contact .formDescription img {
    float: right;    
    padding: 5px 15px 10px 0;
}

/* pagination container */

.paginationContainer {
    text-align: center;
    font-size: 1.2em;  
    border-top: 1px dashed #ddd;
    margin: 20px 20px 0;
    padding: 5px 0 0;
}
.paginationContainer a {
    padding: 2px; 
}
.paginationContainer strong {
    color: #000;
    padding: 2px; 
}

/* forms */

.leftColumn form {
    padding: 15px 0 0;
    float: right;
    width: 350px;
}
label {
    float: left;
    width: 89px;
    text-align: right;
    padding: 0;
}
form span {
    float: left;
    display: block;
    width: 15px;
}
input, textarea {
    width: 196px;
    padding: 1px 2px;
    border: 1px solid #7e9fc0;
}
form p {
    font-size: 1.1em;
}
input {
    width: 200px;
}
.submit {
    cursor: pointer;
    float: right;
    display: block;
    width: auto; 
    border: 0;
    padding: 0 0 3px 8px;
    text-align: left;
}
.submitBlue {
    width: 73px;
    height: 24px;
    background: url(/site_media/images/site/submit-blue.png) left top no-repeat;
    color: white;
}
.submitGreen {
    width: 73px;
    height: 24px;
    background: url(/site_media/images/site/submit-green.png) left top no-repeat;
    color: white;    
}
.errorlist {
    list-style: none;
    margin: -12px 0 0 80px;
    color: #cf293d;
}

/* job form */

#job_form {
    float: none;
    width: 410px;
}
#job_form dl {
    display: block;
    margin: 5px 0;
}
#job_form dt {
    float: left;
    width: 150px;
    margin-right: 12px;
    text-align: right;
    font-size: 1.1em;
}
#job_form dd {
    width: 245px;
    float: left;
    font-size: 1.1em;
}
#job_form dd input,
#job_form dd textarea {
    width: 245px;
    font-size: 1.1em;
    font-family: Tahoma;
    color: #265486;
}

#job_form dd ul {
    padding: 0;
}
#job_form dd ul li {
    list-style: none;
    float: left;
    margin: 0;
}
#job_form ul li  label {
    width: auto;
    text-align: left;
    width: 120px;
}
#job_form .submit {
    background: url(/site_media/images/site/submit-green.png) 0 0 no-repeat;
    border: 0;
    color: #fff;
    width: 73px;
    height: 24px;
}

/* footer container */

.footerContainer {
    width: 980px;
    margin: 0 auto;
    color: #0f4d8a;
    padding: 0 0 20px;
    text-align: left;
    border-top: 4px solid #1c5896;
}
.footerContainer p {
    padding: 5px 10px;
}
.footerContainer a {
    color: #0f4d8a;
    text-decoration: none;
}
.footer {
    background: #f0f0f0;
    padding: 10px 0 10px 20px;
}
.footer ul {
    float: right;   
    list-style: none;
    padding: 0 10px;
    border-left: 1px dotted #b3b3b3;
}
.footer li {
    float: left;
    width: 87px;
    padding: 1px 0 1px;
    font-size: 1.1em;
}
.footer ul a {
    padding-left: 10px;
}
.footer ul a:hover {
    background: url('/site_media/images/site/arrow_green2.png') 0 50% no-repeat;
    text-decoration: none;
    color: #003;
}

.footerPhone {
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    color: #fff;
    padding: 0px 0px 10px;
    background: url(/site_media/images/site/phone-footer.jpg) left top no-repeat;
    width: 240px;
}
.footerPhone p {
    padding: 5px 50px;
    margin-bottom: 20px;
    margin-top: 24px;
}
.footerPhone .icons {
    float: right;
}
.footerPhone .icons a {
    display: block;
}
#copyright {
    float: left;
}
#realization {
    float: right;
}
.footerContainer a:hover {
    text-decoration: underline;    
}

.footerCities {
    float: right;
    width: 284px;
}
.footerSubjects {
    float: right;
    width: 285px;
}
.footer .main-site {
    background: url(/site_media/images/site/leftArrow.gif) 0 50% no-repeat;
    padding-left: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.footerMenu {
    width: 120px;
    float: right;
}