html {
	width: 100%
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", Helvetica;
	font-size: 90%;
	color: #3D3535;
	background: #E4E5E0 url(pozadina.gif) repeat;
	margin: 20px;
	padding: 0px;
	line-height: 140%;
	text-align: center; 
}

/* Hyperlinks */

a:link, a:active, a:visited {
	color: #010080;
}

a:hover {
	color: #9F3460;
	text-decoration: none;
	background-color: #C1C1C1;
}

/* Wrapper */
.all {
	text-align: center; 
	align:center;
	margin: 0px auto;
	width: 947px;
}

/* the container */
.box {
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px; 
	text-align: left; 
	width: 90%;
}

.pic-holder {
	height:200px;
	padding:0px;
	margin:0px;
}

.pic-lijevo {
	width: 673px;
	height: 200px;
	padding: 0px;
	float: right;
}

.pic-desno {
	max-width: 175px;
	max-height: 200px;
	margin:auto;
	padding: 0px;
	float: left;
}

.menu {
	background-color: #FFFFFF;
	text-align: right; 
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;	
}

.menu a:link, .menu a:active, .menu a:visited {
	background: #EDEEEA ;
	color: #3D3535;
	text-decoration: none;
	font-weight: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 0;
}

.menu a:hover {
	background: #D6D8CF;
	color: #9F3460;
	text-decoration: none;
	font-weight: none;
	padding: 15px 7px 3px 7px;
	margin: 0 4 0 0;
}

/* first info bar */
.header1 {
	background-color: #EDEEEA; 
	padding: 5px;
	margin: 0px;
	margin-top: 6px;
	margin-bottom: 3px;
	text-align: right;
}

/* second info bar */
.header2 {
	background-color: #EDEEEA; 
	padding: 5px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;
}

.header2 h1 {
	font-size: 250%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-top: 12px;
	padding-bottom: 10px;
	font-style: italic; 
}

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

.fixing {
	display: inline-table;
}

* html .fixing {
	height: 1%;
}

.fixing {
	display: block;
}

/* Main content */

.content {
	margin-right: 220px;
	padding: 20px;
}

.content h1 {
	font-size: 130%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #D6D8CF;
	color: #010080;
}

.date {
	font-size: 80%; 
	color: #0000FE; 
	padding: 0px 0px 0px 0px;
}

/* Right column */

.rightcol {
	margin-top: 30px;
	width: 210px;
	float: right;
}

.header-1 {
	background-color: #010080;
	color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}

.header-2 {
	background-color: #0000FE;
	color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}

.header-3 {
	background-color: #00FF01;
	color: #010080;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}

.p2 {
	padding: 20px;
	background-color: #FFFFFF;
	font-size: 100%;
	list-style-image: url(images/b.gif);
	list-style-position: 10px;
}

.p2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footer {
	clear:both;
	background-color: #D6D8CF;
	padding: 4px;
	font-size: 70%;
	text-align: center;
	margin-top: 3px;
}

.menu-footer  {
	text-align:right;
	margin-top: 3px;
	font-size: 80%;
}

.align-right {
	text-align: right
}

.send_comment {
font-size : 12px;
background:#D6D8CF;
padding : 2px;
padding-top:10px;
margin : 9px 0 10px 0;
}

.comments_title{

font-size : 13px;
padding-top:2px;
padding-left:4px;
padding-bottom:1px;
margin-bottom:0px;
background:#D6D8CF;


}

.one_comment0{
background:#FFFFFF;

padding : 2px;
padding-top:3px;
margin-bottom:0px;
}

.one_comment1{
background:#EDEEEA;


padding : 2px;
padding-top:3px;
}


.one_comment_from0{
font-size:12px;
border-bottom: 1px solid #D6D8CF;
}

.one_comment_from1{
font-size:12px;
border-bottom: 1px solid #D6D8CF;
}

.comment_text, .comment_area {
width:350px;
}

div.send_comment a{
color:#3D3535;
}

#captcha{
border:1px solid #3D3535;
}

