/* fonts --------------------------------------------------------------------------------*/ @import url(reset.css); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700); /* fonts --------------------------------------------------------------------------------*/ @font-face { font-family: 'latoblack'; src: url('../fontes/lato-black-webfont.eot'); src: url('../fontes/lato-black-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fontes/lato-black-webfont.woff') format('woff'), url('../fontes/lato-black-webfont.ttf') format('truetype'), url('../fontes/lato-black-webfont.svg#latoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('../fontes/lato-light-webfont.eot'); src: url('../fontes/lato-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fontes/lato-light-webfont.woff') format('woff'), url('../fontes/lato-light-webfont.ttf') format('truetype'), url('../fontes/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'latoregular'; src: url('../fontes/lato-regular-webfont.eot'); src: url('../fontes/lato-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fontes/lato-regular-webfont.woff') format('woff'), url('../fontes/lato-regular-webfont.ttf') format('truetype'), url('../fontes/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } /* base --------------------------------------------------------------------------------*/ * { font-weight: 400; outline:none; } html { overflow-x:hidden;} body { font-family:'latoregular'; background: url(../images/layout/bg-body.png) center 0 no-repeat;} h1 { margin-bottom: 10px; font-size:17px; font-family: 'latoblack'; color:#f08060; font-weight: normal; text-transform: uppercase; } h2 { margin-bottom: 10px; font-size:17px; font-family: 'latoblack'; color:#f08060; font-weight: normal; text-transform: uppercase; } h3 { float: left; width: 100%; margin-bottom: 15px; margin-top: 15px; font-size:16px; font-weight: normal; color: #f08060; } h4 { margin-bottom: 10px; font-size:16px; color:#f08060; font-weight: normal; } h5 { margin-bottom: 15px; font-size:14px; color:#ed1c24; font-weight: 700; } p { font-size:15px; line-height:170%; color:#565656; text-align:left; } b { font-weight: normal; font-family: 'latoblack';} strong { font-weight: normal; } a { font-size:14px; color:#e7274d; text-decoration: none; transition:color 0.2s; } a:hover { color: #000; } .none { display:none !important; } .left { float:left; } .titulo { } .titulo-g { font-size:26px; } .txt-center { text-align:center; } .txt-justify { text-align:justify; } .txt-left { text-align:left; } .right { float: right !important;} .relativo { position: relative; } .margin20 { margin-bottom:20px; } .margin40 { margin-bottom:40px; } .image-expand { width:100%; max-width:100%; height:auto; margin:0 auto; display:block;} .trs02 { transition:0.2s; -webkit-transition:0.2s;} /*Cores da selecao de texto*/ *::-moz-selection { background:#F08060; color:#FFF;} *::selection { background:#F08060; color:#FFF;} /* formulario --------------------------------------------------------------------------------*/ .formulario { margin-top: 10px; position: relative; overflow:hidden; } .formulario a { text-decoration: none; } .campo { position:relative; margin-bottom:15px; } .formulario label { margin-top: 7px; color: #666; font-weight: normal; font-size: 14px; } .formulario .margin { margin-right:20px; } .formulario input::-moz-placeholder { color: #000;} .formulario textarea::-moz-placeholder { color: #000;} .formulario input.erro , .formulario textarea.erro { border:1px solid #ff1546 !important; -webkit-box-shadow:0px 0px 4px #ff1546 !important; -moz-box-shadow:0px 0px 4px #ff1546 !important; box-shadow:0px 0px 4px #ff1546 !important; } label.erro { display: none !important;} .formulario input[type="text"], .formulario input[type="password"], .formulario textarea { width:100%; clear:both; display:block; padding:10px 15px; font-size:14px; height: auto; font-weight: 400; color:#565656; border-radius: 15px; border:1px solid #f1f1f1; background: #f1f1f1; -webkit-box-shadow:inset 2px 2px 2px #999; -moz-box-shadow:inset 2px 2px 2px #999; box-shadow:inset 2px 2px 2px #999; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; transition:0.2s; } .formulario textarea { resize: none; height: 190px;} .formulario input:hover , .formulario textarea:hover { border:1px solid #F08060; } .formulario input:focus , .formulario textarea:focus { border:1px solid #F08060; outline:none; -webkit-box-shadow: inset 3px 3px 2px #F08060; -moz-box-shadow: inset 3px 3px 2px #F08060; box-shadow: inset 3px 3px 2px #F08060; } /* Alterações do Bootstrap --------------------------------------------------------------------------------*/ .btn { border-radius: 16px; transition:all 0.2s;} .btn-primary { border-color: #ED1C24; background: url(../images/layout/bg-btn-1.html) 0 0 repeat-x;} .btn-primary:hover { border-color: #c0272d; background: #c0272d; } .btn-padrao { width: 100%; padding:10px 20px; font-family: 'latoblack'; font-size: 14px; text-transform: uppercase; border:1px solid #f08060; color: #a12806; background: #f08060; margin-bottom:20px;} .btn-padrao:hover { background: #FF224D; color: #FFF; border:1px solid #FF224D;} .btn-cinza { width: 100%; font-size: 16px; border:1px solid #cccccc; color: #575757; background: #dadada;} .btn-cinza:hover { background: #c6b368; color: #FFF; } .btn-preto { width: 100%; font-size: 20px; border:1px solid #000; color: #ec008c; background: #000;} .btn-preto:hover { background: #6c1549; color: #FFF; border:1px solid #6c1549;} .btn-roxo { width: 100%; font-size: 20px; border:1px solid #a50062; color: #000; background: #a50062;} .btn-roxo:hover { background: #790349; color: #FFF; } .form-control:focus { border-color: #ed1c24; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 28, 36, 0.6); outline: 0 none; } /* grid --------------------------------------------------------------------------------*/ .container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_4{left:240px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_8{left:480px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_12{left:720px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_4{left:-240px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_8{left:-480px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_12{left:-720px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1; clear:both;} .box190 { float: left; width: 190px;} .box240 { float: left; width: 240px;} .box300 { float: left; width: 300px;} .box360 { float: left; width: 360px;} .box420 { float: left; width: 420px;} .box480 { float: left; width: 480px;} .box540 { float: left; width: 540px;} .box600 { float: left; width: 600px;} .box660 { float: left; width: 660px;} .box720 { float: left; width: 720px;} .box960 { float: left; width: 960px;} #fundo { float: left; width: 100%; height: 100%; } /* top --------------------------------------------------------------------------------*/ header { padding-top:15px; position:relative; z-index:1050; display:block; } /* header nav { position: absolute; left: 0; top: 0; width: 100%; height: 115px; border-bottom: 1px solid #070000; z-index: 200; transition:height 0.2s; -webkit-transition:height 0.2s; background: #FFF;} .page-home header nav { top: 568px;} header nav a:hover { color: #C6B367; text-decoration: none; } .nav { height: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; overflow: hidden; transition:all 0.2s; -webkit-transition:all 0.2s; z-index: 1100; background: #98203c; } .nav.fixed { overflow: inherit; opacity: 1; height: 97px; padding-top: 3px; } .nav .menu-top { margin-top: 33px; } .nav .menu-top li a { color: #f6d59f; } .nav .menu-top li:hover a { color: #f08060; } .nav .menu-top li span { background: #f08060; transition: 0.2s; -webkit-transition: 0.2s;} .nav .ico-facebook a:hover { background: #FF8460; }*/ /* HEADER */ header .top-links{margin-top:25px; margin-bottom:-59px;} header .icons-top {padding-top:8px;} header .icons-top a {float:right; height:22px; display:block; margin-left:50px; padding-left:30px; color:#E7274D; position:relative; text-transform:uppercase; font-size:14px; line-height:180%; transition:.3s;} header .icons-top a.i-1 {background:url(../images/layout/ico-top-1.png) left center no-repeat;} header .icons-top a.i-2 {background:url(../images/layout/ico-top-2.png) left center no-repeat;} header .icons-top a.i-3 {background:url(../images/layout/ico-top-3.png) left center no-repeat;} header .icons-top a span {position:absolute; left:0; top:0;} header .icons-top a:hover {text-decoration:none; transform: scale(1.1);} header .ico-facebook {height:34px; border-radius:6px; text-align:center; background:#3B5998;} header .ico-facebook:hover {background:#B21A3A;} /* NAV */ header .navbar{margin-bottom:0;} header .navbar-brand{background:url('../images/layout/logo.png') center center no-repeat; width:220px; height:200px; margin-left:0 !important; text-indent:-9999px;} header .navbar-inverse{background:transparent; border:none;} header .navbar-inverse .navbar-nav{padding-top:70px; height:40px;} header .navbar-inverse .navbar-nav > li{float: right; padding-bottom: 3px; padding-left: 10px; margin-left: 17px; position: relative;} header .navbar-inverse .navbar-nav > li a{color:#E7274D; text-transform:uppercase; font-size:14px; padding:0; margin:0; transition:.3s;} header .navbar-inverse .navbar-nav > li span{position:absolute; bottom:0; right:0; width:0; height:1px; background: #f08060; transition:.2s;} header .navbar-inverse .navbar-nav a:focus, header .navbar-inverse .navbar-nav a:hover, header .navbar-inverse .navbar-nav > li:hover a{color:#F08060; text-decoration:none;} header .navbar-inverse .navbar-nav > li:hover span{width:100%;} /* NAV RESPONSE */ .navbar-inverse .navbar-toggle{border-color:#E7274D; margin-top:28px;} .navbar-inverse .navbar-toggle .icon-bar{background:#E7274D;} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#E7274D;} .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background:#EEE;} .navbar-inverse .navbar-collapse{border:none;} /* corpo --------------------------------------------------------------------------------*/ #corpo { clear: both; min-height:300px; padding-top: 30px; } .pagPadrao { margin-top: 430px;} /* Home --------------------------------------------------------------------------------*/ #banner { height: 332px; margin-bottom: 50px; border-radius: 10px; overflow: hidden; position: relative; } #banner .banner { width: 100% !important; z-index:10; } #banner .banner li { width: 100% !important; height:332px; list-style: none;} #banner .banner li.b-1 { background: url(../images/banner/1.jpg) 0 0 no-repeat; } #banner .banner li.b-2 { background: url(../images/banner/2.jpg) 0 0 no-repeat; } #banner .banner li.b-3 { background: url(../images/banner/1.jpg) 0 0 no-repeat; } #banner #nav { position: absolute; left: 10px; bottom: 10px; width: 70px; z-index: 100;} #banner #nav a { float: left; width: 15px; height: 15px; margin-right: 8px; border-radius: 13px; border:3px solid #FFF; box-shadow: 0 0 3px #000; text-indent: -9999px; line-height: 0; background: #FFF;} #banner #nav a.activeSlide , #banner #nav a:hover { background: #e7274d; } #banner .busca-banner { position: absolute; right: 50px; top: 50px; padding:30px 20px; width: 280px; height: auto; border-radius: 10px; box-shadow: 3px 3px 3px #999; z-index: 50; background: rgba(255, 255, 255, 0.6);} #banner .busca-banner h1 { font-family:'latoregular', Verdana; color: #e7274d; font-style: italic; text-align: center;} #banner .busca-banner .campo { margin-bottom: 5px;} .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%;} .box-circulos * { transition:.3s;} .box-circulos .item { margin-bottom:50px; position:relative; } .box-circulos .item a { display:block; text-decoration:none; } .box-circulos .item .circle { width:100px; height:100px; margin-right:20px; float:left; overflow: hidden; border-radius: 50%; background: #f08060; } .box-circulos .item h1 { margin-top: 5px;} .box-circulos .item img { transform: scale(1); -webkit-transform:scale(1);} .box-circulos .item a:hover .circle { background: #e7274d;} .box-circulos .item a:hover h1 { color: #e7274d;} .box-circulos .item a:hover img { transform: scale(1.1); -webkit-transform:scale(1.1);} .pontilhado { margin-bottom: 30px; background: url(../images/layout/pontilhado.png) 0 center repeat-x;} .pontilhado h1 { float: left; margin-bottom: 0; padding:5px 10px 5px 0; background: #FFF;} .pontilhado2 { margin-bottom: 15px; background: url(../images/layout/pontilhado.png) 0 center repeat-x; overflow:hidden; } .pontilhado2 h1 { float: left; color: #e7274d; margin-bottom: 0; padding:5px 10px 5px 0; background: #FFF;} .pontilhado2 h2 { float: left; margin-bottom: 0; padding:5px 10px 5px 0; background: #FFF;} .quero-uma-doula { margin-bottom: 50px;} .quero-uma-doula .item {} .quero-uma-doula .item .foto { border-radius:10px; transform: scale(1); -webkit-transform:scale(1);} .quero-uma-doula .item > div:hover .foto { transform: scale(1.05); -webkit-transform:scale(1.05);} .quero-uma-doula .item h1 { color: #e7274d;} .banner-hor { margin-bottom: 50px;} /* Pagina Sobre --------------------------------------------------------------------------------*/ .menu-lateral { } .menu-lateral select { width:100%; padding:8px; border-radius:20px; font-size:17px; color:#A12806; font-family:'latoblack'; text-align: center; background: #f08060; border:none; margin-bottom:50px; } .menu-lateral ul li { width: 100%; margin-bottom: 20px; } .menu-lateral ul li a { width: 100%; height: 100%; padding:8px; border-radius: 20px; font-size: 17px; color: #a12806; font-family: 'latoblack'; text-align: center; background: #f08060; display:block;} .menu-lateral ul li a:hover { text-decoration: none; background: #D61439; color: #f08060;} .fotos-thumbs { margin-top:40px; } .fotos-thumbs a { margin-bottom:40px; border-radius:10px; overflow:hidden; display:block; position:relative;} .fotos-thumbs a span { opacity: 0; border-radius:10px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; color: #FFF; line-height: 250px; font-size: 70px; transition: all 0.4s; z-index: 30; background: rgba(231, 39, 77, 0.8); } .fotos-thumbs a:hover span { opacity: 1; line-height: 110px;} .fotos-thumbs a img { max-width:240px; overflow:hidden; transition:.2s;} .busca-roxa { margin-bottom:50px; padding-top:25px; overflow:hidden; background:url(../images/layout/ico-busca-roxa.png) 20px 25px no-repeat #98203C;} .busca-roxa h2 { padding:14px 0 25px 80px;} .busca-roxa .formulario { width:90%; margin:0 auto; float:none;} .busca-roxa .formulario .campo { margin-bottom:25px;} .busca-roxa .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0;} .busca-roxa .btn-default { color: #f08060; border-color: #7a1a30; background: url(../images/layout/bg-select.png) 0 0 repeat-x;} .busca-roxa .btn-padrao { padding-top: 5px; padding-bottom: 5px;} /* Pagina Cadastro --------------------------------------------------------------------------------*/ .radio + .radio, .checkbox + .checkbox { margin-top: 10px; margin-bottom: 25px;} /* Pagina Artigos --------------------------------------------------------------------------------*/ .lista-artigos { } .lista-artigos .item { margin-bottom:20px;} .lista-artigos .item .foto { overflow:hidden; border-radius:10px; position:relative; margin-bottom:20px; display:block;} .lista-artigos .item .foto span { opacity:0; border-radius:10px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; color: #FFF; line-height:120%; font-size:70px; transition:.4s; z-index: 30; background: rgba(231, 39, 77, 0.8); } .lista-artigos .item .foto:hover span { opacity:1; line-height: 110px;} .lista-artigos .item h1 { font-size: 17px; color: #e7274d; text-transform: none;} .lista-artigos .item .plus { float: right; display: block; width: 30px; height: 30px; text-align: center; color: #98203c; font-size: 19px; border-radius: 50%; background: #e7274d;} .paginacao { text-align: right; } .paginacao .pagination { margin: 10px 0;} .pagination > li > a, .pagination > li > span { padding:5px 10px; color: #e7274d; font-size: 12px; border-color: #FFF !important; background: #FFF; border-radius: 50%; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 20%; border-top-left-radius: 20%; margin-left: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 20%; border-top-right-radius: 20%; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #f08060 !important; color: #FFF; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #f08060 !important; color: #FFF; } /* Pagina Doula --------------------------------------------------------------------------------*/ .page-doula .foto-principal { border-radius: 10px;} .o-que-doula-faz .item { margin-bottom: 30px;} .o-que-doula-faz .item .foto { border-radius: 10px;} .o-que-doula-faz .item h2 { margin-bottom: 30px; color: #e7274d;} /* Pagina Depoimentos --------------------------------------------------------------------------------*/ .depoimentos .item { margin-bottom: 50px; } .depoimentos .item h2 { color: #e7274d; text-transform: capitalize; } .depoimentos .item .foto { height: 130px; border-radius: 10px; overflow: hidden; position: relative;} .depoimentos .item .foto span { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; color: #FFF; line-height: 250px; font-size: 70px; transition: all 0.4s; z-index: 30; background: rgba(231, 39, 77, 0.8); } .depoimentos .item .foto:hover span { opacity: 1; line-height: 110px;} .form-depoimento textarea { height: 125px;} .page-depoimentos .modal-dialog { margin-top: 100px; width: 780px;} .page-depoimentos .modal-content { background: none !important; box-shadow: none;} .modal-backdrop.in { opacity: 0.9;} .page-depoimentos .modal-content .foto { margin-bottom: 20px; border-radius: 10px; overflow: hidden;} .page-depoimentos .modal-content .info p { margin-bottom: 20px; line-height: 130%;} .page-depoimentos .modal-content .info p b { float: left; width: 100%; color: #e7274d; font-weight: normal;} .page-depoimentos .modal-content p { color: #bababa; } .page-depoimentos .modal-content button.close { border-radius: 50%; padding:5px 8px; opacity: 1; display: block; overflow: hidden; background: #e7274d;} .page-depoimentos .modal-content h2 { font-size: 20px; color: #e7274d; text-transform: capitalize;} .page-depoimentos .modal-content .close { text-shadow: none; font-size: 20px;} .page-depoimentos .modal-header { border-bottom: 0;} /* Pagina Contato --------------------------------------------------------------------------------*/ .page-contato { background: url(../images/backgrounds/contato.jpg) center 115px no-repeat;} .btn-contato { width: 160px !important; } /* Pagina Quero uma Doula --------------------------------------------------------------------------------*/ .banner { margin-bottom: 20px;} .busca-roxa-menor { padding-left: 50px; padding-right: 50px; margin-bottom: 20px; border-radius: 10px; overflow: hidden; padding-top: 35px; padding-bottom: 35px; background:#98203c;} .busca-roxa-menor h1 { height: 40px; line-height: 40px; font-size: 16px; text-indent: 55px; margin-top: 8px; margin-bottom: 20px; background: url(../images/layout/ico-busca-roxa.png) 0 center no-repeat } .busca-roxa-menor .formulario { width: auto; margin-top: 0;} .busca-roxa-menor .formulario .campo { margin-bottom: 15px;} .busca-roxa-menor .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0;} .busca-roxa-menor .btn-default { color: #f08060; border-color: #7a1a30; background: url(../images/layout/bg-select.png) 0 0 repeat-x;} .busca-roxa-menor .btn-padrao { padding-top: 5px; padding-bottom: 5px;} .lista-doulas .item { margin-bottom:20px; } .lista-doulas .item h2 { margin-bottom: 0; color: #e7274d; text-transform: capitalize; } .lista-doulas .item strong { margin-bottom: 10px; color: #f08060; font-size: 16px; font-weight: normal; display:block; text-transform: capitalize; } .lista-doulas .item p { line-height: 22px; } .lista-doulas .item .foto { border-radius:10px; overflow: hidden; position: relative; margin-bottom:20px; display:block;} .lista-doulas .item .foto span { border-radius:10px; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; color: #FFF; padding:10%; font-size: 70px; transition: all 0.4s; z-index: 30; background: rgba(231, 39, 77, 0.8); } .lista-doulas .item .foto:hover span { opacity: 1; line-height: 110px;} .lista-doulas .item .ver-mais { float: right; font-size: 16px; font-family: 'latoblack';} .lista-doulas .paginacao { margin-top: 20px;} .perfil { margin-top: 20px; } .perfil .foto img { border-radius:10px; margin-bottom:20px;} .perfil .info { } .perfil .info h1 { margin-bottom: 0; font-weight: normal; color: #e7274d; text-transform: none; } .doula-interna h3 { margin-top:30px; } .doula-interna strong { margin-bottom: 20px; display:block; color: #f08060; } .doula-interna b { font-weight: normal; } /* Pagina Trabalhe Conosco --------------------------------------------------------------------------------*/ .page-trabalhe-conosco textarea { height: 250px;} /* Rodape --------------------------------------------------------------------------------*/ footer { width:100%; height:auto; padding-top: 30px; background: url(../images/layout/bg-footer.png) center 0 no-repeat;} footer .logo-footer { background:url('../images/layout/logo-footer.png') center left no-repeat; width:100%; height:200px; display:block; text-indent:-9999px;} footer .newsletter { padding-top:30px; overflow:hidden;} footer .newsletter input { background:#FFF !important;} footer .facebook { padding:30px 0 20px 0;} footer .facebook .box-iframe { padding:0 5px; padding-bottom: 0; border-radius: 10px; overflow: hidden; background: #FFF;} footer .copyright p { color:#E7274D; font-size:11px;} footer .copyright p a { font-size:11px;} footer .delucca a { float:right; display:block; width:24px; height:18px; text-indent:-999px; overflow:hidden; background:url(../images/layout/bottom-ad.png) no-repeat 0 0px; transition:.2s;} footer .delucca a:hover { background-position:0 -18px; } /********************************************************************************/ /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap , .fancybox-skin , .fancybox-outer , .fancybox-inner , .fancybox-image , .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav , .fancybox-nav span , .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; padding:10px !important; box-shadow:0 0 10px #000; } .fancybox-opened { z-index:8030; } .fancybox-opened .fancybox-skin { background:#FFF; } .fancybox-outer , .fancybox-inner { position:relative; } .fancybox-inner { overflow:hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; } .fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; } .fancybox-image , .fancybox-iframe { display:block; width:100%; height:100%; } .fancybox-image { max-width:100%; max-height:100%; } #fancybox-loading , .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url('../images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; } #fancybox-loading div { width:44px; height:44px; background:url('../images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; } .fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('../images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; } .fancybox-prev { left:0; } .fancybox-next { right:0; } .fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; } .fancybox-prev span { left:10px; background-position:0 -36px; } .fancybox-next span { right:10px; background-position:0 -72px; } .fancybox-nav:hover span { visibility:visible; } .fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; } /* Overlay helper */ .fancybox-lock { overflow:hidden; } .fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position:fixed; bottom:0; right:0; } .fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; } /* Title helper */ .fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; } .fancybox-opened .fancybox-title { visibility:visible; } .fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; } .fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.5); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; } .fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; } .fancybox-title-inside-wrap { padding-top:10px; } .fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 3px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } .input-unstyle{ border: none; background: transparent; } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-no-suggestion { padding: 2px 5px;} .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #000; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } #lista-cidades-atendidas{ margin: 20px; } #lista-cidades-atendidas li { height: 40px; padding: 5px; line-height: 29px; } #lista-cidades-atendidas li:hover { text-decoration: underline; } .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; _width: 160px; padding: 4px 0; margin: 2px 0 0 0; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; .ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; &.ui-state-hover, &.ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; } } } /*Media Queries**********************************************/ @media(min-width:1200px) { .container{width:970px;} } @media(max-width:992px) { header .navbar-brand{width:200px; height:150px; background-size:contain; margin-top:-40px;} header .icons-top{overflow:hidden; margin-bottom:20px;} header .icons-top a{margin-bottom:20px;} header .top-links{margin-top:0; margin-bottom:10px;} header .ico-facebook{width:30px; float:right;} header .navbar-inverse .navbar-nav{padding:20px;} footer .logo-footer{background-size:contain;} } @media(max-width:768px) { header .navbar-brand{margin-top:0;} header .icons-top a{margin:10px 0 0 0; display:block; float:none; height:auto;} header .ico-facebook{position:absolute; right:10px; top:-120px;} header .navbar-inverse .navbar-nav{padding:20px 10px 10px 10px; height:auto; background:#EEE;} header .navbar-inverse .navbar-nav > li{float:none;} header .navbar-inverse .navbar-nav > li span{display:none;} header .navbar-inverse .navbar-nav > li > a{font-size:16px; display:block; text-align:center; float:none; margin-bottom:10px;} .navbar-inverse .navbar-collapse{border:none;} footer{padding:20px 0;} footer .logo-footer{width:200px; margin:0 auto; display:block;} footer{ background:url('../images/layout/flor.png') center top repeat;} } @media(max-width:400px){ #banner .busca-banner{left:10px; top:40px; padding:20px 5px; width:230px;} }