@charset "utf-8";
* {  font-family: Tahoma;  margin: 0px;  padding: 0px;  border: 0px; cursor:default; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


p {  font-size: 110%; line-height: 1.5;  margin-bottom: 10px; margin-right: 10px; margin-left: 10px; }
h1, h2, h3 {  margin-bottom: 10px; }
h4 {  margin-bottom: 5px; }
.center { text-align:center; }
.alert { text-align:center; width: 600px; font: Bold 13px Tahoma; color:#C30; }
ul {   margin-bottom: 10px; }
a.aportal{ color: White;  font-weight: bold; cursor:pointer; } 
a {  color: #d95429;  font-weight: bold; cursor:pointer; } 
 

.a {  color: #d95429;  font-weight: bold; cursor:pointer; } 

body { font: 12px Arial, Verdana, sans-serif; background-color:#fff; color:#333; }

input.button {color: #333; font: bold 11px Arial; background: White; border: 1px Solid Silver; width: 120px; text-align: center;}
input.button:hover {color: #333; font: bold 11px Arial; background: Silver; border: 1px Solid Silver; width: 120px; text-align: center;}


td.text { font:  11px Arial; color: black; } 
td.textb { font: bold 11px Arial; color: black; } 



#container-outter {  width: 1024px; margin: auto; }
#container-inner {  position: absolute;  width: 1024px; }
#logo {  clear: both;  position: relative; top: 0px; left: 0px; }

#menu {  position: relative; width: 1024px; height: 37px; z-index: 90; margin-top: 0; margin-bottom: 0; }
#menu #ul_menu { margin: 0px; padding: 0px; }
#menu #ul_menu li { display: inline;  }
#menu #ul_menu li a { float: left; width: 117px; height: 0px; padding-top: 37px; overflow: hidden; }
#menu #ul_menu li a, #menu #menu_end { background-image: url('../img/bg_menu.png'); _background-image : url('../img/bg_menu.gif'); background-repeat: no-repeat; }

#menu #ul_menu li#li1 a { background-position: 0 0; }
#menu #ul_menu li#li2 a { background-position: -117px 0; }
#menu #ul_menu li#li3 a { background-position: -234px 0; }
#menu #ul_menu li#li4 a { background-position: -351px 0; }
#menu #ul_menu li#li5 a { background-position: -468px 0; }
#menu #ul_menu li#li6 a { background-position: -585px 0; }
#menu #ul_menu li#li7 a { background-position: -702px 0; }

#menu #ul_menu li#li1 a:hover { background-position: 0 -37px; }
#menu #ul_menu li#li2 a:hover { background-position: -117px -37px; }
#menu #ul_menu li#li3 a:hover { background-position: -234px -37px; }
#menu #ul_menu li#li4 a:hover { background-position: -351px -37px; }
#menu #ul_menu li#li5 a:hover { background-position: -468px -37px; }
#menu #ul_menu li#li6 a:hover { background-position: -585px -37px; }
#menu #ul_menu li#li7 a:hover { background-position: -702px -37px; }

#menu #menu_end { width: 205px; height: 37px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }


#main { width:100%; position: relative; }


#main {
  position: relative;
  margin-top: 5px;
  clear: both;
  float: left;
  width: 1024px;
  background: white;
  font-size: 95%;
}
  
   #bannerCanopy {
  clear: both;
  float: left;
  width: 1024px;
  height: 350px;
  background-image: url('../img/banner_canopy.png');
  background-repeat: no-repeat;
  font-size: 95%;
  }
  
  #bannerGepon {
  clear: both;
  float: left;
  width: 1024px;
  height: 350px;
  background-image: url('../img/banner_gepon.png');
  background-repeat: no-repeat;
  font-size: 95%;
  }

  #bannerNanostation {
  clear: both;
  float: left;
  width: 1024px;
  height: 350px;
  background-image: url('../img/banner_nanostation.png');
  background-repeat: no-repeat;
  font-size: 95%;
  }
  
  #main_content {
  clear: both;
  float: left;
  width: 1024px;
  background-image: url('../img/bg_main_content_middle.png');
  background-repeat: repeat-y;
  font-size: 95%;
  }
  #main_content_top {
  float: left;
  width: 1024px;
  background-image: url('../img/bg_main_content_top.png');
  background-repeat: no-repeat;
  background-position: top center;
  }
  #main_content_bottom {
  float: left;
  width: 1024px;
  background-image: url('../img/bg_main_content_bottom.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  }

#main_content_bottom .main_content_bottom_inner {
  margin-left: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
  height:  450px;
  
} 

#main_content .inner {
  margin-left: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
  height:  450px;
}


#ul_div { position: relative;  width: 630px; height: 22px; z-index: 9997; margin-top: 0; margin-bottom: 0;  }
#ul_div.hi_title{  text-decoration:underline; }
#ul_div.hi{ background-color: #E4E4E4; }
#ul_div.lo { background-color: Transparent; }

#ul_div #ul_row { margin: 0px; padding: 0px;  }
#ul_div #ul_row li { display:inline; width: 80px;  margin-top:5px; font-size: 110%; font-weight: bold; cursor:default; }
#ul_div #ul_row li a {  width: 120px; overflow: hidden; text-decoration:none; }


#ul_div #ul_row li#li1 { float:left; width: 350px;  }
#ul_div #ul_row li#li2 { float:right; width: 160px; }
#ul_div #ul_row li#li3 { float:right; width: 120px; }
#ul_div #ul_row li#li4 { float:left; width: 500px; }
#ul_div #ul_row li#li5 { float:left; width: 100px; }
#ul_div #ul_row li#li6 { float:left; width: 380px; text-align:center; }
#ul_div #ul_row li#li_portal { float:left; width: auto; }

#tv_div { position: relative; width:630px; height: 22px; z-index: 9997; margin-top: 0; margin-bottom: 0; }
#tv_div.hi_title{  text-decoration:underline; height: 20px; height: auto;}
#tv_div.col{ height: 200px;}
#tv_div #tv_ul_row { margin: 0px; padding: 0px;  }
#tv_div #tv_ul_row li { float:left;  display:table-column; margin-left:10px; width: 113px; margin-top:5px; font-size: 100%; font-weight: bold; cursor:default;  }

#tv_div #tv_ul_row li#li1 { background-color:#F2DDDC; }
#tv_div #tv_ul_row li#li2 { background-color:#EAF1DD; }
#tv_div #tv_ul_row li#li3 { background-color:#E5E0EC; }
#tv_div #tv_ul_row li#li4 { background-color:#DBEEF3; }
#tv_div #tv_ul_row li#li5 { background-color:#FDE9D9; }
#tv_div #tv_ul_row li#li6 { background-color:#E6B9B8; }
#tv_div #tv_ul_row li#li7 { background-color:#953735; color:#FFF; }

#tv_ul_row2 { margin: 0px; padding: 0px; height: 200px;}
#tv_ul_row2 li { display:table-row; width: 115px; margin-top:5px; font-size: 100%; font-weight: bold; cursor:default; }


#locations_ul { margin: 0px; padding: 0px; }
#locations_ul li { display:table-row; height:17px; width: 162px; margin-top:5px; font-size: 110%; font-weight: bold; cursor:default; }


  #tariffs {
  float: left;
  width: 652px;
  background-image: url('../img/bg_tariffs_middle.png');
  background-repeat: repeat-y;
  background-position: center;
  font-size: 95%;
  }
  #tariffs_top {
  float: left;
  width: 652px;
  background-image: url('../img/bg_tariffs_top.png');
  background-repeat: no-repeat;
  background-position: top center;
  }
  #tariffs_bottom {
  float: left;
  width: 652px;
  background-image: url('../img/bg_tariffs_bottom.png') ;
  background-repeat: no-repeat;
  background-position: bottom center;
  }


  #message {
  float: left;
  width: 652px;
  background-image: url('../img/bg_message_middle.png');
  background-repeat: repeat-y;
  background-position: center;
  font-size: 95%;
  }
  #message_top {
  float: left;
  width: 652px;
  background-image: url('../img/bg_message_top.png');
  background-repeat: no-repeat;
  background-position: top center;
  }
  #message_bottom {
  float: left;
  width: 652px;
  background-image: url('../img/bg_message_bottom.png') ;
  background-repeat: no-repeat;
  background-position: bottom center;
  }


  
    #tariffs2 {
  float: left;
  width: 302px;
  background-image: url('../img/bg_tariffs2_middle.png');
  background-repeat: repeat-y;
  background-position: center;
  font-size: 95%;
  }
  #tariffs2_top {
  float: left;
  width: 302px;
  background-image: url('../img/bg_tariffs2_top.png');
  background-repeat: no-repeat;
  background-position: top center;
  }
  #tariffs2_bottom {
  float: left;
  width: 302px;
  background-image: url('../img/bg_tariffs2_bottom.png') ;
  background-repeat: no-repeat;
  background-position: bottom center;
  }

  #button_popis {
  width: 650px;
	height: 30px;
	z-index: 9998;
  position: relative;
  margin-top: 0; margin-bottom: 0;
  }
#button_popis #ul_menu2 { margin: 0px; padding: 0px; }
#button_popis #ul_menu2 li { display: inline;  float: left; width: 55px; overflow: hidden; }
#button_popis #ul_menu2 li a { float: left; width: 55px; height: 0px; padding-top: 30px; overflow: hidden; }
#button_popis #ul_menu2 li a { background-image: url('../img/button_popis.png') ; background-repeat: no-repeat; }


#button_popis #ul_menu2 li#li1 a { background-position: 0 0; }
#button_popis #ul_menu2 li#li1 a:hover { background-position: 0 -30px; }
#button_popis #menu_end2 { width: 5px; height: 30px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }

#tariffs  .inner2 {
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  height:  50px;
  }



  #main h1 {
    color: #55443f;
  }
  #main h1 a,
  #main h2 a,
  #main h3 a {
    color: #55443f;
  }

#main .fullwidth {
  width: 850px;
}

#leftpanel_locations {
  float: left;
  width: 200px;
  margin-left: 0px;
}

#leftpanel_locations #leftpanel_locations_inner{
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  height:  450px;
} 

#centerpanel {
  float: left;
  width: 1024px;
  margin-left: 10px;
}

#centerpanel #centerpanel_inner{
  margin-left: 186px;
  margin-right: 186px;
  margin-top: 20px;
  margin-bottom: 20px;
} 

#rightpanel {
  float: left;
  width: 776px;
  margin-left: 10px;
}

#rightpanel #rightpanel_head{
  margin-left: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #CCC;
} 


#rightpanel #rightpanel_inner{
  margin-left: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
} 

#column-left {
  float: left;
  width: 330px;
  height: 450px;
  margin-left: 0px;
}

#column-middle {
  float: left;
  width: 330px;
  height: 450px;
  margin-left: 11px;
  background-image: url('../img/bg_column_middle.png');
}
#column-right {
  float: left;
  width: 330px;
  height: 450px;
  margin-left: 11px;
}

#column-middle .inner {
  margin-left: 38px;
  margin-right: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#column-right .column-right-inner {
  margin-left: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#column-right .middle {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 9px;
}
#column-right .bottom {
  width: 268px;
  background-image: url('../img/layout/bg_right_bottom.png');
  background-repeat: no-repeat;
  height: 13px;
}
#column-right .top {
  width: 268px;
  background-image: url('../img/layout/bg_right_top.png');
  background-repeat: no-repeat;
  height: 22px;
}




#footer {
  clear: both;
  float: left;
  width: 1024px;
  margin-top: 30px;
  font-size: 80%;
  color: Black;
  margin-bottom: 30px;
} 
  #footer a {
	cursor:pointer;
  color: #c8b381;
  }


#portal_inner {
  float: left;
  margin-left: 38px;
  margin-right: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#portal_inner #column_left{
	float: left;
	text-align:right;
	width: 250px;
	height: 20px;
	font-weight: bold;
} 


#portal_inner #column_right{
	float: left;
    margin-left: 10px;
	text-align: left;
	width: 350px;
	height: 20px;
} 

#portal_inner .portal_input {
	border: 1px Solid Grey;
	font:  9px Arial;
	height: 17px;
} 

#voip_inner {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}


#transbox {
	vertical-align: top;
    top: 0px;
	left: 0px;
	width: 100%;
	height: 300%; 
	display:none;
	position:absolute;
	background-color: #000000;
	#filter:alpha(opacity=70);
	opacity: 0.7;
	z-index:99;
	}

#div_vypadek {
	vertical-align: top;
    top: 0px;
	left: 0px;
	width: 100%;
	height: 300%; 
	display:none;
	position:absolute;
	background-color: #000000;
	#filter:alpha(opacity=70);
	opacity: 0.7;
	z-index:99;
	}

	
#portal_logo {
/*  float: left; */
  width: 1024px;
  height: 300px;
  background-image: url('../img/portal_logo.png');
  background-repeat: no-repeat;
  font-size: 95%;
}	
  

 
#portal_logo #portal_logo_inner1 {
  float: left;
  margin-left: 100px;
  margin-right: 38px;
  margin-top: 90px;
  margin-bottom: 20px;
}

#portal_logo #portal_logo_inner2 {
  float: left;
  margin-left: 460px;
  margin-right: 38px;
  margin-top: 132px;
  margin-bottom: 20px;
}





div.location_on { display: table-cell; vertical-align: middle; height: 20px; width:160px;  font: bold 12px Arial; background: white;  cursor: pointer;}
div.location_off {display: table-cell; vertical-align: middle; height: 20px; width:160px;  font: bold 12px Arial; background: transparent;  cursor: pointer;}