/******************************************************
*                                                     *
*   MEDIA:  WEB                                       *
*                                                     *
*   CSS file - http://www.t-com.hr/                   *
*                                                     *
*   Copyright (c) webmaster@t-com.hr, 2007.    		  *	
*                                                     *
******************************************************/


body {
    margin: 10px 0;
	 padding: 0;
	 font-family:  Arial, Verdana, Tahoma,  sans-serif;
	 font-size: 11px;
	 background: #eeeeee;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
}





/******************************/

#mainintro{
	position: absolute;
	width: 986px;
	left: 50%;
	margin-left: -493px;
	top: 50%;
	margin-top: -305px;
	background: transparent url(../images/main_bg.gif) repeat-y;
	background-repeat: repeat-y;	
}

#webmap #main{
	width: 750px;
	margin: auto;
	padding: 0;
	background: transparent url(../images/main_bg.gif) repeat-y;
	background-repeat: repeat-y;	
}

#main{
	width: 986px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #cccccc;
	background: White;
}

#contentcenter #webmap a{
	color: #666666;
	font-size: 11px;
}

#contentcenter #webmap a:hover{
	color: #E20074;
	font-size: 11px;
}

#lockpad{
	padding: 0 6px;
	position:relative;
	
}

#shadowup{
	line-height: 6px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/shadowup.gif) no-repeat;	
	display: none;	
}

#shadowdown{
	line-height: 6px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/shadowdown.gif) no-repeat;	
	display: none;
}

#header{
	padding: 0;
	margin: 0 0 5px 0;
	width: 974px;
	background: url(../images/bgdigits.gif);
}

#logo{
	padding: 0;
	margin: 8px 0 0 0;	
	float: left;
}

#logo img{
	margin: 0;
}



#navtop{
	text-align: right;
	color: #ebebeb;	
	padding: 12px 5px 0 0;	
	margin: 0;
}

#navtop a{
	color: #797979;
	text-decoration: none;
	font-weight: normal;
	padding: 0 10px;
	margin: 0;	
}

#navtop a:hover{
	color: #E20074;	
}

/****************** T-Com intropage *****/

#tabmenubgintro{
	padding: 0 0 0 330px;
	margin: 0px;
	width: 644px; 		
	height: 26px;
	border-bottom: 1px solid #b8b8b8;
}

#intronav{
	background: url(../images/intronav.gif) no-repeat right;
	width: 380px;
	height: 13px;
	padding: 0 0 0 225px;
	margin: 0;
}

#intronav ul{
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	position: relative;
}

#intronav li{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}

#intronav li a{
	display: block;
	height: 13px;
	text-indent: 0px;
	position: absolute;
	cursor: pointer;
	line-height: 43px;
	color: White;
}

#intronav li strong, #intronav li img.none{
	visibility: hidden;
}

#intronav #privatni a{
	left: 0;	
	top: 0;
	width: 115px;
}

#intronav #poslovni a{
	left: 145px;
	top:0;
	width: 118px;
}
#intronav #veleprodaja a{
	left: 292px;
	top:0;
	width: 115px;
}

#intronav #privatni a:hover{
	background: url(../images/privatni_intro_hover.gif) no-repeat ;
}
#intronav #poslovni a:hover{
	background: transparent url(../images/poslovni_intro_hover.gif) no-repeat ;
	left: 145px;
}
#intronav #veleprodaja a:hover{
	background: transparent url(../images/veleprodaja_intro_hover.gif) no-repeat ;
	left: 292px;
}

#zones{
	padding: 40px 0 0 40px;
}

#brandzoneintro{
	background: url(../images/brandfoto_intro_bg_winter.jpg) no-repeat;
	padding: 185px 0 0 20px;
	margin: 0;
	width: 545px;
	height: 140px;
	float: left;
}

#servicezones{
	padding: 0 0 0 610px;
}

.serviceinfo{
	padding: 0;
	margin: 0 42px 0 0;
}

.serviceinfo2{
	padding: 0;
	margin: 25px 42px 0 0;
}

.serviceinfo ul, .serviceinfo2 ul{
	margin: 9px 0 0 2px;
	padding: 0;
}

.serviceinfo li, .serviceinfo2 li{
	margin: 5px 0;
	padding: 0;
	color: #888888;
	list-style: none;
}

.serviceinfo span, .serviceinfo2 span{
	background: url(../images/seviceintro_bullet.gif) no-repeat left;
	margin: 0;
	padding: 0 0 0 15px;
}

/***************** T-com brandtabs menu ****/
#brandtabs{
	padding: 0 0 0 45px;
	margin: 0 auto;	
	font-weight: bold;
	width:941px;
}

#brandtabs ul{
	margin: 0;
	padding: 0;
}

#brandtabs li{
	float: left;
	margin: 0 2px 0 0;
	padding:0;
	border: 1px solid #d8d8d8;
	border-bottom: 0;
	position: relative;
	top: 2px;
	list-style-type:none;
}

#brandtabs li a{
	color: #666666;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 15px;
	line-height:22px;
	background: #f2f2f2;
	text-align: center;
	font-weight: bold;
}

#brandtabs li a:hover{
	color: #999999;
	background: #e5e5e5;
}

#brandtabs li.active{
	position: relative;
	top: 1px;
	background: White;
	color: #e20074;
	padding: 0 15px;
	line-height:24px;
	text-align: center;
	border: 1px solid #cccccc;
	border-bottom: 0;
}

#brandtabs .search {float:right; margin:8px 0 0 0; color:#999; display:block; }
#brandtabs .search a {margin:0 8px; color:#999; text-decoration:none; font-weight:normal;}
#brandtabs .search a:hover {color:#e20074;}

/***************** T-com tabbed menu ****/

#tabmenubg{
	background: transparent url(../images/tabmenu.gif) 330px bottom no-repeat;
	padding: 5px 0 0 330px;
	margin: 0px;
	width: 644px; 		
	height: 26px;
	border-bottom: 1px solid #b8b8b8;
	
}

#tabmenubgen{
	background: transparent url(../images/tabmenuen.gif) 330px bottom no-repeat;
	padding: 0 0 0 330px;
	margin: 0px;
	width: 644px; 		
	height: 26px;
	border-bottom: 1px solid #b8b8b8;
}


#tabmenubg a{
	border: 0;
}

#tabmenu{
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	position: relative;
	border: 0;
}


#tabmenu li{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#tabmenu li a{
	display: block;
	height: 26px;
	text-indent: 0px;
	position: absolute;
	cursor: pointer;
	line-height: 42px;
	color: #b8b8b8;
}


#tabmenu li strong{
	visibility: hidden;
	border: 0;
}

#tabmenu #privatni a{
	left: 0;	
	top: 0;
	width: 128px;
	border: 0;
}

#tabmenu #poslovni a{
	left: 129px;
	top:0;
	width: 128px;
	border: 0;
}
#tabmenu #veleprodaja a{
	left: 259px;
	top:0;
	width: 128px;
	border: 0;
}

#tabmenu #privatni a:hover{
	background: transparent url(../images/privatni_hover.gif) no-repeat ;
	border: 0;
	
}
#tabmenu #poslovni a:hover{
	background: transparent url(../images/poslovni_hover.gif) no-repeat ;
	left: 130px;
	border: 0;
}
#tabmenu #veleprodaja a:hover{
	background: transparent url(../images/veleprodaja_hover.gif) no-repeat ;
	left: 260px;
	border: 0;
}

/****EN*/

#tabmenu #privatnien a{
	left: 0;	
	top: 0;
	width: 128px;
	border: 0;
}

#tabmenu #poslovnien a{
	left: 129px;
	top:0;
	width: 128px;
	border: 0;
}
#tabmenu #veleprodajaen a{
	left: 259px;
	top:0;
	width: 128px;
	border: 0;
}

#tabmenu #privatnien a:hover{
	background: transparent url(../images/privatnien_hover.gif) no-repeat ;
	border: 0;
	
}
#tabmenu #poslovnien a:hover{
	background: transparent url(../images/poslovnien_hover.gif) no-repeat ;
	left: 130px;
	border: 0;
}
#tabmenu #veleprodajaen a:hover{
	background: transparent url(../images/veleprodajaen_hover.gif) no-repeat ;
	left: 260px;
	border: 0;
}


#tabmenu #privatniaktiv{
	background: transparent url(../images/privatni_aktiv.gif) no-repeat ;
	position: absolute;
	height: 28px;
	top: -1px;	/****** spušta tab za 1 dolje */
	width: 129px;
	border: 0;
}
#tabmenu #poslovniaktiv{
	background: transparent url(../images/poslovni_aktiv.gif) no-repeat ;
	position: absolute;
	left: 130px;
	height: 28px;
	top: -1px;	/****** spušta tab za 1 dolje */
	width: 129px;
	border: 0;
}
#tabmenu #veleprodajaaktiv{
	background: transparent url(../images/veleprodaja_aktiv.gif) no-repeat;
	position: absolute;
   left: 260px;
	height: 28px;
	top: -1px;	/****** spušta tab za 1 dolje */
	width: 129px;
	border: 0;
}

/*********EN*/
#tabmenu #privatniaktiven{
	background: transparent url(../images/privatni_aktiven.gif) no-repeat ;
	position: absolute;
	height: 28px;
	top: -1px;	/****** spušta tab za 1 dolje */
	width: 129px;
	border: 0;
}
#tabmenu #poslovniaktiven{
	background: transparent url(../images/poslovni_aktiven.gif) no-repeat ;
	position: absolute;
	left: 130px;
	height: 28px;
	top: -1px;	/****** spušta tab za 1 dolje */
	width: 129px;
	border: 0;
}

#tabmenu #veleprodajaaktiven{
	background: transparent url(../images/veleprodaja_aktiven.gif) no-repeat;
	position: absolute;
   left: 260px;
	height: 28px;
	top: -1px;	/****** spušta tab za 1 dolje */
	width: 129px;
	border: 0;
}

#tabmenubg a:visited{
	border: 0;
	padding: 0;
	margin:0;
}

/**********  T-Com submenu dropdown&flyout **********************/

#submenuslider{
	background: url(../images/submenu_bg.gif) repeat-x;
	padding: 0;
	margin: 0px;
	width: 974px; 		
	height: 50px;
}

#submenubgostali{
	/*background: transparent url(../images/submenuposlovni.gif) 202px no-repeat;*/
	padding: 0 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

#submenubgposlovni{
	background: transparent url(../images/submenuposlovni.gif) 202px no-repeat;
	padding: 0px 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

#submenubgprivatni{
	background: transparent url(../images/submenuprivatni.gif) 202px no-repeat;
	padding: 0px 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

#submenubgveleprodaja{
	background: transparent url(../images/submenuveleprodaja.gif) 202px no-repeat;
	padding: 0px 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

/*****EN*******/

#submenubgposlovnien{
	background: transparent url(../images/submenuposlovnien.gif) 202px no-repeat;
	padding: 0px 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

#submenubgprivatnien{
	background: transparent url(../images/submenuprivatnien.gif) 202px no-repeat;
	padding: 0px 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

#submenubgveleprodajaen{
	background: transparent url(../images/submenuveleprodajaen.gif) 202px no-repeat;
	padding: 0px 0 0 202px;
	margin: 0;
	width: 646px;
	line-height: 10px;
	height: 27px;
	//height: 25px;
}

/************************************/

.nav{
	padding: 0;
	margin: 0;
	text-align: left;
	height: 9px;
}

.nav ul{
	padding: 0;
	margin: 0;
	text-align: left;
}

.nav li{
	list-style: none;
	margin: 0;
	padding: 0;	
}

.button {
	width: 129px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

div.nav li.button div.parent div.subtabs {
	padding: 0;
	margin: 0;
}

div.nav li.button div.parent div.subtabs a{
	display: block;
	padding: 2px 0 5px 0;
	margin: 0;
}

div.nav li.button div.parent div.subtabs a.tabstelefon:hover{
	background: transparent url(../images/telefon_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsinternet:hover{
	background: transparent url(../images/internet_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsprijenos:hover{
	background: transparent url(../images/prijenos_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabspartnerstvo:hover{
	background: transparent url(../images/partnerstvo_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabskorisnickazona:hover{
	background: transparent url(../images/korisnickazona_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabstv:hover{
	background: transparent url(../images/televizija_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsfiksni:hover{
	background: transparent url(../images/fiksni_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsmobilni:hover{
	background: transparent url(../images/mobilni_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsdavatelji:hover{
	background: transparent url(../images/davatelji_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsmedunarodni:hover{
	background: transparent url(../images/medunarodni_hover.gif) no-repeat ;
}
/*en**/

div.nav li.button div.parent div.subtabs a.tabstelefonen:hover{
	background: transparent url(../images/telefonen_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsinterneten:hover{
	background: transparent url(../images/interneten_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsprijenosen:hover{
	background: transparent url(../images/prijenosen_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabspartnerstvoen:hover{
	background: transparent url(../images/partnerstvoen_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabstven:hover{
	background: transparent url(../images/televizijaen_hover.gif) no-repeat ;
}


div.nav li.button div.parent a.tabsfiksnien:hover{
	background: transparent url(../images/fiksnien_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsmobilnien:hover{
	background: transparent url(../images/mobilnien_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsdavateljien:hover{
	background: transparent url(../images/davateljien_hover.gif) no-repeat ;
}

div.nav li.button div.parent a.tabsmedunarodnien:hover{
	background: transparent url(../images/medunarodnien_hover.gif) no-repeat ;
}

/*div.nav li.button div.parent a.tabsprijenos, div.nav li.button div.parent a.tabspartnerstvo, div.nav li.button div.parent a.tabsprodaja,*/
/**EN**/
div.nav li.button div.parent a.tabsprijenosen,  div.nav li.button div.parent a.tabstven, div.nav li.button div.parent a.tabspartnerstvoen, div.nav li.button div.parent a.tabsprodajaen, div.nav li.button div.parent a.tabsinterneten, div.nav li.button div.parent a.tabstelefonen
 {
	cursor: default;
}


span.nohand{
	display: block;
	color: #888888;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 10px 7px 10px;
	cursor: default;
	background: url(../images/bullets/strelica_navhover.gif) no-repeat right;
	/*border: 1px solid lime;*/
}

span.nohand:hover{
	color: #E20074;
}

div.nav li a strong{
	visibility: hidden;
}	
	
div.parent {
	position: relative;
	padding: 7px 0 0 0;
	margin: 0;
	height: 19px;
	width: 129px;
	z-index: 98;
}

.floatfix {margin-right: -3px;}

div.dropdown { 
	width: 196px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background: url(../images/bgfix.gif);
	z-index: 98;	
}
	
div.dropdown div {
	width: 169px; /* sirina flipout sticky zone */ 
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(../images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */	
}

#main #lockpad #submenuslider div.nav div.dropdown ul ul.last{
	width: 125px;
	margin: 5px 0;	
}

div.dropdown div.lastdiv {
	width: 135px; /* sirina flipout sticky zone */ 
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(../images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
}
	
div.dropdown ul { 
	width: 129px; /* tweaked so that dropdowns appear to "line up" with top links */
   margin: 0 31px 31px 31px; /* creates "sticky hovering" zones for dropdowns */
   border: 1px solid #b3b3b3;
   background: #FAFAFA;
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
div.dropdown div ul {
	margin: 5px 30px 30px 0;
} /* creates "sticky hovering" zones for flyouts */
	
.four .dropdown ul {
	width: 129px;
	
	
} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.four .dropdown div ul {/* rule reversal for "visible" right drop flyouts */
	margin: 5px 0 30px 30px; 
	position: relative;

} 

div.nav li {
	text-align: left;
	padding: 0;	
}

div.nav a {
   display: block;
   color: #888888;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 10px;/* debljina tabova */ /* makes the dividers between the top nav links */
}

.four a {/* kills right border on last top link */
	border-right: 0;
} 

div.nav ul ul a {
  color: #E20074;
  border-right: 0; /* negates right border for dropdowns and flyouts */
}

#main #lockpad #submenuslider div.nav ul ul a:hover {
  color: #E20074;
}
	
.dropdown li {
	/*border: 1px solid lime;*/
	height: 21px;
  //height: 23px;
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
}
				
#main #lockpad #submenuslider #submenubgprivatni div.nav li.button:hover div.dropdown, #main #lockpad #submenuslider #submenubgposlovni div.nav li.button:hover div.dropdown, #main #lockpad #submenuslider #submenubgveleprodaja div.nav li.button:hover div.dropdown, #main #lockpad #submenuslider #submenubgveleprodajaen div.nav li.button:hover div.dropdown, #main #lockpad #submenuslider #submenubgposlovnien div.nav li.button:hover div.dropdown, #main #lockpad #submenuslider #submenubgprivatnien div.nav li.button:hover div.dropdown {
	left: -31px;
	border: 1px solid none;
} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

#main #lockpad #submenuslider #submenubgprivatni div.nav div.dropdown li:hover div, #main #lockpad #submenuslider #submenubgposlovni div.nav div.dropdown li:hover div, #main #lockpad #submenuslider #submenubgveleprodaja div.nav div.dropdown li:hover div, #main #lockpad #submenuslider #submenubgveleprodajaen div.nav div.dropdown li:hover div, #main #lockpad #submenuslider #submenubgposlovnien div.nav div.dropdown li:hover div, #main #lockpad #submenuslider #submenubgprivatnien div.nav div.dropdown li:hover div { /* hover rule for flyouts */
	left: 129px; /* pozicioniranje flipouta this value controls the amount of flyout "overlap" */
	top: -6px; /* vertikalno pozicioniranje flyouta*/
}
	
/*.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	/*left: -20px; 
	top: -26px;
	color: #E20074;
	
}*/

div.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
   padding: 0;
   width: 25px;
	height: 30px;  
	font-size: 1px;
	left: -2900px;
	bottom: -30px;
	top: auto;	
	background: url(../images/bgfix.gif);
}

#main #lockpad #submenuslider #submenubgprivatni div.nav .dropdown li:hover div.mini-zone, #main #lockpad #submenuslider #submenubgposlovni div.nav .dropdown li:hover div.mini-zone, #main #lockpad #submenuslider #submenubgveleprodaja div.nav .dropdown li:hover div.mini-zone, #main #lockpad #submenuslider #submenubgveleprodajaen div.nav .dropdown li:hover div.mini-zone, #main #lockpad #submenuslider #submenubgposlovnien div.nav .dropdown li:hover div.mini-zone, #main #lockpad #submenuslider #submenubgprivatnien div.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: -2px;
	top: auto;
}

/*div#main div#lockpad div#submenuslider div.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	/*left: 8px;
}*/

#main #lockpad #submenuslider #submenubgprivatni div.nav div.dropdown li:hover, #main #lockpad #submenuslider #submenubgposlovni div.nav div.dropdown li:hover, #main #lockpad #submenuslider #submenubgveleprodaja div.nav div.dropdown li:hover, #main #lockpad #submenuslider #submenubgveleprodajaen div.nav div.dropdown li:hover, #main #lockpad #submenuslider #submenubgposlovnien div.nav div.dropdown li:hover, #main #lockpad #submenuslider #submenubgprivatnien div.nav div.dropdown li:hover {
	background: #bcbcbc;
	color: #E20074;
} /* hover color effect on dropdown links */

#main #lockpad #submenuslider #submenubgprivatni div.nav div.dropdown div li:hover, #main #lockpad #submenuslider #submenubgposlovni div.nav div.dropdown div li:hover, #main #lockpad #submenuslider #submenubgveleprodaja div.nav div.dropdown div li:hover, #main #lockpad #submenuslider #submenubgveleprodajaen div.nav div.dropdown div li:hover, #main #lockpad #submenuslider #submenubgposlovnien div.nav div.dropdown div li:hover, #main #lockpad #submenuslider #submenubgprivatnien div.nav div.dropdown div li:hover {
	background: #bcbcbc;
	color: #E20074;
} /* hover color effect on flyout links */

.one ul {background: #fafafa;}
.two ul {background: #fafafa;}
.three ul {background: #fafafa;}
.four ul {background: #fafafa;}
.dropdown div ul {background: #fafafa;} /* colors BG of flyouts */ 
.dropdown div ul a {color: #fafafa;} /* colors text of  flyouts */ 

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 20;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */
 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
	height: 1%;
	margin-left: -16px;
	margin-left: 0;
}
/* */

* html .nav a {
	height: 1%;
}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

div.nav ul li a{
	color: #888888;
}

div.nav ul li a:hover{
	color: #E20074;
}

div.dropdown ul ul{
	border-left: 1px solid #b3b3b3;
}

li.button{
	padding: 0;
	margin: 0;
}

/************** T-Com home content***********************/

#homecontent{
	padding: 0;
	margin: 0;
	/*border: 1px solid lime;*/
	/*width: 910px;	*/
}

#brandzonebusi{
	background: url(../images/brandfoto_bg.jpg) no-repeat;
	padding: 94px 0 0 17px;
	width: 408px;
	height: 131px;
}

#brandzonebusien{
	background: url(../images/brandfoto_bg.jpg) no-repeat;
	padding: 94px 0 0 17px;
	width: 408px;
	height: 131px;
}


/* #brandzoneprivat{
	background: url(../images/brandfoto_priv_bg.jpg) no-repeat;
	padding: 94px 0 0 17px;
	width: 408px;
	height: 131px;
}*/

#brandzoneprivaten{
	background: url(../images/brandfoto_priv_bg.jpg) no-repeat;
	padding: 94px 0 0 17px;
	width: 408px;
	height: 131px;
}

#brandzonesales{
	background: url(../images/brandfoto_velep_bg.jpg) no-repeat;
	padding: 94px 0 0 17px;
	width: 408px;
	height: 131px;
}

#homebotbanbox{
	background: #e5e5e5;
	width: 660px;
	padding: 10px 0 10px 20px;
	margin-top: 20px;
}

#homebotbanbox img{
	border: 0;	
}

#homebotbanbox a{
	margin-right: 11px; 	
}

#homebotbanbox a:hover{
	filter:alpha(opacity=85);
 	-moz-opacity:0.85;
 	opacity: 0.85;
}

#homecontent a.title{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: 200px;
	display: block;
}


#homecontent a.title:hover{
	color: #666666;
}


/******** NEW T-com promobox na privatnima *****/

#privbox{
	border: 1px solid #e5e5e5;
	/*width: 680px;*/
	/*height: 310px;*/
	margin: 30px 0 0 0;
}

#privbox p{
	width: 185px;
	margin: 15px 0;
	padding:0;	
}

#privbox a{
	font-size: 11px;
	text-decoration: underline;
	color: 	#E20074;
}

#privbox p a{
	font-size: 12px;
}

#privbox a:hover{
	text-decoration: none;
}

#privbox #priv1, #privbox #priv2, #privbox #priv3, #privbox #priv4, #privbox #busi1, #privbox #busi2, #privbox #busi3, #privbox #busi4, #privbox #box1privatnien, #privbox #box2privatnien, #privbox #box3privatnien, #privbox #box4privatnien, #privbox #box1poslovnien, #privbox #box2poslovnien, #privbox #box3poslovnien, #privbox #box4poslovnien{
	height: 125px;
	width: 323px;
	padding: 10px 0 15px 15px;
	font-size: 12px;
	overflow: hidden;
}

/******* privatni akcije */
#privbox #priv1{
	border: 1px solid #e5e5e5; 
	border-style: none solid solid none; 
	background: url(../images/akcije/1privatni.jpg) no-repeat right bottom;
}

#privbox #priv2{
	border-bottom: 1px solid #e5e5e5;
	background: url(../images/akcije/2privatni.jpg) no-repeat right bottom;
}

#privbox #priv3{
	border-right: 1px solid #e5e5e5; 
	background: url(../images/akcije/3privatni.jpg) no-repeat right bottom;
}

#privbox #priv4{
	background: url(../images/akcije/4privatni.jpg) no-repeat right bottom;
}


/******* poslovni akcije */
#privbox #busi1{
	border: 1px solid #e5e5e5; 
	border-style: none solid solid none; 
	background: url(../images/akcije/1poslovni.jpg) no-repeat right bottom;
}

#privbox #busi2{
	border-bottom: 1px solid #e5e5e5;
	background: url(../images/akcije/2poslovni.gif) no-repeat right bottom;
}

#privbox #busi3{
	border-right: 1px solid #e5e5e5; 
	background: url(../images/akcije/3poslovni.jpg) no-repeat right bottom;
}

#privbox #busi4{
	background: url(../images/akcije/4poslovni.gif) no-repeat right bottom;
}


/******** T-com promobox veleprodaja ONLY *****/
#promobox{
	border: 1px solid #e5e5e5;
	width: 420px;
	height: 245px;
	margin: 30px 0 0 0;
}

#box1, #box2, #box3, #box4, #box1big{
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
}

#box1 a, #box2 a, #box3 a, #box4 a, #box1big a{
	display: block;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
}

#box1 a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover, #box1big a:hover{
	color: #E20074;
}

#box1big{
	margin: 0;
	padding: 0;
	height: 242px;
}


#box1 a, #box1big a{
	height: 58px;
	width: 120px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#box1big a{
	height: 85px;
	width: 175px;
	margin: 0 0 0 7px;			
}

#box2 a{
	height: 58px;
	width: 112px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}


#box3 a{
	height: 58px;
	width: 112px;
	margin: 0 0 0 80px;
	overflow: hidden;
	padding: 0;
}

#box4 a{
	height: 58px;
	width: 112px;
	margin: 0 0 0 80px;
	overflow: hidden;
	padding: 0;
}

/*******veleprodaja akcije */
#box1velep{
	height: 103px;
	width: 192px; 
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-style: none solid solid none; 
	background: url(../images/akcije/1velep.jpg) no-repeat right;
}

#box2velep{
	height: 103px;
	width: 192px; 
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-style: none none solid none; 
	background: url(../images/akcije/2velep.jpg) no-repeat right;
}

#box3velep{
	height: 103px;
	width: 192px; 
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-style: none solid none none; 
	background: url(../images/akcije/3velep.jpg) no-repeat left;
}

#box4velep{
	height: 103px;
	width: 192px; 
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-style: none;
	background: url(../images/akcije/4velep.jpg) no-repeat left;
}

/*******ENGLISH privatni akcije */
#box1privatnien{
	border: 1px solid #e5e5e5; 
	border-style: none solid solid none; 
	background: url(../english/images/akcije/1privatni.gif) no-repeat right;
}

#box2privatnien{
	border-bottom: 1px solid #e5e5e5;
	background: url(../english/images/akcije/2privatni.gif) no-repeat right;
}

#box3privatnien{
	border-right: 1px solid #e5e5e5; 
	background: url(../english/images/akcije/3privatni.gif) no-repeat right;
}

#box4privatnien{
	background: url(../english/images/akcije/4privatni.gif) no-repeat right;
}

/***/
#box1poslovnien{
	border: 1px solid #e5e5e5; 
	border-style: none solid solid none; 
	background: url(../english/images/akcije/1poslovni.gif) no-repeat right;
}

#box2poslovnien{
	border-bottom: 1px solid #e5e5e5;
	background: url(../english/images/akcije/2poslovni.jpg) no-repeat right;
}

#box3poslovnien{
border-right: 1px solid #e5e5e5; 
	background: url(../english/images/akcije/3poslovni.gif) no-repeat right;
}

#box4poslovnien{
	background: url(../english/images/akcije/4poslovni.jpg) no-repeat right;
}

/**/


#promobox .hometitle{
	margin: 0 0 12px 0;
	padding: 0;
	border: 0;
	/*border: 1px solid lime;*/
}

#promobox .hometitle2{
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
	/*border: 1px solid lime;*/
}

.tdspace{
	padding: 0 0 0 30px;
	margin: 0;
	/*border: 1px solid lime;*/
	vertical-align: top;	
}

.tdspaceright{
	padding: 0 0 0 23px;
	margin: 0;
	/*border: 1px solid lime;*/
	vertical-align: top;	
}

#fastboxup{
	width: 225px;
	height: 105px;
	background: url(../images/fastboxup_bg.jpg) no-repeat right;
	padding: 0;
	margin: 0 0 15px 0;	
}

#fastboxdown{
	width: 225px;
	height: 105px;
	background: url(../images/fastboxdown_bg.jpg) no-repeat right;
	padding: 0;
	margin: 0;	
}

#fastboxupvelep{
	width: 225px;
	height: 105px;
	background: url(../images/fastboxupvelep_bg.jpg) no-repeat right;
	padding: 0;
	margin: 0 0 15px 0;	
}

#fastboxdownvelep{
	width: 225px;
	height: 105px;
	background: url(../images/fastboxdownvelep_bg.jpg) no-repeat right;
	padding: 0;
	margin: 0;	
}

.ablock{
	width: 145px;
	height: 57px;
	margin: 10px 0 0 0;
	padding: 0;	
	overflow: hidden;
	line-height: 14px;
}

.servicebanner{
	margin: 30px 0 0 0;
}

.servicebannerflash{
	margin: 30px 0 0 0;
	border: 1px solid #e5e5e5;
}

.servicebannerflash:hover{
	border: 1px solid #999999;
}

.servicebanner:hover{
	filter:alpha(opacity=85);
 	-moz-opacity:0.85;
 	opacity: 0.85;
}

#fastboxup .ablock a, #fastboxdown .ablock a, #fastboxupvelep .ablock a, #fastboxdownvelep .ablock a{
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	margin: 0;
	padding: 0 5px 0 0;
	
}

#fastboxup .ablock a:hover, #fastboxdown .ablock a:hover, #fastboxupvelep .ablock a:hover, #fastboxdownvelep .ablock a:hover{
	color: #E20074;
}

/**desnistup*/
/***searchbox ***********/

#searchbox{
	width: 185px;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px;
	height: 60px;
}

#searchbox form{
	margin: 0;
	padding: 0;
}

#searchbox a{
	color: #333333;
	text-decoration: none;
	padding: 3px 0 0 2px;
	margin: 0;
	float: left;
	width: 115px;
}

#searchbox a:hover{
	color: #E20074;
}

#searchbox img.strelica{
	margin: 8px 0 0 3px;		
}

#searchbox .title, #userzonebox .title, .linkbox .title{
	margin: 0 0 7px 0;
	display: block;
	padding: 0;
}

#searchbox .puce{
	margin: 0 0 0 8px;
	width: 39px;
	height: 17px;
	display: inline;
}

.puceon{
	margin: 0 0 0 0px;
	width: 57px;
	height: 17px;
	display: inline;
	border: 0;
}

#searchbox textarea{
	border: 1px solid #e5e5e5;
	width: 180px;
	height: 60px;
	padding: 2px;
	font-size: 11px;
	font-family: Arial;
	overflow-y: auto;
	overflow-x: hidden; 
	background: url(../images/stripes_bg.gif);
}

.pucefree{
	margin: 5px 0 0 0;
	padding: 0;
	width: 41px;	
}

#content #searchbox .puce:hover, #homecontent #searchbox .puce:hover, #homecontent #mojtcombox .puce:hover{
	filter:alpha(opacity=70);
 	-moz-opacity:0.70;
 	opacity: 0.7;
}

#searchbox .field, .field{
	float: left;	
	font-size: 12px;
	line-height: 12px;	
	width: 131px;
	border: 1px solid #e5e5e5;	
}



/*** T-Com homeuserzonebox ***********/
#userzonebox{
	width: 185px;
	border: 1px solid #e5e5e5;
	margin: 15px 0 0 0;
	padding: 10px;
}

#userzonebox #userzonetagz{
	margin: 5px 0 10px 2px;
}

#userzonebox a{
	font-size: 11px;
	color: #999999;
	padding: 0;
	margin: 0;
	text-decoration: none;
	line-height: 16px;
}

#userzonebox #userzonetagz a.one{
	color: #666666;
}

#userzonebox #userzonetagz a.two{
	color: #666666;
	font-weight: bold;
}

#userzonebox #userzonetagz a.three{
	color: #E20074;	
}

#userzonebox #userzonetagz a.four{
	color: #E20074;	
	font-weight: bold;
}

#userzonebox  #userzonetagz a:hover{
	color: #333333;
}

#userzonebox span{
	margin: 0 5px;
	color: #b3b3b3;
	font-size: 11px;
}

#userzonebox a:hover{
	color: #e20074;
}

#userzonebox .bullet{
	border: 0;
	margin: 0 3px 0 0;	
}


/*** T-Com homelinkbox ***********/
.linkbox{
	width: 185px;
	border: 1px solid #e5e5e5;
	margin: 15px 0 0 0;
	padding: 10px 10px 7px 10px;
}

.linkbox a{
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.linkbox a:hover{
	color: #E20074;
}

.linkbox ul{
	margin: 0 0 0 15px;
	padding: 0;
}

.linkbox li{
	list-style: none;
	list-style-image: url(../images/bullets/bullet_silver_li.gif);
	margin: 0;
	padding: 0 0 3px 0;
}

/****/

.homebanner{
 margin: 15px 0 0 0;
 border: 1px solid #e5e5e5;
 display: block;
}

#contentcenter .homebannerbig{
 margin: 15px 0;
 border: 1px solid #e5e5e5;
 display: block;
 border-bottom: 1px solid #e5e5e5;
}
 
.homebanner:hover, .homebannerhno:hover, #contentcenter .homebannerbig:hover{
 border: 1px solid #797979;
}

.homebannerhno{
	margin: 15px 0 0 0;
	border: 0;
	border: 1px solid white
}

.homebannerno{
	margin: 15px 0 0 0;
	border: 0;
}

/*** MOJ t-com BOX ****/
.mojtbox {width:259px; margin: 0 0 0 15px; float:left; padding: 0; position:relative;}
.mojtbox p {padding:0 10px 0 10px; height:140px;}
.mojtbox a {color:#aaa; font-size:18px; font-weight:normal; line-height:1.3; text-decoration:none; display:block;}
.mojtbox a.mojtb {display:block; width:199px; height:103px; background:#fff url('/images/poslovni/video_bg.jpg') no-repeat 0 0; color:#e20074; font-size:18px; padding:20px 0 0 20px; margin:0 0 0 5px;}
.mojtbox.business p {height:102px;}

#mojtcombox{
	width: 185px;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px;
}

#mojtcombox form{
	margin: 0;
	padding: 0;
}

#mojtcombox a{
	color: #333333;
	text-decoration: none;
	padding: 3px 0 0 2px;
	margin: 0;
	float: left;
	width: 115px;
}

#mojtcombox a.forg{
	color: #666666;
	margin: 3px 0 0 0; 
}

#mojtcombox a:hover{
	color: #E20074;
}

#mojtcombox img.strelica{
	margin: 8px 0 0 3px;		
}

#mojtcombox .title, #userzonebox .title, .linkbox .title{
	margin: 0 0 7px 0;
	display: block;
	padding: 0;
}

#mojtcombox .puce{
	margin: 0px 0 0 8px;
	width: 39px;
	height: 17px;
	display: inline;
}

#mojtcombox .underlog {
	color: #666666;
	border-top: 1px solid #e5e5e5; 	
	padding: 5px 2px;
	margin: -5px 0 0 0;
}

#mojtcombox .stripes{
	margin: 0;
	height: 15px;
	padding: 3px; 
}

#mojtcombox .stripes a.seclink{
	background: url(../images/bullets/strelica_siva_sec.gif) no-repeat;
	margin: 0 0 0 1px;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #333333;
	border-bottom: 0;
}
#mojtcombox .stripes a.seclink:hover{
	color: #e20074;
}



/****** CONTENT ********************/

#content{
	margin: 0;
	padding: 0 25px 30px 0;
	margin: 0;
	width: 950px;
}

/***** T-Com subnav */
#subnav{
	padding: 15px 5px 0 15px;
	margin: 0;
	color: #797979;
	border: 1px solid #e5e5e5;
	border-style: solid solid solid none;
	width: 167px;
}

#nosubnav{
	padding: 15px 5px 0 15px;
	margin: 0;
	color: #797979;
	border: none;
	width: 167px;
}

#subnav ul{
	margin: 8px 0 15px 2px;
	padding: 0;
}

#subnav li{
	margin: 4px 0;
	/*padding: 0;*/
	list-style: none;
}

#subnav a{
	color: #797979;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url(../images/nav_bullet.gif) no-repeat left top;
}

#subnav .active{
	color: #E20074;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url(../images/nav_bullet_mag.gif) no-repeat left top;
}

#subnav a.nocube{
	color: #797979;
	text-decoration: none;
	padding: 0 0 0 0px;
	background: none;
}

#subnav div.selflink{
	padding: 0 0 15px 0px;
	margin: 0;
}

#subnav a:hover{
	color: #E20074;
}



/*** T-Com content center **************/
.tdspaceinside{
	vertical-align: top;
	padding: 0 29px;
	margin: 0;	
}

#contentcenter{
	width: 499px;	
					
}

#contentcenter iframe{
	border: 1px solid #e5e5e5;
	width: 490px;
}

#contentcenter h1{
	font-size: 13px;
	margin: 3px 0 10px 0;
	padding: 0;
	color: #595959;
	font-weight: bold;
}

#contentcenter h2{
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #E20074;
	font-weight: bold;
}

#contentcenter h3{
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	padding: 0 0 0 0;
	color: #E20074;
	font-weight: normal;
	/*background: url(../images/bullets/kucica_siva.gif) no-repeat left;*/
	color: #595959;
	font-weight: normal;
}

#contentcenter h4{
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #E20074;
	font-weight: bold;
}

#contentcenter h5{
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	color: #E20074;
	font-weight: normal;
	background: url(../images/bullets/kucica_magenta2.gif) no-repeat left;
}

#contentcenter h6{
	font-size: 12px;
	margin: 0 0 7px 0;
	font-weight: bold;
	padding: 0;
	color: #333333;
}

#contentcenter ul{
	margin: 0;
	padding: 0 0 0px 15px;
	color: #333333;
}

#contentcenter li{
	font-size: 12px;
	color: #595959;
	list-style: square;
	margin: 0;
	padding: 0 0 2px 0;
}

#contentcenter ol{
	margin: 0;
	padding: 0 0 0px 15px;
	color: #333333;
}

#contentcenter ol li{
	list-style: decimal;
}

#contentcenter ul.nobullets{
	margin: 0;
	padding: 0 0 2px 0;
	color: #333333;
}

#contentcenter ul.nobullets li{
	list-style: none;
	margin: 2px 0;
}

#contentcenter ul.nobullets li.nobullets2{
	list-style: none;
	padding: 0 0 13px 0;
}

#contentcenter ul.nobullets li.nobullets2 b{
	margin: 0 0 0 7px;
}

#contentcenter p{
	color: #333333;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	text-decoration: none;
	/*text-align: justify;*/
	margin: 0 0 8px 0;
	padding: 0;
}

#contentcenter a{
	color: #E20074;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dashed #D1D1D1;
}

#contentcenter a:hover{
	color: #797979;
	text-decoration: none;
	/*border-bottom: none;*/
}

#contentcenter span.starz{
	font-size: 14px;
	font-weight: bold;
	margin: 0 2px;
	color: #E20074;
	font-family: Arial, Helvetica, sans-serif;
}

#contentcenter span.highlight{
	font-weight: bold;	
	padding: 0;
	margin: 0;
}

#contentcenter span.highlight2{
	color: #333333;
	font-weight: bold;	
}

#contentcenter span.highlight3{
	color: #999999;
	padding: 0;
	margin: 0;
}

#contentcenter span.highlight4{
	color: #E20074;
	padding: 0;
	margin: 0;
	font-weight: bold;
}



#contentcenter span.highlightstar{
	color: #E20074;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#contentcenter a.back{
	color: #666666;
	background: url(../images/bullets/strelica_magenta_backhover.gif) no-repeat;
	padding: 5px 0px 0px 15px;
	margin: 20px 0 0 0;
	border: 1px solid #E5E5E5;
	width: 50px;
	height: 20px;
	display: block;
}

#contentcenter a.back:hover{
	color: #E20074;
	background:  #EBEBEB url(../images/bullets/strelica_magenta_back.gif) no-repeat;
}

/****** listastrelica+link ****/
#contentcenter ul.linkz{
	margin: 10px 0 10px 16px;
	padding: 0;
	font-size: 11px;
}

#contentcenter li.linkz{
	list-style: none;
	list-style-image: url(../images/bullets/strelica_siva2.gif);
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 11px;
	
}

#contentcenter li.linkzsec{
	list-style: none;
	list-style-image: url(../images/bullets/strelica_sec.gif);
	margin: 0;
	padding: 0 0 2px 0;
}

#contentcenter li.linkz a{
	color: #797979;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	border: 0;
	display: inline;
}

#contentcenter li.linkz a:hover{
	color: #E20074;
	border: none;
}

#contentcenter li.linkz

/******** link+strelica */
#contentcenter a.seplink{
	color: #888888;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background: url(/images/bullets/strelica_siva_forw.gif) no-repeat right top;
	color: #666666;
	padding: 5px 15px 0px 0;
	margin: 15px 0 0 0;
	border: 1px solid #E5E5E5;
	width: 80px;
	height: 20px;
	display: block;
	text-align: right;
}

#contentcenter a.morelink{
	color: #888888;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background: url(/images/bullets/strelica_siva_forw.gif) no-repeat right top;
	color: #666666;
	padding: 5px 15px 0px 0;
	margin: 10px 0 0 0;
	border: 1px solid #E5E5E5;
	width: 40px;
	height: 20px;
	display: block;
	text-align: right;
}

#contentcenter a.seclink{
	background: url(../images/bullets/strelica_siva_sec.gif) no-repeat;
	margin: 0 0 0 1px;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #333333;
	border-bottom: 0;
}

#contentcenter a.seclink:hover{
	color: #e20074;	
	background:  url(../images/bullets/strelica_mag_sec.gif) no-repeat;
}

#contentcenter a.seplink:hover, #contentcenter a.morelink:hover {
	color: #E20074; 
	background:  #EBEBEB url(../images/bullets/strelica_magenta_forw.gif) no-repeat right top;
}

#contentcenter a.mag{
	color: #E20074;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px dashed #D1D1D1;
}

#contentcenter a.mag:hover{
	color: #999999;
	text-decoration: none;
	/*border-bottom: none;*/
}


div.grouping{
	padding: 15px 0;
	margin: 0;
	/*border-bottom: 1px solid #E5E5E5;*/
}

div.stripes{
	background: url(../images/main/stripes_bg.gif); 
	border: 1px solid White;
	border-style: solid none;
	padding: 15px;
	margin: 15px 0;
}

div.maxtvmessage{
	background: url(../images/main/stripes_bg.gif); 
	padding: 15px;
	margin: 15px 0;
}

#contentcenter div.maxtvmessage p{
	font-size: 12px;	
}

div.separator1{
	padding: 10px 0 15px 0;
	margin: 0;
	/*border: 1px solid red;*/
}

div.separator1border{
	padding: 8px 0;
	margin: 15px 0;
	border: 1px solid #E5e5e5;
	border-style: solid none; 
}

div.separator1borderb{
	padding: 8px 0;
	margin: 15px 0;
	border: 1px solid #E5e5e5;
	border-style: none none solid none; 
}

div.separator2borderb{
	padding: 8px 0;
	margin: 5px 0;
	border: 1px solid #E5e5e5;
	border-style: solid none none none; 
}

div.separator2{
	padding: 10px 0 0 0;
	margin: 0;
	/*border: 1px solid lime;*/
}

div.separator3{
	padding: 0 0 15px 0;
	margin: 0;
	/*border: 1px solid yellow;*/
}


/*** breadcrumbs **/
#breadcrumbs{
	width: 499px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #E5E5E5;
	margin: 0 0 10px 0;
}

#breadcrumbs img{
	margin: 0 5px 0 0;	
	float: left;
	
}

#breadcrumbs span{
	padding: 0 0 0 8px;
	color: #E20074;
	text-transform: lowercase;
}

#breadcrumbs a{
	font-size: 11px;
	color: #797979;
	text-decoration: none;
	padding: 0 0 0 8px;
	border: none;
	text-transform: lowercase;
}

#breadcrumbs .blanklink{
	color: #797979;
}

#breadcrumbs a:hover{
	color: #E20074;
	border: none;		
}

.navtab{
	margin: 15px 0;
}

#contentcenter .navtab a{
	border: 0;
}

/**** titlebox  */
#titlebox{
	width: 499px;
	margin: 0 0 20px 0;
}

#titlebox h1{
	font-size: 18px;
	font-weight: bold;
	color: #e20074;
	float: left;
	margin: 0;
	padding: 0;
}

#titlebox h2{
	clear: both;	
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0;
	padding: 0;
}

#titlebox img{
	border: 0;
}

#titlebox img.title{
	float: left;
	display: block;
}

#titlebox #ussicons{
	margin: 0;
	color: #d4d4d4;
	padding: 2px 0;
	text-align: right;
}

#titlebox #ussicons a{
	padding: 0 6px;
	border: none;
}

/***** napomena **************************/
big{
	display: block;
	color: Green;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/***** napomena ****/

/****** faq ********/

#faq{
	margin: 0;
	padding: 0;	
}

#faq .field{
	font-size: 12px;
	line-height: 14px;	
	width: 151px;
	border: 1px solid #e5e5e5;	
}

#faq .txtfield{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 302px;
	margin: 10px 0;
	border: 1px solid #e5e5e5;	
}

#faq h1{
	font-size:20px;
	font-weight:400;
	color:#666;
	margin:10px 0 0;
}

#faq h2{
	margin-top: 10px;
	padding: 0;
}

#faqlounch{
	margin: 20px 0 0 0;
	padding: 0;	
}

.lounchspace{
	padding: 60px 15px 0px 0;
	/*border: 1px solid lime;*/
}

.faqtv{background: url(../images/kzona/faq_tv.png) no-repeat top right;	margin: 0px 15px 0 0;}
.faqint{background: url(../images/kzona/faq_int.png) no-repeat top right; margin: 0px 15px 0 0;}
.faqtel{background: url(../images/kzona/faq_phone.png) no-repeat top right; margin: 0px 15px 0 0;}
.faqnfo{background: url(../images/kzona/faq_nfo.png) no-repeat top right; margin: 0px 15px 0 0;}
.faqdata{background: url(../images/kzona/faq_data.png) no-repeat top right; margin: 0px 15px 0 0;}
.faqoprema{background: url(../images/kzona/faq_oprema.png) no-repeat top right; margin: 0px 15px 0 0;}


#faqlounch select{
	font-size: 11px;
	margin: 10px 0;
	width: 240px;
}

input.faqlounchbutton{
	display: block;
	margin: 0;
	padding: 0;
}

input.lounchbutton{
	margin: 2px 0 0 20px;
	padding: 0;
}

input.faqlounchbutton:hover, input.lounchbutton:hover{
	filter:alpha(opacity=70);
 	-moz-opacity:0.70;
 	opacity: 0.75;
}

#questions, #questions2{
	margin: 25px 0 0 0;
	padding: 0;
	border: 1px solid #E5E5E5;
	border-style: solid none none none; 
}

#questions2{
	border: 0;
	margin: 15px 0 0 0;
}

#questions a, #questions2 a{
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none;
}

#questions a:hover, #questions2 a:hover{
	color: #E20074;
}

#questions ul, #questions2 ul{
	margin: 10px 0 0 15px;
	padding: 0;
}

#questions li, #questions2 li{
	list-style: none;
	list-style-image: url(../images/bullets/strelica_siva2.gif);
	margin: 0;
	padding: 0 0 3px 0;
}

#satisfactionpool{
	margin: 25px 0 0 0;
	padding: 0;
	border: 1px solid #E5E5E5;
	border-style: solid none none none; 
}

#ifunsatisfactionpool, #answer2{
	margin: 15px 0 0 0;
	padding: 0;
}

#ifunsatisfactionpool textarea, #askquestion textarea{
	margin: 0 0 10px 0;
	width: 405px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #E5E5E5;
}

#answer{
	margin: 5px 0;
}

#answer .separator1{
	margin: 20px 0 25px 0;
	padding: 5px 0;
	border: 1px solid #E5E5E5;
	border-style: solid none;
}

#answer .separator1

#answer a{
	padding: 0 2px;
	border: none;
}

#answer span{
	margin: 0 15px 0 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #E20074;
}

#answer h3{
	margin: 5px 0;
	padding: 0;
	background: 0;
}

#answer .noborder{
	margin: 0 5px;
	border: none;
}

#answer a.noborder2{
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #E5E5E5;
	background: #E5E5E5;
}

#answer a.noborder2:hover{
	background: #F4DFEA;
}

/********* search *****/

#search{
	margin: 0;
	padding: 0;
}

#search h4{
	margin: 15px 0 0 0;
}

#search select, #search input.field2{
	font-size: 11px;
	margin: 0;
	width: 150px;
}


#search ul{
	margin: 0;
	padding: 0;
}

#search li{
	list-style: none;
	margin: 3px 0;
	padding: 0;
}

#search li input{
	margin: 0 5px 0 0;
	padding: 0;
}

#contentcenter #search a{
	color: #E20074;
}

#contentcenter #search a:hover{
	color: #666666;
}


.searchtable{
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #E5E5E5;
	border-style: solid none ;
	background: url(../images/povecalo.jpg) no-repeat top right;		
}

.searchtable tr td{
	padding: 8px 0;
}

.searchtable tr td.first{
	padding: 18px 0 0 0;
}

.searchtable tr td.last{
	padding: 8px 0 18px 0;
	vertical-align: bottom;
}

.tdzone{
	width: 180px;
	padding: 0 15px 0 0;
}

.lupa{
	height: 50px;
	padding: 0; 
	background: url(../images/povecalo.jpg) no-repeat right;		
}

.searchtable2{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #E5E5E5;
	border-style: solid none ;
}

.searchtable2 dl{
	margin: 10px 0;
}

.searchtable2 dt{
	margin: 0 0 5px 0;
}

#search .searchtable2 a.seplink{
	margin: 0 10px 5px 0;
}

#search .searchtable2 a.graylink{
	margin: 0 0 5px 0;
}

#pager{
	margin: 15px 0 0 0;	
}

#pager2{
	margin: 10px 0 0 0;	
}

#search span{
	color: #E20074;
	padding: 0 10px;
	margin: 0 5px;
	background: url(../images/bullets/strelica_siva.gif) no-repeat left;
}  

/**/
.fotorightm{
	margin: 0 15px 5px 0;
	border: 1px solid #e5e5e5; 
}

/************************/

#dictionary{
	padding: 0;
	width: 100%;
	margin: 5px 0 0 0;
	/*border-top: 1px solid #E5E5E5;*/
}

#dictionary h5{
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 16px;
	text-transform: lowercase;
	font-family: "Times New Roman", Times, serif;
	/*font-size: 16px;
	display: block;
	width: 30px;
	margin: 0;
	padding: 10px 5px;
	border: 1px solid	#E5E5E5;
	color: #E20074;
	font-weight: bold;
	background: none;*/
}

#dictionary h4{
	margin: 0;
	padding: 0;
	/*background: url(../images/bullets/h3strelica.gif) no-repeat left;*/
}

.dict{
	margin: 5px 0;
	padding: 0;
}

.keyboard{
	height: 100px;
	border: 0;
}

.keyboard td{
	margin: 0;
	padding: 0;	
	/*width: 40px;
	height: 40px;*/
	text-align: center;
	vertical-align: middle;
}

#dictionary .keyboard a{
	font-family: Times New Roman ;
	font-size: 16px;
	display: block;
	width: 30px;
	/*height: 30px;*/
	margin: 0;
	padding: 10px 5px;
	border: 1px solid	#E5E5E5;
	color: #E20074;
	font-weight: bold;
}

#dictionary .keyboard a:hover{
	color: #888888;
	background: #EBEBEB;
}

.letter{
	border-top: 1px solid  #E5E5E5;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
}

.noletter{
	font-family: Times New Roman ;
	font-size: 16px;
	display: block;
	width: 30px;
	color: #888888;
	margin: 0;
	padding: 10px 5px;
	border: 1px solid	#E5E5E5;
	font-weight: bold;
	cursor: default;
}

/**********************/
.packet{
	border: 0;
	padding: 0;
	margin: 5px 0 0 0;
}

.packet td {
	margin: 0;
	padding: 0 15px 0 0;	
	text-align: center;
	vertical-align: middle;
}

.packet td.no{
	padding: 0;
	vertical-align: top;
}

.packet td.top{
	vertical-align: top;
}


#contentcenter .packet a{
	display: block;
	margin: 0;
	border: 1px solid #E5E5E5;
}

#contentcenter .packet a.noborder{
	display: block;
	margin: 0;
	border: 1px solid White;
}

#contentcenter .packet a.plain{
	display: inline;
	color: #E20074;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border: 1px dashed #D1D1D1;
	border-style: none none dashed none; 
}

#contentcenter .packet a.plain:hover{
	color: #666666;
	border: none;
	border-bottom: 1px dashed #D1D1D1;
}

#contentcenter .packet a:hover{
	color: #888888;
	border: 1px solid #797979;
}

.bannervertical{
	border: 1px solid #e5e5e5;
	margin: 0 0 15px 0;
}

.bannervertical img, #contentcenter .bannervertical a img{
	border: none;
}

.packet a img:hover{
   filter:alpha(opacity=75);
 	-moz-opacity:0.75;
 	opacity: 0.75;
}

.packet div.packetblank{
	border: 1px solid #E5E5E5;
	height: 93px;
	width: 93px;
}

.packet img.arrowup:hover{
	filter:alpha(opacity=99);
 	-moz-opacity:0.99;
 	opacity: 0.99;
}


/**********brošure */

#contentcenter .packet .brochure{
	margin: 0;
	padding: 0;
	height: 144px;
	background:	url(../images/main/brosure/broshura_thumb_bg.jpg) no-repeat right top;
}

#contentcenter .packet .brochure .choose{
	padding: 95px 0 0 0;
}

#contentcenter .packet .brochure a{
	display: block;
	border: 0;
	color: #E20074;
	border-bottom: 0;
	padding: 0 20px 3px 0;
	margin: 0;
	text-align: right;
}

#contentcenter .packet .brochure a span{
	color: #666666;
	font-size: 10px;
}

#contentcenter .packet .brochureleft{
	float: left; 
	margin: 0; 
	//margin: 0 -5px 0 0;
	padding: 0;
	//width: 120px;
}

#contentcenter .packet  img.head{
	margin: 0;
	padding: 0;
	display: block;
	/*border: 1px solid #e5e5e5;*/
	/*filter:alpha(opacity=1);
 	-moz-opacity:1;
 	opacity: 1;*/
}

#contentcenter .packet  .brochureleft img{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#contentcenter .packet  .brochureleft img:hover{
	border: none;
	filter: none;
	-moz-opacity:1;
 	opacity: 1;
}

#contentcenter .packet .brochure a:hover{
	color: Gray;
	text-decoration: none;
	border: none;
}

#contentcenter .packet .brochure div{
	margin:0;
	padding: 2px 2px 2px 7px;
	color: #333333;
}

#contentcenter .packet .brochure p{
	text-align: left;
	height: 28px;
	overflow: hidden;
}
/****************************/

.importantdigit{
	width: 135px;
	height: 135px;
	padding: 9px 15px;
	vertical-align: right;
	border: 1px solid #e5e5e5;		
	/*vertical-align: top;*/
}

.importantdigit2{
	width: 135px;
	height: 120px;
	padding: 9px 14px;
	margin: 0 15px 0 0;
	text-align: center;
	vertical-align: center;
	border: 1px solid #e5e5e5;		
	/*vertical-align: top;*/
}

.importantdigit3{
	width: 123px;
	height: 135px;
	padding: 9px 14px;
	vertical-align: right;
	border: 1px solid #e5e5e5;		
	/*vertical-align: top;*/
}

.importantdigit4{
	width: 123px;
	height: 135px;
	padding: 9px 15px;
	margin: 0 15px 0 0;
	text-align: center;
	vertical-align: center;
	border: 1px solid #e5e5e5;		
	/*vertical-align: top;*/
}


#contentcenter .importantdigit p, #contentcenter .importantdigit2 p, #contentcenter .importantdigit3 p, #contentcenter .importantdigit4 p{
	line-height: 15px;
	text-align: left;
	color: #666666;
	margin: 3px 0 0 0;
	padding: 0;	
}



/***** T-Com threecolumn mode **********/

.threecolumn{
	border: 0;
	padding: 0;
	margin: 5px 0 0 0;
}

.threecolumn td {
	margin: 0;
	padding: 0 15px 0 0;	
	/*text-align: center;*/
	vertical-align: middle;
}

.threecolumn td.no{
	padding: 0;
	vertical-align: top;
}

.threecolumn .colfoto{
	margin: 10px 0 15px 0;
	/*border: 1px solid #e5e5e5;*/
	width: 156px;
	height: 105px;
}

.threecolumn td.top{
	vertical-align: top;
}

#contentcenter .threecolumn a{
	color: #797979;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px dashed #D1D1D1;
}

#contentcenter .threecolumn a:hover{
	color: #E20074;
	text-decoration: none;
	/*border-bottom: none;*/
}

#contentcenter .threecolumn a.border{
	display: block;
	margin: 0;
	width: 154px;
	border: 1px solid #E5E5E5;
}

#contentcenter .threecolumn a.border:hover{
	color: #888888;
	border: 1px solid #797979;
}

.threecolumn img:hover{
   filter:alpha(opacity=75);
 	-moz-opacity:0.75;
 	opacity: 0.75;
	
}

#contentcenter .threecolumn .ussbox{
	margin: 0 0 10px 0;
	/*border-bottom: 1px solid #e5e5e5;*/
}



#contentcenter .threecolumn .ussbox ul{
	
}

#contentcenter .threecolumn .ussbox div.stripes{
	/*background: url(../images/main/stripes_bg.gif);*/
	padding: 0 0 0 8px;
	margin: 0;
	height: 70px;
}

#contentcenter .threecolumn .ussboxmulti{
	padding: 0 0 10px 0;		
	border-bottom: 1px solid #e5e5e5;
}

#contentcenter .userzonebox{
	float: left;
	width: 209px;
	border-right: 1px solid #e5e5e5;
	padding: 0 15px 0 0;
}

#contentcenter .userzonebox h1{
	color: #e20074;
	font-size: 16px;
	font-weight: bold;
	margin: 0; padding: 0;
}

#contentcenter .userzonebox span{
	color: #666666;
	font-weight: bold;
}

#contentcenter .doublebox{
	float: left;
	width: 320px;
	/*border-right: 1px solid #e5e5e5;*/
	padding: 0 15px 0 0;
}

#contentcenter .doublebox p{
	margin-top: 10px; 
}

#contentcenter .userzoneboxsmall{
	float: left;
	width: 230px;
	padding: 20px 15px 0 0;
}

#contentcenter .userzoneboxsmall h4 a{
	font-size: 12px;
	color: #e20074;
	font-weight: bold;	
}

#contentcenter .userzoneboxsmall h4 a:hover{
	color: #666666;
}

#contentcenter .userzoneboxsmall a{
	margin: 0 5px 0 0;
	border-bottom: 0px;
	color: #666666;
	font-size: 11px;
}

#contentcenter .userzoneboxxl{
	float: left;
	width: 690px;
	border: 1px solid #e5e5e5;
	padding: 0 15px 0 0;
}

#contentcenter .padd{
	padding: 0 15px;
}

#contentcenter .noborder{
	border: 0;
}

#contentcenter .userzonebox p, #contentcenter .userzoneboxxl p{
	text-align: left;
	margin: 10px 0 0 0;
}

#contentcenter .userzoneboxxl a:hover{
	color: #E20074;
}

#contentcenter .double{
	width: 323px;
}
 
/************ T-Com Spliter **********************/
.spliter{
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
}

.spliter td{
	border: 1px solid #e5e5e5;
	padding: 15px;
	
}

.spliter .rightcell, .spliter .leftcell{
	margin: 0;
	width: 210px;
	height: 140px;
	/*border: 1px solid lime;*/
}

#contentcenter .spliter .rightcell p{
	text-align: left;
	margin: 5px 0;	
}

.spliter .rightcell{
	margin: 0;	
}

/***** T-Com product thumbview ***************************/

.productzone{
	margin: 0;
	padding: 0;
}

.productzone td{
	margin: 0;
	padding: 0 15px 15px 0;	
}

.productzone td.nopad{
	margin: 0;
	padding: 0 0 15px 0;	
	border: 0;
}

.productzone td div.thumbview{
	width: 240px;
	padding: 0;
	border: 1px solid #e5e5e5;
	/*border-style: solid none;*/
	overflow: hidden;
}

#contentcenter .productzone td div.thumbview a.more{
	padding: 0 12px;
	background: url(/images/bullets/strelica_magenta.gif) no-repeat right;
	color: #e20074;
	border: 0;
}

#contentcenter .productzone td div.thumbview a.nomore{
	padding: 0 12px 0 0;
	/*background: url(/images/bullets/strelica_siva3.gif) no-repeat right;*/
	color: #666666;
	border: 0;
}

.productzone td div.thumbview img.productfotosmall{
	//padding: 0 0 15px 0;
	float: left;
}

#contentcenter .productzone td div.thumbview a:hover{
	color: #e20074;
	/*background: url(/images/bullets/strelica_magenta.gif) no-repeat right;*/
}

#contentcenter .productzone td div.thumbview h1{
	padding: 8px 0 8px 12px;
	margin: 0 0 10px 0;
	font-size: 12px;
	border-bottom: 1px solid #e5e5e5;
	/*background: #f2f2f2;*/
}

#contentcenter .productzone td div.thumbview h1 a{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	border: 0;
}

#contentcenter .productzone td div.thumbview h1 a:hover{
	background: none;
	color: #e20074;
}

#contentcenter .productzone td div.thumbview p{
	padding: 0 5px 0 12px;
	text-align: left;
	height: 45px;
	overflow: hidden;
	color: #666666;
}

#contentcenter .productzone .butt{
	background: url(../images/maxtv/puce_bg.gif);
	width: 100%;
	padding: 0;
	vertical-align: middle;	
	text-align: center;
	padding: 3px 0;
}

#contentcenter .productzone span.price{
	color: #E20074;
	font-size: 12px;
	margin: 0 0 0 10px;
	font-weight: bold;
}

div.priceon, div.priceon2{
	font-size: 18px;
	font-weight: bold;
	color: #E20074;
	padding: 0 0 0 12px;
	margin: 10px 0 2px 0;
}

div.priceon span, div.priceon2 span{
	font-size: 12px;
	color: #E20074;
}

div.priceon span.starz, div.priceon2 span.starz{
	font-size: 13px;
}

div.or{
	font-size: 11px;
	color: #999999;
	margin: 2px 0 2px 15px;
}

div.priceon2{
	margin: 0px 0 5px 0;
	color: #999999;
	font-size: 12px;
}

.productzone td div.thumbview img{
	margin: 0 15px 15px 15px;
	float: right;
}

.productwhole{
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #E5E5E5;			
}

.productwhole div.proddata{
	padding: 0 0 0 150px;	
}

.productwhole img{
	float: left;
	padding: 15px;
	margin: 0;
	display: block;
}

#contentcenter .productwhole p{
	margin: 0 0 10px 0; 	
	text-align: left;
}

#contentcenter .productwhole a.more{
	padding: 0 12px 0 0;
	background: url(../images/bullets/strelica_magenta.gif) right no-repeat;
	color: #E20074;
	border-bottom: 0;
}

#contentcenter .productwhole a span{
	color: Gray;	
}

#contentcenter .productwhole a:hover{
	color: Gray;
	background: url(/images/bullets/strelica_siva3.gif) no-repeat right;
}

/*************************************/
#detailedview{
	margin: 20px 0 0 0;
	padding: 0;
}

#detailedview .fotobox{
	margin: 0;
	padding: 0;
}

#detailedview h1{
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	padding: 10px 0;
	color: #666666;
}

#detailedview img{
	float: left;
	margin: 0 30px 30px 0px;
	padding: 0;
	border: 0;
	
}

#detailedview img.fotobig{
	padding: 0 0 35px 0;
}

#detailedview .featicons{
	margin: 0px 15px 0 0;
	padding: 0;
	float: left;
}

#detailedview .featicons2{
	margin: 0px 0;
	padding: 0;
	
}

#detailedview .price{
	margin: 20px 0;
	padding: 0;
}

#detailedview h2{
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
	color: #E20074;
}

#detailedview h3{
	font-size: 14px;
	margin: 0;
	padding: 2px 0 0 0;
	color: #E20074;
}

#detailedview p{
	padding: 0;
	margin: 0;
	line-height: 14px;	
	text-align: left;
}

#detailedview .price p{
	padding: 0;
	margin: 0;
	line-height: 14px;	
	text-align: left;
	color: #666666;
}

#detailedview #overview{
	width: 450px;
	margin: 0px 0 0 0;
	padding: 10px 10px 10px 30px;
	border: 1px solid #e5e5e5;
}

#detailedview #overview img{
	margin: 0;
	padding: 0;
}

#detailedview #overview p{
	margin: 0;
	padding: 0;
}

#detailedview #overview ul li{
	margin: 5px 0 0 5px;
}


/*** T-Com userzonebox ***********/
#userzoneboxin{
	width: 185px;
	border: 1px solid #e5e5e5;
	margin: 15px 0 0 0;
	padding: 10px;
}

#userzoneboxin a{
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#userzoneboxin a:hover{
	color: #E20074;
}

#userzoneboxin ul{
	margin: 10px 0 0 17px;
	padding: 0;
}

#userzoneboxin li{
	list-style: none;
	list-style-image: url(../images/bullets/bullet_magenta2.gif);
	margin: 0;
	padding: 0 0 3px 0;
}

.fotoleftinp{
	margin: 0 15px;
	padding: 0;
}

.fotorightinp{
	margin: 0 0 0 15px;
	padding: 0;
}

.namedigit{
	background: #e20074;
	text-align: center;
	font-size: 24px;
	width: 154px;
	height: 150px;
	font-weight: bold;
	color: White;
	margin: 0 15px 0 0;
}

#contentcenter a.nobottbord{
	border-bottom: none;
}

#contentcenter a.nobottbord img:hover{
	filter:alpha(opacity=80);
 	-moz-opacity:0.80;
 	opacity: 0.80;
}

/*************** T-Com billtable *****/
.billtable{
	width: 705px;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0;
}

#contentcenter .disclaimer{
	border-top: 1px solid #e5e5e5; 
	font-size: 10px;
	color: #666666;
	margin: 25px 0 0 0;
	padding: 5px 0 0 0;
}

#contentcenter .disclaimer span{
	color: #333333;
	font-size: 11px;
}

#contentcenter .billtable td.title  p{
	font-size: 12px;	
}

#contentcenter .billtable ul{
	margin: 0 0 15px 0;
	padding: 0;
}

#contentcenter .billtable ul li{
	list-style: none;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

#contentcenter .billtable p{
	margin: 0;
	padding: 0;
	font-size: 10px;
	width: 70%;
}

#contentcenter .billtable p div{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.billtable td{
	border: 1px solid #333333;
	border-style: solid none; 
	padding: 2px;
	margin: 0;
}

.billtable thead{
	font-weight: bold;
}

.billtable thead span{
	font-size: 12px;
}

.billtable thead td{
	border-top: 0; 
	padding: 3px 2px;
}

.billtable tbody td{
	border: 0;
}

.billtable tbody.down{
	font-weight: bold;
}

.billtable tbody td.borderon{
	border-top: 1px solid #333333;
}

.billtable tfoot{
	font-weight: bold;
}

.billtable tfoot td{
	border: 0;
	border-top: 1px solid #333333; 
}

.billtable tfoot .footsmall{
	font-size: 10px;
	font-weight: normal;
}

/***thumb****/

#contentcenter .billtable div a.thumbnail {
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #999999;
	border: none;
	width: 10px;
	height: 10px;
	padding: 0 0 0 10px;
	font-size: 11px;
	background: url(/images/bullets/strelica_pricelisthover.gif) no-repeat right;
}


#contentpricelist #contentcenter .billtable tr td div a.thumbnail:hover {
	color: #333333;
}

#contentpricelist #contentcenter .billtable tr td div .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}


.billtable div .thumbnail span.medium{ 
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 100px;
	font-size: 11px;
}

.billtable div .thumbnail span.big{ 
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 200px;
	font-size: 11px;
}

.billtable div .thumbnail:hover span{ 
	visibility: visible;
	top: 0;
	left: -120px;
	top: 5px; 
	font-size: 11px;
}

.billtable div .thumbnail span.demo{ 
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 100px;
	font-size: 11px;
}

.billtable div .thumbnail:hover span{ 
	visibility: visible;
	top: 0;
	left: -120px;
	top: 5px; 
	font-size: 11px;
}

div#maxadsldemo .billtable div .thumbnail:hover span{ 
	visibility: visible;
	top: 0;
	left: 20px;
	top: 5px;
	font-size: 11px; 
}

/*************** T-Com pricelist *****/

#contentpricelist #contentcenter {
	width: 705px;
	padding: 0;
	margin: 0;
 /*	border: 1px solid lime;*/
}

#contentpricelist #contentcenter #breadcrumbs{
	width: 705px;
}

#contentpricelist #contentcenter #titlebox{
	width: 705px;
}

.pricelist{
	width: 705px;
	color: #333333;
	margin: 0;
	padding: 0;
}

.pricelist a{
	color: #616161;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.pricelist a:hover{
	color: #333333;
}

.pricelist thead tr td{
	background-color: none;
	padding: 17px 5px 17px 15px;
	margin: 0;
	border: 1px solid #e5e5e5;
	color: #E20074;
	font-weight: bold;
}

#contentpricelist #contentcenter .pricelist thead a{
	color: #E20074;
	font-weight: bold;
	border-bottom: none;
}

#contentpricelist #contentcenter .pricelist thead a:hover{
	color: Gray;
}

.pricelist thead tr td.headcenter, .pricelist thead tr td.headcenter2{
	text-align: right;
	padding: 4px 20px 4px 4px;
	width: 110px;
	border-left: none;
}

.pricelist thead tr td.headcenter2{
	width: 150px;
}


.pricelist tbody tr td {
      /*background-color: #F5F5F5;*/
		padding: 6px 15px 6px 15px;
		/*border: 1px solid #e5e5e5;*/
		vertical-align: right;
			border: 1px solid #e5e5e5;
		border-style: none solid;
}

.pricelist tbody tr td.bottom{
	border-bottom: 1px solid #e5e5e5;
	padding: 0;
	margin: 0;
}

.pricelist tbody tr td.blank{
	padding: 0;
	margin: 0;
	border: 1px solid #e5e5e5;
	/*border-style: solid none; */
}

.pricelist tbody tr td.blank2{
	padding: 10px;
	margin: 0;
	background: #efefef;
	border: 1px solid #e5e5e5;
	font-weight: bold;
	/*border-style: solid none; */
}

.pricelist tbody tr td.priceright{
	padding: 4px 20px 4px 4px;
	text-align: right;	
		width: 110px;
}

.pricelist tbody tr td.priceright2{
	padding: 4px 20px 4px 4px;
	text-align: right;	
		width: 150px;
}

.pricelist tbody tr.priceblank td{
	background: #F4DFEA;
	border: none;

}

.pricelist tbody tr.empty td {
      background-color: White;
	 
}

.pricelist tbody tr.full td {
      background-color: #f2f2f2;
}

.pricelist tbody tr td.darken{
		text-align: center;
		padding: 0;
		width: 55px;
}

.pricelist tbody tr td.darken2{
		text-align: center;
		padding: 0;
		width: 55px;
}

.pricelist tbody tr td.descr, .pricelist thead tr td.descr{
		width: 330px;
		font-size: 11px;
		color: #333333;
		font-weight: normal;
		border-right: none; 
}

.pricelist thead tr td.descr{
	color: #E20074;
	font-weight: bold;
	
}

.pricelist tbody tr td.brand{
	/*background-color: #daadc4;*/
	color: #333333;
	font-weight: bold;
	padding: 5px 15px;
	border: 1px solid #D1D1D1;
	border-style: solid none;
}

.pricelist tbody tr td.price{
		text-align: center;
		padding: 0;
		font-weight: bold;
		color: #666666;
		width: 120px;
}

.pricelist tbody tr td.price2, .pricelist tbody tr td.price3{
		text-align: right;
		padding: 4px 20px 4px 4px;
		font-weight: bold;
		color: #666666;
		width: 110px;
		border-left: none;
}

.pricelist tbody tr td.price3{
	width: 160px;
	border-bottom: 1px solid #e5e5e5;
}

.pricelist tbody tr.empty td.price2{
	border-bottom: 1px solid #e5e5e5;
}

.pricelist tbody tr td.price2 b, .pricelist tbody tr td.price3 b{
	padding: 0 14px 0 0;
	color: #666666;
	/*border: 1px solid lime;*/
}

.pricelist strong{
	color: #666666;
}

.pricelist tbody tr td.icons, .pricelist tbody tr td.icons2, .pricelist tbody tr td.icons3{
		text-align: center;
		vertical-align: middle;
		padding: 0 0 0 5px;
		width: 70px;
		background: #E5E5E5;
}

.pricelist tbody tr td.icons3{
	padding: 0 9px;
}

.pricelist tbody tr td.icons2{
	padding: 0;
}

.pricelist tbody tr td div{
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0;
	color: #333333;
}

.pricelist tfoot tr td{
	padding: 0;
	margin: 0;
	color: White;
	font-weight: bold;
	border-bottom: 4px solid #E20074;
}

.pricelist .pricelisttxt{
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

#contentcenter .bannerleft{
	float: left;
	margin: 0 9px 0 0;
	width: 242px;
	padding: 1px 0 0 1px;
	border: 1px solid #e5e5e5;
	/*background:	url(../images/max/bannerbg.gif) no-repeat;*/
}

#contentcenter .bannerright{
	float: right;
	margin: 0;
	padding: 0;
	width: 241px;
	padding: 1px 0 0 1px;
	border: 1px solid #e5e5e5;
	/*background:	url(../images/max/bannerbg.gif) no-repeat;*/
}

#contentcenter .bannerleft a, #contentcenter .bannerright a{
	border-bottom: none;
}

#contentcenter .bannerleft:hover, #contentcenter .bannerright:hover{
	border: 1px solid #666666;
}

/*********selectab*/

#selectab{
	width: 100%;
	color: #333333;
	line-height: 13px;
	margin: 5px 0 10px 0;
	padding: 0;
	border: 1px solid #F2F2F2;
	border-style: none solid solid solid; 
	font-size: 11px;
	
}

#selectab tr td{
	vertical-align: middle;					
	padding: 10px 15px;
	border: 1px solid #F2F2F2;
	border-style: solid solid none none; 
	text-align: center;
}

#selectab tr td a{
	border: 0;
}

#selectab .title{
	color: #666666;
	text-align: left;
	padding: 10px 5px;	
}

#selectab .ico{
	margin: 0 5px 0 0;
}

#selectab thead span{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
}

#selectab thead td{
	border-bottom: 1px solid #e5e5e5;
	background: White;
} 

#selectab tr td{
	border-right: 1px solid #e5e5e5;
}



/***thumb****/

#contentpricelist #contentcenter .pricelist tbody tr td div a.thumbnail {
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #999999;
	border: none;
	width: 10px;
	height: 10px;
	font-size: 11px;
	padding: 0 0 0 10px;
	background: url(/images/bullets/strelica_pricelisthover.gif) no-repeat right;
	border: none;
}

#contentpricelist #contentcenter .pricelist tbody tr td div a.thumbnail:hover {
	color: #333333;
}

#contentpricelist #contentcenter .pricelist tbody tr td div .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.pricelist tbody tr td div .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: center;
	width: 50px;
}

.pricelist tbody tr td div .thumbnail span.medium{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 90px;
}

.pricelist tbody tr td div .thumbnail span.big{
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 180px;
}



.pricelist tbody tr td div .thumbnail span.bigleft{
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 180px;
}

.pricelist tbody tr td div .thumbnail span.big2{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 230px;
}

.pricelist tbody tr td div .thumbnail span.big3{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 260px;
}

.pricelist tbody tr td div .thumbnail span.big4{
	position: absolute;
	background-color: white;
	left: -1000px;
	padding: 10px;	
	border: 0;	
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 150px
}

#contentpricelist #contentcenter .pricelist tbody tr td div .thumbnail:hover span.big2{ 
	visibility: visible;
	top: 0;
	left: 18px;
	top: -380px; 
}

#contentpricelist #contentcenter .pricelist tbody tr td div .thumbnail:hover span.big3{ 
	visibility: visible;
	top: 0;
	left: -330px;
	top: -320px; 
}

#contentpricelist #contentcenter .pricelist tbody tr td div .thumbnail:hover span.big4{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 18px;
	top: 5px; 
}

#contentpricelist #contentcenter .pricelist tbody tr td div .thumbnail:hover span.bigleft{ 
	visibility: visible;
	top: 0;
	left: -180px;
	top: 15px; 
}

#contentpricelist #contentcenter .pricelist tbody tr td div .thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 18px;
	top: 5px; 
}

.onright{
	margin: 0 0 15px 225px;
}

.onright{
	margin: 0 10PX 25px 225px;
}

/************** T-com aditionalserv ******/

#aditionalserv{
	width: 100%;
	color: #666666;
	line-height: 13px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	border-style: none none solid solid; 
}

#aditionalserv tr td.title{
	width: 124px;
}

#aditionalserv tr td.descr{
	width: 124px;
}

#aditionalserv thead tr td{
	padding: 10px 5px 10px 10px;
	margin: 0;
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	color: #E20074;
	width: 124px;
	font-weight: bold;
}

#aditionalserv tbody tr td{
	width: 124px;
	height: 104px;		
	vertical-align: top;					
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	padding: 5px 5px 5px 10px;
}

#aditionalserv tbody tr td span{
	color: #333333;
	font-size: 11px;
	/*font-weight: bold;	*/
}

#aditionalserv tbody tr td.title{
	color: #666666;
	font-weight: bold;	
}

#aditionalserv tbody tr td a{
	color: #E20074;
	display: block;
	border: 0;
}

#aditionalserv tbody tr td a:hover{
	color: #666666;
}

#aditionalserv2{
	width: 100%;
	color: #666666;
	line-height: 13px;
	margin: 5px 0 10px 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	border-style: none none solid solid;
}

#aditionalserv2 thead tr td{
	padding: 10px;
	margin: 0;
	color: #E20074;
	font-weight: bold;
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
}

#aditionalserv2 tbody tr td{
	vertical-align: middle;					
	border: 1px solid #e5e5e5;
	padding: 5px 5px 5px 10px;
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	color: #666666;
}

#aditionalserv2 tbody tr td.head{
	color: #333333;		
}

#aditionalserv2 .head{
	color: Gray; 
}

#aditionalserv2 .row{
	 background-color: #f2f2f2;
	 font-weight: bold;
	 padding: 10px;
	 color: #666666;
}

#aditionalserv2 span.nonen{
	font-weight: normal;
}

#aditionalserv2 .rightpadon{
	padding: 0 15px 0 0;
	margin: 0;
	text-align: right;
	vertical-align: middle;
}

#aditionalserv2 span.highlight{
	color: #333333;
}

/*********************************/

#contentcenter #aditionalserv2 a{
	border: 0;
	color: #999999;
}

#contentcenter #aditionalserv2 a:hover{
	color: #E20074;
}

#aditionalserv2  tbody tr td div a.thumbnail {
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #999999;
	border: none;
	width: 10px;
	height: 10px;
	padding: 0 0 0 10px;
	background: url(/images/bullets/strelica_pricelisthover.gif) no-repeat right;
	border: none;
}

#aditionalserv2  tbody tr td div a.thumbnail:hover {
	color: #333333;
}

#aditionalserv2 tbody tr td div .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

#aditionalserv2 tbody tr td div .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: center;
	width: 50px;
}


#aditionalserv2 tbody tr td div .thumbnail span.big{
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 180px;
}


#aditionalserv2 tbody tr td div .thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 18px;
	top: 5px; 
}

#aditionalserv2 tbody tr.priceblank td{
	background: #F4DFEA;
	border: none;
	font-weight: bold;
}

#aditionalserv2 tbody tr.stripes td{
	background: url(../images/main/stripes_bg.gif);
	padding: 10px;
	font-weight: normal;
	color: #E20074;
	font-size: 12px;
}

/***/
#aditionalserv3{
	width: 100%;
	color: #666666;
	line-height: 10px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #e5e5e5;
	border-style: none none solid solid;*/
}

#aditionalserv3 tbody tr td{
	vertical-align: middle;					
	/*border: 1px solid #e5e5e5;*/
	padding: 0 15px;
	/*border: 1px solid #e5e5e5;
	border-style: solid solid none none; */
}

#aditionalserv3 select{
	font-size: 11px;
}

/********* T-Com form area **********/
#aditions{
	margin: 15px 0;
	width: 400px;
}

#aditions tr td.title{
	color: #666666;
	background: #FAFAFA;
	font-size: 11px;
	font-weight: bold;
}

#aditions tr td{
	vertical-align: middle;					
	padding: 10px 0 10px 5px;
	border: 1px solid #F2F2F2;
	border-style: solid none none none; 
}

#aditions tr td.stripes{
	background: url(../images/main/stripes_bg.gif); 
	border: 1px solid White;
	border-style: solid none;
}

.formarea{
	width: 100%;
	color: #333333;
	line-height: 13px;
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 11px;
}

.formarea .pricesuma{
 color: #E20074;
 font-size: 11px;
 font-weight: bold;
}

.formarea tr td{
	vertical-align: middle;					
	padding: 10px 15px;
	border: 1px solid #F2F2F2;
	border-style: solid none none none; 
}

.formarea tr td.ondata{
	vertical-align: middle;	
	text-align: left;				
	padding: 10px 15px;
	background: #F2F2F2;
	color: #666666;
	border: 1px solid #F2F2F2;
	border-style: none none none none; 
}

.formarea tr td.ondata span.hi{
	color: #333333;
}

.formarea tr td.title{
	color: #E20074;
	background: #FAFAFA;
	font-size: 12px;
}

.formarea tr td.stripes{
	background: url(../images/main/stripes_bg.gif); 
	border: 1px solid White;
	border-style: solid none;
}

.formarea .puce{
	margin: 0;
	width: 41px;
	height: 17px;
	display: inline;
	border: 0;
	cursor: pointer;
}

#contentcenter .netchoice .buttin{
	background: url(../images/maxtv/puce_bg.gif);
	padding: 0;
	vertical-align: middle;	
	text-align: center;
	width: 20px;
	padding: 5px;
}

#contentcenter .netchoice .buttin2{
	background: url(../images/maxtv/puce_bg2.gif) ;
	padding: 0;
	vertical-align: middle;	
	text-align: center;
	width: 20px;
	padding: 5px;
}

.netchoice{
	margin: 10px 0;
}

.netchoice .price{
	color: #E20074;
	font-weight: bold;
	font-size: 11px;
}

.netchoice td{
	background: url(../images/main/stripes_bg.gif); 
	border: 1px solid White;
	border-style: solid none;
	width: 245px;
}

.formarea .resettab, .formarea .resettab td{
	padding: 0;
	margin: 0;	
	border: none;
}

#contentcenter .formarea .puce:hover{
	filter:alpha(opacity=70);
 	-moz-opacity:0.70;
 	opacity: 0.7;
}

.formarea input, .formarea select{
 float: left; 
 font-size: 12px;
 /*line-height: 16px;*/
 /*height: 14px;*/
 border: 1px solid #BCBCBC; 
}

.formarea textarea{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #BCBCBC;
}

.formarea textarea.txtarea2{
	width: 465px;
	border: 1px solid #e5e5e5;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.formarea td.sendfriend textarea{
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #BCBCBC;
}

#contentcenter .formarea span.starz{
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 0 10px;
	color: #E20074;
	font-family: Arial, Helvetica, sans-serif;
}

#contentcenter .formarea div a.thumbnail {
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #999999;
	border: none;
	width: 10px;
	height: 10px;
	padding: 0 0 0 10px;
	background: url(/images/bullets/strelica_pricelisthover.gif) no-repeat right;
}

#contentcenter .formarea tr td div .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}


.formarea div .thumbnail span{ 
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 150px;
	font-size: 11px;
}

.formarea div .thumbnail:hover span{ 
	visibility: visible;
	top: 0;
	left: 15px;
	top: 5px; 
}


/**********************/
#cards{
	width: 100%;
	color: #666666;
	line-height: 10px;
	margin: 35px 0 10px 0;
	padding: 0 0 0 0;
	/*border-top: 1px solid #e5e5e5;*/
}

#cards img{
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/cards/thumb_bg.gif) no-repeat bottom;
	padding: 0 0 39px 0;
}

#cards h1{
	font-size: 11px;
	color: #E20074;
	font-weight: normal;
	line-height: 13px;
	margin: 0 0 5px 0;
}

#cards h1 span{
	color: Black;
	margin: 0 5px 0 0;
}

#cards p{
	color: #333333;
}

#cards td{
	vertical-align: top;					
	/*border: 1px solid #e5e5e5;*/
	padding: 5px 5px 0px 0;
	/*border: 1px solid #e5e5e5;
	border-style: solid solid none none; */
}

#cards h4{
	color: #666666;
	margin: 0 0 15px 0;
}

/************ hotspottable *********/
#hotspottab{
	width: 100%;
	color: #666666;
	line-height: 13px;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	border-style: none none solid solid; 
}

#hotspottab tr td.title{
	width: 124px;
}

#hotspottab tr td.descr{
	width: 124px;
}

#hotspottab thead tr td{
	padding: 10px 5px 10px 10px;
	margin: 0;
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	color: #E20074;
	width: 124px;
	font-weight: bold;
}

#hotspottab tbody tr td{
	width: 124px;
	vertical-align: top;					
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	padding: 5px 5px 5px 10px;
}


#hotspottab tbody tr td.title{
	color: #666666;
	font-weight: bold;	
}

#hotspottab a{
	color: #666666;
	font-size: 11px;
}

/************ centrestable *********/
#centrestable{
	width: 100%;
	color: #666666;
	line-height: 13px;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	border-style: none none solid solid; 
}

#centrestable tr td.title{
	width: 124px;
}

#centrestable span{
	color: #999999;
}

#centrestable tr td.descr{
	width: 124px;
}

#centrestable thead tr td{
	padding: 10px 5px 10px 10px;
	margin: 0;
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	color: #E20074;
	width: 100px;
	font-weight: bold;
}

#centrestable tbody tr td{
	width: 124px;
	vertical-align: top;					
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	padding: 5px 5px 5px 10px;
}

#centrestable thead tr td.address{
	width: 210px;
	border: 1px solid #e5e5e5;
	border-style: solid solid none none; 
	padding: 5px 5px 5px 10px;
}

#centrestable tbody tr td.title{
	color: #666666;
	font-weight: bold;	
}

.troughbox{
	width: 480;
	border: 1px solid #E5E5E5;
	padding: 15px;
	margin: 18px 0;
}

.troughbox img{
	float: left;
	margin: 0 20px 0 0;
}

/**********dial up***********************/
#dialup{
	/*width: 499px;*/
}

#dialup td{
	padding: 0 15px 15px 0;
	margin: 0;	
}

#dialup td.rightpad{
	padding: 0 0 15px 0;
	margin: 0;
}

#wlan{
	
}

#wlan td{
	padding: 15px 17px 0 0;
	margin: 0;	
}

#wlan td.rightpad{
	padding: 15px 0 0 0;
	margin: 0;	
}

/********/
.boxez{
	margin: 0;
	padding: 0;
}

.boxez td{
	padding: 15px;
	border: 1px solid #e5e5e5;
	color: #333333;
	font-size: 12px;
	text-align: center;
	background: #f2f2f2;
}

/***************/
#showoffpage{
	margin: 0;
	padding: 15px;
}

#showoffpage hr{
	border: 0;
	width: 500px;
	margin: 10px 0;
	padding: 0;
	line-height: 0;
	color: #e5e5e5;
	height: 1px;
}

#showoffpage hr.nomargin{
	border: 0;
	width: 500px;
	margin: 0;
	padding: 0;
	line-height: 0;
	color: #e5e5e5;
	height: 1px;
}


#showoffpage #titlebox img{
	background: 0;
	padding: 0;	
}

#showoffpage  p{
	width: 510px;
	text-align: left;
	font-weight: bold;
	margin: 15px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #e5e5e5;
	color: #333333; 
}

#showoffpage  p.light{
	font-weight: normal;
	border: 0;
	margin: 0;
	padding: 0;
}

#showoffpage img{
	background: url(../images/imgbg.gif); 
	padding: 5px;
	margin: 10px 0;
}

#showoffpage img.insideimg{
	background: none; 
	display: inline; 
	margin: 0 5px; 
	padding: 0;
}

#showoffpage ol{
	font-size: 12px;
	margin: 0 0 0 3px;
	
}

#showoffpage ol a{
	font-size: 12px;
	color: #e20074;	
}

#showoffpage ol a:hover{
	color: Gray;
}

#showoffpage ol li{
	color: #e20074;
}

#showoffpage ol.plain{
	font-size: 11px;	
}

#showoffpage ol.plain li{
	color: #666666;
}

#showoffpage ol img{
	margin: 15px 0;
	padding: 5px;
	background: url(../images/imgbg.gif);
	
}

#showoffpage a.top{
	font-size: 12px;
	display: block;
	margin: 15px 0;
	padding: 5px;
	width: 50px;
	display: block;
	border: 1px solid #e5e5e5;
	background: url(../images/bullets/strelica_siva_up.gif) no-repeat right;
}

#showoffpage a.top:hover{
	background: #f2f2f2 url(../images/bullets/strelica_mag_up.gif) no-repeat right;
}

.instal{
	margin: 15px 0;
	border: 1px solid #e5e5e5;
	padding: 5px 10px;
}

.instal a{
	text-align: left;
	display: inline;
	color: #797979;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

.instal a:hover{
	border-bottom: 1px dashed #D1D1D1;
}

.videobg{
	background: url(../images/poslovni/video_box_bg.gif) no-repeat bottom right;
	
}

/******************/
#webmap{
	padding: 0 45px;
	margin: 0;
	width: 882px;	
}

#webmap h4{
	margin: 15px 0 2px 0;
	font-size: 11px;
	color: #333333;	
	display: list-item;
	list-style: square;
}

#webmap ul li{
	list-style: none;
	margin-left: -15px; 
}

#webmap a{
	border: none;	
}

#webmap a.selflink{
	color: #333333;
	display: list-item;
	margin: 3px 0;
	list-style: square;
	
}

#webmap a.selflink:hover{
	color: #E20074;
}

#webmap table thead td{
	padding: 0 1px 15px 0;
}

#webmap table tbody td{
	padding: 0 5px 0 25px;	
	vertical-align: top;
}

#webmap .title{
	margin: 0 0 25px 0;
}

/*************************/
.ussbox{
	width: 154px;
	margin: 0;
	padding: 0;	
	text-align: left;
}

.ussbox h4{
	margin: 0;
	padding: 0; 
	/*background: #F2F2F2;*/
}

#contentcenter .ussbox p{
	text-align: left;
}

#contentcenter .ussbox a{
	border: 0;
	text-align: left;
	display: inline;
	color: #797979;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px dashed #D1D1D1;
}

#contentcenter .ussbox a:hover{
	color: #E20074;
	border: 0;
	border-bottom: 1px dashed #D1D1D1;
}

/**** english add-ons */

/*** T-Com contactsbox ***********/
#contactsbox, #howtoreachbox{
	width: 185px;
	border: 1px solid #e5e5e5;
	margin: 0 0 0 0;
	padding: 10px;
	background: url(../images/userzone_bg_in.jpg) no-repeat right bottom;
}

#howtoreachbox{
	background: none;
	background: url(../images/howtoreach_bg.jpg) no-repeat right bottom;*/
}

#contactsbox a, #howtoreachbox a{
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	line-height: 13px;
}

#howtoreachbox a{
	display: inline;
}

#contactsbox a:hover, #howtoreachbox a:hover{
	color: #E20074;
}

#contactsbox .bullet{
	border: 0;
	margin: 0 3px 0 0;	
}

#contactsbox ul, #howtoreachbox ul{
	margin: 10px 0 0 17px;
	padding: 0;
}

#contactsbox li, #howtoreachbox li{
	list-style: none;
	list-style-image: url(../images/bullets/bullet_magenta.gif);
	margin: 0;
	padding: 0 0 3px 0;
}

#howtoreachbox li{
	list-style-image: url(../images/bullets/bullet_silver.gif);
}

#contactsbox li, #contactsbox p {
	color: #666666;
}

.packeta, .packetc{
	margin: 5px 15px 0 0;
}

.packetc{
	margin-right: 0;
}


/***** T-Com additionalnav */
.leftaditionalnav{
	padding: 5px 5px 10px 15px;
	margin: 5px 0;
	color: #797979;
	border: 1px dashed #e5e5e5;
	border-style: none none dotted none;
	width: 167px;
}

.leftaditionalnav ul{
	margin: 8px 0 5px 2px;
	padding: 0;
}

.leftaditionalnav li{
	margin: 4px 0;
	/*padding: 0;*/
	list-style: none;
}

.leftaditionalnav a{
	color: #797979;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url(../images/nav_bullet.gif) no-repeat left top;
}

.leftaditionalnav .active{
	color: #E20074;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url(../images/nav_bullet_mag.gif) no-repeat left top;
}

.leftaditionalnav a.nocube{
	color: #797979;
	text-decoration: none;
	padding: 0 0 0 0px;
	background: none;
}

.leftaditionalnav div.selflink{
	padding: 0 0 15px 0px;
	margin: 0;
}

.leftaditionalnav a:hover{
	color: #E20074;
}

.leftaditionalnav .activeon{
	font-weight: bold;
	color: #e20074;
	background: url(../images/nav_bullet_mag.gif) no-repeat left top;	
}

.leftaditionalnav h1{
	/*font-family: georgia;*/
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.leftaditionalnav h1.selected{
	cursor: default;
	color: #e20074;	
}

.leftaditionalnav h1:hover{
	color: #e20074;
}

.leftaditionalnav h1.selected:hover{
	color: #e20074;
}


.aditionalsubnav{
	border: 1px solid #e5e5e5;
	border-style: solid none; 
	padding: 0;
	margin: 5px 0 15px 0;
}

.aditionalsubnav ul{
	margin: 0;
	padding: 0;
}

.aditionalsubnav a, .aditionalsubnav li.active{
	background: none;
}
/*******T-Com kzona support item */
.supportbox {
	border: 1px solid #e5e5e5;
	margin-bottom:15px;
	padding: 10px 0 10px 10px;
}
#supportitem img {
	margin-top:10px;
}

#supportitem h1 {
	margin-left: 115px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e5e5e5;
}

#supportitem p {
	text-align: right;
	margin: 0 0 5px 115px;
	padding-left: 15px;
	font-size: 11px;	
}

#supportitem p.upute {
	background: url(../images/bullets/bullet_upute.gif) no-repeat left top;

}

#supportitem p.zastita {
	background: url(../images/bullets/bullet_zastita.gif) no-repeat left top;
}

#supportitem p.download {
	background: url(../images/bullets/bullet_download.gif) no-repeat left top;
}

#supportitem p a {
	margin-right: 20px;
	font-size: 11px;
}

/***********/

#navtabOne {
	border-bottom: 7px solid #e5e5e5;
	width: 100%;
	margin: 0 0 15px 0;
}

#navtabOne ul{
	margin: 0;
	padding: 8px 0;
}

#navtabOne ul li{
	display: inline;
	padding: 5px 15px;
	margin: 0;
	//margin: 0 2px 0 0;	
	border: 1px solid #e5e5e5;
	position: relative;
	bottom: -3px;
	z-index: 0;
}

#navtabOne a{
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 0;
	color: #666666;
}

#navtabOne a:hover{
	color: #999999;
}

#navtabOne span{
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 0;
	color: #E20074;
}

#contentcenter a.linkedbanner{
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	display: block;
}

#contentcenter a.linkedbanner:hover{
	border: 1px solid #999999;
}

/***************T-Com brochures*******/
#brochurecontent{
	margin: 0 0 0 23px;
	padding: 12px 0 0 11px;
	width: 918px;
	height: 650px;	
	background: url(../images/main/brosure/broshura_bg.jpg) White;
}

/**** maxtv prijava ****/
#recordaction{
	margin: 25px 0 35px 0;
	padding: 0;
	border: 1px solid #f2f2f2;
	border-style: solid none;
}

.resetbox{
	background: White;
	margin: 0;
	padding: 10px 0 0 0;
}

.recleft{
	float: left;
	margin: 0;
	padding: 12px 0 0 0;
	background: White;
	height: 105px;
	//height: 115px;
}

#recordaction .recleft p{
	width: 240px;
	padding: 0 5px 0 0;
	text-align: left;
}

.recright{
	margin: 5px 0 0 0;
	padding: 0;
	background: url(../images/main/stripes_bg.gif);  
}

#recordaction .buttin2{
	background: url(../images/maxtv/puce_bg2.gif) ;
	padding: 0;
	vertical-align: middle;	
	text-align: center;
	width: 20px;
	height: 12px;
	padding: 10px 5px;
	margin: 0 5px 0 0;
}

.recchoice{
	margin: 0;
}

.recchoice .price{
	color: #E20074;
	font-weight: bold;
	font-size: 11px;
}

.recchoice td{
	background: url(../images/main/stripes_bg.gif); 
	border: 1px solid White;
	border-style: solid none;
	width: 245px;
}

/***thumb****/

#contentcenter .recchoice div a.thumbnail{
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #999999;
	border: none;
	width: 10px;
	height: 10px;
	padding: 0 0 0 10px;
	background: url(/images/bullets/strelica_pricelisthover.gif) no-repeat right;
}



.recchoice div .thumbnail span.medium, .dropdata .thumbnail span.medium { 
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
	text-align: left;
	width: 100px;
	font-size: 11px;
}

.flipoption .thumbnail span.medium{ 
	position: absolute;
	background-color: #F4DFEA;
	padding: 10px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	text-align: left;
	width: 100px;
	font-size: 11px;
}


.recchoice div .thumbnail:hover span{ 
	visibility: visible;
	left: 20px;
	top: 5px;  
}


.upsticker{
	background: url(../images/maxtv/plus_up_sticker.gif) no-repeat left;
	position: relative;
	top: 1px;
	left: 1px;
	width: 96px;
	height: 19px;	
}




#contentcenter h1.mango{
	font-size: 15px;
	font-weight: bold;
	color: #e20074;
}

/************** dropdown menu *********/

.dropkick{
	border: 1px solid #e5e5e5;
	padding: 5px 5px 5px 65px;
	margin: 0 0 10px 0;
}

.maxtvdrop{
	border: 1px solid #e5e5e5; 
	padding: 15px 15px 0 15px;
	margin: 15px 0 0 0;
	width: 460px;
}

#contentcenter .maxtvdrop  h1{
	font-size: 16px;
	font-weight: bold;
	color: #e20074
}

.maxtvdrop .dropkick{
	border-color: #EFEFEF;
	border-style: none none solid none;
	padding: 1px 5px 1px 38px;
}

.maxtvdrop .dropdata{
	margin: 15px 0 0 0;
}

#contentcenter .dropkick h2{
	font-size: 13px;
	padding: 3px 0;
	margin: 0;
	cursor: pointer;
	
}

#contentcenter .dropkick p{
	margin: 2px 0 10px 0;
	padding: 0;
	color: #666666;
}

#contentcenter .dropkick a{
	color: #e20074;
}

#contentcenter .dropkick a:hover{
	color: #333333;
}

.droptitle{
	color: #999999;
	font-size: 10px;
}

.droptitle span{
	margin: 0 3px;
}

.dropdata{
	margin: 15px 0 0 0;
}

#contentcenter .dropdata span{
	font-weight: bold;
	color: #333333;
}

#contentcenter .dropkick .bullet{
	float: left;
	position: relative;
	margin: 4px 0 0 0;
	left: -35px;
}

.upform{
	color: #666666;	
}

.upform td{
	padding: 0 0 5px 0;
}

.boxlink{
	width: 100px;
	height: 30px;
	background: #e20074;
	/*border: 1px solid #cccccc;*/
	float: left;
	margin: 5px 5px 10px 0;
	padding: 5px;
	text-align: center;
}

#contentcenter .boxlink a{
	color: white;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	border-bottom: none;
}

.bluebox{
	background: #427BAB;
}

.graybox{
	background: #b48062;
}

#contentcenter .boxlink a:hover{
	text-decoration: underline;
	color: white;
}

#pricetag, #becomeusertag{
	background: #eda95a;
	margin: 15px 0 10px 0;
	padding: 5px;
	text-align: center;
	display: block;
	font-weight: bold;
	color: White;
	border-bottom: 2px solid #b48062;
	text-decoration: none;
}

#becomeusertag{
	background: #e20074;
	border-bottom: 2px solid #dfafc7;
}

#pricetag:hover, #becomeusertag:hover{
	text-decoration: underline;
}





/*** content flipout */


.flipotion{
	margin: 0;
	padding: 0;
}

#contentcenter .flipoption a.thumbnail{
	position: relative;
	border: 0;
	z-index: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#contentcenter .flipoption .thumbnail span.medium{
	padding: 15px;
	background: White;
	width: 350px;
	filter:alpha(opacity=90);
 	-moz-opacity:0.90;
 	opacity: 0.90;
}

#contentcenter .flipoption .thumbnail:hover span{
	width: 350px;
	height: 255px;
	visibility: visible;
	left: 0px;
	top: 15px; 
}

#contentcenter .dropoption a.thumbnail{
	position: relative;
	z-index: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#contentcenter .dropoption .thumbnail span.medium{
	padding: 10px 15px;
	background: #F4DFEA;
	width: 350px;
	filter:alpha(opacity=1);
 	-moz-opacity:0.99;
 	opacity: 0.99;
}


#contentcenter .dropoption .thumbnail span.medium p{
	text-align: left;
	color: Black;
}

#contentcenter .dropoption .thumbnail:hover span{
	width: 170px;
	height: 110px;
	visibility: visible;
	left: 0px;
	top: 15px; 
}

.bottomer{
	padding: 8px 0 0 0;
	margin: 25px 0 0 0;
	border-top: 1px solid #e5e5e5;
	width: 495px;
	color: #666666;
}

#contentcenter .bottomer p, #contentcenter .bottomer a{
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
}

#contentcenter .bottomer ul li{
	font-size: 11px;
}

/**************MAXtri*/
.tcomworld{
	margin: 15px 0 0 0;
	padding: 86px 0 46px 0;
	width: 973px;
	text-align: center;
	background: url(../images/privatni/tcomsvijet_bg.gif) White ;
}

.tcomworld .swf{
	height: 348px;
	overflow: hidden;
}

.showhide{
	border: 1px solid lime;
	width:498px; 
}

/***************T-Com footer**********/


#footer{
	background: url(../images/footer_bg.gif) repeat-x left bottom;
	padding: 20px 0 10px;
	margin: 0;
	width: 974px; 		
	color: #d4d4d4;	
}

#footer a{
	color: #797979;
	text-decoration: none;
	font-weight: normal;
	padding: 0 6px;
	margin: 0;	
	border: 0;
}

#footer img{
	border: 0;
}

#footer a:hover{
	color: #E20074;	
}

#footholder{
	width: 720px;
	margin: 0;
	padding: 0;
}

#linkz{
	padding: 0;
	margin: 0 0 0 5px;
}

#iconz{	
	/*text-align: right;*/
	padding: 0;
	margin: 0;
}

#footer #iconz a{
	margin: 0; padding: 0 3px;
	float: left;
}



#footer #iconz a.no{
	padding: 0 0 0 6px;
}

.navibg{
	background: url(../images/euro/navijaci2.jpg) no-repeat top left;
	width: 235px;	
}

.eurobg{
	background: url(../images/euro/bg.jpg) no-repeat top;
	margin: 0;
	padding: 15px; 
}

.eurobg2{
	background: url(../images/euro/bg2.jpg) no-repeat top;
	margin: 0;
	padding: 95px 0 0 0; 
}




#contentcenter .stickbg {
	background: #e5e5e5;
	color: #e20074;
	font-weight: bold;
	border: 1px solid #e5e5e5;
	padding:  15px;
	margin: 15px 0 0 0;
}

#contentcenter .stickbg h4{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

#contentcenter .stickbg ul li{
	font-weight: normal;
}

#contentcenter .note {
	margin-top: 25px;
	border-top: 1px solid #e5e5e5; 
	padding-top: 10px; 	
}

#contentcenter .note p{
	font-size: 11px;
	color: #666666;
}

#contentcenter .notebox {
	margin: 15px 0;
	border: 1px solid #e5e5e5; 
	padding: 10px; 	
}

.sdbox{
	width: 270px;
	height: 100px;
	padding: 60px 30px 0 60px;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #e20074;
	font-weight: bold;
}

/* akcija box */

#action {
	position:relative;
	padding:10px 15px;
	border:solid 2px #e20074;
}

#action .corner {
	position:absolute;
	font-size:0;
	width:12px;
	height:12px;
	background:transparent url('/images/krugic_mag.png') no-repeat;
	z-index:10;
}

#action .tl {
	background-position:top left;
	top:-2px;
	left:-2px;
}

#action .tr {
	background-position:top right;
	top:-2px;
	right:-2px;
}

#action .bl {
	background-position:bottom left;
	bottom:-2px;
	left:-2px;
}

#action .br {
	background-position:bottom right;
	bottom:-2px;
	right:-2px;
}

/* sociala box*/
#socialbox, #socialbox ul, #socialbox li{
	margin: 0; padding: 0;	
}
#socialbox{
	position: fixed;
	top: 200px;
	left: 995px;	
	text-align: center;
}
#socialbox a{
	width: 27px;
	height: 27px;	
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
}
#socialbox a strong{
	display: none;
}
#socialbox a.facebook{
	background: url(../images/icons/facebook2.png) no-repeat;
}
#socialbox a.twitter{
	background: url(../images/icons/twitter2.png) no-repeat;
}
#socialbox a.linkedin{
	background: url(../images/icons/linkedin2.png) no-repeat;
}
#socialbox a.facebook:hover{
	background: url(../images/icons/facebook2_hover.png) no-repeat;
}
#socialbox a.twitter:hover{
	background: url(../images/icons/twitter2_hover.png) no-repeat;
}
#socialbox a.linkedin:hover{
	background: url(../images/icons/linkedin2_hover.png) no-repeat;
}

.homecontainer {margin:0 4px 0 10px;}

.social_foot {margin:0 10px;}
.social_foot h4 {font-size:20px; color:#666; font-weight:normal; margin:0 20px 0 0; float:left;}
.social_foot a {margin:0 8px 0 0; position:relative; top:-8px;}

.dotted {border-top:dotted 1px #ccc; margin:20px 10px; clear:both;}

#slider {float:left;}
#slider.nofloat {float:none;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}