/*
    AUTHOR: Dmitry Paul
*/

/************************************* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
* { margin: 0; padding: 0; font-size:13px;}
html { height:100% }
body {
    font-family:  Tahoma, Verbana;
    font-size: 14px;
    width: 100%;
    height:100%;
}
ul { list-style: none inside; }
a {
    color:black;
    outline: none;
    text-decoration: none;
}
a:hover{
    color:black;
    text-decoration:underline;
}
img { border: none; }
h1{
    font-size:20px;
    font-variant: small-caps;
}
/************************************* END RESET */


/************************************* TOOLBOX CSS */
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.orange{
    color:#fc8302 !important;
}
.space{
    height:1px;
    width:1px;
    font-size:0;
    line-height:0;
}
.c{text-align: center;}
.errorSummary{
    border: 1px solid #E89B88;
    background-color:#f5f5dc;
    padding:5px;
    color:red;
}
.errorSummary .title{
    color:black;
}
#leftMenu .lbox{
    width:231px;
    background: url(../images/leftPanelMiddle.jpg) repeat-y;
    margin-top:10px;
    float: left;

}
#leftMenu .lbox .btop a{
    color:#fc8302;
    font-size: 20px;
}
#leftMenu .lbox .btop{
    width:231px;
    height:30px;
    background: url(../images/leftPanelTop.jpg) no-repeat;
}

#leftMenu .lbox .bmiddle{
    color:white;
    margin:0 7px;
    width:191px;
    padding-left:15px;
    padding-top:15px;
}
#leftMenu .lbox .bbottom{
    width:231px;
    height:15px;
    background: url(../images/leftPanelBottom.jpg) no-repeat left bottom;
    padding-top:15px;

}
#leftMenu .lbox .bmiddle a{
    color:#fc8302;
    text-decoration: underline;
}
#leftMenu .lbox .bmiddle a:hover{
    color:white;
}
#leftMenu .lbox .bmiddle .melement{
    padding-top:10px;
}
#leftMenu .lbox .bmiddle .melement .etop{
    line-height: 0;
    font-size:0;
    height:6px;
    width:193px;
    background: url(../images/lMenuSBackTop.jpg) no-repeat;
}
#leftMenu .lbox .bmiddle .melement .emid{
    width:183px;
    background: url(../images/lMenuSBackMiddle.jpg) repeat-y;
    padding-left:10px;
}
#leftMenu .lbox .bmiddle .melement .ebot{
    height:6px;
    width:193px;
    background: url(../images/lMenuSBackBottom.jpg) no-repeat;
}

#leftMenu .lbox .btop h1{
    padding-top: 12px;
    color:#fc8302;
    font-size:20px;
    text-align:center;
    font-variant:small-caps;
}

#content .cBox{
    float:left;
    width:300px;
    margin: 7px;
    padding: 7px;
    background: #444;
}

ul.pagination
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    text-align: center;
    margin:auto;
    width:500px;
    cursor:pointer;
}
ul.pagination a{
    text-decoration:none !important;
    padding:2px;
}

ul.pagination li
{
    display:inline;
}

ul.pagination a:hover
{
    text-decoration:underline !important;

}

ul.pagination .selected a
{
    color:#fc8302 !important;
    font-weight:bold;
}

ul.pagination .hidden a
{
    color:#888888;
}

ul.pagination .first,
ul.pagination .last
{
    display:none;
}
.wBox{
    color:black;
    background: white;
    padding:10px;
    margin:10px 0;
}

/************************************* END TOOLBOX */


/************************************* PAGE STRUCTURE */


#container{
    height:100%;
    margin: 0 auto;
    width:1000px;
}
#container td{
    vertical-align: top;
}
#leftMenu, .leftMenu{
    background: #ffffff url(../images/leftMenuBg.png) repeat-y scroll 181px 0;
    width:240px;
}
#content{
    color:white;
    background: #1E1E1E;

    width:760px;
}
#content .contentInside{
    padding:20px 40px;
}
#header{

}

#footer{
    background: #1E1E1E;
    color:#777;
    height:39px;
    padding-top:26px;
}

#sections{
    width:300px;
    margin-top:5px;
    margin-left:-35px;
    margin-right: -40px;
}
.butOrangeFull{
    height:26px;
    width:177px !important;
    color:#1e1e1e;
    text-align:center;
    background: url(../images/buttons/orangeFull.png) no-repeat;
    border:none;
    display: block;
    font-size:15px;
    font-weight:bold;
    cursor:pointer;
}



/************************************* END STRUCTURE */

/************************************* DETAILED */
#header .menu{
    margin:-2px auto 0 auto;
    width:415px;
}
#header .menu a.element{
    display:block;
    background: url(../images/buttons/menuCenter.jpg) repeat-x;
    height:30px;
    padding:8px 5px 0;
    text-align:center;
    width:90px;
    float:left;
    color:#EEE;
    text-decoration: none;
    font-size:14px;
    font-weight:bold;
}
#header .menu a.element:hover,#header .menu a.element.active{
    background: url(../images/buttons/menuCenterA.jpg) repeat-x;
    color:#333;
}
#header .menu a.element.mleft{
    background: url(../images/buttons/menuLeft.jpg) no-repeat left top;
}
#header .menu a.element.mleft:hover,#header .menu a.element.mleft.active{
    background: url(../images/buttons/menuLeftA.jpg) no-repeat left top;
}
#header .menu a.element.mright{
    background: url(../images/buttons/menuRight.jpg) no-repeat right top;
}
#header .menu a.element.mright:hover,#header .menu a.element.mright.active{
    background: url(../images/buttons/menuRightA.jpg) no-repeat right top;
}
#header .menu .elementVLine{
    display: block;
    float:left;
    background: url(../images/buttons/menuLine.jpg) repeat-x;
    height:37px;
    width:3px;
}
#header .topInfo{
    text-align:center;
    font-size:10px;
}
#header .topInfo a{
    font-size:10px;
}
#header .info{
    float:left;
    padding-top:12px;
    font-size:18px;
    text-align:center;
    margin-left:50px;
}
#header .info h1{
    font-variant: normal;
    font-weight: normal;
    font-size:25px;
}
#header .info h1 a{
    color: white;
    font-size:25px;
    text-decoration:none;
}

#leftHeader{
    color:#444;
    font-size: 14px;
    padding:4px 0 0 15px;
}
#leftHeader a{
    display: block;
}

#content .langPanel{
    float:right;
    margin:-30px 20px;
    color:white;

}
#content .langPanel a{
    /*
    color:#b4b4b4;
    */
    color:#fc8302;
    text-decoration:none;
}
#content .langPanel a:hover{

}


#sections .sitem a{
    text-decoration: none;
    color:white;
    font-weight: bold;
    display: block;
    height:52px;
    float: right;
    width:300px;
    margin-top:15px;
    cursor: pointer;
}
#sections span{
    cursor: pointer;
}
#sections .sitem.passive span.ileft{
    display: none;
}

#sections .sitem span.ileft{
    height:44px;
    float: right;
    margin-right:4px;
    font-size:27px;
    padding:8px 10px 0 14px;
    font-variant: small-caps;
}
#sections .sitem.active span.ileft{
    /*background: none !important;
    #color:#222;
    #font-size: 30px;
    */
}
#sections .sitem.active{
    /*
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    */
}

#sections .sitem span.iright{
    display: block;
    height: 52px;
    width:3px;
    float:right;
}

#sections .sitem.l1 span.iright{
    background: #FE1919;
}
#sections .sitem.l1 span.ileft{
    background: #FE1919 url(../images/lMenuCournerRed.gif) no-repeat;
}
#sections .sitem.l2 span.iright{
    background: #28cb08;
}
#sections .sitem.l2 span.ileft{
    background: #28cb08 url(../images/lMenuCournerGreen.gif) no-repeat;
}
#sections .sitem.l3 span.iright{
    background: #fc8302;
}
#sections .sitem.l3 span.ileft{
    background: #fc8302 url(../images/lMenuCournerOrange.gif) no-repeat;
}

#leftMenu .feedback .info{
    width:  223px;
}
#leftMenu .feedback .loadingIcon{
    text-align:center
}
#leftMenu .feedback .rline{
    width:35px;
    height:12px;
    background: #1E1E1E;
    position: absolute;
    margin:72px 0 0 226px;
}
#leftMenu .feedback .error{
    width:90%;
    margin:5px auto;
}
#leftMenu .feedback .error .errorSummary .title{
    padding:0;
}
#leftMenu .feedback .error .errorSummary li{
    font-size:11px;
}
#leftMenu .feedback .message{
    width:181px;
    margin:5px auto;
    background: #dfffd7;
    border:1px solid #29b005;
    color: black;
    padding:5px;
}

#leftMenu .feedback .btop{

}

#leftMenu .feedback .bmiddle span{
    padding-top:2px;
    padding-left: 5px;
}
#leftMenu .feedback input ,#leftMenu .feedback select{
    width:100%;
    margin-bottom: 5px;
}
#leftMenu .feedback textarea{
    width:100%;
    height:100px;
}


#leftMenu .feedback .bbottom{
    height:55px;
}
#leftMenu .feedback .bbottom .butOrangeFull{
    margin:9px auto 0;
}

#leftMenu .phone.lbox .btop{

}
#leftMenu .phone.lbox .bmiddle{
    font-size: 15px;
    padding-top:0;
}

#leftMenu .phone.lbox .bmiddle .image{
    float:left;
    margin-top:2px;
    margin-right:2px;
    margin-left:7px;
}
#leftMenu .share.lbox .bmiddle li{
    list-style:square;
    list-style-position: inside;
    color:#fc8302;
}
#leftMenu .share.lbox .bmiddle li span,#leftMenu .share.lbox .bmiddle li div{
    color:white;
    padding-top:5px
}
#leftMenu .share.lbox .bmiddle .title{
    font-weight:bold;
    font-size:16px;
}
#leftMenu .share.lbox .bmiddle .link{
    text-align:right
}


#footer .links{
    text-align: center;
}
#footer .links a{
    color:#fc8302;
}
#footer .links a:hover{
    color:#B4B4B4;
    color:white;
}
#footer .copyright{
    font-size:14px;
    text-align:right;
    padding-right:20px;
    padding-top:10px;
}

#content .cTitle{
    margin-bottom:7px;
    margin-left:32px;
}
#content table.c2row{
    width:100%;
}
#content table.c2row .row{
    width:230px;
    margin:auto;
}

#content a{
    font-size:16px;
    color: #fc8302;
    text-decoration: none;
    font-weight:bold;
}
#content a:hover{
    color: white;
    text-decoration: underline;
}
#content p{
    padding:4px 0;
    text-indent: 25px;
}
#content h2{
    padding:15px 0 5px 30px;
    font-weight:bold;
    font-size:16px;
    color:#fc8302;
}
#content ul{
    list-style: disc;
    padding:15px 0 0 40px;

}

#content .bigInfo{
    height:200px;
    width:660px;
    margin: 0 auto 35px;
}
#content .bigInfoFrame{
    background: transparent url(../images/bigInfoFrame.png) no-repeat;
    height:200px;
    width:660px;
}
#content .page_index .bigInfo{
    background: #ccc url(../images/main2.jpg) no-repeat;
}
#content .page_index .bigInfo h2{
    color: black;
    font-size:24px;
    text-align: right;
    padding:10px 10px 0 260px;
}
#content .page_index .bigInfo h2 span.quest{
    color:white;
    font-size:22px;
    font-weight: normal;
}

#content ul li{
    color: #FC8302;
}
#content ul li span,
#content ul li div
{
    color:white;
}
#content .page_o_nas .bigInfo, #content .page_pro_nas .bigInfo{
    background: #cccccc url(../images/red.jpg) no-repeat;
}
#content .page_o_nas .bigInfo h2, #content .page_pro_nas .bigInfo h2{
    color: white;
    font-size:24px;
    font-weight:bold;
    text-align: left;
    padding:5px 250px 0 10px;
}
#content .page_o_nas .bigInfo h2 span.quest, #content .page_pro_nas .bigInfo h2 span.quest{
    color:black;
    font-size:22px;
    font-weight: normal;
}

#content .page_o_nas .wBox, #content .page_pro_nas .wBox{
    width:350px;
    padding:20px;
    margin: 0 auto;
}
#content .page_uslugi .bigInfo,#content .page_poslugi .bigInfo{
    background: #cccccc url(../images/green.jpg) no-repeat;
}
#content .page_uslugi .bigInfo h2,#content .page_poslugi .bigInfo h2{
    color: white;
    font-size:24px;
    text-align: right;
    padding:15px 10px 0 210px;
}
#content .page_uslugi .bigInfo h2 span,#content .page_poslugi .bigInfo h2 span{
    color:black;
    font-size:21px;
    font-weight: normal;
}

#content .page_kontakty .bigInfo,#content .page_kontakti .bigInfo{
    background: #cccccc url(../images/orange.jpg) no-repeat;
}
#content .page_kontakty .bigInfo h2,#content .page_kontakti .bigInfo h2{
    color: white;
    font-size:26px;
    font-weight:bold;
    text-align: left;
    padding:5px 250px 0 10px;
}
#content .page_kontakty .bigInfo h2 span,#content .page_kontakti .bigInfo h2 span{
    color:black;
    font-size:18px;
    font-weight: normal;
}
#content .page_kontakty table{
    padding:10px;
}
#content .page_kontakty table td{
    padding:2px 5px;
}


#content .page_articles .bigInfo{
    background: #cccccc url(../images/blue.jpg) no-repeat;
    margin-bottom: 0;
}
#content .page_articles .bigInfo h2{
    color: white;
    font-size:24px;
    text-align: right;
    padding:15px 10px 0 210px;
}
#content .page_articles .bigInfo h2 span{
    color:black;
    font-size:18px;
    font-weight: normal;
}


.articles .title a{
    font-size:14px;
    color: #fc8302 !important;
    text-decoration: none !important;
    font-weight:bold;
}
.articles .title a:hover{
    text-decoration:underline !important;
    color:white !important;
}
.articles li{
    padding-top:30px;
}
.articles.list li img{
    height:100px;
    padding-right:20px;
}
.articles .link{
    float:right;
}
.articles .link a:hover{
    color:white !important;
}
.page_article h1,.page_article h2, .page_article h3{
    color: #fc8302;
}

/************************************* END DETAILED*/