/* CSS Document */
/* CSS Document */
body{
	background: url(images/bg.gif) repeat-x 0 0 #F9F0E3; color:#4E4628;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}


/* ----------------- top navigation start --------------------- */
#topNav{
	width:728px; position:relative;
	margin:0 auto; padding:20px 0 18px 50px;}
#topNav img{
	border:none; float:left; margin:0 34px 0 0;}
#topNav ul{
	background:url(images/top_ul_bg.gif) no-repeat 0 8px;
	width:503px; height:23px; padding:8px 0 0 8px; margin:0 0 0 217px;}
#topNav ul li{
	background-color:#E1DBC7; color:#0B0B0B; float:left;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-transform:uppercase; text-align:center; text-decoration:none;}
#topNav ul li a{
	background-color:#E1DBC7; color:#0B0B0B;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:120px; height:23px; display:block;}
#topNav ul li a.hover{
	background:url(images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:120px; height:23px; display:block;}
/* ----------------- top navigation end --------------------- */

/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(images/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:24px; margin:9px 0 0; float:left;}
#bottomShadow{
	background:url(images/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:24px; float:left;}
/* ----------------- shadow end --------------------------- */

/* ----------------- body start --------------------------- */
#body{
	width:778px; margin:0 auto; position:relative;}
#bodyPannel{
	background:url(images/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
	width:722px; padding:0 28px; float:left;}
#bodyPannel form.login{
	background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
	width:248px; padding:7px 17px 27px 17px; float:left;}
#bodyPannel form.login h2{
	background:url(images/search_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
	width:197px; padding:0 0 10px 50px; float:left;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.login h2 span{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.login label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#bodyPannel form.login input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:158px; height:22px; padding:2px; margin:0 0 8px 0; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#bodyPannel form.login p{
	background-color:#FFFFFF; color:#CC0000; margin:6px 0 0 0;
	font:normal 13px/15px Arial, Helvetica, sans-serif;}
#bodyPannel form.login a{
	text-decoration:none;
	background:url(images/submit_bg.gif) no-repeat #FFFFFF; color:#0B0B0B; border:none;
	width:180px; height:13px; float:left; display:inline; margin:5px 0 0 0; padding:0 23px 0 25px; cursor:pointer;
	font:normal 11px/13px Arial, Helvetica, sans-serif; }

#eventLink{
	width:405px; padding:0 0 0 30px; float:left;}
#eventLink h2{
	background:url(images/event_link_bgx.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 0px;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#eventLink h2 span{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#eventLink ul{
	width:400px; 
	/*float:left; */
	padding:0 0 10px 5px;}
#eventLink ul li{
	font:normal 13px/19px Arial, Helvetica, sans-serif; 
	background:url(images/red_arrow.gif) no-repeat 0 7px #FFFFFF; color:#4E4628;
	padding:0 0 0 10px;}
#eventLink p{ 
	font:normal 11px/16px Arial, Helvetica, sans-serif; background-color:#F9F7ED; color:#4E4628;
	margin: 3px 0 10px 3px; padding: 1px 0 1px 3px;}
#eventLink a.more{
	width: 70px;
	background:url(images/more_bg.gif) no-repeat 70px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:3px 10px 0 0;}
#eventLink a.more:hover{
	width: 70px;
	background:url(images/more_bg_h.gif) no-repeat 70px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:3px 10px 0 0;}
#eventLink #uploadcontrols{
	display: none;
	background-color:#F9F7ED; color:#000000; border:#ECE8DB 1px solid;
	font:normal 11px/16px Arial, Helvetica, sans-serif; color:#4E4628;
	width:370px; padding:7px 17px 0px 17px; float:left; margin-bottom:0px;}


#mymonthes {
	width: 285px;
	border: none;
	background: 0 0 #FFFFFF; color:#4E4628;
	margin: 2px 0px 0 0;
	padding: 0px;
	font: 11px/13px Tahoma, Arial, Helvetica, sans-serif; }
#mymonthes select{
	width: 172px;
	height: 19px;
	margin: 0; padding: 0;
	font: bold 11px/13px Tahoma, Arial, Helvetica, sans-serif;}	
#mygroups {
	width: 285px;
	background: 0 0 #FFFFFF; color:#4E4628;
	margin: 11px 0px 0 0;
	padding: 0px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif; }
#mygroups ul{
	width: 284px;
	border-bottom: 1px solid #F5E1AD;
	color:#4E4628;
	margin: 0 0 11px 0;
	padding: 0px; }
#mygroups ul li {
	width: 283px; height: 19px;
	background-color: #FDF9F2;
	border-top: 1px solid #F5E1AD;
	border-left: 1px solid #F5E1AD;
	margin: 0 0 2px 0; padding: 0px; }

#mygroups ul li a {
	text-decoration:none; display: inline-block;
	/*background-color: #FDF9F2;*/
	width: 228px; height: 19px;	color: #4E4628;
	margin: 0 0 0 0; padding: 0 0 0 3px; }
#mygroups ul li a:hover {
	text-decoration:none; display: inline-block;
	background-color: #FFEAD5;
	width: 224px; height: 19px;
	border-right: 4px solid #FFF1E6;
	margin: 0 0 0 0; padding: 0 0 0 3px; }

#mygroups ul li #manto {
	text-decoration:none;
	display: inline;
	width: 48px; height: 14px; margin: 0px; padding-top: 0px; }
#mygroups ul li #manto a#m1 {
	text-decoration:none;
	background: 0px 0px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a:hover#m1 {
	text-decoration:none; border: none;
	background: 0px -18px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a#m2 {
	text-decoration:none;
	background: -14px 0px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a:hover#m2 {
	text-decoration:none; border: none;
	background: -14px -18px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a#m3 {
	text-decoration:none;
	background: -28px 0px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a:hover#m3 {
	text-decoration:none; border: none;
	background: -28px -18px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a#m4 {
	text-decoration:none;
	background: -42px 0px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }
#mygroups ul li #manto a:hover#m4 {
	text-decoration:none; border: none;
	background: -42px -18px url(images/mygroups_manto.gif) no-repeat;
	width: 14px; height: 14px; margin-left: 2px; padding: 0px; }

#mymonthes select{
	width: 172px;
	height: 19px;
	margin: 0; padding: 0;
	font: bold 11px/13px Tahoma, Arial, Helvetica, sans-serif;}	

#myimages {
	/*border: 1px solid red; */
	border: none;
	width:415px;
	margin:0px; padding:0px;
	text-align: center;
	padding-left:5px;
	height: auto;
	}
#myimages .header {
	border: none;
	text-align: center;
	height: 32px;
	}
#myimages .header a {
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px 0 2px 0;
	margin: 10px 0 3px 0;
	color:#CC0000;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;;
	}


.thumbwrap {
	display: inline-block;
	background: #f8f8f8 url(g10d.gif);
	border: 1px solid #999; padding: 10px 3px 0 3px; margin: 0; }
.thumbwrap li {
	display: inline-block;
	margin: 0 5px 10px 5px; /* top rovina Op7 \*/
	vertical-align: top; /* rovina IE5/Mac */
	padding: 0; width: 70px; }
.thumbwrap a {
	display: block;
	border: 1px solid #F5E1AD;
	padding: 1px; color: #000; background-color: #eee; text-decoration: none; }
.thumbwrap a:hover {
	border-color: #999;
	background-color: #dfd; }
.thumbwrap a img {
	border-width: 0;
	vertical-align: bottom; }
/* hover Op */
@media all and (min-width: 0px) {
	html:first-child .thumbwrap a {
		display: inline-block;
	}
}



#contactBG{
	background-color:#F9F0E3; float:left; color:#0B0B0B;
	margin:18px 0 0 0; padding:15px 20px 15px 38px; width:662px;}
#contact{
	width:322px;}
#contact span.ctop{
	background:url(images/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#contact span.cbottom{
	background:url(images/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block;}
#contact form.contact{
	background:url(images/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
	width:282px; padding:0 20px; float:left;}
#contact form.contact h2.text3{
	background:url(images/contact_h2_bg.gif) no-repeat 0 0 #FCFAF3; color:#0B0B0B;
	padding:0 0 10px 55px; float:left; width:238px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact h2.text3 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact textarea{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact a{
	text-decoration:none;
	background:url(images/more_bg.gif) no-repeat 35px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:35px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input.reset{
	background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
/* ----------------- body end --------------------------- */



/* ----------------- footer start --------------------------- */
#footer{
	position:relative; margin:0 auto; width:773px; padding:12px 0 50px;}
#footer a.xhtml{
	background-color:#CC0000; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.xhtml:hover{
	background-color:#0B0B0B; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css{
	background-color:#0B0B0B; color:#FFFFFF; width:38px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css:hover{
	background-color:#CC0000; color:#FFFFFF; width:38px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer ul{
	float:right;}
#footer ul li{
	float:left; color:#0B0B0B; background-color:#FDF9EE;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a{
	color:#745018; background-color:#F9F0E3; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a:hover{
	color:#0B0B0B; background-color:#EFEBDE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p{
	color:#A90000; background-color:#FDF9EE; padding:0 8px; float:right;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld{
	color:#745018; background-color:#F9F0E3; padding:0 8px; float:right;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld a{
	color:#745018; background-color:#F9F0E3; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld a:hover{
	color:#0B0B0B; background-color:#F9F0E3; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}