/* CSS Document */
body{
	background:url(../_images/bg.gif) repeat-x 0 0 #FCF3D5;
	color:#000000;
	font:bold normal 13px/18px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* ------------------------------ header start ------------------------------ */
#header{
	background:url(../_images/header_bg.gif) no-repeat 0 0 #FCF3D5;
	color:#4A3D0F;
	height:413px;
	width:778px;
	position:relative;
	margin:0 auto;
}
#header h1{
	color:#FFFFFF;
	width:450px;
	height:109px;
	position:absolute;
	left:30px;
	top:50px;
	background: #999999;
}
#header #tablica {
	left: 20px;
	top: 50px;
	position: relative;
}
#header #tablica td {
	text-align: center;
}

#header #tablica img {
	padding: 3px;
	border: 2px solid #FFCC00;
}

#header    .naslov     {
	color:#AD9356;
	position:absolute;
	left:40px;
	font-size: 32px;
	font-weight: bold;
	padding: 5px;
	top: 270px;
	width: 470px;
	line-height: normal;
}
#header .naslov1-1 {
	color:#AD9356;
	position:absolute;
	left:40px;
	font-size: 28px;
	font-weight: bold;
	padding: 5px;
	top: 270px;
	width: 470px;
	line-height: normal;
}

#header  .naslov2 {
	top: 320px;
	position: absolute;
	left: 40px;
	line-height: normal;
	padding: 5px 10px 5px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	width: 400px;
}
#header .naslov3 {
	top: 360px;
	position: absolute;
	left: 40px;
	line-height: normal;
	padding: 5px 10px 5px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	width: 400px;
}
#header .naslov4 {
	top: 320px;
	position: absolute;
	left: 40px;
	line-height: normal;
	padding: 5px 10px 5px 5px;
	font-size: 18px;
	font-weight: bold;
	color: #AD9356;
	width: 400px;
}
#header .naslov5 {
	top: 320px;
	position: absolute;
	left: 40px;
	line-height: normal;
	padding: 5px 10px 5px 5px;
	font-size: 32px;
	font-weight: bold;
	color: #AD9356;
	width: 400px;
}




#header  form{
	width:208px;
	background:url(../_images/form_bg.gif) repeat-y 0 0 #FEF7E3;
	color:#726023;
	position:absolute;
	left:562px;
	top:109px;
}

#header  form span.top{
	background:url(../_images/form_top.gif) no-repeat 0 0 #FEF7E3; color:#726023; display:block; width:208px; height:6px; line-height:0; font-size:0;}
#header  form span.bottom{
	background:url(../_images/form_bottom.gif) no-repeat 0 0 #FEF7E3; color:#726023; display:block; width:208px; height:6px; line-height:0; font-size:0;}
#header  form h2{
	font:normal 22px/32px Arial, Helvetica, sans-serif; color:#726023; background-color:#FEF7E3; margin:0 20px;}
#header  form h2 span{
	background:url(../_images/search_dot.gif) repeat-x 0 22px #FEF7E3; color:#AD9E6B; width:100px; height:30px; float:right; padding:0; margin:0;}
#header  form input{
	background-color:#ECE2BD; border:#AD9E6B 1px solid;  margin:0 18px; padding:2px; width:166px; height:18px;
	font:normal 16px/18px Arial, Helvetica, sans-serif; color:#726023;}

#header    ul{
	position:absolute;
	left:587px;
	top:110px;
	width:150px;
	padding:0;
	margin:0;
}
#header ul li{
	background:url(../_images/top_nav_divider.gif) repeat-x 0 21px #AD9356; color:#FFFFFF; height:22px;}
#header ul li.noborder{
	background-image:none; background-color:#AD9356; color:#FFFFFF; height:22px;}
#header ul li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
	background-color:#AD9356;
	height:21px;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
#header ul li a.hover{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
	background-color:#C3AB73;
	height:21px;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
#header ul li a:hover{
	color:#FF6600;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
	background-color:#C3AB73;
	height:21px;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
#header ul.sale {
	position:absolute;
	left:587px;
	top:220px;
	width:150px;
	padding:0;
	margin:0;
}
#header ul.sale li {
	background:url(../_images/top_nav_divider.gif) repeat-x 0 21px #AD9356;
	color:#FFFFFF;
	height:22px;
}
#header ul.sale li.noborder {
	background-image:none;
	background-color:#AD9356;
	color:#FFFFFF;
	height:22px;
}
#header ul.sale li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
	background-color:#AD9356;
	height:21px;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}

#header ul.sale li a:hover {
	color:#FF6600;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
	background-color:#C3AB73;
	height:21px;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
#header ul.sale .saleNaslov {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 0 13px;
	background-color:#725F33;
	height:21px;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	background-repeat: no-repeat;
}
#header #vizitka {
	width: 200px;
	float: right;
	margin-right: 4px;
	margin-top: 170px;
}




#header   #zastave {
	position:absolute;
	left:580px;
	top:10px;
	width:170px;
	padding:0;
	margin:0;
	text-decoration: none;
}
#header               #zastave               td   a img         {
	text-decoration: none;
	border-style: none;
}
#header     #zastave     td     a:visited     {
	text-decoration: none;
	border-style: none;
}





/* ------------------------------ header end ------------------------------ */
/* ------------------------------ body start ------------------------------ */
#body{
	position:relative; margin:0 auto; width:751px; padding:0 9px 15px 19px;}
/* ------------------------------ body end ------------------------------ */
/* ------------------------------ left pannel start ---------------------------*/
#left{
	width:531px;
	background:url(../_images/left_bg.gif) repeat-y right top #FCF3D5;
	color:#000000;
	padding:0;
	float:left;
}
#left h2{
	color:#00407B;
	background-color:#FCF3D5;
	padding:18px 0 3px 0px;
	font-size: 22px;
	line-height: 27px;
	font-weight: bold;
}

#left h3{
	text-transform:uppercase;
	color:#000000;
	border:#D9CEA8 1px solid;
	width:500px;
	height:22px;
	padding:0 0 0 5px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}
#left p{
	margin:0 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-align: justify;
}
#left .faqNaslov {
	font-weight: bold;
	color: #FF6600;
	text-transform: uppercase;
	font-size: 16px;
}
#left .faqOdgovor {
	color: #000000;
	text-align: justify;
}


#left p.divider{
	background:url(../_images/line_divider.gif) repeat-x 0 27px #FCF3D5; color:#FFFFFF; height:28px; margin:0 29px 0 0; padding:0; line-height:0; font-size:0;}
#left #linkovi td {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#left #linkovi td a {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#left #linkovi p {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#left         img    {
	padding: 3px;
	border: 2px solid #725F33;
	float: right;
	margin: 10px 5px 10px 10px;
}
#left .php {
	width: 480px;
	margin: 0px;
	padding: 0px;
}

#left .php img {
	padding: 3px;
	border: 2px solid #725F33;
	float: none;
	margin: 5px;
}
#left  .tablicaPsi  td img {
	padding: 3px;
	border: 2px solid #725F33;
	float: none;
	text-align: center;
}
#left .tablicaSale td img {
	padding: 3px;
	float: none;
	text-align: center;
	border-style: none;
	background: center;
	text-decoration: none;
}

#left  .tablicaPsi  td.name {
	color: #CC0000;
	text-align: left;
	vertical-align: text-top;
}
#left   .tablicaPsi   td.born {
	color: #000099;
	text-align: left;
	vertical-align: text-top;
}
#left  .tablicaPsi  td.breed {
	color: #000099;
	text-align: left;
	vertical-align: text-top;
}
#left  .tablicaPsi  td.purpose {
	color: #000099;
	text-align: left;
	vertical-align: text-top;
}
#left  .tablicaPsi  td.title {
	color: #000000;
	text-align: left;
	vertical-align: text-top;
}
#left .tablicaContact td.title {
	color: #000000;
	text-align: left;
	vertical-align: text-top;
	line-height: 2em;
}






#left .photoNaslov {
	font-size: 18px;
	color: #CC0000;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#left .photoLink {
	font-size: 16px;
	color: #725F33;
	text-align: center;
	width: 480px;
	padding: 5px;
}
#left .photoLink a {
	font-size: 16px;
	color: #725F33;
	text-align: center;
	width: 480px;
	padding: 5px;
	text-decoration: none;
}

#left .photoLink a:hover {
	font-size: 16px;
	color: #725F33;
	text-align: center;
	width: 480px;
	padding: 5px;
	border-bottom: 3px solid #CC0000;
}
#left  p.top   a img {
	border-style: none;
	text-decoration: none;
}






#left #tablica1 td {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

#left #tablica1 td a {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	color: #000000;
}
#left  #tablica1  a:hover  {
	background: #AD9356;
	color: #FFFFFF;
	text-decoration: none;
}



#left  #tablica1  img {
	padding: 3px;
	border: 2px solid #725F33;
	float: none;
	margin: 0px;
}
#left  #tablica1  a  img  {
	text-decoration: none;
}
#left #tablica1 a:hover img {
	text-decoration: none;
}







/* ------------------------------ left pannel start --------------------------- */
/* ------------------------------ right pannel start -------------------------- */
#right{
	width:210px;
	margin: 0 0 0 9px;
	background-color:#AD9356;
	color:#FFFFFF;
	float:left;
	padding:0;
}
#right h2.dark{
	background:#725F33 no-repeat 0 0;
	color:#FFFFFF;
	padding:0 0 0 24px;
	width:186px;
	font-size: 20px;
	font-style: normal;
	line-height: 31px;
	font-weight: normal;
	font-variant: normal;
}
#right h2.light{
	background:#CCB276 no-repeat 0 0;
	color:#FFFFFF;
	padding:0 0 0 24px;
	width:186px;
	font-size: 20px;
	font-style: normal;
	line-height: 31px;
	font-weight: normal;
	font-variant: normal;
}
#right   h3.dark2 {
	color:#FF6600;
	padding:0 0 0 24px;
	width:186px;
	font-size: 20px;
	font-style: normal;
	line-height: 31px;
	font-weight: bold;
	font-variant: normal;
	background: #725F33;
}

#right ul{
	padding:4px 24px 12px 22px;}
#right ul li{
	color:#FFFFFF;
	background-color:#AD9356;
	padding:0;
	font-size: 12px;
	line-height: 22px;
}
#right ul li a{
	color:#FFFFFF;
	text-decoration:none;
	background:url(../_images/arrow1.gif) no-repeat 2px 5px #AD9356;
	padding:0 0 0 20px;
	display:block;
	font-size: 16px;
	line-height: 22px;
}
#right ul li a:hover{
	color:#FF6600;
	text-decoration:none;
	background:#C3AB73 url(../_images/arrow2.gif) no-repeat 2px 5px;
	padding:0 0 0 20px;
	display:block;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
/* ------------------------------ right pannel end -------------------------- */
#footer{
	background:url(../_images/footer_bg.gif) repeat-x 0 0 #6B6854;
	color:#F3F1DF;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	margin:0 auto;
	height:40px;
	text-align:center;
}
#footer p{
	padding:15px 0 0px;
}

.end{
	background:url(../_images/left_bg_end.gif) no-repeat right bottom #FCF3D5;
	color:#4A3D0F;
	padding:0;
	margin:0;
	width:531px;
	height:75px;
	display:block;
}