
/***
12090415_v02
***/

/*** fixes ***/
 
ul#menu li.title a span {
	width: 100px; 
	display:block;
	height:38px;
	text-align:center;
	padding-right:10px;
	margin-left:10px;
	_margin-left:5px;
	line-height:1.2;
	font-size: 15px; 
}

ul#menu li.title a span .v-inner {
	#position: relative;
	#top: -50%;	
	#left:-50%;
	width:100px;
	*padding-right:10px;
	_padding-right:0;
}

li.myAccount a.signIn {
	position: relative;
	top: 13px;
	left: 20px;
	font-weight: bold;
	padding: 0 20px;
	text-decoration: none;
	font-size: 1.083em;
}

#topQuickLinks li.myAccount {
	width: 170px;
	background-image: url(https://resources.vodafone.pt/mdd/suporte_login.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 40px;
	margin-right: -3px;
	/*font-size: 1.083em;*/ /*-- 13px --*/
	float: right;
	font-weight: normal;
	position: relative;
}



ul#menu li.searchdiv,
ul#menu li.searchdiv:hover {
	float:right;
	border-right: none;
}
.txtSearch {
	background: url(https://resources.vodafone.pt/mdd/suporte_search_box_2.gif) left top no-repeat #f00;
	width: 101px;
	padding: 7px 0 9px 7px;
	position: relative;
	vertical-align: top;
	top: 15px;
	right: -6px;
	margin: 0 0 0 9px;
}
.SearchBox_btnImageButton {
	height: 30px;
	width: 31px;
	position: relative;
	top: 15px;
	right: 7px;
}
ul#menu li.searchdiv legend,
ul#menu li.searchdiv label {
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	display: none;
}
		

		
		
		
		
		

/******
megamenu
*****/

a:focus {    
outline: none;
}
#orientation p{
position:absolute;
left:-1000px;
top:-1000px;
}
#header-wrap{
background:#F4F4F4 url(https://resources.vodafone.pt/mdd/suporte_body_bg_high.gif) repeat-x scroll left top;
float:left;
width:100%;
display: none;
}
#header{
width:960px;
margin:0 auto;
}	
body{
color: #525252;
background:#F4F4F4;
}
#mdd-global-nav-wrap a:link, #mdd-global-nav-wrap a:visited {color:#525252;}
#mdd-global-nav-wrap a:hover {color: #bd0000;}
#mdd-global-nav-wrap{
display:bock; 
width:950px;
}
#mdd-top-globalnav {
float: left;
margin: 0 0 0 80px;
height: 40px;
}
#mdd-top-globalnav li {
float: left;
display: inline;
height: 40px;
margin-left: -1px;
}
#mdd-top-globalnav li.active{margin-left:0; background:none}
#mdd-top-globalnav li a {
padding-left: 20px;
display: block;
float: left;
text-decoration: none;
position: relative;
background: url(https://resources.vodafone.pt/mdd/suporte_tab_global_inactive_left.gif) left top no-repeat;
color: #525252;
top: 10px;
}
#mdd-top-globalnav li a span {
padding-right: 20px;
font-size: 1.178em;
font-weight: bold;
display: block;
cursor: pointer;
float: left;
white-space: nowrap; /* White space nowrap added for larger text sizes in IE*/
background: url(https://resources.vodafone.pt/mdd/suporte_tab_global_inactive_right.gif) right top no-repeat;
height: 30px;
padding-top: 6px;
}
#mdd-top-globalnav li a:hover ,#mdd-top-globalnav li.active a{
background: url(https://resources.vodafone.pt/mdd/suporte_tab_global_active_left.gif) left top no-repeat;
color: #bd0000;
top: 5px;
}
#mdd-top-globalnav li a:hover span {
background: url(https://resources.vodafone.pt/mdd/suporte_tab_global_active_right.gif) right top no-repeat;
height: 35px;
padding-top: 8px;
}
#mdd-top-globalnav li.active a span {
background: url(https://resources.vodafone.pt/mdd/suporte_tab_global_active_right.gif) right top no-repeat;
height: 34px;
padding-top: 8px;
cursor:pointer
}
#mdd-top-links {
height: 40px;
background: transparent;
margin-bottom: 14px;
}
#mdd-top-links ul#top-quicklinks {
float: right;
height: 40px;
}
#mdd-top-links ul#top-quicklinks li {
float: left;
font-weight: normal;
font-size: 1em;
height: 40px;
background: url(https://resources.vodafone.pt/mdd/suporte_topnav_pipe.gif) left top no-repeat;
}
#mdd-top-links ul#top-quicklinks a {
text-decoration: none;
padding: 0 12px;
vertical-align: middle;
}
#mdd-top-links ul#top-quicklinks li a{
position: relative;  
top: 14px;	  
}
#mdd-top-links ul#top-quicklinks li.language-selector img {
padding-bottom: 2px;
}
/*================  2nd level of navigation  ================*/
#navFrame{
position:absolute; 
z-index:10; 
background:#fff;
display:none;
}
#top-nav {
width: 950px;
z-index:80;
}
#top-nav ul#menu{
width: 950px;
height: 58px;
float: left;
list-style-type: none;
position: relative;
background:#f80000 url(https://resources.vodafone.pt/mdd/suporte_bg_menu.gif) repeat-x; 
margin-left: -1px;
border:1px solid #dbdbdb ;
border-bottom:none;	
position: relative;
z-index:80;
}
#top-nav ul#menu li.logo{
width:68px;
overflow:hidden;
}
ul#menu li {
float:left;	
text-align: center;
height: 58px;
border-right: 1px solid #df0000;
width:auto;
}
#top-nav img {
padding: 9px 15px;
}
/*----[Top level menu hover]----*/
ul#menu a{
display: block;
text-decoration: none;    
font-weight: bold; 
}
ul#menu li a{
color: #fff; 
height:58px;
cursor:pointer; 
}
ul#menu li.title {  
font-weight: bold;	
}
ul#menu li.title:hover .v-inner{
/*text-decoration:underline;*/
}

/** fixed

ul#menu li.title a span {
width:160px; 
display:block;
height:38px;
text-align:center;
padding-right:10px;
margin-left:10px;
_margin-left:5px;
line-height:1.2;
font-size: 15px; 
}	
**/

ul#menu li.title div a{position:static;}
ul#menu li.title.fiveCol a span {
width:122px;/*142-10px from right-10 from left*/

}	
ul#menu li.title a:hover,ul#menu li.sfHover a {
background: url(https://resources.vodafone.pt/mdd/suporte_menu_left.gif) left top no-repeat; 
}
ul#menu li.title a:hover span,ul#menu li.sfHover span{  
background: #fff url(https://resources.vodafone.pt/mdd/suporte_menu_right.gif) right top no-repeat;
color:#525252;
/*text-decoration:underline;*/
}
ul#menu li.title a.active {
background:#bd0000;  
}
ul#menu li.title a.active:hover, ul#menu li.sfHover a.active  {
background: #bd0000 url(https://resources.vodafone.pt/mdd/suporte_menu_left.gif) left -116px no-repeat;
}
ul#menu li.title a.active:hover span, ul#menu li.sfHover a.active  span  {
background: #fff url(https://resources.vodafone.pt/mdd/suporte_menu_right.gif) right -116px no-repeat; 
}
ul#menu li{
cursor:auto;
}
/*----[Search in menu bar]----*/
ul#menu li.search {
padding:15px 7px 0 7px;
border-right: none; 
height:43px;
width:143px; 
position:absolute;
right:0;
line-height:27px;
}
ul#menu li.search input{border:none; padding:0; margin:0}
.searchBtn{
height: 30px;
width: 31px;
float:left; 
background:url(https://resources.vodafone.pt/mdd/suporte_btn_search.gif) no-repeat scroll ;
}
ul#menu li.search input#top-search-field {
width: 104px;
vertical-align: top;
float:left;
font-weight:bold;
font-size:1.087em;
height:28px;
border:1px solid #d02f2f;
background: #f4f4f4;
border-right:none;
padding-left:7px;
font-family:Arial,Helvetica,sans-serif;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) /*-- Opera --*/
{
head~body ul#menu li.search input#top-search-field { padding-top: 0; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*-- Safari & Chrome --*/
ul#menu li.search input#top-search-field {
padding: 0 0 0 7px;
}
}
ul#menu li.search #SearchBox_btnImageButton {
height: 30px;
width: 31px;
vertical-align: top;
float:left;  
}
/*================drop down====================*/
ul#menu li ul{
background: #fff;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 10px 0 29px 10px;
font-size: 12px;
font-weight: normal; 
position:absolute;
top:52px;
left:0px;
width:auto;
overflow-x:hidden;
float: left; 
z-index:20; 
}
/**
ul#menu li ul img{ height:80px;}
**/
ul#menu li ul img{ }

ul#menu li ul div.support img{ height:17px;}
ul#menu li ul li{border:none;width:auto; height:auto;float: left; 	}
ul#menu li.title ul li a:hover,ul#menu li ul li.title a:hover span{background:none;}
ul#menu li ul li div{
float: left; 
width: 145px;
text-align: left;
background: #fff;
margin: 0  10px 0 0;
}
ul#menu li.title ul.sub li div a,ul#menu li.title.fiveCol ul.sub li div a,ul#menu li.title ul.sub li div a:hover{
width: 144px;
}
ul#menu li.title ul li div a,ul#menu li.title.fiveCol ul li div a{
float:none;
/*width: 144px;*/
height: auto;
font-weight: normal;
border-bottom: 1px solid #e5e5e5;
color:#525252;
padding-bottom:2px;
font-size:11px;
padding:0 0 0 1px;
background:none;
}
ul#menu  li.title ul li div a.noBorder{border:none;}
ul#menu  li.title ul.sub li div a:hover,ul#menu  li.title.fiveCol ul.sub li div a:hover,ul#menu  li.title ul.sub li div h2 a:hover{
color: #e00000;
text-decoration: underline;
}
ul#menu li.title ul  img,ul#menu li.title.fiveCol ul img {
padding:0 0 7px 0;
}
ul#menu li ul li div  h2{
font-weight:bold;
border-bottom: 1px solid #e5e5e5;
padding-bottom:2px;
padding-top:8px;
}
ul#menu li.title ul.sub li div  h2 a,ul#menu li.title.fiveCol ul.sub li div  h2 a{
border:none;
width: 142px;  
font-weight:bold;
color:#333;
padding-left:3px;
font-size: 12px;
}
ul#menu li.title ul.sub li div  h2 a:hover,ul#menu li.title.fiveCol ul.sub li div  h2 a:hover{width: 142px; }
ul#menu li ul li div.support  h2{padding:0 0 3px 0;}
ul#menu li ul li div.support {
background: #ebe9ea;
width: 135px;
padding: 9px 0 2px 10px;  
margin-right:0;
}
ul#menu li ul li div.support h2,ul#menu li ul li div.support h2 img{float:left;}
ul#menu li ul li div.support h2,ul#menu li ul li div.support h2 a{
float:none;
font-size: 12px;
}
ul#menu li.title ul.sub li div.support h2{
width: 135px;
border-bottom: 1px solid #dfdfdf;
color:#333;
}
ul#menu li.title ul.sub li div.support a,ul#menu li.title.fiveCol ul.sub li div.support a,ul#menu li.title ul.sub li div.support a:hover{
width: 130px;
border-bottom: 1px solid #dfdfdf;
}
ul#menu li.title ul.sub li div.support h2 a{margin-top:1px;}
ul#menu li.title div.support img {
padding:0 2px 0 0;
}
ul#menu li.title ul.sub li div.support h2 a,ul#menu li.title.fiveCol ul.sub li div.support  h2 a,
ul#menu li.title ul.sub li div.support h2 a:hover,ul#menu li.title.fiveCol ul.sub li div.support  h2 a:hover{
border:none;
width:130px;
padding:0px 0  0 1px;
}
.sub{display:none;opacity:0;padding:0; }

#mdd-top-links ul#top-quicklinks li.myAccount a.buttonLight {
background: url(https://resources.vodafone.pt/mdd/suporte_sign_in_left.gif) left top no-repeat;
color: #525252;
display:block;
float:left;
padding-left:38px;
text-decoration:none;
position:static;
height: 40px;
font-size: 1.178em;
padding-right:0;
}
#mdd-top-links ul#top-quicklinks li.myAccount a.buttonLight span {
background: url(https://resources.vodafone.pt/mdd/suporte_sign_in_right.gif) right top no-repeat;
cursor:pointer;
display:block;
float:left;
font-weight:bold;
padding:13px 12px 0 0;
white-space:nowrap;
height:25px;
}
#mdd-top-links ul#top-quicklinks li.logged{
color: #525252;
font-size: 1.178em;
background:url(https://resources.vodafone.pt/mdd/suporte_sign_img.gif) no-repeat 1px  70%;
}
#mdd-top-links ul#top-quicklinks li.logged a{
}
#mdd-top-links ul#top-quicklinks li.logged span{
font-weight:bold;
position:relative; 
padding: 9px 0 10px 15px;
top:-1px;
text-decoration:underline;
}
#mdd-top-links ul#top-quicklinks li.myAccount a.buttonLight:hover span{color:#bd0000;} 
#mdd-top-links ul#top-quicklinks li.log-out .buttonLoggedIn {
padding: 0 0 0 12px;
position: relative;
top: 8px;
}
a.buttonLoggedIn {
padding-left: 12px;
display: block;
float: left;
text-decoration: none;
}
a.buttonLoggedIn span {
display: block;
font-weight: bold;
cursor: pointer;
float: left;
white-space: nowrap ;/* White space nowrap added for larger text sizes in IE*/
background: url(https://resources.vodafone.pt/mdd/suporte_buttonLoggedInRightOff.gif) right top no-repeat;
color: #525252;
height: 26px;
padding: 6px 12px 0 0;
}
a.buttonLoggedIn:link,
a.buttonLoggedIn:visited,
a.buttonLoggedIn:hover,
a.buttonLoggedIn:active {
background: url(https://resources.vodafone.pt/mdd/suporte_buttonLoggedInLeftOff.gif) left top no-repeat;
color: #525252;
}
a.buttonLoggedIn:hover {
background: url(https://resources.vodafone.pt/mdd/suporte_buttonLoggedInLeftOn.gif) left top no-repeat;
color: #525252;
}
a.buttonLoggedIn:hover span {
background: url(https://resources.vodafone.pt/mdd/suporte_buttonLoggedInRightOn.gif) right top no-repeat;
color: #525252;
}
#mdd-top-links ul#top-quicklinks li.log-out .buttonLoggedIn {
padding: 0 0 0 12px;
position: relative;
top: 8px;
}
.popup_btn,.popup_btn a,.popup_btn a:hover{ width:100%; text-decoration:none;}
.popup_btn a:hover{ color:#FFFFFF;}
/*=================*/
ul#menu li.title .v-outer {
display: table;	
*position: relative;
height: 58px;
}
ul#menu li.title a .v-middle {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
#left:50%;
}
/** fixed
ul#menu li.title a span .v-inner {
#position: relative;
#top: -50%;	
#left:-50%;
width:160px;
*padding-right:10px;
_padding-right:0;
}
**/
ul#menu li.title a:hover span .v-inner{
  color:#e00000;
  /*text-decoration: underline;*/
}
ul#menu li.title a:hover{ _zoom:1;}
ul#menu li.title.fiveCol a span  .v-inner {width:122px;  }
/*ie6 specific codes*/
#mdd-top-globalnav {_margin-left: 40px;}
#mdd-global-nav-wrap{ _height:54px; _overflow:hidden;}    
#mdd-top-globalnav li a:hover {_background: url(https://resources.vodafone.pt/mdd/suporte_tab_global_active_left.gif) left top no-repeat;
_color: #bd0000;_top: 5px;_height: 35px;_zoom:1}
#top-nav ul#menu{_zoom:1}
ul#menu a{_float:left;}
ul#menu li.title a span {_float:left; _margin-left:5px;_zoom:1;}
/*ie6 specific codes*/

.alert_message {
background:#FFFFEB;
width:auto;
border:1px solid #F6B040;
padding:3PX;
float:left;
margin-left:5px;
margin-top:2px
}
.alert_message img {
float:left;
padding-right:3px;
margin-top:-1px
}
.confirmation_message {
background:#FFFFEB;
width:auto;
border:1px solid #3FB23A;
padding:3PX;
float:left;
margin-left:5px;
margin-top:2px
}
.confirmation_message img {
float:left;
padding-right:3px;
margin-top:-1px
}




    /*----[Reduced Eric Meyer Reset]----*/

* {
    margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

    /*----[Clearfix]----*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}
* html .clearfix {
    overflow: hidden;
}

    /*----[Hide an element]----*/

.hide-element {
    visibility: hidden;
}

    /*----[Overall style rules]----*/
 
body {
	/*font: 69%/1.5 Arial, Helvetica, sans-serif;*/
	background: #f4f4f4 url(https://resources.vodafone.pt/mdd/suporte_body_bg_high.gif) left top repeat-x;
	/*color: #525252;*/
	/*-webkit-text-stroke:1px transparent;*/
}


/** js **/
#jsmenu{display:none;}


/****
Se nao houver imagens, mudar para:
	display: none;
****/
.mdd-image {
	display: none;
}





























/*****

Update 09 Out 2012

Corrige risco inferior de cada coluna
<a href="https://loja.vodafone.pt/homephone/" class="mdd-image">
<img style="display:none;" src="#" alt="" title="" /></a>

v1 - associado ao <A>

ul#menu li.title ul.sub li div a.mdd-image {
	border-bottom: 0px;	
}
******/

/***
v2 - classe no IMG (XML) é associada ao <IMG> e nao ao <A> que contem o <IMG>

****/
ul#menu li.title ul.sub li div a {
	border-bottom: 0px;	
}

/*****

Alterar as propriedades dos items de 2º nível (nomes das colunas)
<a style="min-height:1.7em;" title="" href="https://loja.vodafone.pt/homephone/" class="mdd-2level"><p style="margin:0;line-height:1.6em;background-position:left center;background-image:;">Telemoveis</p></a>

*****/

ul#menu li.title ul.sub li div a.mdd-2level {
	border-bottom: 0px;
	padding-bottom: 2px;
	
	color: black;
}

ul#menu li.title ul.sub li div a.mdd-2level p {
	/** color: black; */
	
	padding-bottom: 5px;
	font-size: 13px;
	font-family: 'Arial CE', Arial, 'Verdana CE', Verdana, sans-serif;
	border-bottom: 2px solid #ebebeb;
	
	font-weight: bold;
	
}

/*****

Alterar as propriedades dos items de 3º nivel (links)
<a title="" class="mdd-3level" href="https://loja.vodafone.pt/homephone/" >Catalogo</a>

*****/
ul#menu li.title ul.sub li div a.mdd-3level {
	color: #525252;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 11px;
	border-bottom: 1px solid #E5E5E5;
}

