/* 
    Document   : pages
    Created on : 23.11.2009, 12:44:16
    Author     : aska
    Description:
        Purpose of the stylesheet follows.
*/

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

div.pagebox {
    width:971px;
    margin:0 auto;
    font-size:13px;
    font-family:'Trebuchet MS';
}


div.page {
    position:absolute;
    width:986px;
    z-index:100;
    top:120px;
}

div.page p {
    margin:10px 0;
}


div.first {
    background:url('../images/topbg.png') no-repeat;
    height:29px;
    width:986px;
}


div.head {
    background:url('../images/headbg.gif') repeat-x;
    height:69px;
    width:960px;
    border-bottom:#f0f0f0 1px solid;
}

div.head a.close {
    background:url('../images/close.gif') no-repeat;
    height:18px;
    width:18px;
    float:right;
    margin-right:15px;
}

h4 {
    float:left;
    font-size:30px;
    padding-left:90px;
    line-height:50px;
}

table.container, table.container tbody, table.container tbody tr, table.container tbody tr td  {
   border:0; margin:0; padding:0;
   border-collapse:collapse;
}

td.lb {
    width:13px;
    background:url('../images/lborder.png') repeat-y;
}

td.rb {
    width:13px;
    background:url('../images/rborder.png') repeat-y;
}

td.all {
    width:960px;
    background:white;
}

div.last {
    background:url('../images/last.png') no-repeat top left;
    height:70px;
    width:986px;
}

div.content {
    padding:0 0 20px 0;
}

div.leftcolumn {
    float:left;
    width:700px;
    margin:10px 20px 0 0px;
    padding-left:90px;

}

img.over {
    margin:15px 0 15px -80px;

}

div.page p.comment {
    font-style: italic;
    margin-top:0px;
    margin-bottom: 45px;
    width: 435px;
}

.orange {
    color:#e15a31;
}

.green {
    color:#52901d;
}

div.page p.phone {
    font-size:33px;
    margin:0;
    margin-bottom:20px;
}

div.page p.phone b {
    color:#696969;
    font-weight:normal;
}

div.page p.phone span {
    font-size:13px;
    display:block;
    color:#696969;
    padding-top:5px;
}

div.rightcolumn {
    float:left;
    width:140px;
}

div.page div.gr-date {
    background: url('../images/gr-date.gif') no-repeat;
}

div.page div.gr-date p {
    line-height:24px;
    font-size:24px;
    padding:0;
    margin:0;
    font-weight: bold;
}

div.page div.greybox {
    background:#f6f6f6 url('../images/gr-line.gif')  repeat-x left bottom;
    margin:20px 0 25px;
}

div.page div.greybox div {
    background: url('../images/gr-corner.png') no-repeat right bottom;
    padding:20px 70px 20px 25px;
}

div.page div.greybox div p {
    font-style:italic;
    margin:0;
    font-size: 14px;
}

h6 {
    font-size:13px;
    font-weight:bold;
    margin:10px 0;
}

h5 {
    font-size:24px;
    margin:0 0 15px;
    padding-top:15px;
}

h5.serv {
    padding-top:35px;
}

ul.square {
    margin-bottom:20px;
    font-size:14px;
    padding-left:15px;
}

ul.square li {
    list-style-type:square;
    color:#95d45b;
    list-style-position:outside;
    margin-bottom:10px;
}
ul.square li span {
    color:#333333;
}

/*----------Table--------------*/

table.container  table.greentable {
    width:100%;
    border-collapse:collapse;
    vertical-align:middle;
    margin:15px 0;
    border-top:#ececec 1px solid;
}

table.container  table.greentable th {
    background:url('../images/th.gif') repeat-x left top;
    height:24px;
    padding-left:10px;
    color:white;
    font-weight:bold;
    text-align:left;
}

table.container table.greentable td {
    border-bottom:#ececec 1px solid;
    padding:5px 10px;
    font-weight: bold;
}

table.container  table.greentable .firstrow {
    width:80%;
    font-weight: normal;
}

/*-----------------------------------*/
div.star1 {
     margin-top: 30px;
    }

 div.star1 h5 {
   background:url('../images/star1.gif') no-repeat top right;
   padding:0 15px 0 0;
   display: inline;
}

.star2 {
    background:url('../images/star2.gif') no-repeat top left;
    padding:0 0 0 30px;
    display:inline;
    font-style:italic;
}

.info {
    background:url('../images/info.gif') no-repeat top left;
    padding:0 0 1px 23px;
    display:inline;
    font-style:italic;
}

div.sciss {
    background:url('../images/scissor.gif') no-repeat 30px top;
    border-top:dashed 1px #d7d7d7;
    padding:20px 90px 20px 90px;
    margin-top:30px;
}

div.sciss p {
    margin:0;
}

/*-----Contacts-------*/
div.column {
    margin:20px 90px 0 90px;
}

div.page p.skype,div.page p.icq,div.page p.mail {
    padding:0 0 8px 20px;
    margin:0;
}

div.page p.mail {
    padding-left:0;
}

div.page p.skype {
    background:url('../images/skype.gif') no-repeat left 3px;
}

div.page p.icq {
    background:url('../images/icq.gif') no-repeat left 3px;
}

/*-----Form-------*/
div.tl {
    background:url('../images/tl.gif') no-repeat;
    position:absolute;
    width:9px;
    height:9px;
    z-index:3;
}

div.tr {
    background:url('../images/tr.gif') no-repeat;
    position:absolute;
    width:9px;
    height:9px;
    margin-left:762px;
    z-index:3;
}

div.bl {
    background:url('../images/bl.gif') no-repeat;
    position:absolute;
    width:9px;
    height:9px;
    margin-top:568px;
    z-index:3;
}

div.br {
    background:url('../images/br.gif') no-repeat;
    position:absolute;
    width:9px;
    height:9px;
    margin-left:762px;
    margin-top:568px;
    z-index:3;
}
div.formbox {
    margin-top:20px;
}

form {
    border:#ececec 1px solid;
    height:575px;
    width:769px;
    position:relative;
    z-index:1;
 }

form h5 {
    margin:20px 0;
    text-align:center;
    padding:0;
}

input {
    height:18px;
    border:#ececec 1px solid;
    background-color:#f9f9f9;
    padding:2px;
    float:right;
}

label {
    float:left;
}

div.imgcode, div.addfile, div.message, div.email, div.phonenumb, div.name {
    margin:0 130px 0 130px;
    padding-bottom: 20px;
   }

div.name input {
    width:435px;
}


div.phonenumb input{
    width:367px;
}

div.email input{
    width:377px;
}

div.message textarea {
    width:394px;
    height:145px;
    border:#ececec 1px solid;
    background-color:#f9f9f9;
    float:right;
    padding:2px;
}

div.message label {
    padding-top:65px;
 }

div.addfile input {
    height:22px;
    position:absolute;
    z-index: 20;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left:20px;
    -webkit-margin-start:270px;
   }

    div.addfile div.pseudo
    {
    height:22px;
    background:url('../images/addfile.gif') no-repeat right 0;
    z-index:15;
    margin-left:126px;
    width:383px;
    }

    div.addfile div.pseudo input {
    height:17px;
    width:303px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index:10;
    paddding:0;
    margin-left:0;
    }

div.imgcode a {
    border-bottom:1px dashed black;
}

div.imgcode {
    width:130px;
    float:left;
    margin-right:10px;
}

div.input input {
    width:120px;
}

div.imgcode img {
    display:block;
}

div.input {
    width:120px;
    float:left;
}

div.page div.input p, div.page div.imgcode a {
    color:#696969;
    font-size:11px;
    line-height:17px;
    padding:0px;
    margin:0;
}

div.page p.grey {
    background-color:#f5f5f5;
    padding:5px 0;
    text-align:center;
    font-style:italic;
    margin:0;
}

div.submit {
    text-align:center;
    margin-top:20px;
}

div.submit input {
    height:38px;
    border:none;
    float:none;
    background: none;
}

div.formbox input.validation-failed, div.formbox textarea.validation-failed {
	border: 1px dashed red;
	background-color: lavenderBlush;
}

div.formbox div.validation-advice {
	color:red;
	font-size:11px;
	margin-top:19px;
	padding-left:15px;
	position:absolute;
	text-align:right;
	width:495px;
	z-index:-1;
}

div.message div.validation-advice {
	margin-top: 147px;
}

div.input div.validation-advice {
	margin-top:2px;
	padding-left:122px;
	text-align:left;
}

div.submit input.disabled {
	
}

#form_errors {
	color:#E15A31;
	font-size:11px;
	margin: -100px 0 0 405px;
	position:absolute;;
	z-index:-1;
}

/*-----Servise----------------------------------------------*/

 div.sm {
    width:620px;
}

 div.bg {
    width:230px;
}
/*-----left menu--------------------*/

div.sidebar {
    
    position:relative;
}

div.sidebar ul {
    margin-top:20px;
}

div.sidebar ul li {
background:url(../images/li.png) no-repeat scroll 0 0;
display:block;
height:29px;
width:230px;
}

div.sidebar li a {
display:block;
height:29px;
   }


   div.sidebar li a span {

color:#52901D;
display:block;
font-size:14px;
margin-left:15px;
padding-top:4px;
}

  
div.sidebar li.last {
    background: url(../images/lilast.png) no-repeat;
    height:30px;
}

  div.sidebar li.active  {
        background: url(../images/act.png) no-repeat;
        height:39px;
        width:235px;
        margin-top:-9px;
      
 }

     div.sidebar li.active a span {
         color:white;
         padding-top:14px;
     }

     /*-----------------------------------------*/

div.pdf {
    background:url('../images/pdf.gif') no-repeat;
    height:30px;
    padding:15px 0 0 40px;
    margin: 5px 0 0 90px;
}

/* ------404------------*/

.four {
    width:110px;
    font-size:55px;
    font-weight:bold;
    float:left;
    padding-top:7px;
}

/*---------------------------*/

/*----------map--------*/
ul.map {
    line-height:28px;
}

ul.map li a {
    font-size:18px;
    color:#e15a31;
}

ul.map li ul {
    padding-left:25px;
    line-height:25px;
}

ul.map li ul li a {
    font-size:16px;
    color:#52901d;
}
/*---------------------------*/

div.greenbox {
    background:#5daa3b url(../images/green-line.gif) repeat-x scroll left bottom;
    margin:20px 0 25px 0;
}

div.greenbox div {
    background:url(../images/green-corner.gif) no-repeat right bottom;
    padding:20px 70px 20px 25px;
}

div.greenbox p {
    color:white;
    font-style:italic;
    margin:0;
    font-size: 14px;
}


ol.circle {
    counter-reset:list_item;
}
li.list-item {
    display:block;
    font-size:24px;
    color:white;
    padding:9px 0 0 13px;
    background:url('../images/ollibg.gif') no-repeat left top;
    margin-bottom:20px;
}
li.list-item:before, li.list-item-before {
    content:counter(list_item);
    counter-increment:list_item;
}

ol.circle li h5 {
display:inline;
color:#333;
padding-left:20px;
}

ol.circle li p {
   margin-left:40px;
   font-size:13px;
   color:#333;
}

/*----------about--------------*/


div.page  div.imgbox {
    width:155px;
    margin:15px 75px 0 0;
    float:left;
    text-align:left;
}

 div.page div.imgbox p {
    line-height:17px;
    
 }
 div.page  div.imgbox p span {
    font-style:italic;
}

 div.page  div.lastimg {
    margin-right:0;
    width: 141px;
}

div.top-left,div.top-right, div.bottom-left,div.bottom-right {
    height:8px;
    font-size:1px;
}

div.top-left {
    background:url(../images/lt.gif) no-repeat;
}

div.top-right {
    background:url(../images/rt.gif) no-repeat top right;
 }
div.bottom-left {
    background:url(../images/lb.gif) no-repeat bottom left;
 }

div.bottom-right {
    background:url(../images/rb.gif) no-repeat bottom right;
 }

div.roundbox {
    background:#f9f9f9;
    margin:15px 10px 0 0;
}
div.roundbox p {
    padding:0 10px;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    margin:0;
}

div.roundbox p, div.roundbox p a {
    font-style: italic;
}

div.linebox {
    border-top:1px solid #ececec;
    margin:0 9px;
    font-size:1px;
}

div.corner {
    background:url(../images/cornerbox.gif) no-repeat ;
    height:14px;
    width:14px;
    margin:10px 0 0 -13px;
    position:absolute;
}
/*---------------------------------------------------------*/
img.tiser {
    float:left;
    padding:0 15px 0 0;
}

/*----------loader----------------------*/
#pop_ajax_loader, #service_loader, #main_loader {
    background:url(../images/load.gif) no-repeat;
    height:50px;
    width:50px;
    margin:200px auto;
}

    #service_loader {
        margin: 150px auto;
    }

#main_loader {
    left:50%;
    top:50%;
    position:absolute;
    margin-left:-25px;
    margin-top:-25px
}