* {
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer, .header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%}
a {
color: #000;
text-decoration: underline;
cursor: pointer;
}
a:visited {
color: #000;
}
a:hover {
color: #000;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: 700;
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: "";
content: none;
}
small {
font-size: 85%}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
ul, ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
html, button, input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
body {
margin: 0;
font-size: 12px;
line-height: 18px;
overflow-y: scroll;
}
ul {
margin: 0 0 .3em;
padding: 0;
list-style-type: none;
}
p {
margin: 0 0 .3em;
padding: 0;
}
h1 {
font-size: 16px;
font-weight: 700;
margin: 5px 0;
}
.topleft h1 {
font-size: 15px;
line-height: 20px;
font-weight: 700;
margin: 10px 0;
}
.topleft p {
font-size: 15px;
margin: 10px 0;
line-height: 20px;
font-weight: 700;
}
h2 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin: 4px 0;
}
h3 {
font-size: 18px;
line-height: 23px;
font-weight: 700;
margin: 4px 0 0 10px;
}
h4 {
font-size: 15px;
line-height: 22px;
font-weight: 700;
margin: 4px 0 4px 10px;
}
h5 {
font-size: 13px;
line-height: 20px;
font-weight: 700;
margin: 10px 0 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}body {
background-color: #F8F8F8;
color: #000;
}
form {
margin: 0;
padding: 0;
list-style: none;
}
iframe {
border: none;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover {
outline: 0px !important;
-webkit-appearance: none;
}
iframe {
max-width: 100% !important;
}
.left {
float: left;
}
.right {
float: right;
}
.clearfix {
clear: both;
width: 100%;
}
.container {
width: 100%;
max-width: 940px;
margin: 0 auto;
}
.hidden {
display: none!important;
}
.titulo {
color: #333333;
font-size: 18px;
line-height: 22px;
font-weight: normal;
margin: 0 0 15px;
}
.titulo-relacionados {
border-bottom: 2px #de2600 solid;
padding-bottom: 6px;
margin-bottom: 15px;
}
.btn {
margin: 0 2px 4px 0;
border-width: 1px 1px 4px;
padding-bottom: 3px;
-webkit-box-shadow: 1px 1px 1px #bbb;
-moz-box-shadow: 1px 1px 1px #bbb;
box-shadow: 1px 1px 1px #bbb;
display: inline-block;
margin-bottom: 0;
font-weight: 700;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 12px;
line-height: 1.5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn-padrao {
color: #000;
background-color: #f2f2f2;
border-color: #d9d9d9;
}
.btn-vermelho {
color: #FFF !important;
background-color: #de2600;
border-color: #de2600;
}
.btn-relacionados {
padding: 10px 22px;
margin: 15px 0;
} .topo {
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.topo-logo {
float: left;
}
.logo-texto {
font-size: 28px;
display: inline-block;
color: #FFF;
line-height: 37px;
background-color: #000;
padding: 5px 15px;
}
.topo-logo span {
color: #de2600;
}
.topo-logo img {
max-height: 80px;
}
.btn-menu,
.btn-busca {
background-repeat: no-repeat;    
background-position: center;
display: none;
position: absolute;
top: 0px;
width: 40px;
height: 50px;
}
.btn-menu {
background-image: url(//gatasbr.org/wp-content/themes/tema-xvideos-3/img/nav-28x28.png);
left: 0;
}
.btn-busca {
background-image: url(//gatasbr.org/wp-content/themes/tema-xvideos-3/img/busca-28x28.png);
right: 0;
}
.topo-logo h1{
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
width: 0;
}
.search-bar {
float: left;
width: 100%;
height: 37px;
overflow: hidden;
position: relative;
padding-right: 110px;
max-width: 280px;
margin-top: 10px;
margin-left: 15px;
}
.search-bar input,
.search-bar button {
height: 30px;
}
.search-bar input {
background-color: #000000;
border: 2px #de2600 solid;
color: #FFFFFF;
width: 100%;
margin-right: 5px;
padding: 0 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.search-bar button {
position: absolute;
right: 0;
top: 0;
width: 95px;
background-color: #ededed;
border: 2px solid #a9a9a9;
background: none;
font-size: 12px;
color: #333333;
cursor: pointer;
font-weight: bold;
text-align: center;
}
.btn-random {
display: block;
float: right;
text-decoration: none;
height: 38px;
background-image: url(//gatasbr.org/wp-content/themes/tema-xvideos-3/img/rand.png);
background-repeat: no-repeat;
background-position: center;
width: 34px;
}
.btn-random:hover {
opacity: 0.7;
}
.topo-texto {
background-color: #000;
color: #fff;
overflow: hidden;
padding: 2px 15px;
}
.topo-texto .left {
font-weight: bold;
text-decoration: underline;
}
.topo-descricao {
float: right;
margin: 12px 0 0;
line-height: 18px;
font-size: 18px;
}
.topo-descricao span {
color: #de2600;
font-weight: bold;
}
.topo-descricao,
.topo-descricao h1,
.topo-descricao h2 {
font-size: 18px;
}
.topo-descricao h1,
.topo-descricao h2 {
margin: 0;
padding: 0;
}
.textov {
background-color: #de2600;
color: #FFFFFF;
overflow: hidden;
margin: 0;
padding: 4px 15px;
} .topo-menu {
width: 100%;
clear: both;
overflow: hidden;
}
.menu {
background-color: #de2600;
overflow: hidden;
margin: 0;
padding: 0;
border-bottom: 2px #000 solid;    
}
.menu ul {
margin: 0;    
padding: 0;  
}
.menu li {
display: inline-block;
text-align: center;
list-style: none;
border-right: 1px dashed #000;
float: left;
}
.menu li a {
display: block;
text-align: center;
padding: 10px 20px;
color: #FFFFFF;
text-decoration: none;
}
.menu li:last-child {
border-right: 0; 
}
.menu li:hover {
background-color: #000000;
color: #FFFFFF;
transform: perspective(1px) translateZ(0px);
transition-duration: 0.5s;
transition-property: color, background-color;
} .categorias {
background-color: #eeedf1;
border-top: 1px solid #aaa;
clear: both;
margin: 2px 0;
padding: 6px 4px;
}
.categorias ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
}
.categorias li {
display: inline-block;
margin: 2px;
}
.categorias li a {
display: block;
background-color: #FFFFFF;
border-color: #d9d9d9;
border-width: 1px 1px 4px;
border-style: solid;
text-decoration: none;
transition: box-shadow 0.2s ease 0s, 
background 0.2s ease 0s, 
border 0.2s ease 0s, 
-webkit-box-shadow 0.2s ease 0s, 
-moz-box-shadow 0.2s ease 0s;
-moz-user-select: none;
font-weight: 700;
padding: 2px 8px;
line-height: 1.5;
font-size: 12px;
}
.categorias a.active, 
.categorias a:active, 
.categorias a:hover {
background-color: #EEEEEE;
color: #000000;
box-shadow: 1px 1px 2px #F8F8F8;
text-decoration: none;
} .faixa {
background-color: #de2600;
color: #fff;
padding: 6px 15px;
overflow: hidden;
margin-bottom: 20px;
}
.faixa-titulo {
float: left;
font-size: 14px;
margin: 0;
padding: 0;
line-height: 20px;
}
.crumbs a {
color: #de2600;
font-weight: bold;
} .videos-row {
margin: 0 -2px;
}
.videos {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.videos li {
display: flex;
margin-bottom: 5px;
width: 20%;
position: relative;
background-color: #EEEEEE;
padding: 0 2px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.videos article {
width: 100%;
}
.videos a {
display: block;
width: 100%;
text-align: center;
text-decoration: underline;
font-weight: normal;
font-size: 12px;
line-height: 16px;
}
.videos .thumb {
display: inline-block;
border: 1px #333333 solid;
width: 100%;
position: relative;
}
.videos .votos,
.videos .count,
.videos .views {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
color: #fff;
font-size: 10px;
line-height: 10px;
padding: 4px 5px;
position: absolute;
text-shadow: 1px 1px #000000;
width: auto;
}
.videos .count,
.videos .views {
left: 4px;
bottom: 4px;
}
.videos .votos {
right: 4px;
bottom: 4px;
color: #ADFF2F;
}
.videos .views {
background-image: url(//gatasbr.org/wp-content/themes/tema-xvideos-3/img/views.png);
background-repeat: no-repeat;
background-position: 3px 5px;
padding-left: 18px;
}
.videos .thumb img {
background-color: #898989;
display: block;
height: 138px;
width: 100%;
}
.videos h2,
.videos p {
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin: 0 0 4px;
overflow-wrap: normal;
width: 100%;
}
@media screen and (max-width: 768px) {
.videos li {
width: 33.333333%;
}
}
@media screen and (max-width: 648px) {
.videos li {
width: 50%;
}
.videos .thumb img {
height: 110px;
}
} .tags-row {
margin: 0 -4px;
}
.tags {
margin: 0;
padding: 0;
list-style: none;
}
.tags li {
float: left;
width: 33.333333%;
padding: 0 4px;
margin-bottom: 15px;
}
.tags a {
color: #970000;
}
.tags a:hover {
color: #B81118;
text-decoration: none;
}
.tags h2 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 14px;
}
.tags small {
color: #777;
font-weight: normal;
line-height: 1;
}
.tags li:nth-child(4n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.tags li {
width: 50%;
}
}
@media screen and (max-width: 648px) {
.tags li {
width: 100%;
}
} .paginacao {
margin: 15px 0;
padding: 0;
text-align: center;
}
.paginacao li {
display: inline-block;
list-style: none;
margin: 2px;
font-weight: 700;
}
.paginacao li a,
.paginacao li em {
background: #fafafa linear-gradient(to bottom,#fafafa 0,#d5d4d4 100%) repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 0 1px white inset;
display: inline-block;
font-size: 12px;
border: 1px solid #ccc;
}
.paginacao li a,
.paginacao li em {
display: block;
color: #000;
text-decoration: none;
padding: 8px 12px;
font-style: normal;
}
.paginacao li a:hover {
color: #000000;
border-color: #000000;
}
.paginacao .active em,
.paginacao .active a{
background: #D7D6D6;
color: #000000;
} .pagina {
overflow: hidden;
margin: 0 0 40px;
}
.pagina-titulo {
font-size: 16px;
margin: 0 0 15px;
}
.pagina-descricao {
font-size: 12px;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.pagina {
padding: 0 10px;
}
} .rodape {
background-color: #000000;
color: #FFFFFF;
padding: 15px 0;
}
.rodape-titulo {
font-size: 16px;
margin: 0 0 15px; 
text-align: center;
}
.rodape-descricao{
color: #666;
font-size: 12px;
text-align: center;
}
.rodape-menu{
margin: 0 0 15px;
padding: 0;
width: 100%;
text-align: center;
}
.rodape-menu li{
display: inline-block;
padding: 0 14px;
list-style: none;
border-right: 1px #666 solid;
line-height: 13px;
}
.rodape-menu li:last-child{
border-right: 0;
}
.rodape-menu li a{
color: #808080;
font-size: 13px;
text-decoration: none;
}
.rodape-menu li a:hover{
color: #FFFFFF;
}
.rodape-banners{
padding: 10px;
margin: 0 0 15px;
}
.rodape-banners li{
display: inline-block;
}
.copy {
font-size: 12px;
text-align: center;
}
.copy span{
color: #de2600;
}
@media screen and (max-width: 648px) {
.rodape-menu li{
display: block;
padding: 12px 0;
list-style: none;
border: none;
text-align: center;
}
} .lateral {
float: right;
width: 100%;
}
.lateral ul {
margin: 0;
padding: 0;
list-style: none;
}
.lateral li {
margin: 0 0 10px !important;
}
.post {
margin-bottom: 15px;
overflow: hidden;
}
.post-conteudo h1 {
color: #c90c14;
margin: 0 0 25px;  
}
.post-video {
margin-bottom: 10px;
}
.post-video iframe {
width: 100%;
}
.post-conteudo img {
max-width: 100%;
height: auto;
margin-bottom: 5px;
}
.post-dados {
display: none;
} 
.post-menu {
margin-bottom: 15px;
overflow: hidden;
}
.post-visitas {
float: left;
margin-right: 25px;
text-align: center;
font-weight: bold;
}
@media (min-width: 768px) {
.lateral {
width: 300px;
}
.post-conteudo {
padding-right: 310px; 
}
} .votos {
float: right;
font-size: 19px;
padding: 0 45px;
position: relative;
text-align: center;
line-height: 18px;
}
.votos span {
color: #999999;
font-size: 12px;
display: block;
}
.voto-like,
.voto-dislike {
position: absolute;
top: 0;
}
.voto-like {
left: 0;
}
.voto-dislike {
right: 0;
}
.votos a:hover {
opacity: 0.8;
text-decoration: none;
}
.voto-like img,
.voto-dislike img {
height: 34px;
}
@media screen and (max-width: 768px) {
.topo-logo {
background-color: #000;
width: 100%;
text-align: center;
margin-bottom: 15px;
padding: 0 45px;
position: relative;
}
.topo-logo img {
max-width: 100%;
height: auto;
}
.topo-descricao {
width: 100%;
text-align: center;
margin: 0 0 15px;
font-size: 16px;
}
.topo-texto {
display: none;
}
.btn-menu,
.btn-busca {
display: inline-block;
}
.search-bar {
display: none;
width: 100%;
max-width: 100%;
margin: 0 0 15px;
}
.menu-mobile {
display: none;
}
.categorias {
padding: 0;
margin: 0 0 15px;
}
.menu {
border-bottom: 1px #000 solid;
}
.menu li {
width: 100%;
border-right: 0;
border-bottom: 1px solid #000;
}
.menu li:last-child{
border-bottom: 0;
}
.categorias li {
width: 100%;
margin: 0;
border-bottom: 1px solid #000;
}
.categorias li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-width: 0;
padding: 6px 15px;
font-weight: normal;
}
.faixa-titulo {
margin: 0 0 10px;
}
.crumbs {
width: 100%;
} .post-conteudo,
.lateral {
width: 100%;
float: none;
}
}
@media screen and (max-width: 648px) {
.btn-random {
display: none;
}
}
.texto-home-btn {
display: inline-block;
float: right;
color: #FFF;
background-color: #A81E00;
padding: 0 8px;
line-height: 18px;
}
.texto-home-btn:hover {
color: #FFF;
opacity: 0.8;
text-decoration: none;
}
.texto-home {
margin-bottom: 15px;
}
.post-thumb {
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px !important;
height: auto;
max-width: 250px;
}
.post-texto {
margin-bottom: 15px;
}
.post-texto a {
color: #de2600;
margin-bottom: 10px;
} .anuncios {
margin: 10px 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
}
.anuncios li {
display: inline-block;
margin: 0 10px 10px;
vertical-align: top;
}
.anuncios img,
.anuncios iframe {
max-width: 100%;
}
.anuncios li.anuncio-mobile {
display: none;
}
@media (max-width: 768px) {
.anuncios li.anuncio-mobile {
display: inline-block;
}
.anuncios li.anuncio-desktop {
display: none;
}
}