/* 
    Document   : boxes.css
    Created on : 25.1.2010, 17:39:34
    Author     : Kedlas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin:0px;
    padding:0px;
}


img {
    border:0px;
}

body {
    background:#fff;
}
#document {
	width:100%;
	height:100%;
	margin-top:0px;
	position:absolute;
	background : url(../images/bg-blue.png) repeat-x;
}

p {
    margin-top:5px;
    margin-bottom:5px;
}

.clear {
    clear:both;
}

.pravy_border_1_ccc {
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    padding-right:10px;
    padding-left:10px;
}

.journal {
   margin-top:15px;
}

.journalLeft {
    float:left;
    width:80px;
    text-align:center;
}

.journalRight {
    float:right;
    width:200px;
    text-align:left;
}

.lmargin14 {
    margin-left:14px;
}

.journal .downloadJournal {
    display:block;
    margin:10px;
}

#page {
    width:941px;
    margin-left:auto;
    margin-right:auto;
}

#header {
    height:80px;
    margin-top:10px;
    margin-bottom:12px;
}

#header_left {
    float:left;
    width:200px;
}

#logo {
    margin-top:0px;
    margin-left:8px;
}

#header_right {
    margin-right:10px;
}

#header_right #headerForm {
    top:36px;
	position:absolute;
	width:300px;
	margin-left:521px;
}

#header_right #headerSelect {
	position:absolute;
    top:35px;
	width:200px;
	margin-left:741px;
}


#header_right #headerForm .textInput{
    border:1px solid #E6E6E6;
    width:175px;
    padding:4px;
    padding-bottom:2px;
}

#header_right #headerForm .buttonInput{
    background: url('../images/button_find.gif') bottom left no-repeat;
    border:none;
    height:24px;
    width:66px;
    margin-left:5px;
    cursor:pointer;
}

.switcher {
	float: right;
	margin-top: 3px;
	margin-left: 10px;
        text-align:left;
        font-size:12px;
        font-weight:bold;
}
.switcher a {
	text-decoration: none;
	display: block;
}
.switcher .selected {
	background: #f2f2f2 url('../images/selectArrow.gif') right center no-repeat;
        font-size:12px;
        font-weight:bold;
        line-height:20px;
        cursor:pointer;
}
.switcher .selected a {
	border: 1px solid #E6E6E6;
	background: url('../images/selectArrow.gif') right center no-repeat;
	color: #666666;
	padding: 2px 5px 2px 5px;
	width: 121px;
        height:20px;
}
.switcher .selected a:hover {
	background: #f2f2f2 url('../images/selectArrow.gif') right center no-repeat;
}
.switcher .option {
	position: absolute;
	z-index: 5000;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	background-color: #f2f2f2;
	display: none;
	width: 125px;
	padding: 3px;
}
.switcher .option a {
	color: #666;
	padding: 3px 5px 3px 5px;
}
.switcher img {
	position: relative;
	top: 1px;
}

#header_right #headerSelect .langSelect {
    border:1px solid #E6E6E6;
    height:21px;
    margin-left:5px;
    float:right;
    background:#f2f2f2;
    display:block;
    padding-left:7px;
    padding-right:0px;
    padding-top:3px;
}


#header_right #headerSelect .langSelect a img {
    margin-right:15px;
}

#header_right #headerSelect .langSelect a .selectArrow {
    display:block;
    width:24px;
    height:15px;
    background:url('../images/selectArrow.gif') right no-repeat;
    float:right;
    padding-left:50px;
}

#horizontalMenuArea {
    height:53px;
    background: url('../images/menu.gif') no-repeat top left;
}

#content {
    background: url('../images/content.gif') repeat-y top;
}

#content2 {
    background: url('../images/content_bottom.gif') no-repeat bottom;
    padding-bottom:15px;
}

#sliderArea {
    width:925px;
    margin:auto;
    height:250px;
    background:#e6e6e6;
}

#bumper {
    width:925px;
    margin:auto;
    height:1px;
}

#breadcrumbs {
    margin-bottom:15px;
}

#mainPageContent {
    width:925px;
    margin:auto;
    margin-top:15px;
}

#mainPageContent .moreInfo {
    display:block;
    margin:10px 0;
    float:right;
}

#mainPageContentLeft {
    float:left;
}

#mainPageContentLeftLeft {
    float:left;
    width:290px;
    margin-left:4px;
    margin-right:4px;
}

#mainPageContentLeftRight {
    float:right;
    width:310px;
    margin-left:4px;
    margin-right:4px;
}

#mainPageContentRight {
    float:right;
    width:295px;
    margin-left:4px;
    margin-right:4px;
}

#mainPageContentRight .moreInfo{
    margin-right:20px;
}

#mainPageContentRight #contactLeft {
    float:left;
    width:150px;
}

#mainPageContentRight #contactLeft img{
    margin-top:5px;
}

#mainPageContentRight #contactRight {
    width:130px;
    float:right;
    padding-right:7px;
}

#pageContent {
    width:925px;
    margin:auto;
    margin-top:15px;
}

#pageContentLeft {
    float:left;
    width:200px;
    margin-left:15px;
}

#pageContentRight {
    float:right;
    width:680px;
    margin-right:15px;
}

#sectionName {
    width:100%;
    border-bottom:1px solid #d9d9d9;
}

#pageName {
    width:100%;
    border-bottom:1px solid #c0d5e8;
}

#contentText {
    margin-top:10px;
}

#contentText ul {
    margin-left:10px;
}

#contentText ul li {
    padding-left:15px;
    list-style-type:none;
    background: url('../images/li.png') left  top no-repeat;
    line-height:22px;
}

#footer {
    margin-top:10px;
}

#footer a:hover {
}

#footer_left {
    float:left;
    width:500px;
    margin-bottom:10px;
    margin-left:10px;
}

#footer_right {
    float:right;
    width:400px;
    text-align:right;
    margin-right:10px;
}

.portfolios_gallery {
    padding:10px;
    border:1px solid #ccc;
}


/* SLIDER *//*
    #slider
    {
        height: 500px;
        position: relative;
        width: 750px;
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 4px;
		padding-top:0px;
		padding-bottom:20px;
		padding-left:0px;
        /*border: 1px solid #ccc;*/
  /*  }
        div.scroller
        {
            height: 500px;
            overflow: hidden;
            width: 730px;
            zoom: 1;
        }
        div.scroller .content
        {
            padding: 0;
        }
        div.slidercontrolwr
        {
            position: absolute;
            right: 20px;
            bottom: 0px;
        }
            .aprev
            {
                background: url(../images/aprev.gif) no-repeat 3px 3px;
            }
            .anext
            {
                background: url(../images/anext.gif) no-repeat 3px 3px;
            }
            .astop
            {
                background: url(../images/astop.gif) no-repeat 3px 3px;
            }
            .aplay
            {
                background: url(../images/aplay.gif) no-repeat 6px 3px;
            }
        div.scroller img
        {
            border: none;
            margin:auto;
        }
        div.scroller div.section
        {
            float: left;
            height: 500px;
            overflow: hidden;
            width: 730px;
            text-align:center;
        }
        div.scroller div.content
        {
            width: 10000px;
            float: left;
        }
        .slidercontrol
        {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }
        .slidercontrol a
        {
            color: #aaa;
            filter: alpha(opacity=60);
            float: left;
            height: 14px;
            margin: 0px 2px;
            opacity: 0.6;
            overflow: hidden;
            padding: 0px;
            text-decoration: none;
            text-indent: -1000px;
            width: 14px;
        }
        .slidercontrol a:hover
        {
            filter: alpha(opacity=100);
            opacity: 1;
        }
        .content .sliderdescription
        {
            background: url(../images/grid.gif) repeat left top;
            color: #222;
            filter: alpha(opacity=50);
            font: 12px bold Helvetica, sans-serif;
            left: 15px;
            opacity: 0.5;
            padding: 10px;
            position: relative;
            top: -100px;
            width: 650px;
        }
        div.sliderdescription:hover, .sliderdescription.active
        {
            background-color: #fff !important;
        }
*/