@import "/css/reset.css";
@import "/css/top_v10.css";
@import "/css/footer_v10.css";
@import "thickbox.css";

/* ---------------------------------- =DEFAULTS --------------------------------- */
body {
	font-family:Arial;
	font-size:12px;
	color:#464646;
}
a {
	color:#464646;
	text-decoration:none;
	/*padding:2px 0;*/
}
a.sbttop {
	padding:0;
}

/* ---------------------------------- =CONTAINERS ------------------------------- */
#ContentMaster {
	width:960px;
	margin:0 auto;
	min-height:500px;
	clear:both;
	display:table;
    padding:10px 0;
}
#ContentMaster #BannersTopContent{
	float:left;
	width:960px;
	margin:0 0 10px 0;
}
#ContentMaster #BannersTopContent a.banner{
	float:left;
	width:465px;
	height:200px;
	background:#9933CC;
	margin:0 0 0 10px;
	text-indent:-9999px;
}
#ContentMaster #BannersTopContent a.banner01{
	background:url(/images/banners/bannerVotar-omaiorbrasileiro.jpg) no-repeat;
}
#ContentMaster #BannersTopContent a.banner02{
	background:url(/images/banners/bannerPreview-omaiorbrasileiro.jpg) no-repeat;
}
#ContentMaster #BannersTopContent a.banner03{
	width:940px;
	background:url(/images/banners/btn-votar-omaiorbrasileiro.png) no-repeat;
}
/* ---------------------------------- =PUBLICIDADE ------------------------------ */
.bannerLateral {
	width:300px;
	height:250px;
}
.publicidade {
	float:right;
	font-size:10px;
	color:#c5c5c5;
	margin:-11px 0 0 0;
	padding:0;
    text-transform:uppercase;
}

/* ---------------------------------- =HOME ------------------------------------- */
.mediabox {
    width:450px;
    height:250px;
}




















#loopedSlider {
	float:left;
	width:450px;
	height:250px;
	padding:0;
	margin:0;
}
#loopedSlider .containerMaster {
	float:left;
	width:450px;
	height:250px;
	padding:0;
	margin:0;
}
#loopedSlider .containerMaster .container {
	float:left;
	position:relative;
	width:450px;
	height:250px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#loopedSlider .containerMaster .container .slides {
	position: absolute;
	z-index:199;
}
#loopedSlider .containerMaster .container .slides div.item {
	width:450px;
	height:250px;
	display:none;
	z-index:299;
}
#loopedSlider .containerMaster .container .slides div.item img {
	width:450px;
	height:250px;
	z-index:300;
}

#loopedSlider .containerMaster .container .slides div.item .caixatexto {
	position:absolute;
	width:270px;
	min-height:50px;	
    margin:0;
	padding:10px;
	z-index:249;
	font-size:14px;
	background:url(/home/images/patternblack.png) repeat;
    color:#fff;
}
#loopedSlider .containerMaster .container .slides div.item .caixatexto.topleft {
    top:10px;
    left:40px;
}
#loopedSlider .containerMaster .container .slides div.item .caixatexto.topright {
    top:10px;
    right:10px;
}
#loopedSlider .containerMaster .container .slides div.item .caixatexto.bottomleft {
    bottom:10px;
    left:40px;
}
#loopedSlider .containerMaster .container .slides div.item .caixatexto.bottomright {
    bottom:10px;
    right:10px;
}
#loopedSlider .containerMaster .container .slides div.item .caixatexto h3 {
    float:left;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    margin:4px 0;
}
#loopedSlider .containerMaster .container .slides div.item .caixatexto h4 {
    float:left;
    width:100% !important;
    font-size:12px;
    font-weight:normal;
    color:#fff
}




#loopedSlider .containerMaster .container div.thumbPanel {
	float:left;
	position:absolute;
	width:20px;
	height:190px;
	top:0;
	left:0;
	padding:30px 10px;
	z-index:249;
}
#loopedSlider .containerMaster .container div.thumbPanel .pagination {
    position:relative;
	width:20px;
	height:190px;
}
#loopedSlider .containerMaster .container div.thumbPanel a {
    position:relative;
    float:left;
	width:20px;
	height:20px;
	margin:3px 0;
    padding:0;
    text-indent:-9999px;
    
    background-repeat:no-repeat;
    background-position:top center;
}

#loopedSlider .containerMaster .container div.thumbPanel a:hover, #loopedSlider .containerMaster .container div.thumbPanel a.active {
    background-position:bottom center;
}
#loopedSlider .containerMaster .container div.thumbPanel a.item1 {
    background-image:url(../images/mediabox-botao-sprite-1.png);
}
#loopedSlider .containerMaster .container div.thumbPanel a.item2 {
    background-image:url(../images/mediabox-botao-sprite-2.png);
}
#loopedSlider .containerMaster .container div.thumbPanel a.item3 {
    background-image:url(../images/mediabox-botao-sprite-3.png);
}
#loopedSlider .containerMaster .container div.thumbPanel a.item4 {
    background-image:url(../images/mediabox-botao-sprite-4.png);
}
#loopedSlider .containerMaster .container div.thumbPanel a.item5 {
    background-image:url(../images/mediabox-botao-sprite-5.png);
}
#loopedSlider .containerMaster .container div.thumbPanel a.item6 {
    background-image:url(../images/mediabox-botao-sprite-6.png);
}

#loopedSlider .containerMaster .container div.thumbPanel a .seta {
    position:absolute;
    display:none;
    width:12px;
    height:26px;
    top:-3px;
    right:-20px;
    background:url(../images/mediabox-seta-preview.png) no-repeat;
}
#loopedSlider .containerMaster .container div.thumbPanel a:hover .seta {
    display:block;
}

#loopedSlider .containerMaster .container div.thumbPanel a:hover + div.caixaConteudo {
    display:block;
}

#loopedSlider .containerMaster .container div.thumbPanel div.caixaConteudo {
    position:absolute;
    width:144px;
    height:170px;
    top:0;
    left:40px;
    display:none;
    background:url(../images/mediabox-background-preview.gif) no-repeat;
    color:#fff;
    padding:8px;
}
#loopedSlider .containerMaster .container div.thumbPanel div.caixaConteudo img.thumb {
    float:left;
    margin:0;
    padding:0;
    width:140px;
    height:79px;
    border:solid 2px #d65d0a;
}
#loopedSlider .containerMaster .container div.thumbPanel div.caixaConteudo h3 {
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    margin:4px 0;
    text-transform:uppercase;
}
#loopedSlider .containerMaster .container div.thumbPanel div.caixaConteudo h4 {
    float:left;
    width:100%;
    font-size:11x;
    font-weight:normal;
    color:#fff
}

.playerVideo {
    float:left;
    width:444px;
    height:250px;
    z-index:0;
    padding:0 3px;
    background-color:#000;
}


/* -------------------------- INTERATIVIDADE --------------------------  */
.tplInteratividade {
	float:left;
	width:938px;	
	margin:15px 0px 0px 10px !important;
}
#containerInteratividade{
	float:left;
	width:936px;
	border:1px solid #E4E4E4;
	height:510px;
	display:none;
	font-family:Arial, sans-serif;
	font-size:12px;	
}
#containerInteratividade .Facebook{	
	float:left;
	height:510px;
	width:296px;
	border:1px solid #E4E4E4;
}
#containerInteratividade .Twitter{
	float:left;	
	width:290px;
	height:284px;	
	font-family:Arial, sans-serif;
	font-size:11px;
	border:1px solid #E4E4E4;
}
#containerInteratividade .ComponentesTwitter{	
    position:relative;
	width:282px;
	height:44px;	
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#464646;
	margin:5px 0px 0px 5px;
    *height:48px !important;
	*margin:2px 0px 0px 0px !important;
}
#containerInteratividade a.Siga{
	position:absolute;
	top:5px;
	right:0;
	float:left;
	background:url(../images/bot-siga-twitter.gif) no-repeat;
	text-indent:-9999px;
	width:63px;
	height:27px;
}
#containerInteratividade .HDTV{
	float:left;
	/*background-color:#F90;*/
	font-family:Arial, sans-serif;
	font-size:10px;		
	color:#464646;	
	width:332px;
	height:99px;	
}
#containerInteratividade .HDTV_textos{
	float:left;	
	margin:10px 5px 0px 10px;
}
#containerInteratividade .Blog{
	float:left;
	/*background-color:#060;*/
	width:322px;
	height:158px;
	margin:29px 10px 0px 10px;
}
#containerInteratividade .TituloBlog{
	float:left;
	width:347px;
	height:29px;
	margin:-28px 0px 0px -10px;
}
#containerInteratividade .VerTodosBlog{
	float:left;		
	width:85px;
	height:11px;
	margin:0px 0px 0px 230px;
	*margin:0px 0px 0px 233px !important;
}
#containerInteratividade .ContainerBlogs{
	width:322px;
	height:25px;	
	margin:2px 0px 0px 2px;
}
#containerInteratividade .LinkBlog{	
	font-family:Arial, sans-serif;
	font-size: 12px;
	color:#464646;
	text-decoration: none;
}
#containerInteratividade .a.LinkBlog:hover {
	text-decoration:underline;
}
#containerInteratividade .seguidoresGoogle{
	float:left;
	/*width:292px;*/
	width:290px;
	height:224px;	
	margin:0px !important;	
	position:relative;
	border:1px solid #E4E4E4;    
    *height:223px !important;
}
#containerInteratividade .GoogleIframe{
	float:left;
	margin:0px 7px 0px 7px;
	width:280px;	
	height:170px;		
}
#containerInteratividade .ComponenteGoogle{
	position:absolute;
	float:left;		
	/*width:292px;*/
	width:282px;
	height:30px;	
	margin:0px 0px 0px 0px !important;
}
#containerInteratividade .Mobile{
	float:left;	
	/*background-color:#FF0;*/
	width:170px;
	height:224px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#707070;
	border:1px solid #E4E4E4;
}
#containerInteratividade .TextoMobile{
	font-family:Arial, sans-serif;
	font-size:9px;	
	color:#464646;
	margin:0px 10px 0px 10px;	
}
#containerInteratividade .BBTV{
	float:left;
	/*background-color:#036;*/
	width:172px;
	height:224px;
	font-family:Arial, sans-serif;
	font-size:11px;	
	color:#464646;	
	border:1px solid #E4E4E4;
}
#containerInteratividade .BBTV_conteudo{
	float:left;
	width:150px;
	height:222px;
	margin:0px 10px 0px 10px;
}


#containerInteratividade .BBTV_Texto{
	float:left;
	font-family:Arial, sans-serif;
	font-size:11px;	
	color:#464646;
	margin:15px 10px 0px 10px;
	text-align: center;
}
#IframaTwitter_Seguir{
	float:left;
	margin:-42px 0 0 214px;
}
#containerInteratividade a.ComponentesTwitter_Acesse_Site{
	float:left;
	background:url(../images/btn-acesse.png) no-repeat;
	text-indent:-9999px;
	width:63px;
	height:20px;
	margin:-18px 0 0 214px;
}
/* -------------------------- INTERATIVIDADE --------------------------  */
.videos {
    width:940px;
    height:190px;
}