/*  
Theme Name:Beart2
Theme URL:http://www.beart.ru
Author:Enya
*/
html, body {margin:0; padding:0;}
html {background:#474747; font-family:Verdana; color:#232323; font-size:.8em; text-align:center; height:100%;}
body {background:#FFFFFF; margin:0 auto 0 auto; min-width:960px; text-align:left; max-width:1150px;}
.clear {clear:both;}
img {border:0;}
ul {list-style:none;}
h1 {color:#007DFA; font-size:1.4em;}
h2 {color: #333333; font-size:1.3em;}
h3,h4,h5 {color:#007DFA; font-size:1.2em;}
a {color:#0171E2;}
a:hover {text-decoration:none;}
#header {height:578px; background:#232323 url(images/headerfon4.jpg) no-repeat top center;}
.logo {width:197px; float:left;}
.menu1 {margin-left:200px; padding-top:20px; padding-right:100px;}
.menu1 ul {padding:0; margin:0; list-style:none;}
.menu1 ul li {display:inline; margin-right:10px;}
.menu1 ul li a {color:#FFF; text-decoration:none; padding:5px 20px 7px 20px; background:#007DFA; font-weight:bold;}
.menu1 ul li a:hover {background:#FFF; color:#232323;} 
.lw {position:absolute; width:286px; height:349px; padding-left:20px; top:150px; z-index:2;}
.slogan {height:144px; position:relative; float:right; top:190px; margin-right:-25px;}
.icons {width:70px; position:relative; float:right; z-index:3; height:28px; margin-right:20px; top:15px;}
.iconsm {width:30px; position:relative; float:right; z-index:3; height:28px; margin-right:20px; top:15px;}
#head {position:absolute; white-space:nowrap;}
#search {position:absolute; top:535px; padding-left:60px;}
.phone {position:relative; float:right; z-index:5; margin-right:-280px; top:480px;}

/* Menu */
.menu2 {background:#232323; height:46px; text-align:center; clear:both;}
.menu2  ul {width:900px; margin:0 auto 0 auto; padding:0; list-style:none;}
.menu2 ul li {display:inline;}
.menu2 ul li a {padding:15px; float:left; border-left:#FFF 1px solid; border-right:#FFF 1px solid; color:#FFF; text-decoration:none; font-weight:bold; font-size:13px;}
.menu2 ul li a:hover {background:#007DFA;}

/* Content */
.content {background:#FFFFFF; padding:5px 0 20px 0;}
#cleft {width:19%; float:left; padding:15px 2px 20px 15px; background:#FFFFFF;}
#cright {margin-left:20%; padding:15px 20px 20px 30px; background:#FFFFFF;}
.date {font-size:90%; color:#787878; font-weight:normal; display:block; padding:10px 0;}
.footer {background:#D7D7D7; margin:0 auto 0 auto; text-align:right; clear:both;}
.footer div {padding:20px 50px 20px 0;}

/* Second */
#headers {height:222px; background:#232323 url(images/headerfon2.jpg) no-repeat top center;}
#headers2 {height:222px; background:#232323 url(images/headerfon3.jpg) no-repeat top center;}
.sphone {position:relative; width:308px; height:88px; float:right; z-index:5; top:130px; margin-right:-50px;}
.sphone2 {position:relative; float:right; z-index:5; top:151px; margin-right:-50px;}
#ssearch {position:absolute; float:right; top:180px; padding-left:40px;}
.ots {padding:5px 12px 15px 40px;}
#sec_cleft {padding-right:82%; padding-top:15px;}
#sec_cright {float:right; width:82%; overflow:hidden;}
#sec_cleft ul {padding:0; margin:0; list-style:none;}
#sec_cleft ul li {display:block; margin:0; padding:0;}
#sec_cleft ul li ul {margin:3px 0 6px 13px; padding:0;} 
#sec_cleft h2 {background:#9A9A9A; padding:4px 4px 4px 10px; color:#E8E9E9; font-size:14px; margin:2px 0 2px 0;}
#sec_cleft h2 a {color:#E8E9E9;}

/* Gallery */
#gallery {height:100%;}
#gallery div {float:left; padding:5px; vertical-align:top; width:240px; height:250px;}
#gallery img {border:0;}
#gallery1 {height:100%;}
#gallery1 div {float:left; padding:5px; vertical-align:top; width:140px; height:140px;}
#gallery1 img {border:0;width:140px; height:140px;}
/* Comments */
#commentform textarea {width:70%;}
.commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold; margin-bottom: 10px;}
.commentlist li .avatar {float:right; border:1px solid #eee; padding:2px; background:#fff;}
.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em;}
.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none; background: #F7F7F7; padding: 3px;}
#commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight:normal; font-size: 10px;}
.commentmetadata a {font-weight:normal; font-size: 10px;}
.narrowcolumn, .alignleft, .widecolumn .smallattachment {float:right;}
.alignright, #commentform #submit {float:left;}
.more-link {clear:both; padding:8px 0 8px 3px; display:block;}

/* Web project */
.map_big {position:absolute; top:110px; z-index:6;}
.close {position:absolute; z-index:7; top:15px; right:40px;}
#main_map {width:0; overflow:hidden; background-color:#DCDCDC;}

/* Lightbox */
.ddsg-wrapper ul {margin:0; padding:3px 0 0 18px;}
.ddsg-wrapper ul li {padding:3px 2px 3px 2px; margin:0;}

/* Form */
#form_calc {margin:5px; border:1px solid #666666; background:#474747; width:550px; font-size:.9em; color:#FFFFFF;}
#form_calc p {text-align:center; padding:8px;}
#form_calc em {color:#F00;}
#form_calc div.r {clear:both; padding-top:5px;}
#form_calc label {float:left; width:120px; text-align:right;}
#form_calc span.f {float:right; width:420px; text-align:left;}
#form_calc .req {font-weight:bold;}
#form_calc input, #form_calc textarea {background:#FFF; border:1px solid #000; padding:2px;}
#form_calc input:focus, #form_calc textarea:focus {background:#f2f2f2; border:1px solid #3D5686;}
#form1 tr {text-align:center;}
.text_vv .ots2 {padding:6px;}
.text_vv .ots2 ul {padding:3px 3px 3px 5px; margin:0 0 0 10px; list-style:circle;}
.text_vv .ots2 ul li {padding:0; margin:0;}
.td a:hover {cursor:help;}
.td li {padding:0px 0 5px 18px;}
.td1 {padding: 5px; border-top: solid 1px #000000;}
.td2 {border-top: solid 1px #000000; border-right: solid 1px #000000;}
.td3 {padding: 5px; border-right: solid 1px #000000;}
.td4 {text-align:left; border-top: solid 1px #000000; border-right: solid 1px #000000; padding-left:8px;}
.sp {text-align:center; color:#FF0000;}

textarea {text-align:left;}
.center {text-align:center;}
#form_calc2 {margin:5px;}
#form_calc2 p {text-align:center; padding:8px;}
#form1 em {color:#F00;}
#form1 h3 {text-align:center;}
#form_calc2 div.r {clear:both; padding-top:5px;}
#form_calc2 label {float:left; width:200px; text-align:right;}
#form_calc2 span.f {float:left; margin-left:20px; text-align:left;}
#form_calc2 .req {font-weight:bold;}
#form_calc2 input, #form_calc textarea {background:#FFF; border:1px solid #000; padding:2px;}
#form_calc2 input:focus, #form_calc textarea:focus {background:#f2f2f2; border:1px solid #3D5686;}
#form_calc2 .sp {text-align:center; color:#FF0000;}
.opis {padding:15px; background:#E6E6E6; margin-bottom:20px;}