/*
Design by Cleanet.cz
*/

/* Main settings */

body {
 margin: 0;
 padding: 0;
 background: #fff;
 font-family: Arial, Verdana, Helvetica;
 font-size: 13px;
 color: #666;
 text-align: left;
}

* {
 margin: 0;
 padding: 0; 
}

img {
 border: 0;
}

.left {
 padding: 7px 15px 15px 0;
 float: left;
}

.right {
 padding: 7px 0 15px 15px;
 float: right;
} 

h1 {
 font-size: 24px;
}

h2 {
 font-size: 16px;
}

h3 {
 font-size: 14px;
}

ul, ol {
 list-style: none;
}

.cleared {
 clear: both;
}

a {
 text-decoration: underline;
 color: #555;
}

a:hover {
 text-decoration: none;
}

/* Wrappers */

#top-wrapper {
 width: 980px;
 background: #fff url(images/header.png) 0 0 no-repeat;
 margin: 0 auto;
}

#bottom-wrapper {
 width: 980px;
 background: url(images/footer.png) 0 bottom no-repeat;
 margin: 0 auto;
}

/* Links tool */

.tool {
 width: 920px;
 height: 40px;
 margin: 0 auto;
 text-align: center;
 overflow: hidden;
}

.tool p {
 font-size: 12px;
 line-height: 40px;
 color: #ababab;
}

.tool p a {
 color: #9e9e9e;
 padding: 0 2px;
}

/* Header */

#header {
 width: 920px;
 margin: 0 auto; 
}

#header h1 {
 color: #0467ab;
/* background: url(images/logo.png) left center no-repeat; */
 height: 60px;
 line-height: 60px;
 border-right: 1px solid #eee;
 float: left;
 padding: 0 20px 0 60px;
 margin: 20px 0 0 0;
 max-width: 220px;
 overflow: hidden;
}

#header h1 span {
 color: #058fcf;
}

/* Menu */

.menu {
 height: 40px;
 max-width: 600px;
 display: block;
 float: right;
 overflow: hidden;
 margin: 60px 20px 0 0;
}

.menu li {
 list-style: none;
 display: inline;
 float: left;
}

.menu li a {
 float: left;
 padding-left: 20px;
 margin: 0 0 0 4px;
 display: block;
 color: #666;
 text-decoration: none;
 cursor: pointer;
 background: url(images/menu.png) 0px -40px no-repeat;
 font-size: 14px;
 text-decoration: none;
}

.menu li a span {
 line-height: 40px;
 float: left;
 display: block;
 padding-right: 20px;
 background: url(images/menu.png) 100% -40px no-repeat;
}

.menu li a:hover, .menu li a:hover span {
 text-decoration: underline;
}

.menu li a.active, .menu li a.active:hover {
 line-height: 40px;
 background: url(images/menu.png) 0px 0px no-repeat;
 color: #fff;
 font-weight: bold;
}

.menu li a.active span {
 background: url(images/menu.png) 100% 0px no-repeat;
}

/* Main box */

#box {
 width: 880px;
 height: 250px;
 background: url(images/box.png) 0 0 no-repeat;
 margin: 0 auto;
 padding: 20px;
}

#box img {
 width: 390px;
 height: 210px;
 margin: 20px 0 0 20px;
 float: left;
}

#right-box {
 width: 410px;
 height: 250px;
 text-align: center;
 float: right;
}

#box h2 {
 font-size: 34px; 
 font-weight: normal;
 color: #a9cae1;
 width: 410px;
 height: 82px;
 overflow: hidden;
 padding: 14px 0 0 0;
 line-height: 36px; 
}

#box h2 span {
 font-size: 30px; 
 font-weight: bold;
 color: #fff;
}

#box p {
 width: 410px;
 height: 64px;
 color: #cfe6f3;
 font-size: 13px;
 text-align: center;
 line-height: 22px;
 padding: 8px 0;
 overflow: hidden;
}

/* Main button - in box */

.main-button {
 float: right;
 padding: 27px 96px 0 0;
}

.main-button li {
 list-style: none;
 display:inline;
}

.main-button li a {
 float: left;
 padding-left: 35px;
 display: block;
 color: #555;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 background: url(images/main-button.png) 0px 0px no-repeat;
 outline: none;
}

.main-button li a span {
 line-height: 47px;
 float: left;
 display: block;
 padding-right: 35px;
 background: url(images/main-button.png) 100% 0px no-repeat;
}

.main-button li a:hover {
 background-position: 0px -47px;
 color: #555;
}

.main-button li a:hover span { 
 background-position: 100% -47px;
}

/* Default (blue) content button */

.default-button {
 float: right;
 margin: 30px 0;
}

.default-button li {
 list-style: none;
 display:inline;
}

.default-button li a {
 float: left;
 padding-left: 35px;
 display: block;
 color: #fff;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 background: url(images/default-button.png) 0px 0px no-repeat;
 outline: none;
}

.default-button li a span {
 line-height: 47px;
 float: left;
 display: block;
 padding-right: 35px;
 background: url(images/default-button.png) 100% 0px no-repeat;
}

.default-button li a:hover {
 background-position: 0px -47px;
 color: #fff;
}

.default-button li a:hover span { 
 background-position: 100% -47px;
}

/* Small blue sidebar button */

.small-blue-button {
 width: 320px;
 height: 36px;
 background: url(images/sidebar-bg.png) 0 0 repeat-y;
 padding: 0 0 20px 85px; 
}

.small-blue-button li {
 list-style: none;
 display:inline;
}

.small-blue-button li a {
 float: left;
 padding-left: 25px;
 display: block;
 color: #fff;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 cursor: pointer;
 background: url(images/small-blue-button.png) 0px 0px no-repeat;
 outline: none;
}

.small-blue-button li a span {
 line-height: 36px;
 float: left;
 display: block;
 padding-right: 25px;
 background: url(images/small-blue-button.png) 100% 0px no-repeat;
}

.small-blue-button li a:hover {
 background-position: 0px -36px;
 color: #fff;
}

.small-blue-button li a:hover span { 
 background-position: 100% -36px;
}

/* Color content button */

.color-button {
 float: right;
 margin: 30px 0;
}

.color-button li {
 list-style: none;
 display:inline;
}

.color-button li a {
 float: left;
 padding-left: 35px;
 display: block;
 color: #fff;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 background: url(images/color-button.png) 0px 0px no-repeat;
 outline: none;
}

.color-button li a span {
 line-height: 47px;
 float: left;
 display: block;
 padding-right: 35px;
 background: url(images/color-button.png) 100% 0px no-repeat;
}

.color-button li a:hover {
 background-position: 0px -47px;
 color: #fff;
}

.color-button li a:hover span { 
 background-position: 100% -47px;
}

/* Page */

#page {
 width: 940px;
 margin: 0 auto;
 padding: 20px 0 0 0;
}

/* Content */

#content {
 float: left;
 width: 560px;
 margin: 0 0 0 10px;
}

#content h2 {
 background: url(images/title.gif) left 3px no-repeat;
 padding: 0 0 7px 24px;
 margin: 0 0 10px 0;
 color: #006ab3;
 width: 536px;
 border-bottom: 1px solid #eee;
}

#content p {
 line-height: 22px;
 color: #666;
 font-size: 13px;
}

#content ul.list {
 border-left: 1px solid #eee;
 padding: 0 0 0 20px;
 margin: 30px 0;
 width: 520px;
 line-height: 24px;
}

#content ul.list li {
 background: url(images/list.gif) left center no-repeat;
 padding: 0 0 0 24px;
 color: #555;
}

/* Sidebar */

#sidebar {
 float: right;
 width: 320px;
 margin: 0 10px 0 0;
}

#sidebar h2 {
 width: 280px;
 height: 42px;
 line-height: 40px;
 text-align: center;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 background: url(images/sidebar.png) 0 0 no-repeat;
 padding: 0 20px;
}

#sidebar ul.sidebar-menu, #sidebar p {
 width: 320px;
 background: url(images/sidebar-bg.png) 0 0 repeat-y;
}

#sidebar p {
 width: 280px;
 padding: 20px;
 font-size: 12px;
 color: #666;
 line-height: 22px; 
}

#sidebar p a {
 color: #555; 
}

#sidebar p.banner {
 padding: 10px 10px 0 10px;
 width: 300px; 
}

#sidebar a.more {
 font-weight: bold;
 color: #006ab3; 
 padding: 0 7px;
}

#sidebar ul.sidebar-menu {
 padding: 1px 2px;
}

#sidebar ul.sidebar-menu li {
 width: 254px;
 height: 31px;
 background: url(images/li-bg.png) 0 0 no-repeat;
 line-height: 31px;
 padding: 0 20px 0 42px;
 font-size: 12px; 
 overflow: hidden;
}

#sidebar ul.sidebar-menu li a {
 color: #666;
 text-decoration: none;
}

#sidebar ul.sidebar-menu li a:hover {
 text-decoration: underline;
}

.sidebar-bottom {
 width: 320px;
 height: 10px;
 background: url(images/sidebar.png) 0 bottom no-repeat;
 margin: 0 0 20px 0;
}

/* Footer */

#footer {
 width: 920px;
 margin: 0 auto;
 text-align: center;
 padding: 11px 0 14px 0;
}

#footer p {
 font-size: 13px;
 color: #666;
 line-height: 26px;
}

#footer p a {
 color: #006ab3;
}

#footer p.links {
 font-size: 12px;
 color: #999;
}

#footer p.links a {
 color: #888;
 padding: 0 2px;
}