/* amber css */

/*-----------------------------------------------*/
/*                   for all                     */
/*-----------------------------------------------*/
html, body, #site { height: 100%; }
body > #site { height: auto; min-height: 100%; }

p, ul, li, ol, h1, h2, h3, h4, h5, body {margin:0; padding:0;}
a {text-decoration:none;}
a img {border:0;}

.clearfloat {clear:both;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

img {behavior: url("http://www.amberinvest.org/iepngfix.htc");}

BODY {background:#d2d2d2 url(../uploadimages/body_bg.jpg) repeat-x top; font-family:Arial, sans-serif; font-size:12px; color:#444444; margin:0; padding:0;}

#site {width:960px; margin:0 auto;}


/*-----------------------------------------------*/
/*                   header                      */
/*-----------------------------------------------*/
#index_header {width:960px; padding:0; height:300px;}
#header {width:960px; padding:0;}
#top_bar {height:60px; padding:0; background:url(../uploadimages/top_bar_bg.png) repeat-x top; border-bottom:0px solid red;}

/* menu */
#menu {width:674px; float:left; display:inline; padding:20px 0 0 40px; background:url(../uploadimages/menu_bg.png) no-repeat top left; height:40px;}
#menu ul {list-style-type:none;}
#menu ul li {float:left; padding:0 0 0 0px;   display:inline; }
#menu ul li a {color:#ffffff; padding:0 10px 0 12px; outline:none;}
#menu ul li a:hover {color:#60c9f2; background:url(../uploadimages/menu-arrow.gif) no-repeat left top;}
#menu ul li.active a {color:#60c9f2; background:url(../uploadimages/menu-arrow.gif) no-repeat left top; outline:none;}

/* baner */
#baner {width:246px; float:right; display:inline;}

/* flaszka */
#flaszka {background:url(../uploadimages/flaszka_bg.jpg) no-repeat top; width:960px; height:172px;}

/*-----------------------------------------------*/
/*                   content                     */
/*-----------------------------------------------*/
#content {background:url(../uploadimages/content_bg.png) repeat-x top #dddddd; width:915px; padding:0 0px 118px 45px; border:0px solid red;}
#okruszki {padding:25px 0; color:#777777;}
#okruszki a {color:#1e5c7c;}

/* ///////////// tresc ////////////// */

#tresc {width:565px; float:left; padding:0 10px 20px 0;}
#tresc p {padding:10px 0; text-align:justify; line-height:1.7;}
#tresc ul, ol {padding:0; text-align:justify; line-height:1.7; margin:0 0 0 25px;}
#content h1 {font-family:Trebuchet MS, sans-serif; color:#042842; font-size:20px; font-weight:normal; padding:0 0 10px 0;}
#tresc h2 {font-family:Trebuchet MS, sans-serif; color:#042842; font-size:16px; padding:10px 0 0 0;}
#tresc a {color:#1e5c7c;}

/* wydarzenia */
.even, .odd {padding:15px 0; border-bottom:1px dashed #666666;}
.even .data, .odd .data {color:#999999;}
#tresc p.data {padding:0;}
#tresc p.more {padding:0;}
#tresc p.more a {color:#1e5c7c; background:url(../uploadimages/menu-arrow.gif) no-repeat left center; padding:2px 0 2px 15px;}

/* formularze */
form fieldset {border:0;}
form td.pole input {width:300px; border:1px solid #666666;}
form td.opis {text-align:right; width:200px; padding:10px 15px 10px 0;}
form td.doswiadczenie {padding:2px 0px 2px 0;}
form td.send {padding:5px 0px 5px 0; text-align:right;}
form td.send input {background:#333333; color:#ffffff; border:0; text-transform:lowercase; font-weight:bold; padding:3px; font-size:11px;}
form td textarea {width:300px; height:100px;}
form input#regulamin_1 {margin:0 10px 0 0;}

form td.prawe_pole input {width:250px; border:1px solid #666666; padding:4px;}
form td.left_title {font-weight:bold; padding:20px 0 0 0;}
form td.left_opis {text-align:right; padding:0 8px 0 0; width:100px;}
form td.pytanie {padding:15px 0 5px 0; color:#000000;}
form td.zadaj_pytanie {padding:20px 0 0 0;}
form td.left_check {padding:20px 0; text-align:right;}
form td.zglos_sie {padding:12px 0;}
form td.zglos_sie input {background:#333333; color:#ffffff; border:0; text-transform:lowercase; font-weight:bold; padding:3px; font-size:11px;}

/* forum mapki  */
.mapka_forum {width:470px; height:340px;}


/* zespol */
ul#zespol {list-style-type:none; margin:0;}
ul#zespol li {padding:10px 0;}

/* galeria */
ul#galeria {list-style-type:none; margin:15px 0 0 15px;}
#galeria li {float:left; display:inline; padding:0 5px;}
#galeria li div {width:160px; overflow:hidden; text-align:center; height:120px;}
#galeria p {font-size:11px; width:160px; padding:0 0 8px 0; text-align:center;}

/* ///////////// prawa kolumna ////////////// */

#right_col {float:left; display:inline; color:#1e5c7c; min-height:360px; height:auto !important; height:360px; width:305px; background:url(../uploadimages/right_col_bg.jpg) no-repeat top left; padding:40px 0 20px 35px;}
#right_menu {padding:25px 0;}
#right_menu ul {list-style-type:none; margin:0; padding:0;}
#right_menu ul li {background:url(../uploadimages/menu-arrow.gif) no-repeat left center; padding:2px 15px;}
#right_menu ul li a {color:#1e5c7c;}
#right_menu ul li.wybrany a {color:#60c9f2;}



/*-----------------------------------------------*/
/*                   index                       */
/*-----------------------------------------------*/
BODY.index {background:#d2d2d2 url(../uploadimages/index_body_bg.jpg) repeat-x top; font-family:Arial, sans-serif; font-size:12px; color:#444444;}
#index_site {width:960px; margin:0 auto;}

#index_flaszka {background:url(../uploadimages/index_flaszka_bg.jpg) no-repeat top; width:960px; height:240px; position:relative;}
#lang {position:absolute; right:33px; top:14px;}
#lang img {padding:0 6px 0 0;}

#bigbanner {position: absolute; z-index: 100; background-color:#ff0;}

/* /////////////// boxy ////////////////// */
#big_box {width:960px; height:330px; color:#ffffff; font-family:Trebuchet MS, sans-serif;}
#big_box h1 {font-weight:normal; font-size:18px; padding:0 0 10px 0;}
#big_box a {color:#ffffff; background:url(../uploadimages/menu-arrow.gif) no-repeat left center; padding:2px 0 2px 15px; line-height:1.6;}

/* big_box1 */
#big_box1 {background-image:url(../uploadimages/top_bigbox1_bg.jpg); width:325px; float:left; display:inline; height:330px; position:relative;}
#big1_tresc {position:absolute; bottom:70px; left:40px; width:265px;  font-size:14px;}
#big_box1 p.read_more {position:absolute; bottom:20px; left:40px;}

/* big_box2 */
#big_box2 {background-image:url(../uploadimages/top_bigbox2_bg.jpg); width:310px; float:left; display:inline; height:330px; position:relative;}
#big2_tresc {position:absolute; bottom:70px; left:20px; width:265px;  font-size:14px;}
#big_box2 p.read_more {position:absolute; bottom:20px; left:20px;}

/* big_box3 */
#big_box3 {background-image:url(../uploadimages/top_bigbox3_bg.jpg); width:325px; float:left; display:inline; height:330px; position:relative;}
#big_box3_flash {position:absolute; bottom:0; right:20px;}

/* /////////////// index_content /////////////// */
#index_content {background:url(../uploadimages/index_content_bg.jpg); height:236px;}
#index_content h1 {font-weight:normal; font-size:18px; padding:15px 0 10px 0; font-family:Trebuchet MS, sans-serif;}
#index_content h2 {font-size:12px; border-bottom:1px dashed #444444; padding:4px 0;}
#index_content a {color:#1e5c7c; background:url(../uploadimages/menu-arrow.gif) no-repeat left center; padding:2px 0 2px 15px;}

/* content_box1 */
#content_box1 {width:635px; position:relative; float:left; display:inline;}
#content_box1 h1 {padding:15px 0 10px 40px;}
.kropki {position:absolute; top:20px; z-index:20; right:20px;}

.news {padding:0px 20px 20px 40px;}
.news p {padding:8px 0; line-height:1.4;}
div.news p.data {font-size:11px; padding:0;}
div.news p.view_old {position:absolute; bottom:0px; right:40px; padding:0;}
div.news p.more {position:absolute; bottom:0; left:40px; padding:0;}

/* content_box2 */
#content_box2 {width:270px; float:left; display:inline; padding:0 20px; position:relative;}
#rotator {cursor: pointer; overflow: hidden; margin: 0 auto; position: relative; width: 270px; height:147px;}
#rotator img {border: 0; cursor: pointer;}
#content_box2 p.view_old {float:right; padding:10px 0 0 0;}

/* content_box3 */
#content_box3 {width:285px; float:left; display:inline; padding:0 20px;}
#content_box3 p {padding:20px 0 0 0; line-height:1.4;}
#newsletter {padding:30px 0 20px 0;}
#newsletter_input {background:url(../uploadimages/newsletter_bg.jpg) no-repeat; float:left; width:175px; margin:17px 3px 0px 0px; display:inline;}
#newsletter_input input {width:166px; height:18px; border:0; background:none; color:#777777; padding:4px;}
#przycisk_input {float:left; margin:16px 0 0 0;}

#content_box3 p.grey {color:#777777; font-size:11px; padding:0;}
#index_content p.grey a {text-decoration:underline; background-image:none; color:#777777; padding:0;}


/* index footer */
#index_footer {background:url(../uploadimages/footer_bg.png); width:100%; height:118px; color:#151515; clear: both; position: relative; z-index: 10; font-size:11px;}

/*-----------------------------------------------*/
/*                   weryfikator                 */
/*-----------------------------------------------*/
#big_tresc {width:900px;}
#weryfikator {width:900px; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); background:url(../uploadimages/wer_bg.jpg) repeat-y center top; padding:0 0 20px 0;}

/* left
---------------- */
.nr_pytania {padding:0 0 20px 0;}
#wer_left {background:url(../uploadimages/wer_left_bg.jpg) no-repeat 0 top; width:564px; min-height:265px; height:auto !important; height:265px; padding:10px 25px 0 25px; color:#ffffff; float:left;}
#wer_left h1 {color:#64b4fc; font-weight:normal; font-size:16px; padding:0 0 20px 0;}
#wer_left p {line-height:1.6;}
#wer_left p.hide {}
#wer_left a.read_more {background:url(../uploadimages/wer_arrow.jpg) no-repeat left; color:#64b4fc; display:block; padding:0 0 0 15px; margin:10px 0 0 0;}

.odpowiedz {background:#4c99fd url(../uploadimages/odpowiedz_bg.jpg) repeat-x 0 top; margin:20px 0; padding:5px 15px;}
.odpowiedz_radio {line-height:2.2;}

.slidebar {background:#4c99fd url(../uploadimages/odpowiedz_bg.jpg) repeat-x 0 top; margin:20px 0; padding:15px;}

.zero {float:left; width:30px; padding:10px 0 0 0;}
.sto {float:left; width:30px; padding:10px 0 0 15px;}
#track-left {position: absolute; width: 5px; height: 28px; background: transparent url(../uploadimages/slider-images-track-left.png) no-repeat center left;}
#track {background: transparent url(../uploadimages/slider-images-track-right.png) no-repeat center right; width:200px; height:28px; margin:0 auto; float:left;}
#handle {width:12px; height:28px; cursor:pointer;}
.bar {width:275px; margin:0 auto;}
#debug {text-align:center; margin:0 auto; width:200px; clear:both;}


.sterowanie {border-top:1px solid #ffffff; padding:15px 0 0 0;}
.sterowanie a.back {float:left; display:inline;}
.sterowanie a.next {float:right; display:inline;}




/* right
---------------- */
#wer_right {background:url(../uploadimages/wer_right_bg.jpg) no-repeat 0 top; float:right; width:246px; padding:0 20px;}
.wer_right_title {color:#ffffff; padding:10px 0 20px 0;}

#wer_right ul {color:#aeb5bb; padding:0; margin:20px 0px 0px 0; list-style-type:none;}
#wer_right ul p {color:#1e3246;}
#wer_right ul li {background:url(../uploadimages/wer_list_bg.jpg) no-repeat left center; padding:8px 0 8px 30px; margin:0;}
#wer_right ul li.etap {color:#4b99fd; background:url(../uploadimages/wer_etap.jpg) no-repeat left center;}
#wer_right ul li.etap p {color:#4b99fd;}


/*-----------------------------------------------*/
/*                   footer                      */
/*-----------------------------------------------*/
#footer {background:url(../uploadimages/footer_bg.png); width:100%; height:118px; color:#151515; clear: both; position: relative; z-index: 10; margin-top: -118px; font-size:11px;}
#boxes {width:960px; margin:0 auto; padding:0;}
#boxes a {font-weight:bold; color:#151515;}
#box1, #box2 {background:url(../uploadimages/box_bg.png) no-repeat right center; float:left; display:inline;}
#box1 {width:326px; }
#box2 {text-align:center; width:308px; height:68px; padding:50px 0 0 0;}
#box3 {width:326px; float:left; display:inline; text-align:right;}