/* middle */

#main .middle 
{
    padding: 0px 0px 0px 0px;
}
#main .middle .left 
{   
    float:left;
    width:120px;
}
#main .middle .left ul.second
{
    color: Black;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 150px;
}

#main .middle .left ul.second li
{
    background-color: #ff6801;
    list-style: none;
    margin: 1px 0px 1px 0px;
    padding: 0px 0px 0px 0px;
    width: 150px;
    font-size: 12px;
    font-weight:lighter;
}
#main .middle .left ul.second li a
{
    display:block;
    background-image: url('/images/gradients/indexApplication.jpg');
    background-repeat:repeat-x;
    width: 110px;
    height: 15px;
    padding: 5px 0px 5px 30px;
    margin: 0px 0px 0px 10px;
    text-decoration:none;
    color:black;
    font-weight:bold;
}
#main .middle .left ul.second li a:hover
{
    text-decoration:underline;
    color:black;
    font-weight:bold;
}

#main .middle .center
{
    width: 330px;
}
#main .middle .right
{
    width: 450px;
}
div.offers
{
    width: 280px;
    background-color: #dfdfdf;
    overflow:auto;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    text-align:right;
}
div.offers a.offer
{
    text-decoration: none;
    width: 260px; 
    text-align: right;
    color:#ff6801;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 2px 0px;
    font-size: 11px;
    font-weight: bold;
    background-color: #dfdfdf;
    background-image: url('/images/Icons/strzałaka_bok.png');
    background-repeat:no-repeat;
    background-position:right;
}
div.offers a.offer:hover
{
    color: Black;
}

a.bigButton
{
    display:inline-block;
    width: 280px;
    float:left;
    /*background-color: #eeeeee;
    background-image: url('/images/Backgrounds/HomeOffers.png');*/
    margin: 0px 0px 20px 0px;
    padding: 0px 10px 0px 0px;
    text-align: left;
    text-decoration:none;
    color:Black;
}

div.vertialLineBlack
{
    float:left;
    height: 85px;
    width: 1px;
    background-color: Black;
    margin: 0px 10px 10px 0px;
}
a.bigButton span.question
{
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    padding: 10px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
}
a.bigButton span.beOur
{
    display: block;
    font-size: 14px;
    font-weight:bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
}
a.bigButton span.userN
{
    display: block;
    font-size: 29px;
    font-weight:lighter;
    color: Gray;
   /* filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
    text-shadow: #222222 2px 1px 2px;*/
    padding: 2px 0px 2px 0px;
    margin: 20px 10px 0px 10px;
}
a.bigButton:hover span.userN
{
    color:Black;
}
a.bigButton span.desc
{
    display: block;
    width: 266px;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 10px 10px;
    line-height: 14px;
    color: #444444;
}
a.bigButton:hover span.desc
{
    color:Black;
}
/*  Bottom */ 

#main .bottom .left
{
   width: 100px;
   text-align:left;
}
#main .bottom .center
{
    float: left;
    width: 365px;
}
#main .bottom .center p
{
    color: black;
    font-size: 12px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    line-height: 15px;
}
#main .bottom .center p.pointer
{
    padding: 0px 40px 0px 0px;
    margin: 10px 10px 10px 20px;
    /*background-image: url('/images/Icons/kropa_pomorancz.png');
    background-repeat:no-repeat;*/
    font-size: 14px;
    font-style:italic;
    color: #444444;
    font-weight: bold;
    width: 250px;
}

#main .bottom .right
{
    float: left;
    overflow:auto;
    width: 385px;
    margin: 20px 0px 0px 10px;
    text-align: left;
    font-size: 11px;
}
#main .bottom .right .cafeRoom
{
    float: left;
    width: 200px;
    margin: 0px 0px 0px 10px;
}
#main .bottom .right .cafeRoom p
{
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 14px;
}
#main .bottom .right .cafeRoom a
{
    color: Black;
    font-size: 12px;
}
#main .bottom .right .cafeRoom a:hover{
    color: #ff6801;
}

#main .bottom .right a img
{
    color: white;
    text-decoration: none;
    border: none;
}
#main .bottom .right .cafeRoom a:hover img{
    color: #ff6801;
    text-decoration: none;
}

#main .bottom .right .cafeRoom a h3{
    margin: 0px 0px 0px 0px;
    color: Black;
    
}
#main .bottom .right .cafeRoom a h4{
    margin: 0px 0px 0px 0px;
    color: Black;
    font-size: 11px;
    font-weight:bold;
}

#main .bottom .right .cafeRoom a:hover h3{
    margin: 0px 0px 0px 0px;
    color: #ff6801;
}
#main .bottom .right .cafeRoom a:hover h4{
    margin: 0px 0px 0px 0px;
    color: #ff6801;
}
#main .bottom .right h2
{
    color: Black;
    font-size: 26px;
    font-weight:lighter;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 40px;
}
#main h4.servicesTitle
{
    width: 120px;
    font-size: 14px;
    background-image: url('/images/Backgrounds/ServicesTitleBackground.png');
    clear:both;
    padding: 4px 0px 3px 10px;
    color:White;
    margin: 0px 0px 0px 0px;
    text-align:left;
}
#main div.services
{
    width: 900px;
    clear:both;
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    display:table-cell;
    vertical-align:middle;
    overflow:hidden;
    
}
#main div.services a.service
{
   width: 200px;
   display:inline-block;
   margin: 10px 10px 10px 10px;
   text-decoration:none;
   text-align:center;
   overflow:auto;
}
#main div.services a.service img
{
    display:block;
    max-width: 200px;
    max-height: 80px;
    border:none;
    margin: 0px 0px 0px 0px;
}
#main div.services a.service span
{
    font-size: 14px;
    font-weight:bold;
    display:block;
    overflow:auto;
}


.bestMerchants
{
    display: block;
    float:right;
    width: 130px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    border: sold 1px #333333;
}

.bestMerchants h3
{
    width: 128px;
    display:block;
    text-align: center;
    font-size: 18px;
    background-color: #606060;
    color: White;
    height: 30px;
    margin: 0px 0px 0px 0px;
}

.bestMerchants .content
{
    position:relative;
    width: 128px;
    height:690px;
    overflow: hidden;
    background-color:white;
    margin: 0px 0px 0px 0px;
}
.bestMerchants .content .bestMerchant
{
    position: relative;
    margin: 0px 0px 0px 0px;
    border-bottom: solid 1px Grey;
}

.bestMerchants p
{
    width: 128px;
    text-align: center;
    color: #606060;
    margin: 5px 10px 10px 0px;
    font-size: 11px;
}
.bestMerchants .img
{
    margin: 10px auto 10px auto;
    text-align: center;
    width: 120px;
    display: inline-block;
}
.bestMerchants .img img
{
    width: 100%;
    max-width: 120px;
    margin: 0px 0px 0px 0px;
    
}
.bestMerchants div.line
{
    height: 1px;
    margin-right:auto;
    margin-left: auto;
    margin-bottom: 20px;
    margin-top: 0px;
    background-color: Gray;
    width: 120px;
}

a.service
{
    max-width: 150px;
    max-height: 50px;
}
a.service img
{
    width: 100%;
    height: 100%;
}