@charset "UTF-8";
/* CSS Document */

#container, .container, #footer  { display:none;}

/* first for IE 4–8 */
@font-face {
  font-family: NettoWeb;
  src: url("/css/NettoWeb.eot");
}
@font-face {
  font-family: NettoWeb-Light;
  src: url("/css/NettoWeb-Light.eot");
}
@font-face {
  font-family: NettoWeb-Bold;
  src: url("/css/NettoWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: NettoWeb;
  src: url("/css/NettoWeb.woff") format("woff");
}
@font-face {
  font-family: NettoWeb-Light;
  src: url("/css/NettoWeb-Light.woff") format("woff");
}
@font-face {
  font-family: NettoWeb-Bold;
  src: url("/css/NettoWeb-Bold.woff") format("woff");
}

/* go on with normal style definitions */
body, .NettoWeb { 
  font-family: NettoWeb, sans-serif;
}

body { text-align:center;
margin:0px;}

b { font-family: NettoWeb-Bold;}

body, p, div, td, a { font-size:15px; line-height:1.2; color:#275271;}


#content { text-align:left;}

.NettoWeb-Light {   font-family: NettoWeb-Light, sans-serif; }
.NettoWeb-Bold {   font-family: NettoWeb-Bold, sans-serif; }

#login { height:15px;}
#login a { background:url(/i/but_login.png) 0px 0px no-repeat; width:50px; height:21px; display:block; float:right;}
#login a:hover { background:url(/i/but_login.png) -50px 0px no-repeat; width:50px; height:21px;}

#login a b, #home #icons ul li a b, #products li a.but_arr b  { display:none;} 

#home { position:relative;}
#home #strap { position:absolute; left:35px; top:40px; z-index:9999;}
#home #strap h2, #slider h2, .flexslider h2 { font-family: NettoWeb-Light; font-size:50px; color:#FFF;
	-moz-text-shadow: 0px -1px 2px #aaa;
	-webkit-text-shadow: 0px -1px 2px #aaa;
	text-shadow: 0px -1px 2px #aaa;
}
#home #logo { position:absolute; top:50px; z-index:9999;}
#home #icons { position:absolute; z-index:9998; }
#home #icons ul { display:block;}

#home #icons ul, #home #icons li, #products ul, #products li, #footer ul, #footer li, #nav ul#menu, #nav ul#menu li, #nav ul#menu_products, #nav ul#menu_products li, #slider li ul, .flexslider li ul  { list-style:none; display:inline; margin:0; padding:0;}

#home #icons ul li a { width:48px; height:50px; float:left; margin-right:12px;}
#home #icons ul li a.etherwifi { background:url(/i/icon_5.png) 0px 0px no-repeat;} #home #icons ul li a.etherwifi:hover { background:url(/i/icon_5.png) 0px -60px no-repeat;}
#home #icons ul li a.etherpro { background:url(/i/icon_1.png) 0px 0px no-repeat;} #home #icons ul li a.etherpro:hover { background:url(/i/icon_1.png) 0px -60px no-repeat;}
#home #icons ul li a.enterpri { background:url(/i/icon_2.png) 0px 0px no-repeat;} #home #icons ul li a.enterpri:hover { background:url(/i/icon_2.png) 0px -60px no-repeat;}
#home #icons ul li a.telecoms { background:url(/i/icon_3.png) 0px 0px no-repeat;} #home #icons ul li a.telecoms:hover { background:url(/i/icon_3.png) 0px -60px no-repeat;}
#home #icons ul li a.channels { background:url(/i/icon_4.png) 0px 0px no-repeat; margin-right:0px;} #home #icons ul li a.channels:hover { background:url(/i/icon_4.png) 0px -60px no-repeat;}

#home #title { position:absolute; left:0px; z-index:9999; text-align:right; padding-right:27px; }
#home #title h1 { font-family: NettoWeb; font-size:20px; color:#FFF;
	-moz-text-shadow: 0px 1px 2px #5C7388;
	-webkit-text-shadow: 0px 1px 2px #5C7388;
	text-shadow: 0px 1px 2px #5C7388;
}


#products li.first { margin-left:0px; }
#products li h4 { color:#FFF; font-family:NettoWeb, sans-serif; font-size:22px; margin-bottom:5px;
-moz-text-shadow: 0px -1px 1px #aaa;
	-webkit-text-shadow: 0px -1px 1px #aaa;
	text-shadow: 0px -1px 1px #aaa; cursor:pointer;}
#products li a { text-decoration:none;}
#products li a.but_arr { display:block; float:right; width:36px; height: 38px; background:url(/i/but_arrow.png); margin-left:10px; margin-bottom:10px;}
#products li p { 
/*	-moz-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff; 	
-webkit-text-shadow: 0px 1px 0px #fff;*/
 cursor:pointer;}

#footer { width:100%; clear:both; text-align:center; }
#footer.hidden { padding:25px 0px 0px 0px; }
#footer.over {  padding:10px 0px 20px 0px; min-height:150px; }
#footer ul { float:left;}
#footer li, #footer li a  { font-size:12px; display:block; }
#footer ul.first { margin-left:0px;}
#footer #links { margin:0 auto; min-height:150px; text-align:left;}
#footer #links a { text-decoration:none;} #footer #links a:hover { text-decoration:underline;}


#address { clear:left; padding-top:15px;}
#address p { color:#4B94A5; font-size:12px; }

#tel { color:#4B94A5; font-size:36px; font-family:NettoWeb-Light; float:right; clear:both; padding-top:15px; }

#social { font-family:NettoWeb-Light; padding-top:30px; text-align:center; float:right; margin-right:15px; }
#social ul { display:inline; margin:0; padding:0;}
#social ul li { display: inline-block; margin:0; padding:0;}
#social ul li a span {display: inline-block; width: 32px; height: 32px;}
#social ul li a span.fb, #social ul li a span.tw { background-position:top; background-repeat:no-repeat; vertical-align:middle; margin-right:15px;}
#social ul li a span.fb:hover, #social ul li a span.tw:hover {background-position:bottom;}
#social ul li a span.fb { background-image:url(/i/fb.png);}
#social ul li a span.tw { background-image:url(/i/tw.png);}

#nav #logo { clear:right; margin-top:35px;}

#nav ul#menu { }
#nav ul#menu li.first { clear:both;}
#nav ul#menu li, #nav ul#menu li a { float:left; display:block; font-family:NettoWeb; font-size:13px; text-decoration:none; color:#A3AEB9;}
#nav ul#menu li a:hover { color:#275271;}
#nav ul#menu li { margin-right:5px; border-right:1px solid #A3AEB9; margin-bottom:10px;}
#nav ul#menu li.last  { margin-right:0px; border-right:none;}
#nav ul#menu li a { padding-right:5px;}

#nav ul#menu_products { clear:both; height:47px;}
#nav ul#menu_products li.first { clear:left;}
#nav ul#menu_products li  { display:block; float:left; width:100px; height:47px; margin-right:10px; }
#nav ul#menu_products li a  { display:block; float:left; width:90px; height:39px;background:url(/i/but_nav.png) 0px 0px no-repeat; padding:8px 0px 0px 10px;  font-family:NettoWeb-Bold; font-size:13px; line-height:1; text-decoration:none; color:#FFF; -moz-text-shadow: 0px -1px 0px #275271;
	-webkit-text-shadow: 0px -1px 0px #275271;
	text-shadow: 0px -1px 0px #275271;}
#nav ul#menu_products li a:hover, #nav #menu_products li a.h { background:url(/i/but_nav.png) -110px 0px no-repeat;}

#content { clear:both; padding-top:10px;}

#slider h3, .flexslider h3 { font-size:24px; font-family:NettoWeb-Light;}

#slider li ul li, .flexslider li ul li{ padding-left:20px; margin-bottom:10px; background:url(/i/bull.png) left 4px no-repeat;}

.blue_but { font-family:NettoWeb-Bold; font-size:15px; color:#fff; text-decoration:none; border-top:0; border-left:0; border-right:0; border-bottom:2px solid #25506F;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: #557C93; 
	background: -moz-linear-gradient(top,  #4B94A5 0%, #6F9DAE 50%, #557C93 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B94A5), color-stop(50%,#6F9DAE),  color-stop(100%,#557C93)); 
	background: -webkit-linear-gradient(top,  #4B94A5 0%,#6F9DAE 50%,#557C93 100%); 
	background: -o-linear-gradient(top,  #4B94A5 0%,#6F9DAE 50%,#557C93 100%); 
	background: -ms-linear-gradient(top,  #4B94A5 0%,#6F9DAE 50%,#557C93 100%); 
	background: linear-gradient(top,  #4B94A5 0%,#6F9DAE 50%,#557C93 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B94A5', endColorstr='#557C93',GradientType=0 ); 
	cursor:pointer;
	padding: 5px 10px; display:inline-block;
	
	/*font-family:NettoWeb-Bold; font-size:12px; text-decoration:none; border:1px solid #25506F;
    background:#D9DACA;
	min-width:80px;
	color:#5C7388;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	padding: 5px 15px 5px 15px; display:block; float:left;*/


	}
	
input.text { background:url(/i/input_bg.png) top left no-repeat; padding:5px 10px; font-family:NettoWeb; color:#275271; border:1px solid #CACAD9; font-size:12px;}	

.lcol p { font-size:15px; margin-bottom:15px;}
.rcol h4 { font-size:24px;}

#slider {position:relative;}
#slider img { position:absolute; left:0px; top:0px;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 auto; position: relative; zoom: 1; padding-bottom:30px;}