/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@import "css/reset.css";

body {	background:#f3f1f0 url(images/bg_body.jpg) top fixed; font-family:Arial;	font-size:12px;	line-height:18px;	color:#404040;	margin:0; padding:0; }

.bg{ position:absolute; min-height:100%; top:0; left:0; background: url(images/bg_top.png) center 0px no-repeat; min-width:100%; z-index:0; }

div.bg_bottom{ background:url(images/bg_footer.png) center  bottom no-repeat}

div.centr{ width:1000px; margin:0 auto; position:relative;}
div.top{ height:174px; }
div.slide{ height:387px; }
div.footer{ height:172px;}
div.content{ background:#000; padding:20px;}

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

h1{ margin:0; padding:0;}


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

h2{ font-size:30px; color:#352b17; line-height:30px; height:30px; padding-bottom:6px; text-transform:uppercase}

.top h1{ margin-top:10px; margin-left:20px; font-size: 43px;}
div.top h1 a{ display:block; width:342px; height:56px; color:#000; padding-top: 10px;}

div.top ul { margin-left:14px; padding-top:35px}
div.top ul li{ float:left; width:143px; height:49px; margin-left:16px}
div.top ul li a{ display:block; width:143px; height:49px;  text-align:center; line-height:24px; color:#050201; font-size:24px; height:24px; padding-top:12px; padding-bottom:13px; background:url(images/bg_pin_menu1.png) left top no-repeat;}

div.top ul li a:hover, div.top ul li a.act{ background:url(images/bg_pin_menu.png) left top no-repeat; }

.grid_30{ width:310px;}
.grid_20{ width:22%;}
.grid_70{ width:600px;}
.grid_50{ width:48%;}
.grid_80{ width:670px;}


div.content h1{ font-size:36px; line-height:36px; height:36px; color:#C86800; border-bottom:1px #b7af96 dotted; margin-bottom:20px; padding-bottom:10px}
div.content a{ text-decoration:underline}
div.content a:hover{ text-decoration:none}


div.footer ul{ padding-left:30px; padding-top:20px}
div.footer ul li{ float:left; margin:0px 5px}
div.footer ul li a{ color:#543f15; text-transform:uppercase; font-weight:bold; font-size:12px;}
div.footer ul li a:hover{ color:#ff6000;}
div.footer div.copy{ padding-left:35px; padding-top:10px}
b{ text-transform:uppercase;}
div.footer div.social{ margin-right:38px; padding-top:25px}
div.footer div.social a img{ float: right; margin-right:7px}

big{ text-transform:uppercase}
big span{ color:#ff6000}

a.read{ color:#9c9c9c; line-height:30px}
a.read:hover{ color:#000; line-height:30px}
img.photo{ border:1px #ccc solid; margin-bottom:5px}

img.img_page_1{ position:relative; z-index:100}

.bg_gray{ background-color:#f3f1f0; position:relative; padding: 20px; margin-top:-20px}


/* Label */
label  { width: 80px;  margin: 0px; float: left; text-align: left; padding-bottom:12px}

/* Input, Textarea */
input, select{ margin: 0px; padding: 0px;  float: left; border: 1px solid #6dbbc6;  color: #fff; background:#2c2721; font: 12px Arial, Helvetica, Arial, sans-serif;  margin-bottom:8px; width:300px; }

textarea{margin: 0px; padding: 0px;  float: left; background:#2c2721; border: 1px solid #6dbbc6;  color: #000;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:680px }

.radio{ width:40px; float:left; }
.check{ width:25px; float:left; }


#nav-one li ul{ width:1000px; height:50px; background: url(images/bg_slide_down.html) top repeat; position: absolute ;z-index:1000; left:0px; top:50px; display:none}
#nav-one li ul a{ float:left; display:block; width:22%; color:#fff; background:url(images/arrow.html) 75px 50% no-repeat; font-size:18px; color:#b0f5ff; text-decoration:none; text-align:left; padding-left:90px}
#nav-one li ul a:hover{ color:#fff;}
ul.gallery a{ width:125px!important; white-space:nowrap; background:url(images/arrow.html) 35px 50% no-repeat!important; padding-left:55px!important}


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

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

.button { width:98px; height:30px; background: url(images/submit.png) top no-repeat;  cursor:pointer; text-decoration:none; margin-top:15px; display:block; margin-bottom:10px; text-indent:-999px; border:0; opacity:.9; line-height:1px; font-size:1px ; color:#8C7D66}
.button:hover{ text-decoration:none; opacity:1}

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

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #948871;  color: #000; background:#f7f7f7; font: 12px Arial, Helvetica, Arial, sans-serif; height:22px; margin-bottom:3px; width:490px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

textarea{margin: 0px; padding: 0px;  float: left; background:#f7f7f7; border: 1px solid #948871;  color: #000;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:490px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/*====================== 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; }

a.more{display:block; cursor:pointer; width:98px; height:30px; text-indent:-9999px; background:url(images/bg_read_more.png) top no-repeat; margin-top:10px; opacity:.9}
a.more:hover{ opacity:1}

div.block{ height: 160px; background:#fff url(images/bg_block.jpg) top center no-repeat;}
div.block ul{ margin-left:60px; padding-top:30px}
div.block ul li{ padding-left:30px; background:url(images/arrow.png) left 50% no-repeat; padding-bottom:4px; padding-top:4px}
div.block ul li a{ color:#ff6000; font-size:12px; text-transform:uppercase; text-decoration:underline;}
div.block ul li a:hover{  text-decoration:none;}

h3{ color:#fff; font-size:24px; line-height:24px; text-transform:uppercase; padding-top:38px}
h3 span{ display:block; color:#ffbe00; font-size:40px; line-height:40px; height:40px; padding-top:2px}