@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------
	main.css
	Media: screen
	Version: 1.1	
	Author: Carlos Lühmann
	Client: PODIU[1]
	Year: 2014
--------------------------------------------------------*/


/* Classes gerais
-----------------------------------------------------------------------------*/
@font-face{font-family:'Heroregular';src:url('hero-webfont.eot');src:url('hero-webfont.eot?#iefix') format('embedded-opentype'),
url('hero-webfont.woff') format('woff'),
url('hero-webfont.ttf') format('truetype'),
url('hero-webfont.svg#HeroRegular') format('svg');font-weight:normal;font-style:normal}



html {
	font-size: 100%;
}

body {
	font: 62.5%/1.4 heroregular, Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #000;
	background: #fff;
}


/* Type
-----------------------------------------------------------------------------*/

ul { list-style: none; list-style-position: outside; }
a { text-decoration: none; color: #595959; font-weight: none;}
p { font-size: 1.2em; color: #676767; line-height: 1.4em;}

/* Estilo TAB
-----------------------------------------------------------------------------*/
/*NAV*/
.multimediaTabs li a { font-size: 12px; line-height: 2.31em; padding: 0; font-weight: none; color: #000; }
/*DATA / NOME*/
.multimediaPanes div p span { font-size: 9px; color:#FFF;}

/* Botão Play
-----------------------------------------------------------------------------*/

.play { position: relative; display: block; }
.playBtn { position: absolute; top: 50%; left: 50%; display: block; text-indent: -9999px; }
.playBtn.big { background: transparent url(../imagens/geral/playBtn_test.png) no-repeat left top; margin: -25px 0 0 -25px; width: 50px; height: 50px;}
.play:hover .playBtn.big { background: transparent url(../imagens/geral/playBtn_test.png) no-repeat -50px top; margin: -25px 0 0 -25px; }
.playBtn.small { background: transparent url(../imagens/geral/playBtn_test.png) no-repeat left bottom; margin: -15px 0 0 -15px; width: 30px; height: 30px;}
.play:hover .playBtn.small { background: transparent url(../imagens/geral/playBtn_test.png) no-repeat -70px bottom; margin: -15px 0 0 -15px; }

.playBtnTwo { position: absolute; top: 25px; left: 35px; display: block; text-indent: -9999px; }
.playBtnTwo.small { background: transparent url(../imagens/geral/playBtnTwo.png) no-repeat -50px bottom; margin: -10px 0 0 -10px; width: 20px; height: 20px;}
.play:hover .playBtnTwo.small { background: transparent url(../imagens/geral/playBtnTwo.png) no-repeat -30px bottom; margin: -10px 0 0 -10px; }
.playBtnTwo.big {left:7%; top:84%; background: transparent url(../imagens/geral/playBtn_test.png) no-repeat left bottom; margin: -15px 0 0 -15px; width: 30px; height: 30px;}
.play:hover .playBtnTwo.big { left:7%; top:84%; background: transparent url(../imagens/geral/playBtn_test.png) no-repeat -70px bottom; margin: -15px 0 0 -15px; }



/* Estilo Geral Multimedia Widget
-----------------------------------------------------------------------------*/
.multimediaSlideContainer { background: transparent url(../_conteudos/homepage/MultimediaWidget/bg_widget.png); height: 374px; margin-top: 0px; width: 250px;}
.multimediaSlide { height: 364px; margin-top: 0px; width: 250px;}
	.multimediaTabs { height: 29px; padding-top:10px;}
		.multimediaTabs li { float: left; width:84px; }
		.multimediaTabs li a { display: block; padding: 0 21px; }
		.multimediaTabs li a:hover, .multimediaTabs li a.current {  background-color: #0dbea1; }
		.multimediaTabs .socialIcons { width: 22px; height: 16px; float: right; padding: 0px 13px 0px 0px; }
		.multimediaTabs .socialIcons a { width: 22px; height: 16px; float: left; padding: 6px 4px 6px 8px; border-right: none; }
		
		.multimediaTabsN li{float: right; margin-top:10px;}
		.multimediaTabsN li a:hover, .multimediaTabsN li a.current { width: 22px; height: 16px; float: right; padding: 6px 2px 0px 0px;}
		.multimediaTabsN .socialIcons { width: 22px; height: 16px; float: right; padding: 0px 2px 0px 0px; }
		.multimediaTabsN .socialIcons a { width: 22px; height: 16px; float: right; padding: 6px 2px 6px 8px; border-right: none; }
		
			
.multimediaPanes div > img { display: block; width: 360px; height: 200px; float: left; padding-bottom: 12px; }
.multimediaPanes div p { padding: 5px 10px; font-size:10px; color: #0dbea1; }

.multimediaPanes div ul.thumb { padding: 0 8px 0 12px; }
.multimediaPanes div ul.thumb li { float: left; margin-right: 5px; }

	
/* Scrollable thumbs media widget */


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 200px;
	height:67px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:327px;
	padding: 0 0 0 15px;
	
}

/* single scrollable item */
.scrollable img {
	float:left;
	width:70px;
	height:50px;
	margin-right: 5px
	

}

/* single scrollable item */
.scrollable img.vi {
	float:left;
	width:70px;
	height:67px;
	margin-right: 5px
	

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
 	height: 18px;
    margin-top: 25px;
    width: 18px;
    cursor: pointer;
	
}
/* right */
a.right 				{ background: url("../imagens/geral/sprites_b.png") no-repeat -37px top transparent ; clear:right; margin-right: 7px; float :right; margin-top: -50px;}
a.right:hover 		{  background: url("../imagens/geral/sprites_b.png") no-repeat -37px -18px transparent ; }
a.right:active 	{  background: url("../imagens/geral/sprites_b.png") no-repeat -37px -18px transparent ; } 


/* left */
a.left 				{ background: url("../imagens/geral/sprites_b.png") no-repeat -72px top transparent ; clear:right; margin-left: 9px; float :left; margin-top: 16px;}
a.left:hover 		{  background: url("../imagens/geral/sprites_b.png") no-repeat -72px -18px transparent ; }
a.left:active 	{  background: url("../imagens/geral/sprites_b.png") no-repeat -72px -18px transparent ; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}