@charset "utf-8";
* {margin:0; padding:0; border:0; outline:0}
body,div,ul,li,h1,h2,h3,p,img,form,input,select,textarea,table,tr,td {margin:0; padding:0; border:0; outline:0}
body {min-height:100%; background:#fff url(../i/bodybg.gif) 0 0 repeat-y; color:#4d4d4d}
html,body {font:normal 100.01%/1.125em Tahoma, Verdana, Arial, Helvetica, sans-serif; height:100%; width:100%; min-width:987px}
form {height:100%; margin:0; padding:0; border:0; outline:0}
table, table td, table th {border-collapse:collapse; text-align:left}
img{border:0}
a {color:#34508E}
a:hover {text-decoration:none; color:#8dc63f}
ul {list-style:none; padding:0 0 10px 10px}
ul li {list-style:none; font:normal 1em/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; background:url(../i/markerLI.gif) 5px 6px no-repeat; padding:0 0 10px 30px}
ul li ul {padding-top:10px}
ul li ul li{background:url(../i/markerLI2.gif) left 3px no-repeat; padding-bottom:0}

h1, h2, h3 {font-weight:normal}
h1 {font:bold 1.35em/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#C53606; display:block; padding:5px 0 12px 0}
h2 {font:bold 1.125em/1.35em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:underline; padding:0 0 10px 0}
h3 {font:bold 1em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:5px 0 10px 0}
p {margin:0 0 20px; font:normal 1em/1.325em Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:justify}
p.green {color:#8dc63f; padding-left:3%}
sup {margin:-10px 0 15px; display:block; font:normal 0.876em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#95999F; border-bottom:#3BA82C 1px dashed}

/* Clear
-----------------------------------------------------------------------------*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}

/* Position 
-----------------------------------------------------------------------------*/
.width {width:100%}
.height {height:100%}
.left {float:left}
.right {float:right}
.right:after {content: "."; display: block; height: 0; clear: both; float:none; visibility: hidden; }
.center {text-align:center; margin:0 auto; padding-bottom:18px}
.center div {text-align:center; margin:0 auto}
.top {vertical-align:top}
.padtop {padding-top:20px}
.padleft {padding-left:20px}
.padright {padding-right:20px}
.padbottom {padding-bottom:20px}
.martop {margin-top:10px}
.marleft {margin-left:20px}
.marright {margin-right:20px}
.marbottom {margin-bottom:20px}
.nowrap {white-space:nowrap}
.border {border:#348D2B 4px solid}
a:hover .border {border:#4D4D4D 4px solid}

/* Wrapper 
-----------------------------------------------------------------------------*/
#wrapper {min-width:987px; min-height:100%; height:auto !important; height:100%; max-width:1600px}

/* Header
-----------------------------------------------------------------------------*/
#header {position:relative; background:#fefefe url(../i/headbg.png) 0 0 repeat-x; width:100%}
#header .headup {background:url(../i/headbg.jpg) right 0 no-repeat; position:relative; background0:#666; width:100%}
#header .logo a {background: url(../i/logo.jpg) no-repeat; width:180px; height:90px; display:block; position:relative}
#header .navigation {position:absolute; top:50px; right:360px; width:108px; height:33px}
#header .navigation a {text-decoration:none; position:relative; display:block; width:36px; height:33px; padding:0; margin:0; float:left}
#header .navigation a.main {background: url(../i/main.png) center center no-repeat}
#header .navigation a.mail {background:url(../i/mail.png) center center no-repeat}
#header .navigation a.map {background:url(../i/map.png) center center no-repeat}
#header .navigation span {visibility:hidden; display:none}

/* mainMenu 
-----------------------------------------------------------------------------*/
#mainMenu {display:block; position:relative; background:url(../i/mainmenuT.gif) 0 0 repeat-x}
#mainMenu div {display:block; position:relative; height:36px; background:url(../i/mainmenuL.jpg) 0 0 no-repeat; margin:0; padding:0; text-align:right}
#mainMenu div.mmleft {float:right; width:auto; display:block; position:relative; background:url(../i/mainmenuR.jpg) 0 0 no-repeat; padding-left:55px}
#mainMenu ul {background:url(../i/mainmenuBG.gif) 0 0 repeat-x; height:36px; padding:0; margin:0; display:block; position:relative}
#mainMenu li {list-style:none; float:left; position:relative; background:url(../i/markerMainMenu.gif) 0 18px no-repeat; padding:0 10px 0 20px}
#mainMenu li.first {background:none; padding-left:0}
#mainMenu li a {height:23px; display:block; padding:17px 0 0; width:1%; font:bold 0.786em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#626262; text-decoration:none; white-space:nowrap}

#mainMenu li a.active, #mainMenu li.first a.active {background:url(../i/mainmenuSel.gif) center 33px no-repeat; width:auto}
#mainMenu li a:hover {color:#4d4d4d}

/* Middle
-----------------------------------------------------------------------------*/
.middle {padding:0 0 115px;	font:normal 0.8125em/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif}
.middle:after {content:'.';	display:block; clear:both; visibility:hidden; height:0}
.middle .container {position:relative; padding:0; margin:0}
.middle .in {margin-left:209px; margin-right:20px; padding-top:20px;}
.middle .content {width:100%; position:relative; display:block; height:1%}
.middle .content ul {width:95%}
.middle .content ul li {text-align:justify; line-height:1em; background:url(../i/markerLI.gif) 5px 3px no-repeat}

.middle .path{font:normal 0.867em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#585858; padding:0 0 10px 15px; display:block}
.middle .path a{font:normal 1em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif}
.middle table.contentPhoto {width:90%; text-align:center; margin:0 auto; margin-bottom:30px}
.middle table.contentPhoto td {text-align:center; border:#DCDCDC 1px solid; padding:10px}
.middle table.contentPhoto h3 {display:block; width:200px; margin:0 auto}
.middle ul.phone {background:url(../i/phone.gif) 0 5px no-repeat; padding:0 0 20px 70px}
.middle ul.phone li {background:none; padding:0}

#sorting th {padding:0 35px 0 7px; height:40px; border:#787878 1px solid;}
#sorting td {border:#787878 1px solid; padding:0 7px; white-space:pre-line}
#sorting tr:hover {background:#eee}

.middle .table {border:#787878 1px solid; border-collapse:collapse; margin:20px auto 20px; min-width:690px; width:94%}
.middle .table thead th {padding:0 10px; text-align:center; background:#eee}
.middle .table th {padding:0 7px; height:40px; border:#787878 1px solid}
.middle .table td {border:#787878 1px solid; padding:0 7px}
.middle .table tbody tr:hover {background:#eee}
.middle .table .head th {border-bottom:#787878 1px solid; background:#DCDCDC}
.middle .table th {border-bottom:#787878 1px solid}
.middle .table .caption {color:#972929; font-weight:bold; height:30px}

.middle .price td, .middle .price th {padding:0 10px; text-align:center}
.middle .mapLevel0 {background:url(../i/markerLIhome.gif) left 1px no-repeat}
.middle .mapLevel1 {background:url(../i/markerLI2.gif) 20px 1px no-repeat; padding-left:50px}

.middle input, textarea, select {border:#cecece 1px solid; margin:5px 0 10px}
.FormDescription {border:#cfcfcf 1px solid; background:#eaeaea; padding:10px 20px}
.block {display:block}
.FormButton {cursor:pointer}
.FormMessage {color:#972929}

/* Side Left
-----------------------------------------------------------------------------*/
.sideleft {position:relative; left:0; width:169px; padding:0; float:left; text-align:center}
.sideleft .sectiontitle {display:block; width:124px; height:23px; text-align:left; background:#f2f5f9 url(../i/titlebg.jpg) 0 bottom no-repeat; color:#4d4d4d; padding:39px 0 0 45px; white-space:nowrap}
.sideleft img {padding:10px 9px 0 0}

/* submenu 
-----------------------------------------------------------------------------*/
#submenu {background:#D4D9DF url(../i/submenubg.gif) 0 bottom no-repeat; padding:14px 0 27px; margin:0 0 30px 0; text-align:right}
#submenu li {background:none; padding:0; margin:0; background:#d4d9de; color:#fff; border-top:#eceff1 1px solid; border-bottom:#aeb3b7 1px solid}
#submenu li a {display:block; padding:8px 15px 10px 20px; margin:0; color:#4d4d4d; width:133px; font:normal 0.876em Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; border:0; background:#d4d9de url(../i/submenuli-bg.gif) 0 bottom repeat-x;}
#submenu li a:hover {background:#d4d9de url(../i/submenulibga.gif) 0 bottom repeat-x; color:#000}
#submenu li.active a {background:#d4d9de url(../i/submenulibga.gif) 0 bottom repeat-x; color:#C53606}
#submenu li.active a:hover {background:#d4d9de url(../i/submenulibga.gif) 0 bottom repeat-x}

--#submenu li.active a span {background:#d4d9de url(../i/markerSubMenu.gif) 10px center no-repeat; padding-left:30px; display:block}
--#submenu li.active a {background:#d4d9de url(../i/markerSubMenu.gif) 10px center no-repeat; color:#C53606}
--#submenu li.active a:hover {cursor:default; background:#d4d9de url(../i/markerSubMenu.gif) 10px center no-repeat}

/* Footer
-----------------------------------------------------------------------------*/
#footer {margin:-75px 0 0; min-width:987px; max-width:1600px; height:75px; background: url(../i/footerbg.gif) bottom left repeat-x}
#footer a {font:normal 0.735em/1.075em Tahoma, Verdana, Geneva, sans-serif}

#footer0 div span.counters {float:left; position:relative; padding:0 25px 0 10px; display:block; left:0}
#footer div pre {font:normal 0.687em/1.075em Tahoma, Verdana, Geneva, sans-serif; margin-top:13px; padding:0px 20px 0 0; text-align:right; border-left:#fff 1px solid; 	float:right; position:relative; width:150px; right:0}
#footer div address {display:block; position:relative; font:normal 0.735em/1.125em Tahoma, Verdana, Geneva, sans-serif; height:23px; margin-top:5px; padding:0 20px 0 0; text-align:right; position:relative; margin-right:171px; border-right:#c1c5cd 1px solid}
 
#footerMenu {display:block; position:relative; background:url(../i/footermenuT.gif) 0 0 repeat-x}
#footerMenu div {display:block; position:relative; height:36px; background:url(../i/footermenuR.jpg) right 0 no-repeat; margin:0; padding:0; text-align:right}
#footerMenu div.mmleft {float:left; width:auto; display:block; position:relative; background:url(../i/footermenuL.jpg) right 0 no-repeat; padding-right:55px}
#footerMenu ul {background:url(../i/footermenuBG.gif) 0 0 repeat-x; padding:0; margin:0; height:36px; display:block; position:relative}
#footerMenu li {list-style:none; float:left; position:relative; background:url(../i/markerMainMenu.gif) 0 8px no-repeat; padding:0 10px 0 20px}
#footerMenu li.first {background:none; padding-left:10px}
#footerMenu li a {0height:19px; display:block; padding:7px 0 0; width:1%; font:bold 0.786em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#626262; text-decoration:none; white-space:nowrap}
#footerMenu li a:hover {color:#4d4d4d}

/* WebBox
-----------------------------------------------------------------------------*/
.webbox {display:none; visibility:hidden}

/* Modules */
.Modules {display:block; width:100%}
.Modules .Author {font:normal 0.75em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif}
.Modules .Rating {}
.Modules .Topic {}
.Modules .Date {font:normal 0.75em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif}
.Modules .Description {}

#Articles {}
.ListTitle {font:bold 1em/1.75em Tahoma, Verdana, Arial, Helvetica, sans-serif; display:block; color:#409337; padding:0 0 5px 25px}
#Books {}
#Discuss {}
#Downloads {}
#Events {}
#Faq {}
#GuestBook {}
#ParentSection {}
#Participants {}

#Photo {width:100%; text-align:center}
#Photo table {width:100%; margin:0; padding:0}
#Photo table td {margin:0; padding:0 10px; vertical-align:top; text-align:center; width:33%}
#Photo table td img {border:#dadada 5px solid; margin-top:5px}
#Photo table td a:hover img {border:#8dc63f 5px solid}
#Photo table td table {margin:0 auto}
#Photo table td table td {border:0; padding:3px; margin:0; background:#dadada}
#Photo table td table td img {border:0; padding:0; margin:0}
#Photo table td table td a:hover img {border:0; padding:0; margin:0}
#Photo table td table {border:0; width:100px}
#Photo table td table td {border:0; width:25px}
#Photo .Thumbnails {padding:5px 0}
#Photo .Thumbnails div {padding:5px 0 0}
#Search {}
#SiteMap {}
#Topics {}
#Users {}
#Vacancies {}
#Wares {}

/* Admin */
div.editContent {clear:both; display:block; height:auto; padding:0 10px}
div.editContent a {text-decoration:none; font:normal 1em/2.25em Tahoma, Verdana, Arial, Helvetica, sans-serif}
div.editContent div {display:inline}

object {display:block; margin:0; text-align:left; margin-bottom:10px}

object.jcprincess {width:673px; height:206px; background:url(/UserFiles/Image/Portfolio/Flash/jc-princess.jpg)}
object.jcprincess2 {width:673px; height:206px; background:url(/UserFiles/Image/Portfolio/Flash/jc-princess2.jpg)}
object.jcprincess3 {width:673px; height:206px; background:#000}

#Photo table td.PagerClass {height:50px; padding-top:5px; text-align:left; background:#F2F5F9}
.PagerClass span {padding:0 5px}
.PagerClass .currentPage {font-size:12px; font-weight:bold; background:#8dc63f; border:#fff 1px solid}
.PagerClass .currentPage a {color:#fff; text-decoration:none}
.PagerClass .pagerTextClass {display:block; color:#4d4d4d; font-size:11px;}

ul.mapsite li {background:none}
ul.mapsite li.mapLevel0 {background:url(../i/markerLIhome.gif) left 1px no-repeat}
ul.mapsite li.mapLevel1 {background:url(../i/markerLI.gif) 20px 4px no-repeat; padding-left:50px}
ul.mapsite li.mapLevel2 {background:url(../i/markerLI2.gif) 50px 3px no-repeat; padding-left:80px}
ul.mapsite li.mapLevel3 {background:url(../i/markerLI3.gif) 80px 4px no-repeat; padding-left:100px}
