/*================================================================================================================================================


										INFORMATION SECTION STYLE SHEET FOR FON WEBSITE


================================================================================================================================================*/


/*================================================================================================================================================
INFO START
================================================================================================================================================*/
.info .section {
	margin-bottom: 50px;
}



/*========================================================================
info_whos_behind START
========================================================================*/
.info .whos_behind {
	margin-bottom: 20px;
}
.info .whos_behind ul {
	margin-left: 20px;
}
.info .whos_behind ul li {
	list-style-position: inside;
	list-style-type: disc;	
}
.info .whos_behind .photos h2 {
	border-bottom: solid 2px #CCCCCC;
	display: block;
	clear: both;
	font-size: 1.8em;
	margin-top: 30px;
}
.info .whos_behind .photos h3 {
	display: block;
	clear: both;
	font-size: 1.3em;
}
.info .whos_behind .photos .character {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 98%;
	display: inline;
}
.info .whos_behind .photos .character img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/*========================================================================
info_whos_behind END
========================================================================*/



/*========================================================================
info_whats_fon START
========================================================================*/
.info .whats_fon {
	position: relative;
}
.info .whats_fon #give {
	height: 265px;
	width: 343px;
	float: left;
	margin-left: 20px;
	background: url(http://static.fon.com/images/common/give.png) no-repeat left top;
}
.info .whats_fon #give h2 {
	margin: 220px 20px 0px;
}
.info .whats_fon #receive {
	height: 265px;
	width: 343px;
	float: left;
	margin-left: 20px;
	background: url(http://static.fon.com/images/common/receive.png) no-repeat left top;
}
.info .whats_fon #receive h2 {
	margin: 220px 20px 0px;
}
.info .whats_fon #joinFon {
	float: left;
	clear: both;
	width: 100%;
	margin: 30px 0px;
}
.info .whats_fon #share {
	width: 240px;
	float: left;
	margin-right: 15px;
	margin-bottom: 80px;
}
.info .whats_fon #share h3 {
	color: #f49b10;
	margin-bottom: 10px;
}
.info .whats_fon #connect {
	width: 240px;
	float: left;
	margin-right: 15px;
}
.info .whats_fon #connect h3 {
	color: #f49b10;
	margin-bottom: 10px;
}
.info .whats_fon #haveFon {
	width: 240px;
	float: left;
}
.info .whats_fon #haveFon h3 {
	color: #f49b10;
	margin-bottom: 10px;
}
.info .whats_fon .redButton {
	margin-top: 70px;
}
/*========================================================================
info_whats_fon END
========================================================================*/



/*========================================================================
info_main_index START
========================================================================*/
.info_main_index ul {
	margin-left: 10px;   
}
.info_main_index ul li {
	list-style-position: inside;
	list-style-type: disc;    
}
/*========================================================================
info_main_index END
========================================================================*/



/*========================================================================
info_jobs_index START
========================================================================*/
.info .jobs_index ul {
	margin-left: 10px;
}
.info .jobs_index ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.info .jobs_index #jobPresentation {
	clear: both;
	margin-bottom: 70px;
}
.info .jobs_index #jobPresentation img {
	float: right;
	margin-top: -20px;
}
.info .jobs_index #jobListing {
	clear: both;
}
.info .jobs_index #jobListing table {
	border: solid 1px #F49B10;
	width: 100%;
	margin-bottom: 20px;
}
.info .jobs_index #jobListing table th {
	background-color: #F49B10;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-top: 2px;
}
.info .jobs_index #jobListing table td {
	padding: 5px;
}
.info .jobs_index {  
}
/*========================================================================
info_jobs_index END
========================================================================*/



/*========================================================================
info_isps_and_friends START
========================================================================*/
.info_isps_and_friends #ispexplanation img {
	float: right;
}
.info_isps_and_friends div {
	margin-bottom: 20px;
	margin-top: 20px;
}
.info_isps_and_friends center h2 {
	margin-bottom: 5px;
	margin-top: 20px;
}
.info_isps_and_friends ul {
	margin-bottom: 20px;
}
.info_isps_and_friends ul ul {
	margin-bottom: 10px;
}
.info_isps_and_friends ul li {
	list-style-position: inside;
	list-style-type: disc;
}
.info_isps_and_friends ul ul li {
	list-style-type: circle;
	margin-left: 10px;
}
.info_isps_and_friends #friends {
	margin-top: 50px;
}
.info_isps_and_friends #friends h2 {
	color: #F49B10;
	font-size: 2em;
	margin-bottom: 1em;
}
/*========================================================================
info_isps_and_friends END
========================================================================*/



/*========================================================================
info_fon_and_friends START
========================================================================*/
.info_fon_and_friends #become_a_friend {
	float: right;
	width: 205px;
	margin-left: 200px;
	clear: right;
}
.info_fon_and_friends #become_a_friend p strong a {
	color: #000;
	text-decoration: none;
	margin-left: 30px;
}
.info_fon_and_friends #become_a_friend p strong a:hover {
	text-decoration: underline;
}
.info_fon_and_friends #become_a_friend p strong a img {
	vertical-align: middle;
}
.info_fon_and_friends ul#index {
	margin-left: 20px;
	margin-bottom: 30px;
}
.info_fon_and_friends ul#index li {
	list-style: disc;
}
.info_fon_and_friends ul#index li a {
	color: #000;
	text-decoration: none;
}
.info_fon_and_friends ul#index li a:hover {
	color: #000;
	text-decoration: underline;
}
.info_fon_and_friends .group {
	margin-top: 4em;
	clear: both;
}
.info_fon_and_friends ul.icons {
	margin-bottom: 20px;
	width: 720px;
	display: block;
}
.info_fon_and_friends ul.icons li {
	display: inline;
}
.info_fon_and_friends ul.icons a img {
	margin: 5px;
}
/*========================================================================
info_fon_and_friends END
========================================================================*/



/*========================================================================
info_fon_and_isps START
========================================================================*/
.info_fon_and_isps #image {
	width: 535px;
	margin: 25px auto;
}
.info_fon_and_isps ul {
	margin-left: 45px;
	margin-top: 10px;
	font-size: 1.1em;
}
.info_fon_and_isps ul li {
	list-style-type: disc;
}
.info_fon_and_isps ul li ul li {
	font-size: 0.9em;
	list-style-type: circle;
}
.info_fon_and_isps ul li ul {
	margin-bottom: 20px;
}
/*========================================================================
info_fon_and_isps START
========================================================================*/



/*========================================================================
info_main_fon_services START
========================================================================*/
.info .fon_services h2 {
	color: #F49B10;
	font-size: 2em;
	margin-bottom: 1em;
}
.info .fon_services #skype {
	margin-bottom: 20px;
}
.info .fon_services div.image {
	margin: 10px auto;
}
.info .fon_services #skype div.image {
	width: 105px;
}
.info .fon_services #xing div.image {
	width: 155px;
}
/*========================================================================
info_main_fon_services START
========================================================================*/



/*========================================================================
info_our_investor_partners START
========================================================================*/
.info .investor_partners img {
	margin-top: 50px;
}
/*========================================================================
info_our_investor_partners START
========================================================================*/



/*========================================================================
info_milk_wifi START
========================================================================*/
.info .milk_wifi  #milkWifi {
	margin-bottom: 30px;
}
.info .milk_wifi  #milkWifi ul {
	margin-left: 10px;
}
.info .milk_wifi  #milkWifi ul li {
	list-style-position: inside;
	list-style-type: disc;
}
.info .milk_wifi  #accessPortal {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.info .milk_wifi  #accessPortal p {
	text-align: right;
}
.info .milk_wifi  #faqBill {
	margin-bottom: 30px;
}
.info .milk_wifi  #faqBill h3 {
	margin-top: 20px;
}
/*========================================================================
info_milk_wifi START
========================================================================*/



/*========================================================================
info_whats_new START
========================================================================*/
.info .whats_new h2 {
	color: #04128e;
	font-size: 1.4em;
	margin-bottom: 5px;
}
.info .whats_new h4 {
	color: #333;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.info .whats_new #fontenna {
	clear: both;
}

.info .whats_new #fontenna h2,
.info .whats_new #fontenna h4 {
	text-align: center;
}

.info .whats_new #foneraplus {
	clear: both;
}

.info .whats_new #foneraplus img {
	float: right;
}

.info .whats_new #bills {
	clear: both;
}
.info .whats_new #bills img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.info .whats_new #bills h2,
.info .whats_new #bills h4 {
	text-align: left;
}

.info .whats_new #symbianClient div {
	clear: both;
}
.info .whats_new #symbianClient img.first {
	float: right;
	margin-top: -20px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.info .whats_new #expert img {
	float: left;
	margin-right: 15px;
}
.info .whats_new #symbianClient div {
	clear: both;
}
.info .whats_new #expert img {
	float: left;
	margin-right: 15px;
}
.info .whats_new #symbianClient img.first {
	float: right;
	margin-top: -30px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.info .whats_new #symbianClient img.second,
.info .whats_new #symbianClient img.third,
.info .whats_new #symbianClient img.fourth {
	float: left;
	margin-bottom: 20px;
}
.info .whats_new #symbianClient img.fourth {
	margin-right: 15px;
}
.info .whats_new #softwareSkypefon h2 {
	clear: left;
}
.info .whats_new #softwareSkypefon img {
	float: right;
	margin-top: -50px;
	padding-top: 10px;
}
.info .whats_new #navigationDevices {
	clear: both;
}
.info .whats_new #navigationDevices img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.info .whats_new #navigationDevices h2,
.info .whats_new #navigationDevices h4 {
	text-align: right;
}
.info .whats_new #foneroGetsFonero img {
	float: right;
	margin-left: 15px;
}
/*========================================================================
info_whats_new END
========================================================================*/



/*========================================================================
info_security START
========================================================================*/
.info .security h2 {
	margin-bottom: 0px;
}
.info .security ol {
	font-size: 1.2em;
	margin-bottom: 50px;
}
.info .security ol li {
	margin-bottom: 1em;
	padding-left: 15px;
}
.info .security ol li.one {
	background: url(http://static.fon.com/images/common/one_blue.png) no-repeat left center;
}
.info .security ol li.two {
	background: url(http://static.fon.com/images/common/two_orange.png) no-repeat left center;
}
.info .security #mcafee {
	float: right;
	width: 260px;
	text-align: right;
	background: url(http://static.fon.com/images/common/frame_blue_tl.png) no-repeat left top;
	padding-top: 15px;
	padding-left: 10px;
}
.info .security #mcafee img {
	margin-right: 20px;
	margin-bottom: 10px;
}
.info .security #mcafee p {
	padding-right: 10px;
}
.info .security #mcafee p.bottom {
	background: url(http://static.fon.com/images/common/frame_blue_br.png) no-repeat right bottom;
	padding-bottom: 20px;
}

.info .security #mcafee a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.info .security #mcafee a:hover {
	text-decoration: underline;
}
.info .security #private {
	width: 450px;
	margin-bottom: 30px;
}
.info .security #private h2 {
	color: #162982;
}
.info .security #public {
	margin-bottom: 30px;
}
.info .security #public img.key {
	margin-top: -10px;
}
.info .security #public h2 {
	color: #F49B10;
}
.info .security img.lock {
	float: left;
	margin-right: 15px;
}
.info .security img.key {
	float: right;
	margin-left: 10px;
}
.info .security #community img {
	float: right;
	margin-left: 15px;
}
.info .security .redButton {
	margin-top: 110px;
}
/*========================================================================
info_security START
========================================================================*/



/*========================================================================
info_security_alt START
========================================================================*/
.info .security_alt h2 {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #162982;
}
.info .security_alt ol {
	font-size: 1.2em;
}
.info .security_alt ol li {
	margin-bottom: 1em;
	padding-left: 15px;
}
.info .security_alt ol li.one {
	background: url(http://static.fon.com/images/common/one_blue.png) no-repeat left center;
}
.info .security_alt ol li.two {
	background: url(http://static.fon.com/images/common/two_orange.png) no-repeat left center;
}
.info .security_alt #private {
	margin-bottom: 30px;
}
.info .security_alt #private h2 {
	color: #162982;
	margin: 0;
}
.info .security_alt #public {
	margin-bottom: 30px;
}
.info .security_alt #public img.key {
	margin-top: -10px;
}
.info .security_alt #public h2 {
	color: #f49b10;
	margin: 0;
}
.info .security_alt img.lock {
	float: left;
	margin-right: 15px;
}
.info .security_alt img.key {
	float: right;
	margin-left: 10px;
}
.info .security_alt #community img {
	float: right;
	margin-left: 15px;
}
.info .security_alt .redButton {
	margin-top: 110px;
}
/*========================================================================
info_security_alt END
========================================================================*/



/*========================================================================
info_method_payment START
========================================================================*/
#container .info_method_payment{
	width: 700px;
	float: none;
	margin: 0px auto 0px auto;
}

.info .info_method_payment .method{
	width: 600px;
	float:left;
	margin-bottom:30px;
}

.info .info_method_payment .method table{
	border-collapse: collapse;
	background-color: #f0eeda;
}

.info .info_method_payment .method table td.data{
	color:#8a181a;
	text-transform:capitalize;
	font-size:12px;
	padding:0px 5px 0px 5px;
}

.info .info_method_payment .method table td.price{
	color:#002b5c;
	font-size:12px;
	padding:0px 5px 0px 5px;
}

.info .info_method_payment .method h2{
	color:#0d72b9;
}

.info .info_method_payment .method .image{
	width: 200px;
	float:left;
	text-align:right;
}

.info .info_method_payment .method .image a{
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
}

.info .info_method_payment .method .description{
	width: 350px;
	margin-left:10px;
	margin-top:5px;
	float:left;
}

.info .info_method_payment #sms div.image a {
	background:url(http://static.fon.com/images/common/sms.png) no-repeat 0 0;
	width:83px;
	height:43px;
	float:right;
}

.info .info_method_payment #sms div.image a div {
	 margin:27px 5px 0px 0px;
}

.info .info_method_payment #sms div.description p {
	margin-bottom: 0;
}

.info .info_method_payment #sms div.description a {
	margin-left: 20px;
}

.info .info_method_payment #promoCard div.image a {
	background:url(http://static.fon.com/images/common/promocard.png) no-repeat 0 0;
	width:89px;
	height:34px;
	float:right;
}

.info .info_method_payment #promoCard div.image a div {
	margin:18px 5px 0px 0px;
}
/*========================================================================
info_method_payment END
========================================================================*/



/*========================================================================
info_make_money START
========================================================================*/
#container .make_money p {
	margin-bottom: 30px;
}
.info .make_money img#make {
	 float: right;
	 margin-left: 10px;
}
.info .make_money img#money {
	 float: right;
	 clear: right;
	 margin-left: 10px;
}
.info .make_money ol {
	margin: 30px;
}
.info .make_money ol li {
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 1.4em;
	color: #F49B10;
}
.info .make_money ol li span {
	color: #000;
}
/*========================================================================
info_make_money END
========================================================================*/



/*========================================================================
info_neuf START
========================================================================*/
.info .neuf {	
}
.neuf h1 img {
	vertical-align: bottom;
	margin-left: 50px;	
}
.neuf #neufBox {
	width: 207px;
	float: right;
	background: url(http://static.fon.com/images/common/blue_NEUF_bg_bottom.png) no-repeat center bottom;
	color: #FFFFFF;
	margin-left: 20px;
}
.neuf #neufBox h2 {
	background: url(http://static.fon.com/images/common/blue_NEUF_bg_top.png) no-repeat left top;
	padding-top: 40px;
	padding-right: 35px;
	padding-left: 30px;
}
.neuf #neufBox p {
	margin-left: 30px;
	margin-right: 35px;
	padding-bottom: 40px;
}
.neuf #world {
	margin-top: 10px;
	padding-left: 300px;
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(http://static.fon.com/images/common/World.png) no-repeat left 50px;
	position: relative;
}
.neuf #world h2 {
	margin-bottom: 3px;
}
.neuf #world p {
	margin-bottom: 3px;
}
.neuf #world a.green_button {
	color:#FFFFFF;
	font-size: 1.8em;
	background: url(http://static.fon.com/images/common/bouton_pratique.png) no-repeat;
	width: 400px;
	margin: 10px auto 0;
	display: block;
	text-align: center;
	padding: 7px 0 40px;
}
.neuf #world #redonwhiteButt {
	position: absolute;
	top: 60px;
	right: 30px;
}
/*========================================================================
info_neuf END
========================================================================*/
/*================================================================================================================================================
INFO END
================================================================================================================================================*/
