@charset "utf-8";
/* CSS Document */
@font-face
{
font-family: 'myfont';
src: url('../font/my.ttf'),
     url('../font/my.eot');  /* IE9 */
} 
@font-face
{
font-family: 'needfont';
src: url('../font/need.ttf'),
     url('../font/need.eot');  /* IE9 */
} 
{
font-family:'geofont';
src: url('../font/geo.ttf'),
     url('../font/geo.eot');  /* IE9 */
} 
@font-face
{
font-family: 'comun';
src: url('../font/comun.ttf'),
     url('../font/comun.eot');  /* IE9 */
} 
body{
	background-color:#FFF;}
	@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('font/ptn57f-webfont.eot');
    src: url('font/ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ptn57f-webfont.woff') format('woff'),
         url('font/ptn57f-webfont.ttf') format('truetype'),
         url('font/ptn57f-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

	.main{
		width:950px;
			margin-left: auto;
  margin-right: auto;}
  .supp{
	  position:relative;
	  float:right;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#919191;
	  }
 .supp a{
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#919191;
	  text-decoration:none;
	  } 
 .supp a:hover{
	 color:#27aede;} 
.logo{
	position:relative;
	float:left;
	}
.search{
	position:relative;
	float:right;
	padding-top:20px;}
.colortext{
	width:290px;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#cecece;
	}
.home{
	position:relative;
	float:left;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;
	}
.home a{
	text-decoration:none;
	color:#4e4e4e;}
.home a:hover{
	color:#2f91d0;
	}

.text{
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	font-size:12px;
	color:#5a5a5a;
	}
	.imgmenu{
	position:relative;
	float:left;
	padding-left:200px;}	
	.text a{
	text-decoration:none;
	color:#b1b1b1;}
.text a:hover{
	color:#2f91d0;
	}
.netw{
	position:relative;
	float:left;
	width:300px;}
	
	.suppserv{
	position:relative;
	float:left;
	width:300px;
	padding-left:20px;}
	
	.remote{
	position:relative;
	float:left;
	width:300px;
	padding-left:20px;}
	
.logoimg{
	position:relative;
	float:left;}
.title{
	position:relative;
	padding-top:5px;
	padding-left:10px;
	float:left;
	    font-family: 'PTSansNarrowRegular';
		color:#969696;
		font-size:21px;}
		
	.text1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#929292;}
	.text123{ font-family:'myfont';
		font-size:20px;
		colore:#27aede;}
	.text2{    font-family: 'PTSansNarrowRegular';
		font-size:16px;
		color:#000;}
		.text2 a{    font-family: 'PTSansNarrowRegular';
		font-size:16px;
		color:#000;
		text-decoration:none;}
		
	.text3{font-family: 'PTSansNarrowRegular';
	font-size:30px;
	color:#000;
	text-transform:uppercase;
		}
	.text4{font-family: 'PTSansNarrowRegular';
	font-size:30px;
	color:#000;
		}
.text5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#27aede;}
.moreimg{
	position:relative;
	padding-top:5px;}
.itimg{
	position:relative;
	float:left;

	}
.ittext{
	position:relative;
	float:right;
	width:200px;

	padding-left:5px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#929292;}
.height{
	height:50px;
	}
.aboutus{
	position:relative;
	float:left;
	width:150px;}	
.joinin{
	position:relative;
	float:left;
	width:150px;}
.advice{
	position:relative;
	float:left;
	width:150px;}
.downloads{
	position:relative;
	float:left;
	width:150px;}
.add{
	position:relative;
	float:right;
	width:300px;
		text-align:right;}
.call{font-family: 'PTSansNarrowRegular';
font-size:18px;
color:#272727;
		text-transform:uppercase;
			text-align:right;
		}	
.text8{font-family: 'PTSansNarrowRegular';
font-size:18px;
color:#0780c0;
		text-transform:uppercase;
		text-align:right;
	}	
ul.about{
	list-style-image:url(../img/22.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#27aede;}
ul.about a{
	text-decoration:none;
	color:#27aede;}
.text6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939393;
	text-transform:uppercase;
		text-align:right;
	}
.text7{
		text-align:right;}
.vlinks{font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939393;

		text-align:right;}
.vlinks a{
	color:#27aede;}
.text8{
	font-size:18px;
	color:#5c5d5f;
	text-transform:uppercase;
	text-align:left;
	padding-left:20px;
	margin:0;
}
.center1{
	background-image:url(../img/24.png);
	width:958px;
	height:127px;}
.opport{
	position:relative;
	float:left;
	width:770px;
	padding-left:30px;}
.click{
	position:relative;
	float:left;
	padding-top:35px;
	padding-left:20px;}
.text9{font-family: 'PTSansNarrowRegular';
font-weight:bold;
font-size:28px;
color:#27aede;	text-transform:uppercase;
	}
.text10{
	color:#969696;text-transform:uppercase;
	font-family: 'PTSansNarrowRegular';
	font-size:14px;
	}
	#myfont{ font-family:myfont; font-size:40px; color:#27aede;}
	.comun{ font-family:comun; font-size:32px; color:#412329;}
	body{ margin:0; padding:0; width:auto; height:auto; background-image:url(../img/bg.png); background-repeat:repeat-x; }
	.geofont{ font-family:geofont; font-size:22px; color:#777;}
	.need{ font-family:needfont; font-size:28px; color:#777;}
	#mydiv{ margin:0; padding:0; width:955px; height:200px;}
	#forme{ margin:0; padding:0; margin-left:20px; margin-top:20px; float:left;}
	#logo{ margin:0; padding:0; float:left;}
	#mymymy{ margin:0; padding:0; float:right;}
	#all{ margin:0; padding:0; width:955px; height:127px;}

.example-code {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    margin: 20px;
    padding: 3px;
}