﻿ /* 1. RESET ================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; 
    /* font-style: inherit; font-weight: inherit; */ margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }

ol, ul { list-style: none; }

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
a {	 color:#098BC0; }
a img {	border: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

p { font-size: 13px; margin: 0px 0px 7px 0px; text-align: justify; }
p strong { font-weight:700!important;  }
strong { font-weight:700!important;  }
h1, h2, h3, h4, h5, h6{ font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; line-height:1.4; }
h1{	font-size:30px; color:#2F769E; }
h2{	font-size:22px; color: #2F769E; }
h3{	font-size:16px; color: #2F769E; }
h4{	font-size:14px; }
h5{	font-size:13px;	}

.clear { clear:both;  }
.right { float:right; }
.bold {	font-weight:bold;}
.bold_cena {	font-size:21px; color: #5c93c6; text-transform: uppercase;}
.bold2 { font-weight:bold; font-size:16px; }

body { background: url("../images/background.png") 50% 0% repeat-x #FFFFFF; margin: 0px; padding: 0px; }

#wrapper { background:transparent none no-repeat 0 0; margin: 0px auto 0px; width: 1100px; }

/* 1. HEADRER ================================================ */
#header { background:transparent none no-repeat 0 0; margin: 0px 0px 100px 0px; }

/* 1.1 TOP_MENU ========== */
#top_menu { font-size: 16px; font-weight:400; margin: 0px 0px 0px 0px; padding-top: 25px; float: left; }
#top_menu ul li { display: inline-block;  }
#top_menu ul li a { color:#2F769E; } 
#top_menu ul li a:hover { color:#70acdf; }
#top_menu ul li a:active { color:#70acdf; }


/* 1.1 TOP_MENU ========== */
#top_menu2{ font-size: 16px; font-weight:400; margin-left:60px; float: right; }
#top_menu2 ul li { display: inline-block;}
#top_menu2 ul li a { color:#2F769E; }
#top_menu2 ul li a:hover { color:#70acdf; }
#top_menu2 ul li a:active { color:#70acdf; }

#two-level { margin-top: 20px; }


/* 1.2.1 FAQ ========== */
#faq{ float: left; width: 216px; height: 73px; background: url("../images/faq.png") no-repeat; margin-top: 20px; }
#faq ul li { padding-left: 60px; padding-top: 15px;}

/* 1.2.1 FAQ ========== */
#zamer { float: left; width: 216px; height: 73px; background: url("../images/zamer.png") no-repeat; margin-top: 20px;}
#zamer ul li { padding-left: 100px; padding-top: 15px;}

/* 1.2.1 FAQ ========== */
#otziv { 
border-bottom: 1px dotted #a9bdcd;
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 5px;
}

/* 1.2.1 FAQ ========== */
#comp{ padding-left: 15px; margin-right: 30px; width: 600px; font-size: 12px; color: #000; text-align: justify; }


/* 1.3 FONE ========== */
#fone { float: right; margin-left: 50px; margin-top: 20px; }
#fone p { font-size:27px; color: #273c5b; font-weight: bolder; }
#fone p span {  font-size:8px; color:gray; }

/* 1.2 ADRESS ========== */
#adress { float: right; margin-top: 20px; }
#adress p { font-size:14px; font-weight: 400; color: #9dc1de;}
#adress p span { font-size:12px; color: #9dc1de; }


#fone ul  { float:right; margin: 0px 12px 0px 0px; }
#fone ul li { display: inline-block; }
#fone ul li a { padding: 10px 0px;color:#00456D; }
#fone ul li a:hover { padding: 10px 0px; color:#00456D; }
#fone ul li a:active { padding: 10px 0px; color:#00456D; }


/* 2. LEFT COL ================================================ */
#left_col { background:transparent none no-repeat 0 0; width:220px; height:auto; float:left; clear:both; }

/* 2.1 LEFT COL_MENU ==== */
#left_col ul { font-size: 16px; font-weight:400; float:left; }
#left_col ul li { display:  block; padding: 0px 0px 10px 0px; }
#left_col ul li span { padding: 0px 0px 0px 10px; color:gray; font-size: 12px;}
#left_col ul li a { padding: 5px 10px 10px 30px; color:#2F769E; background:transparent url('../images/submenu.gif') no-repeat 0 0; }
#left_col ul li a:hover { padding: 5px 10px 10px 30px; color:#00456D; background:transparent url('../images/submenu-hover.gif') no-repeat 0 0; }
#left_col ul li a:active { padding: 5px 10px 10px 30px; color:#00456D; background:transparent url('../images/submenu-hover.gif') no-repeat 0 0; }


#left_col .vse-statii { font-weight:bold; font-size:16px; padding-left: 0px; background: none transparent no-repeat 0 0; }


/* 3. RIGHT COL ================================================ */
#center { width:650px; float:left; padding: 0px 0px 0px 0px; }
#right_col { width:870px; float:left; padding: 0px 0px 0px 0px; }
#lefft_col { width:200px; border: dotted 1px #b5c4e6; border-radius: 15px; float:right; padding: 10px; font-size: 12px; color: #5b6a76;}


ul.nool3 {  list-style: decimal; font-size:13px; margin: 0px 0px 0px 30px; }
#first_text .troyka_3 ul.nool4 {  list-style: circle; font-size:13px; margin: 0px 0px 0px 10px; }
#first_text .troyka_2 ul.nool4 {  list-style: circle; font-size:13px; margin: 0px 0px 0px 10px; }


.span_1 { font-weight:bolder; color:#65b3ee; }

.span_3 { color:#FF0000; }
.span_4 { font-weight:bolder; font-size:26px; }
.span_5 { font-weight:bolder;  text-align:center; }
.span_6 { font-size:22px; color:#707070; text-align:center; }
.autor { font-size:13px; color:#60bdd1;  }
.autor2 { font-size:14px; background: #667ea3; color:#fff; font-weight:bolder; border: solid 1px #4c6b9a; border-radius: 15px; padding: 10px; }
.city { font-size:13px; color:#3a6a83;  }
.company{ font-size:21px; font-weight:bold; color:#9dc1de;  }

.span_2 { font-weight:bolder; font-size:13px !important; color:#cd5839 !important;  }

.span_circle { font-weight:bolder; font-size:15px !important; color:#60bdd1;}

.sovet { 
margin-top: 35px;
padding: 25px;
padding-left: 10px;
background: #ddedf9;
line-height: 1.4;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius: 15px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 50px;
border-radius: 15px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}

.simple_text{ 

margin-top: 15px;
margin-bottom: 20px;
}

.oval_block{ 
padding: 20px;
letter-spacing: 10px;
font-family: Cuprum, Arial;
font-size: 21px;
text-transform: uppercase;
color: #5ebdd8;
background: #f6fdff;
-webkit-border-radius: 15px;
margin-top: 15px;
margin-bottom: 20px;
}

.oval_block-2{ 
padding: 20px;
text-align: center;
letter-spacing: 3px;
font-family: Cuprum, Arial;
font-size: 14px;
text-transform: uppercase;
color: #6ec49f;
background: #dffff1;
-webkit-border-radius: 15px;
margin-top: 15px;
margin-bottom: 15px;
}

.accord { 
padding-left: 15px;
padding-bottom: 5px;
padding-top: 5px;
font-family: Calibre, Tahoma, "Helvetica Neue", Helvetica, Arial;
font-size: 14px;
font-style: italic;
}

/* 3.1 FIRST ========= */
#first { background:transparent url('../images/balcon.jpg') no-repeat 0 0 ; width:634px; height:439px!important; }
#first h1 { margin: 0px 0px 0px 100px; }
#first div {  font-weight:600; position:absolute;}
#first div a { color: #ffffff; text-decoration:none; }
#first div a p { font-size:13px; padding: 10px; text-decoration: none; }
#first div a:hover p { padding: 10px; text-decoration: underline; }

#first_one { margin: 55px 0px 0px 3px;}
#first_duo { margin: 29px 0px 0px 507px; }
#first_trio { margin: 282px 0px 0px 489px; }
#first_quatro { margin: 355px 0px 0px 210px; }

#first_text {  }
#first_text p strong { font-weight:bold!important;  }
#first_text strong { font-weight:bold!important;  }
#first_text img { margin: 0px 10px 10px 0px; float:left;  }

#first_text ul {  list-style: disc; font-size:13px; margin: 0px 0px 0px 100px; }

#first_text #img_tip { margin: 20px 0px 0px 0px; }
#first_text #img_tip a { text-align:center; }


#action { font-size:22px; font-weight:bolder; color:#FF0000; text-align:center; }
#action1  { clear:both; width:100%; text-align:center; }
#action1 img  { margin: 0 0 0 42% !important; padding: 15px;  }
#action2 { font-size:18px; font-weight:bolder; color:#FF0000; text-align:center; }
#action3 { font-size:18px; color:#FF0000; text-align:center; }

#slider { border: 3px #aff7c9 solid; float:left; height: 180px; width: 100%; }
#slider-block { border: 2px #9ae3f3 solid; float:left;  width: 230px; margin: 20px;}
#slider-block-cena {  width: 50px;  float:left; margin: 10px;}
#slider-block-text { width: 140px; float:left; margin: 10px;}

.one {background:transparent url('../images/one.jpg'); width:60px; float:left; height:63px; }
.two {background:transparent url('../images/two.jpg'); 	width:62px; float:left; height:63px; }
.three {	background:transparent url('../images/three.jpg'); 20px; width:60px; float:left; height:60px; }

.troyka_1 {	width:210px; padding: 15px; padding-right: 30px; margin-right: 30px; border-right:1px gray dashed; float:left;  }
.troyka_2 {	width:300px; padding:15px; padding-right: 30px; margin-right: 30px; border-right:1px gray dashed; float:left; }
.troyka_22 {	width:210px; padding:15px; float:left;  }
.troyka_3 {	width:345px; padding:10px; border-right:1px gray dashed; float:left; height:630px; }
.troyka_4 {	width:520px; padding:10px; border-right:1px gray dashed; float:left; height:500px; }
.troyka_5 {	width:520px; padding:10px; float:left;  height:500px; }


.index_cat { float:left; width:200px; height:250px; text-align:center; padding:9px; }
.index_cat p { text-align:center!important; }


/* 3.2 ALL TEXT ======== */
#all_text {  }
#all_text img { margin: 0px 10px 10px 0px; float:left;  }
#all_text img.right { margin: 0px 0px 10px 10px; float:right;  }
#all_text img.center { margin: 0px auto;}

#all_text ul {  list-style: disc; font-size:13px; margin: 0px 0px 0px 230px; }
#all_text ul.nool {  list-style: disc; font-size:13px; margin: 0px 0px 0px 30px; }
#all_text ul.nool2 {  list-style: none; font-size:13px; margin: 0px 0px 0px 30px; }

#all_text #img_tip { margin: 20px 0px 0px 0px; }
#all_text #img_tip a { text-align:center; }

#all_rev { border: dotted 1px #b5c4e6; border-radius: 15px; padding: 10px; }


/* 4. FOOTER ================================================ */
#footer { width: 1100px; margin: 0px auto 0px; background:transparent none no-repeat 0 0; padding: 40px 0px 20px 0px;  }
#footer_blok {	margin: 0px 0px 0px 0px;	text-align:right; }
#footer_blok p { text-align:right; color:#098BC0; }


/* 4.1 ADRESS ========== */
#adress1 {  float:left; margin: 0px 0px 0px 0px; width: 300px; }
#webfactory { float:left; margin: 0px 0px 0px 0px; padding-left: 150px; }
#adress1 p { font-size:14px; font-weight: 400; }
#adress1 p span { font-size:12px; color:gray; }

/* 4.2 FONE ========== */
#fone1 { margin: 0px; width: 300px !important; }
#fone1 p { font-size:18px; font-weight: bolder; }
#fone1 p span {  font-size:12px; color:gray; }



/* 4.2 PRICES ========== */

table, table tr, table td { border-collapse: separate; border-spacing: 0px; border:1px #000000 solid; font-size: 13px; }

table caption, th { font-weight: 400; text-align: left; }

table td { font-weight: 400; text-align: center; padding: 2px; }

.tipov_cena { width: 870px; float:left; }
.tip_cena {	width: 210px; float:left; }
.tip_cena_primer {	width: 250px; float:left; padding: 20px;}
.tip_cena2 { width: 250px; float:left; text-align:center; padding: 10px;}
.tip_cena3 { width: 250px; float:left; text-align:center; padding: 10px; }
.tip_cena3 p {	text-align:center; }
p .rab { text-align:left; }

/* 4.2 PRICES ВНУТРЯКИ ========== */
.V_tipov_cena { width: 870px; float:left; }
.V_tip_cena {	width: 480px; float:left; }
.V_tip_cena_primer {	width: 250px; float:left; padding: 20px;}
.V_tip_cena2 { width: 320px; float:left; text-align:center; padding: 10px;}

.V_tip_cena2  img{ width: 500px!important; }
.V_tip_cena3 { width: 300px; float:right; text-align: center !important; padding: 10px; border: 1px solid #86bcee; min-height: 300px;}
.V_tip_cena3 p{  text-align: center !important;}
.lightbox img {
	
	height: 140px!important;
}











#sitemap {
/*
border: 1px fuchsia solid;
*/
}

.sitemap {
list-style-type: disc;
}

.sitemap li {
 margin: 6px 0px 6px 25px;
}

.sitemap .seria {
list-style-type: square;
 margin: 4px 0px 4px 55px;
}

.sitemap li a {
color:#2F769E;
font-size:14px;	
}

