/*
 * site style logintrans.com.pl
 * ver: 2011
*/

/* reset style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; border:none }
body { line-height: 1 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal }

/* page style, media all */
* {padding: 0; margin: 0 }
body, form input, form textarea, form select { background: #ffffff; color: #4B5D6A; font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif normal }

/*naglowki*/
h1 {border-bottom: 1px solid #BECBD4;font-size: 16px;font-weight: bold;line-height: 30px;margin: 6px 0 16px;}
h2{font-size:15px; font-weight: bold; padding-top:20px;}
h3{font-size:14px; padding-top:6px; padding-left:10px; font-weight: bold;}
h4{font-size:12px; font-weight: bold;}
h5{font-size:10px; font-weight: bold;}
h6{font-size:8px; font-weight: bold;}


#page { width: 1000px; margin: 1px auto 1px; line-height: 18px }
#head, #box, #content, #footer { margin-top: 0px }
#head { background: url('images/bg-header.png') no-repeat 0 0; height: 10px; font-size: 0 }
#header { background: #beccd6; height: 70px }
#header .logo { float: left; position: relative; top: 0px; left: 5px }
#header .nav { float: right; position: relative; top: 18px; right: 30px; font-size: 14px; font-weight: bold; color: #ffffff }
#header .nav img { left: -10px; position: relative; top: -6px; }
#header .content { float: right }

.signup a { display: inline-block; background: url('images/button-pobierz.png') no-repeat 0 0; width: 237px; height: 55px; margin-top:5px;margin-bottom:5px; }
.signup a:hover { background-position: 0 -55px }
.tlo-button {	background: url('images/tlo-button.jpg') no-repeat 0 0; width:260px; height: 126px; margin:17px 10px 10px 25px; text-align: center; }

#header .corner-left, #header .corner-right { background: url('images/bg-corner-top.png') no-repeat; width: 6px; height: 6px; font-size: 0 }
#footer .corner-left, #footer .corner-right { background: url('images/bg-corner-bottom.png') no-repeat; width: 10px; height: 12px; font-size: 0 }
#header .corner-left { background-position: 0 0; float: left }
#header .corner-right { background-position: 0 -6px; float: right }
#footer .corner-left { background-position: 0 0; float: left }
#footer .corner-right { background-position: 0 -12px; float: right }

#box .mainmenu {background: url('images/bg-navi-header.png') repeat-x scroll 0 0 #596B79; border-bottom: 0px solid #FFFFFF; border-top: 1px solid #FFFFFF; height: 30px; line-height: 30px;clear: both;}
#box .mainmenu .googleplus { position: relative; float: right; padding-right: 10px; padding-top: 3px; }
#box .menu {padding-top:0px; padding-bottom:0px; padding-left:20px; padding-right:15px;}
#box a:hover {color: #beccd6; text-decoration: underline;}
#box a {color:#FFFFFF; text-decoration:none;}
#box .separator {background: url('images/bg-navi-separator.png') no-repeat scroll 100% 0px transparent; padding:5px;}
/*#box .zielony {background: url('images/bg-zielony.png') repeat-x scroll 0 0 #596B79; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; height: 150px;}*/
#box .zielony {background: #bfccd5; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; height: 160px;}
#box .foto {float: left; height: 160px;  padding-top:0px; margin-left:0px; margin-right: 0px; width: 693px;}
#box .tlobutton {background: url("images/tlo-button.jpg"); float: left; height: 160px;  padding-top:0px; margin-left:0px; margin-right: 0px; width: 285px;}
#box .txt {padding-top:10px;line-height: 25px;  font-weight: bold;float:left;width:300px;}
#box .button{padding-top: 35px;}
#content { float: left; overflow: hidden; position: relative; background: none repeat scroll 0 0 #BFCCD5; }
#content a.caption { background: url('images/lnk-more-sidebar.png') no-repeat scroll 100% 0 transparent;  padding: 0 24px 0 0; }
#content a.caption:hover { background: url('images/lnk-more-sidebar-hover.png') no-repeat scroll 100% 0 transparent; text-decoration: underline; }
#content a:hover {color: #beccd6; text-decoration: underline;}
#content a {color:#4B5D6A; text-decoration:none;}
#content .cont { background:#FFFFFF; width:673px; float:left;padding-top:10px; padding-right:20px; padding-bottom:25px; margin-bottom: -9000px;  padding-bottom: 9000px; z-index: -100; }
#content .rightmenu {background:#BFCCD5; width:307px; float:right; padding-bottom:25px; }
#content ul { list-style-type: none; padding: 4px 0 0 12px; }
#content li { padding: 0; }
#content .cont li {background: url('images/bg-list-style-content.png') no-repeat scroll 0 8px transparent; padding: 4px 22px;}
#content-right .submenu .menu li a {font-size: 12px;}
#content-right a {color: #5F7485;text-decoration: none;}
#content-right a:hover {color: #32434b;text-decoration: underline;}
#content p {line-height:20px;}

#button { margin-left:6px; background: url('images/button.png') no-repeat 0 0; width: 239px; height: 46px; display: block; text-indent: -9999px; border: none; cursor: pointer }
#button:hover { background-image: url('images/button-hover.png') }
#box #buttons {float: left;padding: 50px;}

.box-dark { background: #769d3f; color: #ffffff; margin: 12px; height: 160px; width:306px; }
.box-dark .text { padding-bottom: 0 }
.box-dark .corner-top-left, #content-right .box-dark .corner-top-right { background: url('images/bg-corner-sidebar-dark.png') no-repeat; width: 10px; height: 10px; font-size: 0 }
.box-dark .corner-top-left { background-position: 0 0; float: left }
.box-dark .corner-top-right { background-position: 0 -10px; float: right }
.box-dark .corner-bottom-left, #content-right .box-dark .corner-bottom-right { background: url('images/bg-corner-sidebar-dark.png') no-repeat; width: 10px; height: 10px; font-size: 0 }
.box-dark .corner-bottom-left { background-position: 0 -30px; float: left }
.box-dark .corner-bottom-right { background-position: 0 -20px; float: right }


#content-right .box-light {background:#EAEAEA none repeat scroll 0 0; margin-top:5px; margin-bottom: 5px; margin-left:12px; margin-right:12px;}
#content-right .box-light .text { padding-bottom: 0 }
#content-right .box-light .corner-top-left, #content-right .box-light .corner-top-right { background: url('images/bg-corner-sidebar-light.png') no-repeat; width: 10px; height: 10px; font-size: 0 }
#content-right .box-light .corner-top-left { background-position: 0 0; float: left }
#content-right .box-light .corner-top-right { background-position: 0 -10px; float: right }
#content-right .box-light .corner-bottom-left, #content-right .box-light .corner-bottom-right { background: url('images/bg-corner-sidebar-light.png') no-repeat; width: 10px; height: 10px; font-size: 0 }
#content-right .box-light .corner-bottom-left { background-position: 0 -30px; float: left }
#content-right .box-light .corner-bottom-right { background-position: 0 -20px; float: right }
#content-right .menu li { padding: 2px 0; background: none }
#content-right .menu li a { padding: 4px 22px; background: url('images/bg-list-style-menu.png') no-repeat 0 4px; line-height: 18px }
#content-right .submenu .menu li a { font-size: 12px }
#content-right .clear-fix {background: none repeat scroll 0 0 #EAE9EA;}
.clear-fix {clear: both;display: block;font-size: 0;height: 0;}


#footer {background: #637484 no-repeat 0 42px; height: 50px; color: #ffffff; font-size: 12px;  clear: both; padding:10px;  }
#footer a {color:#FFFFFF; text-decoration:none; }
#footer a:hover {color:#32434b; text-decoration: underline; }
#foot { background: url('images/bg-footer.png') no-repeat 0 0; height: 10px }
#footer .moduletablelp-1 { padding: 18px 0 0 19px }