body {
    background: #FAFAFA url(../images/background.png) repeat-x 0 0;
    font: normal 16px Verdana, Sans-Serif;
    color: #3F3F3F;
    text-align: center;
}
.wrap {
    width: 972px;
    margin: 0 auto;
    font-size: 0.69em;
    text-align: left;
}
/* @group header */
#top {
    height: 262px;
    background: transparent url(../images/top.png) no-repeat 0 0;
    position: relative;
}
#top h1 {
    position: relative;
    float: left;
    width: 182px;
    height: 42px;
    background: transparent url(../images/logo.png) no-repeat 100% 100%;
    text-indent: -99999px;
    margin: 30px 0 0 27px;
}
#top .buttons {
    padding: 25px 25px 8px 0;
    float: right;
}
#top .buttons a {
    padding: 0 10px 0 15px;
    background: transparent url(../images/arrow.png) no-repeat 0 50%;
    color: #8F8F8F;
    line-height: 1.36em;
}
#top .buttons a:hover {
    color: #ED1C24;
    text-decoration: none;
}
#top .baner {
    margin: 0 11px 0 0;
    float: right;
    width: 720px;
    height: 150px;
}
#top .personal {
    margin: 10px 0 0 11px;
    width: 228px;
    float: left;
}

* html #top .personal {
	margin-left: 4px !important;
}
#login-form p {
    height: 100%;
    overflow: hidden;
    color: #8C8C8C;
    padding: 5px 0 5px 18px;
}

p.error {
	font-weight: bold;
	color: #f00;
}

#login-form div {
    height: 100%;
    overflow: hidden;
    margin: 3px 0 0 0;
    background-color: #D9D9D9;
    padding: 3px 3px 3px 20px;
}
#login-form label {
    color: #FFFFFF;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 10px;
    float: left;
}
#login-form .text {
    width: 130px;
    font-size: 11px;
    padding: 3px 6px;
    margin: 0;
    float: right;
    border: none;
}
#login-form .reminder, #logged .profile {
    float: left;
    padding: 0 0 0 13px;
    margin: 8px 0 0 0;
    background: transparent url(../images/arrow.png) no-repeat 0 3px;
    color: #8F8F8F;
    font-size: 10px;
    line-height: 13px;
}
#login-form .reminder:hover, #logged .profile:hover {
    color: #ED1C24;
    text-decoration: none;
}
.personal .submit {
    float: right;
}
#logged {
    font-size: 10px;
    color: #8C8C8C;
}
#logged p {
    padding: 0 0 2px 20px;
}
#logged p strong {
    font-weight: normal;
    color: #ED1D24;
}
#logged h2 {
    margin: 5px 0 10px 0;
    background-color: #F2F2F2;
    padding: 5px 5px 5px 20px;
}
#logged h2 strong {
    display: block;
    font-size: 11px;
    color: #000000;
}
/* @end header */
#main {
    position: relative;
}
/* @group navigation */
#navigation {
    width: 926px;
    padding: 0 12px;
    height: 47px;
    position: absolute;
    bottom: 0;
    left: 11px;
    overflow: hidden;
}

* html #navigation {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	margin-top: 15px !important;
	float: left !important;
	margin-left: 10px !important;
	height: 35px !important;
	overflow: hidden !important;
}
#navigation ul {
    margin: 0 0 0 -5px;
}
#navigation ul li {
    float: left;
}

#navigation a {
    border: 3px solid #FFFFFF;
    border-width: 0 3px;
    float: left;
    font-family: Tahoma;
    height: 30px;
    line-height: 30px;
    margin: 6px 1px 12px 1px;
    color: #A6A6A6;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 6px;
}

#navigation a.active {
	color: #000;
}
#navigation li:first-child a {
    border-left: none;
}

#navigation li:last-child a {
    border-right: none;
}
/* @group content-sub */
#content-sub {
    position: relative;
    width: 241px;
    float: left;
    margin: 0 -9px 0 0;
}

* html #content-sub { 
	margin-left: -20px !important;
}
#content-sub .baners {
    padding: 0 0 0 30px;
}

#content-sub .baners div {
	padding-bottom: 20px;
}
#content-sub .baner {
    margin: 20px 0 0 0;
    width: 180px;
    background-color: #E1E1E1;
}
#content-sub .baner-150 {
    height: 150px;
}
#content-sub .baner-80 {
    height: 80px;
}
/* @group search */
#search {
    margin: 10px 0 0 25px;
}
#search p { /* IE7 */
    height: 21px;
    width: 139px;
    padding: 5px;
    overflow: hidden;
    background: transparent url(../images/search.png) no-repeat 0 0;
    float: left;
}
#search input {
    border: none;
    padding: 0;
    margin: 0;
    height: 15px;
    width: 120px;
    padding: 4px 8px 2px 8px;
    background: none;
    font-size: 0.82em;
    color: #888888;
}
#search input.submit {
	width: 45px;
    background: transparent url(../images/search.png) no-repeat -153px -7px;
    padding: 2px 0 0 15px;
    margin: 5px 0 0 5px;
    float: left;
    color: #8f8f8f;
    line-height: 15px;
    font-size: 0.91em;
}
#search a:hover {
    text-decoration: none;
    color: #ED1C24;
}
/* @end search */
/* @group submenu */
#submenu {
	margin: 0 -9px 0 0;
    padding: 30px 0 0 0;
    width: 243px;
    background: transparent url(../images/submenu.open.png) no-repeat 0 0;
}
#submenu ul {
    padding: 0 0 30px 10px;
    background: transparent url(../images/submenu.png) no-repeat 0 100%;
}
#submenu ul ul {
	padding: 0 0 0 0;
    margin: 0;
    background: #fff;
    margin-right: 2px;
}
#submenu ul .active ul {
    display: block;
}
#submenu ul ul a {
    padding-left: 30px;
    border-left: 5px solid #FFFFFF;
}
#submenu ul ul a:hover, #submenu ul ul .active a {
    border: solid;
    border-width: 0 5px;
}
#submenu li {
    display: block;
    padding-bottom: 4px;
}
#submenu a {
    color: #888888;
    display: block;
    padding: 0 0 0 35px;
    padding-right: 3px;
    background: transparent url(../images/submenu.arrow.png) no-repeat 18px 2px;
    
}
#submenu a:hover, #submenu .active a {
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../images/submenu.arrowon.png);
}
#submenu li li a {
	
    line-height: 17px;
    margin: 1px 0 0 0;
    font-size: 9px;
    color: #888888 !important;
    background: transparent none !important;
}
#submenu li li a:hover {
    background-color: #F0F0F0 !important;
}


.color-blue #submenu a:hover, .color-blue #submenu .active a {
    background-color: #85C5FF;
}
.color-dark-blue #submenu a:hover, .color-dark-blue #submenu .active a {
    background-color: #4186FF;
}
.color-green #submenu a:hover, .color-green #submenu .active a {
    background-color: #35AE2F;
}
.color-marine #submenu a:hover, .color-marine #submenu .active a {
    background-color: #36BA96;
}
.color-violet #submenu a:hover, .color-violet #submenu .active a {
    background-color: #C867EF;
}
.color-yellow #submenu a:hover, .color-yellow #submenu .active a {
    background-color: #FFA212;
}
.color-red #submenu a:hover, .color-red #submenu .active a {
    background-color: #EE2028;
}

.color-blue #submenu ul ul, .color-blue #submenu ul ul a:hover, .color-blue #submenu ul ul .active a  {
    border-color: #85C5FF;
}
.color-dark-blue #submenu ul ul, .color-dark-blue #submenu ul ul a:hover, .color-dark-blue #submenu ul ul .active a {
    border-color: #4186FF;
}
.color-green #submenu ul ul, .color-green #submenu ul ul a:hover, .color-green #submenu ul ul .active a {
    border-color: #35AE2F;
}
.color-marine #submenu ul ul, .color-marine #submenu ul ul a:hover, .color-marine #submenu ul ul .active a {
    border-color: #36BA96;
}
.color-violet #submenu ul ul, .color-violet #submenu ul ul a:hover, .color-violet #submenu ul ul .active a {
    border-color: #C867EF;
}
.color-yellow #submenu ul ul, .color-yellow #submenu ul ul a:hover, .color-yellow #submenu ul ul .active a {
    border-color: #FFA212;
}
.color-red #submenu ul ul, .color-red #submenu ul ul a:hover, .color-red #submenu ul ul .active a {
    border-color: #EE2028;
}

/* @end submenu */
/* @end sub-content */
/* @group content */
#content {
    width: 739px;
    float: right;
}
/* @group crumbs */
#crumbs {
    background: transparent url(../images/content.header.png) no-repeat 0 0;
    line-height: 20px;
    height: 20px;
    padding: 10px 0 3px 4px;
    font-size: 0.82em;
    color: #FFFFFF;
}

#content #crumbs p {
    height: 18px;
    line-height: 18px;
    padding: 2px 0 0 31px;
    background-image: url(../images/crumbs.png);
    background-repeat: no-repeat;
}

* html #content #crumbs p {
	padding-top: 10px !important;
	height: 20px !important;
}
#content #crumbs p a {
	color: #fff;
}

.color-blue #crumbs p {
    background-position: 0 0;
}

* html .color-blue #crumbs p {
    background-position: 0 -10px;
}
.color-dark-blue #crumbs p {
    background-position: 0 -20px
}

* html .color-dark-blue #crumbs p {
    background-position: 0 -10px
}
.color-green #crumbs p {
    background-position: 0 -40px;
}

* html .color-green #crumbs p {
    background-position: 0 -30px;
}
.color-marine #crumbs p {
    background-position: 0 -60px;
}
.color-violet #crumbs p {
    background-position: -2px -80px;
}

* html .color-violet #crumbs p {
    background-position: 0 -70px;
}
.color-yellow #crumbs p {
    background-position: 0 -100px;
}

* html .color-yellow #crumbs p {
    background-position: 0 -90px;
}
.color-red #crumbs p {
    background-position: 0 -120px;
}

* html .color-red #crumbs p {
    background-position: 0 -110px;
}
/* @end crumbs */
/* @group spacer + inner */
#main {
    height: 100%;
    position: relative;
    margin-top: 20px;
    background: transparent url(../images/content.spacer.png) repeat-y 100% 0;
}
#main:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
#content {
    margin-top: -20px;
}
#content-sub {
    margin-top: -20px;
}
#content .inner {
    margin: -3px 0 0 4px;
    padding: 0 0 15px 0;
    border-left: 6px solid;
    float: left;
    width: 100%;
    min-height: 600px;
}

* html #content .inner {
	width: 700px !important;
	margin: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
}

.color-blue #content .inner {
    border-color: #85C5FF;
}
.color-dark-blue #content .inner {
    border-color: #4186FF;
}
.color-green #content .inner {
    border-color: #35AE2F;
}
.color-marine #content .inner {
    border-color: #36BA96;
}
.color-violet #content .inner {
    border-color: #C867EF;
}
.color-yellow #content .inner {
    border-color: #FFA212;
}
.color-red #content .inner {
    border-color: #EE2028;
}
/* @end spacer + inner */
/* @group content general elements */
#content .entry {
    background: transparent url(../images/content.gradient.png) no-repeat 0 0;
    width: 100%;
    height: auto;
    clear: both;
}
#content .entry:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
#content h2 {
    background: transparent url(../images/content.gradient.png) no-repeat 0 0;
    width: 680px;
    padding: 20px 0 20px 25px;
    color: #9A9A9A;
    text-transform: uppercase;
    font-size: 22px;

}
#content h2 span {
    padding: 0 0 0 20px;
    background: transparent url(../images/header.png) no-repeat 0 6px;
}
#content p {
    padding: 0 30px 0.82em 25px;
    line-height: 1.64em;
}
#content p a {
    color: #8A8A8A;
    text-decoration: underline;
}
#content .description {
    font-size: 10px;
    padding: 0 30px 0.82em 25px;
    margin: -0.82em 0 0 0;
}
#content h3 {
    font-size: 1.27em;
    font-weight: bold;
    color: #3F3F3F;
    padding: 15px 0 10px 25px;
    width: 600px;
}

#content .text-list {
    margin: 0;
    padding: 5px 0 10px 0;
}
#content .text-list li {
    background-image: none;
    position: relative;
    padding: 5px 25px;
    margin: 1px 0;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
    font-size: 12px;
    width: 669px;
}
.text-list li .more {
    position: absolute;
    right: 25px;
    top: 0;
    float: right;
    padding: 5px 5px 5px 20px;
    height: 15px;
    background: #FFFFFF url(../images/arrow.png) no-repeat 5px 50%;
    color: #8F8F8F;
    font-size: 10px;
    line-height: 1.36em;
}
#content  .text-list li .more:hover {
    color: #ED1C24;
    text-decoration: none;
}
.text-list .date {
    color: #9A9A9A;
    font-size: 10px;
    padding: 0 5px 0 0;
    margin: 0;
}
#content .file-list {
    margin: 0;
    padding: 10px 0 10px 0;
    height: 100%;
    overflow: hidden;
    max-width: 100%;
}
#content .file-list li {
    margin: 0 0 5px 25px;
    padding: 3px 0 3px 45px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 285px;
    float: left;
}
.file-list a {
    color: #3F3F3F;
}
.file-list span {
    color: #AAAAAA;
    padding: 3px 0 0 0;
    font-size: 9px;
    display: block;
}
#content .file-list .file-blank {
    background-image: url(../images/file.blank.gif);
}
#content .file-list .file-doc {
    background-image: url(../images/file.doc.gif);
}
#content .file-list .file-pdf {
    background-image: url(../images/file.pdf.gif);
}
#content .file-list .file-ppt {
    background-image: url(../images/file.ppt.gif);
}
#content .file-list .file-swf {
    background-image: url(../images/file.swf.gif);
}
#content .file-list .file-xls {
    background-image: url(../images/file.xls.gif);
}
#content .file-list .file-zip {
    background-image: url(../images/file.zip.gif);
}


#main .summary {
    height: 100%;
    overflow: hidden;
    padding: 5px 10px 15px 0;
}
#content .history {
    padding: 10px 10px 0 0;
}
#main .summary a {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    border-top: 5px solid #EDEDED;
    font-size: 10px;
    color: #8A8A8A;
    text-decoration: none;
    line-height: 12px;
}
#main .summary a:hover {
    color: #ED1C24;
    text-decoration: none;
}
#main .summary .first {
    float: left;
    padding: 3px 0 3px 40px;
    background-position: 25px 5px
}
#main .summary .second {
    padding: 3px 25px 3px 15px;
    background-position: 0 5px;
    float: right;
}
#content .point-list {
    margin: 0;
    padding: 5px 0 10px 0;
}
#content .point-list li {
    padding: 0 0 5px 25px;
    background-image: none;
}
.point-list li a {
    color: #3F3F3F;
    background: #FFFFFF url(../images/arrow.png) no-repeat 0 5px;
    font-size: 12px;
    padding: 0 0 0 20px;
}
.info {
    height: 100%;
    overflow: hidden;
    margin: 5px 0 10px 0;
}
.info p {
    background-color: #F2F2F2;
    background-repeat: no-repeat;
    padding: 10px 20px !important;
    float: left;
}
.info p {
    font-size: 10px;
}
.info p strong {
    font-size: 11px;
}
.info p .desc {
    float: right;
}
.info p .title {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    font-size: 11px;
    clear: right;
}
.info p em {
    font-weight: normal;
    font-style: normal;
    display: block;
}
.info .first {
    background-image: url(../images/round.left.png);
    background-position: 100% 100%;
}
.info .image {
    float: left;
    margin: 3px 10px 0 0;
}
.info .right {
    float: right;
}
.info .left {
    float: right;
}
.info .second {
    float: right;
    background-image: url(../images/round.right.png);
    background-position: 0 100%;
    margin: 0 20px 0 0;
}
#content .person-list {
    margin: 0 0 10px 0;
    width: 656px;
    height: auto;
}
#content .person-list:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
#content .person-list li {
    background-image: none;
    padding: 0;
    float: left;
    width: 306px;
    position: relative;
    margin: 10px 0 10px 20px;
}
.person-list .description {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 222px;
    padding: 0 0 0 8px !important;
    font-size: 10px;
    color: #8C8C8C;
}
.person-list .description strong {
    display: block;
    font-size: 11px;
    color: #010101;
}
.person-list .contact {
    border-top: 5px solid #EDEDED;
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #ED1C24;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0 0 8px 8px;
    margin: 10px 0 0 -8px;
}
.person-list .contact a {
    float: right;
    font-weight: normal;
    padding: 0 0 0 15px;
    background: #FFFFFF url(../images/arrow.png) no-repeat 0 4px;
    color: #8F8F8F;
}
.person-list .contact a:hover {
    color: #ED1C24;
    text-decoration: none;
}

.person-list .image {
    display: block;
    width: 60px;
    height: 90px;
    overflow: hidden;
    padding: 4px 11px 12px 5px;
    
    overflow: hidden;
}

.person-list .imagebg {
	background: transparent url(../images/portrait.png) no-repeat 0 0;
}

#content .pager {
    height: 14px;
    padding: 7px 10px 7px 15px;
    margin: 10px 0 20px 0;
    background: #EDEDED url(../images/rounded.png) no-repeat 100% 0;
    clear: both;
    float: left;
}
#content .pager li {
    background-image: none;
    padding: 0;
    float: left;
    font-size: 10px;
    color: #C3C3C3;
}
.pager a {
    float: left;
    padding: 0 7px;
    font-size: 10px;
    color: #C3C3C3;
}
.pager .active a, .pager a:hover {
    color: #3F3F3F;
    text-decoration: none;
}
.pager .first a, .pager .prev a, .pager .next a, .pager .last a {
    width: 11px;
    padding: 0;
    height: 14px;
    background-image: url(../images/pager.png);
    background-repeat: no-repeat;
    margin: 0 5px;
}
.pager .first a {
    background-position: 0 2px;
}
.pager .prev a {
    background-position: -11px 2px;
}
.pager .next a {
    background-position: -22px 2px;
}
.pager .last a {
    background-position: -33px 2px;
}
#content .prize-list {
    margin: 0;
    height: 100%;
    overflow: hidden;
    max-width: 100%;
}
#content .prize-list li {
    background-image: none;
    padding: 0;
    float: left;
    width: 322px;
    position: relative;
    margin: 20px 0 20px 20px;
}
.prize-list .image {
    display: block;
    width: 96px;
    height: 96px;
    border: 3px solid #D7D7D7;
}
.prize-list .description {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 210px;
    padding: 0 0 0 10px !important;
    font-size: 10px;
    color: #AAAAAA;
}
.prize-list .title {
    color: #3F3F3F;
    display: block;
    padding: 0 0 3px 0;
    font-size: 12px;
}
.prize-list em {
    font-size: 11px;
    font-style: normal;
    color: #ED1C24;
}
.prize-list .order {
    display: block;
    margin: 32px 0 0 -8px;
    width: 100%;
}
.prize-list .order a {
    float: left;
    border-top: 5px solid #EDEDED;
    font-size: 10px;
    color: #ED1C24;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0 0 0 25px;
    background: #FFFFFF url(../images/arrow.png) no-repeat 10px 4px;
    color: #8F8F8F;
}
.prize-list .order a:hover {
    color: #ED1C24;
    text-decoration: none;
}


.prizeOrderLink {
    margin: 32px 0 0 -8px;
    width: 150px;
    display: block;
    margin: 20px;
    float: left;
    clear: both;
    
}
.prizeOrderLink a {
    display: block;
    border-top: 5px solid #EDEDED;
    font-size: 10px;
    color: #ED1C24;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0 0 0 25px;
    background: #FFFFFF url(../images/arrow.png) no-repeat 10px 4px;
    color: #8F8F8F;
}
.prizeOrderLink a:hover {
    color: #ED1C24;
    text-decoration: none;
}


.mark {
    border-top: 1px solid #DDDDDD;
    margin: 5px 20px 15px 25px;
    clear: both;
    
}
#content .mark p {
    padding: 5px 0 0 0;
}
.mark strong {
    color: #ED1C24;
}
.mark ul {
    margin: -1px 0 0 0;
    float: right;
    height: 28px;
    padding: 0 13px 0 4px;
    background: #ED1C24 url(../images/mark.png) no-repeat 100% 0;
}
#content .mark li {
    background-image: none;
    padding: 0;
    float: left;
}
.mark li a {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    margin: 4px 0 0 5px;
    background: #ED1C24 url(../images/mark.png) no-repeat -18px -28px;
}
.mark li a:hover, .mark li.active a {
    background-position: 0 -28px;
}

#content ul,  #content ol{
    margin: 0 0 7px 25px;
    max-width: 670px;
    
}

#content ol {
	margin-left: 0px;
	padding-left: 45px;
	
	
}

#content ul li {
    background: transparent url(../images/list.png) no-repeat 0 5px;
    padding: 2px 0 3px 12px;
    list-style-type: none;
    
}

#content a {
	color: #3F3F3F;
}

#content ol li {
    padding: 2px 0 3px 12px;
    list-style-type: decimal;
    background: none;
    padding-left: 0px;
}


#content ul>li {
    background: transparent url(../images/list.png) no-repeat 0 5px;
    padding: 2px 0 3px 12px;
    list-style-type: none;
    
}

#content ol>li {
    padding: 2px 0 3px 12px;
    list-style-type: decimal;
    background: none;
    padding-left: 0px;
}



#content li ul, #content li ol {
	margin-bottom: 0px;
	margin-left: 20px;
	
}

#content li ul {
	margin-left: 0px;
}

#content li ul li, #content li ol li {
	padding-bottom: 0px;
}



/* @group hover colors */
.color-blue #content .fill-background:hover, .color-blue #content tbody tr:hover, .color-blue #content tbody .background {
    background-color: #98DEFF;
}
.color-dark-blue #content .fill-background:hover, .color-dark-blue #content tbody tr:hover, .color-dark-blue #content tbody .background {
    background-color: #9EC1FF;
}
.color-green #content .fill-background:hover, .color-green #content tbody tr:hover, .color-green #content tbody .background {
    background-color: #9AD797;
}
.color-marine #content .fill-background:hover, .color-marine #content tbody tr:hover, .color-marine #content tbody .background {
    background-color: #9BDDCB;
}
.color-violet #content .fill-background:hover, .color-violet #content tbody tr:hover, .color-violet #content tbody .background {
    background-color: #E4B3F7;
}
.color-yellow #content .fill-background:hover, .color-yellow #content tbody tr:hover, .color-yellow #content tbody .background {
    background-color: #FFD189;
}
.color-red #content .fill-background:hover, .color-red #content tbody tr:hover, .color-red #content tbody .background {
    background-color: #F79094;
}

.color-red #navigation a.active { background: #F79094;}
.color-yellow #navigation a.active { background: #FFD189;}
.color-violet #navigation a.active { background: #E4B3F7;}
.color-marine #navigation a.active { background: #9BDDCB;}
.color-green #navigation a.active { background: #9AD797;}
.color-dark-blue #navigation a.active { background: #9EC1FF;}
.color-blue #navigation a.active { background: #98DEFF;}



.color-blue #content .fill-color:hover {
    color: #85C5FF !important;
}
.color-dark-blue #content .fill-color:hover {
    color: #4186FF !important;
}
.color-green #content .fill-color:hover {
    color: #35AE2F !important;
}
.color-marine #content .fill-color:hover {
    color: #36BA96 !important;
}
.color-violet #content .fill-color:hover {
    color: #C867EF !important;
}
.color-yellow #content .fill-color:hover {
    color: #FFA212 !important;
}
.color-red #content .fill-color:hover {
    color: #EE2028 !important;
}
/* @end hover colors */

/* @end content general elements */
/* @end content */
#footer {
    width: 100%;
    clear: both;
    
}
#footer .copyrights {
    color: #878787;
    font-size: 10px;
    margin: -10px 0 0 0;
    padding: 20px 0 0 29px;
    float: left;
    height: 36px;
    width: 208px;
    background: transparent url(../images/copyrights.png) no-repeat 0 0;
}
#footer .copyrights a {
    color: #878787;
}
#footer .copyrights a:hover {
    color: #EE2028;
    text-decoration: none;
}
#footer .summary {
    width: 719px;
    height: 45px;
    float: right;
    padding: 0 0 0 0;
    margin: 0 10px 0 0;
    border-left: 6px solid;
    background-color: #F2F2F2;
    padding-bottom: 20px;
}
#footer .summary a {
    border-color: #DBDBDB;
}
.color-blue #footer .summary {
    border-color: #85C5FF;
}
.color-dark-blue #footer .summary {
    border-color: #4186FF;
}
.color-green #footer .summary {
    border-color: #35AE2F;
}
.color-marine #footer .summary {
    border-color: #36BA96;
}
.color-violet #footer .summary {
    border-color: #C867EF;
}
.color-yellow #footer .summary {
    border-color: #FFA212;
}
.color-red #footer .summary {
    border-color: #EE2028;
}

#content table {
    width: 674px;
    margin: 10px 30px 15px 25px;
}
#content thead {
    background: transparent url(../images/table.png) no-repeat top right;
}
#content thead th:first-child {
   background: transparent url(../images/table.png) no-repeat 0 0;
}
.color-blue #content thead th:first-child {
    background-position: 0 -200px;
}
.color-blue #content thead {
    background-position: 100% -200px;
}
.color-dark-blue #content thead th:first-child {
    background-position: 0 -240px;
}
.color-dark-blue #content thead {
    background-position: 100% -240px;
}
.color-green #content thead th:first-child {
    background-position: 0 -160px;
}
.color-green #content thead {
    background-position: 100% -160px;
}
.color-marine #content thead th:first-child {
    background-position: 0 -120px;
}
.color-marine #content thead {
    background-position: 100% -120px;
}
.color-violet #content thead th:first-child {
    background-position: 0 -80px;
}
.color-violet #content thead {
    background-position: 100% -80px;
}
.color-yellow #content thead th:first-child {
    background-position: 0 -40px;
}
.color-yellow #content thead {
    background-position: 100% -40px;
}
.color-red #content thead th:first-child {
    background-position: 0 0px;
}
.color-red #content thead {
    background-position: 100% 0px;
}
#content thead th {
    line-height: 14px;
    font-size: 10px;
    padding: 6px 4px;
    text-align: center;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background /*\**/: transparent url(../images/table.png) no-repeat top center\9;
}

#content thead th:last-child {
    background /*\**/: transparent url(../images/table.png) no-repeat top right\9;
}
#content tbody td:last-child, #content thead th:last-child {
    border: none;
}
#content tbody tr {
    border-top: 1px solid #FFFFFF;
}
#content tbody td {
    border-right: 1px solid #E9E9E9;
    text-align: center;
    font-size: 11px;
    padding: 4px;
    line-height: 16px;
}

div ul.imagelist {
	
}

div ul.imagelist li {
	float: left;
	background: none !important;
	list-style-type: none;
	padding: 3px !important;
	width: 155px;
	height: 110px;
	overflow: hidden;
	text-align: center;
}

#contactForm {
	width: 600px;
	padding-left: 60px;
	
}

#contactForm p.error {
	padding: 5px 0px;
	color: #f00;
	font-weight: bold;
	font-size: 12px;
}

#contactForm label {
	display: block;
}

#contactForm input, #contactForm select, #contactForm textarea {
	display: block;
	margin-bottom: 3px;
}

#contactForm input.text {
	width: 300px;
}

#contactForm select {
	width: 300px;
}

#contactForm textarea {
	width: 600px; height: 300px;
}


.inner form {
	float: left;

}

.inner form div.row {
	float: left; width: 100%; padding: 3px 0px;
}

.inner form div.row label {
	width: 200px; text-align: right; float: left; padding-right: 5px;
	padding-top: 3px; display: block;
}

.inner form div.row input.text, .inner form div.row span {
	width: 250px; float: left; padding: 2px; display: block;
}

.inner form div.row select {
	width: 250px; float: left;
	 display: block;
}

.back {
	width: 650px;
	height: 30px;
	float: left;
}
.back a {
    float: right;
    padding: 0 0 0 13px;
    margin: 8px 0 0 0;
    background: transparent url(../images/arrow.png) no-repeat 0 3px;
    color: #8F8F8F;
    font-size: 10px;
    line-height: 13px;
    text-decoration: none !important;
    
}

#ticker {
	position: absolute; width: 100%; height: 26px;
	background: #ed1c24;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	z-index:10000;
}

#ticker ul {
	position: absolute; top: 5px; left:0px;
	width: 100%;
	      
}

#ticker ul li {
	list-style-type: none; font-size: 12px; color: #fff;
	visibility: hidden;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	position: absolute; top: 0px; left: 0px;
	
}

#ticker ul li a {
	font-size: 12px; color: #fff;
	padding-left: 10px;
}

.ankieta {
	float: left;
	padding-left: 20px;
}
	
.ankieta h3 {
	margin-top: 15px;
	font-weight: normal !important;
	padding-left: 0px !important;
}

.ankieta input.checkbox {
	float: left;
}
	
.ankieta label.checkbox {
	text-align: left !important;
	padding-left: 3px;
}	


.ankieta {
	width: 100%;
}

.ankieta label {
	width: 450px !important;
	float: left;
	font-size: 12px !important;
}

.ankieta textarea {
	width: 450px !important; height: 50px;
	float: left;
	clear: both;
	margin-bottom: 20px;
}