/* CSS Document */

/** main block **/
.subcontent {
            width: 710px; 
            background-color: #fff; 
            float: left;
            font-size: 10px;
            }
/** class first-one and subclasses **/             
.first-one  {
            width: 100%; 
            float: left;
            }
.first-one img {
            float: left;
            }
/** class second-one and subclasses **/
.second-one  {
            width: 100%; 
            float: left; 
            margin-top: 10px;
            }
.second-one .phones {
            width: 350px; 
            float: left; 
            margin-right: 6px;
            }
.second-one .rates {
            width: 174px; 
            float: left;
            }
.second-one .right {
            width: 174px; 
            float: right;
            }
/** class third-one and subclasses **/
.third-one  {
            width: 710px; 
            float: left; 
            margin-top: 8px;
            background-color: #fff;
            padding-bottom: 10px;
            }
div[class] .third-one {
            margin-top: 12px;
            }
/** class bestselling and subclasses **/
.bestselling {
            width: 174px; 
            float: left; 
            margin-left: 6px;
            }
.bestselling .title {
            width: 174px; 
            height:25px; 
            float: left; 
            background-color: #1c7cb8;
            font-size: 10px; 
            line-height:15px;           
            }
div[class] .title {
            padding: 4px;
            }
.bestselling .title span {
            float: left;
            margin: 4px;
            margin-left: 6px;
            background-color: #1c7cb8;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.bestselling .title span a {     
            background-color: #1c7cb8;       
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 33px;            
            border: 0px solid;            
            }

.bestselling div {
            float: left;
            }
.bestselling .contents {
            float: left;
            height: 142px;
            width: 172px;            
            border: 1px solid #ccc; 
            border-top: 0;
            }
        
.bestselling div div a {
            float: left; 
            font-size: 10px; 
            text-decoration: none;
            }
.bestselling div div img {
            float: right;
            }
/** class bestphones and subclasses **/
#content .bestphones {
            margin: 10px 0 0 30px;
            padding: 0;
             
            }
div[class] .bestphones {
            margin: 10px 0 0 30px; 
            padding: 0;
            }
#content .bestphones li {
            margin: 0 0 2px 0; 
            padding: 0;
            }
.bestphones li a{
            text-decoration: underline;
            }
/** class allphones and subclasses **/            
#content ul.allphones {
            width: 164px;
            /**width: 154px;*/
            margin: 0; 
            margin-top: 30px; 
            margin-left: 3px;
            padding-top: 0; 
            margin-bottom: 1px;
            text-decoration: underline;
            height: 2em;
	          background: url(../images/eshop/dottedLine.gif) repeat-x left top;
	          padding-bottom: 1px;
	          list-style-type:none;
	          list-style-image: none;
            }

#content ul.allphones2 {
            width: 164px;
            margin: 0;  
            float:right;
            margin-right:4px;            
            margin-top:7px;           
            }
                 

#content ul.rate{
             width: 158px;  
             margin-top:24px;         
            }
            
#content ul.shopping {
             width: 164px;    
             padding:0;
             margin:0;
             margin-left:3px;     
            }

#content ul.entrepreneurs, #content ul.students {
             width: 162px;    
             padding:0;
             margin:0;
             margin-top:10px;
            }

#content ul.card{
            margin-top:22px;
  }


#content ul.customer {
             width: 162px;    
             padding:0;
             margin:0;
             margin-top:7px;
             margin-bottom:9px;
            }

          
#content ul.allphones li{
            background: url(../images/eshop/dottedLine.gif) repeat-x left bottom;
            list-style-type:none;
            list-style-image: none;
            }

a.linkblue {
  background:url("../images/eshop/blue_button.gif") no-repeat right top;
  	padding: 4px 15px 4px 0;
	display:block;
	background-position:100% 4px;
	height:1.6em;
  }
  
a:hover.linkblue {
  background:url("../images/eshop/blue_button_hover.gif") no-repeat right top;
  	padding: 4px 15px 4px 0;
	display:block;
	background-position:100% 4px;
	height:1.6em;
  }
  
a.linkbigger{
  height:23px;
  background:url("../images/eshop/blue_button.gif") no-repeat right 8px;
  }

a:hover.linkbigger{
  height:23px;
  background:url("../images/eshop/blue_button_hover.gif") no-repeat right 8px;
  }

a.linkred {
  background:url("../images/eshop/red_button.gif") no-repeat right top;
  	padding: 4px 15px 4px 0;
	display:block;
	background-position:100% 4px;
	height:1.6em;
  }

a:hover.linkred {
  background:url("../images/eshop/red_button_hover.gif") no-repeat right top;
  	padding: 4px 15px 4px 0;
	display:block;
	background-position:100% 4px;
	height:1.6em;
  }

/** class telefony and subclasses **/            

.phones .title {
            width: 100%; 
            height:25px; 
            line-height:15px; 
            float: left; 
            background-color: #FE0000; 
            padding-bottom: 0px;
            }
div[class] .title {
            padding: 0;
            }
.phones .title span {     
            background-color: #FE0000;       
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;            
            }
.phones .title span a {   
            background-color: #FE0000;         
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 258px;            
            border: 0px solid;            
            }
.phones .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            }
.phones .content {
            float: left; width: 348px; background-color: #fff; border: 1px solid #ccc; border-top: 0; 
            height: 278px;
            }
.phones .content div {
            width: 48%; float: left; margin-left: 2px; margin-top: 4px; position: relative;
            }
.phones .content div img {
            float: left; border: 0; padding-top: 10px;                        
            }
.phones .content div .allphones img {
            padding: 0;            
            }
          
.phones .content div div {
            display: block; width: 70%; float: left;            
            }
.phones .content div div div {
            display: block; width: 94%; float: left; margin-left: 3px; position: relative;
            }
div[class] .content div div div {
            margin-left: 6px;
            }
.phones .content div div div h2 {
            display: block; margin-bottom: 10px; margin-top: 0px; font-size: 14px; padding-top: 5px;
            }
.phones .content .price{
            font-size: 22px; font-weight: bold; position: relative; left: 52px;
            }   
.phones .content div form select {
            width: 166px; margin-left: 2px; margin-top: 5px;
            font-family: Verdana; 
            }
.phones .content div .allphones {
            width: 165px; margin-bottom: 5px; margin-left: 2px;
            }
.phones .content div div[class].allphones {
            width: 165px; margin-bottom: 0px; margin-left: 5px;
            }
.phones .content div .allphones a {
            float: left; font-size: 10px;
            }
.phones .content div .allphones img {
            float: right;
            }   
/** class tarify and subclasses **/                              
.rates .title {
            width: 100%; height:25px;line-height:15px; float: left; background-color: #FE0000;
            }
div[class] .title {
            padding: 0;
            }
.rates .title span {
            background-color: #FE0000;
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;            
            }
.rates .title span a {  
            background-color: #FE0000;          
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 99px;            
            border: 0px solid;            
            }
.rates .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            }
.rates .content {
            float: left; width: 162px; background-color: #fff; border: 1px solid #ccc; border-top: 0; padding: 5px; height: 126px; padding-top: 14px;
            font-size: 10px;
            }
.rates img {
            float: left;
            }   
/** class allrates and subclasses **/              
.allrates {
            float: left; width: 160px; margin: 0; margin-top: 26px; border-top: 1px dotted #9a9a9a; border-bottom: 1px dotted #9a9a9a;
            padding-top: 5px; position: relative;
            }
div[class] .allrates {left: -5px;}
.allrates a {
            float: left;
            }
div[class] .allrates {
            margin-left: 7px; margin-top: 26px;
            }
.allrates img {
            float: right;
            }
/** class bestrate and subclasses **/            
.bestrate {
            float: left; width: 160px; margin: 0; border-bottom: 1px dotted #9a9a9a;
            padding-top: 5px; position: relative;
            }
div[class] .bestrate {left: -5px;}
.bestrate a {
            float: left;
            }
div[class] .bestrate {
            margin-left: 7px;
            }
.bestrate img {
            float: right;
            }
/** class nakupujteonline and subclasses **/
.onlineshopping {
            width: 174px; float: left;
            }
.onlineshopping .title {
            width: 100%; height: 25px;line-height:15px; float: left; background-color: #ff0000; 
            }
div[class] .title {
            padding: 0;
            }
.onlineshopping .title span {
            background-color: #ff0000;
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
/*.nakupujteonline div[class].title span {
            display: block; float: left; margin: 5px 0 7px 8px; color: #fff; text-decoration: none; font-weight: bold;
            }*/
.onlineshopping .title span a {            
            background-color: #ff0000;
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 37px;            
            border: 0px solid;            
            }

.onlineshopping .content {
            width: 172px; border: 1px solid #ccc; border-top: 0; float: left; height: 101px;
            }
.onlineshopping .content ul.first {
            margin: 2px 2px 2px 20px; padding: 0;
            }
.onlineshopping .content ul.first {
            margin: 2px 2px 2px 22px; padding: 0;
            }
.onlineshopping .content .howtoshopping a {
            float: left; font-size: 10px;
            }
.onlineshopping .content .howtoshopping {
            float: left; width: 162px; margin-left: 2px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding-top: 5px; padding-bottom: 0px;  margin-top: 5px;
            }
.onlineshopping .content div[class].howtoshopping {margin-left: 5px;}
.onlineshopping .content .howtoshopping  img {
            float: right;
            }
/** class bussines-eshop and subclasses **/
.bussines-eshop {
            margin-top: 6px; 
            }
div[class] .bussines-eshop {
            float: left;
            }
.bussines-eshop .title {
            width: 174px; height: 25px; line-height:15px; float: left; background-color: #ff0000;
            }
div[class] .title {
            padding: 0;
            }
.bussines-eshop .title span {
            background-color: #ff0000;
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; font-weight: bold;
            }
.bussines-eshop div[class].title span {
            background-color: #ff0000;
            display: block; 
            float: left; 
            margin: 5px 0 7px 8px; 
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.bussines-eshop .title span a {            
            background-color: #ff0000;
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 44px;            
            border: 0px solid;            
            }

.business-eshop img {
            float: left;
            }
.bussines-eshop .content {
            float: left; 
            width: 162px; border: 1px solid #ccc; 
            border-top: 0; padding: 5px; height:62px; margin-top: 0px; margin-bottom: 5px;
            }
.bussines-eshop .content .forenterpriser a {
            float: left; font-size: 10px;
            }
.bussines-eshop .content .forenterpriser {
            float: left; width: 162px; margin-left: 0px; margin-top: 11px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding-top: 5px; padding-bottom: 0px; 
            }
.bussines-eshop .content div[class].forenterpriser {margin-left: 0px; margin-top: 10px;}
.bussines-eshop .content .forenterpriser  img {
            float: right; }
/** class students and subclasses **/            
.students   {
            width: 176px; float: left; margin-right: 6px;
            }
.students .content {
            width: 164px; float: left; border: 1px solid #ccc; border-top: 0; padding: 5px; height: 76px;
            }
.students .content .smsgratis {
            padding: 5px 0 2px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; float: left; margin-top: 5px;
            }            
.students .content .smsgratis a {
            float: left; font-size: 10px;
            }
.students .content .smsgratis img {
            float: right;
            } 
.students img {
            float: left;
            }            
.students .title {            
            width: 100%;
            height: 25px; 
            line-height:15px;
            float: left; 
            background-color: #1C7CB8;
            }
div[class] .title {
            padding: 0;
            }
.students .title span {
            background-color: #1C7CB8;
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.students div[class].title span {
            background-color: #1C7CB8;
            display: block; 
            float: left; 
            margin: 5px 0 7px 8px; 
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.students .title span a {            
            background-color: #1C7CB8;
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 59px;            
            border: 0px solid;            
            }
.students .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            }
/** class data and subclasses **/ 
.data       {
            width: 167px; float: left; margin-right: 7px;
            }
.data .content {
            width: 165px; float: left; border: 1px solid #ccc; border-top: 0; padding: 0px; height: 154px;
            }
.data .content span{
            font-weight: bold; font-size: 18px;
            }
.data img   {
            
            }
.data .title {
            width: 100%; height: 25px; float: left; line-height:15px; background-color: #1C7CB8;
            }
div[class] .title {
            padding: 0;
            }
.data .title span {
            background-color: #1C7CB8;
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.data div[class].title span {
            background-color: #1C7CB8;
            display: block; 
            float: left; 
            margin: 5px 0 7px 8px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold; 
            }
.data .title span a {  
            background-color: #1C7CB8;          
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 20px;            
            border: 0px solid;
            }

.data .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            }            
/** class passport and subclasses **/ 
.passport   {
            width: 174px; float: left; margin-right: 6px;
            }
.passport .content .buycard {
            padding: 5px 0 0px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; float: left; margin-top: 6px;
            }   
.passport .content div[class].buycard {
            padding: 5px 0 2px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; float: left; margin-top: 11px;
            }          
.passport .content .buycard a {
            float: left; font-size: 10px;
            }
.passport .content .buycard img {
            float: right;
            }
.passport .title {
            width: 100%; height: 25px; line-height:15px; float: left; background-color: #1C7CB8;
            }
.passport .content {
            width: 162px; height: 67px; float: left; border: 1px solid #ccc; border-top: 0; padding: 5px; margin: 0; height: 76px;
            }
div[class] .title {
            padding: 0;
            }
.passport .title span {
            float: left;
            margin: 4px;
            margin-left: 6px;
            background-color: #1C7CB8; color: #fff; text-decoration: none; font-weight: bold;
            }
.passport div[class].title span {
            background-color: #1C7CB8; display: block; float: left; margin: 5px 0 7px 8px; color: #fff; text-decoration: none; font-weight: bold;
            }
.passport .title span a {            
            background-color: #1C7CB8; color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 59px;            
            border: 0px solid;
            }
.passport .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            } 
/** class stavajici and subclasses **/
/*.currentcustomers   {
            width: 173px; float: left; margin-right: 0px;
            }
.currentcustomers  .content {
            width: 161px; float: left; border: 1px solid #ccc; border-top: 0; padding: 5px; padding-bottom: 15px; height: 150px;
            }
.currentcustomers  div[class].content {
            width: 161px; float: left; border: 1px solid #ccc; border-top: 0; 
            }
.currentcustomers  .content .links {
            padding: 5px 0 0px 0; border-bottom: 1px dotted #ccc; float: left;
            }   
.currentcustomers  .content div[class].links {
            padding: 5px 0 2px 0; border-bottom: 1px dotted #ccc; float: left;
            }          
.currentcustomers  .content .links a {
            float: left; font-size: 10px; padding-bottom: 3px;
            }
.currentcustomers  .content .links img {
            float: right;
            }
.currentcustomers  .title {
            width: 100%; height: 25px; float: left; background-color: #1C7CB8;
            }
div[class] .title {
            padding: 0;
            }
.currentcustomers  .title span {
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; text-decoration: none; font-weight: bold;
            }
.currentcustomers  div[class].title span {
            display: block; float: left; margin: 5px 0 7px 8px; color: #fff; text-decoration: none; font-weight: bold;
            }
.currentcustomers  .title span a {            
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../../../images/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 28px;            
            border: 0px solid;
            }
.currentcustomers  .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            } 
            */
.currentcustomers  {
            width: 173px; float: left; margin-right: 0px;
            }
.currentcustomers .content {
            width: 161px; float: left; border: 1px solid #ccc; border-top: 0; padding: 5px; padding-bottom: 0px;
            }
.currentcustomers div[class].content {
            width: 161px; float: left; border: 1px solid #ccc; border-top: 0; padding: 5px;
            }
.currentcustomers .content .links {
            padding: 5px 0 0px 0; border-bottom: 1px dotted #ccc; float: left;
            }   
.currentcustomers .content div[class].links {
            padding: 5px 0 2px 0; border-bottom: 1px dotted #ccc; float: left;
            }          
.currentcustomers .content .links a {
            float: left; font-size: 10px; padding-bottom: 3px;
            }
.currentcustomers .content .links img {
            float: right;
            }
.currentcustomers .title {
            width: 100%; float: left; line-height:15px; background-color: #1C7CB8; height: 25px;
            }
div[class] .title {
            padding: 0;
            }
.currentcustomers .title span {
            float: left;
            margin: 4px;
            margin-left: 6px;
            background-color: #1C7CB8;color: #fff; text-decoration: none; font-weight: bold;
            }
.currentcustomers div[class].title span {
            background-color: #1C7CB8;display: block; float: left; margin: 5px 0 7px 8px; color: #fff; text-decoration: none; font-weight: bold;
            }
.currentcustomers .title span a {            
            background-color: #1C7CB8;
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../../../images/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 28px;            
            border: 0px solid;
            }
.currentcustomers .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            }            
            
            
/** class underprice **/            
.underprice   {
            position: relative; left: 52px; font-size: 10px;
            }
/** class more **/            
img.more    {
            border: 0; position: relative; left: 115px;        
            }



.customers {
      height:144px;
      margin:0;
      padding:0;
  }   


/*///////////////////////
/                       /
/       Business        /
/                       /
///////////////////////*/

#content ul.bus-allphones2{
            margin-top:7px;
            margin-right:4px;
            float:right;
            }          

#content ul.bus-rate{
             width: 158px;  
             margin-top:14px;         
            }

#content .rates .bus-content {
            height: 116px; 
            padding-top: 14px;
            font-size: 10px;
            }

#content .bus-bussines-eshop .content {
            padding: 5px; height:195px; margin-top: 0px; margin-bottom: 5px;
            }

.bus-bussines-eshop .title span a { 
            padding-right: 7px;
            margin-left: 37px;  
            }
            
.bus-bussines-eshop .content ul.text li{
            padding-bottom:8px;
            
            }
            
.bus-bussines-eshop {
            margin: 0px; 
            margin-left:0px;
            }

#content ul.bus-entrepreneurs, ul.extras  {
             width: 162px;    
             padding:0;
             margin:0;
/*             margin-top:27px;*/
             margin-top:54px;
            }

#content ul.extras {
            margin-top:11px;
            width: 158px;
        }


/** class extra and subclasses **/            
#content .extra   {
            width: 176px; float: left; margin-right: 6px;
            }
.extra .content {
            width: 164px; float: left; border: 1px solid #ccc; border-top: 0; padding: 5px; height: 76px;
            }
.extra .content .smsgratis {
            padding: 5px 0 2px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; float: left; margin-top: 5px;
            }            
.extra .content .smsgratis a {
            float: left; font-size: 10px;
            }
.extra .content .smsgratis img {
            float: right;
            } 
.extra img {
            float: left;
            }            
.extra .title {            
            width: 100%;
            height: 25px; 
            line-height:15px;
            float: left; 
            background-color: #1C7CB8;
            }
div[class] .title {
            padding: 0;
            }
.extra .title span {
            background-color: #1C7CB8;
            float: left;
            margin: 4px;
            margin-left: 6px;
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.extra div[class].title span {
            background-color: #1C7CB8;
            display: block; 
            float: left; 
            margin: 5px 0 7px 8px; 
            color: #fff; 
            text-decoration: none; 
            font-weight: bold;
            }
.extra .title span a {            
            background-color: #1C7CB8;
            color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 47px;            
            border: 0px solid;            
            }
            
.extra .title img {
            float: right; display: block; margin: 10px 0 0 0; padding-right: 10px;
            }

/*  data */

.data .bus-content {
            width: 160px; float: left; border: 1px solid #ccc; border-top: 0; padding-left: 5px; height: 58px;
            }

/* passport */

#content .bus-passport .title span a {            
            background-color: #1C7CB8; color: #fff;
            text-decoration: none;
            font-weight: normal;   
            background: url("../images/eshop/arrow.gif");
            background-repeat: no-repeat;
            background-position: 99% 60%;
            padding-right: 7px;
            margin-left: 23px;            
            border: 0px solid;
            }

#content ul.pass{
            margin-top:22px;
            width:159px;
            margin-left:0;
  }