@font-face {
    font-family: 'monion';
    src: url('fonts/monionpro-boldcnit-webfont.eot');
    src: url('fonts/monionpro-boldcnit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/monionpro-boldcnit-webfont.woff') format('woff'),
         url('fonts/monionpro-boldcnit-webfont.ttf') format('truetype'),
         url('fonts/monionpro-boldcnit-webfont.svg#monion_probold_cond_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* Layout */

html, body	{width: 100%; height: 100%; min-height: 100%; padding: 0; margin: 0; min-width: 900px; position: relative;}
body	{background: #633 url(images/bg-main.png); font-size: 11pt; font-family: arial, helvetica, verdana, tahoma, san-serif; color: #765; overflow-x: hidden;}

td {font-size: 10pt;}

#main {min-height: 100%; height: auto !important; height: 100%; margin-bottom: -36px; position: relative;}
* html #main { height: 100%;}
.wrap { margin: 0 auto; width: 920px; padding-bottom: 40px; z-index: 5; }
#line-top {height: 36px; background: url(images/bg-top.png) repeat-x; box-shadow: 3px 0 20px #000; z-index: 3; position: relative;}
#line-bottom {height: 36px; background: url(images/bg-bottom.png) repeat-x; box-shadow: -3px 0 20px #000; z-index: 4; position: relative;}
#line-left {position: absolute; left: 0; width: 353px; height: 100%; background: url(images/bg-left.png) repeat-y; opacity: 0.5; z-index: 1;}
#line-right {position: absolute; right: 0; width: 353px; height: 100%; background: url(images/bg-right.png) repeat-y; opacity: 0.5; z-index: 2;}

#header {height: 120px; text-align: center; background: url(images/advokats.png) center center no-repeat; z-index: 6; position: relative;}
#logo {margin-top: -36px; cursor: pointer;}
#advokat1 {position: absolute; right: -10px; bottom: 0;}
#advokat2 {position: absolute; left: -20px; bottom: 0;}

#content { position: relative; min-height: 400px; background: #fff; box-shadow: 0 0 30px #310; z-index: 3;}
#menu-bottom {height: 4px; background: url(images/bg-menu-bottom.png) repeat-x;}
#column-r {float: right; width: 640px; padding: 5px 20px 20px 20px;}
#column-l {float: left; width: 240px; background: #ece6dc url(images/bg-column.png) top no-repeat; padding-bottom: 25px;}

#footer {padding: 15px 0; color: #cab89b; text-shadow: -1px -1px 0 #310; font-size: 9pt;}
#footer a {text-shadow: none;}

#slider-wrapper {padding1: 10px;}
#slider {width: 920px; position:relative;}
#slider img {width: 920px;}


/* Formatting */

.just {text-align: justify;}
.center {text-align: center;}
.left {text-align: left;}

.w40  {width: 40px;}
.w60  {width: 60px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w400 {width: 400px;}
.w500 {width: 500px;}

.mt10 {margin-top: 	10px;}
.mr10 {margin-right:	10px;}
.ml10 {margin-left:	10px;}

.f8 {font-size: 8pt;}
.f9 {font-size: 9pt;}
.f12 {font-size: 12pt;}
.f14 {font-size: 14pt;}
.bold {font-weight: bold;}

.b {border: solid 1px cyan;}

.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}

.red {color: #c00; font-weight: bold;}

.hidden {display: none;}

/* Forms */

.inp, textarea {background: #f4ebe1;
background: -moz-linear-gradient(top,  #f4ebe1 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ebe1), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #f4ebe1 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #f4ebe1 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #f4ebe1 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #f4ebe1 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ebe1', endColorstr='#ffffff',GradientType=0 );
border: solid 1px #c1b097; padding: 3px 2px; font-family: arial, helvetica, verdana, tahoma, san-serif;}
.inp1 {background: #a04635;
background: -moz-linear-gradient(top,  #a04635 0%, #491c10 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a04635), color-stop(100%,#491c10));
background: -webkit-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: -o-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: -ms-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: linear-gradient(to bottom,  #a04635 0%,#491c10 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a04635', endColorstr='#491c10',GradientType=0 );
 border: solid 1px #631; color: #fff; font-weight: bold; padding: 3px 10px; text-align: center; text-shadow: -1px -1px 0 #000;}
.inp1:hover { cursor: pointer; box-shadow: 0 0 10px #631, 0 0 15px #dc5430 inset;}
.inp_red {background: #fdd; border-color: #a00;}
.inp2 {padding: 3px 0;}

/* Tags */

hr { color: #c0a190; background-color: #c0a190; border: 0px none; height: 1px; clear: both; }
.hr { background-color: #c0a190; height:1px; line-height: 1px; clear: both; margin: 5px 0; font-size: 0; }
form {padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3, .block-title {color: #633; font-weight: bold; font-family: 'monion', Georgia, Times, serif; font-style: italic;}
h1 {font-size: 22pt; border-bottom: 2px solid #c0a190; padding: 0 0 5px 0; margin: 0 0 10px 0;}
h2 {font-size: 16pt; margin: 0 0 10px 0;}
.block-title {font-size: 16pt;}

a {color: #800; text-decoration: none; }
a:hover {color: #c00; text-decoration: underline; }

.link1 {	padding: 0 0 0 10px; margin: 0px; background: url(images/link.png) 0 5px no-repeat;}
.link1:hover {background-position: 0 -60px; }

.share42init {display: block; margin: 10px 0 -5px 15px; opacity: 0.8;}
.share42init a {opacity: 0.7;}
.share42init a:hover {opacity: 1;}

/* Blocks */

.block {padding: 10px; font-size: 9pt;}
.block h1, .block h2 {margin-top: -5px;}
.block.main {padding: 10px 20px; font-size: 11pt;}
.block .block-title {background: url(images/bg-title.png); width: 210px; height: 43px; padding: 5px 20px 0 20px; margin-left: -22px; font-size: 16pt; text-shadow: 1px 1px 0 #dbc7a7;}

/* Menu & buttons */

#oMenu {height: 50px; width: 100%; background: #d2c0a6 url(images/menu.png) top repeat-x;}
#oMenu td {}

#oMenu div a {display: block; height: 45px; padding: 5px 15px 0 15px; text-decoration: none; font-size: 18pt; text-shadow: 1px 1px 0 #e1d8ca; color: #633; font-weight: bold; font-family: 'monion', Georgia, Times, serif; font-style: italic; background: #d2c0a6 url(images/menu.png) center center repeat-x; text-align: center;}
#oMenu div:hover a {text-decoration: none; background-position: top !important; color: #4a2525; text-shadow: 1px 1px 0 #cdbaa0; height: 47px; padding: 3px 15px 0 15px; }
#oMenu a.active {background-position: bottom !important; box-shadow: none !important; text-shadow: -1px -1px 0 #55392f; color: #fff; }
#oMenu a.first {border-radius: 5px 0 0 5px;}

#oMenu div { position: relative;}
#oMenu div div {display: none; float: none !important; position: absolute; top: 30px; left: 0; border: 1px solid #357ac1;  box-shadow: 1px 1px 8px #2c66a1;}
#oMenu div div a {background: #4197ee !important; box-shadow: none !important; white-space: nowrap; color: #fff !important; text-shadow: 1px 1px 0 #044 !important;}
#oMenu div div a:hover {background-color: #357ac1 !important;}
#oMenu .menu-separator {width: 2px; background: url(images/menu-separator.png) top no-repeat; }


.form_butt {display: block; float: left; width: 24px; height: 24px; background-repeat: no-repeat; background-position: left top;}
.form_butt:hover {background-position: left bottom;}

/* buttons */

.butt {display: inline-block;  font-family: arial, helvetica, verdana, tahoma, san-serif; font-size: 10pt; background: #ddd;
background: -moz-linear-gradient(top,  #ffffff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
border: solid 1px #bbb; color: #666; font-weight: bold; text-align: center; text-shadow: 1px 1px 0 #fff;
border-radius: 5px; padding: 4px 10px; cursor: pointer;
 margin-right: 5px;
}
.butt:hover {text-decoration: none; background: #fff;
border-color: #aaa; cursor: pointer; box-shadow: 0 0 5px #ccc; }
.butt i {display: block; width: 16px; height: 16px; background-repeat: no-repeat; float: left; margin-right: 5px;}
.butt.red {background: #fc9;}


/* Tables */

.cool_table {border: 1px solid #937567; border-collapse: separate; border-spacing:1px;}
.cool_table th {padding: 2px 7px 5px 7px; font-weight: bold; font-size: 10pt; text-align: center; color:#FFFFFF; background: #a04635;
background: -moz-linear-gradient(top,  #a04635 0%, #491c10 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a04635), color-stop(100%,#491c10));
background: -webkit-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: -o-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: -ms-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: linear-gradient(to bottom,  #a04635 0%,#491c10 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a04635', endColorstr='#491c10',GradientType=0 );
}
.cool_table td {font-weight: normal; font-size: 10pt; background: #ece6dc;
border-right: 1px solid #af9082; border-bottom: 1px solid #af9082; padding: 3px 7px;}
.cool_table tr.odd td {background: #e3d8c7;}
.cool_table tr:hover td {background: #fff; }

/* News & articles */

.articles_one {margin-bottom: 5px; }
.articles_all {padding: 10px; margin-bottom: 5px; border: 1px solid #e2bf86; border-radius: 5px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ece6dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ece6dc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ece6dc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ece6dc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ece6dc 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ece6dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ece6dc',GradientType=0 );

}
.articles_all:hover {background: #f2eee9; box-shadow: 0 0 10px #c3a474;}
.articles_unactive {border: 1px solid #f00;}
.articles_title {font-size: 16pt; font-weight: bold; font-family: 'monion', Georgia, Times, serif; font-style: italic;}
.articles_thumb {float: left; margin-right: 10px; margin-bottom: 10px; width: 120px; height: 90px; padding: 5px; background: url(images/bg_articles_thumb.png) no-repeat; position: relative;}
.articles_thumb_mini {float: left; margin: 5px 8px 0 0; width: 75px; height: 56px; border: 1px solid #eee;}
.small_date {padding: 1px 3px; font-size: 7pt; background: #d8e8ff; font-weight: bold;}
.date_articles {font-size: 9pt;}

/* oDrop */

.oDrop_outer {position: relative; margin-bottom: 10px; height: 5px; z-index: 1111; font-size: 9pt; white-space: nowrap;}
.oDrop {background: #def3ff; border-radius: 5px; padding: 3px 7px; border: 1px solid #68aac2; }
.oDrop:hover {cursor: pointer; -moz-box-shadow: 0 0 5px #689; -webkit-box-shadow: 0 0 5px #689; box-shadow: 0 0 5px #689;}
.oDrop div {display: none;}
.oDrop div a1 {display: block; padding: 3px 6px; border-radius: 5px; background-image: none; font-size: 9pt;}
.oDrop div a1:hover {background: #4c8daa url(images/bg-forum-th.png) center center repeat-x; color: #fff; text-decoration: none;}
.oDrop div a {display: block;}

/* Pagenate */

.pagenate {margin-bottom: 10px;}
.pagenate a, .pagenate span {padding: 2px 6px; background: #fff; border: 1px solid #ccc; margin-right: 3px; text-decoration: none; font-size: 8pt; font-family: verdana, tahoma, arial, helvetica, san-serif;}
a.prev_next {background: #fff; }
.pagenate a:hover {background: #ddd; }
.pagenate span {background: #999; font-weight: bold; color: #fff;}

/* FAQ */

.faq_section {background: #fff url(/images/bg-news.png) top repeat-x; border: 1px dashed #ccc; border-radius: 5px; margin: 5px 0; padding: 10px; position: relative;}
.faq_edit {display: none; position: absolute; right: 10px; background: #fff; padding: 0 0 3px 5px;}
.faq_edit a {float: left; margin-right: 3px;}
.faq_section:hover .faq_edit, .faqDiv:hover .faq_edit {display: block;}

.faqDiv {display: none; background: #fff url(/images/bg-news.png) top repeat-x; border: 1px dashed #ccc; border-radius: 5px; margin: 5px 0; padding: 0 10px; position: relative;}
.faqAsk {display: block;}
.faqAsk.bold {font-weight: bold; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #ccc; background-position: 0 10px;}

/* Common */

#breadcrumbs {font-size: 8pt; float: right; margin: 7px 5px 0 0; color: #fff; text-shadow: -1px -1px 0 #069;}
#breadcrumbs a {color: #fff;}

label.radio {background: #ecfafa; border: 1px solid #0aa;  padding: 2px; cursor: pointer;}
label.radio:hover {background: #bfeded;}
label.radio.checked {background: #099; color: #fff;}
label.radio input {margin: -3px 3px 0; vertical-align: middle;}

/* GuestBook */

.guest {font-size: 11pt; padding: 10px; margin-bottom: 10px; border: 1px solid #e2bf86; border-radius: 5px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ece6dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ece6dc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ece6dc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ece6dc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ece6dc 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ece6dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ece6dc',GradientType=0 );
}
.guest:hover {box-shadow: 0 0 15px #dcb;}
.guest .name { font-weight: bold;}
.guest .post { margin: 10px 0 0 42px;}
.guest .quote_text {position:relative;background:#fff6c7;margin:.25em 0;border:1px solid #aaa;padding:.25em}
.guest .guestReply {background: #fff; padding: 10px 15px; border-radius: 5px; margin-left: 60px; box-shadow: 2px 2px 0 1px rgba(208,194,171,0.8);}
.arr-up { width:0px; height:0px; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #fff; margin-left: 80px; margin-top: 10px;}

#quote .quote1 {border: none; width: 40px; font-size: 8pt; background: none; padding: 5px;}
#quote .quote2 {border: #9ebcc7 solid 1px; background: #ddbb7f; padding: 5px; font-size: 9pt;} 

/* Tooltip -Styles */

.tooltip {padding: 5px; font-size: 11px; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat; background-image: url(/js/tooltips.gif); }
.tooltip-inner { padding: 5px 10px; max-width: 200px; pointer-events: none; color: #000; text-align: center; background-color: #fff; border-radius: 3px; box-shadow: 0 0 10px #000;}
.tooltip-bottom { background-position: top center; }
.tooltip-top { background-position: bottom center; }
.tooltip-left { background-position: right center; }
.tooltip-right { background-position: left center; }

/*  staff  */

.staff {background: url(images/bg-staff.jpg); width: 250px; height: 174px; padding: 30px; float: left; margin-right: 10px; font-size: 10pt;}
.staff img {float: left; margin: 0 10px 10px 0; box-shadow: 0 0 10px #631; border: 1px solid #e3d8c7;}
.staff strong {color: #633; font-weight: bold; font-family: 'monion', Georgia, Times, serif; font-style: italic; font-size: 13pt;}
.staff a {display: block; padding: 5px 10px; width: 120px; color: #fff; margin: -10px 0 0 50px; text-align: center; border-radius: 5px; border: solid 1px #631; text-shadow: -1px -1px 0 #000;
background: #a04635;
background: -moz-linear-gradient(top,  #a04635 0%, #491c10 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a04635), color-stop(100%,#491c10));
background: -webkit-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: -o-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: -ms-linear-gradient(top,  #a04635 0%,#491c10 100%);
background: linear-gradient(to bottom,  #a04635 0%,#491c10 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a04635', endColorstr='#491c10',GradientType=0 );
}
.staff a:hover {box-shadow: 0 0 15px #c93 inset; text-decoration: none;}

/* oWin */

#oWinOverlay { position: fixed; z-index: 10; top: 0px; left: 0px; height:100%; width:100%; background: rgba(0,0,0,0.5); display: none;}

.oWinOuter {position: fixed; left: 50%; top: 200px; z-index: 9999; border: 2px #999 solid; border-radius: 8px; box-shadow: 0 5px 15px #000; padding: 1px; background: #666; display: none; min-width: 200px; overflow-y: auto; overflow-x: hidden;}
.oWinInner {display: block; padding: 10px; border-radius: 6px; text-align: left;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 20%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #ffffff 20%,#dddddd 100%);
background: -o-linear-gradient(top,  #ffffff 20%,#dddddd 100%);
background: -ms-linear-gradient(top,  #ffffff 20%,#dddddd 100%);
background: linear-gradient(to bottom,  #ffffff 20%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
.oWinTitle {font-family: myfont, sans-serif; font-size: 16pt; background: #ccc; padding: 5px 10px; margin: -10px -10px 10px -10px; border-radius: 6px 6px 0 0; text-shadow: 1px 1px 0 #eee;}
.oWinClose {display: block; float: right; width: 16px; height: 16px; margin: 4px 0 0 10px; background: url(/o-icon/oWinClose.png) top no-repeat;}
.oWinClose:hover { background-position: bottom;}