/* CSS Document */
body {width:100%; margin:0px; padding:0px; background-color:#ffffff; font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666666;   }

a {border:none;}
img {border:none;}

#blue_left {width:50%; height:477px; position:absolute; left:0px; top:0px; z-index:1; background:url(../images/bg.png) repeat-x top; }

#main { width:945px; height:auto; background-color:#ffffff; margin-left:auto; margin-right:auto; position:relative; z-index:2; overflow:hidden; }

#left_column {width:231px; height:auto; position:relative; float:left;}
#right_column {width:689px; height:auto; float:left;}

#logo {width:231px; height:125px; background: url(../images/logo_bg.png) no-repeat top left; text-align:right; }
#logo a {border:none; margin-right:20px; }
#logo img {border:none; }

#menu_container {width:230px; height:297px; background: url(../images/menu_left_bg.png) no-repeat top left; border-right:1px #000000 solid;}

#menu { width:212px; height:297px; background: url(../images/menu_bg.png) repeat-x top left; margin-left:17px; }
#menu ul { width:200px; margin:0px; padding:0px; margin-left:6px; padding-top:10px; list-style:none; text-align:center; }
#menu li { width:100%; border-bottom:1px #ababab solid; border-top:1px #ffffff solid;  }
#menu li.first {border-top:none; }
#menu li.last {border-bottom:none; }
#menu li a { width:100%; font-size:10px; font-weight:bold; text-decoration:none; color:#000000; padding:0px; padding-top:4px; padding-bottom:4px; margin:0px; display:block; text-transform:uppercase;}
#menu li a:hover { color:#0066FF;}

#menu_bottom { width:231px; height:82px; background: url(../images/menu_bottom_bg.png) no-repeat top left;}

#ornament_flash {height:194px; width:214px; position:absolute; bottom:-12px; right:1px; }

#menu_top { width:675px; height:67px; background:url(../images/top_menu_bg.jpg) no-repeat top left; margin-left:14px; }
#menu_top ul { width:650px; margin:0px; padding:0px; margin-left:50px; padding-top:20px; list-style:none; text-align:center; }
#menu_top li { float:left;   }
#menu_top li.first {  width:130px; padding-top:7px; }
#menu_top li.second {  width:140px; }
#menu_top li.third {  width:175px; }
#menu_top li.last {  width:160px; }
#menu_top li a { color:#000000;  text-decoration:none; font-weight:bold; font-size:10px; }

#flash { width:689px; height:410px;}
#flash .getadobe{ display:block; margin-left:50px; margin-top:170px;}
#flash a { color:#FF3300;}

#content { min-height:400px; height:auto; width:689px; background:url(../images/content_left.jpg) no-repeat top left; font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666666; overflow:hidden; margin-bottom:20px;}
* html #content {overflow:visible;height:400px;}
#content .short {width:465px; }

.content_left { padding-left:30px; padding-right:15px; float:left; text-align:justify; }
.content_left h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#2f6e94; font-size:20px; margin-bottom:15px; }

#box_submenu { float:left; width:174px; padding:0px; padding-top:60px; margin:0px; }
#box_submenu ul{ width:174px; padding:0px;  margin:0px; border-left:4px #1879a2 solid; border-top:1px #CCCCCC solid; }
#box_submenu ul li{ list-style:none; border-bottom:1px #CCCCCC solid;  }
#box_submenu ul li.level2 a{display:block; font-size:10px; font-weight:bold; color:#FF6600; text-decoration:none; padding-top:5px; padding-bottom:5px; text-transform:uppercase;}

#box_submenu ul li a{ display:block; font-size:10px; font-weight:bold; color:#FF6600; text-decoration:none; padding-top:5px; padding-bottom:5px; text-transform:uppercase;}
#box_submenu ul li a:hover{ color:#006699;}
.arrow {background: url(../images/arrow.jpg) no-repeat top left;}



#bottom_boxes { width:920px;  margin-left:auto; margin-right:auto; overflow:hidden; }

#logowanie { width:191px; height:130px; background: url(../images/logowanie_bg.jpg) no-repeat top left; float:left; color:#ffffff; text-align:right; padding:25px; padding-top:60px;}
#logowanie input { width:115px; height:15px; background-color:#57a8dd; border:1px #84bae1 solid;  font-size:11px; padding:2px; padding-bottom:0px; color:#d5ebff;}
#logowanie form {height:80px; margin:0px; padding:0px;}

#logowanie .input_line {width:100%;margin-bottom:8px; height:15px;}
#logowanie .text_left {text-align: left;}
#logowanie .text_left a { color:#9abddc; text-decoration:none; font-size:11px;}
#logowanie .text_left a:hover {text-decoration:underline;}
#logowanie input.zaloguj { width:86px; height:28px;  border:none; background:none; }

#videosBox { width:241px; height:251px; float:left; padding:0px;margin:0px; overflow:hidden;}



#produkty { width:433px; height:210px; background:#ffffff url(../images/produkty_box_bg.jpg) no-repeat top left; float:left;}
#produkty img{ margin-bottom:10px;}
#produkty h3{ font-size:10px; font-weight:bold; color:#333333; margin:0px; padding:0px; margin-bottom:10px;margin-top:5px; display:block; height:30px; margin-left:10px; margin-right:10px;}
#produkty .col_left {width:200px; height:180px; border-right:1px #f1f1f1 solid; float:left; text-align:center; margin-top:15px; margin-left:15px; }
#produkty .col_right {width:180px; height:170px; border-left:1px #bebebe solid;float:left; text-align:center; margin-top:15px; padding-left:10px;padding-right:10px;}

#footerFlash { width:670px; height:251px;  float:left;}


#buttony { width:241px; height:180px; padding-top:30px; background:#ffffff url(../images/box_bg.jpg) no-repeat top left; float:left; text-align:center;}
#buttony a { margin-bottom:10px; display:block; }

#footer { width:910px; height:28px; margin-left:auto; margin-right:auto; background:#ffffff url(../images/footer_bg.jpg) repeat-x top left; margin-top:10px;  text-align:right; padding-top:14px; position:relative; }
#footer a { display:inline; margin-right:40px; color:#a4a4a4; text-decoration:none;  }
#footer a:hover {text-decoration:underline;  }


#footer_logo { width:66px; height:42px; background:url(../images/footer_logo.jpg) no-repeat top left; position:absolute; top:0px; left:0px; }
#footer_right { width:10px; height:42px; background:url(../images/footer_right.jpg) no-repeat top left; position:absolute; top:0px; right:0px;  }

#copyrights {  border-top:1px #d6d6d6 solid; width:500px; margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px; color:#c7c7c7; font-size:11px; text-align:center;}
#copyrights a { color:#c7c7c7; font-size:11px; text-decoration:none; }

.faq_line {  border-top:1px #cccccc solid;  background:url(../images/znak.jpg) no-repeat left top;}
.faq_line a { padding:15px; padding-left:40px; color:#000000; font-weight:bold; font-size:12px; text-decoration:none; display:block; width:100%;  background:url(../images/znak_b.jpg) no-repeat left top; width:410px;}
.faq_line a:hover { color:#CC3300;  background:none;}

a.powrot { background:url(../images/arrow_back.jpg) no-repeat left top; display:block; padding-left:30px; padding-top:7px; font-size:11px; font-weight:bold; text-decoration:none; color:#0066CC; height:19px; width:70px;}

#zarejestruj_box { width:151px; height:180px; background:url(../images/zarejestruj_box.jpg) no-repeat left top; padding:9px; padding-top:24px; font-size:11px; font-weight:bold; text-align:center; color:#FFFFFF}
#zarejestruj_box a{ display:block; background:url(../images/zarejestruj_btn.jpg) no-repeat left top; width:88px; height:41px; margin-top:15px; color:#FFFFFF; text-decoration:none; padding-top:12px; font-size:11px;}

.news_line { border-top:1px #cccccc solid; padding-top:5px; height:auto; padding-bottom:5px; overflow:hidden; width:460px;  }
.news_line .photo {width:120px; float:left; }
.news_line .photo img{ padding:2px; border:1px #cccccc solid; }
.news_line .news_info {width: 340px;  float:left;}
.news_line .news_info .data{ color:#999999; font-size:11px; font-weight:bold; text-align:right; width:100%;}
.news_line .news_info .title{ width:100%; padding-top:5px; padding-bottom:5px;}
.news_line .news_info .title a{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.news_line .news_info .title a:hover{ text-decoration:underline; }
.news_line .news_info .more {  text-align:right; width:100%;}
.news_line .news_info .more a{ text-decoration:underline;  color:#FF3300; font-size:11px; font-weight:100; }
.news_line .news_info .more a:hover{ text-decoration:none; }

.lost_line { border-top:1px #cccccc solid; padding-top:5px; height:auto; padding-bottom:5px; overflow:hidden; width:640px;  }
.lost_line .photo {width:120px; float:left; }
.lost_line .photo img{ padding:2px; border:1px #cccccc solid; }
.lost_line .news_info {width: 500px;  float:left;}
.lost_line .news_info .data{ color:#999999; font-size:11px; font-weight:bold; text-align:left; width:100%;}
.lost_line .news_info .data .wyr{ color:#000000;}
.lost_line .news_info .title{ width:100%; padding-top:10px; padding-bottom:5px;}
.lost_line .news_info .title a{ font-size:11px; color:#555555; text-decoration:none; font-weight:100;}
.lost_line .news_info .title a:hover{ text-decoration:underline; }
.lost_line .news_info .more {  text-align:right; width:100%;}
.lost_line .news_info .more a{ text-decoration:underline;  color:#FF3300; font-size:11px; font-weight:100; }
.lost_line .news_info .more a:hover{ text-decoration:none; }

.bold {font-weight:bold;}
img.right {float:right; margin-left:20px; margin-bottom:10px; }

#twoja_reklama { font-size:10px; color:#DADADA; text-align:right; width:660px; margin-left:20px; height:25px; background:url(../images/twoja_reklama_bg.jpg) repeat-x bottom;}
#twoja_reklamax { font-size:10px; color:#DADADA; text-align:right; width:660px; margin-left:20px; height:15px;  }

.banerx { margin-left:20px;  }
.baner { margin-left:20px; margin-top:15px;  }
.data { width:100%; text-align:right; color:#999999; font-size:11px; font-weight:bold; }

#formularz { width:100%; overflow:hidden; background:url(../images/polska.jpg) no-repeat 270px 40px;  }
#formularz.breeding { width:100%; overflow:hidden; background:url(../images/breeding.jpg) no-repeat 370px 40px;  }
#formularz.fundations { width:100%; overflow:hidden; background:url(../images/fundations.jpg) no-repeat 370px 40px;  }
#formularz.find { width:100%; overflow:hidden; background:url(../images/find.jpg) no-repeat 370px 40px;  }
#formularz.lost { width:100%; overflow:hidden; background:url(../images/lost.jpg) no-repeat 370px 40px;  }
#formularz .left { float:left; width:180px; padding-right:20px; font-weight:bold; color:#000000; text-align:right; padding-top:10px;  }
#formularz .right { float:left; padding:5px; width:300px; }
#formularz .right input { margin:0px; border:1px #999999 solid; width:150px; }
#formularz .right input.button { background:url(../images/button_big.jpg); width:198px; height:27px; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer;  padding-top:0px; margin:0px; margin-left:100px; font-size:11px; }
#formularz .right select { margin:0px; border:1px #999999 solid; width:150px; }

#formularz .right textarea { margin:0px; border:1px #999999 solid; width:150px; height:130px; }

#sub {width:100%; height:auto;  }
#sub ul {width:620px; height:31px; background:url(../images/submenu_ul_bg.jpg) repeat-x bottom; margin-left:20px; padding:0px; }
#sub ul li {height:31px; float:left; background:url(../images/submenu_li_bg.jpg) no-repeat left bottom; list-style:none; margin-right:2px; }
#sub ul li a {height:31px; float:left; background:url(../images/submenu_a_bg.jpg) no-repeat right bottom; list-style:none; display:block;  padding-left:10px; padding-right:10px; line-height:30px;  color:#000000;  text-decoration:none; font-weight:bold; font-size:11px;}
#sub ul li a:hover { color:#ffffff; }


#sub ul li.active1 {background:url(../images/submenu_li_bg_active.jpg) no-repeat left bottom;}
#sub ul li.active1 a {background:url(../images/submenu_a_bg_active.jpg) no-repeat right bottom;}
#sub ul li.active1 a:hover {color:#000000;}

#notify { width:500px; color:#000000; background: #d5eaf6 url(../images/thick.jpg) no-repeat 30px 10px; border:1px #5296be solid; padding:30px; padding-left:100px; }

#gabinety {width:650px; }
#gabinety tr:hover {cursor:pointer; background-color:#FEEFDA;}
#gabinety th { background:#2577a9; padding:3px; color:#FFFFFF; text-align:center;}
#gabinety th.left { text-align:left;}
#gabinety td { padding:5px; color:#000000; border-bottom:1px #accbde solid; text-align:center;}
#gabinety td.left { text-align:left; }
#gabinety td a { color:#FF6600; text-decoration:underline;}
#gabinety td a:hover { text-decoration:none;}
























/* The main calendar widget.  DIV containing a table. */

.calendar {
	width:170px;
	position: relative;
	display: none;
	border:none;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #c8d0d4;
	z-index:4;
}

.calendar table {
	position:absolute;
	top:-50px;
	left:0px;
  width:170px;
  border: 1px solid #000000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background:#B7B7B7;
  font-family: tahoma,verdana,sans-serif;
  z-index:5;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-right: 1px solid #777;
  border-bottom: 1px solid #777;
}


.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border-bottom: 1px solid #777;
  border-right: 1px solid #777;
  background:#444;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #777;
  text-align: center;
  background: #999;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  padding: 0px;
  background-color: #cccccc;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #cccccc;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  text-align: right;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #777;
  background: #888;
}

.calendar tbody .rowhilite td {
  background: #333;
  color:#999999;
}

.calendar tbody .rowhilite td.wn {
  background: #555;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
background-color:#CFF7FE;
color:#666666
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
background-color:#CFF7FE;
color:#666666
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  background:#0099CC;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color:#CC0000;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color:#000099;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
 font-size:1px;
 height:2px;
 background:#333333;
 color:#333333;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
 font-size:1px;
 height:2px;
 background:#333333;
 color:#333333;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
 font-size:1px;
 height:2px;
 background:#333333;
 color:#333333;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: -100px;
  cursor: default;
  border-top: 1px solid #02479A;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #02479A;
  background: #DEEDFF;
  font-size: 90%;
  padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #DEEDFF;
  padding: 0px;
  border-top: 1px solid #02479A;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #02479A;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}