﻿body
{
    background-color: #4D709B;
    /*
    background-image: url('../Images/background.png');
    background-position: top center;
    background-repeat: repeat-y;
    */
    font-family: 'Myriad Pro', 'MyriadPro', Arial;
    margin: 0;
    
    /* Tell Safari not to fuck with things that it shouldn't */
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

a
{
    color: #6D8AAD;
}

a:hover
{
    color: #6D8AAD;
}

a.appStore
{
    background-image: url('../Images/appStore.png');
    background-repeat: no-repeat;
    background-size: 117px 41px;
    display: block;
    height: 41px;
    margin-left: 34px;
    margin-top: 38px;
    width: 117px;
}

a.bannerAbout
{
    background-image: url('../Images/bannerAbout.png');
    background-repeat: no-repeat;
    background-size: 322px 122px;
    display: block;
    height: 122px;
    margin-left: 673px;
    margin-top: 224px;
    position: absolute;
    width: 322px;
}

a.bannerNumero
{
    background-image: url('../Images/bannerNumero.png');
    background-repeat: no-repeat;
    background-size: 662px 312px;
    display: block;
    height: 312px;
    margin-left: 4px;
    margin-top: 34px;
    position: absolute;
    width: 662px;
}

a.bannerNumeroAppStore
{
    display: block;
    height: 41px;
    margin-left: 30px;
    margin-top: 289px;
    position: absolute;
    width: 117px;
}

a.bannerServices
{
    background-image: url('../Images/bannerServices.png');
    background-repeat: no-repeat;
    background-size: 322px 182px;
    display: block;
    height: 182px;
    margin-left: 673px;
    margin-top: 34px;
    position: absolute;
    width: 322px;
}

a.footerMenu
{
    color: #E2E8EF;
    text-decoration: none;
}

a.footerMenu:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.logo
{
    background-image: url('../Images/Logo.png');
    background-size: 242px 40px;
    display: block;
    height: 40px;
    margin-left: 10px;
    position: absolute;
    top: 20px;
    width: 242px;
}

a.menuAbout
{
    background-image: url('../Images/menuAbout.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 78px 50px;
    display: inline-block;
    height: 25px;
    margin-left: 361px;
    position: absolute;
    width: 78px;
}

a.menuAbout:hover
{
    background-position: 0px -25px;
}

a#menuActive
{
    background-position: 0px -25px;
}

a.menuHome
{
    background-image: url('../Images/menuHome.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 53px 50px;
    display: inline-block;
    height: 25px;
    margin-left: 0px;
    position: absolute;
    width: 53px;
}

a.menuHome:hover
{
    background-position: 0px -25px;
}

a.menuNumero
{
    background-image: url('../Images/menuNumero.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 70px 50px;
    display: inline-block;
    height: 25px;
    margin-left: 76px;
    position: absolute;
    width: 70px;
}

a.menuNumero:hover
{
    background-position: 0px -25px;
}

a.menuServices
{
    background-image: url('../Images/menuServices.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 70px 50px;
    display: inline-block;
    height: 25px;
    margin-left: 171px;
    position: absolute;
    width: 70px;
}

a.menuServices:hover
{
    background-position: 0px -25px;
}

a.menuSupport
{
    background-image: url('../Images/menuSupport.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 71px 50px;
    display: inline-block;
    height: 25px;
    margin-left: 265px;
    position: absolute;
    width: 71px;
}

a.menuSupport:hover
{
    background-position: 0px -25px;
}

div.bannerDefault
{
    background-image: url('../Images/bannerDefault.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 964px 200px;
    height: 200px;
    margin: 0 auto;
    padding-top: 10px;
    width: 964px;
}

div.bannerHome
{
    height: 380px;
}

div.bannerSubpage
{
    height: 220px;
}

div.bannerNumeroDevices
{
    background-image: url('../Images/numeroBannerDevices.png');
    background-repeat: no-repeat;
    background-size: 285px 200px;
    height: 200px;
    margin-left: 54px;
    margin-top: 14px;
    position: absolute;
    width: 285px;
}

div.bannerNumeroText
{
    background-image: url('../Images/numeroBannerText.png');
    background-repeat: no-repeat;
    background-size: 517px 96px;
    height: 96px;
    margin-left: 376px;
    margin-top: 61px;
    position: absolute;
    width: 517px;
}

div.contactData
{
    padding-bottom: 30px;
    margin-left: 150px;
}

div.contactLabel
{
    padding-bottom: 30px;
    padding-top: 5px;
    position: absolute;
}

div.footer
{
    height: 60px;
}

div.footerCopyright
{
    color: #BBC9D9;
    font-size: 12px;
    margin-top: 43px;
    position: absolute;
    text-align: right;
    width: 1000px;
}

div.footerFrame
{
    color: #E2E8EF;
    font-size: 16px;
    padding-bottom: 23px;
    padding-top: 23px;
    text-align: center;
}

div.frame
{
    margin: 0 auto;
    width: 1000px;
}

div.gallery
{
    text-align: center;
}

div.gallery > a
{
    padding: 5px;
}

div#galleryiPhone6 > a > img
{
    background-repeat: no-repeat;
    background-size: 73px 150px;
    display: inline-block;
    height: 150px;
    width: 73px;
}
    
div#galleryiPhone6 > a#iPhone6Promo1 > img
{
    background-image: url('../Images/numero/promo1_sm.png');
}
    
div#galleryiPhone6 > a#iPhone6Promo2 > img
{
    background-image: url('../Images/numero/promo2_sm.png');
}
    
div#galleryiPhone6 > a#iPhone6Promo3 > img
{
    background-image: url('../Images/numero/promo3_sm.png');
}
    
div#galleryiPhone6 > a#iPhone6Promo4 > img
{
    background-image: url('../Images/numero/promo4_sm.png');
}
    
div#galleryiPhone6 > a#iPhone6Promo5 > img
{
    background-image: url('../Images/numero/promo5_sm.png');
}

div.header
{
    background-color: #FFFFFF;
    height: 80px;
}

div.headerText
{
    color: #3E6493;
    font-size: 37.5px;
    height: 34px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-top: 21px;
}

div.headerSidebarText
{
    color: #3E6493;
    font-size: 22px;
    height: 21px;
    margin-bottom: 21px;
    margin-top: 18px;
    width: 195px;
}

div.headerSubText
{
    color: #3E6493;
    font-size: 30px;
    height: 35px;
    margin-bottom: 12px;
    margin-left: -12px;
    margin-top: 18px;
}

div.headerSubSubText
{
    color: #3E6493;
    margin-bottom: 3px;
    margin-top: 9px;
}

div.gradientBottom
{
    background-image: url('../Images/gradientBottom.png');
    background-repeat: repeat-x;
    background-size: 100% 6px;
    min-height: 6px;
    margin-top: -6px;
    position: absolute;
    width: 100%;
}

div.gradientTop
{
    background-image: url('../Images/gradientTop.png');
    background-repeat: repeat-x;
    background-size: 100% 6px;
    min-height: 6px;
    position: absolute;
    width: 100%;
}

div.menu
{
    height: 25px;
    position: absolute;
    margin-left: 553px;
    top: 55px;
    width: 447px;
    
    overflow: hidden;
    height: 23px;
    top: 57px;
    
}

div.page
{
    background-color: #FFFFFF;
    min-height: 422px;
    padding-bottom: 21px;
}

div.pageFrame
{
    font-size: 19px;
    text-align: justify;
    margin: 0 auto;
    margin-top: 20px;
    width: 944px;
}

div.pageFrameSubpage
{
    font-size: 19px;
    text-align: justify;
    margin-left: 30px;
    margin-top: 20px;
    width: 729px;
}

div.pageFrameSubpageSidebar
{
    font-size: 14px;
    text-align: right;
    text-justify: newspaper;
    margin-left: 784px;
    margin-top: -47px;
    position: absolute;
    width: 189px;
}

div#sidebar
{
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 21px;
    margin-bottom: 16px;
    margin-top: 23px;
    width: 195px;
}

div#subHeader
{
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 12px;
    margin-left: -10px;
    margin-top: 26px;
}

h1
{
    font-size: 20px;
    margin: 0px;
}

h2
{
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    margin: 0px;
}

input.commonButton
{
    background-color: White;
    border: 1px solid #C9C9C9;
    font-family: 'Myriad Pro', Arial;
    font-size: 19px;
    padding: 5px;
    width: 150px;
}

input.commonButton:hover
{
    background-color: #E9E9E9;
    border: 1px solid #A9A9A9;
}

input.commonTextbox
{
    border: 1px solid #C9C9C9;
    font-family: 'Myriad Pro', Arial;
    font-size: 19px;
    padding: 5px;
    width: 350px;
}

input.commonTextbox:hover
{
    border: 1px solid #A9A9A9;
}

select.commonDropDown
{
    border: 1px solid #C9C9C9;
    font-family: 'Myriad Pro', Arial;
    font-size: 19px;
    padding: 5px;
    width: 362px;
}

select.commonDropDown:hover
{
    border: 1px solid #A9A9A9;
}

textarea.commonTextboxLarge
{
    border: 1px solid #C9C9C9;
    font-family: 'Myriad Pro', Arial;
    font-size: 19px;
    height: 200px;
    overflow: hidden;
    padding: 5px;
    width: 700px;
}

textarea.commonTextboxLarge:hover
{
    border: 1px solid #A9A9A9;
}