/* -------------------------------
	Reset style 
------------------------------- */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,table,th,td{margin:0; padding:0;} 
	
img{border:0;}
ul,ol{list-style:none;}
 
table{border:0px; border-collapse:collapse;}

/* -------------------------------
	Base font 
------------------------------- */

body{font: normal 13px Arial, Helvetica, sans-serif; color:#FFFFFF;}

h1,h2,h3,h4,h5,h6,strong,th{font-weight:bold; color:#000;}
h1{padding:0 0 11px 0; color:#fff; font-family:Century Gothic; font-size:22px; font-weight:normal;}
h2{padding:0 0 11px 0; color:#fff; font-family:Century Gothic; font-size:15px; font-weight:normal;}

a{color:#fff; text-decoration:none; outline-style:none;}
a:visited{}
a:hover{color:#FF9000; text-decoration:underline;}
a:active{}

p{padding:0 0 17px 0; line-height:21px;}

/* -------------------------------
	Base style 
------------------------------- */

html, body {width:100%; height:100%; background:#4E4C47 url('/img/head_bg.jpg') no-repeat 50% 0;}
.mceContentBody {background:#4E4C47; text-align:left}
#main{width:1000px; min-height:100%; height:auto !important; height:100%; margin:0 auto -84px; text-align:left;}
	#header{position:absolute; width:100%; left:0; background:url('/img/dashed_bg.gif') repeat-x 0 100%;}
		.header{width:864px; height:94px; margin:0 auto;}
	
	#content{padding:115px 9px 0 8px;}
		.first_block{float:left; width:30%; background-color:#F29A8E;}
		.block{margin-left:30%; background-color:#C7F28E;}

#footer, .footer_push{width:100%; height:84px; margin:0 auto; clear:both;}
#footer{background:url('/img/dashed_bg.gif') repeat-x 0 0; text-align:left;}
	.footer{width:884px; margin:0 auto; color:#A29F9C; font-size:11px;}

/* -------------------------------
	Menu 
------------------------------- */

.top_menu{height:52px; padding:0 0 0 65px;}
	.top_menu li{float:left; margin:0 37px 0 0;}
	.top_menu li a{cursor: pointer; float:left; font-family:Century Gothic; font-size:15px;}
	.top_menu li a:hover{color:#fff; text-decoration:none;}
	.top_menu_left{display:block; float:left; width:13px; height:28px;}
	.top_menu li a:hover .top_menu_left{background:url('/img/top_menu_hover_left.gif') no-repeat 0 0;}
	.top_menu_middle{display:block; float:left; height:28px; padding:2px 0 5px 0; background:url('/img/top_menu_bg.gif') repeat-x 0 65%;}
	.top_menu li a:hover .top_menu_middle{background:url('/img/top_menu_hover.gif') repeat-x 0 0;}
	.top_menu_right{display:block; float:left; width:13px; height:28px;}
	.top_menu li a:hover .top_menu_right{background:url('/img/top_menu_hover_right.gif') no-repeat 0 0;}
		.top_menu_a .top_menu_left{background:url('/img/top_menu_a_left.gif') no-repeat 0 0;}
		.top_menu_a .top_menu_middle{background:url('/img/top_menu_a_bg.gif') repeat-x 0 0;}
		.top_menu_a .top_menu_right{background:url('/img/top_menu_a_right.gif') no-repeat 0 0;}

.tab_menu{height:29px; margin:0 0 0 65px;}
	.tab_menu li{float:left; margin:0 11px 0 0;}
	.tab_menu li a{cursor: pointer; float:left; font-size:12px;}
	.tab_menu li a:hover{color:#fff; text-decoration:none;}
	.tab_menu_left{display:block; float:left; width:12px; height:29px; background:url('/img/tab_menu_bg_left.gif') no-repeat 0 0;}
	.tab_menu li a:hover .tab_menu_left,
	.tab_menu li.current a .tab_menu_left{background:url('/img/tab_menu_hover_left.gif') no-repeat 0 0;}
	.tab_menu_middle{display:block; float:left; padding:7px 0 7px 0; background:url('/img/tab_menu_bg.gif') repeat-x 0 65%;}
	.tab_menu li a:hover .tab_menu_middle,
	.tab_menu li.current a .tab_menu_middle {background:url('/img/tab_menu_hover.gif') repeat-x 0 0;}
    .tab_menu li.current a .tab_menu_middle {color:#000}
	.tab_menu_right{display:block; float:left; width:13px; height:29px; background:url('/img/tab_menu_bg_right.gif') no-repeat 0 0;}
	.tab_menu li a:hover .tab_menu_right,
	.tab_menu li.current a .tab_menu_right{background:url('/img/tab_menu_hover_right.gif') no-repeat 0 0;}
		.tab_menu_a .tab_menu_left{background:url('/img/tab_menu_a_left.gif') no-repeat 0 0;}
		.tab_menu_a .tab_menu_middle{background:url('/img/tab_menu_a.gif') repeat-x 0 0;}
		.tab_menu_a .tab_menu_right{background:url('/img/tab_menu_a_right.gif') no-repeat 0 0;}

.breadcrumbs_list{height:35px; margin:-17px 0 0 62px; position:relative;}
	.breadcrumbs_list li{float:left; color:#A5A29F; font-size:11px;}
	.breadcrumbs_list li a{float:left; margin:0 3px; color:#A5A29F; font-size:11px;}
	.breadcrumbs_list li a:hover{float:left; color:#A5A29F; font-size:11px; text-decoration:underline;}
		
/* -------------------------------
	Form (new)
------------------------------- */

.form_1{}
	.form_1 label{float:left; width:425px; height:32px; padding:5px 0 0 0; text-align:right;}
	.form_1 input{float:left;/* cursor:pointer*/} 
	.form_input{float:left; width:167px; height:21px; margin:0 0 0 10px; padding:5px 7px; background:url('../img/input_bg.jpg') no-repeat 0 0; border:none;}
	.form_1 div{clear:both; width:850px;}
	.form_1_div{clear:both; width:850px; height:135px;}
	.form_1 textarea{float:left; width:383px; height:100px; margin:0 0 20px 10px; padding:10px; background:url('../img/textarea_bg.jpg') no-repeat 0 0; border:none;}
	.form_1 span{display:block; float:left; padding:5px 20px 0 20px;}
	.form_1 span span{display:block; float:left; padding:0 0 0 0;}
	.form_1 span input{margin:2px 10px 0 5px;}
	.send_button{float:left; width:107px; height:29px; margin:0 0 0 50px; background:url('../img/send_button.jpg') no-repeat 0 0; border:none; cursor: pointer; outline:none}
	.send_button:active{background:url('../img/send_button.jpg') no-repeat 0 2px;}
	.form_1 select{float:left; width:180px; margin:0 0 0 10px; text-align:left;}
	.form_2 {}
	.form_2 label{float:left; width:380px; height:32px; padding:5px 0 0 0; text-align:right;}
	.form_h1 {margin:0 0 20px 40px}
	.choose{float:left; clear:none !important; width:250px !important;}
	.ErrorField {margin: -20px 40px -5px; padding: 10px; display: block; font-size: 17px; text-align: center;}
	.input {background:#FFFFFF url(/img/select_l.gif) no-repeat scroll 0 -1px; border: none; float:left; font-size:13px; height:20px; margin:2px 0 0 10px; padding:5px 0 0 10px; width:auto;}
	.tech {margin-top:1px;}

	div.options {background:#FFFFFF; position:absolute; height:150px; width:150px; overflow:auto; z-index:3000; padding:2px; top:0px; left:0px; text-align:left;	margin:5px 0 0 7px;}
	div.options a {display:block; padding:1px 4px; background:#FFFFFF; color:#000000; text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-size:13px;}
	div.options a:hover {background:#ECECEC; color:#000000; text-decoration:none;}
	
	.send_form1{overflow:hidden; display:none;}
	.send_form2{overflow:hidden; display:none;}

.f1, .f2, .f3, .f4, .f5, .f6, .f7o {display:none; margin-left:425px;}
.form_1 select {width:210px;}
.f1ss {margin: 0 0 45px 50px; width:350px;}
.f1ss select {width:80px;}

/* --- my ----*/
.form_1 select { border:medium none; height:20px; margin:3px 0 0 11px; padding:0 0 0 0px; width:210px;}
div.f1s {display:block; padding-left:20px; padding-top:15px; width:200px;}
/*{margin:2px 10px 0 0;}*/
div.f1s input.checkbox { margin:7px 13px 0 0; padding:0; clear:left; /*margin:0;*/}
div.f1s label { display:block; float:none; height:0; margin:0 0 0 23px; text-align:left; width:auto;}
div.f1s label a {text-decoration:underline; }
input.othermodules {height:28px; margin-top:4px; width:167px; background:url(../img/input_bg.jpg) no-repeat 0 0; cursor:text; border:none; padding:5px 7px}

div.napolcatalog {}


div.f1o label,
div.f3o label, 
div.f4o label, 
div.f5o label, 
div.f6o label
{margin:11px 0 0 -425px}

div.f2 label, 
div.f2o label,
div.f6 label,
div.f6s label,
div.f7o label
{margin:0 0 0 -425px}
 	
div.f2o input.other 
{height:28px; margin:0 0 0 10px; width:167px; background:url(../img/input_bg.jpg) no-repeat 0 0; cursor:text; border:none; padding:5px 7px}

div.f1o input.form_input1,
div.f3o input.form_input1,
div.f4o input.form_input1,
div.f5o input.form_input1,
div.f6o input.form_input1
{height:21px; margin:12px 0 -10px 10px; width:167px; background:url(../img/input_bg.jpg) no-repeat 0 0; cursor:text; border:none; padding:5px 7px; float:left; }

div.submit-form {height:35px; width:850px; clear:both}
div.submit-form span input {width:18px; height:18px; margin-top:0px}

/* -------------------------------
	Template style
------------------------------- */

.clear{clear:both; line-height:0;}

.main_logo a{float:left; width:264px; height:35px; margin:34px 0 0 10px; background:url('/img/main_logo.gif') no-repeat 0 0;}

.head_lng{float:right; margin:42px 0 0 0; font-size:11px; text-decoration:none;}

.show_block{width:983px; height:346px; margin:0 auto;}
	.show_block_left,
	.show_block_left_d {z-index:50; position:absolute; width:30px; height:316px; margin:0 0 0 33px; background:url('/img/show_block_left.png') no-repeat 0 0;}
		.show_block_left a,
		.show_block_left_d a {position:absolute; width:42px; height:41px; margin:130px 0 0 -36px; background:url('/img/left_show_a.gif') no-repeat 0 100%;}
		.show_block_left a:hover,
		.show_block_left_d a:hover {position:absolute; width:42px; height:41px; margin:130px 0 0 -36px; background:url('/img/left_show_a.gif') no-repeat 0 0;}

	.show_block_right,
	.show_block_right_d {z-index:50; position:absolute; width:30px; height:316px; margin:0 0 0 916px; background:url('/img/show_block_right.png') no-repeat 0 0;}
		.show_block_right a,
		.show_block_right_d a {position:absolute; width:42px; height:41px; margin:130px 0 0 24px; background:url('/img/right_show_a.gif') no-repeat 0 100%;}
		.show_block_right a:hover,
		.show_block_right_d a:hover {position:absolute; width:42px; height:41px; margin:130px 0 0 24px; background:url('/img/right_show_a.gif') no-repeat 0 0;}

	.show_block_bottom {position:absolute; width:853px; height:13px; margin:307px 0 0 63px; background:url('/img/show_block_bottom.jpg') no-repeat 0 0; }
	.show_block_middle,
	.show_block_middle_d {position:absolute; width:913px; height:346px; margin:0 0 0 33px; overflow:hidden; background:url('/img/show_block_bg.gif') repeat-x 0 0;}
		.show_block_middle ul, 
		.show_block_middle_d ul {width:5000%; height:299px; margin:0 0 0 11px; padding-top:4px; overflow:hidden; position:absolute;}
			.show_block_middle ul li,
			.show_block_middle_d ul li {float:left; width:893px;}
			.show_block_middle ul img { width:223px; height:299px;}
			.show_block_middle_d ul img { width:892px; height:299px;}
		.show_block_middle ul div,
		.show_block_middle_d ul div {position:absolute; width:145px; height:37px; margin:0 0 0 0; padding:7px 5px 0 0; background:url('/img/show_block_title_bg.png') no-repeat 0 0; font-size:15px; text-align:center; top:271px; left:0;}
        
        .items li { position:relative; }
		
	.show_block2 {margin:10px auto;}
	.show_block3 {margin:0px auto;}	
	.show_block2 .show_block_middle ul li,
	.show_block2 .show_block_middle_d ul li {float:left; width:224px; margin-right:1px;}
	.show_block2 .show_block_middle ul,
	.show_block2 .show_block_middle_d ul {width:1000%; height:299px; /*margin:4px 0 0 0; overflow:hidden;*/ position:absolute;}

	.show_block2 .show_block_middle ul div, 
	.show_block2 .show_block_middle_d ul div {position:absolute; width:140px; height:37px; margin:0 0 0 0px; padding:4px 5px 0 0px; background:url('/img/show_block_title_bg.png') no-repeat 0 0; font-size:15px; text-align:center; font-family:"Century Gothic", Tahoma, Verdana; top:271px; left:0;}
	
.gray_content_block{clear:both; width:898px; margin:0 0 20px 40px; background:url('/img/gray_content_bg.jpg') repeat 0 0;}
	.gray_content_block a {/*border-bottom:dotted #fff 1px;*/text-decoration:underline}
	.gray_content_block a:hover {/*border-bottom:dotted 1px; text-decoration:none*/}
	.gray_content_block a:visited {/*border-bottom:dotted 1px;*/ color:#CCCCCC; /*text-decoration:none*/}	
	.gray_top_bg{background:url('/img/gray_top_bg.jpg') no-repeat 0 0;}
	.gray_bottom_bg{min-height:150px; height:auto !important; height:150px; padding:20px 20px 15px 20px; background:url('/img/gray_bottom_bg.jpg') no-repeat 0 100%;}

p.h1-label {font-family:"Century Gothic", Tahoma, Verdana; color:#909090; font-size:13px;}

.index_content{float:left; margin:20px 0 30px 40px; padding:0 35px 0 0; width:42%;}
	.index_content p {padding:0 0 10px 0; /*text-align:justify*/ }
	.index_content p a {border-bottom:dotted #fff 1px;}
	.index_content p i {border-bottom:dotted #fff 1px; font-style:normal; cursor: pointer; }
	.index_content p a:hover {text-decoration:none;}
	
.portfolio_list_scroll{height:330px; margin:0 0 0 40px;}
	.portfolio_list_scroll li{float:left; margin:0 10px 4px 15px;}
		.portfolio_list_scroll li a{float:left; width:385px; height:47px; padding:5px 5px; color:#A5A29F; font-size:13px; background:url('/img/portfolio_list_hover.gif') no-repeat 0 -100px; cursor:pointer;}
		.portfolio_list_scroll li img{float:left;}
		.portfolio_list_scroll li span{float:left; padding:16px 0 0 20px;}
		.portfolio_list_scroll li a:hover{ background-position:0 0; color:#fff; font-size:13px; text-decoration:none;}

.portfolio_list_block{clear:both; width:920px; margin:0 0 15px 35px; background:url('/img/portfolio_list_bg.jpg') repeat-y 0 0;}
	.portfolio_list_top{background:url('/img/portfolio_list_top.jpg') no-repeat 0 0;}
	.portfolio_list_bottom{min-height:770px; height:auto !important; height:770px; padding:22px 30px 40px 38px; background:url('/img/portfolio_list_bottom.jpg') no-repeat 0 100%;}

		.portfolio_list_block li{float:left; margin:0 0 5px 0;}
			.portfolio_list_block li a{float:left; width:416px; height:47px; padding:5px 5px; color:#A5A29F; font-size:13px;}
			.portfolio_list_block li img{float:left;}
			.portfolio_list_block li span{float:left; padding:17px 0 0 20px;}
			.portfolio_list_block li a:hover{background:url('/img/portfolio_list_hover.png') no-repeat 0 0; color:#fff; font-size:13px; text-decoration:none; cursor: pointer; }

		.more_a1{float:left; margin:0 0 40px 80px; font-size:13px; font-family:Century Gothic; border-bottom:dotted #fff 1px; position:relative;}
		.more_a1:hover{border-bottom:dotted #FF9000 1px; text-decoration:none;}
		
		.more_a{float:right; font-size:13px; font-family:Century Gothic; border-bottom:dotted #fff 1px;}
		.more_a:hover{border-bottom:dotted #FF9000 1px; text-decoration:none;}

.dotted_list{float:right; height:30px; margin:0 75px 0 0; }
	.white_dotted_li{float:left; width:10px; height:10px; margin:0 5px 0 0; background:url('/img/white_bullet.gif') no-repeat 0 0;}
	.gray_dotted_li{float:left; width:10px; height:10px; margin:0 5px 0 0; background:url('/img/gray_bullet.gif') no-repeat 0 0;}

.notes_content {margin:20px 40px 30px 40px;}
	.notes_col {width:400px; float:left; margin:0 0 30px 15px; padding:0 30px 0 0;}
	.notes_content .notes_col ul.notes_ul li {margin-bottom:5px; height:20px; overflow: hidden}
	.notes_content .notes_col ul.notes_ul li a {/*border-bottom:dotted #fff 1px;*/ margin-left:5px;}
	.notes_content .notes_col ul.notes_ul li a:hover {text-decoration:none;}
	.notes_content .notes_col ul.notes_ul li a:visited {color: #ccc; /*border-bottom::dotted #ccc 1px*/}
	.notes_content strong {color:#FFFFFF} 
	.notes_content ul {list-style: none; color:#CCC; margin:-15px 40px 15px 40px; list-style-position:outside; line-height: 140%; position:relative;}	
	.notes_content ol {list-style:decimal; color:#CCC; margin:-15px 40px 15px 40px; list-style-position:outside; line-height: 140%; }
	.notes_content ol ul {margin: 3px 20px 10px; line-height: 140%; color:#999; font-size:11px;}
	.notes_content ol ul li {list-style:lower-alpha}
	.notes_content p.h1-label {margin:-10px 0 10px 0;}
	.notes_content p {margin:0 20px; line-height:180%; /* text-align:justify;*/ color:#CCC}
	.notes_content p a {text-decoration:underline}
	.notes_content p.lirika {margin:20px; padding:15px 20px; background:#5a5a5a; color:#FFFFFF; font-style:italic}
	.notes_content p.lirika span {font-size:15px;}
	.notes_content p span {color:#FFF}	
	.notes_content h3 {color:#FFF; font-style:italic; font-weight:normal; margin:8px 10px 8px;}
	.notes_content a {text-decoration:underline;}
	.notes_content a.back_to_notes {border-bottom:1px dotted #FFF; text-decoration:none; font-family:"Century Gothic", Tahoma, Verdana}
	.notes_content a.back_to_notes-top {border-bottom:1px dotted #FFF; text-decoration:none; font-family:"Century Gothic", Tahoma, Verdana; float:right; margin:7px 17px 0 0;}	
	.notes_content blockquote {margin: 20px 40px; line-height: 160%;}

.contact_content{clear:both; margin:0 0 30px 40px; padding:0 50px 0 0; }
	.contact_content p{padding:0 0 10px 30px;}
	.contact_content p a{border-bottom:dotted #fff 1px;}
	.contact_content p i{border-bottom:dotted #fff 1px; font-style:normal; cursor: pointer; }
	.contact_content p a:hover{text-decoration:none;}
	.contact_content p.h1-label{margin:-10px 0 10px -30px}
	.cont-buttons {padding:20px 20px 0 20px; text-align:center;}
	.cont-buttons a {height:52px;}
	.cont-buttons a.show_form2 {margin-right:150px; width:185px;}
	.cont-buttons a.show_form1 {width:228px;}
	
		.contact_content_phone {display:block; padding:10px 0 0 20px; font-size:17px; font-family:Century Gothic;}
		.contact_content_phone a{font-size:15px; font-family:Century Gothic; color:#fff;}

.gray_form_block{clear:both; width:870px; margin:10px 0 20px 60px; background:url('/img/gray_form_bg.jpg') repeat 0 0; }
	.gray_form_top{background:url('/img/gray_form_top.jpg') no-repeat 0 0;}
	.gray_form_bottom{padding:25px 0 40px 0; background:url('/img/gray_form_bottom.jpg') no-repeat 0 100%;}

.copyrt{float:left; padding:5px 0 0 0;}
.footer_logo a{float:right; width:111px; height:27px; margin:2px 0 0 0; background:url('/img/mddesignstudio.gif') no-repeat 0 0;}

.navi { 
    /* margin-left:328px; 
    width:200px; */
    height:20px; 
    position:absolute;
    right:30px;
    top:320px;
} 
 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 -16px no-repeat; 
    display:block; 
    font-size:1px; 
    cursor:pointer;
} 
.navi a:hover {background-position:0 -8px;} 
.navi a.active {background-position:0 0;}
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix { display:inline-block;}
html[xmlns] .clearfix { display:block;}
* html .clearfix { height:1%;}
#view-hint { display:none; position:absolute; left:155px; top:140px; padding:0; margin:0; width:603px; height:28px; line-height:28px; background:url(/img/bg-hint.png) no-repeat 0 0; text-align:center;}

/*-----------------------------------
				Hovers
-------------------------------------*/		
div.hovers { width:1px; height:1px; display:none}
	.h-over1{background:url('/img/top_menu_hover_left.gif')}
	.h-over2{background:url('/img/top_menu_hover.gif')}
	.h-over3{background:url('/img/top_menu_hover_right.gif')}
	.h-over4{background:url('/img/tab_menu_bg_left.gif')}
	.h-over5{background:url('/img/tab_menu_hover_left.gif')}
	.h-over6{background:url('/img/tab_menu_hover.gif')}
	.h-over7{background:url('/img/tab_menu_hover_right.gif')}
	.h-over8{background:url('/img/left_show_a.gif')}
	.h-over9{background:url('/img/right_show_a.gif')}
	.h-over10{background:url('/img/portfolio_list_hover.png');}
	.h-over11{background:url('/img/bg-hint.png')}