/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset { margin:0;padding:0; }
img { border: 0; }

/* body
--------------------------------------------------*/
body { background:#CDE9E8 url("../-images/body_bg.png") top center repeat-y;
       font-family: Arial;
       font-size: 62.5%;   /* Resets 1em to 10px */
       text-align: left; /* Center for IE 5.x */

}

.clearing { clear: both; height: 1px; font-size: 1px; }

a { text-decoration:underline; color:#D30072 }
a:hover { text-decoration:none }

.global { width:807px; margin:0 auto 0 auto}

/* GlobalTable
--------------------------------------------------*/
.t {border: none; border-collapse: collapse; width: 100%}
.t td {padding: 0px; vertical-align:top}

/* Head
--------------------------------------------------*/
.head { padding:0 0 0 0; font-size:12px; overflow:hidden; min-height:1px; _height:1px; position:relative; height: 181px; background: url("../-images/header_bg.png") no-repeat}
* html .head { overflow:visible}
.logo { position:absolute; margin: 10px 0 0 20px;display:block; width:500px; height:100px; overflow:hidden; text-indent:-3000em; float:left;}

/* Head/Search
--------------------------------------------------*/
.head form { float:right; padding-top:25px; position:absolute; right:1px}
.head form input { vertical-align:middle}
.head form b { display:block; font-weight:normal}
.head form p { width:240px; height:21px; background: url("../-images/in.gif") no-repeat;padding-left:1px}
.head form .in { border:0px; font-size:11px; width:205px; padding-left:7px}
.head form .btn { border:0px ; background:none; cursor:pointer; width:22px; height:18px}

/* Head/Menu
--------------------------------------------------*/
.head ul {  position: absolute; margin:128px 0 0 20px; padding:0;list-style:none; float:left} 
.head ul li { float:left; font-size:12px; padding:0px; }
.head ul li a { font-family: Arial; color:#ff5400; display:block; text-decoration: none;float:left; cursor:pointer  }
.head ul li a:hover { color: #1FCEE1; }
.head ul li b { display:block; float:left;  font-weight:normal;  }
.head ul li i { font-style:normal; display:block; float:left; height:31px; padding:8px 12px 0 12px  }

/*
.head ul li a:hover { color:#33373c; background:#ffffff url("../-images/hml_ac.gif") no-repeat}
.head ul li a:hover b { background: url("../-images/hmr_ac.gif") no-repeat 100% 0%;}
.head ul li a:hover i { background: url("../-images/hmc_ac.gif") no-repeat 50% 100%; height:41px;}
*/

.head ul .hm_ac a {  color:#000; text-decoration:none}
.head ul .hm_ac b { }
.head ul .hm_ac i { color: #fff;}


/* Center Col
--------------------------------------------------*/
.center_col { float:left; width:806px; background:#fff; color:#24292e; }
.cb { background: url("../-images/cb.gif") no-repeat 0% 100%; min-height:150px; padding:20px 19px 12px 20px; font-size:12px}
.cb h1 { font-size:18px; color:#D30072; font-weight:normal; padding-bottom:10px}
.cb h2 { font-size:12px; margin-top: 10px;color:#D30072; font-weight:normal;}
.cb h2 a {font-size:13px;}
.cb h3 { font-size:18px; color:#D30072; font-weight:normal; padding-bottom:15px; text-align:center}
.cb h4 { font-size:12px; margin-top: 0px;color:#00808A; font-weight:bold;margin: 10px 0 5px 0;}

h2	{color:#D30072 !important}

.center_col a { color:#D30072}

/* Center Col/Steps
--------------------------------------------------*/

.steps { padding:0 60px 0 0; float:left; }

.sptep_1 { width: 253px; height: 171px; background: url("../-images/whatis_1.png") top left no-repeat; float:left; }
.sptep_1 div { margin: 10px 0 0 15px; }

.sptep_2 { width: 258px; height: 171px; background: url("../-images/whatis_2.png") no-repeat top left; float:left; }
.sptep_2 div { margin: 10px 0 0 28px; 
 }

.sptep_3 {  width: 248px; height: 171px;background: url("../-images/whatis_3.png") no-repeat top left ; font-size:18px; line-height:15px; color:#fff; float:left }
.sptep_3 div { margin: 10px 0 0 29px; 
 }
.sptep_1 div, .sptep_2 div, .sptep_3 div { 
 font-size:24px;  
 line-height:22px; 
 color:#fff; 
 font-family: Trebuchet MS; 
 font-style: italic;  
 font-weight:bold;
}

.sptep_1 p, .sptep_2 p, .sptep_3 p { 
 font-size:11px;  
 line-height:22px; 
 color:#fff; 
 font-family: Tahoma; 
 margin: 6px 0 0 5px;
 font-style: normal;
 font-weight:normal;
}



/* Center Col/Catalog
--------------------------------------------------*/
.foto_cat {padding:0 0 15px 3px; margin-top:0px; overflow:hidden; min-height:1px; _height:1px;
 position:relative; margin-right:-30px }
* html .foto_cat { overflow:visible}

.foto_cat_line	{margin-right:27px; font-size:0; height:0; border-top:1px solid #efefe0}

.foto_cat h2	{color:#D30072}

.foto_cat ul { margin:0 0 -7px 0; padding:0 0 0px 0; list-style:none; overflow:hidden; min-height:1px; _height:1px}
* html .foto_cat ul { overflow:visible}
*+html .foto_cat ul { padding-bottom:14px}
.foto_cat ul li { width:85px; height:106px; background: url("../-images/cc_li.gif") no-repeat; padding:3px 6px 0 3px; margin:0 13px 15px 0; float:left;
position:relative; _margin-right:12px}
.foto_cat ul li img { display:block; margin-bottom:5px}

.ic1 { width:14px; height:13px; background: url("../-images/ic.gif") no-repeat; }
.ic2 { width:24px; height:13px; background: url("../-images/ic1.gif") no-repeat; }
.ic3 { width:14px; height:9px; background: url("../-images/ic3.gif") no-repeat; margin-top:8px }
.ic4 { width:15px; height:13px; background: url("../-images/ic4.gif") no-repeat; }
.ic5 { width:32px; height:16px; background: url("../-images/ic5.gif") no-repeat; position:relative; margin-top:-2px }
.ic6 { width:9px; height:14px; background: url("../-images/ic6.gif") no-repeat; }
.hot { width:28px; height:19px; background: url("../-images/hot.gif") no-repeat; float:right; position:relative; margin-top:-4px;
display:block }


.foto_cat .ics { margin:0px; padding:0 0 0 0; list-style:none; line-height:25px }
.foto_cat .ics li { width:auto; height:auto; background: none; padding:0px; margin:0 14px 0 0; float:none; display:inline}
.foto_cat .ics li img { display: inline}
.foto_cat .ics img { margin-right:2px; vertical-align:middle}

/* Center Col/Link foto
--------------------------------------------------*/
.l_foto { margin:0px; padding:17px 0 5px 0; list-style:none; overflow:hidden; min-height:1px; _height:1px; position:relative; margin-right:-20px;
 background: url("../-images/l_foto.gif") no-repeat; }
* html .l_foto { overflow:visible;}
.l_foto li { float:left; padding:0 15px 0 0; width:220px; font-size:11px; font-family:Arial, Helvetica, sans-serif}
.l_foto li img { float:left; margin-right:9px;}
.l_foto a { color:#000000; text-decoration:none}
.l_foto a:hover { text-decoration:underline}



/* Center Col/gooogle
--------------------------------------------------*/


/* Center Col/Big Foto
--------------------------------------------------*/
.b_foto { border:1px solid #cdcdc3; padding:15px 16px 22px 16px; width:730px; margin:0 auto 0 auto; margin-bottom:5px; display:inline-block; }
.b_foto span { display:block; text-align:center;}
.b_foto a { color: #000000}

.f_ic { padding:18px 20px 0px 0px;}

.f_ic table {border: none; border-collapse: collapse; width: 100%}
.f_ic table td {padding: 0px; vertical-align:top; text-align:center;}

.f_ic a { display:block;  margin:0 auto 0 auto; padding:52px 0 0 0; width:75px; text-align:center;   }
.f_ic .f1 { background: url("../-images/f1.gif") no-repeat 50% 0%}
.f_ic .f2 { background: url("../-images/f2.gif") no-repeat 50% 8px}
.f_ic .f3 { background: url("../-images/f3.gif") no-repeat 50% 14px}
.f_ic .f4 { background: url("../-images/f4.gif") no-repeat 50% 10px}
.f_ic .f5 { background: url("../-images/f5.gif") no-repeat 50% 7px}
.f_ic .f6 { background: url("../-images/f6.gif") no-repeat 50% 7px}


.foto_r { padding:0 0 25px 25px; }


/* Center Col/Other
--------------------------------------------------*/
.other_f {
	padding:0 0 18px 0; 
	_height:1px; 
	height:160px;
	overflow:hidden;
	position:relative;
	width:685px;
	z-index:100;
}
.other_f a { color:#D30072}

.other_f ul { margin:0px 0px 0 49px; padding:0 0 0px 0; list-style:none; overflow:hidden; min-height:1px;}
* html .other_f ul { overflow:visible}
*+html .other_f ul { padding-bottom:14px}
.other_f ul li { width:78px; height:106px; background: url("../-images/cc_li.gif") no-repeat; padding:3px 6px 0 3px; margin:0 13px 15px 0; float:left;
position:relative; _margin-right:12px}
.other_f ul li img { display:block; margin-bottom:5px}

.sl { width:31px; height:61px; display:block; background: url("../-images/sl.gif") no-repeat; float:left; margin-top:20px }
.sr { width:31px; height:61px; display:block; background: url("../-images/sr.gif") no-repeat; float:right; margin-top:20px }

.ft { float:right}

.fl_img { border:1px solid #efefe0; min-height:255px; _height:255px; }

.d_img { float:left; width:183px; height:170px;  background: url("../-images/d_img.gif") no-repeat; padding:4px 5px 30px 6px}
.d_img img { display:block; margin-bottom:7px}
.d_img p { position:absolute; margin-top:1px}
.d_img i { font-style:normal; text-align:center;; display:block}


.d_txt { float:left; width:420px; padding:0 0 35px 20px;}
.d_txt b { display:block; padding-bottom:6px}
.d_txt p { padding-bottom:15px}
.d_txt img { vertical-align:middle}

.btn1 { display:block; font-size:23px; width:216px; height:38px; background: url("../-images/btn1.gif") no-repeat; text-align:center; text-decoration:none;
padding-top:5px; cursor:pointer; }

input.btn2 { display:block; font-size:23px; width:216px; height:38px; background: url("../-images/btn1.gif") no-repeat; text-align:center; text-decoration:none;
padding-top:5px; position:absolute; z-index:1000; width:400px; }


/* Right Col
--------------------------------------------------*/
.right_col { float: right; width:246px; padding:0 0 20px 16px; position:relative; margin-right:-4px }
.ban { padding:0 0 25px 0; width:240px; overflow:hidden; zoom:1; text-align:center;}

/* right Col/Links
--------------------------------------------------*/
.r_link { margin:0;}

.rl_b {padding:0; font-size:12px; color:#aab3b2;}
.rl_b a { color:#aab3b2; font-weight: bold;margin-right: 5px; }
a.link { color:#aab3b2; font-weight: bold;margin-right: 5px; }


.ya { padding:0 6px 0 4px}

.box_baner_r_box	{width:236px; background: #FFFFFF url("../-images/rl_t.gif") no-repeat; margin-bottom:1px; margin-left:4px; margin-top:18px; }

.box_baner_r	{background: url("../-images/rl_b.gif") no-repeat 0% 100%; padding:1px 10px 1px 10px; }
.box_baner_r dl	{overflow:hidden; zoom:1}
.box_baner_r dt	{float:left; width:85px; padding:0}
.box_baner_r dd	{float:left; width:130px; padding:0; margin:0 !important}
.box_baner_r dd	a	{color:#000; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif}
.box_baner_r dd	a:hover	 {text-decoration:underline; font-size:11px; font-family:Arial, Helvetica, sans-serif}

.next_top	{text-align:right;vertical-align:top}
	.next_top a	{font-weight:bold}

/* Footer
--------------------------------------------------*/
.footer { font-size:12px; padding:10px 0 0 20px; margin: 0 auto; width: 806px;overflow:hidden; min-height:1px ; _height:1px;}
* html .footer { overflow:visible}
.footer a { font-size:14px; color:#00636c; text-decoration: none;font-famaly: arial; font-style:italic;display:block; height:31px; padding:8px 0px 0 0px;}
.footer a:hover { color:#D30072}

.footer span { font-size:14px; color:#599A9F; text-decoration: none;font-famaly: arial; font-style:italic;display:block; height:31px; padding:8px 20px 0 0px;}

.orgn {
 clear: both;
 padding:8px 20px 0 0;

 font-size:12px; color:#599A9F; font-famaly: arial; font-style:italic;
}

.orgn div {
 margin-left: 10px;
}

.footer img { vertical-align:middle}

.lf { float:left; padding-right:25px}

.f_ban { float:left; width:200px; padding:0 10px 5px 0 ;}
.f_ban img { margin:0 5px}

.footer ul { margin:0px; padding:0 0 0 0 ; list-style:none} 
.footer ul li { padding:0 11px 0 11px; float:left}

.wl { background: url("../-images/wl.gif") no-repeat 0px 5px; padding:0 0 6px 38px; float:right; position:relative; margin-top:-4px}
.wl a { display:block}




.link_index	{overflow:hidden; zoom:1; padding:16px 0 15px 0}

.zakladka	{margin-right:-10px; float:right}

.footer_bg {
 height: 120px;
 width: 100%;

}

.exit_admin {
 position:absolute;
}

.login { margin-top: 10px;}
.login td {
 width: 300px;
 font-size: 13px;

}

.exm td {
 font-size: 12px;
 color: #666;
}

.log td {
 padding-top: 10px;
 font-weight: bold;
 font-size: 14px;
}

.noweight {  font-weight: normal;
}


.auth td {
 padding-top: 10px;
 color: #005E7E;
}

.pri {
 font-size: 14px;
 margin: 10px 0 0 10px;
}
.pri b {
color: #FE8D01;
}

.exmpl {
 font-size: 14px;
}

.free {
 color: #076485;
 margin-left: 10px;
margin-bottom: 5px;
}

.mar td {
 padding-top:0;
}

.b_main {
 display: block;
 background: url("../-images/b_main.png") top left no-repeat;
 width: 129px;
 height: 44px;
}

.b_reg {
 display: block;
 background: url("../-images/b_reg.png") top left no-repeat;
 width: 159px;
 height: 44px;
}
.b_about {
 display: block;
 background: url("../-images/b_about.png") top left no-repeat;
 width: 131px;
 height: 44px;
}
.b_gal {
 display: block;
 background: url("../-images/b_gal.png") top left no-repeat;
 width: 120px;
 height: 44px;
}

.b_main:hover, .b_reg:hover, .b_about:hover, .b_gal:hover  {
 background-position: bottom left; 
}

.whatwork {
 color: #00979F;
 font-size: 24px;
 font-family: Tahoma;
 font-weight: normal;
 text-transform: uppercase;
 margin: 0 0 5px 5px;
}


.done a {
 border:0;
 background: #fff;
 color: #177F80;
 text-decoration: underline;
 cursor:pointer;
}

.done a:hover {
 text-decoration: none;
 color:#D30072;
 cursor:pointer;
}

#next_btn {
	width: 168px;
	height: 46px;
	background: url(../-images/next.png) bottom center no-repeat;
	margin-left: 0px;
	cursor: pointer;
	border: none;
}
#errmsg {
	color: red;
	font-size: 14px;
	margin: 15px 10px;
	text-align: center;
}
#result {font: bold 12px Arial; margin: 15px 10px;}

.done_img {
 position: absolute;


}

.done_over {
 position: absolute;
 background: url(../-images/sp.gif) repeat;

}

.ppwd {
 color: #D30072;
 font-size: 14px;
 margin: 10px 0 0 0;
 font-weight: bold;
}

.number {
 font-size: 24px;
}

#costblock {
 position: absolute;
 top:3px;
 left: 50%;
 margin-left: 50px;
 width: 460px;

}
/* define styles for the div.blockMsg */
div.blockMsg {
	width: 40%;
	top: 30%;
	left: 30%;
	text-align: center;
	background-color: #f00;
	border: 1px solid #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity:.70;
	opacity:.70;
	padding: 15px;
	color: #fff;
}

.load {
	width:66px;
	height:44px;
	background: url("../-images/load.gif") no-repeat;
	text-align:center;
	font-size:10px;
	font-family:Trebuchet MS;
	padding:22px 0 0 0;
	color:#D30072;
	position:relative;
	margin: 13px 0 0 140px;
}

#question {
 text-align: left;
 padding: 20px 40px;
 margin-left:0;
 background: url("../-images/winbg.png") top right no-repeat;
}


#question h1 {
 margin-top: 10px;
 font-family: 32px;
 color: #DF007C;

}

#question ul {
 width: 400px;
 padding: 0;
 margin: 20px 0;
}

#question li {
 list-style-type: none;
 font-size: 12px;
 margin-bottom: 10px;
 padding-left: 30px;
 font-weight: bold;
 height: 20px;
 padding-top: 3px;
}

#question li.n1 {
	background: url("../-images/1.png") top left no-repeat;
}
#question li.n2 {
	background: url("../-images/2.png") top left no-repeat;
}
#question li.n3 {
 padding-bottom: 10px;
	background: url("../-images/3.png") top left no-repeat;
}
#question li.n4 {
 padding-bottom: 10px;
	background: url("../-images/4.png") top left no-repeat;
}
#question li.n5 {
	background: url("../-images/5.png") top left no-repeat;
}
.number {
	color: #CF0073;
}

#divwin{
	position:absolute;
	width:350px;
	top:280px;
	height:160px;
	left:50%;
	margin-left:-180px;
	background: #FFF url(../-images/load.gif) no-repeat center 35px;
	color:#D30072;
	padding: 15px;
	text-align: center;
	border: solid 2px #DDD;
	font-weight: bold;
	font-size:12px;
	z-index: 11;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* KHTML */
	border-radius: 10px; /* CSS3 */
}
#divwin_bg{
	position: absolute;
	width: 96.5%;
	min-width:850px;
	top:0;
	height:910px;
	background: #CDE9E8;
	opacity: 0.90;
	filter:alpha(opacity=90);
	padding: 20px;
	text-align: center;
	z-index: 10;
}