body        { font-size: 12pt; }
a           { color: #2020A0; }
a:hover		{ color: #005e72; }
div         { text-align: left; } 
form 		{ margin: 0px; padding: 0px }
.inputtext	{ background: #FFFFFF; }
.board 		{ margin: 2px; padding: 3px; border: 1px #996633 solid; background: #FFFFDD; color: green; }
.tools		{ color: #777; display: inline }
.field		{ border: 1px #ddd solid; width: 100%; }
.helper		{ display: inline; margin-left: 7px; }
.photobutton  { margin-top: 0px; background: #CCC; text-align: center; padding: 2px; color: #888; cursor: pointer; }
.photobuttonh { margin-top: 0px; background: #AAA; text-align: center; padding: 2px; cursor: pointer; }
.authform   { color: #FFFFFF; font-size: 12pt; }
body.sel select { visibility: hidden }


.photo  { border: solid 5px #DDDDDD; cursor: pointer; }
.imgc	{ margin: 0px; margin-top: 5px; margin-bottom: 5px; text-align: center; clear: both; }
.imgl	{ display: inline; margin: 0px; margin-top: 5px; margin-right: 15px; float: left; clear: right; }
.imgr	{ display: inline; margin: 0px; margin-top: 5px; margin-left:  15px; float: right; clear: left; }

.bot	{ position: fixed; background-image: url(bot.jpg); width: 640px; height: 427px; left: 50%; top: 100%; margin-left: -320px; margin-top: -427px; }
* html .bot {
	position: absolute;
	/*  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"); */
}

.orangelink        { color: #ef7d00; }
.orangelink:hover  { color: #ffffff; }

.order { font-family: 'Comfortaa'; font-weight: 700; font-size: 20px; display: block; background-color: #ef7d00; color: #FFFFFF; width: 250px; text-decoration: none; padding: 8px; text-align: center; border-radius: 7px;  }
.order:hover { color: #FFFFFF; text-decoration: underline; }

.order2 { font-family: 'Comfortaa'; font-weight: 700; font-size: 20px; display: block; background-color: #ef7d00; color: #FFFFFF; text-decoration: none; padding: 14px; text-align: center;  border-radius: 7px; }
.order2:hover {  color: #FFFFFF; text-decoration: underline; }


/* Hide boxes */
.hide_box_title {
	color: #FFF;
	background: #ef7d00;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
/* GUES BOOK */
	.gba	{ color: #339933 }
	.gblock { font-family: Verdana; margin-top: 10px; }
	.gadd	{ font-size: 8pt; color: #777; }
	.gfield { border: 1px #ddd solid; }
/* CONTENT */
	.content_title { text-align: left; font-size: 18pt; color: #ef7d00; font-weight: bold; margin-bottom: 10px; font-family: 'Comfortaa';}
	.content_text  { text-align: justify; font-family: Verdana; font-size: 12pt; margin-bottom: 30px; color: black; }

/* FILES */
	.fileitem     { font-size: 8pt; padding: 1px; margin-bottom: 3px; border: 1px solid #eee; }
/* BOXES */
	.boxfield	  { color: #777; width: 100%; padding: 5px;}
	.boxfield_hbg { border: 1px #ded solid; overflow: hidden;}
	.boxhead	  { color: #333; background: #FFF; padding-left: 5px; padding-right: 5px; position: absolute; margin-top: -14px; margin-left: 10px; }
/* MENU	 */  	
	.menuLink	{ color: #FFFFFF; text-decoration: none; }
	.menuLink:hover	{ color: #FFFFFF; text-decoration: underline; }
	.menu0		{ display: inline-block; padding: 5px; margin: 4px; font-size: 12pt; text-align: right; padding-right: 10px; padding-left: 10px; background: #999; }
	.menu1		{ display: inline-block; padding: 5px; margin: 2px; font-size: 12pt; text-align: right; padding-right: 10px; padding-left: 10px; }
	.menu2		{ display: inline-block; padding: 5px; margin: 2px; font-size: 11pt; text-align: right; padding-right: 10px; padding-left: 10px; }
    .menu3		{ display: inline-block; padding: 5px; margin: 2px; font-size: 11pt; text-align: right; padding-right: 10px; padding-left: 10px; }
	.mn			{ background: #ef7d00 }
/* RECOMENDED */
	.w100 		{ width: 100% }
	.edb		{ border: 1px #999 dashed }
	.fly 		{ position: absolute; left: 50%; top: 20px; width: 400px; margin-left: -200px; z-index: 100; }
	.error		{ padding: 7px; color: red; background: #FFF; text-align: center; border: 1px solid red; margin-top: 10px; }
	.message	{ padding: 7px; color: green; background: #FFF; text-align: center; border: 1px solid green; margin-top: 10px; }

/* Fix PNG in IE6 img, div, td { behavior: url(iepngfix.htc) }  */
#over {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000;
   	z-index: 100;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#shaded {
	position: fixed;
    top: 0; left: 0
   	z-index: 90;
}
#imgbox {
	position: fixed;
    font-size: 0px;
	left: 50%;
	top:  0px;
  	z-index: 1000;
}
* html #imgbox {
	position: fixed;
	left: 50%;
	top: 20px;
}
* html #over {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
* html #shaded {
	position: absolute; top: 0; left: 0; z-index: 90;
}



/* SOFT CORNERS */

#rounded-box-10 { margin: 1em }
.w { background-color: #ef7d00 }
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10, .t1, .t2, .t3, .t5 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}
.r10{ margin: 0 10px }
.r9 { margin: 0 9px }
.r8 { margin: 0 8px }
.r7 { margin: 0 7px }
.r6 { margin: 0 6px }
.r5 { margin: 0 5px }
.r4 { margin: 0 4px }
.r3 { margin: 0 3px }
.r2 { margin: 0 2px }
.r1 { margin: 0 1px }

.t2, .t3 { border-right: 2px solid #BBB; border-left: 2px solid #BBB }
.t1 { border-right: 1px solid #BBB; border-left: 1px solid #BBB }
.t5 { margin: 0 5px; background: #BBB }
.t3 { margin: 0 3px }
.t2 { margin: 0 2px }
.t1 { margin: 0 1px }

