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, 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: normal;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
	font:76% "tahoma", verdana, arial, sans-serif;
	text-align:center;
	background-color:#000;
	color:#000;
	background:#8bc3ed url("bg.png") repeat-y center top;    
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing:0;
}

caption, th, td {
    text-align:left;
    font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

.bold {
    font-weight:bold;
}

.clear {
    clear:both;
}

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

.clearfix {display: inline-block;}  /* for IE/Mac */

#wrapper {
	margin:0 auto;
	width:962px;
	text-align:left;
}	

a { 
	color:#5CA1D5;
}

/* ** header ********** */

#site-header {
	margin:1px 7px;
    background:url("header-right.png") no-repeat top right;
}

#logo {
}

#logo img {
	vertical-align:bottom;
}

p.header-links {
    float:right;
    padding:12px 10px 6px 0;
    color:#fff;
}

p.header-links a {
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
}

p.header-links a:hover {
    color:orange;
}


#flag-part {
    float:right;
    clear:right;
    padding-right:10px;
    text-align:right;
}   

#flag-part p {
    font-weight:bold;
    color:#fff;
    font-size:117%;
    padding:3px 0;
}

.header-flag 
{
    text-align:right;
    margin:2px;
}    

.mainmenu {
    margin-top:1px;
    border: 1px solid #c3bcc2;
    width:944px;
    background:url("main-menu-bg.png") repeat-x top left;
    padding: 0px 1px;
}

.mainmenu li {
    float:left;
    padding-top:2px;
    margin:0 2px;
}

.mainmenu li a {
    font-weight:bold;
    display:block;
    float:left;
    text-decoration:none;
    text-align:center;
    color:#1d7cbf;
    padding:5px 11px 0px 11px;
    height:20px;
}  

.mainmenu li a:hover {
    background:url("hover-menu-bg.png") repeat-x top left;
    color:#000;
}

.mainmenu li a.mainmenu-active, .mainmenu li dt.mainmenu-active {
    background:url("selected-menu-bg.png") repeat-x top left;
    color:#000;
}



/* ** content general ********** */

#content {
	margin:1px 7px;
    background:url("drop-shadow.png") repeat-x top left;
    border: 1px solid #c3bcc2;
    width:936px;
    min-height:700px;
    padding:15px 5px;
}

/*\*/
* html #content { /* i.e fix */
    height: 760px;
}
/**/

.header-general, .home-gallery, .months-header, .header-main,.cat-header,.cat-header2 {
    font-size:184%;
    color:#5ca1d5;
    background:#ebebeb url("header-bg.png") repeat-x bottom left;    
    margin:0 2px 10px 2px;
    padding:3px 0 3px 15px;
    font-weight:bold;
	border: 1px solid #d9d9d9;
	border-top:none;
}

.header-main {
    color:#4193d2;
    background:#ebebeb url("header-bg1.png") repeat-x top left;
    margin-bottom:10px;
	border: 1px solid #c9c9c9;
	border-top:none;
    padding:5px 0 5px 15px;

}


.site-pager {
    float:right;
    margin:5px 0;
    border:1px solid #d6d6d6;
    padding:2px;
}

.site-pager a{
    color:#999;
    text-decoration:none;
    font-weight:bold;
    font-size:117%;
}

.site-pager a.current{
    color:#000;
}



.site-pager a:hover{
    color:#000;
    text-decoration:underline;
}

/* ** homepage ********** */

#bg-picture {
    width:928px;
	background: url("003.jpg") center center no-repeat;
	height:368px;
    padding:3px;
    border:1px solid #c3bcc2;
    margin-bottom:20px;
}

li.homepage-news {
    margin:5px 15px;
    padding:8px 0px 13px 30px;
    background:url("ico-news.png") no-repeat center left;
    color:#666;
    border-bottom:1px solid #e5e5e5;
}    

li.homepage-news a {
    font-weight:bold;
    color:#000;
}

li.homepage-news a:hover {
    color:#ff8400;
}

li.homepage-cat, li.homepage-cat1, li.homepage-cat2, li.homepage-cat3 {
    margin:0px 15px;
    padding:20px 0px 20px 65px;
    font-size:117%;
    background:url("ico-blue.png") no-repeat center left;
}    

li.homepage-cat1 {
    background:url("ico-green.png") no-repeat center left;
}

li.homepage-cat2 {
    background:url("ico-globe.png") no-repeat center left;
}

li.homepage-cat3 {
    background:url("ico-orange.png") no-repeat center left;
}

li.homepage-cat a, li.homepage-cat1 a, li.homepage-cat2 a, li.homepage-cat3 a {
    color:#000;
    font-weight:bold;
}

li.homepage-cat a:hover, li.homepage-cat1 a:hover, li.homepage-cat2 a:hover, li.homepage-cat3 a:hover {
    color:#ff8400;
}


li.homepage-cat p, li.homepage-cat1 p, li.homepage-cat2 p, li.homepage-cat3 p {
    font-size:86%;
    color:#666;
}

img.contanct-img {
    float:left;
    padding:5px 0 0 25px;
    vertical-align:bottom;
}

p.phonenumber {
    padding:10px 0 4px 0;
    font-weight:bold;
}

a.mail-link {
    margin-left:110px;
    padding-left:37px;
    color:#000;
    text-decoration:underline;
    font-size:150%;
    background:url("ico-mail.png") no-repeat center left;
}

a.mail-link:hover {
    color:#ff8400;
}

.home-gallery {
    margin:0 15px 10px 15px;
}    

/* ** category page ********** */

.cat-part, .cat-part2 {
    width:270px;
    height:196px;
    float:left;
    background:url("block-mini.png") no-repeat bottom left;
    padding:5px 21px;
}

.cat-part2 {
    width:253px;
}

img.cat-image {
    float:left;
    margin:5px 5px 5px 10px;
    padding:3px;
    border: 1px solid #c3bcc2;
}

.cat-header {
    font-size:134%;
    text-align:center;
    padding-left:0;
}   

.cat-header a {
    font-weight:bold;
    text-decoration:none;
    color:#5ca1d5;
}    

.cat-header a:hover {
    text-decoration:underline;
}  


.cat-stat {
    margin-top:6px;
}

.cat-stat li {
    padding:3px 0 3px 170px;
    color:#777; 
    font-weight:bold;
    font-size:76%;	
}     

p.category-label {
    padding-top:2px; 
    font-weight:bold; 
    text-align: center;
    color:#444; 
}
/* ** news page ********** */

#left-content2 {
    float:left;
    width:700px;    
}    


.dog-navigation2 {
    padding:0 15px 25px 15px;
    background:url("block-medium.png") no-repeat bottom center;
}

.months-navigation {
    padding:0 10px 25px 10px;
    background:url("block-micro.png") no-repeat bottom center;
    text-align:center;
}    

#right-content2 {
    float:right;        
    width:200px;    
    padding:0 15px 25px 15px;
    margin-bottom:25px;
}  

.months-header {
    padding-right:20px;
    font-size:134%;
}    

.news-left {
    float:left;
    width:200px;
    padding-bottom:10px;
}

img.news-image {
    padding:3px;
    border: 1px solid #c3bcc2;
    vertical-align:bottom;
    margin-left:5px;
}    

.news-right {
    float:right;
    width:460px
}

.news-date {
    float:right;
    padding: 3px 10px 0 0;
    font-size:76%;
    color:#666;
}

li.months-months {
    margin:4px 0;
}

li.months-months a {
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

li.months-months a:hover {
    color:#ff8400;
}

/* ** dog page ********** */

#left-content {
    float:left;
    width:465px;    
}    

  
.dog-navigation {
    padding:0 15px 25px 15px;
    background:url("block-small.png") no-repeat bottom center;
}

a.dog-navigation-links, a.dog-navigation-links2 {
    padding: 0px 0 0px 30px;
    margin-left:15px;
    color:#6da7c6;
    background:url("ico-sapa.png") no-repeat center left;
    font-weight:bold;
    text-decoration:none;
    font-size:134%;
}

a.dog-navigation-links:hover, a.dog-navigation-links2:hover {
    color:#000;
    text-decoration:underline;
}

#dog-image {
    text-align:center;
	margin-bottom:15px;
}

#dog-image img {
    padding:3px;
    border: 1px solid #c3bcc2;
    vertical-align:bottom;
    margin-bottom:10px;
}

.right-content {
    float:right;        
    width:435px;    
    background: url("block-small.png") no-repeat bottom center;
    padding:0 15px 20px 15px;
    margin-bottom:10px;
}  

.table-dog-info {
    width:100%;
    padding:0px 10px;
    border-collapse:collapse;
	color:#777;
}

td.label-info {
    width:110px;
    font-weight:bold;
    padding-left:15px;
    color:#222;
}

td.value-info {
    padding:4px 5px 4px 0;
}

.table-dog-info td {
    border-bottom: 1px solid #e6e6e6;
    line-height:1.7;
}

.dog-description {
    text-align:center;
}


.rodovnik, .full-width-text {
    padding:25px 25px;
    background: url("block-big.png") no-repeat bottom center;    
    margin-bottom:5px;
}    

.full-width-text  {
    padding:25px 25px 30px 25px;
}    


.table-rodovnik {
    width:883px;
    border: 1px solid #ddd;
}

.rodovnik th {
    background:url("rodovnik-bg.png") repeat-x bottom left;
    padding:3px 5px;
    text-align:center;
    border:2px solid #fff;
    border-bottom:1px solid #dcdcdc;
    border-left:none;
}

th.rodovnik-header {
    font-weight:bold;
    padding:10px 0;
    background:url("rodovnikh-bg.png") repeat-x bottom left;
    border-bottom: 1px solid #fff;
}    

.rodovnik-roditelji {
    padding-bottom:15px;
    font-weight:bold;
    font-size:134%;
    }
    
.rodovnik-roditelji-ime {
    font-size:134%;
    padding-bottom:5px;
}    

/* ** comments ********** */

.comments-part {
    border-bottom: 1px solid #e6e6e6;
    padding:10px 5px 15px 15px;
}

.comment-info {
    font-size:134%;
    font-weight:bold;
    padding-bottom:8px;
    color:#4193D2;
}

.comment-info-date {
    font-size:76%;
    color:#666;
}

.desc2 {
	font-weight:bold;
	display:block;
}

.comments-label {
    padding:11px 0 1px 0;
    font-weight:bold;
    color:#444;
}

.text-field {
    border:2px solid #999;
    padding:2px;
	background: url("search-gradient.png") repeat-x top left;
}


.comments-list {
    margin-left:10px;
}


/* ** about ********** */

#bg-picture1 {
    width:890px;
	background: url("001.jpg") center center no-repeat;
	height:268px;
    padding:3px;
    border:1px solid #c3bcc2;
    margin:0 0 10px 20px;
    
}

.tiganjica-info {
    padding-bottom:59px;
}

.tiganjica-info li {
    font-weight:bold;
    padding:3px 0;
}

.tiganjica-info-large {
    font-size:134%;
}

.links-list {
    margin-left:41px;
    list-style-image:url("ico-sapa.png")
}


.links-list li {
    padding:6px 0;
}

.links-list li a {
    font-size:134%;
    color:#6da7c6;    
    text-decoration:none;
    font-weight:bold;
}

.links-list a:hover {
    text-decoration:underline;
    color:#000;
}

/* ** gallery ********** */

.gallery-picture-part {
    width:177px;
    height:200px;
    float:left;
    text-align:center;
    line-height:0.1;
}


img.gallery-image {
    padding:3px;
    border: 1px solid #c3bcc2;
}   

/* ** matings ********** */

.matings-left {
float:left;
margin: 0 10px 10px 0;
width:260px;
}

.matings-right {
float:right;
width:342px;
text-align:center;
}

img.category-img {
    padding:3px;
    border: 1px solid #c3bcc2;
    vertical-align:bottom;
}  

span.matings-gender {
    color:#999;
    font-weight:bold;
    font-size:86%;
}


.leglo-text {
    font-size:134%;
    margin-top:40px;
}    

/* ** partners ********** */

.partners-right {
float:right;
width:608px;
}

.partners-list {
    margin:40px 20px 0 20px;
}

.partners-list li {
    font-size:150%;
    color:#333;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 5px 25px;
    margin-top:10px;
}
    
/* ** guestbook ********** */

.gb-header {
	border: 1px solid #aeaeae;
    background: #fff url("guestbook-bg.png") repeat-x center left;
    padding:5px 15px;
    font-size:134%;

}

p.gb-date {
    float:right;
    color:#777;
    font-weight:bold;
}

p.gb-guest {
    font-weight:bold;
    color:#4193D2;
	padding-bottom:4px;
}

p.gb-place {
   color:#666;
   font-weight:bold;
}

.gb-text {
   border-bottom: 1px solid #e6e6e6;
   padding:13px 5px 38px 15px;
}

/* ** footer ********** */

#footer {
    padding: 15px 5px;
    margin:1px 7px;
    height:30px;
    background: #d8d8d8 url("footer.png") repeat-x bottom left;
    border: 1px solid #c3bcc2;
    text-align:center;
}

#footer-menu {
    margin-bottom:5px;
}    

#footer-menu li {
    display:inline;
    font-weight:bold;
    margin:0 3px;
}    

#footer-menu li a {
    color:#000;
    font-weight:bold;
}

#footer-menu li a:hover {
    color:#ff8400;
}
        
/* ** misc ********** */

a.button1 {
    font-weight:bold;
    text-decoration:none;
    background: #d8d8d8 url("button1.png") no-repeat top left;
    display:block;
    width:108px;
    height:26px;
    color:#333;
    text-align:center;
    float:right;
    padding-top:10px;
}   

.button2 {
    font-weight:bold;
    border:none;
    background: #d8d8d8 url("button1.png") no-repeat top left;
    display:block;
    width:108px;
    height:36px;
    text-align:center;
    margin-top:10px;
    padding-bottom:3px;
    cursor:pointer;
    color:#333;
}    


a.button1:hover, .button2:hover {
    background: #d8d8d8 url("button1.png") repeat-x bottom left;
    color:#000;
}     


.cat-header2 {
    font-size:134%;
    text-align:center;
    padding-left:0;
}   

.cat-header2 a {
    text-decoration:none;
    color:#5ca1d5;
}    

.cat-header2 a:hover {
    text-decoration:underline;
}   


.cat-header3 {
    font-size:134%;
    text-align:center;
    padding-left:0;
}   

.cat-header3 a {
    text-decoration:none;
    color:#5ca1d5;
}    

.cat-header3 a:hover {
    text-decoration:underline;
}   


.InputError {
color:red;
background-color:yellow;
}