/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Perfecta SEO page
Primary Use:      Screen
Version:          1.0
Date:             09.03.2010.
Last Change:      09.03.2010.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

body  { background: #234b63 url(../images/body-bkg.gif) top left repeat-x; font-family: arial, helvetica, sans-serif; padding-top: 32px; }
#wrapper  { width: 921px; padding-left: 31px; margin: 0px auto; background: url(../images/faux-bkg.gif) top right repeat-y; overflow: hidden; zoom: 1; }
#container  { background: url(../images/container-bkg.jpg) top left no-repeat; padding-top: 26px; }

img[align=left],
.fl { float:left; }
img[align=right],
.fr { float:right; }
.cb { clear:both; }

#header { margin: 0 29px 40px 30px; height: 240px; position: relative; background: url(../images/header-bkg.jpg) top right no-repeat; }
#header .logo { position: absolute; top: 39px; left: 22px; width: 265px; height: 47px; background: url(../images/logo.gif); text-indent: -9999px; }
#header p { position: absolute; bottom: 50px; left: 22px; width: 328px; height: 35px; background: url(../images/header-txt-bkg.gif); text-indent: -9999px; margin: 0; }

/*------------ column-01 --------------------*/
#column_01  { float: right; width: 608px; padding-right: 29px; margin-top: -6px; font-size: 13px; line-height: 19px; color: #333; font-family: Georgia, "Times New Roman", serif; }

#column_01 h1 { font-size: 34px; line-height: 36px; font-weight: normal; margin-bottom: 15px;  }
#column_01 h2 { font-size: 24px; line-height: 26px; font-weight: normal; font-style: italic; margin-bottom: 17px; }
#column_01 h3 { font-size: 18px; line-height: 26px; font-weight: normal; font-style: italic; margin-bottom: 18px; }
#column_01 h4 { font-size: 18px; line-height: 20px; font-weight: normal; font-style: italic; margin-bottom: 12px; }
#column_01 p  { margin-bottom: 15px; }
#column_01 ul { margin: 0 0 10px 30px; list-style: disc; }
#column_01 ol { margin: 0 0 10px 30px; list-style: decimal; }
#column_01 .box ul li,
#column_01 .box ol li { padding-bottom:6px; }

#column_01 .box { padding-bottom: 40px; margin-bottom: 35px; border-bottom: 1px solid #dedede; position: relative; background: url(../images/box-bkg.jpg) bottom right no-repeat; overflow: hidden; zoom: 1; }
#column_01 .box a { color: #7396bf; text-decoration: none; }
#column_01 .box a:hover { color: #333; text-decoration: underline; }
#column_01 .box a.go_to_top { position: absolute; left: 2px; bottom: 0; padding: 0 0 5px 26px; background: url(../images/bullit-02.gif) left 1px no-repeat; font-size: 11px; line-height: 13px; font-weight: bold; font-style: italic; color: #ccc; cursor: pointer; }

/* PAGINATION */
.pagination { padding:0 0 40px; text-align:center; }
.pagination a { display:inline-block; width:22px; height:22px; line-height:18px; text-decoration:none; font-size:14px; font-weight:bold; border:1px solid #dedede; color:#5d5d5d; }
.pagination a.active,
.pagination a:hover { background:#dedede; }

/*------------ column-02 --------------------*/
#column_02  { float: left; padding: 0 0 30px 29px; width: 225px; }
#column_02 p  { font-size: 10px; line-height: 14px; color: #999; margin-bottom: 15px; }
#column_02 p a  { color: #999; }
#column_02 p a:hover  { color: #333; }
#column_02 .icon  { float: left; margin: 4px 0 10px; }
#column_02 .icon img { display: block; }
#column_02 .banner { display: block; margin: 0 -2px 13px 0; background: url(../images/banners-bkg.gif) bottom right no-repeat; padding: 0 2px 3px 0; }
#column_02 .banner img  { display: block; }

.side_nav { margin-bottom: 10px; }
.side_nav li a { display: block; background: #234a62 url(../images/side-nav-bkg-bottom.gif) bottom left no-repeat; font-size: 12px; line-height: 14px; font-weight: bold; color: #fff; text-decoration: none; margin-bottom: 5px; }
.side_nav li a span { display: block; background: url(../images/side-nav-bkg-top.gif) top left no-repeat; padding: 6px 10px 5px 22px; }
.side_nav li a:hover,
.side_nav li.active a  { background-position: -225px bottom; background-color: #e67b20; }
.side_nav li a:hover span,
.side_nav li.active a span  { background-position: -225px top; }

#column_02 .side_box  { background: #1f435a url(../images/side-box-top.jpg) top left no-repeat; clear: left; margin: 0 0 60px -60px; padding-top: 14px; }
#column_02 .side_box div  { background: url(../images/side-box-bottom.jpg) bottom left no-repeat; width: 225px; padding: 21px 0 1px 60px; }
#column_02 .side_box h2 { width: 183px; height: 38px; margin-bottom: 21px; background: url(../images/logo-dark-bkg.gif) top left no-repeat; text-indent: -9999px; }
#column_02 .side_box ul  { border-top: 1px solid #132836; border-bottom: 1px solid #315166; margin: 0 41px 15px 0; margin-left: -3px; }
#column_02 .side_box ul a  { font-size: 11px; line-height: 13px; color: #9eaeb8; text-decoration: none; display: block; border-top: 1px solid #315166; border-bottom: 1px solid #132836; padding: 2px 6px; }
#column_02 .side_box ul a:hover { color: #fff; }

#column_02 .side_box dl { position:relative; width:208px; height:auto; background:url('../images/bg_webshop.png') 0 0 no-repeat; padding:29px 0 10px; margin:0 0 3px -7px; }
#column_02 .side_box dt { /*position: absolute; top: -14px; width: 165px; padding: 24px 0 8px 8px; font-size: 13px; line-height: 15px; color: #de6100; font-weight: bold;*/ }
#column_02 .side_box dd { margin-bottom:1px; }
#column_02 .side_box dd a { font-size:12px; line-height:17px; color: #3b4b5b; font-weight: bold; text-decoration: none; display: block; padding: 3px 96px 3px 22px; }
#column_02 .side_box dd a:hover { color: #666; }

#HD-banner  { background: url(../images/hd-banner-bkg.gif) top left repeat-y; width: 187px; padding: 20px 20px 1px 18px; }
#HD-banner h2 { margin: 0 0 18px 45px; }
#HD-banner h2 a  { background: url(../images/hd-banner-title.gif); width: 103px; height: 53px; overflow: hidden; text-indent: -9999px; display: block; }
#HD-banner ul { border-top: 1px solid #132836; border-bottom: 1px solid #315166; margin-bottom: 27px; }
#HD-banner ul li a { display: block; padding: 2px 6px; font-size: 11px; line-height: 13px; color: #98a4ad; border-top: 1px solid #315166; border-bottom: 1px solid #132836; text-decoration: none; }
#HD-banner ul li a:hover  { color: #fff; }

/*------------ footer -----------------------*/
#footer { width: 921px; padding: 4px 0 20px 31px; margin: 0px auto; font-size: 10px; line-height: 12px; color: #6f8a93; }
#footer p { text-align: center; }
#footer .signature  { float: left; text-decoration: none; color:#eee; }
#footer .signature:hover,
#footer .signature span { color: red; }