@CHARSET "UTF-8";

body, p, td, tr, div, h1 {padding:0; margin:0}

h1{text-indent:-9999px; width:155px; height:75px; background:url(/public/images/www/logo-okna-meritum.png);}
h1.partner{text-indent:-9999px; width:155px; height:75px; background:url(/public/images/www/logo-okno-partner.png);}

body{
	font-family: "Arial";
	font-size:12px; 
	color:#4F575B;
	background:url(/public/images/www/bg.jpg) no-repeat;
	background-position: center;
	background-position: top;
	background-color: #E5D9C4;
}

#wrapper {margin:0 auto; width:983px; min-height:590px; margin-top: 0px;}

#top {width:983px; height:278px; float:left; clear:both;}

#logo {z-index:10; position:absolute; margin-left:0px; margin-top:5px; width:155px; height:75px; cursor:pointer;}
#topNaviBar {z-index:10; position:absolute; margin-left:688px; color:#AFAFAD; margin-top:0px; width:295px; height:28px; background:url(/public/images/www/top-navi-bar.png)}
#topNaviBar ul {font-size:10px; margin:0px; padding:0px; height:28px; margin-top:9px;}
#topNaviBar li {list-style-type:none; padding:0px; display:inline; margin-left:30px;}
#topNaviBar li.sitemap {margin-left:48px;}
#topNaviBar li.contact {margin-left:36px;}
#topNaviBar a {color:#AFAFAD; text-decoration:none;}
#topNaviBar a:hover, a:focus {text-decoration:underline;}

#topImage {position:absolute; margin-left:0px; margin-top: 0px; width:983px; height:278px; background:url(/public/images/www/main.png)}

#menu {width:983px; height:44px;}
#menuLeft {width:4px; height:44px; background:url(/public/images/www/menu-bar-left.png); float:left;}
#menuRight {width:4px; height:44px; background:url(/public/images/www/menu-bar-right.png); float:left;}
#menuCenter {width:975px; height:44px; text-align:center; background:url(/public/images/www/menu-bar-bg.png); float:left;}
.menuButton {cursor:pointer; font-weight:bold; padding-top:4px; margin-top:8px; margin-left:3px; width:159px; height:32px; font-size:16px !important; color:#DF171F; float:left;}
.menuButtonRed {cursor:pointer; font-weight:bold;padding-top:8px; margin-top:8px; margin-left:3px; width:159px; height:28px; font-size:16px !important; color:#FFFFFF; background:url(/public/images/www/menu-box-red.png); float:left;}

#breadcrumb {width:983px; height:37px; background:url(/public/images/www/breadcrumb.png); float:left; clear:both;}
#breadcrumbMain {cursor:pointer; width:45px; height:37px; float:left;}
#breadcrumbLink {float:left; color:#CFCFCF; margin-left:20px; margin-top:10px;}
#breadcrumbLink a {color:#CFCFCF; text-decoration:none;}
#breadcrumbLink a:hover, a:focus {text-decoration:underline;}

#content {width:983px; min-height:200px; float:left; clear:both; margin-top:10px;}
#contentLeft {width:292px; min-height:200px; float:left;}
#contentRight {width:651px; min-height:200px; float:left; padding:20px;}

#subMenuRight {width:287px; height:280px; padding-left:5px; background:url(/public/images/www/right-menu-bg.png) no-repeat;}
/*#subMenuRight ul {font-size:18px; font-weight:bold; margin:0px; padding:0px; height:28px; margin-top:0px; padding-top:18px;}
#subMenuRight li {cursor: pointer; height:31px; list-style-type:none; padding:0px; margin-left:30px; padding-top:5px; padding-left:20px; background:url(/public/images/www/sub-menu.png) no-repeat;}
#subMenuRight li:hover {cursor: pointer; list-style-type:none; padding:0px; margin-left:30px; padding-top:5px; padding-left:20px; background:url(/public/images/www/sub-menu-hover.png) no-repeat;}
#subMenuRight a {color:#FFFFFF; text-decoration:none;}*/
/*#subMenuRight a:hover, a:focus {text-decoration:underline;}*/

#subMenuHeader {padding-left:20px; width:272px; padding-top:5px; height:36px; background:url(/public/images/www/right-menu-header.png) no-repeat; color:#FFFFFF; font-weight:bold;}
#subMenuPromotion {padding-left:10px; padding-right:10px;}


#bottom {width: 983px; height: 198px; background:url(/public/images/www/bottom.png); float:left; clear:both;}

#bottomLeft{float:left; width: 605px; padding:10px; margin-top:35px;}
#bottomRight{float:left; width: 335px; padding:10px;}
#bottomDown{clear:both; text-align:center;}
#bottomDown a {color:#4F575B;}
.title {font-size:18px; font-weight:bold; color:#D4151D;}



#galleryL1 {list-style:none;margin:15px 0 0 0;padding:0;float:left}
.galleryL2 {list-style:none;margin:0;padding:0;float:left}
.galleryL1_li {list-style:none;margin:0;padding:0;float:left}
.galleryL2 li {float:left}

.galleryBox {width:200px;margin:0 15px 0 0;padding:0}
.galleryBoxLast {width:200px;margin:0;padding:0;float:left}
.galleryThumb   {width:190px;height:160px;margin:0;padding:9px;border:1px solid #808080;background:#FFFFFF}
.galleryThumb a {width:190px;height:160px;background-position:center;background-repeat:no-repeat;display:block}
.galleryCaption {width:200px;padding:10px 0 20px 0;text-align:center}
.galleryCaption a {font:normal 10px Tahoma;text-decoration:none;color:#808080}
.galleryCaption a:hover {text-decoration:underline}

.marg3 {margin:3px; border: 1px solid #808080; }
.marg4 {margin:4px; border: 1px solid #808080; }
.marg5 {margin:5px; border: 1px solid #808080; }

.titleRed {font-size:14px !important; color:#DF171F; font-weight:bold;}


fieldset {float:left;     clear:both;     width:80%;     margin:0 0 1.5em 0;     border:1px solid #7E7E7E; }
fieldset.submit{    float:none;     width:auto;     border-style:none;     padding-left:13.5em;     background-color:transparent}
legend {margin-left:1em;     padding:0;     color:#000;     font-weight:bold}
fieldset ol {padding:1em 1em 0 1em;     list-style:none}
fieldset li {float:left;     clear:left;     width:100%;     padding-bottom:1em}
label {float:left;     width:10em;     margin-right:1em;     text-align:right}
label strong {display:block;     color:#C00;     font-size:85%;     font-weight:normal;     text-transform:uppercase}
label em {display:block;     color:#060;     font-size:85%;     font-style:normal;     text-transform:uppercase}
label.required{}
dd { padding-bottom: 10px; text-align:left;}