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;
}
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: "" "";
}

body {
	font: 14px "Trebuchet MS",Myriad,Arial,Tahoma,Verdana;
	word-spacing:1px;
	color:#111;
	background:#999;
}

body.home {
	background:#000033;
}

* {
	margin:0;
	padding:0;
	
}

#smallwrapper {
	width:335px;
	margin:0 auto;
	padding:50px 0 0 0;
}

#smallwrapper .animacija {
	margin:0;
	padding:65px 0 10px 0;
	clear:both;
}

#smallwrapper a{
	color:#CC9933;
	text-decoration:none;
	letter-spacing:1px;
	margin:0 0 0 20px;
}

#smallwrapper a:hover{
	text-decoration:underline;
}

#wrapper {
	width:1000px;
	margin:0 auto;	
	background:#ccc;
	height:100%;
	
}

#wrapper a{
	text-decoration:none;
}

#wrapper a:hover{
	text-decoration:underline;
}

ul#cssdropdown {
	height:25px;
	list-style:none;
	background:#000033;
	padding:0 0 0 30px; /* move menu left or right*/
	margin:0px;
}

* html ul#cssdropdown {
	margin:-4px 0 0 0;
}

ul#cssdropdown span{
	text-transform:uppercase;
	float:right;
	color:#CC9933;
	margin:0 4px 0 0;
}

ul#cssdropdown span a{
	margin:0 3px;
}

ul#cssdropdown li{
	display:inline;
	font-size:10pt;
	color:#CC9933;
	float: left;
	position: relative;
}

ul#cssdropdown a{	
	color:#FFCC33;
	line-height:25px;
	margin:0 20px 0 0;
}

.subuls{
	display: none;
	width: 165px; /*dropdown menu background size*/
	position: absolute;
	top: 1.2em;
	left: 0;
	background-color:#CCCCCC;
	/* background-image: url(images/providno.png); */
	padding:4px;
}

* html .subuls{
	margin:10px 0 0 0;
}

ul#cssdropdown .subuls li{
	width: 100%;
}

ul#cssdropdown .subuls li a{
	color:#000033;
}

#cssdropdown li>ul {
	top: auto;
}

#cssdropdown li:hover ul, li.over ul { 
	display: block;
}

#restofcontent {
	clear: left;
}
#tab {
 border-width:1px; 
 border-style:solid; 
 border-color:#888899;
 text-align:center;
 }
#td { 
 border-width:medium 1px medium 1px;
 border-style:solid; 
 border-color:#888899;
 text-align:center;
padding:0 0 0 0px;
vertical-align : top;
 }
#td1 { 
 border-width:medium 1px medium 1px;
 border-style:solid; 
 border-color:#888899;
 text-align:left;
padding:5px 5px 5px 5px;
 }
#td2 { 
 border-width:medium 1px medium 1px;
 border-style:solid; 
 border-color:#888899;
 background-color:#000033;
 color:#FFCC33;
 vertical-align : bottom;
 text-align:center;
 padding:0 0 0 0px;
 height: 5px;
 }
#content {
	padding:0 0 20px 0;
	background: url(images/topshadow.gif) repeat-x top;
	color:#000033;
	border-bottom:5px solid #999;
	text-align:center;
}

#content strong{
	font-weight:bold;
}

#content p{
	line-height:22px;
	margin:0 0 20px 0;
}
#content p1{
	height:1%;
 	vertical-align : bottom;
}
h1 {
	font-size:34px;
	color:#999;
	padding:40px 0 30px 0;
	text-align:center;
}

div.cica {
	width:1000px;
	background: url(images/poz.gif) no-repeat center;
	height:295px;
	text-align:center;
	margin:0 0 20px 0;
}
div.cica  img {
	margin:0px auto;	
}

div.bgacc {
	width:997px;
	background: url(images/accueil.jpg) no-repeat center;
	height:446px;
	text-align:center;
	margin:0 0 20px 0;
}
div.bgacc  img {
	margin:0px auto;	
}

div.skupi {
	width:600px;
	text-align:center;
	margin:0px auto;
}

#content div.mapa {
	margin:25px 0 45px 0; 
}

#content div.mapa a{
	color:#000033;
	text-decoration:underline;
}

#content div.mapa a:hover{
	color:#000033;
	text-decoration:none;
}

.dist {
	width:525px;
	margin:0px auto;
	text-align:left;
}

#content .dist span p{
	margin:0 0 15px 0;
}

.dist span{
	width:280px;	
	float:right;
}

.dist2 {
	width:700px;
	margin:0px auto;
	text-align:left;
}

.dist2 img{
	position:absolute;
}

#content .dist2 div.text p{
	margin:5 0 15px 0;
	text-align:justify;
}

.dist2 div.text{
	width:435px;
	margin: 0 0 0 260px;
}

.opis {
	color:#4d4d6e;
	width:235px;
	margin:285px 0 0 0;
	position:absolute;
	text-align:justify;
}

.box {
	width:500px;
	height:200px;
	margin:0px auto;
	padding:0 0 35px 0;
	text-align:left;
}

.box #menu {
	float:right;
	width:222px;
	color: #000033;
}

.box #menu ul,li {
	display: block;
	margin: 0;
	padding: 0;
	border: 3;
}

.box #menu ul {	
	list-style-type: none;
}

.box #menu li {
	position: relative;
	padding: 0px;
	z-index: 9;
	margin:0 0 5px 0;
}

.box #menu li.folder	{
	
}	

.box #menu li.folder:hover {
	z-index: 10;
	
}
		
.box #menu li.folder ul {
	position: absolute;
	display: none;
	left: 220px; /* IE */
	top: 5px;
}
				
.box #menu li.folder>ul { 
	left: 20px;
}
		
.box #menu ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 200px;
}

.box #menu a {
	padding: 0px;
	text-decoration: none;
	width: 100%; /* IE */
}

.box #menu li>a { 
	width: auto;
}

.box #menu li a.submenu {
	
	display: block;
	
}
.tab {
	width:90%;
	margin:0px auto;
	padding: 3;
	border: 3;
}

			
/* End hide from IE5/mac */

.box #menu a:link, a:visited {
	color: #000033;
	text-decoration:underline;
}

.box #menu a:hover {
	color: #000033;	
	text-decoration:none;
}

.box #menu {
    margin: 0;
    padding: 0;
}
.colorGlace{
    color:green;
    font-size: 12px;
    font-family: "Adobe Garamond Pro";
    font-weight: bold;
} 
.colorHivernal{
    color:blue;
    font-size: 12px;
    font-family: "Adobe Garamond Pro";
font-weight: bold;
} 
.colorVinaigre{
    color:red;
    font-size: 12px;
    font-family: "Adobe Garamond Pro";
    font-weight: bold;
} 
.colorBio{
    color:yellow;
    font-size: 12px;
    font-family: "Adobe Garamond Pro";
    font-weight: bold;
}