@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/layout.css");
@import url("src/form.css");

/* ---------->>> MAIN <<<-----------*/
body {
	background: #ffffff; color: #515151; background: #f0ede0 url("../images/wrapper_bg.png") left top repeat-y;
	font: normal 11px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; }

a { color: #51c20d; }
a:hover { text-decoration: none; }

p { margin: 8px 0; text-align:justify; }

legend { font: normal 11px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #000000; }
input { font: normal 11px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #000000; }

h1 { font-size: 24px; font-weight: normal; margin: 0px 0px 17px 0px; color: #515151; }
h2 { margin:15px 0 8px 0; font-size:14px; }
h3 { }
h4 { }
h5 { }
h6 { }

/* ---------------->>> LAYOUTS <<<---------------*/

/** Wrapper layout **/
#wrapperLayout {
	width: 100%; min-width: 1000px; min-height: 100%; overflow: hidden;
	background: url("../images/wrapper_bg2.png") right top repeat-y; position: relative; }
#wrapperLayout #wrapperLayoutSub1 { background: url("../images/wrapper_bg3.jpg") left top repeat-x; z-index: 98; position: relative; }
#wrapperLayout #wrapperLayoutSub2 { background: url("../images/wrapper_bg4.jpg") left 80px repeat-x; }
#wrapperLayout #wrapperLayoutSub3 { background: url("../images/wrapper_bg3.png") left 54px no-repeat; }
#wrapperLayout #wrapperLayoutSub4 { 
    background: url("../images/wrapper_bg4.png") right 80px no-repeat; 
    min-height: 600px; padding: 1px 0px 430px 0px; position: relative; z-index: 98; }

/** Center layout **/
#centerLayout { width: 100%; overflow: hidden; margin: 214px 0px 0px 0px; }
#centerLayout #centerLayoutSub1 { }
#centerLayout #centerLayoutSub2 { }

/** Left layout **/
#leftLayout { width: 368px; }
#leftLayout #leftLayoutSub1 { }

/** Right layout **/
#rightLayout { margin: 0px -368px 0px 0px; }
#rightLayout #rightLayoutSub1 { margin: 0px 368px 0px 0px; padding: 37px 100px 0px 0px; }

/** Header layout **/
#headerLayout { position: relative; }

/** Footer layout
#footerLayout { 
    position: relative; clear: both; width: 100%; min-width: 1000px; height: 550px; margin: -550px 0px 0px 0px;
    background: url("../images/footer_bg.png") left bottom repeat-x; overflow: hidden; }
#footerLayout #footerLayoutSub1 { background: url("../images/footer_bg2.png") left top no-repeat; }
#footerLayout #footerLayoutSub2 { 
    height: 550px; overflow: hidden; position: relative;
    background: url("../images/footer_bg3.png") right top no-repeat; }
#footerLayout, x:-moz-any-link { display: none; }
#footerLayout, x:-moz-any-link, x:default { display: block; } **/

/** Content layout **/
#contentLayout { }

/* ---------------->>> BOXES <<<---------------*/

/** Begin: standNavBox **/
#standNavBox { position: absolute; right: 79px; top: 83px; width: 87px; height: 41px; }
#standNavBox #standNavBoxSub1 { background: url("../images/stand_nav_bg.png") left top no-repeat; width: 87px; height: 41px; }
#standNavBox #standNavBoxSub2 { padding: 13px 0px 0px 17px; }
#standNavBox p { float: left; margin: 0px 0px 0px 0px; padding: 0px 4px 0px 4px;}
/** End: standNavBox **/

/** Begin: logoBox **/
#logoBox { margin: 0px 0px 35px 80px; }
#logoBox a { text-decoration: none; font-size: 34px; color: #000000; }
/** End: logoBox **/

/** Begin: mainNavBox **/
#mainNavBox { margin: 0px 0px 0px 100px; }
#mainNavBox ul { list-style: none; margin: 0px 0px 0px 0px; }
#mainNavBox ul li { margin: 0px 0px 9px 0px; }
#mainNavBox ul li strong { 
    background: url("../images/main_nav_bg.png") left top no-repeat; font-size: 12px; color: #ffffff;
    width: 153px; height: 19px; display: block; line-height: 18px; padding: 0px 0px 0px 16px; }
#mainNavBox ul li a { 
    display: block; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 9px; text-decoration: none;
    background: url("../images/main_nav_bg2.png") left center no-repeat; color: #616161; font-size: 12px; }
#mainNavBox ul li a span { background: url("../images/main_nav_bg3.png") left bottom repeat-x; padding: 0px 0px 2px 0px; }
#mainNavBox ul li a:hover { color: #000000; }
/** End: mainNavBox **/

/** Begin: catalogBox **/
#catalogBox { position: absolute; left: 0px; bottom: 237px; width: 100%; z-index: 99; }
#catalogBox #catalogBoxSub1 { margin: 0px 80px 0px 80px; }
#catalogBox table { width: 100%; border-collapse: collapse; }
#catalogBox table td { vertical-align: top; }
#catalogBox table td .item { 
    background: url("../images/catalog_bg.png") left top no-repeat;
    width: 159px; height: 158px; margin: 0px auto 0px auto; }
#catalogBox table td .item .url { margin: 0px 14px 0px 14px; }
#catalogBox table td .item a { 
    display: table-cell; padding: 0px 0px 2px 0px; vertical-align: middle; font-size: 12px; text-decoration: none;
    background: url("../images/catalog_bg2.png") left bottom no-repeat; height: 33px; color: #727272; width: 159px; }
#catalogBox table td .item a span { 
    background: url("../images/catalog_bg3.png") left center no-repeat; 
    padding: 0px 0px 0px 18px; display: block; }
#catalogBox table td .item a:hover { color: #000000; }
#catalogBox table td .image { text-align: center; }
/** End: catalogBox **/

/** Begin: copyrightBox **/
#copyrightBox { position: absolute; left: 0px; bottom: 8px; width: 100%; z-index: 99; }
#copyrightBox p { margin: 0px 0px 0px 0px; text-align: center; color: #a6a6a6; }
#copyrightBox p a { color: #51c20d; text-decoration: none; }
#copyrightBox p a:hover { color: #ffffff; }
/** End: copyrightBox **/

/** Begin: footerNavBox **/
#footerNavBox { position: absolute; left: 0px; bottom: 21px; width: 100%; z-index: 99; text-align: center; color: #A6A6A6; line-height:13px; }
#footerNavBox ul { list-style: none; margin: 0px 0px 0px 0px; text-align: center; }
#footerNavBox ul li { display: inline; border-left: 1px solid #a6a6a6; padding: 0px 3px 0px 5px; }
#footerNavBox ul .first { border: 0px; }
#footerNavBox ul li a { color: #a6a6a6; text-decoration: none; }
#footerNavBox ul li a:hover { color: #ffffff; }
/** End: footerNavBox **/

/** Begin: projectsBox **/
#projectsBox { width: 100%; overflow: hidden; margin: 22px 0px 0px 0px; }
#projectsBox .cell { float: left; width: 50%; }
#projectsBox .cell .cellSub1 { width: 241px; }
#projectsBox .cell .url { text-align: center; margin: 0px 0px 10px 0px; }
#projectsBox .cell .url a { text-decoration: none; color: #000000; font-size: 13px; }
#projectsBox .cell .url a:hover { text-decoration: underline; }
/** End: projectsBox **/

/** Begin: quizBox **/
#quizBox { }
#quizBox .item { }
#quizBox .item .quiz { margin: 0px 0px 12px 0px; }
#quizBox .item .quiz h2 { margin: 0px 0px 1px 0px; font-size: 13px; color: #7fdc00; font-weight: bold; }
#quizBox .item .ansver { margin: 0px 0px 12px 0px; }
#quizBox .item .ansver h2 { margin: 0px 0px 1px 0px; font-size: 13px; color: #515151; font-weight: bold; }
/** End: quizBox **/

/** Begin: addQuizFormBox **/
#addQuizFormBox { 
    background: url("../images/dot1.png") left top repeat-x; margin: 20px 0px 0px 0px; padding: 19px 0px 0px 0px; }
#addQuizFormBox fieldset { width: 286px; margin: 0px auto 0px auto; }
#addQuizFormBox fieldset .line { width: 100%; overflow: hidden; margin: 0px 0px 12px 0px; }
#addQuizFormBox fieldset .line .subLeft { float: left; width: 65px; margin: 0px 9px 0px 0px; text-align: right; }
#addQuizFormBox fieldset .line .subLeft .label1 { position: relative; top: 50px; }
#addQuizFormBox fieldset .line .subLeft label { color: #000000; font-size: 13px; line-height: 20px; font-weight: normal; }
#addQuizFormBox fieldset .line .subRight { width: 205px; float: left; }
#addQuizFormBox fieldset .line .subRight .input { 
    width: 205px; height: 21px; background: url("../images/in1.png") left top no-repeat; }
#addQuizFormBox fieldset .line .subRight .input input { border: 0px; width: 190px; margin: 2px 0px 0px 6px; }
#addQuizFormBox fieldset .line .subRight .textarea { 
    width: 205px; height: 71px; background: url("../images/in2.png") left top no-repeat; }
#addQuizFormBox fieldset .line .subRight .textarea textarea { border: 0px; width: 190px; margin: 2px 0px 0px 6px; height: 60px; overflow: auto; }
/** End: addQuizFormBox **/

/** Begin: img1Box **/
#img1Box { position: absolute; left: 0px; bottom: -2px; z-index: 90; }
/** End: img1Box **/

/** Begin: img2Box **/
#img2Box { position: absolute; right: 0px; bottom: -2px; z-index: 90; }
/** End: img2Box **/

/** Begin: footerBox **/
#footerBox { 
    position: absolute; left: 0px; bottom: 0px; width: 100%; height: 550px;
    background: url("../images/footer_bg.png") left bottom repeat-x; }
/** End: footerBox **/

/** Begin: imagesListBox **/
#imagesListBox { }
#imagesListBox table { width: 100%; border-collapse: collapse; }
#imagesListBox table td { padding: 0px 13px 5px 0px; }
#imagesListBox table td img { border: 1px solid #7fdc00; }
/** End: imagesListBox **/

/* ---------------->>> DECORATIONS <<<---------------*/

/* ---------------->>> SUBPAGES <<<---------------*/