﻿/*html {
  height:100%; segredo do background gradient sem barra de rolagem
}*/

body {
  background:rgb(238,238,238);
  /*background:-ms-linear-gradient(#FFFFFF,#EEEEEE) no-repeat fixed;
  background:-moz-linear-gradient(#FFFFFF,#EEEEEE) no-repeat fixed;
  background:-o-linear-gradient(#FFFFFF,#EEEEEE) no-repeat fixed;
  background:-webkit-linear-gradient(#FFFFFF,#EEEEEE) no-repeat fixed;*/
  color:#223E56;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  margin:0;
  padding:0;
  width: 100%;
  height:100%;/*segredo do background gradient com barra de rolagem*/
}

form {
    margin:0 !important;
    padding:0 !important;
}

#wrap {
    max-width:100%;
}

/*.headerFixed {
    background:-webkit-linear-gradient(#FFFFFF,#EEEEEE) no-repeat fixed;
    width:100%;
    min-height:241px;
    position:fixed;
    top:0;
    z-index:9999 !important;
}*/

#top, #contentSite, #bottom {
    overflow:hidden;
    width:100%;
}

#contentSite {
    margin:0 0 15px 15px;
}

#top {
    /*background:-ms-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-moz-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-o-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-webkit-linear-gradient(rgb(239,184,184),rgb(190,214,228));*/
    min-height:1080px;
    overflow:hidden;
    position:relative;
    z-index:9999 !important;
}

#BackgroundLogo {
    background:rgba(255,255,255,0.7);
    margin:120px auto 0 auto;
    max-width:500px;
    padding:20px;
    position:relative;
    z-index:inherit;
	border-top-left-radius:60%;
	border-top-right-radius:60%;
}

img[src|="img/logo_3.png"] {
    margin:15px auto 0 auto;
    position:relative;
    z-index:inherit;
}

#PrintBackgroundLogo, #PrintLogo, #PrintTitle, #PrintAddress {
    display:none !important;
}

#top h1 {
    padding:50px 0 50px 0;
    margin:0 !important;
    text-shadow:1px 1px #CCCCCC;
}

#top a[title|="Veja nossos planos"],
#top a[title|="Minha OAB VOX"] {
    margin:10px 0 20px 0;
    text-decoration:none;
}

#BackgroundSiteCall {
    border-top:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
    background:rgba(255,255,255,0.7);
    position:relative;
    z-index:inherit;
}

#Banner {
    position:absolute;
    top:0px;
    width:100%;
    z-index:0000 !important;
}

.carousel-indicators {
    /*bottom: 100px !important;*/
    bottom:50px !important;
}

/*.headerFixed #top img[src|="img/logo.png"] {
    margin:15px auto 15px auto;
}*/

#bottom {
    border-top:#223E56 1px solid;
    margin-top:-15px;
}

#bottom p {
    line-height:3em;   /*line-height:22px*/
    text-align:center;
}

.no_margin {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.no_padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
}

/*desktop exception*/
@media screen and (max-width:1366px) {

#top {
    /*background:-ms-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-moz-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-o-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-webkit-linear-gradient(rgb(239,184,184),rgb(190,214,228));*/
    min-height:768px;
    overflow:hidden;
    position:relative;
    z-index:9999 !important;
}

#backgroundLogo {
    background:rgba(255,255,255,0.7);
    margin:5% auto 0 auto;
    max-width:300px;
    padding:20px;
    position:relative;
    z-index:inherit;
	border-top-left-radius:60%;
	border-top-right-radius:60%;
}

img[src|="img/logo_3.png"] {
    margin:15px auto 0 auto;
    position:relative;
    z-index:inherit;
}

#top h1 {
    font-size:x-large;
    padding:25px 0 25px 0;
    margin:0 !important;
    text-shadow:0px 0px #000000;
}

#top a[title|="Veja nossos planos"] {
    margin:5px 0 15px 0;
    text-decoration:none;
}

.carousel-indicators {
    /*bottom: 100px !important;*/
    bottom:100px !important;
}

}

/*iPad*/
@media screen and (max-width:1024px) {

#wrap {
    margin:0px auto 0 auto;
    max-width:100%;
}

#backgroundLogo {
    background:rgba(255,255,255,0.7);
    margin:1% auto 0 auto;
    max-width:300px;
    padding:20px;
    position:relative;
    z-index:inherit;
	border-top-left-radius:60%;
	border-top-right-radius:60%;
}

.carousel-indicators {
    /*bottom: 100px !important;*/
    bottom:-100px !important;
}

}

/*iPhone 6+*/
@media screen and (max-width:960px) {

#top {
    /*background:-ms-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-moz-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-o-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-webkit-linear-gradient(rgb(239,184,184),rgb(190,214,228));*/
    min-height:736px;
    overflow:hidden;
    position:relative;
    z-index:9999 !important;
}

.carousel-indicators {
    /*bottom: 100px !important;*/
    bottom:-100px !important;
}

}

/*other devices*/
@media screen and (max-width:768px) {

#top {
    /*background:-ms-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-moz-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-o-linear-gradient(rgb(239,184,184),rgb(190,214,228));
    background:-webkit-linear-gradient(rgb(239,184,184),rgb(190,214,228));*/
    min-height:0px;
    overflow:hidden;
    position:relative;
    z-index:9999 !important;
}

#backgroundLogo {
    background:rgba(255,255,255,0.7);
    margin:5px auto 0 auto;
    max-width:200px;
    padding:20px;
    position:relative;
    z-index:inherit;
	border-top-left-radius:60%;
	border-top-right-radius:60%;
}

.carousel-indicators {
    /*bottom: 100px !important;*/
    bottom:-100px !important;
    display:none;
}

}

/*iPhone 6*/
@media screen and (max-width:667px) {}

/*iPhone 5*/
@media screen and (max-width:568px) {}

/*iPhone 4*/
@media screen and (max-width:480px) {}

/*other devices*/
@media screen and (max-width:320px) {}