/*
Theme Name: Chricolor
Author: 16grafica.it
Author URi:http://16grafica.it
*/


/* =Structure
-------------------------------------------------------------- */

body{
	background:#02A0C6;
	margin:0px;
	padding:0px;
 	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

#header{
	position:fixed;
	width:100%;
	height:50px;
	top:40px;
	z-index:999;
	display:none;
}
#logo{
	width:274px;	
	height:39px;
	background:url(../img/logo.png) no-repeat; 
	position:absolute;
	right:50px;
}

#foot{
	position:absolute;
	left:550px;
	bottom:0px;
	width:399px;
	height:13px;
 	background:url(../img/footer.png) no-repeat; 
}

#grafica {
	position:absolute;
	right:50px;
	bottom:0px;
	width:27px;
	height:27px;
 	background:url(../img/16-logo.png) no-repeat; 
	cursor:pointer;
}
/* =Barre scorriemnto verticale
-------------------------------------------------------------- */
.barv1{
	position:absolute;
	width:12px;
	background:#55ceee;
	height:330px;
	left:2px;
}
.barv{
	position:absolute;
	width:12px;
	background:#55ceee;
	height:800px;
	left:2px;
}

/*#center_container{
	width:512px;
	height:920px;
	backgrounds:red;
	margin:auto;
}

#welcome{
	position:absolute;
	font-size:100px;
	color:#fff;
	top:80px;
	left:60px;
}*/

#uname{
	position:absolute;
	font-size:60px;
	color:#0057a5;
	top:200px;
	left:60px;
}
#enterbtn{
	width:103px;
	height:103px;
	position:absolute;
	top:300px;
	left:70px;
}
#enterbtnn{
	background:url(../img/Enter_button.jpg)  no-repeat;
}
#enterbtnh{
	background:url(../img/Enter_button-hover.jpg)  no-repeat;
}

.about_text_title{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:30px;
}

.about_text_body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

#desc_box #title{
	font-size:30px;
	margin-top:30px;
	margin-bottom:30px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color:#585858;
} 

#login{
	color:#fff; 
	position:absolute;
	width:400px;
	height:300px;
	left:180px;
	top:122px;		
}

.btn{
	
	cursor:pointer;
}
.btnh{
	position:absolute;
	width:100%;
	height:100%;
}
.btnn{
	position:absolute;
	width:100%;
	height:100%;
}
#loginbtn{
	width:70px;
	height:70px;	
	position:absolute;
	top:230px;
	left:390px;
}
#loginbtnh{
	background:url(../img/login-button-hover.jpg)  no-repeat;
}
#loginbtnn{
	background:url(../img/login-button.jpg) no-repeat;
}
#ie_msg{
	width:546px;
	height:200px;	
	background:url(../img/text-ie.jpg) no-repeat; 
	margin:auto;
	margin-top:250px;
}
#username_input
{
	position:absolute;
	top:110px;
	
}
#password_input
{
	position:absolute;
	top:150px;
	
}
#login input{
	width:180px;
	height:28px;
	margin-bottom:10px;
	font-family:Conv_BreeSerif_Reg;
	padding-left:10px;
	color:#555;
	padding-right:10px;
	font-size:17px;
	border:none;
}
.sup_title{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	line-height:150%;
	font-size:30px;
	color:#EE3080;
	position:absolute;
	left:50px;
	top:0px;
	width:100%;
	background:#1bbae2;
	height:47px;
	padding-top:5px
}
.text_cont{
	padding-bottom:100px;
	width:260px;	
	padding-top:60px;	
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
}

.js_submit{
	background:#FFF;
	width:100%;
	height:100%;
	cursor:pointer;
	font-family:Conv_BreeSerif_Reg;
	font-size:18px;
	padding-top:3px;
	border:0;
	color:#555;
}
#num{
	width:310px;
	height:192px;
	position:absolute;
	top:-30px;
 	text-align:center;
 	color:#fff;
	font-size:180px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
#of{
	width:87px;
	height:25px;
	position:absolute;
	bottom:0px;
	left:111px;
	background:url(../img/of.png) no-repeat;
	text-align:center;
	padding-top:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:18px;
}
.ag_tel{
	position:absolute;
	top:80px;
	left:60px;
	font-size:22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	}


.w{
	width:370px!important;	
	height:330px!important;	
}
.sup_bar{
	background:#1bbae2;
	width:100%;
	position:absolute;
	height:50px;
	bottom:-30px;
	left:40px;
	border-bottom:4px solid #55ceee; 
}
.sup_btn{
	background:url(../img/plus-button.jpg) no-repeat;
	width:50px;
	position:absolute;
	height:49px;
	bottom:-52px;
	left:160px;
	cursor:pointer;
}
#about_bg{
	width:1270px;
	height:502px;
	position:absolute;
	bottom:700px;
	left:300px;
	background:url(../img/about-bg.jpg) no-repeat  ;
	background-size:100%;
 
	background-position:0px 0px;
}
#about_bg2{
	width:1200px;
	height:1200px;
	position:absolute;
	top:250px;
	left:450px;
	background:url(../img/build.png) no-repeat  ;
	background-position:450px 500px;
	z-index:1000;
}
#desc_plus{
	width:50px;
	height:50px;
	background:url(../img/plus-button.jpg) no-repeat  ;
	position:absolute;
	bottom:-30px;
	left:170px;
	cursor:pointer;
}
#about_page{
	width:740px;
	height:500px;
	position:absolute;
	top:400px;
	left:700px; 
}
#about_content1{
	position:absolute;
	width:100%;
	height:300px;
	top:100px; 
}

#sup1{
	position:absolute;
	width:270px;
	height:300px;
	top:500px; 
	left:300px;
	
}
#sup2{
	position:absolute;
	width:270px;
	height:300px;
	top:500px; 
	left:700px;
	
}

#sup3{
	position:absolute;
	width:270px;
	height:300px;
	top:500px; 
	left:1100px;
	
}

.about_side{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:12px;
	background:#55ceee;
}


#about_side_bar1{
	position:absolute;
	top:50px;
	left:0px;
	height:101px;
	width:12px;
	background:#fff;
}

.about_text{
	position:absolute;
	top:0px;
	left:-40px;
	color:#fff;
	font-size:16px;
	width:560px;
	height:300px;
	padding-left:40px;
	-moz-user-select:none;
	-o-user-select:none;
	-webkit-user-select:none;
	line-height:125%;
} 

#about_text_con{
	margin-left:50px;
}

#user_page{
	position:absolute;
	top:400px;
	left:200px;
	width:1000px;
	height:500px;
} 

.roll{
	height:1300px;
	float:left;
}

#r1{
	width:2100px;
	background:url(../img/r1.png) no-repeat ;
}
#r2{
	width:2732px;
	background:url(../img/r2.png) no-repeat ;
}

#r3{
	width:2776px;
	background:url(../img/r3.png) no-repeat ;
}
#r4{
	width:2778px;
	background:url(../img/r4.png) no-repeat ;
}
#r5{
	width:3222px;
	background:url(../img/r5.png) no-repeat ;
}
#r6{
	width:4104px;
	background:url(../img/r6.png) no-repeat ;
}
/*17712-100*/
#product_page{
	position:absolute;
	width:2450px;
	height:480px;
	bottom:400px;
	left:160px;
}
#pro_btns{
	width:164px;
	height:100%;
	text-align:center;
	float:left;
}
#pro_list{
	width:1086px;
	height:100%;
	background:#55ceee;
	float:left;
}
#list{
	background:#1bbae2;
	position:absolute;
	height:100%;
	width:1073px;
	left:0px;
}
#list_items{
	width:882px;
	height:482px;
	border-right:2px solid #55ceee;
	float:left;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;	 
	user-select:none;	 
}
.pad{
	width:100%;
	height:4px;
}
#list_arrows{
	width:176px;
	height:445px;
	backgsround:red; 
	float:left;
}
.arrow{
	position:absolute;
	width:94px;
	height:62px;
	
}
#up_arrow{
	top:150px;
	right:62px;
	cursor:pointer;
}
#down_arrow{
	top:260px;
	right:62px;
	cursor:pointer;
}
#up_n{
	background:url(../img/up-arrow.png) no-repeat;
}
#down_n{
	background:url(../img/down-arrow.png) no-repeat;
}
#up_h{
	background:url(../img/up-arrow-hover.png) no-repeat;
}
#down_h{
	background:url(../img/down-arrow-hover.png) no-repeat;
}
#pro_side{
	 
	position:absolute;
	width:144px;
	height:550px;
	left:9px;
}
#number_of_items{
	text-align:center;
	color:#fff;
	width:144px;
	height:130px;
	border-bottom:2px solid #55ceee;	
	font-size:40px;
	font-weight:bold;
	padding-top:13px;
}
.hide{
	display:none;
}

#pro_info{
	width:1200px;
	height:100%;
	 
	float:left;
}
#btn_table{
	width:144px;
	height:100%;
	position:absolute;	
	top:0;
}
#btn_container{
	width:100%;
	background:#1bbae2;	
	padding-top:16px;
}
.pro_btn{
	width:100%;
	height:26px;
	margin-bottom:8px;
	background:#fff;
}
#pro_pics{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	width:1086px;
	height:520px;
	top:13px;	
	position:absolute;
}

#pro_item_col{
	width:270px;
	height:520px;
	float:left;
	margin-right:2px;	
}
#info_box{
	width:650px;
	position:absolute;
	height:217px;
	top:110px;
	left:0px;
	border-top:13px solid #EE3080;
	border-bottom:13px solid #EE3080;
}
#contact_page{
	width:687px;
	height:272px;
	position:absolute;
	top:480px;
	left:2750px;
	 
}
#con_content{
	position:absolute;
	left:294px;
	top:54px;
	padding-left:16px;
	width:430px;
	height:163px;
	border-left:4px solid #55ceee;
	color:#fff;
}
#items_png{
	width:106px;
	height:32px;
	background:url(../img/items.png) no-repeat;
	position:absolute;
	top:100px;
	left:20px;	
}
#num_of_items{
	
	font-size:110px;
	font-weight:lighter;
	line-height:65%;	
}
#con1{
	position:absolute;
	top:3px;
	font-size:26px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
#con4{
	position:absolute;
	top:90px;
	font-size:18px;
	left:40px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
#con2{
	position:absolute;
	top:37px;
	font-size:17px;
	font-weight:400;
	
}
#con3{
	position:absolute;
	top:87px;
	left:2px;
	width:31px;
	height:31px;
	background:url(../img/phone-buuton-contact.jpg) no-repeat;
	 
}

#con5{
	position:absolute;
	top:126px;
	left:2px;
	width:31px;
	height:31px;
	background:url(../img/mail-button.jpg) no-repeat;
	 
}


#con6{
	position:absolute;
	top:130px;
	left:40px;
	font-size:18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
}
#map_container{
	width:246px;
	height:100%;
	position:relative;
	background:#55ceee;	
}
#map_con{
	width:246px;
	height:246px;
	top:13px;
	position:absolute;
	background:url(../img/map-con.png) no-repeat;
	cursor:pointer;
}

#picture{
	width:340px;
	height:217px;
	top:0px;
	position:absolute;
	right:0;
	background-repeat:no-repeat;
	background-size:cover;
	 
}
 
#desc_box{
	width:400px;
	position:absolute;
	height:217px;
	top:110px;
	left:650px;
	border-top:13px solid #55ceee;
	border-bottom:13px solid #55ceee;
	color:#fff;
	text-align:center;
	 
	padding-right:5px;
	padding-left:5px;
}
#desc_box article{
	font-size:20px;
	margin-top:20px;
	 
}
.data_title{
	display:none;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
.data_desc{
	display:none;
}
.morecontent{
	display:none;
}
#direct_back{
	width:66px;
	position:absolute;
	height:99px;
	top:180px;
	left:1100px;
	background:url(../img/direct-back.png) no-repeat;
	cursor:pointer;
}

.por_item_img{
	position:absolute;
	width:340px;
	height:217px;
}
.item_hover{
	position:absolute;
	width:270px;
	height:72px;
	font-size:24px;
	color:#fff;
	text-align:center;
	padding-top:100px;
	display:none;
	background:rgba(0,0,0,.6) url(../img/zarebin-button.png) no-repeat 109px 40px ;
}
.pro_item {
	 
	width:100%;
	height:60px;
 	 
	color:#fff;
	
}
.pro_item:first-child .pro_cont {
	width:90%;
	margin:auto;
	border-bottom:1px solid #55ceee; 
	border-top:1px solid #55ceee; 
	height:100%;
	 
}
.pro_item .pro_cont{
	width:90%;
	margin:auto;
	border-bottom:1px solid #55ceee; 
	height:100%;
}

.pro_title{
	position:absolute;
	color:#585858;
	lseft:40px;
	top:4px;	
	font-size:22px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;

}
.pro_desc{
	position:absolute;
 	top:38px;
	}


#descr{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
.pro_plus{
	background:url(../img/zare.jpg) no-repeat;
	width:27px;
	position:absolute;
	right:0;
	top:16px;
	height:27px;
	background-size:cover;
	cursor:pointer;
	float:right;
	display:none;
}

.cert_dwn{
	background:url(../img/download.png) no-repeat;
	width:50px;
	height:49px;
	bottom:10px;
	left:180px;
	cursor:pointer;
	position:absolute;
}

#pro_bar{
	width:14px;
	height:546px;
	background:#55ceee;	
	position:absolute;
	left:65px;
	top:0px;
}
#agancies_page{
	position:absolute;
	width:1000px;
	height:600px;
	bottom:430px;
	left:270px;
}

.city{
	width:20px;
	height:20px;
	position:absolute;	
	cursor:pointer;
	basckground:red;
	  
}
.cityn{
	width:20px;
	height:20px;
	position:absolute;	
	background:url(../img/circle.png) center no-repeat ;
}
.cityh{
	width:20px;
	height:20px;
	position:absolute;	
	background:url(../img/circle-hover.png) center no-repeat ;
}
#map{
	position:absolute;
	bottom:0px;
	left:40px;
	width:487px;
	height:448px;
	background:url(../img/map.png) no-repeat ;
		
}
#btnup{
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:49px;	
	cursor:pointer;
}
#btnupn{
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:49px;	
	background:url(../img/up-hover.png) no-repeat ;
}
#btnuph{
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:49px;	
	background:url(../img/up.png) no-repeat ;
}

#btndown{
	position:absolute;
	bottom:14px;
	left:0px;
	width:50px;
	height:49px;	
	cursor:pointer;
}
#btndownn{
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:49px;	
	background:url(../img/down-hover.png) no-repeat ;
}
#btndownh{
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:49px;	
	background:url(../img/down.png) no-repeat ;
}



#ag_btns{
	position:absolute;	
	width:50px;
	height:125px;
	top:307px;
	left:550px;
 
}
#ag_info{
	width:500px;
	height:125px;
	border-left:3px solid #55ceee;
	position:absolute;
	top:300px;
	left:615px;
	color:#fff;
	padding-left:15px;
	 
}

.ag_title{
	position:absolute;
	top:0px;
	left:0px;
	font-size:26px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
}
.ag_city{
	position:absolute;
	top:30px;
	left:0px;
	margin-top:4px;
	font-size:18px;
}
 .tel_icon{
	width:50px;
	height:49px;
	background:url(../img/mail-icon.png) no-repeat ;
	position:absolute;
	top:70px;
	left:0px;
}
#topBar{
	position:fixed;
	top:0px;
	height:10px;
	width:100%;
	background:#fff;
	z-index:999;	
}
#mask{
	width:17712px;
	height:100%;
	position:absolute;
	 
	left:1500px;
	
	z-index:999;
}
#mainBody{
	width:19000px;
	height:1300px;	
	overflow:hidden;
	position:relative;
	bottom:0;
	
}
#footer{
	position:fixed;
	bottom:30px;
	left:0;
	width:100%;
	height:30px;
 
	z-index:999;
	
}

.ag_container{
	position:absolute;
	width:100%;
	height:100%;
	left:100px;
	opacity:0;
	
}
.container{
	position:relative;
	width:100%;
	height:100%;
	
}

.honors{
	position:fixed;
	 
	z-index:100;
}
#cssa{
	position:absolute;
	top:250px;
	right:0px;
	width:135px;
	height:160px;
	background:url(../img/LOGO_ITA_200.png)  	 no-repeat; 
	cursor:pointer;
}

#awards{
	height:240px;
	width:81px;
	right:0px;
}



#menuBox{
	width:95%;
	height:26px;
	 
	position:absolute;
	left:50px;
	
}

.alink{
	width:129px;
	height:26px;

 
	position:absolute;
}
.link{
	width:129px;
	height:26px;
 	cursor:pointer;
	float:left;
	margin-right:6px;
 
}


#text{
	width:581px;
	height:460px;
	position:fixed;
	left:3%;
	top:300px;
	z-index:999;	
	background:  url(../img/logo-1.png) no-repeat  0% 100%;
}

#scrolling{
	position:absolute;
	top:100px;
	left:0;
	width:92px;
	height:92px;
	
	
	
}
#scroll_on{
	background:url(../img/scroll-on.png) no-repeat;		
	position:absolute;
	width:92px;
	height:92px;
}
#scroll_off{
	background:url(../img/scroll-off.png) no-repeat;
	position:absolute;
	width:92px;
	height:92px;
}
#about_link_w{
	background:url(../img/menu-hover.png) no-repeat;	
	background-position:-135px   50%;
}
#about_link_b{
	background:url(../img/menu.png) no-repeat;	
	background-position:-135px  50%;
}

#provider_link_w{
	background:url(../img/menu-hover.png) no-repeat;	
	background-position:-269px 50%;
}
#provider_link_b{
	background:url(../img/menu.png) no-repeat;	
	background-position:-269px 50%;
}

#agancy_link_w{
	background:url(../img/menu-hover.png) no-repeat;	
	background-position:-403px  50%;
}
#agancy_link_b{
	background:url(../img/menu.png) no-repeat;	
	background-position:-403px  50%;
}

#product_link_w{
	background:url(../img/menu-hover.png) no-repeat;	
	background-position:-537px   50%;
}
#product_link_b{
	background:url(../img/menu.png) no-repeat;	
	background-position:-537px  50%;
}

#contact_link_w{
	background:url(../img/menu-hover.png) no-repeat;	
	background-position:-671px  50%;
}
#contact_link_b{
	background:url(../img/menu.png) no-repeat;	
	background-position:-671px 50%;
}

#user_link_w{
	background:url(../img/menu-hover.png) no-repeat;	
	background-position:0px  50%;
}
#user_link_b{
	background:url(../img/menu.png) no-repeat;	
	background-position:0px  50%;
}
#page1u{ 
	height:1300px;	
	position:absolute;
	width:1500px;
	background:url(../img/bg1.jpg)   fixed;
}
#page2u{
	 
	height:1300px;	
	 position:absolute;
	background:url(../img/bg2.jpg)    fixed;
}
#page3u{
	 
	height:1300px;	
	position:absolute; 
	background:url(../img/bg3.jpg)  fixed;
}
#page4u{
	 
	height:1300px;	
	position:absolute; 
	background:url(../img/bg4.jpg)  fixed;
}
#page1{ 
	height:1300px;	
	position:absolute;
	background:url(../img/bg1.jpg)  fixed;
	 
}
#page2{
	 
	height:1300px;	
	 position:absolute;
	background:url(../img/bg2.jpg) fixed;
}
#page3{
	 
	height:1300px;	
	position:absolute; 
	background:url(../img/bg3.jpg)   fixed;
}
#page4{
	 
	height:1300px;	
	position:absolute; 
	background:url(../img/bg4.jpg) no-repeat fixed;
}
#page5{
	 
	height:1300px;	
	position:absolute; 
	background:url(../img/bg5.jpg) #777   fixed;
}
	
#more{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:999;
	background:rgba(0,0,0,.5);	
	display:none;
}
#more_con{
	width:560px;
	height:100%;
	margin:auto;
	background:#fff;	
	box-shadow:#000 0px 0px 80px 1px;	
	-webkit-box-shadow:#000 0px 0px 80px 1px;	
	-moz-box-shadow:#000 0px 0px 80px 1px;	
	-o-box-shadow:#000 0px 0px 80px 1px;	
	-ms-box-shadow:#000 0px 0px 80px 1px;	
	display:none;
}
#more_box{
	width:100%;
		
}
#more_close{
	width:36px;
	height:36px;
	position:absolute;
	top:-50px;
	right:20px;
	background:url(../img/close.jpg) no-repeat ;
	cursor:pointer;		
}

#more_content{
 	padding:10px;
	width:100%;
}
/*#c{top:px;left:px;}/*  */ 

#c2{top:217px;left:268px;}/* tehran tecnico*/ 
#c3{top:352px;left:268px;}/* markazi commerciale*/ 
#c4{top:352px;left:365px;}/* kordestan acquisti*/ 
#c5{top:138px;left:268px;}/* esfehan amministratoreunico*/ 
#c6{top:352px;left:172px;}/* qom gare*/ 
#c7{top:217px;left:118px;}/* chahrmahal */ 
#c1{top:216px;left:116px;}/* ghazvin amministrativo*/ 


#c8{top:68px;left:16px;}/* az gharbi */ 
#c9{top:146px;left:100px;}/* hamedan */ 
#c10{top:338px;left:203px;}/* fars */ 
#c11{top:258px;left:100px;}/* khuzestan */ 
#c12{top:110px;left:196px;}/* mazandaran */ 
#c13{top:82px;left:128px;}/* gilan */ 
#c14{top:104px;left:362px;}/* kh razavi */ 
#c15{top:186px;left:88px;}/* lorestan */ 
#c16{top:231px;left:257px;}/* yazd */ 
#c17{top:165px;left:47px;}/* kermanshah */ 
#c18{top:290px;left:297px;}/* kerman */ 
#c19{top:210px;left:364px;}/* kh jonoobi */ 
#c20{top:275px;left:149px;}/* kohkilooye */ 
#c21{top:58px;left:52px;}/* az sharghi */ 
#c22{top:40px;left:88px;}/* ardebil */ 
#c23{top:102px;left:94px;}/* zanjan */ 
#c24{top:84px;left:250px;}/* golestan */ 
#c25{top:122px;left:154px;}/* alborz */ 
#c26{top:370px;left:292px;}/* hormozgan */