/*
a.scrollup, a.scrollup:visited {
	background-color: #119ee7;
}

a.scrollup:hover {
	background-color: #119ee7;
}
*/

div#container div#hosting-tecnology .link-text {
    color: #777;
}

div#container div#hosting-tecnology .link-text:hover {
    text-decoration: underline;
}

div#container div#hosting-tecnology {
    width: 85%;
    margin: 20px auto 30px auto;
    display: table;
}

div#container div#hosting-tecnology h2 {
    color: #666666;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    /*	
    text-shadow: 2px 2px 2px rgba(204, 204, 204, 1.0);
    */
    margin-bottom: 50px;
}

div#container div#hosting-tecnology img {
    margin-right: 0px;
    margin-bottom: 20px;
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

div#container div#hosting-tecnology img.php {
    max-width: 250px;
}

div#container div#hosting-tecnology img.dotnet {
    max-width: 343px;
}

div#container div#hosting-tecnology img.sqlserver {
    max-width: 243px;
}

div#container div#hosting-tecnology img.mysql {
    max-width: 300px;
}

div#container div#hosting-tecnology img.postgresql {
    max-width: 320px;
}

div#container div#hosting-tecnology img.java {
    max-width: 320px;
}

div#container div#hosting-tecnology img.svn {
    max-width: 209px;
}

div#container div#hosting-tecnology img.panel {
    max-width: 197px;
}

div#container div#hosting-tecnology img.database {
    max-width: 130px;
}

div#container div#hosting-tecnology p, div#container div.features p {
    font-weight: 300;
    color: #777;
    font-size: 15px;
    line-height: 28px;
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

div#container div#hosting-tecnology button {
    margin-top: 20px;
}

div#container div.features {
    width: 85%;
    margin: 20px auto 30px auto;
    display: table;
}

div#container div.features h2, div#container div.features h4 {
    color: #666666;
    text-shadow: none;
    margin-top: 0px;
    margin-bottom: 10px;
}

div#container div.features p {
    margin: 0px auto 40px auto;
}

div#container div.features .item {
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
    display: flex;
}

div#container div.features .item p {
    margin: 0px;
    font-size: 13px;
    line-height: 20px;
}

div#container div.features .item div.icon {
    width: 64px;
    height: 64px;
    display: table;
    float: left;
    margin: 8px 20px 60px 0px;
    opacity: 0.8;
}

div#container div.features .item div.content {
    display: block;
}

div#container div.orange#hosting-reason .item div.atendimento {
    background: transparent url("../images/sprites.png") no-repeat scroll -234px -40px;
}

div#container div.blue#hosting-reason .item div.atendimento {
    background: transparent url("../images/sprites.png") no-repeat scroll -234px -168px;
}

div#container div.yellow#hosting-reason .item div.atendimento {
    background: transparent url("../images/sprites.png") no-repeat scroll -234px -296px;
}

div#container div.orange#hosting-reason .item div.clientes {
    background: transparent url("../images/sprites.png") no-repeat scroll -362px -40px;
}

div#container div.blue#hosting-reason .item div.clientes {
    background: transparent url("../images/sprites.png") no-repeat scroll -362px -168px;
}

div#container div.yellow#hosting-reason .item div.clientes {
    background: transparent url("../images/sprites.png") no-repeat scroll -362px -296px;
}

div#container div.orange#hosting-reason .item div.qualidade {
    background: transparent url("../images/sprites.png") no-repeat scroll -234px -104px;
}

div#container div.blue#hosting-reason .item div.qualidade {
    background: transparent url("../images/sprites.png") no-repeat scroll -234px -232px;
}

div#container div.yellow#hosting-reason .item div.qualidade {
    background: transparent url("../images/sprites.png") no-repeat scroll -234px -360px;
}

div#container div.orange#hosting-reason .item div.satisfacao {
    background: transparent url("../images/sprites.png") no-repeat scroll -298px -104px;
}

div#container div.blue#hosting-reason .item div.satisfacao {
    background: transparent url("../images/sprites.png") no-repeat scroll -298px -232px;
}

div#container div.yellow#hosting-reason .item div.satisfacao {
    background: transparent url("../images/sprites.png") no-repeat scroll -298px -360px;
}

div#container div.orange#hosting-reason .item div.tecnologia {
    background: transparent url("../images/sprites.png") no-repeat scroll -426px -104px;
}

div#container div.blue#hosting-reason .item div.tecnologia {
    background: transparent url("../images/sprites.png") no-repeat scroll -426px -232px;
}

div#container div.yellow#hosting-reason .item div.tecnologia {
    background: transparent url("../images/sprites.png") no-repeat scroll -426px -360px;
}

div#container div.orange#hosting-reason .item div.estabilidade {
    background: transparent url("../images/sprites.png") no-repeat scroll -298px -40px;
}

div#container div.blue#hosting-reason .item div.estabilidade {
    background: transparent url("../images/sprites.png") no-repeat scroll -298px -168px;
}

div#container div.yellow#hosting-reason .item div.estabilidade {
    background: transparent url("../images/sprites.png") no-repeat scroll -298px -296px;
}

div#container div.orange#hosting-reason .item div.servidores {
    background: transparent url("../images/sprites.png") no-repeat scroll -490px -104px;
}

div#container div.blue#hosting-reason .item div.servidores {
    background: transparent url("../images/sprites.png") no-repeat scroll -490px -232px;
}

div#container div.yellow#hosting-reason .item div.servidores {
    background: transparent url("../images/sprites.png") no-repeat scroll -490px -360px;
}

div#container div.orange#hosting-reason .item div.uptime {
    background: transparent url("../images/sprites.png") no-repeat scroll -362px -104px;
}

div#container div.blue#hosting-reason .item div.uptime {
    background: transparent url("../images/sprites.png") no-repeat scroll -362px -232px;
}

div#container div.yellow#hosting-reason .item div.uptime {
    background: transparent url("../images/sprites.png") no-repeat scroll -362px -360px;
}

div#container div.orange#hosting-reason .item div.infraestrutura {
    background: transparent url("../images/sprites.png") no-repeat scroll -426px -40px;
}

div#container div.blue#hosting-reason .item div.infraestrutura {
    background: transparent url("../images/sprites.png") no-repeat scroll -426px -168px;
}

div#container div.yellow#hosting-reason .item div.infraestrutura {
    background: transparent url("../images/sprites.png") no-repeat scroll -426px -296px;
}

div#container div.orange#hosting-reason .item div.seguranca {
    background: transparent url("../images/sprites.png") no-repeat scroll -490px -40px;
}

div#container div.blue#hosting-reason .item div.seguranca {
    background: transparent url("../images/sprites.png") no-repeat scroll -490px -168px;
}

div#container div.yellow#hosting-reason .item div.seguranca {
    background: transparent url("../images/sprites.png") no-repeat scroll -490px -296px;
}

div#container div#hosting-reason .item div.historico {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -82px;
}

div#container div#hosting-reason .item div.restaurar {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -82px;
}

div#container div#hosting-reason .item div.comparar {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -146px;
}

div#container div#hosting-reason .item div.sincronizar {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -146px;
}

div#container div#hosting-reason .item div.ssd {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -210px;
}

div#container div#hosting-reason .item div.migracao {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -210px;
}

div#container div#hosting-reason .item div.ajuda {
    background: transparent url("../images/sprites.png") no-repeat scroll -128px -146px;
}

div#container div#hosting-reason .item div.email {
    background: transparent url("../images/sprites.png") no-repeat scroll -128px -82px;
}

div#container div#hosting-reason .item div.dominio {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -274px;
}

div#container div#hosting-reason .item div.webmail {
    background: transparent url("../images/sprites.png") no-repeat scroll -128px -274px;
}

div#container div#hosting-reason .item div.painel {
    background: transparent url("../images/sprites.png") no-repeat scroll -128px -210px;
}

div#container div#hosting-reason .item div.faq {
    background: transparent url("../images/sprites.png") no-repeat scroll -128px -338px;
}

div#container div#hosting-reason .item div.sucesso {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -274px;
}

div#container div#hosting-reason .item div.desempenho {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -338px;
}

div#container div#hosting-reason .item div.ips {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -338px;
}

div#container div#hosting-reason .item div.webmail.yellow {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -402px;
}

div#container div#hosting-reason .item div.antivirus {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -402px;
}

div#container div#hosting-reason .item div.backup.yellow {
    background: transparent url("../images/sprites.png") no-repeat scroll 0px -466px;
}

div#container div#hosting-reason .item div.infraestrutura.yellow {
    background: transparent url("../images/sprites.png") no-repeat scroll -64px -466px;
}

div#container div#hosting-reason .item div.celular {
    background: transparent url("../images/sprites.png") no-repeat scroll -128px -402px;
}

div#container div#svn-hosting {
    position: relative;
    min-height: 200px;
    height: 100%;
    text-align: center;
    color: white;
}

div#container div#svn-hosting h3 {
    font: 700 30px/30px "Play", sans-serif;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    line-height: 35px;
}

div#container div#svn-hosting h4 {
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    color: #a6acb5;
}

@media screen and (max-width: 640px) {

    div#container div#svn-hosting h3 {
        font-size: 2.5em !important;
    }

    div#container div#svn-hosting h2 {
        padding: 0px 15px 15px 15px;
    }

    div#container div.features p, div#container div.planos p {
        width: 100%;
    }

    #planos.planos hr.line-separator-blue, #planos.planos hr.line-separator-orange {
        width: 100% !important;
    }
}

div#container div#svn-hosting .background-image {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: transparent url("../images/city-background.jpg") repeat-x scroll left top;
    background-size: cover;
    z-index: 1;
}

div#container div#svn-hosting .content {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 10px;
}

div#container div#svn-hosting .content a {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 12px 27px;
    transition: all 0.2s ease 0s;
    margin: 20px 0 20px 0;
    text-decoration: none;
}

div#container div#svn-hosting .content a:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

div#container div#hosting-document {
    width: 85%;
    margin: 20px auto 30px auto;
    display: table;
    font-weight: 300;
    color: #777;
    font-size: 15px;
    line-height: 28px;
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
    word-break: break-word;
}

div#container div#hosting-document h2 {
    color: #666666;
    text-shadow: 2px 2px 2px rgba(204, 204, 204, 1.0);
    margin-bottom: 50px;
}

div#container div#hosting-document h4 {
    color: #606060;
    font-size: 15px;
    font-weight: bold;
    margin: 29px 0 10px;
    text-shadow: none;
}

div#container div#hosting-document ul {
    margin: 0;
    padding: 0;
}

div#container div#hosting-document li {
    margin-bottom: 7px;
}

div#container div#hosting-document li span {
    color: #868686;
    font-weight: bold;
}

div#container div#hosting-document a {
    color: #666666;
    text-decoration: underline;
    transition: all 0.6s ease 0s;
}

div#container div#hosting-document a:hover {
    color: #e76301;
    text-decoration: underline;
}

div#container div#hosting-message {
    background-color: #119ee7;
    float: left;
    margin: 0;
    padding: 18px 0;
    width: 100%;
    color: white;
    text-align: center;
}

div#container div.orange#hosting-message {
    background-color: #ff9933;
}

div#container div.yellow#hosting-message {
    color: #fff;
    background-color: #555555;
}

div#container div.yellow#hosting-message h4 {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

div#container div.yellow#hosting-message .but a {
    color: #f4f4f4;
}

div#container div#hosting-message .text {
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

div#container div#hosting-message .but {
    margin: 10px 0px;
    padding: 0;
}

div#container div#hosting-message .but a {
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    padding: 11px 30px;
    text-transform: uppercase;
    text-decoration: none;
    transition-duration: 0.3s;
    transition-property: background-color, color;
    transition-timing-function: ease-out;
}

div#container div#hosting-message .but a:hover {
    background-color: black;
    color: #fff;
}

div#container div#hosting-features h4 {
    text-align: left;
}

div#container div#hosting-features ul {
    padding-left: 2px;
}

div#container div#hosting-features li {
    text-align: left;
    color: #777;
    margin-top: 2px;
}

div#container div#hosting-features li:last-child {
    margin-bottom: 38px;
}

div#container div#hosting-features ul.double li {
    line-height: 2;
}

div#container div#hosting-features ul.double li span {
    font-size: 10px;
}

/*
div#container div#hosting-features li:last-child {
	padding-bottom: 20px;
}

div#container div#hosting-features div.col-md-6:last-child li {
	line-height: 2;
}
*/

div#container div#hosting-features li:before {
    content: "\2714\0020";
    margin-right: .100em;
    font-weight: bold;
}

div#container div.blue#hosting-features li:before {
    color: #119ee7;
}

div#container div.orange#hosting-features li:before {
    color: #ff9933;
}

div#container div.yellow#hosting-features li:before {
    color: #d9d900;
}

div#container div#hosting-features div.email {
    background: transparent url("../images/sprites.png") no-repeat scroll -210px -80px;
}

div#container div#hosting-features div.database {
    background: transparent url("../images/sprites.png") no-repeat scroll -210px -104px;
}

div#container div#hosting-features div.resource {
    background: transparent url("../images/sprites.png") no-repeat scroll -210px -128px;
}

div#container div#hosting-features div.control {
    background: transparent url("../images/sprites.png") no-repeat scroll -210px -152px;
}

div#container div#hosting-features div.feature {
    background: transparent url("../images/sprites.png") no-repeat scroll -210px -176px;
}

div#container div#hosting-features div.icon {
    display: table;
    float: left;
    margin: -3px 10px 0px 0px;
    opacity: 0.8;
    width: 24px;
    height: 24px;
}

div#container div#hosting-features div.content {
    display: flex;
}

div#container .line-section {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 12px 0 rgba(0, 0, 0, 0.19);
}