body {
/*background-image: url(images/bg1.jpg);
background-repeat: repeat;
background-position: top left;
*/
background-color: #003366;
margin:0px auto;
text-align:center;
height: 100%;
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
color:white;
}

a:link    { color: white; background-color:inherit; font-weight:bold; text-decoration: none; }
a:visited { color: white; background-color:inherit; font-weight:bold; text-decoration: none; }
a:active  { color: white; background-color:inherit; font-weight:bold; text-decoration: underline; }
a:hover   { color: white; background-color:inherit; font-weight:bold; text-decoration: underline; }

textarea {
	border: 1px solid #979797;
}


input, textarea, select {
	background: #f4f4f4;
	border: 1px dotted #b2b2b2;
	color: #000;
}

#petev-body li {
list-style: url("media/li.gif");
}

p  {
text-align: justify;
	}
h3 {
color: #CCCCCC;
font-variant:small-caps;font-size:14px;
}
h2 {
color: #CCCCCC;
font-variant:small-caps;font-size:16px;
}

h1 {
color: #CCCCCC;
font-variant:small-caps;font-size:18px;
}
table {
width: 100%;
}
.forms td {
border-bottom: 1px solid #CCCCCC;
}
.ramki {
margin:5px;
padding: 2px;
border: 1px solid #660000
}

#container{
top:0px;
background-color: #003366;
width:800px;
padding:0px; 
margin:0 auto 0em auto;
height: 100%;
border: #006598 double; 
/*background-image: url(images/bg-to.jpg);
background-repeat: repeat;
background-position: top left; */
text-align: left;
}
	

#header {
top:0px;
width: 800px;
height: 205px;
display: block;
padding:0; 
margin:0;
/*border-bottom: #006598 double;
 background-image: url(images/bg-to.jpg);
background-repeat: repeat;
background-position: top left;
*/
}

#banner {
background-color: black;
height: 100px;
width: 100px;
text-indent: -60px;
}

#petev-body {
width: 780px;
margin: 10px;
text-align: justify;
clear: both;
}
	#footer {
font-size: small;
border-top: 1px solid #006598;
height: 100%;
clear:both;
margin: 10px;
/* background-image: url(images/bg-to.jpg);
background-repeat: repeat;
background-position: top left; */
	font-size: x-small;
	}

* html .linktop {position:absolute;}
.linktop {
position:fixed;
bottom:10px; 
right:10px;
}

* html #flags {position:absolute;}
#flags {
position:fixed;
top:10px;
right: 10px;
}
#flags img {
border: none;}

* html #language {position:absolute;}
#language {
position:fixed;
bottom:20px;
right: 20px;
}
#language img {
border: none;}

.clear {
clear: both;
}



/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox
{
float: right;
width: 250px;
cursor: default;
list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 106;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;

}

.hoverboxfull
{
	cursor: default;
	list-style: none;
}

.hoverboxfull a
{
	cursor: default;
}

.hoverboxfull a .preview
{
	display: none;
}

.hoverboxfull a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1000;
}

.hoverboxfull img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverboxfull li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverboxfull .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

#gallery {position:relative; width:750px;
background-image: url("media/Danpalon_Logo.jpg");
background-position: bottom left;
background-repeat: no-repeat;
}
#thumbs {width:260px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:520px; top:240px; border:1px solid #660000;padding:2px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#icons {list-style-type:none; margin:1px 0 100px 5px; padding:0;}
#icons li {list-style:none;float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:150px; z-index:90;}

#menu {list-style-type:none; margin:5px 0 100px 0px; padding:0;}
#menu li {list-style-type:none;float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:30px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: #006598 url(media/image/menu/bottom.gif) no-repeat bottom left; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px; font-size: 1.1em; color: #fff; border-bottom:1px solid #444;}
#menu .one {background: #006598 url(media/image/menu/top.gif) no-repeat top left;}
#menu .two {background: #006598 url(media/image/menu/top.gif) no-repeat top left;}
#menu .three {background: #006598 url(media/image/menu/top.gif) no-repeat top left;}
#menu .four {background: #006598 url(media/image/menu/top.gif) no-repeat top left;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 0,7em; background: #47a; text-align:left;}
#menu dd.last {border-bottom:1px solid #444;}
.gallery dt a, .gallery dt a:visited {display:block; color:#fff;font-size: 1em;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px;
background: #47a url(arrow.gif) no-repeat 10px 10px; width:125px;
}
.gallery dd a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#9cf;}


#indexa a {
display: block;float:left;
height:216px;
width:230px;
background-image: url("media/razdv/1.jpg");
background-repeat:no-repeat;
background-position:bottom left;
 }
#indexa a:hover { 
background-image: url("media/razdv/2.jpg");
background-repeat:no-repeat;
background-position:bottom left;  }