@import url("print.css") print;
@import url("reset.css");
@import url("ie.css");

.both {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clear: both;
}

body {
    background: url(../img/bg-geral.jpg) repeat;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-Serif;
}

.left {
    float:left;
}

.right {
    float:right;
}

#geral {
    background: url(../img/bg-topo.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
}

#site, .content {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

#topo {
    width: 100%;
    height: 240px;
}

#description-top {
    width: 620px;
    height: 43px;
    margin: 0 135px 0 0;
    float: right;
}

#description-top p {
    font-weight: bold;
    font-size: 11px;
    color: #8f8f8f;
    padding: 15px 0 0;
}

#logo-marca {
    width: 242px;
    height: 133px;
    float: left;
    margin: 0 0 0 265px;
}

#logo-marca a {
    background: url(../img/logo-topo.png) no-repeat left top;
    width: 242px;
    height: 133px;
    display: block;
    text-indent: -9999px;
}

h1 {
    -moz-box-shadow:0 0 3px #000;
    -webkit-box-shadow:0 0 3px #000;
    background:url(http://www.videospornosbr.com.br/imgsestruct/bgh1.gif) top repeat-x #480B3A;
    border:solid 1px #B11186;
    box-shadow:0 0 3px #000;
    color:#FFF;
    font-family:FuturaXBlkBTExtraBlack, Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:lighter;
    line-height:1px;
    margin:4px;
    padding:11px 7px 7px 12px;
    text-transform:uppercase;
}

#box-buscar {
    background: url(../img/bg-busca.png) no-repeat left top;
    width: 322px;
    height: 115px;
    float: left;
    margin: 16px 0 0 7px;
}

#box-buscar span {
    display: block;
    clear: both;
    font-size: 11px;
    color: #8f8f8f;
    padding: 23px 0 0 28px;
}

#box-buscar strong {
    display: block;
    clear: both;
    font-weight: bold;
    font-size: 18px;
    color: #d0199f;
    text-transform: uppercase;
    padding: 0 0 0 30px;
}

#form-buscar {
    width: 295px;
    height: 40px;
    clear: both;
    margin: 3px 0 0 15px;
    position: relative;
}

#input-busca {
    background: url(../img/bg-busca-04.png) no-repeat left top;
    width: 254px;
    padding: 12px 26px 12px 10px;
    border: none;
    font-size: 12px;
    color: #d0199f;
}

#btn-buscar {
    background: url(../img/bt-search.png) no-repeat left top;
    width: 16px;
    height: 16px;
    border: none;
    position: absolute;
    right: 9px;
    top: 11px;
    cursor: pointer;
}

#menu-principal {
    width: 743px;
    height: 47px;
    float: right;
    margin: 16px 0 0;
}

#menu-principal li {
    display: inline;
    background: url(../img/barra-menu.png) no-repeat left 18px;
    float: left;
}

#menu-principal .no-background {
    background: none;
}

#menu-principal li a {
    display: inline-block;
    float: left;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    margin: 16px 11px 0 16px;
}

#menu-principal li a:hover {
    text-decoration: underline;
}

#conteudo-site {
    margin: 20px 0 0;
}

#coluna-esquerda {
    width: 635px;
    float: left;
}

#box-descricao, #box-descricao-video {
    background: url(../img/bg-titulo-pagina.png) no-repeat left top;
    width: 610px;
    height: 41px;
    padding: 16px 0 0 25px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

#galeria-videos {
    width: 635px;
    clear: both;
    margin: 10px 0 0;
}

#galeria-videos .box-video {
    background: url(../img/bg-box-video.png) no-repeat left top;
    width: 191px;
    height: 161px;
    float: left;
    margin: 0 4px 5px 0;
    padding: 8px;
}

#galeria-videos .box-video .thumb-video {
    width: 191px;
    height: 123px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.box-video .thumb-video .thumb {
    width: 191px;
    height: 123px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.box-video .thumb-video .thumb:hover {
    opacity: 0.75;
}

.box-video .thumb-video .visualizacoes {
    background: url(../img/visualizacoes.png) no-repeat left top;
    width: 53px;
    height: 17px;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding: 2px 0 0 28px;
    font-size: 10px;
    color: #d319a1;
}

.box-video .thumb-video .classificacao {
    background: url(../img/bg-avaliacao.png) no-repeat left top;
    width: 67px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 3px 0 0 7px;
}

.box-video .thumb-video .classificacao img {
    width: 12px;
    height: 12px;
    float: left;
}

.box-video .titulo-video {
    clear: both;
    padding: 5px 0 0;
    text-align: center;
    font-size: 11px;
    color: #8f8f8f;
    height: 28px;
    display: block;
    overflow: hidden;
}

.box-video .titulo-video:hover {
    text-decoration: underline;
}

#box-paginacao {
    background: url(../img/bg-pgn.png) no-repeat left top;
    width: 635px;
    height: 85px;
    clear: both;
    margin: 10px 0 0;
    text-align: center;
}

#box-paginacao ul {
    padding: 13px 0 0;
}

#box-paginacao li {
    display: inline;
}

#box-paginacao li a {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

#box-paginacao li a:hover, #box-paginacao li a.active {
    color: #1b1b1d;
}

#box-paginacao .bg-menor {
    background: url(../img/pgn-menor.png) no-repeat left top;
    width: 42px;
    height: 39px;
    text-align: center;
    padding: 18px 0 0;
}

#box-paginacao .bg-menor:hover, #box-paginacao li a.active {
    background: url(../img/pgn-menor.png) no-repeat left bottom;
}

#box-paginacao .bg-maior {
    background: url(../img/pgn-maior.png) no-repeat left top;
    width: 82px;
    height: 39px;
    text-align: center;
    padding: 18px 0 0;
}

#box-paginacao .bg-maior:hover {
    background: url(../img/pgn-maior.png) no-repeat left bottom;
}

#coluna-direita {
    width: 340px;
    float: right;
}

#coluna-direita .box-propaganda, #coluna-direita .box-categorias {
    width: 340px;
    margin: 0 0 20px;
}

#coluna-direita .box-propaganda a {
    display: block;
    display: block;
    height: 250px;
    margin: 0 0 10px 20px;
    width: 300px;
    overflow: hidden;
}

#coluna-direita .box-propaganda .no-margin-bottom {
    margin: 0 0 0 20px;
}

#coluna-direita .topo-box {
    background: url(../img/topo-box.png) no-repeat left top;
    width: 339px;
    height: 15px;
}

#coluna-direita .conteudo-box {
    background: url(../img/conteudo-box.png) repeat-y;
    width: 339px;
}

#coluna-direita .bottom-box {
    background: url(../img/bottom-box.png) no-repeat left top;
    width: 339px;
    height: 15px;
}

#coluna-direita .box-categorias .titulo-box {
    background: url(../img/topo-categorias.jpg) no-repeat left top;
    width: 302px;
    height: 40px;
    margin: 0 0 0 8px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    padding: 17px 0 0 20px;
}

#coluna-direita .box-categorias .menu-categorias {
    margin: 10px 0 0 25px;
}

.box-categorias .menu-categorias ul {
    width: 290px;
    margin: 0;
}

.box-categorias .menu-categorias li {
    padding: 0 0 0 10px;
    border-top: 1px dotted #454545;
    line-height: 22px;
    float: left;
    width: 130px;
    margin-right: 5px;
}

.box-categorias .menu-categorias .border-bottom {
    border-bottom: 1px dotted #454545;	
}

.box-categorias .menu-categorias li a {
    background: url(../img/bullet1.png) no-repeat left center;
    padding: 0 0 0 15px;
    font-size: 12px;
    color: #8f8f8f;
}

.box-categorias .menu-categorias li a:hover {
    text-decoration: underline;
}

#box-propaganda-bottom {
    background: url(../img/bg-propaganda.png) no-repeat left top;
    width: 901px;
    height: 252px;
    float: left;
    padding: 30px 38px;
}

#geral-rodape {
    background: url(../img/bg-rodape.jpg) no-repeat center bottom;
    width: 100%;
}

.conteudo-esquerdo {
    width: 685px;
    height: 70px;
    float: left;
    margin: 33px 0 0;
}

#menu-rodape {
    height: 22px;
    float: right;
}

#menu-rodape li {
    display: inline;
}

#menu-rodape li a {
    display: inline-block;
    font-size: 11px;
    color: #8f8f8f;
}

#menu-rodape li a:hover {
    text-decoration: underline;
}

#menu-rodape .bullet {
    background: url(../img/bullet1.png) no-repeat left 9px;
    width: 7px;
    height: 5px;
    padding: 0 7px 0 0;
}

#corpyright {
    width: 340px;
    height: 30px;
    margin: 0;
    font-size: 12px;
    color: #fff;
    margin: 30px 0 0 15px;
    float: left;
}

#corpyright .destaque {
    font-weight: bold;
}

.conteudo-direito {
    width: 290px;
    height: 161px;
    float: right;
    margin: -20px 0 0;
}

#thumb-modelo {
    background: url(../img/thumb-modelo.png);
    width: 93px;
    height: 161px;
    float:left;
    z-index: 10;
}

#logo-rodape {
    width: 186px;
    height: 95px;
    float: right;
    margin: 45px 0 0;
}

#logo-rodape h3 a {
    background: url(../img/logo-rodape.png) no-repeat left top;
    width: 186px;
    height: 95px;
    display: block;
    text-indent: -9999px;
}

/* PÁGINA DE VÍDEO */
#detalhes-video {
    width: 630px;
    margin: 20px 0;
}

#detalhes-video .topo-box {
    background: url(../img/topo-box-video.png) no-repeat left top;
    width: 630px;
    height: 11px;
}

#detalhes-video .conteudo-box {
    background: url(../img/conteudo-box-video.png) repeat-y;
    width: 630px;
}

#detalhes-video .bottom-box {
    background: url(../img/bottom-box-video.png) no-repeat left top;
    width: 630px;
    height: 10px;
}

#detalhes-video .descricao {
    font-size: 12px;
    color: #8f8f8f;
    padding: 15px 0 0 25px;
    width: 575px;
}

#detalhes-video .video {
    width: 588px;
    height: 540px;
    overflow: hidden;
    margin: 20px 0 0 19px;
}

#detalhes-video .detalhes-video {
    width: 575px;
    margin: 25px 0 0 25px;
}

#detalhes-video .detalhes-video p {
    margin: 0 0 13px;
    font-size: 12px;
    color: #d319a1;
}

#detalhes-video .detalhes-video p a {
    font-size: 12px;
    color: #d319a1;
}

#detalhes-video .detalhes-video p a:hover {
    text-decoration: underline;
}

#detalhes-video .detalhes-video p strong {
    font-size: 12px;
    color: #8f8f8f;
}

#detalhes-video .detalhes-esquerdo {
    width: 310px;
    float: left;
}

#detalhes-video .detalhes-direito {
    width: 240px;
    float: right;
}

#detalhes-video .detalhes-direito .box-avaliar {
    height: 25px;
    width: 100%;
}

#detalhes-video .detalhes-direito .box-avaliar p {
    float: left;
}

#detalhes-video .detalhes-direito .box-avaliar .avaliar {
    background: url(../img/bg-avaliacao.png) no-repeat left top;
    width: 67px;
    height: 16px;
    padding: 3px 0 0 7px;
    float: left;
    margin: 0 0 0 5px;
}

#detalhes-video .detalhes-direito .box-avaliar .avaliar img {
    float: left;
    height: 12px;
    width: 12px;
}

#detalhes-video .detalhes-direito .btn-avisar {
    background: url(../img/btn-avisar.jpg) no-repeat left top;
    width: 52px;
    height: 20px;
    display: inline-block;
    text-indent: -9999px;
    margin: 0 0 0 5px;
}

/** configurando para menor que 1280 até 1024 */
@media only screen and ( max-width: 1260px ) 
{

    #site, .content{max-width:980px;}
	#box-propaganda-bottom {
    padding: 30px 0;
	text-align:center;
	}

}
/** configurando para menor que 1024 até 800 */
@media only screen and ( max-width: 1004px )
{

    #site, .content{max-width:750px;}
	#ShareBar, #coMessengerWindow{ display: none !important;}
	#geral {
    background: url(../img/bg-topo.jpg) no-repeat center top;
	background-size: 280%;
	}
#description-top {
    width: 70%;
}

#description-top p {
    padding: 10px 0 0;
}

#logo-marca {
    margin: 0 0 0 145px;
}
#menu-principal {
    width: auto;
    margin: 33px 0 0;
}
#coluna-esquerda {
    width: 635px;
    float: none;
	margin:0 auto;
	padding-top:10px;
}
#coluna-direita {
    width: 635px;
    float: none;
	margin:0 auto;
}
.box-propaganda, .box-categorias{ display:block; width: auto !important; background:#111111;
	-moz-border-radius:		10px;
    -webkit-border-radius:	10px;
    -khtml-border-radius:	10px; 
    border-radius:			10px;
	padding: 10px;
}
#coluna-direita .topo-box,
#coluna-direita .bottom-box { display:none; }
#coluna-direita .conteudo-box { background: none; width:auto !important; display:block; text-align:center !important; }

#box-propaganda-bottom {
	text-align:center;
	width: 635px;
	margin: 0 auto;
	float:none;
background:#111111;
	-moz-border-radius:		10px;
    -webkit-border-radius:	10px;
    -khtml-border-radius:	10px; 
    border-radius:			10px;
	height:auto;
	padding: 10px;
	}
#box-propaganda-bottom iframe{ width:100%; height:370px}
.conteudo-esquerdo {
    width: 635px;
}

#menu-rodape {
    height: 22px; margin-top:90px; width:500px;
    float: left;
}

#coluna-direita .box-categorias .titulo-box {
    margin: 0 auto;
	text-align:center;
}
.box-categorias .menu-categorias ul {
    width: auto; margin-bottom: 10px;
	}
.box-categorias .menu-categorias li {
    width: 22%; text-align:left;

}

}
/** configurando para menor que 800 e smartphones */
@media only screen and (device-width: 768px) and (orientation: landscape),
only screen and ( max-width: 768px )
{

    #site, .content{max-width:600px;}
#logo-marca {
    margin: 10px 0 0 75px;
	width: 180px;
    height: 103px;
}
#logo-marca a{
	background-size: 100% auto;
    height: 103px;
	width: 180px;	
	}
#box-buscar {
      margin: 0px 0 0 7px;
}
#menu-principal li a { margin: 16px 5px 0 10px;}
#menu-principal {
    width: auto;
    margin: 2px 0 0 0;
}
#topo {
    height: 200px;
}

#coluna-esquerda {
    width: 580px;
    float: none;
	margin:0 auto;
	padding-top:10px;
}
#coluna-direita {
    width: 580px;
    float: none;
	margin:0 auto;
}
#box-descricao, #box-descricao-video {
    background: url(../img/bg-titulo-pagina.png) no-repeat center top;
    width: auto;
}
#galeria-videos {
    width: 430px;
    clear: both;
    margin: 10px auto;
	padding:0;
}
#conteudo-site {
    margin: 20px 0 0 0;padding:0; clear:both;
}
#box-propaganda-bottom {
	text-align:center;
	width: 560px;
}
#menu-rodape {
    height: 22px; margin-top:90px; width:320px;
    float: left;
}


#detalhes-video {
    width: auto;
    margin: 20px 0;
}

#detalhes-video .topo-box {

    width: auto;

}

#detalhes-video .conteudo-box {

    width: auto;
}

#detalhes-video .bottom-box {

    width: auto;

}

#detalhes-video .descricao {
    width: auto;
}

#detalhes-video .video {
    width: auto; height:auto;
}
#detalhes-video .video iframe { width:100%; height: 400px;}
#detalhes-video .detalhes-video {
    width: auto;
}
#detalhes-video a img{ width:100%; height:auto;}
.conteudo-esquerdo{ width:auto;}

}
/** configurando para menor que 480 e smartphones */
@media only screen and (device-width: 480px) and (orientation: landscape),
only screen and ( max-width: 480px )
{

    #site, .content{width:440px; margin:0 auto;}
	#geral { background: none; }
	#description-top {
    width: 100%; height:auto;
	 margin:0; float: none; text-align:center;
}
#logo-marca {
    width: 242px;
    height: 133px;
    float: none;
    margin: 0 auto;
}

#logo-marca a {
    background: url(../img/logo-topo.png) no-repeat left top;
    width: 242px;
    height: 133px;
    display: block;
    text-indent: -9999px;
}
#box-buscar {
    float: none;
    margin: 10px auto;
}
#topo {
    height: auto;
}
#menu-principal {
    width: 100%;
    height: 80px !important;
    float: none;
    margin: 0px 0 20px 0;
	background: #86115F !important;
	display:block;
	position:relative;
}
#coluna-esquerda {
    width: 440px;
    float: none;
	margin:0 auto;
	padding-top:10px;
}
#coluna-direita {
    width: 440px;
    float: none;
	margin:0 auto;
}
#box-paginacao { width:auto }
.box-categorias .menu-categorias li {
    width: 29%; text-align:left;

}
#box-propaganda-bottom{ width:400px; }
#box-propaganda-bottom iframe{ width:100%; height:730px}
#menu-rodape, #corpyright{ display: none}
#detalhes-video .video iframe { width:100%; height: 350px;}

}	
/** configurando para menor que 480 e smartphones */
@media only screen and (min-device-width: 320px) and (max-device-width: 463px),
only screen and ( max-width: 463px )
{

    #site, .content{width:280px;}
h1 {line-height: normal;}
#box-buscar {
    float: none;
    margin: 10px 0 0 -20px;
}
#menu-principal {
    width: 100%;
    height: 110px !important;
}
#coluna-esquerda {
    width: 280px;

}
#coluna-direita {
    width: 280px;

}

#galeria-videos {
    width: 205px;
}
#box-propaganda-bottom{ width:250px; }
#box-paginacao { width:auto; background:none; height:auto; }
#coluna-direita .box-categorias .titulo-box {
	width:auto; background-position:center;
}
.box-categorias .menu-categorias li {
    width: 40%; text-align:left;

}
.conteudo-esquerdo{ width:auto;}
.box-propaganda img{ width:100%; height: auto;}

#detalhes-video .video iframe { width:100%; height: 200px;}

}