@charset "utf-8";

/* CSS Document */

a, img{ 

    text-decoration:none; 

    color: #8C8C8C;

    -webkit-transition: 0.3s ease-in; /* navegadores webkit, como Safari e Chrome */

    -moz-transition: 0.3s ease-in; /* Firefox */

    -o-transition: 0.3s ease-in; /* Opera*/

}

a:hover{ color: #FFBF00; }

a img{ border:none; }



body{ background: #222222 url(../imgsestruct/bg.jpg) top center repeat-x; margin:0; padding:0; color:#8C8C8C; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.center{

    max-width:995px;

    position:relative;

    margin:0 auto;

}

.esq{ float: left; }

.dir{ float: right; }

.clear{ clear:both;}



header{ margin:0; padding: 20px 0 10px 0;}



.busca{ padding:0; margin:8px 0 28px 28px;}

.busca form{ margin:0; padding:0;}

.busca img{ position:absolute; border-right:solid 1px rgba(255,255,255,0.23); padding-right: 10px; margin:9px 0 0 9px }

.busca input{

    background: rgba(255,255,255,0.13);

    border-top: solid 1px rgba(255,255,255,0.23);

    border-left: solid 1px rgba(255,255,255,0.23);

    border-bottom: solid 1px rgba(0,0,0,0.5);

    border-right: solid 1px rgba(0,0,0,0.5);

    -moz-border-radius:		26px;

    -webkit-border-radius:	26px;

    -khtml-border-radius:	26px; 

    border-radius:			26px;

    padding:12px;

    font-size:18px;

    font-family:Arial Narrow, Arial, Helvetica, sans-serif;

    color: #C8C8C8;

}

.busca input[type=text]{padding:12px 12px 12px 61px; width: 360px;}

.busca input:focus{ color:#FFF;}

.busca input[type=submit]{ display:none }

.busca h1{ text-transform:uppercase; font-size: 11px; font-family:Arial Narrow, Helvetica, sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,0.5);

padding:5px 15px;}

.rss{ width: 210px; margin-top: 38px;}

.rss img{ float:left; margin-right:10px }



.backmenu{ background:#8B3C00; padding-top: 5px; margin:13px 0 0 0;

           -moz-border-radius:		26px;

           -webkit-border-radius:	26px;

           -khtml-border-radius:	26px; 

           border-radius:			26px;

}

.menu{ background:url(../imgsestruct/bgmenu.png) #FFDA02 top repeat-x;

       -moz-border-radius:		26px;

       -webkit-border-radius:	26px;

       -khtml-border-radius:	26px; 

       border-radius:			26px;

}

.menu ul{ margin:0; padding:0; list-style:none; font-size: 0px;}

.menu ul li{ 

    display:inline-block; font-size: 17px; font-weight:bold; font-family:Arial Narrow, Arial, Helvetica, sans-serif; letter-spacing: -1px; 

    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);

}

.menu ul li a{color:#FFF; display:block; padding: 13px 20px;}

.menu ul li a:hover{ color:#2D2D2D }





#breadcrumbs_container {  margin: 0 0 20px 5px; clear: both; }

#breadcrumbs_container * { color: #7E7E7E}

#breadcrumbs_container ul { list-style: none; margin:0; padding:0; }

#breadcrumbs_container ul li { 

    float: left; display: inline-block;

    background: url(../imgsestruct/bullet-topo.png) left center no-repeat;

    color: #7E7E7E;

    float: left;

    font: 11px Arial Narrow,ArialHelvetica,sans-serif;

    margin: 0 15px 0 0;

    padding: 0 0 0 10px;

}

#breadcrumbs_container ul li a, #breadcrumbs_container ul li a span, #breadcrumbs_container ul li span {

    color: #7E7E7E;

}

#breadcrumbs_container ul li a:hover{

    color:#CCC

}



.main{ width:631px; float:left; margin-left:-5px;}

.lateral{ float:right; max-width:350px;}



.lista1, 

.lista2{ margin:0; padding:0; list-style:none; font-size:0px;}

.lista1 li, 

.blackbox,

.paginacao, 

.lista2 li{ margin:4px; padding:4px; list-style:none; font-size:14px; display:inline-block;

            -moz-box-shadow:		1px 1px 3px rgba(0,0,0,0.5);

            -webkit-box-shadow:		1px 1px 3px rgba(0,0,0,0.5);

            box-shadow:				1px 1px 3px rgba(0,0,0,0.5);

            background: rgba(0,0,0,0.8);

            -moz-border-radius:		6px;

            -webkit-border-radius:	6px;

            -khtml-border-radius:	6px; 

            border-radius:			6px;

}

.lista1 li img, 

.lista2 li img{ width:190px; height: 125px; border:#2E2E2E solid 2px;

                -moz-border-radius:		3px;

                -webkit-border-radius:	3px;

                -khtml-border-radius:	3px; 

                border-radius:			3px;

                display:block;

}

.lista1 li .info, 

.lista2 li .info{

    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.78) 69%, rgba(0,0,0,0.78) 70%, rgba(0,0,0,0.73) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(69%,rgba(0,0,0,0.78)), color-stop(70%,rgba(0,0,0,0.78)), color-stop(100%,rgba(0,0,0,0.73))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 69%,rgba(0,0,0,0.78) 70%,rgba(0,0,0,0.73) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 69%,rgba(0,0,0,0.78) 70%,rgba(0,0,0,0.73) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 69%,rgba(0,0,0,0.78) 70%,rgba(0,0,0,0.73) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 69%,rgba(0,0,0,0.78) 70%,rgba(0,0,0,0.73) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ba000000',GradientType=0 ); /* IE6-9 */





    color:#999; font-size: 9px; padding: 4px 5px 3px 5px;

    position:absolute;

    margin: -22px 2px 0 2px;

    width:180px;

}

.lista1 li .info .views, 

.lista2 li .info .views{ background:url(../imgsestruct/ico-view.png) no-repeat left center; padding-left:19px; padding-top: 1px; }

.lista1 li .info .stars img, 

.lista2 li .info .stars img{ width:auto; height:auto; border:none}

.lista1 li .titulo, 

.lista2 li .titulo{ display: block; padding:5px; font-weight:bold; font-family:Arial Narrow, Arial, Helvetica, sans-serif; max-width: 180px; overflow: hidden; height: 33px;}



.lista1 li:hover img, 

.lista2 li:hover img{ border:#FFBF00 solid 2px; }

.lista1 li a,

.lista2 li a{ color:#EAEAEA; }

.lista1 li:hover a,

.lista2 li:hover a{ color:#FFBF00; }





.lista2 li{ display:block; margin-bottom: 13px; margin-top: 13px; }

.lista2 li > .esq{ margin-right:10px;}

.lista2 li .titulo{ max-width: auto;  height:auto; font-size:16px; display: inline; padding:0; margin-top:5px; position:relative; top: 3px;}

.lista2 li .data{ font-size:9px; font-family:Tahoma, Geneva, sans-serif; color: #323232; display:block; margin:7px 0; }

.lista2 li .descri{ display:inline-block; font-size: 11px; overflow:hidden; height: 58px; text-align:justify; width:65% }





.blackbox{ margin:4px 0 10px 0; padding:4px; }

.pub{ text-align:center; margin:0 auto; padding:7px;}

.pubshoriz{ width:auto; display:block; text-align:center; margin:20px 0 20px 0;}

.pubshoriz .pub{ display:inline-block; }



.paginacao{ text-align:center; display:block; padding:18px 0 19px 0; }

.paginacao ul{ margin:0; padding:0; list-style:none;}

.paginacao ul li{ display:inline;}



.paginacao ul li a{

    background:#191919;

    padding:7px 13px;

    -webkit-border-radius: 	5px;	

    -moz-border-radius: 	5px;

    -khtml-border-radius:	5px;

    border-radius: 			5px;

    font-size: 17px;

    font-weight:bold;

}

.paginacao ul li a:hover, .paginacao .next:hover, .paginacao .current { background:#FF9304; color:#000;}	

.paginacao ul li:first-child a, .paginacao ul li:last-child a{ background: none; font-weight:lighter; font-family:Arial Narrow, Arial, Helvetica, sans-serif; color:#787878; border:none}

.paginacao ul li:first-child a:hover, .paginacao ul li:last-child a:hover{color:#FF9304;}





.lateral ul{ margin: 5px; padding:0;}

.lateral ul li{ display:block; margin: 0 5px;}

.lateral ul li a{

    display:block;

    padding: 5px 6px;

    font-weight:bold;

    border-bottom: #242424 solid 1px;

    font-size: 11px; 

    text-transform:uppercase;

}

.lateral .blackbox{ display:block; width:auto; }

.metade ul li{float:left; width:46%}



.tit{

    background: rgb(255,207,76); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,207,76,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,207,76,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,207,76,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,207,76,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,207,76,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,207,76,1) 0%,rgba(255,146,10,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf4c', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

    color:#000;

    font-size:22px;

    font-family:Arial Narrow, Arial, Helvetica, sans-serif;

    letter-spacing: -1px;

    margin:5px;

    padding:10px 15px;

    text-transform:uppercase;

    -webkit-border-radius: 	5px;	

    -moz-border-radius: 	5px;

    -khtml-border-radius:	5px;

    border-radius: 			5px;

}



footer{

    background:#FE6F00 url(../imgsestruct/light.png) top center repeat-x;

    color:#000;

    padding:30px 0;

    border-top: #494949 solid 1px;

    font-size:9px;

    margin-top:20px;

}

.infofooter{padding:20px}

footer a{color: #FFF; font-size:11px;}

footer a:hover{color: #000;}



.boxvideo{ display:block; }

.boxvideo p{ padding: 10px; margin:0; color:#CCC;}

h1, h2{ margin:0; padding:0; font-size:inherit;}

.boxvideo .video { padding: 10px; margin-bottom:10px;}

.boxvideo .video iframe{ width:100%; height:450px;}

.bannermenor{ text-align:center; margin-bottom: 15px;}



.infovideo{ margin-bottom:15px}

.infovideo .esq{ margin: 5px 10px;}

.infovideo .tags{ width: 40%;} 

.infovideo strong{ color: #F90 ;}



/** configurando para menor que 1280 até 1024 */

@media only screen and ( max-width: 1260px ) 

{



    .center{max-width:980px;}





}

/** configurando para menor que 1024 até 800 */

@media only screen and ( max-width: 1004px )

{



    .center{max-width:750px;}

    .logo img{ width:auto; height: 80px;}

    .busca{ padding:0; margin:18px 0 28px 18px;}

    .busca input[type=text]{width: 200px;}

    .rss{ margin-top:28px;}

    .menu ul li a{padding: 13px 10px;}

    .menu { text-align:center}

    .main{ width:395px;}

    .lista1 li img, 

    .lista2 li img{ width:175px; height: 125px; }

    .lista1 li .info, 

    .lista2 li .info,

    .lista1 li .titulo, 

    .lista2 li .titulo{max-width: 165px;}

    .lista2 li .descri{ display:inline; font-size: 11px; overflow:hidden; height: 58px; text-align:justify; width:65% }



    .boxvideo .video iframe{ width:100%; height:300px;}

    .bannermenor img{ width:100%; height:auto;}



}

/** configurando para menor que 800 e smartphones */

@media only screen and (device-width: 768px) and (orientation: landscape),

only screen and ( max-width: 768px )

{



    .center{max-width:600px;}

    .logo { width:auto; float:none; display:block; text-align:center; }

    .logo img{ width:auto; height: 105px;}

    .busca{ padding:0; margin:10px 0 10px 10px;}

    .busca input[type=text]{width: 290px;}

  	.lateral{ padding-right:10px;}

    .lateral .blackbox{ display:block; margin-top:10px; width:auto; }

    .rss{ margin-top:18px;}

    .menu ul li a{padding: 13px 10px; font-size: 14px;}

    .main, .lateral{ width:auto; max-width:100%; display:block; float: none;}

    .lista1 li img, 

    .lista2 li img{ width:180px;}

    .lista1 li .info, 

    .lista2 li .info,

    .lista1 li .titulo, 

    .lista2 li .titulo{max-width: 165px;}

    .lateral{ padding-right:10px;}

    .lateral .blackbox{ display:block; margin-top:10px; width:auto; }

    .metade ul li{float:left; width:31%}



    footer .logofooter, footer .infofooter{ float:none; text-align:center; display:block; text-align:center;}



    .boxvideo .video iframe{height:380px;}



}

/** configurando para menor que 480 e smartphones */

@media only screen and (device-width: 480px) and (orientation: landscape),

only screen and ( max-width: 480px )

{



    .center{width:440px; margin:0 auto;}

    .busca input[type=text]{width: 130px;}

    .menu ul li a{padding: 5px 10px; font-size: 16px; color:#000}

    .lista1 li img, 

    .lista2 li img{ width:200px; height:140px; }

    .lista1 li .info, 

    .lista2 li .info,

    .lista1 li .titulo, 

    .lista2 li .titulo{max-width: 190px; width:190px;}

    .metade ul li{float:left; width:47%}

    .boxvideo .video iframe{height:300px;}

}	

/** 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 )

{



    .center{width:280px;}

    .logo img{ height: 80px}

    .busca input[type=text]{width: 180px;}

    .rss{ float:none; width: auto; display:block; padding: 0 15px }

    .lista1 li img, 

    .lista2 li img{ width:260px; height:180px; }

    .lista1 li .info, 

    .lista2 li .info,

    .lista1 li .titulo, 

    .lista2 li .titulo{max-width: 250px; width:250px;}

    .paginacao ul li:first-child, .paginacao ul li:last-child{ display: none; }

    .pub img{ width:100%; height:auto;}

    .metade ul li{float:none; width:auto}

    .boxvideo .video iframe{height:200px;}



    .lista1 li .titulo{height: 18px;}

}