@font-face {
    font-family: Broadway; 
    src: local("Broadway"), url('/style/Broadway.ttf'); 
  }

body{
	margin: 5%;
	margin-top: 0%;
	font-size: 100%;
}


.logo
{
	font-family: Broadway, Impact, Arial;
	font-size: 200%;
	color: #6699FF;
	text-decoration: none;
}

.copy
{
	font-family: Broadway, Arial;
	font-size: 70%;
	color: #666666;
}

.search{

	padding: 2%;
	-webkit-border-radius: 5px;
    	border-radius: 5px;
	background-image: url('/style/oblako.jpg');
	width: 95%; 

}

.p50{

	
	width: 50%; 

}


.search2{

	padding: 2%;
	background-color: #6699FF;
}

.searchbox{
    width: 80%; 
    
}

.searchbutton{
    width: 19%; 
}

.catalog{
	margin: 1%;
	color: #0000FF;
}

.catalog2{
	margin: 1%;
	font-size: 110%;
	color: #333333;
}

.cat{
	margin-left: 1.5%;
	font-size: 120%;
	line-height: 110%;
	color: #333333;
}

.zcat{
	font-size: 140%;
	color: #333333;
}

a{
	color: #0000FF;
}

.add
{
	color: #FFFFFF;
	background-image: url('/style/oblako.jpg');
	padding: 3%;
	text-decoration: none;
	font-size: 120%;
}

.add2
{
	color: #FFFFFF;
	background-image: url('/style/oblako.jpg');
	padding: 1.5%;
	text-decoration: none;
	font-size: 120%;
}

.addbox{
    width: 100%; 
    border: 1px solid #808080;
}

.textgray
{
	width: 90%; 
	font-size: 80%;
	color: #666666;
}

.err
{
	width: 90%; 
	font-size: 120%;
	color: #CC3366;
}

.reyt
{
	margin-left: 1.5%;
	font-size: 90%;
	color: #666666;
}

.number
{
	font-family: Showcard Gothic, Impact, Arial;
	font-size: 170%;
	color: #666666;
}
.message
{
	margin: 5%;
	font-size: 170%;
	color: #666666;
}

.line
{
	border-bottom: 1px solid black;
}

.page
{
	
	font-weight: bold;
	font-size: 140%;
}
.page a
{
	padding-left: 3%;
	text-decoration: none;
}

.page strong
{
	padding-left: 3%;
}

.rec
{
	width: 90%; 
}

.sms
{
	margin: 5%;
	font-size: 130%;
	color: #666666;
}