@import "reset.css";

body {	background:#e7e7e7 url(../images/bg_body.gif) top right repeat-x; font-family:Arial;	font-size:12px;	line-height:18px;	color:#bcbcbc;	margin:0; padding:0}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}
a, button{ outline:none; color:#fff}
a:hover{ text-decoration:none}

b{ display:block; color:#e2c475;}
/*==== GLOBAL =====*/
span.special{ display:block}

.right_30{ margin-right:40px;}
.right_20{ margin-right:20px;}
.left_20{ margin-left:20px;}


h1{ color:#e2c475; font-size:22px; text-transform:uppercase; font-style:oblique!important; line-height:22px; height:22px; white-space: nowrap}
h3{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:italic; color:#bcbcbc; font-weight:normal; padding-top:5px}
h2{ color:#2d2f33; font-size:24px; text-transform:uppercase; padding-bottom:14px; padding-left:0px; padding-top:22px}

div.center{ width:960px; margin:0 auto; z-index:0; position:relative;}
div.top{ height:65px; background:#2d2f33; border-bottom:1px #000 solid}
div.top a.logo { margin:20px 0px 0px 20px}
div.menu{ height:65px;  border-top: 1px #3f4346 solid; background:#2d2f33 url(../images/menu_left.gif) left bottom no-repeat}
	div.menu span.right_bottom{ display:block; width:100%; height:65px; background:url(../images/menu_right.gif) right bottom no-repeat}
	
		div.menu span a{ display:block; width:158px; text-align:center; font-size:18px; color:#fffefe; text-transform:uppercase; text-decoration:none; padding-top:12px; line-height:18px; float:left; height:52px}
		div.menu span a small{ color:#fff; font-size:13px; font-family:Verdana; display:block; font-style:italic; text-transform:none; width:158px; text-align:center; float:left; padding-top:5px; display:block}
		div.menu span a.act{ color:#e2c475}
		div.menu span a.act small{ color:#e2c475}
		div.menu span a.act:hover small{ color:#e2c475}
	div.line{ background:url(../images/line.gif) top repeat-y; width:2px; height:64px; float:left}
	
img.photo{ margin-bottom:10px}	
	
	.yelow{ color:#e2c475}
/*===================== Sub Pages =====================*/
.grid_1{ width:500px;}
.grid_2{ width:658px;}
.grid_3{ width:300px;}
.grid_4{ width:300px; padding-right:10px}

.grid_5{ width:690px;}
.grid_6{ width:268px;}
.grid_7{ width:230px;}
.grid_8{ width:479px}
.grid_9{ width:200px}
.grid_10{ width:610px;}

.pad_25{ padding:22px}
div.box_1{ background-color:#2d2f33; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; behavior: url(border-radius.htc); margin-top:3px;

}

div.box_2{ color:#2d2f33; background:none!important}
div.box_2 a{ color:#2d2f33;}
div.box_3{ background:#2d2f33 url(../images/bg_footer.gif) top no-repeat; color:#8f9091; min-height:30px; position:relative}

.bg_map{ background:url(../images/bg_map.gif) 10px 50px no-repeat}

.b_left{ border-left:1px #575d60 solid}
.b_right{ border-right:1px #000 solid}
.b_bottom{ border-bottom:1px #000 solid}
.b_top{ border-top:1px #3b3f42 solid}


a.more{ display:block; width:107px; height:29px; background:url(../images/bg_more.gif) top left no-repeat; cursor:pointer; margin-top:0px}
a.location{ text-decoration:none; font-size:14px; text-transform:uppercase; color:#eae0c6; padding-left:10px;  position:relative; line-height:16px}
a.read{ display:block; width:107px; height:39px; background:url(../images/bg_read.gif) left 10px  no-repeat; cursor:pointer; padding-bottom:10px}
a.footer_menu{ text-transform:uppercase; color:#8f9091; font-weight:bold; padding:0px 10px; text-decoration:none; }
a.footer_menu:hover{ color:#fff; text-decoration:underline}


div.footer div.right { padding-top:10px}

div.line_top{ position:absolute; width:2px; height:10px; background:url(../images/line_top.gif) top no-repeat; top:0; left:690px}

div.footer{ background:	#2d2f33; color:#8f9091; height:80px}

.upp{ text-transform:uppercase}

ul.list li a{ height:30px; background:url(../images/arrow_list.gif) left 5px no-repeat; padding-left:20px; display:block; color:#bcbcbc; text-decoration:underline}
ul.list li a:hover { background-position:left -25px; color:#e2c475; font-weight:bold; text-decoration:underline}

div.list_a{ margin-top:10px}
div.list_a img{ margin-top:8px; margin-right:10px; }
div.list_a a{ line-height:24px; color:#2d2f33; text-decoration:none;}
div.list_a a:hover{ text-decoration:underline; color:#000}


/*===================== Social =====================*/
	
div#anima{ margin:20px}
div#anima a{ display:block; width:23px; float:right; margin-right:3px}


	/* ============================= JS START ===================================== */

.carousel-box {	position: relative;		padding: 0 ; margin:0}

	.carousel-box .carousel {
		height: 310px;
		overflow: hidden;
		width:680px}

	.carousel-box button.prev {
		background: url(../images/left.gif) left bottom no-repeat;
		width: 22px;
		height: 21px;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 280px;
		left: 400px;
		z-index: 200;
		cursor: pointer; outline:none!important ;  margin:0; padding:11px}
	
.carousel-box button.prev:hover { background-position:left top;  outline:none}
		
	.carousel-box button.next {
		background: url(../images/right.gif) left bottom no-repeat;
		width: 22px;
		height: 21px;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 280px;
		left: 440px;
		z-index: 200;
		cursor: pointer; outline:none;  margin:0; padding:11px}
	
.carousel-box button.next:hover { background-position:left top}

.carousel-box button.next:active, .carousel-box button.prev:active, .carousel-box button.next:link, .carousel-box button.prev:link{ margin:0;padding:11px; outline:none!important; border:0!important}
		
.carousel-box .carousel ul{ width:800px;  height:310px; margin:0; padding:0}		
.carousel-box .carousel ul li{ float:left; width:800px; height:310px; display:block; }
img.man{ position:absolute; z-index:201; right:0; top:3px}

/* ============================== JS END ====================================== */


/*====================== Read More ====================*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }




/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #363636; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #706b69; }
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #363636; text-align: center;  } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #dddddd solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.button { width:90px; height:30px; background:#aaa; text-align:center; line-height:28px; color:#3a3a3a; cursor:pointer; text-decoration:none; margin-top:15px; text-transform:uppercase; font-size:12px;display:block; margin-bottom:10px; font-weight:bold}
.button:hover{ text-decoration:none}

/* Label */
label  { width: 75px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #6e6e6e;  color: #fff; background:#b2b2b2; font: 12px Arial, Helvetica, Arial, sans-serif; height:22px; margin-bottom:3px; width:560px }

textarea{margin: 0px; padding: 0px;  float: left; background:#b2b2b2; border: 1px solid #6e6e6e;  color: #d9d4d1;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:560px }