/**
 * screen.css main sheet css for media screen
 * 
 * @package PM-cranes
 * @copyright Copyright: 2007 bert
 * @author vbert <vbert.pl@gmail.com>
 * @access public
 */ 

/* Neutralizacja ustawien
-------------------------------------------------------------------------*/
body { font-size: 10px; }
html, body, div, form, fieldset, 
h1, h2, h3, h4, h5, h6, p, table, tr, th, td, 
pre, blockquote, ul, ol, dl, dt, dd, address, strong { margin: 0; padding: 0; }
ul, ol, dl, dt, dd { list-style: none; }
img { border: none; }
a.i { border: 0; }

/* Ogolne 
-------------------------------------------------------------------------*/
html { height: 100%; }
body { background: #b1d2da; text-align: center; }
#tBody { font-size: 1em; width: 100%; }
br.clear-both, br.clear-left, div.clear-both, div.clear-left { font: 1px/1px monospace; display: block; min-height: 1px; max-height: 1px; }
a { padding: 1px 3px 2px; background: transparent; color: #165c6c; text-decoration: underline; }
a:hover { background-color: #165c6c; color: #9ff; text-decoration: underline; }
acronym { padding: 1px 16px 1px 2px; border-bottom: 1px dashed #d6d2c2; background: transparent url(../i/quest-02.png) no-repeat right 50%; color: #4e4925; text-decoration: none; font-weight: bold; cursor: help; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.fr { float: right !important; }
.fl { float: left !important; }
.tl { text-align: left; }
.tc { text-align: -moz-center; text-align: center; }
.tr { text-align: -moz-right; text-align: right; }
.tj { text-align: justify; }
.required { color: #d00; font-weight: bold; }

/* Czcionki
-------------------------------------------------------------------------*/
body, h5, h6, p, blockquote, ul, ol, dl, acronym, address, a, td { font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: "Trebuchet ms", Trebuchet, "Lucida Grande", Arial, Helvetica, sans-serif; }
pre { font-family: "Courier New", Courier, monospace; }
form, input, label, textarea { font-family: "MS Sans Serif", Arial, Helvetica, sans-serif; }
h1 { font-size: 2.1em; }
h2 { font-size: 2em; }
h3 { font-size: 1.9em; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }
p { font-size: 1.2em; line-height: 1.5em; }
.fn { font-weight: normal; }
.fb { font-weight: bold; }
.fi { font-style: italic; }
.fu { text-decoration: underline; }
.hi { display: none; }

/* Glowny pojemnik 
-------------------------------------------------------------------------*/
#vbwContainer { margin: 10px auto 0; width: 788px; background: #fff url(../i/body-bg.png) repeat-y center top; text-align: left; }

/* Naglowek 
-------------------------------------------------------------------------*/
#vbwHeader { margin: 0 auto; width: 788px; height: 142px; min-height: 142px; background: #75b2ce url(../i/header-bg.jpg) no-repeat left top; color: #fff; }

/* Nawigacja
-------------------------------------------------------------------------*/
#vbwNavigation { margin: 0 auto; width: 788px; height: 32px; min-height: 32px; background: #1b7186 url(../i/toolbar-bg.png) no-repeat center top; }
#vbwTabMenu { margin: 0 0 0 17px; padding: 0; height: 32px; min-height: 32px; }
#vbwTabMenu li { float: left; margin-right: 10px;  height: 32px; min-height: 32px; max-height: 32px; }
#vbwTabMenu li a { display: block; margin: 0; padding: 0; width: 100px; height: 32px; font-weight: bold; font-size: 1.2em; line-height: 32px; text-decoration: none; text-align: -moz-center; text-align: center; text-indent: -3000px; }
#vbwTabMenu li a { background-color: #1a6e81; background-repeat: no-repeat; background-position: left 0px; color: #e0f3f8; }
#vbwTabMenu li a:hover { background-color: #1e7d93; background-repeat: no-repeat; background-position: left -34px; color: #fff; }
#vbwTabMenu li.s a { background-color: #165c6c; background-repeat: no-repeat; background-position: left -68px; color: #9ff; }
#vbwTabMenu li.s a:hover { background-color: #1e7d93; background-repeat: no-repeat; background-position: left -34px; color: #fff; }
#vbwTabMenu li#bHome a { background-image: url(../i/buthome.png); }
#vbwTabMenu li#bOffer a { background-image: url(../i/butoffer.png); }
#vbwTabMenu li#bInfo a { background-image: url(../i/butinfo.png); }
#vbwTabMenu li#bContact a { background-image: url(../i/butcontact.png); }

/* Glowna zawartosc strony 
-------------------------------------------------------------------------*/
#vbwContent { margin: 0 auto; width: 788px; }

#vbwContent .vbwTop { margin: 0 auto; width: 788px; height: 60px; min-height: 60px; background: #fff url(../i/body-top-bg.png) no-repeat center top; }
#vbwContent .vbwBottom { margin: 0 auto; width: 788px; height: 18px; min-height: 18px; background: #fff url(../i/body-bottom-bg.png) no-repeat center top; }
#vbwContent .vbwBody { padding: 5px 20px; }
#vbwContent .c2L340 { width: 340px; }
#vbwContent .c2R380 { margin-left: 25px; width: 380px; }
#vbwContent .c2L400 { width: 400px; }
#vbwContent .c2R320 { margin-left: 10px; width: 320px; }

#vbwContent .vbwTop h1 { margin: 0 190px 0 10px; padding: 15px 15px 7px 15px; border-bottom: 1px solid #1a6e81; color: #1a6e81; }
#vbwContent h1.phone { font-weight: normal; text-align: center; }
#vbwContent h1.phone strong { color: #1a6e81; }
#vbwContent h3.first-title { margin: 8px 0; }
#vbwContent h3.title { margin: 30px 0 5px 0; }
#vbwContent h3.first-title, #vbwContent h3.title { padding-left: 5px; color: #ff8c00; }
#vbwContent p { margin-bottom: 6px; padding-left: 10px; }
#vbwContent ul { list-style-type: square; margin-left: 10px; padding-left: 20px; }
#vbwContent ul li { margin-bottom: 3px; color: #1a6e81; font-size: 1.2em; line-height: 1.4em; }
#vbwContent ul li.spec { margin: 0; list-style-type: none; color: #000; }
#vbwContent ul li span { color: #000; }
#vbwContent .more { margin: 3px 0; text-align: right; }
#vbwContent .more a, #vbwContent .more2 a { padding: px 5px 4px 5px; background: #e8f7fa; color: #165c6c; text-decoration: none; -moz-border-radius: 6px; }
#vbwContent .more a:hover, #vbwContent .more a:hover { background-color: #165c6c; color: #9ff; text-decoration: underline; }
#vbwContent .more2 { margin: 25px 0; text-align: right; }
#vbwContent .more2 a, #vbwContent .more2 a { padding: 3px 7px 6px 7px; background: #e8f7fa; color: #165c6c; text-decoration: none; -moz-border-radius: 6px; }
#vbwContent .more2 a:hover, #vbwContent .more2 a:hover { background-color: #165c6c; color: #9ff; text-decoration: underline; }
#vbwContent .gg { line-height: 26px; }

/* Data Gallery 
-------------------------------------------------------------------------*/
#vbwGallery { height: 220px; max-height: 220px; padding: 1px; border: 1px solid #7f9db9; overflow: visible; overflow: -moz-scrollbars-vertical; }
#vbwGallery img { padding-top: 2px; padding-right: 5px; padding-bottom: 2px; float: left; }
#vbwGallery a { border: 1px solid #c3daf9; display: block; -moz-outline: none; margin-bottom: 2px; text-decoration: none; }
#vbwGallery a .b { padding: 5px 2px; font-size: 1.5em; color: #2d5593; display: block; -moz-outline: none; }
#vbwGallery a:hover, #vbwGallery a.s:hover { text-decoration: none; background: #fff6e8; color: #000; }
#vbwGallery .s { background: #ecf5fe url('../i/item-bg.png') repeat-x top; border: 1px solid #c3daf9; }
#vbwGallery .d { color: #000; font-size: .75em; }
#vbwGallery p { margin: 0; padding: 0; padding-right: 5px; color: #666; font-size: 1.2em; text-align: -moz-right; text-align: right; }
#vbwGallery .pr span { color: #090; }
#vbwGallery .pt span { color: #d00; }

/* Data Grid 
-------------------------------------------------------------------------*/
.vbwDataGrid {}
.vbwDataGrid table { width: 100%; background: #fff; }
.vbwDataGrid tr {}
.vbwDataGrid tr.r1 { background: #fff; }
.vbwDataGrid tr.r2 { background: #f1f4f6; }
.vbwDataGrid th { padding: 2px 4px; background: #b7c3cc; color: #3f4d58; font-size: 1.2em; }
.vbwDataGrid td { padding: 2px 4px; border-bottom: 1px solid #b7c3cc; color: #3f4d58; font-size: 1.1em; }
.vbwDataGrid td.link { padding: 0; width: 75px; line-height: 24px; }
.vbwDataGrid a.pdf, .vbwDataGrid a.zip { display: block; padding: 0 0 0 26px; height: 24px; background-position: left top; background-repeat: no-repeat; color: #3f4d58; text-decoration: none; }
.vbwDataGrid a.pdf:hover, .vbwDataGrid a.zip:hover { color: #eceff2; text-decoration: underline; }
.vbwDataGrid tr.r1 a.pdf { background-image: url(../i/ico-pdf1.png); }
.vbwDataGrid tr.r2 a.pdf { background-image: url(../i/ico-pdf2.png); }
.vbwDataGrid tr.r1 a.zip { background-image: url(../i/ico-zip1.png); }
.vbwDataGrid tr.r2 a.zip { background-image: url(../i/ico-zip2.png); }

/* Formularz
-------------------------------------------------------------------------*/
#vbwForm { margin: 10px auto 0; }
.vbwForm { margin: 0 auto; padding-top: 8px; background: #fff; }
.vbwForm legend { color: #0046dc; padding: 3px 5px; }
* html .vbwForm legend { margin-bottom: 10px; }
.vbwForm fieldset { margin: 10px 0px; padding: 10px; border: solid 1px #d0d0bf; }
* html .vbwForm fieldset { padding-top: 10px; }
.vbwForm, .vbwForm legend, .vbwForm fieldset, .vbwForm input, .vbwForm textarea, .vbwForm label, .vbwForm select, .vbwForm .button { font-family: "MS Sans Serif" , Arial, Tahoma, Verdana, sans-serif; font-size: 12px; }
.vbwForm span.required, .vbwForm span.notrequired { display: inline-block; float: none; margin-left: 5px; padding: 2px 10px 0px; height: 19px; line-height: 19px; background-repeat: no-repeat; background-position: 50% 1px; }
.vbwForm .required { background-image: url(../i/required.gif); vertical-align: top; }
.vbwForm .fieldError { font-weight: bold; }
.vbwForm input, .vbwForm textarea { margin-bottom: 5px; border: solid 1px #7f9db9; background: #f8f8f5; line-height: 17px; font-size: 12px; font-weight: bold; }
.vbwForm input.t, .vbwForm textarea { padding: 2px 3px 0 3px; }
.vbwForm input.t:focus, .vbwForm textarea:focus { border: solid 1px #d00; background: #fffff0; }
.vbwForm input { width: 140px; height: 16px; }
.vbwForm textarea { width: 140px; height: 50px; }
.vbwForm input.code { width: 47px; }
.vbwForm img.cap { margin-right: 7px; vertical-align: top; }
.vbwForm label { float: left; width: 75px; margin-top: 0px; padding-top: 2px; padding-right: .2em; line-height: 19px; }
.vbwForm label strong { color: #2e418a; }
.vbwForm select { height: 17px; margin-top: 5px; border: solid 1px #7F9DB9; line-height: 17px; background: #fff; }
.vbwForm .vbwFormContent { margin: 0px 8px; padding: 0px 10px 10px 10px; border: solid 1px #7f9db9; background: #fcfcfe url(../i/xpform.jpg) repeat-x bottom; -moz-border-radius: 8px; }
.vbwForm div.f { margin: 0; padding: 0; }
.vbwForm .vbwToolbar { text-align: right; margin: 10px 10px 3px 10px; }
.vbwForm .button { padding-bottom: 2px; background: transparent url(../i/button_xp.gif); margin-left: 10px; height: 21px; width: 73px; border: none; line-height: 21px; }
.vbwForm #vbwMsgOutput { display: none; margin: 0 10px 10px 10px; padding: 15px; color: white; }
.vbwForm #vbwMsgOutput.vbwError { background: #d00; font-weight: bold; }
.vbwForm #vbwMsgOutput.vbwOK { background: #4e9a06; font-weight: normal; }
/*.vbwForm #vbwMsgOutput.vbwError { display: block !important; background: #d00; }
.vbwForm #vbwMsgOutput.vbwOK { display: block !important; background: #4e9a06; }*/

/* Info Box
-------------------------------------------------------------------------*/
#vbwInfo { margin: 5px auto 11px; border: 1px solid #fc0; background: #ffd url(../i/ico-info.png) no-repeat 5px 5px; -moz-border-radius: 8px; }
#vbwInfo .info { padding: 10px 10px 10px 55px; }
#vbwInfo p { margin-bottom: 3px; color: #000; font-weight: normal; font-size: 1.2em; line-height: 1.4em; }
#vbwInfo p.list { padding-left: 18px; background: transparent url(../i/list-01.png) no-repeat left 4px; }
#vbwInfo p.required { padding-left: 18px; background: transparent url(../i/required.gif) no-repeat left 3px; }
#vbwInfo p.pdf { padding-left: 27px; background: transparent url(../i/ico-pdf3.png) no-repeat left 3px; }
#vbwInfo p.zip { padding-left: 27px; background: transparent url(../i/ico-zip3.png) no-repeat left 3px; }
#vbwInfo ul { list-style: square; padding-left: 35px; }
#vbwInfo li { color: #2e418a; font-size: 1.1em; line-height: 1.4em; }
#vbwInfo li span { color: #000; }
#vbwInfo .r { color: #d00; }

/* Google Map
-------------------------------------------------------------------------*/
#map { border: 1px solid #687282; -moz-border-radius: 7px; }
#GLatLng { margin: 5px auto; padding: 3px; border: 1px solid #687282; background: #eceff2; color: #687282; text-align: center; font-size: 7px; -moz-border-radius: 7px; }
#firms td { padding: 4px; }

/* Stopka 
-------------------------------------------------------------------------*/
#vbwFooter { margin: 0 auto; width: 788px; }
#vbwFooter p { margin-top: 4px; color: #3f4d58; font-size: 1.1em; line-height: 1.5em; }