@import "reset.css";

body {	background:#000; font-family:Arial;	font-size:12px;	line-height:18px;	color:#78736e;	margin:0; padding:0}

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

div.bg_top{ background: url(../images/bg_top.jpg) top repeat}

div.centr{ width:960px; margin:0 auto; position:relative;}
div.top{ height:130px;}

div.footer{ height:120px;}


.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}

div.top h1{ position:absolute; left:0; top:0; z-index:0}
div.top h1 a{ display:block; width:383px; height:129px; background:url(../images/logo.jpg) top no-repeat; text-indent:-9999px}

div.top ul { width:606px; height:60px; background-color:#1f1a1a; border-top:1px #2e2929 solid; border-bottom:1px #111010 solid; margin-top:45px; position:relative;z-index:1000}
div.top ul li{float:left; height:60px; position:relative}
div.top ul li img{ padding-top:21px}
div.top ul li a{ display:block; width:100px; text-align:center; height:50px; color:#fff; text-transform:uppercase; font-family:Arial; font-size:14px; line-height:14px; padding-top:21px; position: relative; left:0; top:0;  overflow:hidden; }

div.top ul li a span{ display:block; position: relative; left:0; top:0; z-index:1;}

div.top ul li:hover a{ color:#000; }
div.top ul li em{ display:block; width:100px; height:66px; position:absolute; left:0; top:-66px; background:url(../images/bg_hover_menu.png) top no-repeat; z-index:0}

div.top ul li.act em{top:0!important}
div.top ul li.act a{ color:#000;}

h2{ font-size:48px; color:#ff8a00; line-height:48px; height:48px; text-transform:uppercase; padding-top:25px; padding-bottom:15px}

h3{ padding-top:25px; color:#fe8a00; font-size:19px; padding-bottom:20px; line-height:19px; height:19px;}


div.slide{ background-color:#211c1c;}

.pad_30{ padding:0px 30px 30px}
.pad_20{ padding:0px 20px 20px}
em.bor{ display:block; padding-right:10px; border-right:1px #3c3433 dashed}


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

div.content{ padding-bottom:20px}
div.content h1{ font-size:30px; line-height:33px; height:33px; color:#fff;  padding:20px 0px 20px 20px}
div.content h1.red{ color:#d02b2b}
div.content h1.yellow{ color:#ff8a00}

div.bg_content{ background:url(../images/bg_content.png) top repeat;}


ul.list{ padding-bottom:20px; padding-left:25px; padding-right:25px; margin:0; padding-top:0}
ul.list li{ background:url(../images/arrow.png) left 50% no-repeat; padding-top:4px; padding-bottom:4px; min-height:10px; padding-left:30px; border-bottom:1px #564b49 dotted}
ul.list li a{ line-height:16px; color:#78736e; font-size:12px; font-family:Arial; text-decoration:none}
ul.list li a:hover{ color:#d02b2b}

ul.list_2{ padding-bottom:5px;  padding-right:25px; margin:0; padding-top:0}
ul.list_2 li{ padding-top:4px; padding-bottom:4px; min-height:10px;  border-bottom:1px #564b49 dotted}
ul.list_2 li a{ line-height:16px; color:#78736e; font-size:12px; font-family:Arial; text-decoration:none}
ul.list_2 li a:hover{ color:#d02b2b}


div.block ul{ padding-bottom:20px; padding-left:5px;  margin:0; padding-top:0}
div.block ul li{ background:url(../images/white_arrow.gif) left 50% no-repeat; padding-top:4px; padding-bottom:4px; min-height:10px; padding-left:16px;}
div.block ul li a{ line-height:16px; color:#fff; font-size:12px; font-family:Arial; text-decoration:none}
div.block ul li a:hover{ color:#fff; text-decoration:underline}


div.content a{ text-decoration:underline}
div.content a:hover{ text-decoration:none}
div.content b{ display:block; color:#ff8a00; padding-bottom:4px}

a.white{ color:#fff; font-weight:bold; text-decoration:underline; line-height:30px}
a.white:hover{ text-decoration:none}


div.footer{ border-top:1px #241f1e dotted; margin-top:2px}
div.footer ul{ padding-left:15px; padding-top:20px}
div.footer ul li{ float:left; margin:0px 5px; color:#181414}
div.footer ul li a{ color:#564b49; text-transform:uppercase; font-weight:bold; font-size:11px; line-height:12px; height:12px; padding-top:4px; display:block}
div.footer ul li a:hover{ color:#ff8a00;}
div.footer div.copy{ padding-left:20px; padding-top:10px; color:#564b49}

div.footer div.social{ margin-right:38px; padding-top:45px}
div.footer div.social a img{ float: right; margin-right:7px}


a.read{ color:#ff8a00; line-height:18px; font-size:18px; height:18px; background:url(../images/bg_read.png) left no-repeat; padding-left:21px; text-decoration:none!important; margin-left:20px; }
a.read:hover{ color:#fcc07a}
img.photo{ border-bottom:1px #312e2e solid; margin-bottom:15px; padding:3px; background-color:#131010}

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

.notification_error{ height: auto;width: 96%;padding: 2px;background: #121212; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #545454;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #121212; 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 {  cursor:pointer;  border:0; color:#ff8a00; line-height:18px; font-size:18px; height:22px; background:url(../images/bg_read.png) left no-repeat; padding-left:21px; text-decoration:none!important; margin-left:0px; text-align:left}
.button:hover{ text-decoration:none; color:#fcc07a}

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

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

textarea{margin: 0px; padding: 0px;  float: left; background:#121212; border: 1px solid #545454;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:320px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;margin-bottom:8px }

/*====================== 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:85px; height:12px; background:url(../images/bg_big_pin.gif) top repeat-x; margin-top:10px; opacity:.9; border:1px #7e0504 solid; text-transform:uppercase; color:#211c1c; font-size:12px; text-align:center; line-height:12px; padding-top:10px; padding-bottom:7px}
a.more:hover{ opacity:1; color:#000}


div.children{ position:absolute; left:0; top:70px; width:150px; height:95px;z-index:1000; background-color:#000; padding-top:10px; padding-left:20px; z-index:1000}
div.children a{ color:#fff!important; text-decoration:none!important; text-transform:none!important; margin:0!important; padding:4px 0px 4px 0px !important; height:20px!important; width:130px!important; text-align:left!important; line-height:20px!important; border-bottom:1px #333 dotted}
div.children a:hover{ color:#ff8a00!important}