/* 

css for www.oknapanorama.ru
made by Aurita studio www.aurita.name
autor M. Bogorodskiy www.mixus.ru

*/

* 
{
margin: 0;
padding: 0;
}

body
{
color:#245a9c;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}

a
{
color:#245a9c;
}

.clear
{
clear:both;
}

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

.panorama
{
position:absolute;
z-index:1;
top:65px;
right:0;
}

.no_flash
{
background:url(http://oknapanorama.ru/images/okna_panorama/panarama_bg.jpg) repeat-x;
width:2500px;
height:200px;
}

.no_flash2
{
background:url(http://oknapanorama.ru/images/okna_panorama/panarama_bg.jpg) repeat-x;
width:2500px;
//width:100%;
height:200px;
}

.panorama_conteiner, .tel_conteiner
{
position:relative; 
min-width:1000px;
}

.header
{
width:100%;
position:absolute;
z-index:2;
}

.main_pic_top
{
width:895px;
height:63px;
background:url(http://oknapanorama.ru/images/okna_panorama/for_flash_01.jpg) no-repeat 0 0;
}

.main_pic
{
width:895px;
height:150px;
background:url(http://oknapanorama.ru/images/okna_panorama/for_flash_02.png) no-repeat 0 0;
}

.main_pic_bottom
{
width:895px;
height:214px;
background:url(http://oknapanorama.ru/images/okna_panorama/for_flash_03.jpg) no-repeat 0 0;
}

.main_pic_resize
{
zoom:1;
height:427px;
background:url(http://oknapanorama.ru/images/okna_panorama/resize.gif) repeat-x;
}

/* --------------------- telephone block -------------------------------*/

.telephon
{
position:absolute;
right:0;
z-index:3;
}

.tel_conteiner
{
z-index:3;
}

.telephon_pic
{
background:url(http://oknapanorama.ru/images/okna_panorama/telephones2.png) no-repeat 100% 0;
width:335px;
height:261px;
}

.telephon span
{
color:#5A5753;
font-size:110%;
font-family:Georgia, serif;
font-weight:500;
}

.tel_cont
{
padding:10px 10px 15px 50px;
}

span.col_2
{
display:block;
color:#0066CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:135%;
padding-left:40px;
margin:10px 0 20px 30px;
background:url(http://oknapanorama.ru/images/okna_panorama/tel_free.gif) no-repeat 3% 70%;
padding-top:3px;
padding-bottom:5px;
}

span.col_21
{
color:#0066CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.col_3
{
margin-left:35px;
margin-top:10px;
display:block;
}

.col_4
{
margin:15px 10px 10px 80px;
color:#bcbcbc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
font-weight:700;
}

.col_4 form
{
margin-top:7px;
margin-right:-20px;
}

.butt_tel
{
width:22px;
height:20px;
background:url(http://oknapanorama.ru/images/okna_panorama/send_telefon.gif) no-repeat 0 0;
border:1px #7f9db9 solid;
cursor:pointer;
}

#name_vis
{
display:none;
}

/* ------------------------- end telephone block ------------------------*/

/* -------------------------logo link -----------------------------------*/

.logo_link, .logo_link_index
{
position:relative;
top:10px;
left:50px;
width:140px;
height:90px;
z-index:3;
}

.logo_link a
{
display:block;
width:100%;
height:100%;
text-decoration:none;
}

.logo_link_index
{
cursor:default;
}

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

.content_conteiner
{
position:relative;
top:140px;
width:100%;
z-index:10;
}

/* ---------------------- left menu ------------------------*/

.left_menu
{
width:218px;
padding-left:18px;
}

.left_menu_head
{
background:url(http://oknapanorama.ru/images/okna_panorama/left_menu_head.gif) repeat-x;
height:35px;
margin-top:40px;
font:500 110% Georgia, serif;
width:176px;
color:#fff;
padding:7px;
}

.left_menu_links 
{
margin-top:-12px;
}

.left_menu_links ul li
{
list-style:none;
list-style-position:outside;
background:url(http://oknapanorama.ru/images/okna_panorama/left_menu_links.gif) repeat-y;
width:190px;
border-bottom:2px #fff solid;
}

.left_menu_links ul li a
{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:72%;
font-weight:300;
letter-spacing:0.05ex;
color:#fff;
padding:7px;
display:block;
zoom:1;
}

.left_menu_links ul li ul
{
margin-bottom:-2px;
border-top:2px #fff solid;
}

.left_menu_links ul li ul li
{
margin-bottom:-2px;
background:url(http://oknapanorama.ru/images/okna_panorama/left_sub_menu_links.gif) repeat-y;
}

.left_menu_links ul li ul li a
{
padding-left:35px;
padding-right:20px;
color:#fff;
}

.left_menu_links ul li ul li a:hover
{
color:#fff;
}

.left_menu_links ul li.akt_left_menu
{
background:url(http://oknapanorama.ru/images/okna_panorama/left_menu_akt.gif) repeat-y 0 0;
width:204px;
}

.left_menu_links ul li ul li a.akt_left_menu_link, .left_menu_links ul li a.akt_left_menu_link
{
/*background:url(http://oknapanorama.ru/images/okna_panorama/akt_menu_mark.gif) no-repeat 100% 0;*/
padding-right:30px;
}

/* ------------------- end left menu ------------------------*/

/* -------------------- online_butt 25.06.2009 ------------------------- */

.online_butt
{
position:absolute;
top:-75px;
}

.left_row
{
margin-top:-39px;
}

.left_row .left_menu_links ul li 
{
border:1px #fff solid;
border-left-width:2px;
border-right-width:2px;
}

.left_row .left_menu_links ul li ul
{
margin-bottom:-2px;
border-color:#fff;
border-width:1px 2px;
}

.left_row .left_menu_head
{
border:2px #fff solid;
padding-bottom:0px;
height:26px;
margin-bottom:-1px;
}

.left_row .left_menu_links 
{
margin-top:0px;
}

.left_row .left_menu_links ul li.akt_left_menu
{
width:190px;
}

/*------------------------------- top menu ------------------------------ */

.left_cont, .right_cont, .cont_page
{
position:absolute;
}

.left_cont
{
background:url(http://oknapanorama.ru/images/okna_panorama/left_drop.png) no-repeat 0 0;
width:20px;
height:158px;
left:-20px;
}

.right_cont
{
background:url(http://oknapanorama.ru/images/okna_panorama/right_drop.png) no-repeat 100% 0;
width:18px;
height:178px;
right:-18px;
}

.top_menu_conteiner
{
position:relative;
left:-20px;
z-index:10;
margin-top:0;
}

.top_menu
{
position:absolute;
width:100%;
}

.cont_page
{
background:#fff url(http://oknapanorama.ru/images/okna_panorama/bg_top_menu.gif) repeat-x 2px 2px;
width:100%;
padding-left:1px;
}

.cont_page ul li
{
list-style:none;
list-style-position:outside;
display:block;
position:relative;
float:left;
left:-1px;
border:#fff 2px solid;
border-left:none;
height:24px;
background: url(http://oknapanorama.ru/images/okna_panorama/bg_top_menu.gif) repeat-x;
}

.cont_page ul li a
{
color:#fff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:72%;
font-weight:300;
letter-spacing:0.1ex;
padding:5px 10px;
display:block;
padding-top:4px;
}

.cont_page ul li ul
{
position:absolute;
top:26px;
left:-1px;
width:200px;
}

.cont_page ul li ul li
{
background:#255d9d url(http://oknapanorama.ru/images/okna_panorama/bg_top_menu.gif) repeat-x;
clear:both;
border-left:2px #fff solid;
border-top:none;
width:100%;
height:100%;
z-index:12;
}

.cont_page ul li ul li a
{
display:block;
}

.cont_page ul li.akt_top_menu
{
background:#e88c23 url(http://oknapanorama.ru/images/okna_panorama/bg_top_menu_akt.gif) repeat-x;
}

/* ------------------------------ end top menu ------------------------------*/

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

.main_h1_conteiner
{
position:relative;
height:1px;
z-index:9;
}

.main_h1
{
position:absolute;
background-color:#fff;
height:170px;
left:-20px;
width:100%;
}

.main_h1 h1
{
padding:60px 0 0 10px;
color:#aaa;
font-size:170%;
font-weight:500;
}

.gray_line_cont
{
width:100%;
margin-top:7px;
}

.gray_line
{
background:url(http://oknapanorama.ru/images/okna_panorama/gray_line.gif) repeat-x 0 0;
height:1px;
margin:0 10px;
}

.content, .right_row, .spec_content
{
position:relative;
top:115px;
z-index:9;
margin-bottom:115px;
}

.content, .spec_content
{
left:-10px;
margin-bottom:150px;
font-size:85%;
line-height:145%;
width:100%;
}

.content img
{
/*position:relative;
float:left;*/
padding:0 10px 10px 0;
}

.content p
{
padding:0 15px 25px 0;
}

.content h2
{
padding-bottom:10px;
}

.content ul li
{
//_list-style:disc inside;
}

/* ------------------- right_row and banners --------------------*/

.right_row
{
margin-right:35px;
//_margin-right:20px;
float:right;
width:180px;
}

.right_row a
{
display:block;
padding-bottom:7px;
}

.right_links_head
{
background:url(http://oknapanorama.ru/images/okna_panorama/left_menu_head.gif) repeat-x;
height:35px;
font:500 110% Georgia, serif;
margin-top:20px;
width:166px;
color:#fff;
padding:7px;
}

.right_links_cont
{
background:url(http://oknapanorama.ru/images/okna_panorama/left_menu_links.gif) repeat-y;
width:160px;
margin-top:-12px;
padding:10px;
}

.right_links_cont a
{
color:#fff;
padding:10px 0;
font-size:70%;
font-weight:500;
}

/* ------------------------ reviews ------------------------- */

.reviews
{
margin-top:30px;
width:190px;
margin-bottom:30px;
}

.reviews h2
{
margin-bottom:10px;
font-size:110%;
font-weight:100;
}

.reviews img
{
position:relative;
float:left;
padding:0 7px 7px 0;
}

.username
{
font-size:80%;
font-weight:700;
}

.review_messege
{
position:relative;
background:#e9e9e9 url(http://oknapanorama.ru/images/okna_panorama/bg_review.gif) repeat-x 0 0;
font-size:80%;
padding:10px 10px 10px 20px;
//padding-top:5px;
}

.drop_review
{
background:url(http://oknapanorama.ru/images/okna_panorama/drop_review.png) no-repeat 0 0;
height:17px;
}

.laquo
{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:200%;
font-weight:700;
left:4px;
//_left:-16px;
top:-5px;
//_top:-3px;
}

.raquo
{
position:relative;
top:5px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
line-height:1px;
font-size:160%;
font-weight:700;
}

a.rev_link
{
font-size:80%;
background:url(http://oknapanorama.ru/images/okna_panorama/tonext.gif) no-repeat 100% 60%;
padding-right:20px;
}



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

.footer img
{
position:relative;
float:left;
}

.footer_text
{
position:relative;
float:left;
left:5px;
background:url(http://oknapanorama.ru/images/okna_panorama/bg_footer.gif) no-repeat;
width:600px;
height:90px;
font-size:60%;
line-height:140%;
padding-left:50px;
}

.footer_text p
{
padding-top:28px;
}

.footer a.link_footer
{
text-decoration:none;
}

/* ------------------------- meters ----------------------*/

.meters
{
position:absolute;
visibility:hidden;
}

/* ------------------------ numpages -------------------------*/

.numpages
{
padding-top:10px;
}

.numpages a.pages_item_akt
{
background:#265f9e url(http://oknapanorama.ru/images/okna_panorama/pages_item_akt.gif) repeat-x 0 0;
padding:4px 6px;
}

.numpages a.pages_item_akt b
{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.toprev, .tonext
{
text-decoration:none;
}

.toprev
{
background:url(http://oknapanorama.ru/images/okna_panorama/toprev.gif) no-repeat 0 100%;
padding-left:20px;
}

.tonext
{
background:url(http://oknapanorama.ru/images/okna_panorama/tonext.gif) no-repeat 100% 100%;
padding-right:20px;
}

/* ------------------------------ news --------------------------*/

.news
{
clear:both;
font-size:90%;
padding-bottom:30px;
}

.date_news
{
font-weight:700;
font-style:italic;
padding-bottom:8px;
z-index:8;
}

.news a.title_news
{
display:block;
padding-bottom:7px;
margin:0;
font-size:120%;
color:#aaa;
}

.news_link_text
{
display:block;
padding:0;
text-decoration:none;
}

.news_link_text_main
{
padding:0;
}

.news_link_text p
{
padding:0;
padding-bottom:6px;
}

.news img, .news .news_text img
{
position:relative;
float:left;
padding:0 15px 15px 0;
}

.read_news
{
padding-top:10px;
background:url(http://oknapanorama.ru/images/okna_panorama/tonext.gif) no-repeat 100% 100%;
padding-right:20px;
}

.news_back
{
background:url(http://oknapanorama.ru/images/okna_panorama/toprev.gif) no-repeat 0 100%;
padding-left:25px;
font-size:80%;
}

.news_text
{
padding:10px 20px 20px 0;
}

/* ------------------ news in right 26.06.2009 ---------------------- */

.news_right
{
margin-right:20px;
}

.news_right h2
{
font-size:110%;
font-weight:100;
margin-bottom:10px;
padding-top:20px;
}

.news_right .news img
{
position:inherit;
float:none;
padding-bottom:5px;
}

.news_right .news a
{
display:block;
padding-bottom:10px;
text-decoration:none;
}

.news_right .start_news
{
font-size:90%;
}

/*----------------- review about oknapanorama ---------------------*/

.rev img
{
padding-top:10px;
}

.rev b
{
font-size:110%;
}

.rev p
{
padding-bottom:7px;
}

.rev_date
{
font-style:italic;
font-size:90%;
color:#CCCCCC;
padding-bottom:7px;
}

.gray_h2
{
font-size:120%;
color:#999999;
padding-bottom:10px;
}

.clear_rev
{
clear:both;
padding-bottom:60px;
}

/* ------------------------------- smiles ---------------------*/

#smiles
{
display:none;
}

.smile_link
{
padding:10px 0 15px 0;
}

.smile_link a, .smiles a.smile_link_vis_hid
{
text-decoration:none;
border-bottom:1px dashed;
}

.smiles
{
padding:10px 0 15px 0;
}

.mess_block img
{
position:inherit;
float:none;
padding:0;
}

.user img, .guest img
{
position:inherit;
float:none;
padding:0;
margin:0;
}

/* ------------------------- forms -----------------------*/

.forum_inputs
{
width:500px;
}

.forum_textarea
{
height:250px;
}

.captcha
{
width:100px;
}

.captcha img
{
position:inherit;
padding:0;
}

.avatar img
{
position:relative;
float:left;
}

.okna_inputs
{
width:300px;
margin:5px 0 10px 0;
}

.okna_textarea
{
height:125px;
width:90%;
}

.text_form
{
width:200px;
}

.text_form2
{
width:100px;
}

/* --------------------------- banners ----------------------- */

.banner1, .banner2, .banner3
{
position:relative;
float:left;
margin:0 30px 20px 0;
//_padding:0 30px 20px 0;
}

.banner_td2
{
min-width:205px;
max-width:320px;
}

.banner_td1
{
min-width:225px;
max-width:300px;
}

.banner_td3
{
min-width:340px;
max-width:590px;
}

body:nth-of-type(1) .banner_td1, .banner_td2
{
height:310px;
}

body:nth-of-type(1) .banner_td3
{
height:120px;
}

.banner1 img, .banner2 img, .banner3 img
{
width:100%;
height:100%;
}

/* ------------------------ copy_aurita --------------------*/

.copy_aurita
{
font-size:80%;
position: absolute;
bottom:10px;
right:35px;
}

.copy_aurita a
{
padding-right:30px;
background:url(http://vramke.org/images/copy_aurita.gif) no-repeat 100% 100%;
}

/* ------------------------- start page ---------------------------- */

.start_block
{
padding:10px 20px 10px 0;
}

.start_block h2
{
font-weight:100;
}

.top_block_conteiner
{
position:relative;
height:1px;
z-index:9;
}

.top_block
{
position:absolute;
background-color:#fff;
height:170px;
left:-20px;
width:100%;
}

.top_content
{
position:relative;
top:40px;
z-index:9;
left:-10px;
margin-bottom:150px;
font-size:85%;
line-height:145%;
width:100%;
}

.top_content h2
{
padding-bottom:15px;
line-height:135%;
font-weight:100;
}

.top_block_right
{
top:50px;
}

.start_news
{
font-size:120%;
font-weight:700;
background:url(http://oknapanorama.ru/images/okna_panorama/tobegin_bold.gif) no-repeat 100% 60%;
padding-right:20px;
}

.rekl_main
{
background:url(http://oknapanorama.ru/images/okna_panorama/star.gif) no-repeat 0 50%;
padding:15px 15px 10px 40px;
margin-bottom:10px;
font-size:120%;
}

.rekl_main a, .rekl_color
{
color:#FF6600;
}

.rekl_link
{
background:url(http://oknapanorama.ru/images/okna_panorama/tobegin_bold_orange.gif) no-repeat 100% 60%;
}

.head_rekl
{
font-size:130%;
}

.rekl_link_text
{
color:#245a9c;
}

.rekl_news p
{
padding:0;
margin:0;
}

/* ------------- sitemap ------------------ */

.sitemap
{
margin-top:10px;
font-size:130%;
font-weight:100;
}

.sitemap ul
{
margin-top:7px;
}

.sitemap li
{
list-style:none;
list-style-position:outside;
margin-bottom:10px;
}

.sitemap ul li
{
margin-left:40px;
font-size:95%;
}

.sitemap a.site_map_link
{
display:block;
margin-top:12px;
}

/* --------------- spec_predl --------------------- */

.spec_predl_header
{
text-decoration:none;
font-size:140%;
font-weight:700;
color:#245a9c;
}

.spec_predl_text
{
text-decoration:none;
font-size:120%;
display:block;
margin-bottom:10px;
}

.spec_predl_block
{
display:block;
position:relative;
float:left;
width:75%;
padding-top:10px;
}

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

.serial_home
{
position:relative;
float:left;
margin:0 30px 50px 0;
}