/* ---------------- MEYER'S RESET ------------------*/
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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background-image: transparent;}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* --------------- END RESET ----------------- */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}
.home{
    display: block;
    width: 647px;
    height: 200px;
    position: absolute;
    top: 59px;
}
html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body{
    background: #a40909 url(img/background.jpg) no-repeat;
    background-position: center 285px;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 13px;
    line-height: 1.3em;
}
.clear{clear: both;}
.fleft{float: left;}
.fright{float: left;}
/*.kol{  width: 300px;}*/

sub{ font-size: 60% !important; }

h1{
    font-size: 26px;
    font-family: georgia;
    /*border-bottom: 1px solid #fcfa7d;*/
    color: #fcfa7d;
    margin: 30px 0;
    text-align: center;
}
h2{
    font-size: 20px;
    font-family: georgia;
    border-bottom: 1px solid #fcfa7d;
    color: #fcfa7d;
    margin: 25px 0 20px;
}
h3{
    font-size: 18px;
    font-family: georgia;
    color: #fcfa7d;
    margin: 20px 0 15px;
}
h4{
    font-size: 16px;
    font-family: georgia;
    font-weight: bold;
    color: #fcfa7d;
    margin: 15px 0 10px;
}
h5{
    font-size: 14px;
    font-weight: bold;
    font-family: georgia;
    margin: 10px 0 5px;
}
h6{ /*zarezerwowany dla prawej kolumny*/
    font-size: 16px;
    font-weight: bold;
    font-family: georgia;
    color: #c88037;
    line-height: 28px;
    padding-left: 20px;
}
p{
    margin: 10px;
    text-indent: 20px;
}
ul{
    margin: 20px 20px 20px 50px;
}
li{
    padding: 5px;
    list-style: disc;
}
a, a:link{text-decoration: underline; color: #94b35d;}
a:visited{ color: #94b35d;}
a:hover{ color: #c8e09d;}

/* -------------- TOPBAR -------------------- */
#top{
    width: 100%;
    height: 291px;
    background: #1c1c1f url(img/grad_top.jpg) repeat-x;
}
#topbar{
    margin: 0 auto;
    /*width: 1058px;*/
    width: 969px;
    height: 252px;
    background: url(img/topbar.jpg) no-repeat;
    background-position: -97px 0;
  /*  padding-right: 98px;*/
    position: relative;
}
.logo_top{
    width: 101px;
    height: 252px;
    background: url(img/topbar.jpg) no-repeat;
    position: absolute;
    left: -97px;
}
.logo{
    width: 338px;
    height: 138px;
    background: url(img/logo_bottom.jpg) no-repeat;
    position: absolute;
    top: -67px;
    left: -57px;
    z-index: 10;
}
#shadow{
    width: 969px;
    margin: 13px auto;
    background: url(img/shadow_right.jpg) repeat-y;
    background-position: right;
    position: relative;

}
.shadow_corner{
    width: 7px;
    height: 16px;
    background: url(img/shadow_right_corner.jpg) no-repeat;
    right: -10px;
    top: -4px;
    position: absolute;
    z-index: 10;
}
#content{
    border: 4px solid #3e3e3e;
    width: 954px;
    background: #000000;
    position: relative;
    z-index: 0;
    min-height: 600px;
}

.top2{
    height: 31px;
    width: 100%;
    background: #1d1c1b url(img/pattern.jpg) repeat;
    background-position: 0px 2px;
}
.bottom{
    height: 42px;
    width: 968px;
    background: #1d1c1b url(img/footer.jpg) no-repeat;
    bottom: -11px;
    left: -3px;
    position: absolute;
}
sup{
    font-size: 70%;
    position: relative;
    bottom: 4px;
    left: 1px;
}

.contactform{ margin-bottom: 30px;}
/********** NEWSBOX ******************/
div.newsbox{
    width: 275px;
    height: 167px;
    margin-left: 677px;
    margin-top: 71px;
    position: absolute;
}
em.ramka{
    background: transparent url(img/newsbox.png) no-repeat scroll 0% 50%;
    behavior: url(http://www.agencjaavatar.pl/css/iepngfix.htc);
    display: block;
    height: 172px;
    width: 284px;
    position: absolute;
    top: -7px;
    right: -5px;
    _right: 8px;
    z-index: 5;
}
.iepngfix{ behavior: url(http://www.agencjaavatar.pl/css/iepngfix.htc); }

div.newsbox img{margin: 0px; padding: 0; border: none;} /* przesunięcie obrazka by cały zakrywany był przez ramke */
#header_img img{position: absolute;}

/*ul#news{margin:0;}*/
/*ul#newsbox img{margin:-9px 7px 0 0; border:0;}*/
/*ul#newsbox li{list-style: none; padding: 0;}*/

/********** TOP MENU *****************/
#topMenu{
    height: 40px;
    border-bottom: 3px solid #060606;
    background: #191919;
    position: absolute;
    top: 0;
    right: 0;
}
#topMenuCorner1{
    background-image: url(img/menu_top_corners.png);
    _background-image: url(img/IE_menu_top_corner.png);
    background-position: 0 -4px;
    width: 20px;
    height: 43px;
    position: absolute;
    left: -20px;
    }
#topMenuCorner2{
    background-image: url(img/menu_top_corners.png);
    _background-image: url(img/IE_menu_top_corner2.png);
    background-position: right -4px;
    width: 20px;
    height: 43px;
    position: absolute;
    right: -20px;
    }
#topMenu ul {
    position: relative;
    height: 29px;
    padding: 4px;
    margin: 0;
    overflow: hidden;
    }
#topMenu ul li {
    float: left;
    list-style: none;
    padding: 0;
}
#topMenu ul li.back {
    background: url(img/lava.gif) no-repeat right -23px;
    width: 9px; height: 23px;
    z-index: 8;
    position: absolute;
    margin-top: 5px;
}
#topMenu ul li.back .left {
    background: url(img/lava.gif) no-repeat top left;
    height: 23px;
    margin-right: 12px;
}
#topMenu ul li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    font: bold 13px verdana;
    letter-spacing: 1px !important;
    color: #fff; outline: none;
    text-align: center;
    height: 30px; top: 7px;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
    }
/********** MENU_OFERTA ************/
#menu_oferta{
    width: 200px;
    margin-top: 50px;
    border: 2px solid #171717;
    border-left: 0;
}
.menu_nag{
    width: 100%;
    height: 30px;
    background: #262626;
    position: relative;
}
.menu_corner{
    width: 25px;
    height: 23px;
    background: url(img/menu_corner.jpg) no-repeat;
    position: absolute;
    right: -2px;
    top: -2px;
}
#nav_oferta{
    color: white;
    margin: 0;
}
#nav_oferta li{
    list-style: none;
    padding: 0;
}
#nav_oferta a{
    display: block;
    text-decoration: none;
    padding: 5px 20px;
    height: 16px;
    border-top: 1px solid #232221;
    border-left: 10px solid #262626;
}
#nav_oferta a:link{color: #ffffff; font-weight: normal;}
#nav_oferta a:visited{color: #ffffff; font-weight: normal;}
#nav_oferta a:hover{border-left-color: #c88037; background-color: #1B1B1B; font-weight: normal;}
#nav_oferta a.active{
    background: #393939;
    border-left: 20px solid #c88037;
}
#nav_oferta ul.menu_2{ margin: 5px 10px 10px 37px; padding: 0;}
#nav_oferta ul.menu_2 li{ padding: 3px;}
#nav_oferta ul.menu_2 a{
    display: list-item;
    text-decoration: none;
    padding: 0;
    border-top: 0;
    border-left: 0;
}
#nav_oferta ul.menu_2 li a.active{background: none; color: #EF9B4A; text-decoration: underline;}
#nav_oferta ul.menu_2 a:hover{color: #c88037; border:0; background: none;}

.hasChildren{
    background: url(img/arrowdown.gif) no-repeat;
    background-position: right center;
    /*background-repeat: no-repeat;*/
}

/******** ADMIN MENU *********/
ul.menu_admin{
    margin: 0px 10px 5px 25px;
}
ul.menu_admin a{
    text-decoration: none;
}
ul.menu_admin a:hover{
    text-decoration: underline;
}
ul.menu_admin li{
    padding: 1px 0 2px;
}
div.admin_menu h4{
    margin: 5px 4px;
}
div.admin_menu{margin-bottom: 15px;}
/******** GŁÓWNA ***********/
/*div.glowna{margin: 0 40px;} ERROR*/
div.glowna{margin: 0 10px;}
div.box{
            -moz-opacity: 0.8; /* FF */
            filter: alpha(opacity=80); /* IE */
            _filter: none; /* IE 6*/
            opacity: 0.8;   /* opera */
            position:relative;
            float:left;
            margin: 5px;}
div.box:hover{
            -moz-opacity: 1; /* FF */
            filter: alpha(opacity=100); /* IE */
            opacity: 1;   /* opera */
}
div.box em{
            background: transparent url(img/ramka.png) no-repeat scroll 0% 50%;
            behavior: url(iepngfix.htc);
            display: block;
            height: 179px;
            width: 179px;
            position: absolute;
        }
div.box img {margin: 12px; border:0;} /* przesunięcie obrazka by cały zakrywany był przez ramke */
div.box p{ position: absolute; bottom: 4px; right: 10px; color: white; font-weight:bold;}
.big{margin-right:5px;}
/************ KONTAKT *****************/
#kontakt{
    width: 200px;
    margin: 20px 0 50px;
    border: 2px solid #171717;
    border-left: 0;
    font-size: 12px;
}
div#kontakt ul{
    color: #FFFFFF;
    margin: 10px;
}
div#kontakt li{
    padding-bottom: 5px;
    list-style: none;
}
div#kontakt h6{ font-weight: normal;}
div#kontakt .email{ background: none;}

/************ LINKI ***************/
.linki img{border: 0;}

.mod_ymovie{
    margin-left: 70px;
}
/************ FORMULARZE ***************/
form {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px;
}

form fieldset {
  clear: both;
  background: #080808;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  border: 1px solid #111;
  border-top-width: 4px;
  border-bottom-width: 4px;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form textarea, form input[type="text"], form input[type="password"]{
    background: #ddd;
    border: solid 2px #222;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    padding: 2px;
    font-family: verdana,arial,sans-serif;
    font-size: 100% !important;
}

form textarea:focus, form input[type="text"]:focus, form input[type="password"]:focus{
    background: #fff;
}

form input[type="checkbox"] { margin-right: 5px;}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 10px 7px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form input, form textarea {
	width:auto;
	margin:5px 0 0 10px;
}

textarea { overflow: auto; }

form label span.dopisek {
	font-size: 80%;
      color: #888;
}

form .required{font-weight:bold;}
form br {clear:left; }

div.buttongroup{ width: 300px; margin: 10px auto 0 auto; height: 30px;}
div.buttongroup input[type="submit"], div.buttongroup a.button{float: right;}

/*_____________________________________________
  MESSAGES  */
.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation {
    border: 1px solid;
    margin: 10px 10px 10px 30px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 530px;
    display: block;
    z-index: 1000;
    -moz-border-radius: .9em 0 .9em 0;
    border-radius: .9em 0 .9em 0;
}

.msgInfo strong, .msgSuccess strong, .msgWarning strong, .msgError strong, .msgValidation strong{ font-weight: bold; color: inherit;}

.msgInfo {
	color: #00529B;
	background-color: #BFD9E7;
	background-image: url('img/ikonki/msg_info.png');
}
.msgSuccess {
	color: #4F8A10;
	background-color: #C6DFA9;
	background-image:url('img/ikonki/msg_success.png');
}
.msgWarning {
	color: #9F6000;
	background-color: #FBDAAC;
	background-image: url('img/ikonki/msg_warning.png');
}
.msgError {
	color: #F13232;
	background-color: #FFCDCD;
	background-image: url('img/ikonki/msg_error.png');
}

/************* TEXT ***************/
#text{
    width: 650px;
    margin: 10px 49px 40px;
    _margin: 20px 20px 40px 44px;
    float: left;
}

#text div.col1{width: 315px; float: left;}
#text div.col2{width: 315px; float: right;}
#text div.col1 h2, #text div.col2 h2{font-size: 120%; margin-bottom: 1em;}

strong{font-weight:bold;}
img{ margin: 10px 15px;
    border: 1px solid #555555;
    padding: 2px;
    }
a img{
    margin: 10px 15px;
    border: 1px solid #555555;
    padding: 2px;
}
a img:hover{ border: 3px solid #555555; padding: 0;}

.floatLeft{float: left;}
.floatRight{float: right;}

/******** GALERIA ****************/
#galeria, .imagegallery{
    text-align: center;
    margin: 20px;
}
#galeria img, .imagegallery img{
    margin: 5px;
    border: 1px solid #555555;
    padding: 2px;
}
#galeria img:hover, .imagegallery img:hover{ border: 3px solid #555555; padding: 0;}
ul#galeria li, ul.imagegallery li{
    display: inline;
    list-style: none;
}
img#lightbox-image{
    border: 0;
    margin: 0;
    padding: 0;
}

/*********** TABELKI ***************/
thead th{
    text-align: center;
    vertical-align: middle;
    background: #111;
    color: white;
    font-weight: bold;
    padding: 5px;
}
table td{
    padding: 1px;
}
table tr{
    border-bottom: 1px solid #0c0c0c;
}
table tr:hover{
    background: #090909;
}

/*********** PRZYCISKI ***************/

a.button, input[type="submit"], input[type="button"]{
    font-family: 'Helvetica Neue','Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
    padding: .3em .5em;
    color: #000 !important;
    /*border: solid thin #555;*/
    border: solid 1px #555;
    /*border-bottom: solid 3px #555;*/
    /*border-right: solid 2px #555;*/
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    background-color: #E5E5E5;
    background-color: #C3C3C3;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
	margin: 5px;
      position: relative;
      line-height: 15px !important;
      font-weight: normal;
}

a.button:active, a.button:hover, a.contentbutton:hover, input[type="submit"]:hover, input[type="button"]:hover{
    background-position: bottom right;
    color: #000 !important;
    background-color: #B3B3B3;
    background-color: #E5E5E5;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}

.button.user, .button.list, .button.history,
.button.del, .button.ok, .button.attach,
.button.featuredenable, .button.featureddisable,
.button.hide, .button.show, .button.edit,
.button.save, .button.add, .button.cancel, .button.open,
.button.logout, .button.close, .button.login, .button.back, .button.print{
    background-repeat: no-repeat;
    background-position: 5px center !important;
    padding-left: 26px !important;
    cursor: pointer;
}

.del {background-image: url(img/ikonki/delete.png);}
.attach {background-image: url(img/ikonki/attach.png);}
.featuredenable {background-image: url(img/ikonki/star.png);}
.featureddisable {background-image: url(img/ikonki/star_black.png);}
.hide {background-image: url(img/ikonki/eye-crossed.png);}
.show {background-image: url(img/ikonki/eye.png);}
.edit {background-image: url(img/ikonki/edit.png);}
.save {background-image: url(img/ikonki/save.png);}
.add {background-image: url(img/ikonki/add.png);}
.cancel {background-image: url(img/ikonki/cancel.png);}
.logout {background-image: url(img/ikonki/logout.png);}
.ok {background-image: url(img/ikonki/ok.png);}
.history {background-image: url(img/ikonki/clock.png);}
.list {background-image: url(img/ikonki/book.png);}
.user {background-image: url(img/ikonki/user.png);}
.login {background-image: url(img/ikonki/login.png);}
.close {background-image: url(img/ikonki/padlock_closed.png);}
.open {background-image: url(img/ikonki/padlock_open.png);}
.back {background-image: url(img/ikonki/rewind.png);}
.print {background-image: url(img/ikonki/print.png);}

.del:hover {background-image: url(img/ikonki/delete-hover.png);}
.attach:hover {background-image: url(img/ikonki/attach.png);}
.featuredenable:hover {background-image: url(img/ikonki/star-hover.png);}
.featureddisable:hover {background-image: url(img/ikonki/star_black-hover.png);}
.hide:hover {background-image: url(img/ikonki/eye-crossed-hover.png);}
.show:hover {background-image: url(img/ikonki/eye-hover.png);}
.edit:hover {background-image: url(img/ikonki/edit-hover.png);}
.save:hover {background-image: url(img/ikonki/save.png);}
.add:hover {background-image: url(img/ikonki/add-hover.png);}
.cancel:hover {background-image: url(img/ikonki/cancel.png);}
.logout:hover {background-image: url(img/ikonki/logout.png);}
.ok:hover {background-image: url(img/ikonki/ok.png);}
.history:hover {background-image: url(img/ikonki/clock.png);}
.list:hover {background-image: url(img/ikonki/book-hover.png);}
.user:hover {background-image: url(img/ikonki/user.png);}
.login:hover {background-image: url(img/ikonki/login.png);}
.close:hover {background-image: url(img/ikonki/padlock_closed.png);}
.open:hover {background-image: url(img/ikonki/padlock_open.png);}
.back:hover {background-image: url(img/ikonki/rewind.png);}
.print:hover {background-image: url(img/ikonki/print-hover.png);}

.button.small {font-size:10px; padding:3px;}

a.inlineico{width: 16px; height: 16px; margin: 0px; padding: 0; float: right; }

a.modedit{
    display: block;
    float: right;
    clear: both;
}

/*********** KONTAKT ***************/
div.kontakt img{margin-right: 60px;}
.kontakt ul{font-size: 16px;}
.kontakt li{list-style-type: none;}

/********* FOOTER ****************/
.bottom p{
    float: right;
    margin-right: 20px;
    font-size: 10px;
    color: #555555;
}
.bottom a{ text-decoration: none;}
.bottom a:link{ color: #666666;}
.bottom a:visited{ color: #666666;}
.bottom a:hover{ color: #aaaaaa;}

.filter span{
    padding-right: 10px;
    color: #aaa;
}
.filter input{
    font-size: 12px;
    width: 170px;
    color: #666;
    background: #000;
    border: solid 1px #111;
}
.hidden{display: none !important;};