/* RESET */

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td { margin:0; padding:0; border:0; outline:none; }
body { line-height:1.5; font-size:11px;font-family:"Century Gothic"; }
h1,h2,h3,h4,h5,h6 { font-size:100%;   margin:0; font-weight:normal; }
ul,ol { list-style-position:outside; margin-left:10px; line-height:21px; }
a{ text-decoration:none; color:#000000; }
.clear{ clear:both;}

/* CUSTOMIZATION */
 
.generalcolors{ color:#FFF!important; background-color:#606044!important; border-color:#fff!important;}
.generalcolors-footer{ color:#FFF!important; background-color:#823325!important; border-color:#823325!important;}
.maincolor{ color:#FFF!important;}
.mainkbk{ background-color:#f3e7c8!important; color:#333!important;}

/* GENERAL */

body{ width:100%; height:100%; overflow:hidden; background-color: #823325;}
.loading{ height:100%; width:100%; position:absolute; background:url(../_img/spinner.gif) no-repeat center center;  z-index:0; overflow:hidden;}

h1.logo a{ padding:10px 20px 20px 10px;  font-family:"Century Gothic"; font-size:40px; color:#FFFFFF; text-transform:uppercase;}
h2.logo{   padding:0px 20px 20px 10px;font-family:"Century Gothic"; letter-spacing:1px; margin-top:0px;  font-size:16px; text-transform:lowercase; color:#FFFFFF;  }
form{ z-index:1001;}
input{ 
	height:20px;
	color:#333333;
	z-index:1001; 
	padding-left:10px; 
	padding-right:10px;
	border:1px solid #333; 
	display: inline; 
	background-color:#FFFFFF;
	font-size:12px;
	}
textarea{ 
	font-family:"Lucida Grande", "Lucida Grande CY", Arial, sans-serif; 
	font-size:11px;height:50px;
	color:#333333;
	z-index:1001;  
	padding:5px 10px 5px 10px;
	border:1px solid #333; 
	font-size:12px; 
	}
#submit, #search{ 
	margin-left:10px; 
	background:url(../img/bk_menu_button1.png) repeat-x center center #606044;
	border:1px solid #333;   
	color:#FFFFFF; 
	height:20px;
	text-transform:uppercase; 
	line-height:20px; 
	padding-bottom:0px;
	display: inline; 
	font-size:10px;
	}
 

/* CONTENT */

#content{ position:absolute; bottom:55px; left:15px; z-index:1000; width:33%; text-align:justify; color:#FFFFFF; }
#content h2{ text-transform:uppercase; font-size:12px; text-align:left;}
#content .h2-home{ font-weight: bold;  font-size:14px; text-align:left;}
#content .p-home{ font-size:13px; text-align:left;}

#contentbox{ 
	position:absolute;  
	top:50%;
	margin-top:-170px; 
	left:50%; 
	height:380px;
	margin-left:-375px;  
	z-index:100; 
	width:725px;
	background-color:#FFFFFF;
	 padding:10px 20px 10px 20px;
	 
	 filter:alpha(opacity=80);
     opacity: 0.8;
     -moz-opacity:0.8;
	  }
	
#contentbox a{ text-decoration:underline;} 
#contentbox a:hover{ text-decoration:none; color:#666666;} 
#contentbox h2{ font-size:36px; color:#333333; font-family:"Century Gothic"; border-bottom:1px solid #666666; padding:0; margin-bottom:23px; }
#contentbox h4{ font-size:15px; color:#FFFFFF;}
#contentbox p{ margin-bottom:5px; text-align:left;}
#contentbox .left{ width:425px; height:240px; overflow:auto; float:right; padding-right:10px; font-size: 13px;}
#contentbox .left-full { width: 725px; height:240px; overflow:auto; float:right; padding-right:10px; font-size: 13px;}
#contentbox .right{ width:245px; float:right; margin-left:20px; padding-left:20px; border-left:1px solid #666666; font-size: 13px;}
#contentbox h3{ font-weight:bold; margin-bottom:5px; font-size:16px;}
#contentbox .socials{ border-top:1px solid #666666; clear:both; position:absolute; bottom:10px; width:725px; padding-top:10px; text-align:right;}
#contentbox .socials img{ height: 26px;}
#contentbox .date{ font-size:36px; display:block;}
#contentbox .tit{}
#contentbox .cont{}
#contentbox #tab2{ display:none;}
#contentbox .leftbutton{ 
	float:left;   
	margin-top:5px;
	background:url(../img/bk_menu_button1.png) repeat-x center center #000000; 
	line-height:24px; 
	min-width:100px;
	margin-bottom:2px; 
	text-decoration: none; 
	margin-left:15px;
	white-space: nowrap;  
	text-align:center;
	font-size:10px; 
	font-family:"Lucida Grande", "Lucida Grande CY", Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #333; 
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
	border-radius:5px;
	padding:0 5px 0 5px;
	color:#FFFFFF; }

#contentbox .comment{ overflow:hidden;}
#contentbox .comment .avatar{ float:left; margin-right:15px; width:50px;}
#contentbox .comment .meta{ float:left; margin-bottom:10px; color:#999999; }
#contentbox .comment .meta .author{  color:#000; font-weight:bold; }
#contentbox .comment p{ display:block; float:left; width:340px; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:15px; }

.contact iframe{ float:left; margin-right:5px;}
.contact ul{ padding-left:5px; width:170px; float:left;}

/* FOOTER */

#footer{ 
	height:40px; 
	width:100%; 
	position:absolute; 
	bottom:0; 
	background:url(../_img/bg_footer.jpg) repeat-x center center #fff; 
	z-index:1000;
	border-top:1px solid #fff; 
	line-height:40px; 
	}
#footer form{ padding-left:15px;}

.credits{ position:absolute; bottom:0px; line-height:40px; font-size:10px; right:15px; z-index:1000;color:#FFFFFF; }
.credits a {color: #fff;}

/* GALLERY */

#gallery{ width:790px; height:400px; top:50%; margin-top:-190px; left:50%; margin-left:-375px;  z-index:100; position:absolute;}
#gallery .image{ 
	width:253px; 
	height:180px; 
	overflow:hidden; 
	float:left; 
	margin-right:10px; 
	position:relative; 
	margin-bottom:10px; 
	background-color:#FFF;
	}
#gallery .image .title{ position:absolute; top:10px; left:15px; font-size:27px;font-family:"Century Gothic"; color:#000; }
#gallery .image .description{ position:absolute; bottom:15px; left:15px; width:223px; font-size:12px; color:#000; display:none;}
#gallery .image img{ position:absolute; top:10px; left:10px; width:233px; height:160px;}
#lightbox{ z-index:1000!important;}

#bkgallery .next, #nav .next{ 
	position:absolute; top:50%; right:15px;padding-right:0px; 
	background:url(../_img/next_right.png) no-repeat center center;
	height:81px;
	width:30px;
	line-height:36px; 
	white-space: nowrap;  
	text-align:center;
	font-size:36px;  
	text-indent:-5000px;
	padding:0 7px 0 10px;
	color:#FFFFFF;
	text-shadow:#999999 0 1px ;
	margin-top:-40px;
	opacity:.3;
	}
#bkgallery .prev, #nav .prev{ position:absolute; top:50%; left:15px;
	background:url(../_img/next_left.png) no-repeat center center;
	height:81px;
	width:30px;
	text-indent:-5000px; 
	line-height:36px; 
	white-space: nowrap;  
	text-align:center;
	font-size:36px; 
	 margin-top:-40px;
	padding:0 10px 0 7px;
	color:#FFFFFF;
	text-shadow:#999999 0 1px ;
	opacity:.3;
} 

.jbg-next:hover,.jbg-prev:hover , #nav .prev:hover, #nav .next:hover{ opacity:1;}


/* CONTACT */

.contactform input{ width:223px; margin-bottom:10px; margin-right:10px; float:left;}
.contactform textarea{ width:223px; margin-bottom:15px; margin-right:10px; float:left;}
.contactform label{ float:left;}
.contactform #submit{ width:100px; margin-left:145px; font-size:11px; line-height:24px; height:24px;}
.notification_error{ border:1px solid #606044; background-color: #fff; width:223px; padding:3px;}
.notification_ok{ border:1px solid #606044; background-color: #fff; width:225px; padding:3px;}

/* BACKGROUND GALLERY */

#bkgallery img{ position:absolute; top:0; left:0; display:none}
#bkgallery img#im1{ display:block;}