/************************************
            HOME
************************************/




div#easySteps{  
    display: block;
    width:100%;  
    text-align: center;
}

div#easySteps div.step{
    display: block;
    width:27%;
    height:190px;
    background-color: #f5f5f5;
    float:left;
    margin: 1%;
    padding:2%;
    text-align: center;
}

div#easySteps div.step p{
    text-align: left;
}

div#easySteps div.step p.step{
    text-align: center;
}


/*
* NEWSLETTER REMOVES
*/
p.removed{ padding: 15px; font-size: 2em; border: 4px dotted #953b3f;}

div#main{text-align: center;}
div#main div.websites {
    
    width: 550px; height: 500px; margin: 10px; margin-bottom: 40px;
    float: left;  
    border: dashed 3px #E5E5E5; 
    font-size: 0.9em;
}

   div#main div.websites  div.creation {
        width: 250px; height: 400px; 
        float: left;  
        border-right: 2px dotted #953b3f;
        margin: 25px;
        padding-right:25px;
        
   }
   div#main div.websites  div.creation h1{color: #fff;font: 20px 'Univers67CondensedBold'; margin: 10px;}
   div#main div.websites  div.creation p{color: #fff; text-align: justify; margin: 10px; }
   div#main div.websites  div.creation p.cotation{font: 30px 'ImpactRegular'; text-align: center; color:#953b3f; line-height: 42px; }
   div#main div.websites  div.creation p.browsers{margin-bottom: 5px; margin-top: 20px; text-align: center;}
   div#main div.websites  div.creation ul{color: #fff; text-align: justify; margin: 10px; list-style: square; padding-left: 20px;}
   div#main div.websites  div.creation a{text-decoration: underline; color:#953b3f}
   div#main div.websites  div.portfolio {
        width: 215px; height: 450px; 
        float: left;  
        margin-top: 25px
        
   }
   div#main div.websites  div.portfolio h1{color: #fff;font: 20px 'Univers67CondensedBold'; margin: 10px;}
   div#main div.websites  div.portfolio p{color: #fff; margin:0; margin-bottom:15px}

div#main div.services{
    width: 250px; height: 500px;
    float: left;
    font-size: 0.9em;
}
 
div#main div.certificates {
    background-color: white;
    width: 250px; height: 350px; margin: 10px;
      
}
div#main div.services  div.certificates h1{color: #323232;font: 20px 'Univers67CondensedBold'; padding: 10px; padding-bottom: -0px;}
div#main div.services  div.certificates p{color: #323232; text-align: justify; margin: 12px; line-height: 15px;}
div#main div.services  div.certificates a{border-bottom: 1px dotted #953B3F; color:#953B3F; position:relative; left:97px}

div#main div.sms {
    background-color: white;
    width: 250px; height: 150px; margin: 10px;
    
}
div#main div.services  div.sms h1{color: #323232;font: 20px 'Univers67CondensedBold'; padding: 10px;}
div#main div.services  div.sms p{color: #323232;  display: block; line-height: 16px; margin: 0; margin-left: 55px; padding: 0; }
div#main div.services  div.sms ul{text-align: justify; margin:0px 15px 0px 10px;}
div#main div.services  div.sms li{background: url('../images/sms.png') no-repeat; background-position: center left ;  }
div#main div.services  div.sms a{border-bottom: 1px dotted #953B3F; color:#953B3F; position:relative; left:200px}


#hosting {    
    width: 775px; margin: 10px; padding: 20px;
    float: left;  
    border: dashed 3px #E5E5E5; 
    position:relative ; top:-10px;
}
#hosting h2{font-size: 1.5em; line-height: 1.5em; padding: 25px 0 15px 0; font-weight: bold; }


#hostingBox{
    background-color: #fff; color:#323232;
    padding: 20px;
    text-align: left;    
}

#hostingBox p.plan{font-family: 'ImpactRegular'; font-size: 3em; text-align: center; padding-bottom: 15px; margin-bottom: 0px;}
#hostingBox h1.plan{margin-top: 30px; font-family: 'ImpactRegular'; font-size: 2.9em; text-align: center; padding-bottom: 15px; margin-bottom: 0px;}

#hostingBox p.slogan{font-size: 1em; text-align: center; margin: 0; padding: 0;}
#hostingBox p.details{font-family: 'ImpactRegular'; font-size: 1.5em; text-align: center; padding-bottom: 15px; margin-bottom: 0px;}
#hostingBox p.price{font-family: 'ImpactRegular'; font-size: 3em; text-align: center; padding-bottom: 15px; margin-bottom: 0px;}
#hostingBox form{text-align: center;}
input.add{font-size: 1.5em;padding: 15px;color:#fff; background-color: #943839;}
input.add:hover{font-size: 1.5em;padding: 15px;color:#313031; background-color: #943839;}

#domains {    
    width: 775px; margin: 10px; padding: 20px;
    float: left;  
    border: dashed 3px #E5E5E5; 
    position:relative ; top:-10px;
}
#domains h2{font-size: 1.5em; line-height: 1.5em; padding: 25px 0 15px 0; font-weight: bold; }


#registerBox{
    background-color: #f5f5f5;
    padding: 20px;
    text-align: left;   
    top:20px; 
}
#registerBox span.promotion{color:#73880A; font-size: 1.1em; font-weight: bold; padding-left: 320px;line-height: 1.5em;}
#registerBox p.title{font-family: 'ImpactRegular'; font-size: 3em; text-align: left; padding-bottom: 5px; margin-top: 15px; color:#323232}
#registerBox h1.title{font-family: 'ImpactRegular'; font-size: 3em; text-align: left; padding-bottom: 45px; margin-top: 15px; color:#323232}


#registerArea{
    background-color: #313031;
    padding: 20px;
}

#registerArea span.help{color:#8a8a8a; font-size: 0.9em; padding-left: 10px;}
#registerArea a.help{color:#8a8a8a; text-decoration: underline;}
#registerArea input.domain{width: 75%;font-size: 1.5em; color:#313031;padding: 15px; margin-right: 10px; background-color: #fff; color: #313031  }
input.register{font-size: 1.5em;padding: 15px;color:#fff; background-color: #943839;}
input.register:hover{font-size: 1.5em;padding: 15px;color:#313031; background-color: #943839;}


/* CHARACTERISTICS */

#characteristics{
    
    
} 
#characteristics th{
    text-align: left; padding: 2px 0px 2px 15px;
    }
#characteristics th.break{ background-color: #fff;color: #323232; text-transform: uppercase; font-weight: bold;text-align: center;}
#characteristics th.sub{padding-left: 40px;}
#characteristics tr.title{font-size: 1.2em; font-weight: bold;}

#characteristics td{background-color: #fff; color:#323232}

/************************************
            FB - DESITAL
************************************/
.fbcorners{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;    
}

div#likeus{height: 25px; font-size: 18px; font-family: 'ImpactRegular'; color:#3b5998; padding: 10px; background-color: #fff;}

div#fbWrap {
    
    position: relative;
    width: 100%; min-width: 450px;
    border: none;    
    background: url('../images/grid.gif') center top;
    background-color: #953b3f;
    color: white;
    box-shadow: 0px 5px 5px  #000;
    -moz-box-shadow: 0px 5px 5px #000;
    -webkit-box-shadow: 0px 5px 5px #000;
}



div#fb {
   width:450px; height: 230px; 
   margin:0 auto; padding: 25px 0 25px 40px;   
}
div#fb img{position: absolute; left: 22px; top: -49px;}

div#leftfb {
   float: left; 
   position: relative; top:10px;
   width:225px; height: 200px;  
}

div#leftfb div {font-family: 'ImpactRegular'; color:#323232}

div#leftfb div.line1{ font-size: 30px; line-height:24px;  }
div#leftfb div.line2{ font-size: 42.4px; line-height:38px;}
div#leftfb div.line3{ font-size: 26px; line-height:26px; margin-top: 2px; }
div#leftfb div.line4{ font-size: 24px; line-height:20px;}
div#leftfb div.line5{ font-size: 31px; line-height:36px; }

div#rightfb {
   float: right; 
   position: relative;  top:10px;
   width:225px; height: 200px;
}

div#rightfb div {font-family: 'ImpactRegular'; color: #fff}

div#rightfb div.line1{ font-size: 23px; line-height:20px;  }
div#rightfb div.line2{ font-size: 35px; line-height:34px; }
div#rightfb div.line3{ font-size: 19px; line-height:18px; }
div#rightfb div.line4{ font-size: 33px; line-height:30px; }
div#rightfb div.line5{ font-size: 14px; line-height:17px; }
div#rightfb div.line6{ font-size: 24px; line-height:25px; }



div#fbsearchBox{
    width: 400px; height: 45px;
    position: absolute; top:200px; 
    background-color: #323232;
    padding-top: 13px;  
    margin-left: 25px;
    
    
}
div#fbsearchBox input{
    width: 170px; 
    font: 12px 'ImpactRegular'; color: #484848; background-color: #fff;
    padding: 5px;
    margin-right: 10px;
}

div#fbsearchBox select{
    width: 110px; 
    font: 12px 'ImpactRegular'; color: #484848; background-color: #fff;
    border: 0px; padding: 5px;
    margin-right: 10px;
}

div#fbsearchBox input.search{
    background: url('../images/searchfb.png') no-repeat;
    width: 30px;
    height: 30px;
    border:0px;
    cursor: pointer;
    margin-right: 5px;
}


/************************************
            CONTACTS
************************************/

#contact{
    margin:00px 0px 0px 0px;
    padding:60px 0px 0px 0px;
    color:#e9e9e9;
    text-align: left;
    clear:both;
    width: 900px;
    
}
#footer p {font-size: 1.3em;}

#contact .contactTitle1 {font-family: 'Univers67CondensedBold'; font-size: 2.8em;color: #fff;font-weight: 700;letter-spacing: -0.6px;padding-top: 6px;}

#contact .contactTitle2,.contactTitle3{font-size:2.1em;color:#953b3f;font-weight:700;letter-spacing: -0.6px;margin-bottom:6px}

#contact h5{color:#fff;font-size:1.4em;padding:10px 0px 25px 0px; line-height: 160%; letter-spacing: -1px; font-family: 'Univers57CondensedRegular';}
#contact a{color:#fff; font-weight: bold;}
#contact a:hover{color:#953b3f}

#contactBlock,#contactBlock2,#contactBlock3{
    position:relative;
    height:170px;
    width:320px;
    float:left
}
#contactBlock2{width:240px}
#contactBlock3{width:240px}

#contactBlock2,#contactBlock3{padding-top:8px}
.contactCont{position:relative;padding:10px 0px 0px 0px}
.contactSubText{padding:0px 0px 0px 210px}

#contactLogo2{position:absolute;top:70px;left:40px;width:62px;height:62px}


/************************************
            PAYMENTS
************************************/

#payments {    
    width: 850px; margin: 10px; padding: 20px;
    float: left;  
    border: dashed 3px #E5E5E5; 
    position:relative ; top:30px;
    text-align: justify;
    margin-bottom: 100px;
}
#payments h2{font-size: 1.5em; line-height: 1.5em; padding: 25px 0 15px 0; font-weight: bold; }

#payments .dotted {
    border-bottom: 1px dotted #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 1px;
    height: 1px;
}

/************************************
            FAQ
************************************/

#faq {    
    width: 850px; margin: 10px; padding: 20px;
    float: left;  
    border: dashed 3px #E5E5E5;
    position:relative ; top:30px;
    text-align: justify;
    margin-bottom: 100px;
}
#faq h2{font-size: 1.5em; line-height: 1.5em; padding: 25px 0 15px 0; font-weight: bold; }

#faq .dotted {
    border-bottom: 1px dotted #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 1px;
    height: 1px;
    }
#faq a{color: #000; text-decoration: underline;}


/************************************
            ABOUT US
************************************/

#aboutus {    
    width: 850px; margin: 10px; padding: 20px;
    float: left;  
    border: dashed 2px #E5E5E5; 
    position:relative ; top:30px;
    text-align: justify;
    margin-bottom: 100px;
}
#aboutus h2{font-size: 1.5em; line-height: 1.5em; padding: 25px 0 15px 0; font-weight: bold; }

#aboutus .dotted {
    border-bottom: 1px dashed #999;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 1px;
    height: 1px;
    }
