/* structure */

* { padding: 0; margin: 0; }

body, html { padding: 0; margin: 0; }

body { width: 780px; margin: 0 auto; }

#sites { height: 20px; line-height: 20px; }

.top.left { float: left; width: 150px; height: 150px; }

.top.right { float: right; width: 630px; height: 150px; background-image: url("/externals/images/zamiast-flash-w3style.jpg"); background-repeat: no-repeat; }

.top.left img, .top.left { border: 0; }

.top.right img, .top.left { border: 0; }

#subtitle { clear: both; height: 25px; }

#menu { float: left; width: 150px; }

#content { float: right; width: 590px; position: relative; padding: 20px !important; }

#code { clear: both; height: 20px; line-height: 20px; }

#code img { border: 0; margin-bottom: -4px; }



/* cosmetics */



html { background-color: #036; font-family: Arial, Tahoma; }

body { background-image: url('/externals/images/t_all.gif'); }



#sites { background-color: #000; color: #8AB9F9; font-size: 12px; font-weight: bold; text-align: right; }

.top, .top * { display: block; }

.top.left { background-image: url('/externals/images/paw_a.jpg'); cursor: pointer; }

#subtitle { background-image: url('/externals/images/t_underheader.jpg'); color: #FFF; font-weight: bold; text-align: right; }

#subtitle h2 { margin: 4px 20px 4px 0; font-size: 14px; }

#menu { background-color: #F1FCD6; font-family: Arial, Tahoma; color: #6a6301; }

#content { background: url('/externals/images/t_content.gif'); background-repeat: no-repeat; padding: 20px 0; }

#code { color: #8AB9F9; font-size: 11px; text-align: right;  background-color: #036; }

div#end { background: url('/externals/images/end-menu.gif'); width: 150px; height: 100px;}

#sites a { color: #8ab9f9; text-decoration: none; }

#sites a:hover { color: #fff; }

#content * { font-size: 12px; }

#content p, #content ul  { margin: 5px 5px 7px 20px; }

#content address { margin: 4px 20px 7px 20px; }

#content address p { margin: 0 !important; }

#content li  { margin: 2px 0 3px 15px; list-style-image: url(images/bluedot.gif); list-style-type: none; }

#content li li { margin: 0 0 0 15px; list-style-image: url(images/bluedot-sm.gif); list-style-type: none; }

#content a { color: #034ba4; text-decoration: none; }

#content a:hover { color: #0328ea; text-decoration: underline; }

#content h1 { color: #fff; font-weight: bold; font-size: 18px; text-align: right; 

              position: absolute; width: 585px; top: -24px; left: 0; }

body#text_index #content h1, body#text_tryb #content h1, body#text_slowniczek #content h1 { width: 608px !important; }

body#text_slowniczek #content li, body#text_tryb #content li { clear: left; list-style-image: none !important; text-align: justify;  margin: 0 0 20px 0; }

#content h1 span { font-size: 10px; line-height: 10px; border-top: 1px dotted white; border-top: 1px solid white; padding-left: 1px; }

#content h2 { font-weight: bold; font-size: 16px; margin: 20px 5px 15px 20px; }

#content h3 { color: #0093DA; font-weight: bold; font-size: 12px; margin: 15px 5px 10px 20px; }

#content h5 { color: #000; font-weight: bold; font-size: 11px; margin: 8px 5px 6px 30px; }

#content h6 { color: #000; font-weight: normal; font-size: 12px; margin: 5px 5px 3px 35px; padding: 5px 5px 5px 10px; background: url('/externals/images/t_h5.gif'); background-repeat: no-repeat; left: -10px; }

#content h4 { color: #919191; font-weight: bold; font-size: 11px; margin: 10px 5px 8px 20px; padding: 5px 5px 5px 20px; background: url('/externals/images/t_h4.gif'); background-repeat: no-repeat; left: -10px; }



#content ol.demos img { border: 2px solid #fff !important; }

#content a:hover { color: #1788a4; text-decoration: none; }  

/* url-specific code */



#menu h2 { width: 138px;  padding: 2px 6px; margin: 2px 0px; background-color: #FFD736; 

		   font-size: 11px; font-weight: bold; color: #000; text-align: left; color: #6a6301; }

#menu h3 { font-size: 11px; font-weight: normal; text-align: left;  

              padding: 0 1px 5px 5px; margin: 0 1px 5px 5px; }

#menu form { padding: 0 0 0 4px; margin: 0; font-size: 11px; font-weight: normal; text-align: left; }

#menu form p { padding: 4px 0 0 0; margin: 4px 0 0 0; }

#menu form select { width: 120px; height: 20px; border: 2px solid #FFD736; color: #8AB9F9; font-size: 11px; }

#menu form option { margin: 0 0 0 2px; border-bottom: 1px solid #FFD736; font-size: 11px; }

#menu form input { font-size: 11px; font-weight: normal; text-align: left; }

#menu ul { font-size: 11px; font-weight: normal; text-align: left; list-style-image: url('/externals/images/li-menu_a.gif'); padding: 0; margin: 0 0 0 40px;  }

#menu ul li { border-bottom: 1px solid #FFD736; padding: 0; margin: 0 0 0 -20px;  }

#menu ul li a { border-bottom: 1px solid #FFD736; text-decoration: none; list-style-image: url('/externals/images/li-menu_a.gif'); padding: 0; margin: 0; color: #6a6301; }

#menu ul li a:hover { border-bottom: 1px solid #FFD736; text-decoration: none; list-style-image: url('/externals/images/li-menu_b.gif'); color: red; padding: 0; margin: 0; }



#content p { margin: 4px 20px 7px 20px; 

             font-size: 12px; font-weight: normal; text-align: justify; }

#menu p { margin: 7px 4px 0 4px; 

          font-size: 11px; font-weight: normal; text-align: left; }

#menu dl { font-size: 11px; text-align: left; padding: 4px 6px 15px 6px; font-weight: normal; }

#menu dd { margin: 4px 0px 15px 0px; font-weight: bold; }

#demo img { border: 0; width: 142px; height: 100px; }



#demo_large img { border: 2px solid #fff; margin-left: 20px; } 

.kontekst { background-color: #FFF; margin: 10px 0; border: 1px solid #0093DA; }

.kontekst h3 { background-image: url('/externals/images/t_kontekst.gif'); background-repeat: no-repeat; background-position: left; height: 34px; width: 243px; margin: 5px !important; padding: 0; 

                  font-size: 12px; font-weight: bold; text-align: left; color: #0093DA; text-indent: 4px; }

.kontekst p, .kontekst ul, .kontekst img { padding: 0 3px 3px 3px; margin: 0 3px 3px 3px !important; color: #0093DA; font-size: 11px; font-weight: normal; text-align: justify; }

.kontekst ul { list-style-type: none;  margin-left: 20px; margin-bottom: 8px; }

.kontekst li { list-style-image: url('/externals/images/li_kontekst.gif'); margin-bottom: 4px; }

.kontekst p { margin-bottom: 8px !important; }

.kontekst img a { border: 0; }

.kontekst a img { border: 0; }



ol.plans li { width: 141px; height: 160px; list-style-type: none; }

.plans li { float: left; display: block; margin: 0 6px 0 0 !important; padding: 0 !important; position: relative; }

.plans .first, .plans .second, .plans .third, .plans .fourth { background: white no-repeat top right; }

.plans .first { background-image: url('/externals/images/plan1-color.gif'); }

.plans .second { background-image: url('/externals/images/plan2-color.gif'); }

.plans .third { background-image: url('/externals/images/plan3-color.gif'); }

.plans .fourth { background-image: url('/externals/images/plan4-color.gif'); margin: 0 !important;}

.plans p { position: absolute; top: 70px; right: 0; text-align: right !important; font-size: 10px !important; line-height: 12px; }

.plans p a { font-size: 10px !important; }

.plans p a:hover { font-size: 10px !important; color: #ffcd00; }

ol.plans p span { position: absolute; top: 62px; right: 0; text-align: right !important; font-size: 11px; font-weight: bold !important; color: #ffcd00; line-height: 12px;  }

.plans p.arr { position: absolute; width: 128px; top: 145px; left: 0; text-align: left !important; border-top: 1px solid #0093DA; }

p.komunikat { color: red; }



#sml, #smr { width: 290px; overflow: hidden; }

#smr { float: right; }

#sml { float: left; clear: both; }

.big { clear: both; }

#valid { background-image: url('/externals/images/t_valid.jpg'); background-repeat: no-repeat; background-position: top right; }

#dostepnosc { background-image: url('/externals/images/t_dostepnosc.gif'); background-repeat: no-repeat; background-position: top right; }

#dostepnosc.kontekst.big p { margin-right: 100px !important; text-align: left; }





.demos li { width: 220px; height: 220px; float: left; margin: 15px 20px; padding: 15px 20px; font-size: 8pt; text-align: center; }

.demos, .demos li { list-style-image: none !important; list-style-type: none !important; }



.go a { background-image: url('/externals/images/go.gif'); background-position: right; background-repeat: no-repeat; padding-right: 15px; border-bottom: 1px solid #034ba4;  text-decoration: none; }



#menu h2 { clear: both; }

#search form { padding-top: 10px; background: #FFD736 url('/externals/images/t_szukaj.gif') top no-repeat; }

#search input { display: inline; padding: 2px; border: 0; margin: 5px; font-size: 11px;  }

#search .a { width: 43%; color: #0093DA; }

#search .b { width: 33%; color: #6a6301; background: #ffd736; font-weight: bold !important; }

#search .b, #poll input { cursor: pointer; }



#poll input.submit { display: block; width: 135px; height: 16px; border: 0; margin-left: -4px; background: url('/externals/images/glosuj_a.gif'); content: ''; font-size: 0; text-indent: -10000px; }

#poll input.submit:hover { background: url('/externals/images/glosuj_b.gif'); }

#poll input.submit:focus { background: url('/externals/images/glosuj_c.gif'); }

#poll li { padding-left: 0; margin-left: -4px; }

#poll dd { font-weight: normal; } 

#poll small, #poll h3 { font-weight: bold; } 



#code a { color: #b8ffe2; text-decoration: none; }

#code a:hover { color: #fff; }



div.space { height: 400px; }

#wizytowka1, #wizytowka2, #wizytowka3, #wizytowka4 { position: absolute; }

#wizytowka1 { left: 90px; top: 390px; }

#wizytowka2 { left: 350px; top: 390px; }

#wizytowka3 { left: 90px; top: 580px; }

#wizytowka4 { left: 350px; top: 580px; }

ul#wiz-www, ul#wiz-www li { list-style-type: none !important; list-style-image: none !important; }

#wiz-www img { border: 2px solid #fff; }

div#content img#logoplan { float: left; margin: 3px 14px 0 0; }



div.team div { clear: both; padding: 0 0 40px 0; text-align: justify;}

.team .l { clear: right; }

.team .r { clear: left; }

.team .l img { float: left; margin: 0 20px 15px 0; border: 2px solid white; }

.team .r img { float: right; margin: 0 0 15px 20px; border: 2px solid white; }

.team .go { display: block; text-align: right; }



img.l { float: left; margin: 0 20px 0 0; }

img.r { float: right; margin: 0 0 0 20px; }



.comment, p.comment ul, p.comment li { color: #0093DA; }

.akcent { color: #0093DA; font-size: 14px; font-weight: bold; }



table { margin: 10px 20px; }

table, td, th { border-color: #7FD1E0; border-style: solid; }

table { border-width: 1px 0 0 1px; }

td, th { border-width: 0 1px 1px 0; }

td, th { padding: 2px; }

th { background: white; text-align: center; }

th.success, .success th { color: green; }

td.success, .success td { background: #CFF9E4; }

th.failure, .failure th { color: red; }

td.failure, .failure td { background: #E6E2E0; }



code { position: relative; background: white; margin: 3px 20px 3px 20px; padding: 5px; display: block; text-align: left; }

dfn code { display: inline; margin: 0; padding: 1px; }



#text_strona_technologia_rozwiniecie #content { width: 585px; }



.prints, .prints * { padding: 0; margin: 0; vertical-align: middle; }

.prints { width: 550px !important; height: 200px !important; overflow: auto !important; /* overflow-x: scroll; overflow-y: hidden; */ margin: 40px 20px !important; white-space: nowrap; }

.prints li { display: inline; }

.prints img { border: 2px solid white; }





.dragme { position: relative !important; }



#text_index .hint img { float: left; }

#padd { padding-bottom: 250px; }





.project_plan { margin: 20px 0 0 5px; }

.project_plan li { clear: left; list-style-image: none !important; text-align: justify;  margin-bottom: 20px;  margin-top: 0; }

.project_plan img { float: left; margin: 0 10px 10px 0; }

.project_plan li h3 { margin-top: 0 !important; }



body#text_demo #content * { padding: 0; border-width: 0; margin: 0; }

body#text_demo #content h2 { margin: 50px; }

body#text_demo #content .demo { display: none; margin: 20px; }

body#text_demo #content .third { width: 400px; height: 80px; overflow-x: auto; white-space: nowrap; }

body#text_demo #content .third * { display: inline; }

body#text_demo #content li { list-style-image: none; list-style-type: none; }



body#text_demo #content .magnification { display: block; border: 2px solid blue; margin: 50px; }

body#text_demo #content object { width: 200px; height: 200px; }