/*COMMON*/
body {margin:0; padding:0; text-align:center; font-family: Tahoma, "Geneva CY", sans-serif; font-size:11px; line-height:13px; white-space:nowrap; color:#333; background:#000;}
html, body {height:100%;}
html {font-size: 100.01%;}
div,dl,dt,dd,ol,ul,li,form,td,th,p {margin:0; padding:0;}
ol,ul {list-style:none;}
table, th, td {font-size:100%;}
table,img {border:0; text-decoration:none; background-color:transparent;}
table {border-collapse:collapse;}
form {border:0; margin:0; padding:0;}
input, select, option, textarea {font-family: Tahoma, "Geneva CY", sans-serif; font-size:11px;}
p {padding:0;}
:focus {outline: none;}

h1,h2,h3 {margin:0; padding:0 0 2px 0; text-transform:uppercase; color:#BF2364;}
h1 {font-size:12px;}
h2 {font-size:11px; font-weight:normal;}
h3 {font-size:12px; text-align:center;}

h1 .red {color:#F00; font-size:11px; text-transform:none; font-weight:normal; margin-left:1px;}
h1 .statys {color:#FFF; font-size:11px; text-transform:none; font-weight:normal; float:right; background:#ffa800; padding:2px 4px 4px 5px;}

.statys_online {border-bottom:1px #ffa800 solid;}

.png2, .right {float:right;}

a[target="_blank"]{
background:url(../img/fon/pic/link.gif) right 3px no-repeat;
padding-right:12px;
}
a:hover[target="_blank"]{
background:url(../img/fon/pic/link2.gif) right 3px no-repeat;
padding-right:12px;
}

a {color:#3e4497; text-decoration:underline;}
a:hover {color:#FFF; text-decoration:none;}

.link {color:#F13822; text-decoration:none;}
.link:hover {text-decoration:none;}

.link2 {color:#70a501; text-decoration:none;}
.link2:hover {text-decoration:none;}

.red {color:#F00;}
.commit, .commit2 {color:#636363;}

#clock {width:46px; float:right;}
/*//COMMON*/

/*MAIN*/
#mainWrapper {min-height:100%; min-width:920px;}
#main, #footer2 {margin:auto; min-width:920px; position:relative; text-align:left;}
/*//MAIN*/

/*LAYOUT*/
.style  {background:url(../img/fon/bg_fon.jpg);}

#header {position:relative; text-align:left; height:40px; width:100%; color:#ccc; overflow:hidden;}
#header A {text-decoration:none;}
#header A:hover {text-decoration:none;}
#header .left {float:left; padding:5px 5px 5px 10px; width:280px;}
#header .right {float:right; padding:5px 10px 5px 5px; width:280px; text-align:right;}
#header .name {text-align:center; padding:5px; width:180px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-90px;}
#header .name h1{text-align:center; padding:0; margin:0 0 5px 0; font-size:11px; color:#ccc; font-weight:normal;}
#header .name h2{text-align:center; padding:0; margin:0 0 5px 0; font-size:11px; color:#F00; font-weight:normal;}

#header .left .skin1, #header .left .skin2, #header .left .skin3, #header .left .skin4 {float:right; width:14px; margin:2px 5px 0 0;}
#header .left .skin1 A IMG, #header .left .skin2 A IMG, #header .left .skin3 A IMG, #header .left .skin4 A IMG {border:1px #b0b0b0  solid; width:12px;}
#header .left .skin1 A:hover IMG, #header .left .skin2 A:hover IMG, #header .left .skin3 A:hover IMG, #header .left .skin4 A:hover IMG {border:1px #ccc solid;}

#box_big {position:relative; height:660px;}

#box {position:absolute; top:0; left:50%; margin-left:-460px; width:920px; height:640px; float:none; z-index:50;}

#box .left {float:left; width:30px; height:640px; background:url(http://img.lonwan.ru/portfolio/left.png) no-repeat;}
#box .left .dpen {position:absolute; top:144px; left:0; width:91px; height:100px; background:url(../img/fon/pic/png/pen.png) no-repeat; z-index:401;}
#box .left .pen {position:absolute; top:84px; left:29px; width:66px; height:479px; z-index:400;}

#po_sait {clear:both; padding-top:3px;}
#po_data DIV{margin-bottom:4px;}

.icon, .icon:hover, #skin1 IMG, #skin2 IMG, #skin3 IMG, #skin4 IMG {background-image:url(../img/fon/pic/icons.gif); background-repeat:no-repeat; background-color:transparent !important;}
.ic_1 {background-position:0 -1px;}
.ic_2 {background-position:-15px -1px;}
.ic_3 {background-position:-30px -1px;}
.ic_4 {background-position:-45px -1px;}
#skin1 IMG {background-position:-1px -16px;}
#skin2 IMG {background-position:-16px -16px;}
#skin3 IMG {background-position:-31px -16px;}
#skin4 IMG {background-position:-46px -16px;}

.radio {position:absolute; top:95px; left:395px; width:17px; height:17px; z-index:80;}
.radio_name {position:absolute; top:97px; left:238px; width:150px; height:17px; z-index:80; text-align:right;}

#box .box {float:left; width:860px; height:640px; background:url(http://img.lonwan.ru/portfolio/top.png) no-repeat;}
#box .box .center {margin-top:48px; width:860px; height:538px; background:#FFF url(http://img.lonwan.ru/portfolio/fon.jpg) top left no-repeat;}
#box .box .center .sitlink {position:absolute; left: 514px; top: 53px; width: 350px; font-size:10px; color:#999;}
#box .box .center .sitlink a {color:#999; text-decoration:underline; background:none;}
#box .box .center .sitlink a:hover {color:#fff; text-decoration:underline; background:none;}
#box .box .center .lbox {position:absolute; left: 120px; top: 126px; width: 303px; height: 425px; z-index:200;}
#box .box .center .rbox {position:absolute; left: 500px; top: 126px; width: 303px; height: 425px; z-index:200;}

#box .box .center .lbox a:hover, #box .box .center .rbox a:hover {background-color:#3e4497;}

#box .box .bottom {width:860px; height:54px; background:url(http://img.lonwan.ru/portfolio/bottom.png) no-repeat}
#box .right {float:left; width:30px; height:640px; background:url(http://img.lonwan.ru/portfolio/right.png) no-repeat;}

#box .right .menu_1 {position:absolute; width:48px; height:93px; left: 829px; top: 80px; z-index:100; overflow:hidden;}
#box .right .menu_1 A {position:relative; left: -15px; width:48px; height:93px; display:block; background:url(../img/fon/menu/menu_1.png) no-repeat; cursor:pointer;}
#box .right .menu_1 A:hover {left:0;}

#box .right .menu_2 {position:absolute; width:48px; height:93px; left: 830px; top: 155px; z-index:99; overflow:hidden;}
#box .right .menu_2 A {position:relative; left: -15px; width:48px; height:93px; display:block; background:url(../img/fon/menu/menu_2.png) no-repeat; cursor:pointer;}
#box .right .menu_2 A:hover {left:0;}

#box .right .menu_3 {position:absolute; width:48px; height:93px; left: 831px; top: 230px; z-index:98; overflow:hidden;}
#box .right .menu_3 A {position:relative; left: -15px; width:48px; height:93px; display:block; background:url(../img/fon/menu/menu_3.png) no-repeat; cursor:pointer;}
#box .right .menu_3 A:hover {left:0;}

#box .right .menu_4 {position:absolute; width:48px; height:93px; left: 832px; top: 305px; z-index:97; overflow:hidden;}
#box .right .menu_4 A {position:relative; left: -15px; width:48px; height:93px; display:block; background:url(../img/fon/menu/menu_4.png) no-repeat; cursor:pointer;}
#box .right .menu_4 A:hover {left:0;}

#box .right .menu_5 {position:absolute; width:48px; height:93px; left: 833px; top: 380px; z-index:96; overflow:hidden;}
#box .right .menu_5 A {position:relative; left: -15px; width:48px; height:93px; display:block; background:url(../img/fon/menu/menu_5.png) no-repeat; cursor:pointer;}
#box .right .menu_5 A:hover {left:0;}

#box .right .menu_6 {position:absolute; width:48px; height:93px; left: 834px; top: 455px; z-index:95; overflow:hidden;}
#box .right .menu_6 A {position:relative; left: -15px; width:48px; height:93px; display:block; background:url(../img/fon/menu/menu_6.png) no-repeat; cursor:pointer;}
#box .right .menu_6 A:hover {left:0;}

#box .right .play {position:absolute; width:89px; height:27px; left: 700px; top: 564px; z-index:100; overflow:hidden;}
#box .right .play A  {position:relative; width:89px; height:37px; bottom:15px; display:block; background:url(../play/img/play.png) no-repeat; cursor:pointer;}
#box .right .play A:hover {bottom:10px;}
#box .right .play A IMG {margin:18px 0 0 15px;}

.foto_p {margin:-5px 0 0 -3px;}
.cursor  {cursor:wait !important;}

.d_news {color:#5f5e5e; margin-right:5px;}
.right_txt {text-align:right; padding:5px 10px 0 0; color:#3e4497;}

.icon_biznes img {border:1px #000 solid; margin:10px;}

#citata {width: 300px; height: 170px; background:url(../img/fon/fon_citatata.jpg) no-repeat;}
.citata {padding:20px 0 0 20px;}

#vizitka {position:absolute; top:50%; left:15%; width:412px; height:330px; z-index:300;}
.vizitka {position:absolute; width:210px; height:77px; left: 150px; top: 564px; z-index:300;}
.map {cursor:pointer !important;}

.hslice {margin:0; padding:0 0 5px 0;}

#boxr .novigate_left {position:absolute; top:410px; left:0; height:10px;}
#boxr .novigate_right {position:absolute; top:410px; right:0; height:10px;}
#boxx .novigate_right {position:absolute; top:410px; right:25px; height:10px;}
.novigate a, .novigate a:hover {font-size:10px; text-decoration:none; background:none;}
.novigate a {color:#2e2e2e;}
.novigate a:hover {color:#F00; background-color:transparent !important;}
.novigate_left a, .novigate_left a:hover {background:url(../img/fon/pic/str_left.gif) center left no-repeat; padding-left:97px;}
.novigate_right a, .novigate_right a:hover {background:url(../img/fon/pic/str_right.gif) center right no-repeat; padding-right:97px;}
/*//LAYOUT*/

/*FOOTER*/
#footer {position:relative; margin:-45px 0 0 0; height:45px/* 114px */; clear:both; overflow:hidden;}
#footer2 {height:45px; color:#ccc; overflow:hidden;}
#footer2 a {color:#ccc; text-decoration:none; background:none;}
#footer2 a:hover {color:#ccc; text-decoration:underline; background:none;}
#footer2 .copirait {text-align:center; height:14px; overflow:hidden; padding-left:201px;}
#footer2 .copirait em {font-style:normal;}

.dollars {padding-left:201px; margin-top:5px; font-size:100%; color:#898989; text-align:center; height:39px; overflow:hidden;}
.dollars a {color:#898989 !important;}

/* Фотографии */
.pics {position: absolute; top:0; left:0;}
#img_a .pics {z-index:1;}
#img_b .pics {z-index:2;}
#img_c .pics {z-index:3;}
#img_a img, #img_b img {width:312px; height:416px; position:relative; top:0; left:0; z-index:1;}
#img_c div {width:312px; height:416px; position:relative; top:0; left:0; z-index:100;}
#img_c .foto_p {cursor:pointer;}

/* e-mail */
form {border:0; margin:0; padding:5px 10px 0 0;}
.ddd {display:block;}
.ddd_error {display:block; color:#F00;}

/* opendiv */
.toplayer iframe, .toplayer .overlay {background:#000; position:fixed; top:0; left:0; height:100%; width:100%; margin:0; padding:0; border:0; z-index:2001;}

.toplayer .overlay2 {background:#000; position:fixed; top:0; left:0; height:20px; width:100%; margin:0; padding:0; border:0; border-bottom:1px #FFF solid; z-index:2002;}
.toplayer .overlay2 div {text-align:left; padding:3px 10px 0 10px; color:#FFF;}
.toplayer .overlay2 a {color:#FFF; background:none; background:none;}
.toplayer .overlay2 a:hover {color:#FFF; background:none; text-decoration:underline;}

#box_div {text-align:left; position:absolute; top:0; left:50%; z-index:2002;}
#box_div img {border:3px #ffffff solid;}

.vizitka_b {width:341px; margin:200px 0 0 -170px;}
.citata_b {width:490px; margin:200px 0 0 -245px;}
.citata_b img {width:490px; height:240px; background:#f0f0f0 url(../img/fon/pic/ajax-loading.gif) center center no-repeat;}
.loading {width:100%; height:100%; margin:0 0 0 -50%; cursor:wait !important;}

.may {background:url(../img/pic/9_maya.png) top left no-repeat; width:233px; height:127px; position:absolute; top:5px; left:-25px; z-index:85;}

.m_a_y {background:url(../img/pic/9_m.png) top left no-repeat; width:233px; height:127px; position:absolute; top:5px; left:-25px; z-index:85;}

.w3c {float:right; margin:12px 15px 0 10px;}
.w3c img {height:20px !important;}

/* Аватар */
.relative {position:relative;}
.avatar_box {position:absolute; top:0; left:180px; width:114px; height:136px; background:url(../img/avatar/fon_avatar.png) no-repeat;}
.avatar_img {width:90px; height:90px; padding:13px 0 0 12px;}
.avatar_mail {width:90px; height:19px; padding:3px 0 0 12px;}

/* Statys */
#status {border-top: 1px #ccc dotted;}

.status {position:relative; width:13px; height:13px; z-index:1; float:left; margin-right:5px; background-image:url(../img/icons.gif); background-repeat:no-repeat;}
.im_1 {position:absolute; top:0; left:0; z-index:1;}
.im_2 {position:absolute; top:0; left:0; z-index:2;}
.clear {clear:both; height:3px; overflow:hidden;}

.icon_icq {background-position:0 0;}
.icon_icq_onlain {background-position:0 -26px;}
.icon_icq_offlain {background-position:0 -13px;}

.icon_agent {background-position:0 -39px;}
.icon_agent_onlain {background-position:0 -78px;}
.icon_agent_no {background-position:0 -65px;}
.icon_agent_offlain {background-position:0 -52px;}

.icon_skype {background-position:0 -91px;}
.icon_skype_onlain {background-position:0 -130px;}
.icon_skype_no {background-position:0 -104px;}
.icon_skype_ignor {background-position:0 -117px;}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Skins  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.style_1 h1, .style_1 h2, .style_1 h3 {color:#00174F;}
.style_2 h1, .style_2 h2, .style_2 h3 {color:#DF8D00;}
.style_3 h1, .style_3 h2, .style_3 h3 {color:#BF2364;}
.style_4 h1, .style_4 h2, .style_4 h3 {color:#3A88E5;}

.style_1  {background:url(../img/fon/bg_fon.jpg);}
.style_2  {background:url(../img/fon/bg_fon2.jpg);}
.style_3  {background:url(../img/fon/bg_fon3.jpg);}
.style_4  {background:url(../img/fon/bg_fon4.jpg);}

.style_1 .pens {width:66px; height:479px; background:url(../img/fon/pic/png/pen/pen_1.png) no-repeat; cursor:move; z-index:90;}
.style_2 .pens {width:66px; height:479px; background:url(../img/fon/pic/png/pen/pen_2.png) no-repeat; cursor:move; z-index:90;}
.style_3 .pens {width:66px; height:479px; background:url(../img/fon/pic/png/pen/pen_3.png) no-repeat; cursor:move; z-index:90;}
.style_4 .pens {width:66px; height:479px; background:url(../img/fon/pic/png/pen/pen_1.png) no-repeat; cursor:move; z-index:90;}
.style .pens {width:66px; height:479px; background:url(../img/fon/pic/png/pen/pen_1.png) no-repeat; cursor:move; z-index:90;}

.skin_on img {border:1px #fff solid !important;}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!  // Skins  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Form, button */
.btn {display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333;}
.btn span {background:#ddd url(../img/fon/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa;}
.btn span span {position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa;}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {cursor:pointer; border-color:#9cf !important; color:#000;}
.btn:active span {background-position:0 -400px; outline:none;}
.btn:focus, .btn:active {outline:none;}
.primary {font-weight:bold; color:#000;}

button.pill-l span {border-right-width:0;}
button.pill-l span span {border-right:1px solid #bbb;}
button.pill-c span {border-right-style:none; border-left-color:#fff;}
button.pill-c span span {border-right:1px solid #bbb;}
button.pill-r span {border-left-color:#fff;}

input.text,textarea {width:100%; border:1px #ccc solid; background:#e4e4e4; margin:2px 0 10px 0; padding:3px;}
textarea {height:210px;}

.holidays {white-space: normal !important;}