@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: #353535; background: url("../images/wrapper_bg.png") left top repeat-x;
	font: normal 14px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; }

a { color: #00b4ff; }
a:hover { text-decoration: none; }

p { }

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

h1 { color:#432F2A; font-size:20px; margin-bottom:10px; margin-top:30px;}
h2 { color:#432F2A;font-size:18px;margin-bottom:10px;margin-top:30px;}
h3 { color:#432F2A;font-size:16px;margin-bottom:10px;margin-top:30px;}
h4 { }
h5 { }
h6 { }

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

/** Wrapper layout **/
#wrapperLayout {
	width: 100%; min-width: 1000px; min-height: 100%; overflow: hidden;
	background: url("../images/wrapper_bg2.jpg") right top no-repeat; }
#wrapperLayout #wrapperLayoutSub1 { 
    background: url("../images/wrapper_bg3.jpg") left top no-repeat; 
    position: relative; min-height: 300px; padding: 1px 0px 100px 0px; }

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

/** Left layout **/
#leftLayout { width: 230px; padding: 40px 0px 0px 0px; }
#leftLayout #leftLayoutSub1 { }

/** Right layout **/
#rightLayout { width: 230px; padding: 40px 0px 0px 0px; }
#rightLayout #rightLayoutSub1 { margin: 0px 0px 0px 19px; width: 160px; padding: 20px 0px 0px 0px; }

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

/** Footer layout **/
#footerLayout { 
    position: relative; clear: both; width: 100%; min-width: 1000px;
    height: 52px; margin: -52px 0px 0px 0px; overflow: hidden; background: #000000 url("../images/footer_bg.png") left top no-repeat; }
#footerLayout #footerLayoutSub1 { 
    height: 52px; overflow: hidden; position: relative;
    background: url("../images/footer_bg2.png") right top no-repeat; }

/** Content layout **/
#contentLayout { margin: 1px 0px 0px 230px; }
#contentLayout #contentLayoutSub1 { 
    width: 100%; overflow: hidden; position: relative; min-height: 40px;
    background: url("../images/dot1.png") left 39px repeat-x; }
#contentLayout #contentLayoutSub1 .cell1 { 
    position: absolute; left: 0px; top: 0px; height: 39px; width: 21px; 
    background: url("../images/img1.png") left top no-repeat; }
#contentLayout #contentLayoutSub1 .cell2 { 
    min-height: 39px; background: #ffffff; margin: 0px 20px 0px 21px; }
#contentLayout #contentLayoutSub1 .cell3 { 
    position: absolute; right: 0px; top: 0px; height: 39px; width: 20px; 
    background: url("../images/img2.png") left top no-repeat; }
#contentLayout ul { list-style: none; margin: 0px 0px 25px 12px; }
#contentLayout ul li { padding: 0px 0px 3px 15px; background: url("../images/ul_bg.png") left 7px no-repeat; }
/* ---------------->>> BOXES <<<---------------*/

/** Begin: logoBox **/
#logoBox { position: absolute; left: 5px; top: 30px; }
#logoBox a { color: #000000; font-size: 24px; text-decoration: none; }
/** End: logoBox **/

/** Begin: footerNavBox **/
#footerNavBox { }
#footerNavBox ul { list-style: none; margin: 10px 0px 0px 0px; text-align: center; }
#footerNavBox ul li { display: inline; padding: 0px 3px 0px 5px; border-left: 1px solid #a6a6a6; }
#footerNavBox ul .first { border: 0px; }
#footerNavBox ul li a { color: #a6a6a6; text-decoration: none; font-size: 11px; }
#footerNavBox ul li a:hover { color: #ffffff; }
/** End: footerNavBox **/

/** Begin: copyrightBox **/
#copyrightBox { }
#copyrightBox p { text-align: center; color: #515151; font-size: 11px; margin: 4px 0px 0px 0px; }
#copyrightBox p a { color: #515151; }
#copyrightBox p a:hover { color: #ffffff; }
/** End: copyrightBox **/

/** Begin: navBox **/
#navBox { margin: 0px 0px 30px 0px; }
#navBox p { 
    line-height: 39px; background: url("../images/nav_bg.png") left 21px no-repeat; 
    padding: 0px 0px 0px 12px; margin: 0px 0px 0px 0px; color: #c7c8c8; font-size: 11px; }
#navBox p a { color: #00b4ff; } 
/** End: navBox **/

/** Begin: leftNavBox **/
#leftNavBox { padding: 20px 0px 0px 10px; }
#leftNavBox ul { list-style: none; margin: 0px 0px 0px 0px; }
#leftNavBox ul li { margin: 0px 0px 2px 0px; width: 100%; overflow: hidden; }
#leftNavBox ul li a { 
    display: block; background: url("../images/left_nav_bg.png") 12px 7px no-repeat; 
    padding: 0px 0px 0px 34px; text-decoration: none; font-size: 14px; color: #00b4ff; }
#leftNavBox ul li a:hover { color: #000000; }
#leftNavBox ul li .sub1 {
    display: block; background: #000000 url("../images/left_nav_bg3.png") left top no-repeat; height: 22px; float: left; }
#leftNavBox ul li .sub2 {
    display: block; background: url("../images/left_nav_bg4.png") right top no-repeat; float: left;
    padding: 0px 20px 0px 34px; text-decoration: none; font-size: 14px; color: #ffffff; line-height: 20px; height: 22px; }
#leftNavBox ul li ul { margin: 0px 0px 5px 34px; clear: both; }
#leftNavBox ul li ul li { margin: 5px 0px 4px 0px; }
#leftNavBox ul li ul li a { background: none; padding: 0px 0px 0px 0px; color: #d058bb; font-size: 12px; }
#leftNavBox ul li ul li span { 
    display: block; background: none; line-height: 120%;
    padding: 0px 0px 0px 0px; text-decoration: none; font-size: 12px; color: #d058bb; }
/** End: leftNavBox **/

/** Begin: newsBox **/
#newsBox { margin: 0px 0px 45px 0px; }
#newsBox h2 { 
    width: 133px; height: 22px; background: url("../images/h2_1.png") left top no-repeat; padding: 0px 0px 0px 27px;
    font-size: 12px; font-weight: normal; color: #ffffff; text-align: left; line-height: 20px; }
#newsBox .item { margin: 20px 0px 13px 12px; }
#newsBox .item h3 { font-size: 11px; font-weight: bold; color: #353535; margin: 0px 0px 4px 0px; }
#newsBox .item .text { font-size: 11px; margin: 0px 0px 7px 0px; }
#newsBox .item .date { color: #ababab; }
#newsBox .arch { padding: 0px 0px 0px 14px; margin: 20px 0px 0px 13px; background: url("../images/a1.png") left 3px no-repeat; }
/** End: newsBox **/

/** Begin: phonesBox **/
#phonesBox { }
#phonesBox h2 { 
    width: 133px; height: 22px; background: url("../images/h2_2.png") left top no-repeat; padding: 0px 0px 0px 27px;
    font-size: 12px; font-weight: normal; color: #ffffff; text-align: left; line-height: 20px; }
#phonesBox p { margin: 15px 0px 0px 13px; font-size: 14px; line-height: 18px; color: #000000; }
#phonesBox p span { color: #8c8c8c; }
/** End: phonesBox **/

/** Begin: sendFormBox **/
#sendFormBox { padding: 55px 0px 0px 40px; }
#sendFormBox fieldset { width: 400px; }
#sendFormBox fieldset .line { width: 100%; overflow: hidden; margin: 0px 0px 20px 0px; }
#sendFormBox fieldset .line .subLeft { width: 115px; float: left; margin: 0px 8px 0px 0px; text-align: right; line-height: 23px; }
#sendFormBox fieldset .line .subLeft label { font-family: Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; color: #646464; }
#sendFormBox fieldset .line .subLeft .label1 { position: relative; top: 70px; }
#sendFormBox fieldset .line .subRight { float: left; width: 270px; }
#sendFormBox fieldset .line .subRight .input { width: 270px; height: 23px; background: url("../images/input1.png") left top no-repeat; }
#sendFormBox fieldset .line .subRight .input input { width: 260px; border: 0px; margin: 3px 0px 0px 3px; }
#sendFormBox fieldset .line .subRight .textarea { width: 270px; height: 110px; background: url("../images/textarea1.png") left top no-repeat; }
#sendFormBox fieldset .line .subRight .textarea textarea { width: 260px; border: 0px; margin: 3px 0px 0px 3px; height: 90px; overflow: hidden; }
/** End: sendFormBox **/

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

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