/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;}
img { border: 0 }
a { text-decoration: none; color: #868686;  }
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
form * { border: 0; }

table, table td {border: 0 !important;}
	  
/*Layout

------------------------------------------------------------------------- */
body { background: #fff url(images/bg-body.gif) 0 0 repeat-x; font-size: 13px; }

#top, #content, #footer, #oferta, #kontakt_div, #content_dyn { width: 920px; margin: 0 auto; position: relative; overflow: hidden; clear: both; z-index: 1;}


/* Top

------------------------------------------------------------------------- */
#top {background: url(images/bg-top.gif) 0 0 no-repeat;}
#top ul.fr { height: 45px; padding: 35px 40px 0 0;}
#top ul.fr li { float: left; background:  url(images/li-top-sep.gif) 0 2px no-repeat; padding-left: 1px;}
#top ul.fr li:first-child {background: none; }
#top ul.fr li a { text-transform: uppercase; font-weight: bold; color: #4E4E4E; padding: 0 16px;}
#top a.fl { margin: 14px 0 0 46px;}
#top .head { clear: both; width: 100%; text-align: center; padding: 0 0 6px; background: url(images/bg-head.gif) 0 bottom repeat-x;}
#top .head img { padding: 0 0 1px; border-bottom: 1px solid #B5BEC7; }


/* Content 

------------------------------------------------------------------------- */
#content {/*background: url(images/bg-content.gif) right 38px no-repeat;*/ padding: 0; color: #4E4E4E;}
#content_dyn {background: url(images/bg-content.gif) right 40px no-repeat; padding: 0; color: #4E4E4E;}
#kontakt_div {/*background: url(images/bg-content.gif) right 59px no-repeat; */ padding: 0; color: #4E4E4E;}
#oferta {background: url(images/bg-content.gif) right 40px no-repeat /*repeat-x*/; padding: 0; color: #4E4E4E;}
h1 {font-size: 16px;}
h2 { height: 16px; line-height: 16px; background: url(images/h2.gif) 0 0 no-repeat; padding: 17px 20px; color: #4E4E4E; font-size: 16px; text-align: left; }
h2.n {background: url(images/h3.gif) 0 0 no-repeat;}
h2.form_div {margin-top: 10px;}
p {padding: 12px 0 18px; padding: 0; color: #868686; line-height: 120%;/*line-height: 20px;*/ text-align: left;}
/*p span {color: #0F2E51;}*/
.left { width: 260px; float: left; display: inline; line-height: 40px; text-align: center;}
.left ul {background: #C3CCD8;}
.left ul li { padding: 0 0 0 20px; border-top: 1px solid #DDE2E9; }
.left ul li:first-child {border-top: 0; }
.left ul li a {  display: block; /*margin: 5px 0; */ line-height: 20px;  background: url(images/li-left-bulk.gif) 0 17px no-repeat; color: #0F2E51; padding: 7px 0 7px 20px;}
.right { width: /*280px;*/ float: left; display: inline;}
.right ul {line-height: 30px;}
.right ul li a {  url(images/li-left-bulk.gif) 0 6px no-repeat; color: #0F2E51; padding: 0 0 0 14px;}
.right { width: 230px;/*280px;*/ float: right; display: inline;}
.center { width: 570px;/*260px;*/ float: left; display: inline; margin: 10px 0 0 59px; padding-top: 12px;}
.center2 { width: 310px;/*260px;*/ float: left; display: inline; margin: 10px 0 0 59px; padding-top: 12px;}
.input { height: 15px; padding: 3px; margin: 5px 0 0 0; clear: both; background: url(images/input.gif) 0 0 no-repeat;  float: left;}
.input input { width: 100%; background: none;}
input.submit { float: left; margin: 12px 0 0 12px;}
input {color: #4E4E4E;}
textarea { overflow-x: hidden; overflow-y: scroll; width: 100%; font-size: 13px;}
label { display: block; width: 100%; clear: both; padding: 20px 0; color: #8E999D;}
#search { height: 60px; padding: 0 0 0 40px; background: #E7EBEF url(images/bg-search.gif) right bottom no-repeat; font-size: 10px;}
#search .input { width: 134px;}
#newsletter { line-height: 13px; padding: 12px 0 0 20px; text-align: left; font-size: 10px;}
#newsletter .input { width: 174px;}
#newsletter a {font-size: 10px; color: #354044; padding: 0 8px;}
#kontakt { margin: 10px 0;}
#kontakt label {padding: 15px 0 5px;}
#kontakt * {color: #868686;}
#kontakt textarea { width: 280px; height: 90px; background: url(images/bg-textarea.gif) 0 0 no-repeat; }
#kontakt input.submit { float: right; margin: 20px 0 0;}
#kontakt .input { width: 174px; margin: 0; background-image: url(images/bg-input.gif)}
input.form_submit, input.form_submit2 {width: 46px; height: 10px; float: right; margin: 10px 0 0 0; background: white url(images/submit.gif) no-repeat; border: 0; }
input.form_submit2 {float: left; margin-left: 5px;}
a.more {color: #868686; padding: 0 0 12px; display: block; position: relative; width: 280px}
a.more:hover {text-decoration: none;}
a.more span { padding-left: 14px; background: url(images/indent.gif) 0 2px no-repeat; line-height: 17px; }
a.more:hover span {text-decoration: underline;}
a.more span.more {background: url(images/more.gif) right 0 no-repeat; display: block; width: 40px; height: 20px; position: absolute; right: 0; top: 22px;  }
a.tel {color: #4E4E4E; font-size: 22px; height: 60px; overflow: hidden; float: left;}
#oferta .left {margin-top: 0px;}
#oferta .center {margin-top: 40px;}
#kontakt_div .center {margin-top: 0; padding-top: 10px;}
.details { height: 100%!important; height: 376px; min-height: 376px; text-align: center;}
.details .title { line-height: 44px;}
.image { padding: 35px 0; border: 1px solid #EBEFF1; margin: 10px 0; display: block;}

/* Footer 

------------------------------------------------------------------------- */
#footer-outer { width: 100%; background: url(images/bg-footer-outer.gif) 0 0 repeat-x; text-align: right; color: #4E4E4E; }
#footer {background: url(images/bg-footer.gif) 0 0 no-repeat; padding-top: 20px; line-height: 40px;}
#footer ul {padding: 0 46px; background: #C3CCD8;}
#footer ul li { display: inline; padding: 0 4px; }
#footer ul li a { font-size: 9px; color: #868686;}
#footer a { text-transform: uppercase; color: #4E4E4E;}
#footer span.fr { padding: 0 50px 0 0;}
#footer span.fr a { font-weight: bold;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
hr {clear: both; border: 0; height: 1px; background: #E7EBEF; color: #E7EBEF; }