/*=====================================================================================
  Name:       UTECH
  Started:    Lipiec, 2011
=======================================================================================*/



/*=====================================================================================
======================================= STARTER =======================================
=======================================================================================
  Reset
=======================================================================================*/
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a, ins, del { text-decoration: none; }
blockquote, q { quotes:none; }
ul, ol { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; }
blockquote:before, blockquote:after, q:after, q:before { content: ""; }
/*=====================================================================================
  Basic Styles
=======================================================================================*/
body { background: #fff; color: #fff; font-family: "Century Gothic", "Arial", "Verdana", sans-serif; font-size: 12px; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
address, cite, dfn { font-style: normal; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Century Gothic", "Arial", "Verdana", sans-serif; }
a { color: #36A2DA; text-decoration: none; }
a:hover, a:active { color: #DA0043; text-decoration: underline; }
p { line-height: 20px; }
/*=====================================================================================
  Accessibility
=======================================================================================*/
.accessibility { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
/*=====================================================================================
  Clearfix
=======================================================================================*/
.clearfix:after,
.top-menu:after,
.uc-c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }



/*=====================================================================================
======================================= STYLING =======================================
=======================================================================================
  Layout
=======================================================================================*/
.container { width: 912px; margin: 0 auto; position: relative; height: 846px; }
#header {}
#content {}
#sidebar {}
#footer {}

#baner { position: absolute; width: 100%; display: none;  z-index: 1000; padding: 130px 0px 0px 0px; }
.home #baner { display: block; }
#baner a { display: block; width: 800px; height: 560px; background: url('../images/utech_baner_01.jpg') no-repeat top left; margin: 0 auto; position: relative; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0px 0px -0px; overflow: hidden; }
html, body { height: 100%; }
#footer, .push { height: 0px; background: #F00; }
body { background: url(../images/bg-body.jpg) repeat-x #535f6d; }

.home .container { background: url(../images/bg-glowna.jpg) no-repeat top left; }

.logo { position: absolute; margin: 45px 0px 0px 500px; text-indent: -9999em; }
.logo a { display: block; width: 556px; height: 80px; background: url(../images/logo.png) no-repeat top left; }

.page-content { position: absolute; margin: 253px 0px 0px 120px; color: #3a4a54; font-size: 14px; text-align: justify; }
.page-content p { padding: 0px 0px 10px 0px; }
.page-content h2 { font-size: 18px; padding: 0px 0px 10px 0px; }
.page-content ul { padding: 0px 0px 0px 20px; }
.page-content ul li { list-style: disc; padding: 0px 0px 10px 0px; }

.category-4 .page-content h2 { font-size: 14px; padding: 0px 0px 0px 0px; }
.category-4 .page-content h4 { font-size: 18px; padding: 0px 0px 10px 0px; }

.category-4 .page-content h2 a { color: #3A4A54; }


#scrollbar1 { width: 670px;  }
#scrollbar1 .viewport { width: 650px; height: 350px; overflow: hidden; position: relative;  }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-left: 10px; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #00173e; }
#scrollbar1 .scrollbar { position: relative; float: left; width: 10px; }
#scrollbar1 .track { height: 100%; width:10px; position: relative; padding: 0px; border-right: 1px solid #00173e; }
#scrollbar1 .thumb { height: 18px !important; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#scrollbar1 .disable{ display: none; }

.home #scrollbar1 .viewport { height: 500px; }

.home .top-menu { background: url(../images/bg-menu-00.png) no-repeat 0px 5px; }
.home .container {  }
.page-id-8 .top-menu { background: url(../images/bg-menu-01.png) no-repeat 0px 5px; }
.page-id-8 .container { background: url(../images/bg-firma.jpg) no-repeat top left; }
.page-id-10 .top-menu { background: url(../images/bg-menu-02.png) no-repeat 0px 5px; }
.page-id-10 .container { background: url(../images/bg-dzialalnosc.jpg) no-repeat top left; }
.page-id-12 .top-menu { background: url(../images/bg-menu-04.png) no-repeat 0px 5px; }
.page-id-12 .container { background: url(../images/bg-kontakt.jpg) no-repeat top left; }
.category-4 .top-menu { background: url(../images/bg-menu-03.png) no-repeat 0px 5px; }
.category-4 .container { background: url(../images/bg-grupa.jpg) no-repeat top left; }

.page-id-8 #menu-item-16 a { color: #00173e; }
.page-id-10 #menu-item-14 a { color: #00173e; }
.page-id-12 #menu-item-15 a { color: #00173e; }
.category-4 #menu-item-17 a { color: #00173e; }



.page-id-12 #scrollbar1 .overview { color: #01264b; padding-left: 400px; }
.page-id-12 #scrollbar1 { width: 720px;  }
.page-id-12 #scrollbar1 .viewport { width: 700px; height: 300px; }
.page-id-12 a { color: #01264b; }

.category-4 #scrollbar1 { width: 760px;  }
.category-4 #scrollbar1 .viewport { width: 740px; }

.category-4 .list-info { float: left; display: inline; width: 520px; }
.category-4 .list-thumb { float: right; display: inline; width: 200px; }

.google_map { display: none; }
.page-id-12 .google_map { display: block; position: absolute; margin: 0px 0px 0px -80px; }
.page-id-12 .google_map a { color: #01264b !important; }

/*=====================================================================================
  Header
=======================================================================================*/


/*=====================================================================================
  Navigation
=======================================================================================*/
.top-menu { position: absolute; margin: 176px 0px 0px -30px; width: 998px; }
.top-menu  li { float: left; display: inline; }
.top-menu a { display: block; font-size: 18px; color: #FFF; text-decoration: none; border-left: 1px solid #FFF; padding: 8px 25px; width: 140px; text-align: center; font-weight: bold; }
.top-menu .menu-item-16 a { border: none; margin-left: 100px; }



/*=====================================================================================
  Content
=======================================================================================*/


/*=====================================================================================
  Footer
=======================================================================================*/
.under-content { width: 912px; margin: 0 auto; position: relative; height: 50px; padding: 15px 0px 0px 0px; }
.under-content,
.under-content a { color: #FFF; font-size: 12px; font-family: Arial; }
.langs { float: right; display: inline; width: 68px; height:19px; }
.langs ul { padding-left: 10px; }
.langs li { float: left; display: inline; padding: 0px 0px 0px 10px; }

.rights { display: block; float:right; }
.rights p{ text-align: right; color: #EEE; font-size: 11px; font-family: Arial; }