@charset "UTF-8";

/* Utilites
------------------------------ */
* { margin: 0; padding: 0; }
*:focus { outline: none; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-background { background: none!important; }
.no-border, img { border: none!important; }
.container { overflow: hidden; }
.clear { clear: both; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

.centered-container { position: relative; width: 100%; }
.centered-to-left { position: relative; right: 50%; float: right; }
.centered-to-right { position: relative; z-index: 1; right: -50%; }

/*
pre, code {
	white-space: pre-wrap;      / * css-3 * /
	white-space: -moz-pre-wrap; / * Mozilla, начиная с 1999 года * /
	white-space: -pre-wrap;     / * Opera 4-6 * /
	white-space: -o-pre-wrap;   / * Opera 7 * /
	word-wrap: break-word;      / * Internet Explorer 5.5+ * /
}
*/

/* Main custom rules
------------------------------ */
html { height: 100%; }
body { height: auto !important; height: 100%; min-height: 100%; }

html { font: .7em/1.6em Arial, Helvetica, sans-serif; background-color: #e8e8e8; color: #333; }
body#site { text-align: center; margin: 0; padding: 0; background-attachment: fixed; }
body#tinymce p, body#tinymce h2, body#tinymce h3, body#tinymce h4 { text-indent: 20px; }

a { color: #19709c; }
a:visited {  }
a:hover { color: #dd1205 !important; text-decoration: underline !important; }
a:active {  }

a.no-decor { text-decoration: none; }

a u { text-decoration: none; border-bottom: 1px dashed #0066cc; }
a:hover u { border-bottom: 1px dashed #003399; }

/* Template
------------------------------ */
#footer-ads { text-align: center; }
#footer-ads img { border: 1px solid #ccc; margin-top: 6px; }

#general { width: 1000px; margin: 0 auto; text-align: left; background-color: #e8e8e8; padding-top: 6px; padding-bottom: 6px; }

#header { border: 1px solid #f9f9f9; border-bottom: none; margin-top: 0px; }
#content { border: 1px solid #f9f9f9; border-top: none; padding-top: 0px !important; }

#footer { background-color: #e8e8e8; margin-top: 6px; border: 1px solid #f9f9f9; }

/* Header elements
------------------------------ */
.header-top-links { color: #adadad; height: 30px; border-bottom: 4px solid #19709c; padding-left: 15px; padding-right: 15px; }
.header-top-links .registration { width: 300px; float: left; }
.header-top-links .registration a { color: #6692a8; font-size: 1.1em; }
.header-top-links .registration a.reg { padding-left: 20px; padding-bottom: 1px; background-image: url('/tpl/images/registration-icon.gif'); background-repeat: no-repeat; }

.header-top-links .search { float: right; width: 295px; text-align: right; }
.header-top-links .search form { padding: 0px !important; }
.header-top-links .search .i-text { width: 140px; }
.header-top-links .search label { color: #19709c; font-size: 1.3em; }

.header-top-links .search-ya { position: relative; top: -6px; }
.header-top-links .search-ya td { border: 0px; }
.header-top-links .search-ya tr:hover { background: none; }
.header-top-links .search-ya #yandexbox-text { font-size: 13px !important; }
.header-top-links .search-ya .b-yandexbox-submit input { font-size: 10px !important; }


.header-logo { margin-top: 1px; border-top: 1px solid #5f9ab4; border-bottom: 2px solid #5f9ab4; }
.header-logo .image { float: left; width: 530px; }
.header-logo .image-ik { float: left; width: 730px; }

.header-logo .weather { float: left; width: 130px; margin-top: 10px; padding-left: 10px; padding-right: 10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: center; }
.header-logo .weather a { color: #6692a8; }
.header-logo .weather span { font-size: 1.2em; }

.header-logo .archive { float: right; width: 270px; margin-top: 5px; }
.header-logo .archive .year { width: 55px; }
.header-logo .archive .month { width: 80px; }
.header-logo .archive .day { width: 125px; }
.header-logo .archive .current { font-size: 1.2em; color: #919191; font-family: "Times new Roman"; }
.header-logo .archive .send { margin-top: 10px; }

.header-logo .course { float: right; width: 212px; height: 120px; margin-top: 5px; padding-left: 15px; border-left: 1px solid #d9d9d9; }

.header-navigation { }
.header-navigation .current-number { margin-top: 5px; margin-bottom: 5px; font-size: 1.3em; font-family: "Times new Roman"; color: #676a6b; }
.header-navigation .current-number .accent { color: #19709c !important; }

.header-navigation .navigation { border-left: 1px solid #d8e8f1; border-top: 1px solid #5f9ab4; border-right: 1px solid #5f9ab4; border-bottom: 1px solid #d9d9d9; height: 27px; background-image: url('/tpl/images/navigation-background.gif'); background-color: #d8e8f1; float: left; width: 740px; }
.header-navigation .navigation ul { list-style-type: none; height: 27px; margin: 0px; width: 100%; }
.header-navigation .navigation ul li { float: left; font-weight: normal; vertical-align: middle; padding-top: 7px; padding-bottom: 4px; }
.header-navigation .navigation ul li.active { background-color: #fff; border-top: 3px solid #19709c; padding-top: 4px; padding-bottom: 5px; }
.header-navigation .navigation a { color: #333 !important; text-decoration: none; padding-left: 10px; padding-right: 10px; border-right: 1px solid #97b7c7; letter-spacing: .1em; text-transform: uppercase; }
.header-navigation .navigation a.accent { color: #dd1205 !important; }
.header-navigation .navigation a.bold { color: #316a87 !important; }
.header-navigation .navigation .pre-active a { border-right: 1px solid #d8e8f1; }
.header-navigation .navigation .active a { border-right: 1px solid #fff; color: #316a87 !important; }
.header-navigation .navigation .active .accent { color: #dd1205 !important; }
.header-navigation .navigation .last a { border-right: none; }

.header-navigation .navigation-links { float: left; width: 740px; height: 38px; border: 1px solid #d9d9d9; border-top: none; }
.header-navigation .navigation-links p { padding-left: 5px; padding-top: 1px; }
.header-navigation .navigation-links p.parents { margin-bottom: 0; }
.header-navigation .navigation-links p.parents a { color: #666; }
.header-navigation .navigation-links a { color: #333; padding-left: 5px; padding-right: 5px; font-size: 1.1em; }
.header-navigation .navigation-links a.first { padding-left: 0px; margin-left: 0px !important; }
.header-navigation .navigation-links a.all { color: #6692a8; }
.header-navigation .navigation-links a.rss { background: url('/tpl/images/rss-icon-s.png') left center no-repeat; padding-left: 16px; margin-left: 3px; }

.header-navigation .navigation-add { float: right; width: 221px; height: 68px; border: 0px solid #d9d9d9; }

.header-navigation .clear { margin-bottom: 10px; }

.header-title { border-bottom: 2px solid #5f9ab4; }
.header-title .title { font-size: 2em; color: #444 !important; margin-bottom: 0px; font-weight: bold; font-family: "Times New Roman" !important; line-height: 1.16em; text-transform: uppercase; }
.header-title .title a { color: #444 !important; text-decoration: none; }
.header-title .title a:hover { text-decoration: none !important; }


/* Content elements
------------------------------ */
.content { padding: 15px; background-color: #fff; }

.content-blocks-left { float: left; width: 250px; }
.content-blocks-center { float: left; width: 455px; margin-left: 10px; padding-left: 10px; padding-right: 10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.content-blocks-right { float: right; width: 220px; }
.content-blocks-left-center { float: left; width: 725px; padding-right: 10px; border-right: 1px solid #d9d9d9; }

.content .header { line-height: 10px; height: 10px; background-color: #daeaf2; margin-bottom: 10px; margin-top: 2em; font-family: Verdana; }
.content .nonstandart { color: #000 !important; }
.content .notlink { background-color: #fff; }
.content .notlink p { margin-bottom: 5px; }
.content .notlink img {  }
.content .unactive { background-color: #e9e9e9; }
.content .header a, .content .header span { padding-right: 10px; background-color: #fff; color: #de1700; text-decoration: none; }
.content .header a, .content .header p, .content .header span { text-transform: uppercase; }
.content .header-end { margin-top: 1.5em; border-bottom: 1px solid #e4e4e4; }
.content .top { margin-top: 0px; }
.content .twicetop { margin-top: 1.5em; }

.content .news { }
.content .news-colored { background-color: #f6f6f6; padding: 10px; }
.content .news .time { color: #919191; font-size: 1.1em; margin-top: 5px; }
.content .news .title { }
.content .news .title a { color: #136087 !important; text-decoration: none; font-size: 1.6em; font-family: "Times new Roman"; }
.content .news .subtitle { color: #919191; font-size: 1.2em; }
.content .news .views { padding-top: 5px; color: #919191; font-size: 1.1em; }
.content .news .views a { font-size: 1em; text-decoration: none; color: #335EA8 !important; }
.content .news .tags { margin-top: 5px; font-size: 1.1em; }
.content .news .announce { line-height: 1.3em; font-size: 1.2em; margin-top: 10px; }
.content .news .announcement { font-size: 1.2em; margin-top: 10px; line-height: 1.3em; }
.content .news hr { background-color: #d9d9d9; }
.content .news .event { overflow: hidden; }

.content .authorization p, .content .authorization li { font-size: 1.1em; }
.content .authorization ul { margin-bottom: 2em; }
.content .authorization { margin-bottom: .7em; }

.content .registration-form form { font-size: 1.1em; }

.content .author-separator { clear: both; }
.content .author { background-color: #f2f0e4; margin-bottom: 10px; padding: 10px; }
.content .author a { background-color: transparent; }
.content .author .image { width: 95px; float: left; }
.content .author .name {  width: 50%; float: left; margin-bottom: 8px; }
.content .author .name a { color: #19709c !important; text-decoration: none; font-size: 1.5em; line-height: 1.1em; font-weight: bold; font-family: "Times new Roman"; background-color: #f2f0e4; }
.content .author .article { width: 50%; float: left; }
.content .author .article a { text-decoration: none; font-size: 1.1em; font-weight: bold; color: #69655f !important; }
.content .author .time { /*width: 100px;*/ float: left; color: #ababab; font-size: 1em; margin-top: 4px; /*margin-right: 2em;*/ }

.content .article { }
.content .article .content-wrap { font-size: 1.1em; text-align: justify; }
.content .article .content-wrap p, .content .article .content-wrap h2, .content .article .content-wrap h3, .content .article .content-wrap h4 { text-indent: 20px; }
.content .article p { margin-bottom: .5em; /*text-indent: 1em;*/ }
.content .article .time { color: #ababab; font-size: 1.1em; margin-top: 5px; margin-bottom: 0px; }
.content .article .title { color: #ababab; font-size: 1.3em; margin-top: 0px; }
.content .article .content-left { float: left; width: 215px; margin-right: 10px; margin-bottom: 10px; padding-right: 10px; padding-bottom: 0px; border-right: 1px solid #d9d9d9;  }
.content .article .bottom-line { border-bottom: 1px solid #d9d9d9; }
.content .article .content-left img { margin-left: 0px; }
.content .article .content-left .info { border: 1px solid #d9d9d9; padding: 10px; margin-top: 5px; }
.content .article .content-left .info ul { list-style-type: none; }
.content .article .content-left .info ul li { margin-top: 5px; }
.content .article .content-left .info ul li a { padding-left: 25px; background-repeat: no-repeat; }
.content .article .content-left .info ul li a.button-print { background-image: url('/tpl/images/print-icon.gif'); }
.content .article .content-left .info ul li a.button-email { background-image: url('/tpl/images/email-icon.gif'); }
.content .article .content-left .info ul li a.button-fixed { background-image: url('/tpl/images/fixed-icon.gif'); }
.content .article .content-left .info ul li a.button-comment { background-image: url('/tpl/images/comment-icon.gif'); }
.content .article .content-center { float: left; width: 485px; }

.content .blog { }
.content .blog .header-end { margin-top: 3px; margin-bottom: 5px; }
.content .blog span { margin-top: 8px; }
.content .blog .time { clear: right; }
.content .blog .sections-list { font-size: 1.2em; }
.content .blog ul.sections-list { list-style-type: none; margin-left: .5em; }
.content .blog h3 { margin: 0.2em 0 !important; }
.content .blog h4 { margin: 0.2em 0; }

.content .invest-catalog { }
.content .invest-catalog .sections-list { font-size: 1.1em; }
.content .invest-catalog ul.sections-list { list-style-type: circle; }
.content .invest-catalog ul.numbers-list { list-style-type: none; margin-left: 0; }
.content .invest-catalog ul.numbers-list a { font-size: 1.1em; text-decoration: none; position: relative; }
.content .invest-catalog ul.numbers-list a:hover { text-decoration: none !important; }
.content .invest-catalog ul.numbers-list a span { position: absolute; left: .5em; }
.content .invest-catalog ul.numbers-list a img { margin-top: 1.5em; }

.content .comments { padding: 15px; background-color: #DAEAF2; margin-top: 20px; font-size: 1.1em; overflow: hidden; }
.content .comments h3 { margin-top: 1em; }
.content .comments form h3 { margin-top: 0; }
.content .comments textarea { width: 99%; height: 100px; }
.content .comments-list { margin-left: 15px; }
.content .comments-list .comment { margin-top: 10px; }
.content .comments-list .comment .time { font-size: 1em; }
.content .comments-list .comment p { margin-bottom: 10px; }

.content .ads { }

.content .list { padding-bottom: 2px; }
.content .list a { font-size: 1.3em; font-family: "Times new Roman"; }
.content .list-separator { height: 12px; background-image: url('/tpl/images/news-separator.gif'); }

.content .about { background-color: #e7f2f8; padding: 10px; padding-left: 0px; }
.content .about ul { list-style-type: none; margin-bottom: 0px; }
.content .about li { margin-left: -10px; }
.content .about a { font-size: 1.3em; line-height: 1.9em; font-family: "Times new Roman"; }

.content .main-content { font-size: 1.1em; }
.content .main-content h1, .content .main-content h2, .content .main-content h3 { margin-bottom: 0px; }
.content .main-content h2.main { font-size: 2.4em; }
.content .main-content img { margin-left: 0px; }
.content .main-content .time, .content .main-content .title { color: #919191; }
.content .main-content .time { margin-bottom: -1px; }
.content .main-content .title { font-size: 1.2em; }
.content .main-content .articles { }
.content .main-content .articles h3 { margin-bottom: 0px; }
.content .main-content .articles .article-first { float: left; width: 220px; border-right: 1px solid #d9d9d9; padding-right: 5px; }
.content .main-content .articles .article-second { float: right; width: 220px; padding-left: 5px; }
.content .main-content h1 a, .content .main-content h3 a { color: #19709c !important; }
.content .main-content .text { padding-top: 2px; font-size: 1.2em; }
.content .main-content .news .views { /*font-size: 1.1em;*/ }
.content .main-content hr { background-color: #d9d9d9; }

.content .pages { margin-top: 15px; font-size: 1.1em; color: #ABABAB; }
.content .pages a.current { color: #DD1205 !important; }

.content .forum-content { }
.content .forum-content table.sections th { padding: 5px 3px; background-color: #D8E8F1; color: #19709C; }
.content .forum-content table.sections td { padding: 10px; }
.content .forum-content table.sections td a { font-size: 1.2em; }
.content .forum-content table.sections td.p2 { padding-left: 30px; }
.content .forum-content table.sections td.p3 { padding-left: 50px; }
.content .forum-content table.sections td.p4 { padding-left: 70px; }

.content .forum-content .topic { border: 1px solid #d2d2d2; background-color: #DAEAF2; }
.content .forum-content .topic .starter { width: 20%; float: left; }
.content .forum-content .topic .starter p { padding-left: 20px; margin-top: 2px; margin-bottom: 0px; }
.content .forum-content .topic .starter p.time { color: #ABABAB; font-size: .9em; margin-top: 0px; }
.content .forum-content .topic .title { width: 75%; float: right; }
.content .forum-content .topic .title h3 { margin-top: 6px; }
.content .forum-content .topic .title p { margin-top: 8px; padding-right: 10px; }
.content .forum-content .topic .clear { border-bottom: 1px solid #d2d2d2; }
.content .forum-content .topic .text { background-color: #fff; }
.content .forum-content .topic .text p { padding: 10px; }

.content .forum-content .comment { border: 1px solid #d2d2d2; margin-top: 5px; background-color: #f2f2f2; }
.content .forum-content .author-comment { background-color: #DAEAF2; }
.content .forum-content .comment .starter { height: 22px; }
.content .forum-content .comment .starter p { padding-left: 20px; padding-right: 10px; }
.content .forum-content .comment .starter p.time { color: #ABABAB; font-size: .9em; padding-left: 0px; }
.content .forum-content .comment .clear { border-bottom: 1px solid #d2d2d2; }
.content .forum-content .comment .text { background-color: #fff; }
.content .forum-content .comment .text p { padding: 10px; }

.content .gallery-content { }
.content .gallery-content .gallery { width: 50%; float: left; min-height: 120px; }
.content .gallery-content .gallery .preview { width: 130px; float: left; text-align: center; padding-right: 10px; }
.content .gallery-content .image { width: 240px; min-height: 220px; text-align: center; float: left; }
.content .gallery-content .large { text-align: center; }
.content .gallery-content .large p { margin-left: 100px; margin-right: 100px; }
.content .gallery-content .time { font-size: 1em; }

.content .archive-calendar { background-color: #fafafa; font-size: 1em; }
.content .archive-calendar p { padding: 0px; margin: 0px; text-align: center; }
.content .archive-calendar .title { background-color: #e6e6e6; font-size: 1.8em; line-height: 1.5em; height: 1.5em; }
.content .archive-calendar .week { background-color: #ebebeb; height: 1.5em; font-weight: bold; }
.content .archive-calendar .days a { }
.content .archive-calendar .days .f-left { border-bottom: 1px solid #efefef; }
.content .archive-calendar .days .current-day { background-color: #ebebeb; }
.content .archive-calendar .days .current-number { background-color: #daeaf2; }

.content .archive { }
.content .archive .years { padding-left: 30px; }
.content .archive .years h2 { float: left; }
.content .archive .months { padding-left: 30px; }
.content .archive .months h3 { float: left; }
.content .archive .numbers { padding-left: 30px; }

/*
.content .search-form { text-align: center; }
.content .search-form form { padding: 0px !important; }
.content .search-form .i-text { width: 100%; }
.content .search-form label { color: #19709c; font-size: 1.3em; }
.content .search-form .inputs { float: left; width: 300px; white-space: nowrap; }
.content .search-form .checkboxes { clear: both; padding-top: .5em; margin-left: 20%; }
.content .search-form .checkboxes .i-checkbox { margin-left: .5em; }
.content .search-form .checkboxes label { font-size: 1.1em; width: auto; }

.content .search-result { padding-left: 3em; }
*/
.content .search-form { width: 400px; padding-left: 170px; }
.content .search-form td { border: 0px; }
.content .search-form tr:hover { background: none; }
.content .search-form #yandexbox-text { font-size: 13px !important; }
.content .search-form .b-yandexbox-submit input { font-size: 10px !important; }


.content h1, .content h2, .content h3, .content h4 { font: 2.4em "Times new Roman"; margin-bottom: .5em; color: #19709c !important; text-align: left; }
.content h2 { font-size: 2em; }
.content h3 { font-size: 1.8em; }
.content h4 { font-size: 1.5em; }

.content h1 a, .content h2 a, .content h3 a, .content h4 a { text-decoration: none; color: #19709c !important; }
.content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover { text-decoration: underline; }
.content h1 a.active, .content h2 a.active, .content h3 a.active, .content h4 a.active { color: #DE1700 !important; }

.content blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; font-size: 1.1em; }

.content ul, .content ol { margin-left: 2em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content pre, .content code { font: 1.2em/1.4 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: .2em .5em; background: #eee; }

.content p { }

.content .icons a, .content .icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center; }

.content ul, .content ol, .content table, blockquote, pre, .columns, .content img { margin-bottom: 1em; }
.content p { margin-bottom: .2em; }

.content dl { overflow: hidden; }
.content dl dt { float: left; width: 50%; font-weight: bold; }
.content dl dd { float: right; width: 40%; }

.content hr { border: 0; width: 100%; clear: both; background-color: #fff; background-image: url("/tpl/images/separator.gif"); height: 1px; margin-top: 1em; margin-bottom: 1em; }
.content hr.solid { background-image: none; background-color: #D9D9D9; }
.content hr.clear { background: #fff; }



/* Footer elements
------------------------------ */
.footer-blocks-left { float: left; width: 735px; border-right: 1px solid #d9d9d9; }
.footer-blocks-right { float: right; width: 230px; }

.footer-links { color: #adadad; }
.footer-links a { color: #adadad !important; font-size: 1.1em; text-decoration: none; margin-right: 5px; margin-left: 5px; text-transform: uppercase; }
.footer-links a.first { margin-left: 0; }

.footer-address { margin-top: 15px; color: #69655f; font-size: .9em; }

.footer-copyright { margin-top: 15px; color: #919191; font-size: .9em; padding-right: 15px; }
.footer-copyright a { color: #919191; text-decoration: none; border-bottom: 1px dotted #ccc; }
.footer-copyright a:hover { text-decoration: none !important; }

.footer-developers { height: 150px; }
.footer-developers p { padding-left: 15px; }


/* Text align && Float
------------------------------ */
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }
.a-justify { text-align: justify !important; }
.a-right { text-align: right !important; }

.f-left { float: left; }
.f-right { float: right; }
.f-none { float: none!important; }


/* Tables
------------------------------ */
.content table { border-collapse: collapse; width: 100%; }
.content table th, .content table td { border: 1px solid #eee; padding: 2px 3px; }
.content table th { background: #f4f4f4; text-align: center; }
.content table td { vertical-align: middle; }
.content table tr:hover { background-color: #fafafa; }
.content table caption { text-align: left; font-size: 1.1em; font-weight: bold; color: #335ea8; margin-top: -1px; padding-bottom: .5em; font-family: "Times new Roman"; }
.content .accent { color: #335ea8 !important; }

/* Images
------------------------------ */
.content img { margin: .5em; border: 1px solid #ccc !important; }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; } /* KHTMLOpacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }
.content img.null-image:hover { KHTMLOpacity: 1; -moz-opacity: 1; opacity: 1; } */
.content img.f-left { margin-right: 1em; }
.content img.f-right { margin-left: 1em; }


/* Content Form
------------------------------ */
.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.3em; color: #19709c; font-family: "Times new Roman"; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; font-size: 1.1em; font-family: "Times new Roman"; }
.content .f-inputs { padding-left: 30%; }

.content .f-actions { padding-top: 1em; border-top: 1px solid #ccc; }


/* Inputs
------------------------------ */
.content input { vertical-align: middle; }
.content .i-checkbox { /*margin-top: 2px;*/ }
.content .i-text { width: 200px; padding: 1px; font: 1em sans-serif; border: 1px solid #cfcfcf; }
.content .i-error { border: 1px solid #e39b9b; }
.content .t-error { font-weight: bold; color: #c02121 !important; }

.content input.button { width: auto; overflow: visible; cursor: pointer; height: 18px; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; border: 1px solid #a8a8a8; background-color: #ccc; color: #666; font-size: .9em; }

.content input.button-normal, .content input.button-hover, .content input.button-disabled { border: 0px; background-color: transparent; background-image: url('../img/button-end.png'); background-repeat: no-repeat; }
.content span.button-normal, .content span.button-hover, .content span.button-disabled { background-image: url('../img/button-begin.png'); background-repeat: no-repeat; }

.content input.button-normal   { background-position: right -20px; }
.content span.button-normal    { background-position: left -20px; }

.content input.button-hover    { background-position: right -40px; }
.content span.button-hover     { background-position: left -40px; }

.content input.button-disabled { background-position: right 0px; cursor: default; }
.content span.button-disabled  { background-position: left 0px; cursor: default; }



/* Columns
------------------------------ */
.columns { width: 100%; overflow: hidden; text-align: justify; }

.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 6px; }
.col-first   { padding-left: 0!important; }
.col-last    { padding-right: 0!important; }

.w-5   { width: 5%; }
.w-10  { width: 10%; }
.w-14  { width: 14%; }
.w-15  { width: 15%; }
.w-20  { width: 20%; }
.w-25  { width: 25%; }
.w-30  { width: 30%; }
.w-35  { width: 35%; }
.w-40  { width: 40%; }
.w-45  { width: 45%; }
.w-50  { width: 50%; }
.w-55  { width: 55%; }
.w-60  { width: 60%; }
.w-65  { width: 65%; }
.w-70  { width: 70%; }
.w-75  { width: 75%; }
.w-80  { width: 80%; }
.w-85  { width: 85%; }
.w-90  { width: 90%; }
.w-95  { width: 95%; }
.w-100 { width: 100%; }

.w-33  { width: 33%; }
.w-66  { width: 66%; }

.w-38  { width: 38%; }
.w-62  { width: 62%; }