html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, p{    margin: 0;    padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	//background: #0060a9 url(../layout/xbody.jpg) bottom repeat-x;
        background-color: #0060a9;
	height: 100%;
}
html { height: 100%; }

.clear { clear: both; } 
.no_margin { margin-bottom: 0; }

/*
	BG + WRAP 
*/
#bg	{ width: 100%; background: #fff url(../layout/bg.jpg) center top no-repeat;}
#wrap { width: 960px; margin: 0 auto; background: url(../layout/bg.jpg) center top no-repeat; }

/*
	HEADER
*/
#header { width: 100%; height: 132px; position: relative; z-index: 10; text-align: left; }
	body#hp #header { /*height: 391px;*/ height:281px; }

/*
	LOGO
*/
a#logo  { display: block; width: 154px; height: 71px; overflow: hidden; position: relative; color: #0060a9; text-decoration: none; font-size: 8px; position: absolute; top: 28px; left: 20px; }
a#logo span { display: block; width: 154px; height: 71px; background-image: url(../layout/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }
a#logo strong { font-size: 20px;  }

/*
	NAVIGATION
*/
ul#nav 				{ text-transform: uppercase; list-style: none; font-size: 11px; font-weight: bold; margin: 0; padding: 0; position: absolute; top: 80px; right: 0; z-index: 20; }
ul#nav li 			{ display: block; float: left; width: auto; padding: 0 4px 0 6px; background: none; position: relative; }
ul#nav li a 		{ display: block; float: left; width: auto; height: 30px; line-height: 30px; padding: 0 6px; color: #0060a9; text-decoration: none; position: relative; }
ul#nav li a span	{ display: block; width: 4px; height: 30px; background: none; overflow: hidden; position: absolute; top: 0; cursor: pointer; }
	ul#nav li a span.c_left	{ left: -4px; }
	ul#nav li a span.c_right	{ right: -4px; }

	ul#nav li a:hover,
	ul#nav li.sfHover a,
	ul#nav li.active a 				{ background: #eaf2f8 url(../layout/nav.gif) top repeat-x; }
	
	ul#nav li a:hover span.c_left,
	ul#nav li.sfHover a span.c_left,
	ul#nav li.active a span.c_left 	{ background: url(../layout/nav_left.gif); }
	
	ul#nav li a:hover span.c_right,
	ul#nav li.sfHover a span.c_right,
	ul#nav li.active a span.c_right 	{ background: url(../layout/nav_right.gif); }


	/* 2. uroven */
	ul#nav li ul { display: none; }
	ul#nav li.sfHover ul 			{ text-transform: none; display: none; width: 190px; font-size: 11px; position: absolute; top: 30px; left: 0px; left: 50%; margin-left: -95px;  }
	ul#nav li.sfHover ul li 		{ width: 188px; float: none; padding: 0; border-left: 1px solid #ccdfee; border-right: 1px solid #ccdfee; }
	ul#nav li.sfHover ul li.first	{ width: 190px; height: 28px; border: none; background: url(../layout/nav_level_2_top.gif); }
	ul#nav li.sfHover ul li.last	{ width: 190px; height: 8px; border: none; background: url(../layout/nav_level_2_bottom.gif); overflow: hidden; font-size: 0; line-height: 0; }
	ul#nav li.sfHover ul li a 		{ display: block; width: 168px; float: none; height: auto; padding: 7px 0 7px 20px; color: #0060a9; line-height: 1.3em; border: none; background: #ecf3f9; border-top: 1px solid #ecf3f9; border-bottom: 1px solid #ecf3f9; }
	ul#nav li.sfHover ul li a:hover { color: #1a9f4d; background: #fff; border: none; border-top: 1px solid #ccdfee; border-bottom: 1px solid #ccdfee; }

/*
	LANG
*/
#lang 			{ position: absolute; top: 25px; left: 440px; color: #00944e; font-size: 11px; line-height: 1em; }
#lang a 		{ color: #00944e; text-decoration: none; }
#lang a.active,
#lang a:hover 	{ text-decoration: underline; }
#lang span 		{ padding: 0 2px; }

/*
	ZONE
*/
a#zone 			{ display: block; width: 110px; height: 31px; line-height: 31px; padding-left: 40px; background: #e6fdf1 url(../layout/zone.gif) left top; font-size: 11px; font-weight: bold; color: #1a9f4d; text-decoration: none; text-transform: uppercase; position: absolute; top: 13px; left: 560px; }
a#zone:hover 	{ background: #effdf6 url(../layout/zone.gif) left bottom; text-decoration: underline; }

/*
	SEARCH
*/
#search 				{ width: 230px; height: 31px; position: absolute; top: 13px; right: 0; background: #e6fdf1 url(../layout/search.gif); }
#search form			{ width: auto; }
#search input.text 		{ display: block; position: absolute; top: 0; left: 36px; width: 160px; height: 13px; padding: 9px 0 9px 0; margin: 0; background: #e6fdf1 url(../layout/search_text.gif); border: none; color: #00944e; font-size: 11px; }
#search input.button 	{ display: block; position: absolute; top: 0; right: 0; width: 34px; height: 31px; margin: 0; background: #1a9f4d url(../layout/search_button.gif); border: none; cursor: pointer; }

/*
	GENERAL
*/
#general 			{ width: 710px; height: 153px; background: #22a14d url(../layout/general.jpg); position: absolute; top: 139px; left: 0; z-index: 15; background-repeat:no-repeat; }
#general h1 		{ display: block; width: 384px; height: 26px; font-size: 24px; font-weight: normal; line-height: 1em; margin: 0; overflow: hidden; color: #fff; position: absolute; top: 40px; left: 257px; }
#general h1 span 	{ display: block; width: 384px; height: 62px; position: absolute; top: 0; left: 0; background: url(../layout/general_h1.jpg); background-repeat:no-repeat; }

#general p 			{ display: block; width: 384px; height: 55px; font-size: 14px; line-height: 18px; margin: 0; overflow: hidden; color: #fff; position: absolute; top: 70px; left: 257px; }
#general p span 	{ display: block; width: 281px; height: 35px; position: absolute; top: 0; left: 0; background: url(../layout/general_p.jpg); }

#general img.spic_img {position:absolute; margin-top:-20px; margin-left:95px;}	
/*
	REG
*/
#reg 		{ width: 206px; height: 134px; padding: 18px 12px 0; background: #eaf2f8 url(../layout/reg.jpg); position: absolute; top: 139px; right: 0; z-index: 15; font-weight: bold; background-repeat:no-repeat; }
#reg h2 		{ display: block; width: 169px; height: 39px; font-size: 20px; font-weight: normal; line-height: 1em; margin-bottom: 14px; margin-left: 12px; overflow: hidden; color: #0060a9; position: relative; }
#reg h2 strong  { font-size: 16px; color: #009a4e; }
#reg h2 span 	{ display: block; width: 169px; height: 39px; position: absolute; top: 0; left: 0; background: url(../layout/reg_h2.gif); background-repeat:no-repeat; }
#reg ul 		{ line-height:16px;}
#reg ul li 		{ /*margin-bottom: 22px;*/ margin-bottom:6px; padding-left: 12px; }
#reg a			{ color: #0060a9; }

/* ----------------------------------------------------- */
/* -------------------->>> COLUMNS <<<------------------ */
/* ----------------------------------------------------- */
#content 	{ width: 960px; padding: 0 0 24px; margin: 0 auto; text-align: left; overflow: hidden; position: relative; z-index: 5; }


#left 		{ width: 242px; float: left; overflow: hidden; }
#right 		{ width: 682px; float: right; overflow: hidden; padding-top: 22px; padding-left: 17px; line-height:20px;  }
	#right .padding { padding: 24px 30px 0; }

#right ol { margin-left:20px;}
#right div { line-height:20px;}

/* panel on HP */
#panel 			{ width: 100%; background: #fff url(../layout/panel.gif) 0 100px repeat-x; }
#panel .cnt 	{ width: 990px; height: 329px; overflow: hidden; background: url(../layout/panel_cnt.jpg) 0 21px no-repeat; margin: 0 auto; position: relative; } 

/*
	PARTNERS 
*/
#partners 			{ width: 100%; background: #0060a9 url(../layout/partners.jpg) center top no-repeat; color: #5ea4da; font-size: 11px; }
#partners .cnt 		{ width: 990px; height: 188px; overflow: hidden; margin: 0 auto; background: url(../layout/partners.jpg) center top no-repeat; position: relative; }
#partners h2		{ color: #5ea4da; font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 10px; }
	#partners .c_2 h2		{ margin-bottom: 14px; }
	#partners .c_3 h2		{ margin-bottom: 24px; }
	#partners .c_1 img		{ margin-right: 32px; margin-bottom: 10px; }
	#partners .c_2 img		{ margin-left: 30px; }
#partners a 		{ color: #5ea4da; }

#partners .column 	{ position: absolute; top: 30px; }
	#partners .c_1 	{ width: 500px; left: 35px; }
	#partners .c_2 	{ width: 120px; left: 587px; }
	#partners .c_3 	{ width: 180px; left: 758px; }


#page_description { width: 100%; background: #0060a9; color:#5ea4da /*#9ecef2*/; font-size: 11px; line-height:17px; }
#page_description h1 { color:#5ea4da; line-height:20px; padding:0px; padding-bottom:4px; margin:0px;}
#page_description h2 { color:#5ea4da; line-height:18px; padding:0px; padding-bottom:4px; margin:0px;}
#page_description strong { color:#FFF;}
#page_description a { text-decoration:underline;color:#5ea4da;}
#page_description a:hover { color:#FFF;}
#page_description .cnt { width: 990px; height:auto; padding-bottom:20px; overflow: hidden; margin: 0 auto; background: url( ../layout/seo_bg.gif) center top no-repeat; position: relative; padding-top:30px; }
#page_description .left { float:left; width:443px; padding:0px 15px 0px 37px; text-align:justify;}
#page_description .right { float:right; width:443px; padding:0px 37px 0px 15px; text-align:justify;}
#page_description ul li { background-image:url(../layout/li_arrow_grey.gif);}
/*
	FOOTER
*/
#footer 		{ width: 100%; color: #589acd; font-size: 10px; }
#footer .cnt 	{ width: 990px; height: 92px; margin: 0 auto; background: #0060a9 url(../layout/footer.jpg) center top no-repeat; position: relative; }
#footer a 		{ color: #589acd; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p 		{ position: absolute; top: 16px; margin: 0; line-height: 18px; }
	#footer p#copyright 	{ left: 36px; }
	#footer p#webdesign 	{ right: 36px; text-align: right; }
	#footer p img { vertical-align: middle;}	
	
	#footer div#share { position:absolute; z-index:500; width:300px; margin-left:430px; margin-top:32px;}
	
	.test #wrap {
	position:relative;
	}
	.test #bg {
		//background:url('/layout/bg-new.jpg') center top no-repeat;
                background:url('/layout/envidom-jul2017.jpg') center top no-repeat;
		padding-top:100px;
		height: 381px;
		margin-bottom: -100px;
	}
	
	.test #panel{
		background: transparent url(../layout/panel.gif) 0 100px repeat-x;
	}
	
	#b_click {
		display: block;
    width: 200px;
    height: 80px;
    position: absolute;
    top: -90px;
    left: 0;
	}
        
        .big_click {
            width: 100% !important;
            cursor: pointer;
        }