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

html, body { width: 100%; height: 100%; padding: 0; margin: 0; }

body { background-color: #09c; }

a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }

img { border: none; border-width: 0px;border:0; }
a img {border:0;}

.clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; }

.main { width: 885px; min-height: 100%; position: relative; margin: 0px auto; background-color: #fff; }

*html .main { height: 100%; }


body { font-family: tahoma; font-size: 8pt; color: #838383; line-height: 15px; }
body a { color: #09c; text-decoration: none; }
body a:hover { color: #c7d526; }
body p { margin: 0 0 10px 0; }
body h1, body h2, body h3, body h4, body h5, body h6 { font-size: 19pt; line-height: 24px; color: #09c; margin: 0 0 20px 0; font-weight: normal; }

body h2 { font-size: 14pt; line-height: 20px; font-weight: normal; margin: 0 0 13px 0; }
body h3 { font-size: 9pt; line-height: 16px; font-weight: bold; margin: 0 0 13px 0; }




/*------------------------------------------- header -------------------------------------------------*/

.header { width: 885px; height: 200px; position: relative; border-top: 9px solid #09c; }

/* ----- logo ----- */
.header .logo { left: 46px; top: 24px; position: absolute; }

/* ----- hmenu ----- */
.header .hmenu { left: 46px; top: 150px; position: absolute; width: 793px; height: 30px; line-height: 30px; background-color: #09c; font-weight: bold; color: #fff; font-size: 9pt; }
.header .hmenu .sep { width: 2px; height: 30px; font-size: 0pt; line-height: 0px; background-color: #fff; float: left; display: inline; }
.header .hmenu .first, .header .hmenu .firstact { float: left; display: inline; border-right: 2px solid #fff; }
.header .hmenu .first-last, .header .hmenu .firstact-last { float: left; display: inline; }
.header .hmenu a { display: block; height: 30px; padding: 0 16px; background-color: #cbd427; color: #09c; text-decoration: none; float: left; display: inline; }
.header .hmenu a:hover { background-color: #09c; color: #fff; }
.header .hmenu .firstact-last a, .header .hmenu .firstact a { display: block; height: 30px; padding: 0 16px; background-color: #09c; color: #fff; float: left; display: inline; }





/*------------------------------------------- content ------------------------------------------------*/

/* ----- bcrumbs ----- */
.bcrumbs { height: 40px; font-size: 8pt; color: #0099cb; }
.bcrumbs a { color: #0099cb; text-decoration: none; }
.bcrumbs span { color: #cbd427; }

/* ----- line ----- */
.line { margin: 0 0 10px 0; }




/* ----- center ----- */
.center { width: 793px; padding: 0 46px; position: relative; }


.c-left { width: 200px; position: relative; float: left; display: inline; background-color: green; }



.c-right { width: 400px; float: right; position: relative; display: inline; background-color: yellow; }





.content { width: 793px; position: relative; }
.content .c-foot { height: 5px; clear: both; line-height: 4px; font-size: 4pt; }


/* ----- previews ----- */
.previews { width: 180px; position: relative; float: left; display: inline; padding-top: 3px; }
.previews img { margin: 0 25px 30px 0; float: left; display: inline; }

/* ----- big-pic ----- */
.big-pic { width: 355px; float: left; display: inline; padding-top: 3px; }

/* ----- pic-text ----- */
.pic-text { width: 235px; float: right; display: inline; text-align: justify; }



/* ----- works-list ----- */
.works-list { width: 793px; background: url("../images/line.gif") left bottom no-repeat; padding-bottom: 15px; margin-bottom: 20px; }
.works-list .first { width: 773px; background: url("../images/sqr-blue.gif") 5px 3px no-repeat; padding: 0 0px 5px 20px; }
.works-list a { font-size: 9pt; font-weight: bold; }

/* ----- last-works ----- */
.last-works { padding-bottom: 20px; }
.last-works .item { width: 175px; height: 75px; float: left; display: inline; line-height: 14px; margin: 15px 23px 0 0; }
.last-works .item img { float: left; margin: 0 9px 0 0; }
.last-works .item a { font-size: 7pt; color: #838383; }
.last-works .item a:hover { color: #c7d526; }




/* ----- pic-center ----- */
.pic-center { text-align: center; padding-top: 10px; }



/* ----- table ----- */
.prod { border-collapse: collapse; }
.prod td { border: 1px solid #09c; padding: 3px 5px; text-align: left; }
.prod td.head { font-weight: bold; text-align: center; }






/*------------------------------------------- footer ------------------------------------------------*/

.sub-footer { width: 300px; height: 74px; position: relative; clear: both; }

.footer { width: 885px; height: 65px; position: relative; clear: both; margin: -74px auto 0 auto; background: url("../images/line.gif") 46px top no-repeat; color: #09c; border-bottom: 9px solid #09c; }

.footer .rights { left: 50px; top: 14px; position: absolute; line-height: 14px; }
.footer .rights a { color: #09c; text-decoration: none; }
.footer .rights a:hover { color: #c7d526; }

.footer .counters { left: 619px; top: 18px; position: absolute; }
.footer .counters img { float: left; margin: 0 10px 0 0; }

/* ----- form ----- */
.form {  }
.form p.gray { color: #838383; margin: 0 0 10px 0; }
.form span.gray { color: #838383; font-size: 8pt; float: left; margin: -4px 0 0 0; }
.form span.green { color: #c7d526; }
.form .tit { color: #09c; font-weight: bold; }
.form p { margin: 0 0 6px 0; clear: both; }
.form .field { width: 138px; height: 13px; font-family: tahoma; font-size: 8pt; color: #838383; padding: 0 3px; background-color: #fff; border: 1px solid #09c; margin: 0 13px 10px 0; float: left; }
.form textarea { width: 285px; height: 105px; font-family: tahoma; font-size: 8pt; color: #838383; padding: 0 3px; background-color: #fff; border: 1px solid #09c; margin: 0 0px 10px 0; }
.form .code-box { width: 225px; height: 50px; position: relative; }
.form .code-box span { left: 7px; top: 3px; position: absolute; line-height: 13px; color: #09c; }
.form .code-box .code-fld { left: 7px; bottom: 0px; position: absolute; width: 78px; height: 13px; font-family: tahoma; font-size: 8pt; color: #838383; padding: 0 3px; background-color: #fff; border: 1px solid #09c; }
.form .code-box .code-pic { left: 110px; bottom: 0px; position: absolute; }

.form .buttons { width: 290px; height: 40px; padding-top: 10px; }
.form .buttons input, .form .buttons img { float: right; margin: 10px 0 0 10px; cursor: pointer; }
.form .buttons .sub { padding: 0 15px; background-color: #0099cb; border: none; height: 20px; color: #fff; font-weight: bold; margin: 10px 0 0 10px; float: right; font-size: 8pt; cursor: pointer; }


html:root .form .buttons .sub { padding: 0 10px; }
*html .form .buttons .sub { padding: 0 1px; }
*:first-child+html .form .buttons .sub { padding: 0 1px; }

div.fotogal img {margin-right: 10px;margin-bottom: 10px; border: 0px solid #0099cb;}