@import url("reset.css");
@import url("typography.css");

/* Index
* Wrap
*  - Top
*  - Header
*  - Main
*    - Menu
*    - Content
*      - News
*      - Outdoor
*  - Footer
*/

/* Global Styles ****************************/
html {
	font-size:100.01%;
}

body {
	background: url(../images/bg.png) repeat-x;
	font-size:62.5%;
	height:100%;
	text-align:center; /* fuckin IE */
	width:100%;
}
.fix { clear: both; }
.button { width: auto!important; height: auto!important; background-color: transparent !important; border: 0!important; }

/* Wrap ****************************/

#wrap {
	background: url(../images/bg-body.png) no-repeat 50% 0;
	height:100%;
	margin: 0 auto;
	padding:0 42px;
	text-align:left;
	width:940px;
}

/* Top ****************************/

#top {
	background: url(../images/bg-top.png) no-repeat;
	height: 45px;
	width: 940px;
}

#top select {
	font-size:1em;
	margin:10px 5px 0 20px;
	float:left;
	width: 145px !important;
}

#top ul {
	float:left;
}

#top ul li {
	float:left;
	height:23px;
	margin: 5px 10px;
}

#top ul li a {
	display:block;
	height:23px;
	display: block;
	width: 100px;
	float:left;
}

#top ul li img {
	margin:5px 2px;
}

#top ul li#chat a {
	text-align: right;	
}

#top ul li#viatel a {
	text-align: right;	
	width:107px;
}

#top ul li#viapc a {
	text-align: right;	
	width:120px;
}

#top ul li#faq a {
	text-indent: -9999px !important;
	text-align: none;
	overflow: hidden;	
	width:100px;
}
#top #search_form {
	float:right;
	margin:3px 20px 0 10px;
	padding-left:30px;
	padding-top:5px;
	background: transparent url(../images/icons/lupa.png) no-repeat 0px 2px;
}
#top #search_form input {
	font-size:1em;
	height: 20px;
	width: 120px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#top .button { vertical-align: middle; margin-top: 0!important; }

/* Header  **************************/
#header {
	height:110px;
	width:960px;
}

#header h1 {
	background: url(../images/logo.png) no-repeat;
	float:left;
	height:68px;
	margin:20px;
	text-indent:-9999px;
	width:189px;
}

#login-container {
	background: url(../images/bg-login.png) no-repeat bottom right;
	float:right;
	height:110px;
	margin-right:50px;
	width:375px;
}

#login-container form {
	width:300px;
	margin: 50px 0 0 80px;

}

#login-container form p {
	float:left;
	color:#666;
}

#login-container form p input {
	width:113px;
	margin-right: 2px;
}
#login-container form p label {
	font-size:1.1em;

}
#login-container form .button {
	margin-top:16px;
}

#login-container form p a {
	color:#3788ca;
	text-decoration:none;

}

/* Main  **************************/

#main {
	background: transparent url(../images/bg-main-bottom.png) no-repeat bottom left;
	padding-bottom:65px;
	width:940px;
}


/* Main Menu ************************/
#menu {
	background: transparent url(../images/bg-main-top.png) no-repeat 0 -7px;
	height:50px;
	padding:5px;
	width:940px;
}

#menu ul.main_level {
	background: transparent url(../images/bg-menu.png) no-repeat;
	height: 50px;
	margin:15px;
	width:900px;
	padding:0 5px;
}

#menu ul.main_level li {
	float:left;
}

#menu ul.main_level li a {
	color:#fff;
	display:block;
	padding:13px 8px;
	cursor: pointer;
}
#menu ul.main_level li.first a {
	border: 0;
}
.content_menu_opened { padding-top: 50px !important; }
#menu ul.main_level li.active { position: relative; z-index: 9999; }
#menu ul.main_level li.active a.level_0 {
	background: transparent url(../images/menu-active-middle.png) repeat-x;	
	margin: 5px 25px;
	border: 0;
	display: block;
}
#menu ul.main_level li.active a .left {
	background: transparent url(../images/menu-active-left.png) repeat-x;			
	display: block;
	width: 45px;
	height: 40px;	
	top: 5px;
	left: -20px;
	float: left;
	position: absolute;	
	z-index: 100;
}
#menu ul.main_level li.active a .right {
	background: transparent url(../images/menu-active-right.png) repeat-x;		
	display: block;
	width: 45px;
	height: 40px;		
	top: 5px;
	right: -20px;
	position: absolute;
	z-index: 100;	
}

/* Sub items ***************************/
#menu ul.level_1 {
	background: transparent url(../images/bg-menu.png) no-repeat bottom center;
	height: 40px;
	width: 900px;
	padding: 5px 20px;	
	position: absolute;	
	margin-top: -18px;
	z-index: 1;
	margin-left: -470px;
	left: 50%;
}
#menu ul.level_1 li {
	float:left;
}
#menu ul.level_1 li a {
	color:#fff;
	display:block;
	padding:20px 10px;
	border: 0;
}

/* Main Content ************************/

#content {
	background: transparent url(../images/bg-content.png) repeat-y;
	padding: 5px;
	padding-bottom: 60px;
	width:940px;
}


/* Main Content News */

#news {
	margin:15px 0 15px 15px;
	width:220px;
	float:left;
}

#news h2 {
	background:transparent url(../images/header-news.png) no-repeat 5px 0;
	border-bottom: 5px solid #ebebeb;
	padding-bottom:5px;
	margin-bottom:10px;
	text-indent:-9999px;
}

#news img {
	margin:20px 40px;
}

#news p {
	color:#666666;
	font-size:1.2em;
	line-height:1.4em;
}

/* Main Content Outdoor */
#outdoor {
	float:right;
	height:240px;
	margin: 10px 25px 10px 0;
	width:660px;
}

#outdoor h2 {
	background:transparent url(../images/icons/check-big.png) no-repeat center left;
	color:#fff;
	font-size:3em;
	font-weight:lighter;
	margin:140px 0 0 20px;
	padding:25px 50px;
}

#outdoor p {
	margin-left:25px;
	color:#fff;
	font-size:1.8em;
}

/* Main Content Modules */

.modules {
	background:transparent url(../images/bg-modules.png) no-repeat center 5px;
	clear: both;
	width:900px;
	margin-left:15px;
}

/* voice portals */

#voice-portals {
	width:430px;
	float:left;
	margin: 0 20px;
	font-size: 1.1em;
}

#voice-portals table {
	width: 385px;
}

#voice-portals table td.img {
	width: 40px;
	text-align: left !important;	
}

.voice-portals .img {
	text-align: left !important;
}

#voice-portals table td.city,
#voice-portals table td select,
.voice-portals table td select {
	width: 160px;
	text-align: center;
}

#voice-portals table td a,
#voice-portals table td img,
.voice-portals table td a,
.voice-portals table td img {
	vertical-align: middle;
	padding-right: 4px;
	text-align: left !important;
	color: #555;
}

#voice-portals h2 {
	background:transparent url(../images/header-vp.png) no-repeat;
	border-bottom:5px solid #d6d6d6;
	float:left;
	height:42px;
	margin:5px 0 10px 0;
	text-indent:-9999px;
	width:222px;
}

#voice-portals p {
	font-size:1.1em;
	color:#666;
	width:390px;
	margin: 20px 0;
}

#voice-portals form {
	background:transparent url(../images/bg-vp-header.png) no-repeat;
	border-bottom:5px solid #d6d6d6;
	float:left;
	height:32px;
	margin:5px 23px 10px 0px;
	padding:5px 0;
	width:165px;
}

#voice-portals form input.text {
	width:105px;
	margin-left:5px;
	margin-top:6px;
	float:left;
	border:none;
	padding: 4px;
	border-top:1px solid #666;
}
#voice-portals form input.button {
	width:30px;
	float:right;
	margin-right:10px;
	margin-top:6px;
}

/* services network - home */
#network_services {
	margin: 0px 20px 10px 470px;
	padding-top: 10px;
}
#network_services .network-categories { 
	width: 400px;
	background: none;
	padding: 0;
	margin: 0;
}
.network-categories #category_form {
	margin-top: -50px;
	float: right;
}
#network_services .button_box { float: left; }
#network_services .network-categories ul {
	width: 400px;
	height: 250px;
	padding: 0;
	margin: 0;	
}
#network_services .network-categories ul li {
	width: 190px;
	height: 20px;
	line-height: 20px;	
}
#network_services h2 {
	background:transparent url(../images/bg-headers-sipcode.png) no-repeat 145px top;
	border-bottom:5px solid #d6d6d6;
	font-size: 1.8em;
	line-height: 30px;
	height:35px;
	margin:5px 0 10px 0;
	padding-right: 30px;
}
#network_services p {
	color:#666;
	font-size:1.1em;
}
#network_services form {
	margin: 20px 0;
}
#network_services form label {
	font-size:1.6em;
	color:#666;
	margin-right:10px;
}

/* Page Services - Home */
#page_services {
	float: right;
	width: 405px;
	margin: 20px 20px 0 0;
}
#page_services h2 {
	background:transparent url(../images/bg-headers-sipcode.png) no-repeat 75px top;
	border-bottom:5px solid #d6d6d6;
	font-size: 1.8em;
	line-height: 30px;
	height:35px;
	margin:5px 0 10px 0;
	padding-right: 30px;
}
#page_services ul {
	margin: 0;
	padding: 0;
	clear: both;
}
#page_services ul li {
	float: left;
	width: 190px;
	height: 20px;
	line-height: 20px;
	margin: 5px 0;
}
#page_services ul li a {
	padding-left: 40px;
	line-height: 40px;
	height: 40px;
	display: block;
	background: transparent url(../images/icons/check.png) no-repeat left center;
	text-decoration: none;
	color: #555;
	font-size: 1.1em;
}
#network_services .button_box,
#page_services .button_box { margin-top: 15px; }

/* Services **************************/
#network_services_index,
#voice_portals_index {
	padding-top: 110px;
}
#network_services_index_with_results {
}
#network_services_index .voice-portals,
#network_services_index_with_results .voice-portals {
	width: 250px;
	float: right;
}
#network_services_index .voice-portals table,
#network_services_index_with_results .voice-portals table {
	width: 250px;
	margin-top: 15px;
}
#network_services_index .voice-portals table select,
#network_services_index_with_results .voice-portals table select,
#network_services_index .voice-portals table .city,
#network_services_index_with_results .voice-portals table .city {
	width: 80px;
	text-align: center;
}
#network_services_index .voice-portals table thead th,
#network_services_index_with_results .voice-portals table thead th,
#voice-portals table thead th,
.voice-portals table thead th { 
	background: transparent url(../images/bg-vp-countries.png) repeat-x;	
	line-height: 30px;
	height: 10px;
	color: white;
	font-weight: bolder;
	padding: 3px 5px 7px 5px;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;	
}
#network_services_index .voice-portals table td,
#network_services_index_with_results .voice-portals table td,
#voice-portals table td,
.voice-portals table td { 
	vertical-align: middle;
	text-align: center;
	padding: 3px;
}
#network_services_index .voice-portals h2,
#network_services_index_with_results .voice-portals h2 {
	border-bottom: 4px solid #d6d6d6;
	font-size: 1.3em;
}
.network-categories { 
	background: transparent url(../images/bg-categories.png) no-repeat;
	width: 862px;
	height: 100px;
	margin-bottom: 15px;
	padding: 56px 0 10px 0px;
}
.network-categories li a {
	padding-left: 20px;
	color: #333;
	text-decoration: none;	
	font-size: 1.1em;
}
.network-categories li .cat-1 {
	background: transparent url(../images/categories/17.png) no-repeat 0 -3px;
}
.network-categories li .cat-7 {
	background: transparent url(../images/categories/5.png) no-repeat 0 -3px;
}
.network-categories li .cat-13 {
	background: transparent url(../images/categories/16.png) no-repeat 0 -3px;
}
.network-categories li .cat-2 {
	background: transparent url(../images/categories/1.png) no-repeat 0 -3px;	
}
.network-categories li .cat-3 {
	background: transparent url(../images/categories/2.png) no-repeat 0 -3px;	
}
.network-categories li .cat-4 {
	background: transparent url(../images/categories/3.png) no-repeat 0 -3px;	
}
.network-categories li .cat-5 {
	background: transparent url(../images/categories/12.png) no-repeat 0 -3px;	
}
.network-categories li .cat-6 {
	background: transparent url(../images/categories/4.png) no-repeat 0 -3px;	
}
.network-categories li .cat-8 {
	background: transparent url(../images/categories/13.png) no-repeat 0 -3px;	
}
.network-categories li .cat-9 {
	background: transparent url(../images/categories/14.png) no-repeat 0 -3px;	
}
.network-categories li .cat-10 {
	background: transparent url(../images/categories/18.png) no-repeat 0 -3px;	
}
.network-categories li .cat-11 {
	background: transparent url(../images/categories/15.png) no-repeat 0 -3px;	
}
.network-categories li .cat-12 {
	background: transparent url(../images/categories/11.png) no-repeat 0 -3px;
}
.network-categories li .cat-14 {
	background: transparent url(../images/categories/10.png) no-repeat 0 -3px;	
}
.network-categories li .cat-15 {
	background: transparent url(../images/categories/9.png) no-repeat 0 -3px;	
}
.network-categories li .cat-16 {
	background: transparent url(../images/categories/8.png) no-repeat 0 -3px;	
}
.network-categories li .cat-17 {
	background: transparent url(../images/categories/7.png) no-repeat 0 -3px;	
}
.network-categories li .cat-18 {
	background: transparent url(../images/categories/6.png) no-repeat 0 -3px;
}

.network-categories ul {
	width: 832px;
	height: 126px;
	padding: 0;
	margin: 0 30px;
}
.network-categories li {
	float: left;
	height: 30px;
	line-height: 30px;	
	width: 135px;
}
.network_service_featured { 
	background: transparent url(../images/bg-featured.png) no-repeat;
	width: 515px;
	height: 487px;
	padding: 50px 15px 10px 15px;
}
.network_service_featured li {
	width: 230px;
	height: 90px;
	border-bottom: 1px solid #e3e3e3;
	margin-right: 15px;
	padding: 5px 0;
	float: left;
}
.network_service_featured li.even {
	float: right;
	background-color: transparent !important;
}
.network_service_featured li h3 {
	color: #333 !important;
	font-size: 1.1em !important;
}
.network_service_featured li a {
	color: #66CC00;
	font-weight: bolder;
	text-decoration: none;
	margin-top: 10px;
	display: block;
}

.search_box {
	background: transparent url(../images/bg-serv-net-search.png) no-repeat;
	height:102px;
	width:892px;
	top: 215px;
	position: absolute;
	left: 50%;
	margin-left: -446px;
}
.search_box form {
	padding: 30px 50px;
}
.search_box label {
	color: white;
	font-size: 2.8em;
}
.search_box em {
	display: block;
	margin-left: 100px;
	margin-top: 4px;
	font-style: normal;
	color: #99CCFF;
}
#network_services_index .search_box .where em {
	margin-left: 135px;
}
.field_column input { 
	width: 196px;
	height: 23px;
}

/* LivePerson */
#lp_buttons { }
#lp_buttons ul { list-style: none; }
#lp_buttons ul li { float: left !important; }

/* Footer **************************/
#footer {
	background: transparent url(../images/bg-footer.png) no-repeat top center;
	height:100px;
	margin:0 auto;
	margin-top: -7px;
	width:830px;
	clear:both;
	text-align: center;
	font-size: 1.2em;
}
address { padding-left: 120px; }
address a {
	background: transparent url(../images/wsia.png) no-repeat top right;	
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	margin: 0 auto;
	text-decoration: none;
	color: #888;
}
address a em { 
	width: 17px; 
	height: 14px; 
	text-indent: -9999px; 
	overflow: hidden; 
	display: block;
}
#footer ul { margin: 0 auto; width: 700px; padding: 20px; }
#footer ul li { float: left; margin: 2px 4px; }
#footer ul li a { color: #777; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
address { text-align: center; margin: 0 auto; color: #777; margin-top: -20px; height: 45px; }
.even { background-color: #f4f4f4; }

#advanced_config_fields h2 { color: black; font-size: 1.2em; margin: 0; padding: 0; margin-top: 15px; }
#advanced_config_fields ul { margin: 10px 0; }
#advanced_config_fields li { margin-left: 15px; list-style: square; line-height: 1.3em; margin-bottom: 3px; }

.topbutton {
	position:absolute;
	top:-2px;
	margin:0px;
	padding:0px;
}