

body {
    line-height: 13px;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: "Open sans", sans-serif;
    font-size: 11px;
    color: #3c3c3c;
    margin: 0px;
    background: #fffaf7;
}
 
.anuncio {
    background: #ffffff6b;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
} 
.header {
    background: url(header.png) top center repeat;
    height: 748px;
}
.catrow tbody, .catrow_noalb tbody {
    display: block;
    padding-bottom: 13px;
    background: url(iconee.png) top left no-repeat;
    background-position: 17px 8px;
}

.thumb_dimensions {
    background: #ffffff;
    line-height: 9px;
    visibility: hidden;
}
.nav {
    text-align: center;
    font-size: 0px;
    font-family: "Open Sans";
    color: rgba(146, 146, 146, 0.3);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    position: relative;
    margin: auto;
    padding-bottom: 25px;
    margin-top: -18px;
    margin-bottom: 25px;
}

.nav a {color: #00000094;font-size: 8px;font-weight: 700;background: #ececec;letter-spacing: 1px;padding: 10px;border-radius: 100px;}

.nav a:hover {
    background: #dc8d7f;
    color: #ffffff;
} 

.menu span {
    background: #f9a092;
    border-radius: 100px;
    color: #fff;
    padding: 3px 7px;
}
#fina2 {
    background: #fff;
    clear: both;
    width: 100%;
    font-size: 9px;
    margin-top: 30px;
    color: rgba(41, 41, 41, 0.79);
    z-index: 1000;
    line-height: 20px;
    letter-spacing: 1px;
    font-family: 'Spartan', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#fina2 a {
    color: #d3817c;
}
 

a {color: #6d6d6d; text-decoration: none;outline:none;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

a:hover {
 text-decoration: none;outline:none;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


a:visited {border-bottom: 1px dotted #95c0c5;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}


.alblink a {
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    color: rgb(220, 141, 127);
    letter-spacing: 1px;
    font-size: 9px;
    font-family: Raleway;
    font-weight: 600;
    line-height: 30px;
}

.alblink a:hover {
color: #323232;
}

.tableh1 {
    padding: 26px;
    background: #ffffff33;
    font-size: 19px;
    color: #8591bc;
    font-weight: 300;
}

.tableb {
    background: #ffffff91;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 22px;
}

.catrow td, .catrow_noalb td {
    padding-left: 37px;
    padding-bottom: 0px;
}

.tableh1 img {display: none;}

.tableh1_compact {
background-position: top left;
background-repeat: repeat-x;
letter-spacing: 0px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 10px; 
color: #b4a897; 
letter-spacing: 1px;
padding: 10px;}

 
.pic_title {margin-left: 0px;
margin-right: 0px;
 padding: 6px;
background-position: top left;
background-repeat: repeat-x;
letter-spacing: 2px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 11px; 
color: #ad494f; 
letter-spacing: 1px;
padding: 10px;}


.tableh2 {
    background-position: top left;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.84);
    font-family: Raleway;
    text-transform: uppercase;
    color: #777;
    padding: 11px;
}

.tableh2:hover {transition:All 0.3s ease-in-out;}

 
.minu {overflow: hidden;
color: #c53247; text-transform: uppercase;
background: #c53247;
font-family: 'Glegoo', serif;
font-weight: 700; 
margin-bottom: 1px;
height: 70px; display: block;
font-size: 0px; 
margin-top: 0px;
-webkit-transition: opacity ease-out 0.6s 0.1s;
-moz-transition: all ease-out 0.6s 0.1s;-o-transition: all ease-out 0.6s 0.1s;-ms-transition: all ease-out 0.6s 0.1s;
transition: all ease-out 0.2s 0.1s;}
.minu  a {padding: 10px; margin-top: 14px; color: #fff; 
    line-height: 20px; display: inline-block; font-size: 17px; 
text-transform: uppercase; margin-left: 10px;}
.minu a:hover{color: #fff; background: #d14256;}

.sss {float: right; margin-right: 0px;}
.sss a {padding: 10px; margin-top: 14px; color: #fff; 
    line-height: 20px; display: inline-block; font-size: 17px; 
text-transform: uppercase;margin-left: 10px;}
.sss a:hover    {color: #fff; background: #d14256;}



.tableb {
padding-bottom: 0px; 
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;}

.tableb_compact {padding-bottom: 0px; padding-top: 0px;
padding-right: 0px;
padding-left: 0px;overflow: hidden;}

.tableb_alternate {
    overflow: hidden;
    margin-bottom: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: rgb(249 249 248 / 34%);
}
.tablef {padding-bottom: 0px; padding-top: 0px;
padding-right: 10px;
padding-left: 10px;overflow: hidden;}


.catrow, .catrow_noalb {
    color: #00000057;
    background: #f5f5f538;
    text-transform: none;
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: 600;
}

.catlink {margin-bottom: 0px;font-style: normal;display: block;}

.catlink a {
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    line-height: 19px;
    margin-top: 6px;
    padding: 1px 5px;
    border-radius: 28px;
    background: #8591bc;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
}


.catrow:hover .catlink a, .catrow_noalb:hover .catlink a {
    color: #ffffff7a;
    letter-spacing: 0.29px;
}


span.cpg_user_message {
    background: #00000014;
    color: #d6787e;
}

.album_stat {
    line-height: 20px;
    padding: 10px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 9px;
    font-weight: 700;
    color: #0000005e;
    text-transform: uppercase;
}

.thumb_filename {
font-size: 10px;
display: block;}


.thumb_title {
    width: 73.6%;
    transition: all 0.5s ease;
    font-weight: 600;
    color: #ffffff;
    font-size: 11px;
    display: block;
    text-align: center;
    padding: 12px;
    z-index: 1;
    background: #8591bc;
    line-height: 15px;
    font-family: Open sans;
    padding-bottom: 22px;
    border-radius: 1px 1px 1px 36px;
    margin-top: -22px;
    z-index: 11;
    position: relative;
    margin-bottom: 17px;
}


span.thumb_resolution {
    background: url(size.png) no-repeat;
    font-size: 9px;
    font-family: Open sans;
    color: rgba(0, 0, 0, 0.29);
    font-weight: 700;
    z-index: 11111;
    letter-spacing: 0px;
    text-transform: uppercase;
    display: block;
    height: 38px;
    width: 132px;
    position: absolute;
    top: 1px;
    line-height: 50px;
    margin-left: -5px;
    text-align: left;
    padding-left: 31px;
}

span.thumb_resolution a {
    color: rgba(0, 0, 0, 0.29);
}
 
  

.thumb_caption {
    overflow: hidden;
    margin: auto;
    text-transform: uppercase;
    color: #fff;
    font-size: 9px;
    display: block;
    text-align: center;
    padding: 0px 5px;
    z-index: 1;
    width: 39%;
    border-radius: 14px;
    background: #f9a092;
    font-size: 8px;
    padding: 3px 5px;
    letter-spacing: 1px;
}


.thumb_title_views {
    text-transform: uppercase;
    width: 79%;
    font-style: normal;
    color: rgb(224 184 164 / 16%);
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0px 0px;
    font-size: 20px;
    letter-spacing: -2px;
    font-weight: 900;
    margin-top: 15px;
    background: #0000;
}
 

.thumb_caption_mtime {
margin-top: 12px;
font-weight: normal; display: none;
background: rgba(0,0,0,0.5); 
float: left;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
color: #fff; 
letter-spacing: 1px;
margin-top: 0px;
width: 130px;
margin-left:  10px;
position: absolute; top: 107px;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 9px;
margin-bottom: 0px;
padding: 10px;
-webkit-transition: all ease-out 0.6s 0.1s;
-moz-transition: all  ease-out 0.6s 0.1s;
-o-transition: all  ease-out 0.6s 0.1s;
-ms-transition: all  ease-out 0.6s 0.1s;
transition: opacity ease-out 0.2s 0.1s;}

.pic_caption {text-transform: uppercase;  font-size: 10px;margin-left: 0px; margin-right: 0px;padding: 20px; background: #fff; display: block;}


.thumb_num_comments {
margin-top: 12px;
font-weight: normal;
background: #fff; border: 1px solid #f4f4f4; float: left;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
color: #ccc; 
margin-top: 0px;
width: 128px;
margin-left: 10px;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 9px;
margin-top: 0px;
padding: 10px;
display: block;}

.descr a {
    font-family: open sans;
    overflow: hidden;
    margin: auto;
    text-transform: uppercase;
    color: #878c71;
    font-weight: 500;
    font-size: 9px;
    text-align: center;
    padding: 5px 5px;
    border-radius: 4px;
    z-index: 1;
    background: #ffffff;
    margin-right: 10px;
}

.descr a:hover {
    background: #fff;
    color: #90bba6;
}

.thumbnails .image {
    margin-top: 10px;
    margin-bottom: 9px;
    margin-top: 36px;
    background: #fffbf900;
    padding: 9px;
    border: 1px solid #3131310f;
}

 


 .imageborder {
margin-top: 0px;
margin-bottom: 0px;}

.display_media {
    background: #ffffff26;
    text-align: center;
    padding: 5px;
}

.display_media .image {
margin-top: 0px; 
margin-bottom: 0px;
padding: 20px;
background: #f4f4f4;
-webkit-transition: all ease-out 0.6s 0.1s;
-moz-transition: all  ease-out 0.6s 0.1s;
-o-transition: all  ease-out 0.6s 0.1s;
-ms-transition: all  ease-out 0.6s 0.1s;
transition: opacity ease-out 0.2s 0.1s;}
 

.thumbnails {
    background: #fdf9f7;
    margin-bottom: 0px;
    position: relative;
    padding: 9px;
}

.thumbnails:hover .thumb_title {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

.thumbnails:hover .thumb_title.thumb_title_views {
     opacity: 0.61;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     color: #8591bc;
}

#filmstrip {
    overflow: hidden;
}


.tableh1 .statlink {
    letter-spacing: 0px;
    color: #4a4646ba;
    padding: 0px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tableh1 .statlink a {
    text-decoration: none;
    margin-right: 10px;
    text-transform: uppercase;
    border-left: 0px solid #eee;
    padding-left: 5px;
    font-weight: 400;
    font-size: 10px;
    color: #565347a8;
    background: #ffffff00;
    font-family: Raleway;
}

.tableh1 .statlink a:hover {
color: #08070794;}


.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;}

.user_thumb_infobox th {
font-weight: bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;}

.user_thumb_infobox td {
font-size: 85%;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;}

.user_thumb_infobox a {
text-decoration: none;
color: #382A1D;}

.user_thumb_infobox a:hover {
color: #382A1D;
text-decoration: none;}

.sortorder_cell {
color: #999;
font-size: 0px;
display: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 10px;
margin: 0px;}

.sortorder_options {
font-family: Tahoma;
color: #999;
padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 0px;
white-space: nowrap;}

 .navmenu {background: #fff;
background-position: top left;
background-repeat: repeat-x;
letter-spacing: 0px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 10px; 
color: #777; 
letter-spacing: 1px;
padding: 10px;}

 
.navmenu a {background: #fff;
background-position: top left;
background-repeat: repeat-x;
letter-spacing: 0px;
line-height: 0px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 10px; 
color: #777; 
letter-spacing: 1px;
padding-left: 5px;
padding-right: 5px;}

.navmenu a:hover {
color: #111;}

.navmenu a img {
border: 0px;
padding: 0px;}

.navmenu a img:hover {
border: 0px;
padding: 0px;}

.admin_menu_thumb {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
width: 80px;
font-size: 9px;
border: 1px solid #a9a9a9;
color: #707070;
font-weight: bold;}


 .admin_menu_thumb a {
color: #707070;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;}

.admin_menu_thumb a:hover {
color: #707070;
text-decoration: underline;}

.admin_menu {
display: block;
font-family: Arial;
font-size: 10px;
background-color: #FFF;
color: #777;
display: inline-block;
margin: 5px;
padding: 5px;
text-transform: none;
text-align: center;}

.admin_menu a {
color: #777;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;}

.admin_menu a:hover {
color: #707070;
text-decoration: underline;}
 
 
.comment_date{
color: #dcccde;
font-size: 90%;
vertical-align: middle;}

.comment_date a img {
border: 0px;
padding: 0px;}

.comment_date a img:hover {
border: 0px;
padding: 0px;}



.footer {display: block; overflow: hidden; display: none; color: #eee5d2; height: 0px;
font-size: 0px; margin-top: 0px; text-transform: uppercase;}


a { text-decoration: none; }
a:hover {color: #892c59; }
.fanfu a {color: #c24e87;}


strong {
    color: #d87059;
 }
b {color: rgba(62, 60, 60, 0.74); }

.topmenu {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
line-height: 130%;
font-size: 110%;}

.topmenu a {
color: #825c00;
text-decoration: none;}

.topmenu a:hover  {
color: #949494;
text-decoration: underline;}

/* ------- imagem table ---- */
.img_caption_table {
border: none;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: #eee;
width: 100%;
margin: 0px;}

.img_caption_table th {
background:#eee;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
font-size: 100%;
color: #000000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;}

.img_caption_table td {
background: #eee;
padding: 6px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top: 1px solid #fff;
white-space: normal;}

.debug_text {
background: #eee;
padding: 6px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
width: 100%;
margin: 0px;
}

.clickable_option {
cursor: default;}

.listbox_lang {
color: #777;
background: #eee;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;}

#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;}

 
h1 {
text-decoration: none;
line-height: 120%;
color: #808080;
margin: 0px;}

h2 {
    background-position: left;
    padding-left: 13px;
    font-size: 11px;
    margin: 0px;
}

h3 {
font-weight: normal;
font-size: 9px;
margin: 0px;}


/* ------- de mais ---- */
p {
font-family: Trebuchet MS;
font-size: 11px;
margin: 2px 0px;}

ul {list-style-type: none;
margin-left: 5px;
padding: 0px;}

li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: none;}

.textinput {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 100%;
margin-top: 10px;
background: #eee;
border: 1px solid #eee;
padding-right: 5px;
padding-left: 5px;}

.listbox {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 100%;
border: 1px solid #1e1416;
vertical-align: middle;}

.button {
font-family: Trebuchet MS;
font-size: 100%;
border: 1px solid #bfbdbd;
background-position: bottom;}

.comment_button {
font-family: Trebuchet MS;
font-size: 100%;
border: 1px solid #bfbdbd;
background-position: bottom;
padding-left: 3px;
padding-right: 3px;}

.radio {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align: middle;}

.checkbox {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align: middle;}

.cred{position: fixed; bottom: 0px; right: 0px; }


.elementos-header {
    width: 56%;
    margin: auto;
    margin-top: -296px;
    margin-bottom: 40px;
    padding-left: 32px;
}

.descrptio p {
    font-size: 13.27px;
    font-family: 'Open Sans';
    color: rgb(138 138 138);
    line-height: 17px;
    margin-bottom: 14px;
    text-align: justify;
    display: block;
}


.menu a:nth-child(2) {}

.elementos-content {
    width: 100%;
    margin-bottom: 22px;
}
.descri {
    font-size: 13px;
    color: #ffff;
    line-height: 18px;
    background: #ffffff00;
    padding: 25px;
    text-align: justify;
    margin-top: -197px;
    margin-bottom: 21px;
    width: 46%;
    margin-left: auto;
    margin-right: 142px;
}

.menu {
    font-size: 0px;
    text-transform: uppercase;
    padding: 19px;
    text-align: center;
    background: #fff;
}

.menu a {
    font-size: 11px;
    margin-right: 1px;
    color: rgb(109 109 109);
    padding: 5px 8px;
    margin: 9px;
    border-radius: 4px;
}

.menu a:hover {
    opacity: 0.4;
}

div#footer {
    font-family: "Arial";
    color: rgb(180, 179, 179);
    background: #fff;
    padding: 25px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
}

siter.fab.fa-twitter.siter, siter.fab.fa-instagram.siter {
    background: #efdeca;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    line-height: 29px;
    text-align: center;
    color: #b39e85;
}


@media (min-width: 1200px){

.maintable {
    width: 1135px;
}

.conteudo {
    width: 1135px;
    margin: auto;
}
}





@media (min-width: 320px) and (max-width: 325px) {
 
 
    
.thumbnails {
      padding: 15px;
     width: 50%;
     display: inline-block;
 }
 
 
.maintable {
     width: 100%;
}


.container {
    width: 100%;
    margin: auto;
}
 
 

.thumbnails:nth-child(2) {
    clear: both;
}
 

 .display_media img {
    width: 60%;
    height: auto;
} 

 

.strip_image {
    width: 40px !important;
}

#film, .thumb a, .tape {
    width: 0% !important;    
    margin-left: 0px !important;
}

.tape {
    height: 0 !important;
}

  

.thumb_title {
    width: 87%;
} 
 .header {
    height: 428px;
    background: url(headerc.png) top center;
}

img.image.thumbnail {
    padding: 6px;
}

.thumb_title {
    width: 78%;
}

.thumb_title_views {
    width: 85%;
}

.catlink a {
    border-radius: 1px;
}
.tableh1 {
    padding: 10px;
}

body {
    background: #f8e9e0;
}

.elementos-content {
    background: #8591bc;
}

.descri {
    width: 86%;
    margin: 0px;
}
}


 @media (min-width: 350px) and (max-width: 700px) {
 
.thumbnails {
     padding: 13px;
     width: 41%;
     display: inline-block;
     background: #f8e9e0;
}
 
.maintable {
     width: 100%;
}


.container {
    width: 100%;
    margin: auto;
}
 
 

.thumbnails:nth-child(2) {
    clear: both;
}
 

 .display_media img {
    width: 60%;
    height: auto;
} 

 

.strip_image {
    width: 40px !important;
}

#film, .thumb a, .tape {
    width: 0% !important;    
    margin-left: 0px !important;
}

.tape {
    height: 0 !important;
}
.elementos-content {
    background: #8591bc;
}

.descri {
    width: 86%;
    margin: 0px;
}
  

.thumb_title {
    width: 87%;
} 
 .header {
    height: 428px;
    background: url(headerc.png) top center;
}

img.image.thumbnail {
    padding: 6px;
}

.thumb_title {
    width: 78%;
}

.thumb_title_views {
    width: 85%;
}

.catlink a {
    border-radius: 1px;
}
.tableh1 {
    padding: 10px;
}

body {
    background: #f8e9e0;
}
} 
 

 @media (min-width: 720px) and (max-width: 1024px) {
 
.container {
    width: 751px;
    margin: auto;
}
 

.image {
    margin: 0px;
     padding: 13px;
    width: 60px;
    height: auto;
}

 

 .display_media img {
    width: 60%;
    height: auto;
} 

 

.strip_image {
    width: 40px !important;
}

#film, .thumb a, .tape {
    width: 0% !important;    
    margin-left: 0px !important;
}

.tape {
    height: 0 !important;
}

 

 

}