/* ------------------------------------------------------------------ Theme Name: Lana Del Rey Fan - Julho 2017 Description: Layout feito exclusivamente para o site a cima, proibido cópias ou modificações, SEJA CRIATIVO! =D =D =D Author: Mary P. Augusto Author URL: http://www.priim.com.br/ ********************************************************************* Curta o Priim no facebook: https://www.facebook.com/priimwebdes/ Gostou do layout? Entre em contato e solicite um orçamento! http://www.priim.com.br/#contato -------------------------------------------------------------------*/ /* -- Css -- */ html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;} html, body {height: auto; font: 12px sans-serif, arial, Trebuchet MS; text-align: justify; color: #7b7b7b; background: #fff url(images/bg.png) top center repeat-x; } /* -- Básico -- */ a {color: #c00820; text-decoration: none;outline:none;} a:visited {} a:hover, a:active {color: #666; text-decoration: none;} b, strong, bold {color: #c00820;} u {color: #777; text-decoration:none; } underline {color: #aaa; padding-bottom: 2px; border-bottom: 1px dashed #ccc; text-decoration:none; } i {font-family: georgia; color: #999999; } em {font-family: georgia; color: #999999; } t {font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 18px; overflow: hidden; color: #182020; } h6{ width: 680px; margin: 3px; overflow: hidden; text-align: center; position: relative; font-size: 15px; } h2{font-family: open sans; font-style: italic; color: #c80922;} /* -- Demais Formatações -- */ .more-link{font-family: 'Open-Sans,' sans-serif; font-weight: 800; font-size: 15px; text-transform: uppercase; background: #f9f9f9; color: #e03b8e; padding: 5px; letter-spacing: 1px;} .links {width: 100%; margin: 0 0 5px 0;} .links ul,.links ul li {float:left; margin: 0; padding: 0; list-style-type:none;} .links li a {display: block; width: 277px; height: auto; margin: 0; padding: 2px 2px 2px 5px; color: #c8add8;border-bottom:1px solid #ebebeb;} .links ul li a:hover {color: #a6cadd;} img.alignright {float: right; margin-left: 10px; margin-bottom: 1px; margin-top: 10px; } img.alignleft {float left; margin-right: 10px; margin-bottom: 1px; margin-top: 10px; } .aligncenter {margin: 0 auto; display: block; }.left, .alignleft {float: left; margin-right:2%; } .right, .alignright {float: right; margin-left:2%;} .alignnone {display: block; margin-left: -20px;} .wp-caption {position: relative; } .wp-caption-text {margin: 0 3% 0 0; padding: 3px 10px; position: absolute; left: 10px; bottom: 10px; background: url(images/back-caption.png) repeat; color: #fff; text-align: left; font: 12px Arial, serif; font-style: italic;} hr {clear: both; height: 1px;margin: 5px 0; border-top: 1px dotted #ebebeb; border-bottom: 0; border-left: 0; border-right: 0;} .seta-cima:before { content: ""; display: inline-block; position: absolute; margin-right: 10px; margin-top: -30px; margin-left: 30px; margin-bottom: 5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #9cb3b7;} destaque{width: 100%; font-family: 'open sans', sans-serif; text-align: center; display: inline-block; letter-spacing: 0px; text-transform: uppercase; position: relative; color: #262626; border-radius: 2px; font-size: 12px; z-index: 10000; padding: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: 800; } input, textarea, select, button { margin: 3px; width: 100%; padding:10px; font-size: 11px; background-color: #f8f8f8; color: #414141; border: 0px solid #ebebeb; outline:none;} .on{width: 100%; font-family: 'open sans', sans-serif; font-style: italic; text-align: center; display: inline-block; position: relative; color: #666; font-size: 14px; padding: 10px; margin-top: 5px; margin-bottom: 10px; border-bottom: 3px solid #EAEAEA; } /* -- Quote -- */ blockquote {font-size: 12px; padding: 20px; margin-top: 10px; margin-bottom: 10px; line-height: 25px; color: #666; font-weight: 400; background: rgba(255,255,255,0.9); border-left: 5px solid #e5e5e5; } /* -- Font Face -- */ @font-face {font-family: 'Nouvelle Vague'; src: url('fontes/NouvelleVague-Black.eot'); src: url('fontes/NouvelleVague-Black.eot?#iefix') format('embedded-opentype'), url('fontes/NouvelleVague-Black.woff') format('woff'), url('fontes/NouvelleVague-Black.ttf') format('truetype'); font-weight: 900; font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Italic.eot');src: url('fontes/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('fontes/OpenSans-Italic.woff') format('woff'), url('fontes/OpenSans-Italic.ttf') format('truetype');font-weight: normal;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Bold.eot');src: url('fontes/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-Bold.woff') format('woff'),url('fontes/OpenSans-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-SemiboldItalic.eot');src: url('fontes/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-SemiboldItalic.woff') format('woff'),url('fontes/OpenSans-SemiboldItalic.ttf') format('truetype');font-weight: 600;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans.eot');src: url('fontes/OpenSans.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans.woff') format('woff'),url('fontes/OpenSans.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-ExtraboldItalic.eot');src: url('fontes/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-ExtraboldItalic.woff') format('woff'),url('fontes/OpenSans-ExtraboldItalic.ttf') format('truetype');font-weight: 800;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Light.eot');src: url('fontes/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fontes/OpenSans-Light.woff') format('woff'),url('fontes/OpenSans-Light.ttf') format('truetype');font-weight: 300;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-BoldItalic.eot');src: url('fontes/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-BoldItalic.woff') format('woff'),url('fontes/OpenSans-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Semibold.eot');src: url('fontes/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-Semibold.woff') format('woff'),url('fontes/OpenSans-Semibold.ttf') format('truetype');font-weight: 600;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Extrabold.eot');src: url('fontes/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-Extrabold.woff') format('woff'),url('fontes/OpenSans-Extrabold.ttf') format('truetype');font-weight: 800;font-style: normal; } @font-face {font-family: 'Open Sans';src: url('fontes/OpenSansLight-Italic.eot');src: url('fontes/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSansLight-Italic.woff') format('woff'),url('fontes/OpenSansLight-Italic.ttf') format('truetype');font-weight: 300;font-style: italic;} /* -- Area inicial -- */ #page-total { background: transparent; height: auto; position: relative; display: block; overflow: hidden; width: 1100px; margin: 0px auto;} #main { background: transparent; position: relative; display: block; overflow: hidden; width: 1100px; margin: 12px auto;} #page-metade {display: block; width: 725px; position: relative; float: left; overflow: hidden; margin-bottom: 13px; margin-top: 20px; } /* -- Footer -- */ .final{ background: url(images/footer.png) top center no-repeat; height: 320px; display: block; position: relative; margin-top: 10px; } .final .main-final { background: transparent; height: auto; position: relative; width: 1100px; margin: 0px auto;} .final .logo {background: url(images/logofooter.png); width: 342px; height: 273px; position: absolute; top: 0px; right: 0px; } .footer-info { background: #202020; position: relative; padding: 0px; cursor:pointer; width: 100%; font-family: 'open sans', sans-serif; font-weight: 500; text-transform: uppercase; padding-top: 10px; line-height: 50px; margin-top: 0px; color: #666; font-size: 11px; margin-top: 0px; text-align: center;} .footer-info a { color: #666; } .footer-info a:hover { color: #fff;} .creditos {width: 100%; height: auto; float: right; right: 0px; margin-top: -55px; position: relative; display: block; } .creditos .icon{ background: url(images/creditos.png); width: 50px; height: 44px; float:right; right: 0px; position: relative; } .ext { width: 50px; height: 50px; margin-top: 5px; position: relative; float: left; z-index: 10; } /* -- Topo -- */ .topo img{height: 476px; text-align: center; display: block; margin-top: 0px auto; background: #; overflow: hidden; position: relative;} /* -- area1 - anuncio, video boas vindas, sobre -- */ .area1{display: block; width: 1100px; background: url(images/about.png); height: 331px; margin: 0px auto; position: relative;} .area1 .anuncio { width: 300px; height: 250px; top: 30px; position: relative; background: #fafafa; } .area1 .video { width: 320px; height: 250px; top: -220px; left: 330px; position: relative; background: #fafafa; } .area1 .sobre { width: 420px; height: 250px; top: 30px; float: right; right: 0px; position: absolute; } .area1 .sobre texto{ font-family: open sans; font-size: 12px; position: relative; top: 30px; color: #666; line-height: 22px;} .area1 .sobre texto b{color: #666; font-weight: 800; } .area1 .sobre .titu{ width: 100%; font-style: italic; font-family: open sans; font-size: 14px; position: relative; top: 0px; color: #dbdbdb; line-height: 18px; text-align: right; } .area1 .sobre .titu nome{ font-style: italic; font-family: open sans; font-size: 16px; color: #c20922; font-weight: 800; } /* -- area2 - video, closet, insta -- */ .area2{display: block; width: 1100px; height: 262px; margin: 30px auto; position: relative;} .area2 .video { width: 340px; height: 262px; top: 0px; position: relative; background: #fafafa; } .area2 .closet { width: 339px; height: 262px; top: -262px; left: 380px; position: relative; background: url(images/closet.png); } .area2 .closet:hover { opacity: 0.5; -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; } .area2 .instagram { width: 337px; height: 262px; top: 0px; float: right; right: 0px; position: absolute; display: block; overflow: hidden; } .area2 .instagram bg{ width: 338px; height: 262px; background: url(images/lanainsta.png); position: absolute; z-index: 1000; top:0px; display: block; overflow: hidden; } /* -- disclaimer -- */ .disclaimer{display: block; width: 96%; height: auto; margin: 30px auto; padding: 20px; background: #f4f4f4; font-family: open sans; font-style: italic; font-size: 14px; position: relative; color: #666; line-height: 22px; } .disclaimer b {color: #c80922;} /* Faixa menuzinho */ .faixamenu{ display:none; } .faixamenu .total { background: transparent; height: auto; position: relative; display: block; overflow: hidden; width: 1100px; margin: 0px auto;} .faixamenu .total li{ list-style-type: none; display: inline-block; position: relative; margin-left: 0px;} .faixamenu .networks2 {display:block; height: 24px; width: 320px; float: right; right: 10px; z-index: 1000; position: relative; top: -31px;} .faixamenu .networks2 a{margin-left: 3px; margin-right: 3px;} .faixamenu .networks2 a:hover{border-bottom: none; } .faixa {height: 30px; display: inline-block; line-height: 35px; text-align: left; z-index: 2000; padding-bottom: 10px; position: fixed; top: 0px; width:100%; background: #c80922; } .faixa a {font-family: 'open sans'; text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 400; margin-left: 10px; margin-right: 10px; } .faixa a:hover {color: #fff; border-bottom: 3px solid #EAEAEA;} .faixa c a{color: #fff; font-weight: 800;} .faixa-list {width: 95%; background: #; margin: 0 auto; position: relative; display: inline-block;} .faixa > ul {list-style-type: none;} .faixa > ul > li { list-style-type: none; display: inline-block; position: relative; margin-left: 0px;} .faixa > ul > li:first-child {margin-left: 0;} .faixa > ul > li > ul {z-index: 500000000; padding: 0; visibility: hidden; position: absolute; margin-top: 0px; top: 10px; margin-left: 0px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -moz-opacity: 0.00; opacity: 0.00; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); width: 230px; overflow: hidden; background: #fff;} .faixa > ul > li:hover > ul {overflow: hidden; top: 50px; margin-left: 0px; -moz-opacity: 1; opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); visibility: visible; text-align: left; z-index: 500000000; background: #fff; padding: 0; width: 230px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .faixa > ul > li > ul > li {z-index: 500000000; width: 230px; display: block; font-size: 12px;} .faixa > ul > li > ul > li > a {font-family: 'karla', sans-serif; background: #fbf7f4; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 12px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #666666; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} .faixa > ul > li > ul > li > a:hover {font-family: 'karla', sans-serif; background: #fff; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 12px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #af905f; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} /* Álbuns da galeria */ .fotos { width: 1100px; height: auto; display: block; position: relative; margin-top: 10px; margin-bottom: 10px; } .fotos .camera { width: 1100px; background: url(images/camera.png); height: 50px; display: block; position: relative; float: left; z-index: 1000;} .fotos .camera h2{font-family: open sans; font-size: 14px; line-height: 50px; color: #c00820; font-style: italic; font-weight: 400; margin-left: 60px; } .fotos .camera h2 c{color: #262626; font-weight: 800; text-transform:uppercase; } .album {margin: auto; margin: 7px; display: inline-block; overflow: hidden; position: relative; width: 140px; height: 270px; margin-top: 25px; } .album img {display: block; height: 180px; width: 140px; -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; } .album:hover img {opacity: 0.5; -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; border-radius: 3px;} .album-titulo {font-family: 'open sans', sans-serif; text-align: left; font-size: 14px; text-transform: uppercase; line-height: 22px; padding: 10px; color: #fff; margin-top: 10px; font-weight: 800; display: block; overflow:hidden; height: 40px; -webkit-transition:All 0.9s ease-in-out; background: #c00820;} .album-titulo a { text-align: left; font-size: 14px; color: #fff; margin: auto; } .album:hover .album-titulo {background: #fff; -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; } .album:hover .album-titulo a{color: #c00820; } /* -- Menu galeria -- */ .menugaleria {position: relative; width:100%; text-align: center; margin: auto; font-style: italic; font-family: open sans; font-size: 12px; color: #666; } .menugaleria b{font-weight: 800; color: #c00820; font-family: open sans; } .menugaleria a{font-style: italic; color: #666; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; font-style: italic; margin: auto; } .menugaleria a:hover{color: #262626; padding-bottom: 2px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } /* -- Menu principal -- */ .menu {font-family: 'Open Sans'; font-size: 14px; width: 98%; padding: 20px; margin-left: 0px; top: 410px; position: absolute; text-transform: uppercase; text-align: right; font-weight: 400; margin-bottom: 0px; letter-spacing: 0px; z-index: 1000; } .menu a {color: #fff; padding: 0px; margin-left: 10px; margin-right: 10px;} .menu a:hover {color: #fff; border-bottom: 3px solid #EAEAEA; } .menu c a{color: #fff; font-weight: 800;} .menu-lista {width: 95%; background: #; left: -40px; margin: 0 auto; position: relative; display: block;} .menu > ul {list-style-type: none;} .menu > ul > li { list-style-type: none; display: inline-block; position: relative; margin-left: 0px;} .menu > ul > li:first-child {margin-left: 0;} .menu > ul > li > ul {z-index: 500000000; padding: 0; visibility: hidden; position: absolute; margin-top: 0px; top: 10px; margin-left: 0px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -moz-opacity: 0.00; opacity: 0.00; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); width: 230px; overflow: hidden; background: #fff;} .menu > ul > li:hover > ul {overflow: hidden; top: 50px; margin-left: 0px; -moz-opacity: 1; opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); visibility: visible; text-align: left; z-index: 500000000; background: #fff; padding: 0; width: 230px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .menu > ul > li > ul > li {z-index: 500000000; width: 230px; display: block; font-size: 11px;} .menu > ul > li > ul > li > a {font-family: 'karla', sans-serif; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 11px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #8e8e8e; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} .menu > ul > li > ul > li > a:hover {font-family: 'karla', sans-serif; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 11px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #93b1b7; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} a.menuanimado {display: none; } .menualign { display: none; } .menuinfo a { display: none; } /* -- Networks -- */ .networks {display:block; height: 24px; width: 280px; float: right; right: 135px; z-index: 1000; position: relative; top: -390px;} .f { background: url(images/f.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .f:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .tw1 { background: url(images/t.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .tw1:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .tw2 { background: url(images/t.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .tw2:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .il { background: url(images/i.png); width: 18px; height: 18px;margin: 2px; position: relative; display: inline-block; } .il:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .y1 { background: url(images/y.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .y1:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .y2 { background: url(images/y.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .y2:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .tum { background: url(images/tum.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .tum:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .g { background: url(images/g.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block; } .g:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .clo { background: url(images/clo.png); width: 18px; height: 18px; margin: 2px; position: relative; display: inline-block;} .clo:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .m { background: url(images/mail.png); width: 18px; height: 18px; margin: 2px; display: inline-block;position: relative; } .m:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} /* -- Ultimos posts -- */ .larg {width: 1200px; } .last-post{float: left; overflow: hidden; position: relative; width: 335px; height: 450px; margin-right: 40px; margin-bottom: 25px; } .last-post .postdestacada img{ width: auto; height: auto; margin-top: 0px; } .last-post .postdestacada img:hover { opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; background: red; } .last-post .titulo a{ position: absolute; width: 280px; margin-left: 15px; padding: 13px; top: 200px; text-align: justify; font-family: 'Arbutus Slab', serif; font-size: 18px; overflow: hidden; border-bottom: 1px solid #f4f4f4; line-height: 24px; letter-spacing: 0px; z-index: 100; background: #fff; color: #262626; height: 80px;} .last-post:hover .titulo a{ color: #B3B3B3; } .last-post .data { width: 40px; height: 40px; border-radius: 50%; position: relative; top: -80px; margin: auto; padding: 3px; z-index: 100; background: #fff;} .last-post .data dia{color: #c1061f; font-family: open sans; font-weight: 800; font-size: 20px; position: absolute; top: 4px; left: 11px; } .last-post .data mes{color: #c1061f; text-transform: uppercase; font-family: open sans; position: absolute; font-style: none; font-size: 12px; font-weight: 800; top: 23px; left: 14px; } .last-post .categorias{color: #c5c5c5; font-family: open sans; margin-left: 15px; font-size: 9px; top: 15px; position: relative; font-style: italic; } .last-post .categorias a{color: #c1061f; } .last-post .categorias a:hover{color: #262626; } .last-post .texto {font-family: open sans; font-size: 12px; position: relative; padding: 20px; top: 10px; color: #666; line-height: 20px;} /* -- Compartilhe -- */ .compartilhe-pequeno {width: 30px; right: 10px; height: 90px; top: 10px; text-align: center; background: #; position: absolute; z-index: 1000; } .compartilhe-pequeno a {margin-top: -2px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .compartilhe-pequeno a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .compartilhe-pequeno .twi {height: 30px; line-height: 20px; background: #55acee url(images/share-twi.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block; width: 30px; } .compartilhe-pequeno .face {line-height: 20px; width: 30px; height: 30px; background: #4862a3 url(images/share-face.png) no-repeat; background-size: 100%; background-position: 0px; display: inline-block; } .compartilhe-pequeno .goo {height: 30px; background: #e92c2c url(images/share-goo.png) no-repeat; background-size: 100%; background-position: top left; line-height: 20px; width: 30px; display: inline-block;} .compartilhe-single {width: 100px; right: 15px; float: right; height: 30px; top: 70px; text-align: center; background: #; position: absolute; z-index: 1000; } .compartilhe-single a {margin-top: 0px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .compartilhe-single a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .compartilhe-single .twi {height: 30px; line-height: 20px; background: #55acee url(images/share-twi.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block; width: 30px; } .compartilhe-single .face {line-height: 20px; width: 30px; height: 30px; background: #4862a3 url(images/share-face.png) no-repeat; background-size: 100%; background-position: 0px; display: inline-block; } .compartilhe-single .goo {height: 30px; background: #e92c2c url(images/share-goo.png) no-repeat; background-size: 100%; background-position: top left; line-height: 20px; width: 30px; display: inline-block;} /* -- Agenda -- */ .agenda{width: 100%; height: auto; position: relative; margin-top: 30px; margin-bottom: 30px; } .agenda titu{ font-family: open sans; text-transform: uppercase; font-size: 16px; font-weight: 800; color: #262626; text-align: left; margin-left: 10px; position: relative; top: 0px; display: block; } .agenda .data{ width: 100%; float:left; left: 0px; position: relative; margin-top: 20px; display: inline-block; } .agenda .data dia{ background: #f4f4f4; font-family: open sans; color: #c00820; text-transform: uppercase; padding: 5px; font-size: 12px; font-weight: 800; display: inline-block; margin-left: 30px;} .agenda .data evento{ font-family: open sans; font-style: italic; color: #a6a6a6; font-size: 12px; text-align: left; } /* -- Status -- */ .status{width: 380px; height: 120px; left: 390px; position: relative; margin-top: -230px; } .status .titu{ font-family: open sans; text-transform: uppercase; font-size: 16px; width: 380px; font-weight: 800; color: #262626; text-align: left; margin-left: 10px; top: 5px; position: absolute; display:block; } .status texto{ font-family: open sans; font-style: italic; color: #a6a6a6; line-height: 18px; position: absolute; top: 50px; font-size: 14px; text-align: left; left: 10px; line-height: 24px; } /* -- Post Single -- */ .post-single{display: block; width: 725px; margin: 0px; position: relative; float: right; margin-left: 0px; } .post-single .titulo-post-single { line-height: 24px; font-size: 20px; width: 660px; left: 45px; top: -170px; position: relative; text-align: justify; color: #262626; padding: 10px; font-family: 'Arbutus Slab', serif; background: #fff; z-index: 10; height: 55px; } .post-single .titulo-post-single a { color: #262626; } .post-single .titulo-post-single a:hover{ color: #c1061f; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .post-single .titulo-post-single-page { line-height: 24px; font-size: 20px; width: 660px; left: 45px; top: -170px; position: relative; text-align: justify; color: #262626; padding: 10px; font-family: 'open sans', serif; text-transform: uppercase; background: #fff; z-index: 10; height: 55px; } .post-single .titulo-post-single-page a { color: #262626; } .post-single .titulo-post-single-page a:hover{ color: #c1061f; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .post-single .texto-single { font-size: 12px; font-family: 'open sans', sans-serif; position: relative; color: #666; margin-top: -160px; padding: 80px 30px 30px 30px; line-height: 24px; margin-bottom: 30px; } .post-single .texto-single a{ color: #c1061f; font-weight: 800; font-family: 'open sans', sans-serif; font-style: italic; } .post-single .postdestacada { width: auto; margin: 0 auto; height: auto; } .post-single .data { width: 40px; height: 40px; border-radius: 50%; position: relative; top: -28px; margin: auto; padding: 3px; z-index: 100; background: #fff;} .post-single .data dia{color: #c1061f; font-family: open sans; font-weight: 800; font-size: 20px; position: absolute; top: 4px; left: 11px; } .post-single .data mes{color: #c1061f; text-transform: uppercase; font-family: open sans; position: absolute; font-style: none; font-size: 12px; font-weight: 800; top: 23px; left: 14px; } .post-single .categorias{color: #fff; font-family: open sans; text-align: right; background: rgba(0,0,0,0.3); font-size: 11px; margin-top: -95px; position: absolute; font-style: italic; right: 0px; padding: 10px; display: inline-block; z-index: 1000; } .post-single .categorias a{color: #c1061f; } .post-single .categorias a:hover{color: #262626; } .post-single .h2{ margin: auto; width: 100%; text-align: center; display: inline-block; border-top: 1px solid #e5e9ea; border-bottom: 1px solid #e5e9ea; padding: 5px; border-radius: 0px; color: #6f6f6f; margin-top: 20px; margin-bottom: 10px; position: relative; font-family: 'open sans', sans-serif; font-size: 10px; z-index: 10; text-transform: uppercase; } /* -- Galeria: miniaturas e links dos álbuns -- */ .post-single .texto-single h4 {width: 680px; overflow: hidden; text-align: center; margin-top: 5px; margin-bottom: 20px; margin-left: 0px; background: #; height: auto; position: relative; padding-left: 10px; padding-bottom: 20px; border-top: 0px solid #E5E5E5; border-bottom: 0px solid #E5E5E5;} .post-single .texto-single h4 img { cursor:pointer; box-shadow: 0 0 5px 2px #; background: #fff; padding: 10px; float: left; margin-left: 0px; margin-right: 20px; margin-top: 20px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} .post-single .texto-single h4 img:hover {box-shadow: 0 0 5px 2px #; background: #c80922; float: left; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; } /* -- Posts relacionados -- */ .postsrelacionados {position: relative; display: block; margin-top: 10px; padding: 0px; margin-bottom: 10px; overflow: hidden;} .relacionados {position: relative; float: left; width: 220px; height: 290px; margin: 10px; overflow: hidden; } .relacionados:hover{ opacity: 0.5;-moz-transition-property: all;-moz-transition-duration: 0.5s;-webkit-transition-property: all;-webkit-transition-duration: 0.5s;-o-transition-property: all;-o-transition-duration: 0.5s;transition-property: all;transition-duration: 0.5s;border-radius: 0px; } .relacionados .titulo { padding: 4px; font: 15px 'open sans'; width: 210px; text-align: center; text-transform: uppercase; position: absolute; top: 230px; color: #000; } .relacionados .titulo a{color: #262626; overflow:hidden; line-height: 10px;} .relacionados .titulo a:hover{color: #ed0426; overflow:hidden; line-height: 10px;} /* -- Compartilhe -- */ .compartilhe-single {width: 200px; left: 20px; height: 30px; margin-top: -50px; font-family: 'vidaloka', sans-serif; text-align: center; background: #; position: relative; z-index: 1000; font-weight: 400;font-style: italic; color: #202020; font-size: 14px; letter-spacing: 0px; } .compartilhe-single a {margin-top: 5px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .compartilhe-single a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .compartilhe-single .twi {height: 30px; line-height: 20px; background: #55acee url(images/share-twi.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block; width: 30px; } .compartilhe-single .face {line-height: 20px; width: 30px; height: 30px; background: #4862a3 url(images/share-face.png) no-repeat; background-size: 100%; background-position: 0px; display: inline-block; } .compartilhe-single .goo {height: 30px; background: #e92c2c url(images/share-goo.png) no-repeat; background-size: 100%; background-position: top left; line-height: 20px; width: 30px; display: inline-block;} /* -- Botão modo completo -- */ .all{ font-family: 'open sans', sans-serif; text-align: center; font-style:italic; position: relative; color: #c1061f; font-size: 18px;font-weight: 500; position: relative; top: 0px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; width: 100%; padding: 15px; overflow: hidden; height: auto; cursor:pointer; } .all a{ color: #c1061f;} .all:hover a:hover{ color: #262626;} /* -- Sidebar -- */ aside#sidebar {width: 340px; padding: 0px; color: #666; position: relative; display: block; margin: 10px auto; float: right;} aside#sidebar .caixinha-side { padding: 0px;line-height: 25px;font-size: 14px; font-family: 'open sans', sans-serif; color: #666; display: block; margin-top: 10px; margin-bottom: 15px; position: relative; width: 340px; } aside#sidebar .caixinha-side .closet { width: 339px; height: 262px; position: relative; background: url(images/closet.png); } aside#sidebar .caixinha-side bola {width: 40px; height: 40px; position: relative; border-radius: 50%; background: #E3E3E3; float: left; position: relative; } aside#sidebar .caixinha-side cr {width: 40px; height: 40px; position: relative; background: url(images/cr.png) center no-repeat; float: left; position: relative; } aside#sidebar .caixinha-side .titu {top: 0px; line-height: 40px; height: 40px; padding: 0px; width: 240px; margin-left: 50px; text-align:left; font-family: open sans; font-size: 14px; color: #262626; background: #fff; display:block; position: relative; font-style: italic; font-weight: 700; } aside#sidebar .caixinha-side texto {margin-top: 10px; font-family: open sans; font-size: 14px; color: #666; display:block; position: relative; background: #fff; padding: 10px; } /* -- Segunda Sidebar -- */ #sidebar-dupla { display: block; width: 340px; position: relative; margin-bottom: 10px; margin: 10px auto;} /* -- Random -- */ .random{display: block; width: 340px; position: relative; } .random img{border-radius: 0px; margin-top: 5px; } .random .titulo{ padding: 20px; width: 85%; color: #c80922; background: #f4f4f4; margin-top: 5px; margin-bottom: 5px; font-weight: 800; position: relative; } .random .titulo a{ font: 14px 'open sans'; font-style: italic; text-align: left; position: relative; color: #262626; } .random .titulo a:hover {color: #c80922; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } /* -- Tooltip -- */ #tooltip {font-family: 'open sans', sans-serif; max-width: 200px; padding: 3px; margin: 20px 0px 0px 0px; background-color: #fff; font-size: 9px; text-transform: uppercase; letter-spacing: 0px; color: #1b1f28; z-index: 500000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 1px;} /* -- Comentários -- */ .coments { background: #fff; padding: 20px; line-height: 20px; } /* -- Search -- */ #search { width:180px;height:40px; top: -15px; float: right; right: 10px; z-index: 10000; position: absolute; padding: 10px; display: block; } #search form {} #search fieldset {margin: 0;padding: 0;border: none; background: transparent;} #search p {margin: 0;font-size: 85%;} #s {background: rgba(0,0,0,0.0); width: 160px; height: 35px; border: 1px solid rgba(255,255,255,0.0); font-family: 'open sans', sans-serif; font-style: italic; font-size: 12px; color: #fff; letter-spacing: 0px; display: block; padding-right: 10px; padding-left: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} #s:focus { background: rgba(28,28,28,0.1); width: 165px; height: 35px; border:none; font-family: 'open sans', sans-serif; font-style: italic; font-weight: 500; font-size: 12px; color: #fff; letter-spacing: 0px; display: block; padding-right: 10px; padding-left: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} #searchsubmit {font-weight: 500; font-family: 'open sans', sans-serif; background: url(images/lupa.png) no-repeat; border:none; color:#fff; height: 36px; display: inline-block; right: 4px; cursor:pointer; width: 36px; position: absolute; top: 20px; margin-top: 0px; text-transform: uppercase; font-size: 0px;} /* -- Paginação -- */ .paginacao a, .paginacao span { float:left; padding: 10px; width: 20px; height: 20px; line-height: 20px; margin-top: 20px; text-align:center; font-family: 'Montserrat', sans-serif; border:1px solid #FFFFFF; background: #FFFFFF; margin-right:10px; border-radius:50%; font-weight:400; position: relative; font-size: 14px; } .paginacao a, .paginacao span:hover { border:1px solid #FFFFFF; } /* -- Parceiros -- */ .parceiros{ background: #; display: block; position: relative; top: 20px; width: 350px; height: 200px; float: left; } .top{ width: 350px; position: relative; top: 30px; left: -2px; display: block;} .re2 { position: relative; width: 350px; height: 20px; text-align: center; line-height: 14px; top: 45px; } .re2 a{ color: #262626; background: #; font-family: 'open sans', sans-serif; font-style: italic; font-size: 12px; padding: 10px; position: relative; } /* -- Slide Parceiros -- */ .pix_diapo { width: 350px; height: 200px; overflow: hidden; position: relative; margin-bottom: 10px; } .pix_diapo > div { width: 350px; height: 200px; overflow: hidden; } #pix_prev, #pix_next { cursor: pointer; height: 40px; position: absolute; top: 50%; width: 40px; z-index: 1001;} #pix_prev { background: url(images/prev.png) no-repeat; left: 10px;} #pix_next { background: url(images/next.png) no-repeat; left: auto!important; right: 10px!important;} .imgFake {cursor: pointer;} .elemHover {position: relative;} .caption { text-align: left; } .caption a {color: #fff; padding: 10px; } .caption a:hover{color: #000;} .ui-loader {display: none;} /* -- Owl -- */ .owl-carousel{width:100%; display: block; margin: -25px auto; margin-bottom: 0px; padding:0;background:#ffffff;} .slidenews{ width:1100px; height: 476px; display: block; position: relative; margin: auto; } .slidenews .titulo{font-family: open sans; font-size: 27px; line-height: 28px; text-align: left; display: block; position: absolute; overflow: hidden; color: #fff; width:945px; height: 60px; left: 90px; background: rgba(0,0,0,0.1); top: 220px; z-index: 1000; font-weight: 800; padding: 8px; } .slidenews .titulo a{color: #fff;} .slidenews .data{width:60px; height: 60px; background: #c60821; left: 0px; top: 220px; z-index: 1000; position: absolute; display:block; padding: 8px; } .slidenews .data dia{color: #fff; font-family: open sans; font-style: italic; font-size: 26px; position: absolute; top: 10px; left: 19px; } .slidenews .data mes{color: #fff; text-transform: uppercase; font-family: open sans; position: absolute; font-style: none; font-size: 18px; font-weight: 800; top: 42px; left: 22px; } .slidenews .categoria { width:1100px; font-family: open sans; font-style: italic; font-size: 12px; text-align: center; display: block; position: absolute; overflow: hidden; color: #fff; top: 180px; z-index: 1000; } .slidenews .categoria a{ margin: auto; display: inline-block; position: relative; color: #fff; background: #c60821; padding: 5px 8px 5px 8px; border-radius: 3px; text-align: center; } .slidenews .leia {position: absolute; width:1100px; line-height: 16px; text-align: center; bottom: 150px; z-index: 1000;display: block; } .slidenews .leia a{font-family: open sans; color: #fff; font-style: italic; font-size: 14px; } .slidenews .leia seta{ height: 16px; background: url(images/seta.png) no-repeat; background-position: left; background-size: 100%; width:18px; display: inline-block; margin-left: 10px; top: 1px; position: absolute; } /****** ------------------ Style Responsivo ------------------ ********/ @media only screen and (min-width: 240px) and (max-width: 800px) { #sli { display:none; } html, body {background: #fff; overflow-x: hidden; } #page-total {margin: 0 auto; width: 100%; position: relative; } #main {margin: 0 auto; width: 100%; position: relative; } #page-metade {margin: auto; width: 100%; padding-bottom: 10px; position: relative; } .topo img{width: 100%; display:block; height: auto;} .postdestacada img{ width: 100%; margin: 0px auto; position: relative; } aside#sidebar{max-width: 340px; margin: auto; margin-bottom: 10px; position: relative; float: none; overflow-x: hidden; overflow-y: hidden; } .menu {display:none;} destaque {width: 100%; position: relative; height: auto; margin: auto; } #search {display: none;} .atu { margin: 20px auto; } .footer-info {margin: auto; width: 95%; padding: 10px; text-align: center; line-height: 20px; } .creditos {width: 100%; height: auto; float: none; position: relative; display: none; } .menufooter { width: 85%; text-align: center; top:-55px; margin: auto; position: relative; } .fotos {display:none; } .album {display:none; } .menugaleria{display:none; } a.menuanimado {color: #fff; background: #; width: 90%; font-family: 'open sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 14px; display: block; text-align: left; position: relative; } a.menuanimado .icon { height: 32px; background: url(images/menu.png) no-repeat; width:32px; z-index: 10000000; display: block; right: 20px; position:fixed; top: 30px; } .menualign { top: 0%; background: #fff; width: 100%; padding: 10px; position: fixed; z-index: 1000000; display: block; } .menuinfo{-webkit-border-radius: 0px 10px 0 0; border-radius: 0px 10px 0 0; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; line-height: 35px; color: #fff;} .menuinfo a { width: 75%; margin-bottom: 5px; text-align: right; background: #F9F9F9; display: inline-block; color: #8e8e8e; padding-right: 10px; text-transform: uppercase; height: 40px; line-height: 40px; font-family: 'open sans', sans-serif; font-weight: 400; font-size: 12px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; -webkit-border-radius: 3px; border-radius: 3px;} .menuinfo a:hover {color: #ce0923; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; font-weight: 800; } .larg{ width: 100%; margin: auto;} .last-post{float: none; overflow: hidden; position: relative; max-width: 320px; height: 340px; margin: auto; margin-bottom: 10px; } .post-single{width: 100%; position: relative; background: #fff; height: auto; margin: 20px auto; } .post-single .postdestacada { margin: 0px auto; position: relative; } .post-single .titulo-post-single { width: 80%; height: auto; padding: 5px; left: 0px; position: relative; top: 10px; margin: auto; } .post-single .titulo-post-single-page { width: 80%; height: auto; padding: 5px; left: 0px; position: relative; top: 10px; margin: auto; } .post-single .categorias{ background: #fff; color: #666; text-align: center; margin-top: -20px; position: relative; padding-left: 30px; } .post-single .data-single{ margin: -15px auto; position: relative; z-index: 1000; } .post-single .texto-single { width: 80%; position: relative; background: #fff; padding: 30px 30px 30px 30px; margin: 10px auto; margin-bottom: 30px; } .post-single .texto-single h4 {width: 100%;} .post-single .texto-single h4 img{width: 20%; height: auto; padding: 5px; margin-right: 3px; } .compartilhe-single { display: none; } .area1{display: block; width: 100%; background: #fff; height: auto; margin: 0px auto; position: relative;} .area1 .anuncio { display: none;} .area1 .video { max-width: 320px; height: 250px; top: 30px; left: 0px; position: relative; margin: auto;} .area1 .sobre { max-width: 320px; height: 350px; top:50px; float: none; margin: auto; position: relative;} .faixa { display:none;} .faixa a{ display:none;} .area2{display: block; width: 100%; background: #fff; height: auto; margin: 0px auto; position: relative;} .area2 .video { max-width: 339px; height: 250px; left: 0px; position: relative; margin: 30px auto; } .area2 .closet { max-width: 339px; height: 262px; left: 0px; top: 30px; position: relative; margin: auto; background: url(images/closet.png); } .area2 .instagram { max-width: 337px; height: 262px; float: none; top: 40px; margin: 30px auto; position: relative; display: block; overflow: hidden; } .disclaimer{display: block; width: 90%; height: auto; margin: 30px auto; top: 30px; padding: 20px; } .parceiros{ display: block; position: relative; max-width: 350px; height: 200px; float: none; margin: auto; } .top{ max-width: 350px; position: relative; left: 0px; margin: auto; display: block;} .agenda{max-width: 380px; left: 10px; position: relative; margin: 30px auto; } .status{max-width: 380px; height: 150px; left: 0px; position: relative; margin: 80px auto; } .status .titu{ top: 10px; position: relative; display:block; } .status texto{ position: relative; top: 30px; } .final { width: 100%; position: relative; height: auto; } .final .main-final { height: auto; position: relative; width: 100%; margin: 0px auto;} .final .logo { max-width: 342px; height: 273px; position: relative; top: 0px; margin: auto; } .postsrelacionados {position: relative; display: block; padding: 0px; margin-bottom: 10px; overflow: hidden; width: 100%; } .relacionados {position: relative; float: none; max-width: 220px; height: 300px; margin: auto; overflow: hidden; } }