body,h1,h2 {
	background-color: #ffffff;
	color:#666666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	margin:0;
	padding:0;
	background: url("/styles/images/rupestremanichiaro.JPg") repeat ;
}      
h1 {	background: url(naslov.gif) no-repeat; }
p.menutop {text-align: center; color: #666666; font-size: 10pt; 
}
p.menutop a:hover {
	text-decoration: underline;
	background: #06d;
	color: #FFc;
}


p.menu {text-align: left; color: #666666; font-size: 10pt; 
}
p.menu a:hover {
	text-decoration: underline;
	background: #06d;
	color: #FFc;
}


p.riservata {text-align: center}

a.BANNER
{
    text-align: Center;
    background-color: #FFFFFF;
    color: #008080;
    font-size: 16px;
    font-family: 'Times New Roman';
    text-decoration: None;
    width: auto;
    height: 25px;

}
a.BANNER:hover
{
    text-align: Center;
    background-color: #FFFFFF;
    color: #008080;
    font-size: 16px;
    font-family: 'Times New Roman';
    text-decoration: None;
    width: auto;
    height: 25px;

}
 
#colonna1 {	
        float: left;
	width: 200px;
	height: auto;
        color:#666666;
        text-align:left;
        border-right: 1px solid #ccc;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 30px;
}

#colonna2 {	
        float: right;
	width: 220px;
	height: auto;
        color:#666666;
        text-align:center;
        border-left: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 30px;
}


#boxcolonna2 {	
        float:none ;
	width: 210px;
	min-height: 15px;
	height: auto;
        text-align:center;
	font-size: 9pt;
        color:#000000;
	margin: 10px;
	padding: 5px;
        border: 1px solid #ccc;
}

#boxcontent{	
        float: none;
	width: 300px;
	min-height: 15px;
	height: auto;

	font-size: 9pt;
        color:#000000;

	text-align:center;
	margin: 10px;
	padding: 5px;
        border: 1px solid #ccc;

	 background-color: #dddddd;
         background: url("../artenauti/fiorenza/images/2009/stalkingbnx.JPG") no-repeat ;
}

.desc {
	background-color: #ffffff;
	color:#666666;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt; 
}

a:link,a:visited {color: #06c; text-decoration:none;}
a:hover {color: #f60; text-decoration:underline;}
h1,h2,h3 {font-weight:bold;}

p {margin: 0 0 10px 0; color:#666666; padding:0 0 0 0;}
	
.more {
	text-align: right;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 10px;
}
	
.more a {
	text-align: right;
}

input.text {
  	font-family:Arial,Helv,sans-serif;
	font-size:11px;
    color: #628BC4;
	background: transparent; 
    border: 1px solid #ccc;
    font-weight: bold;
}

input.submit {
  	font-family:Arial,Helv,sans-serif;
	font-size:11px;
    font-weight: bold;
	color: #06C;
    
	background: transparent; 
	border-width: 0px;
}
  
input.login {
  	font-family:Arial,Helv,sans-serif;
	font-size:11px;
    color: #628BC4;
	background: transparent; 
    border: 1px solid #ccc;
    font-weight: bold;
}
  
h2 {
	margin-bottom: 7px;
	font-size: 11pt;
	height: 20px;
	background: url(naslov.gif) no-repeat;
	padding-top: 3px;
	padding-left: 5px;
	color: #f60;
}

h2 a, h2 a:visited {
	color: #f60;
}

h2 a:hover {
	color: #06c;
	text-decoration: none;
}

h3 {
	margin-top: 15px;
	margin-bottom: 5px;
}

.tabs {
	text-align: right;
	padding-left: 13px;
	padding-right: 30px;
	font-weight: bold;
}
	
#container {
max-width: 1000px;
width: auto;
	margin: auto;
	padding-left: 12px;
	padding-right: 10px;
	background: #FFF url(pozadina.gif) no-repeat;
	color: #333;
	line-height: 130%;
}

#top {
	height: 50px;
//	background: url("/styles/images/logo1.JPG") no-repeat left bottom;
	background: url("/styles/images/sfera1.jpg") no-repeat left bottom;
	margin-bottom: 5px;
	padding-top: 20px;
	font-size: 15pt;
	color: #666666;
}


.podnaslov {
	font-size: 8pt;
	padding-left: 11px;
	color: #808080;
}

.poslovni {
	color: #808080;	
}


#left {
	float: left;
	width: 125px;
border-right: 1px solid #ccc;


}


#left a, #left a:visited {
	display: block;
	text-decoration: none;
	height: 17px;
	padding-left: 3px;
	padding-right: 13px;
	/*border-bottom: 1px solid #ccc;*/
	
}

#left a:hover {
	text-decoration: underline;
	background: #06d;
	color: #FFc;

}

#right {
	padding-right: 10px;
	float: right;
	width: 213px;
	text-align:justify;

}


#content {
	padding-top: 6px;
	margin-left: 135px;
	margin-right: 230px;
	padding-right: 10px;
	text-align:justify;
    border-right: 1px solid #ccc;
}
#content1 {
	padding-top: 6px;
	padding-right: 10px;
	text-align:justify;

}
#content2 {
	padding-top: 6px;
	padding-right: 10px;
	text-align:justify;
         max-width: 200px;

}
#footer {

	margin-top: 8px;
	margin-left: 135px;
	margin-right: 230px;
	padding-top:4px;
	padding-bottom:4px;
	
	color:#999999;
	margin-bottom:10px;
	text-align:right;
	border-top: 2px solid #ccc;
}

div.textimage{
color:#666666;
	text-align:left;
width: 200px; margin: 0px; 
border: 0px; background-color: #eee
}

div.textimage img{
float:left;
margin: 10px
}

div.clearer{clear: left}

div.textimage1{
margin: 5px; 
border: 0px; background-color: #eee
}

div.textimage imgdx{
float:right;
margin: 10px
}