/*############################################# SECTION #############################################*/

section{
	width: 1275px;
}

section .container,
section .container .box
section .container .mother-box,
section .container .mother-box .box{
	width: auto;
	height: auto;
	overflow: hidden;
}

section .container{
	margin: auto;
	padding: 30px 15px 0 15px;
	width: 1215px;
	background: #fff;
}

section .container .box{
	padding: 10px;
	border: 1px solid #eee; /*F4F4F4*/
	border-top: 3px solid #ec1d23;
}

/*************/

section .container .banner-rotator{
	width: 434px;
	height: 328px;
	position: relative;
	float: left;
}

section .container .banner-rotator .nav-banner,
section .container .banner-rotator .content-banner{
	width: auto;
	height: auto;
	overflow: hidden;
}

section .container .banner-rotator .nav-banner{
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 999;
}

section .container .banner-rotator .nav-banner a{
	margin: 0 2px;
	padding-top: 1px;
	display: block;
	width: 18px;
	height: 17px;
	overflow: hidden;
	background: url(/images/global/bg-a-rotator.png) top center no-repeat;
	float: left;

	color: #666;
	text-align: center;
}

section .container .banner-rotator .nav-banner a:hover, section .container .banner-rotator .nav-banner .activeSlide{
	background: url(/images/global/bg-a-rotator.png) bottom center no-repeat;
	color: #fff;
}

section .container .banner-rotator .content-banner{
	position: relative;
	height: 328px;
}

section .container .banner-rotator .content-banner ul,
section .container .banner-rotator .content-banner ul li{
	display: block;
	width: auto;
	height: 328px;
	overflow: hidden;
}

section .container .banner-rotator .content-banner p{
	display: block;
	padding: 10px;
	width: 414px;
	height: auto;
	overflow: hidden;
	background: url(/images/home/bg-description-banner.png) center repeat;
	position: absolute;
	left: 0;
	bottom: 0;

	font-size: 14px;
	color: #fff;
}

/**************/
/* definições de tamanho */
section .container .box-noticias-principal,
section .container .box-video,
section .container .box-list-cycle,
section .container .banner-box,
section .container .box-flippingBook,
section .container .box-revistas,
section .container .box-livraria,
section .container .box-relacionamento,
section .container .box-estatico{
	width: auto;
	height: auto;
	overflow: hidden;
	float: left;
}

section .container .box-noticias-principal{
	margin: 0 19px 0 20px;
	width: 335px;
}

section .container .box-video{
	width: 407px;
	text-align: center;
}

section .container .box-list-cycle{
	margin-right: 20px;
	width: 277px;
}

section .container .box-list-cycle.box-list-cycle-clippingCT{
	background: transparent;
}

section .container .box-list-cycle .box{
	height: 219px;
}

section .container .banner-box{
	width: 300px;
	height: 250px;
	background:url(/images/home/banner-300x250.jpg) 0 0 no-repeat;
	float: left;
}

section .container .box-flippingBook{
	width: 310px;
}

section .container .box-flippingBook iframe{
	height:200px;
	margin-top:25px;
}

section .container .box-flippingBook img{
	display: block;
	max-width: 100%;
}

section .container .box-revistas{
	margin: 0 20px;
	width: 507px;
	height: 225px;
	position: relative;
}

section .container .box-livraria{
	padding-bottom: 0;
	width: 312px;
	height: 235px;
}

section .container .box-relacionamento{
	margin-right: 20px;
	width: 780px;
	background: url(/images/home/bg-box-relacionamento.png) center no-repeat;
}

section .container .box-estatico{
	width: 393px;
}

/** formatações gerais */

section .container .box-noticias-principal .list-news-main,
section .container .box-noticias-principal .list-news-main li{
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}

section .container .box-noticias-principal .list-news-main{
	height: 297px;
}

section .container .box-noticias-principal .list-news-main li{
	padding: 10px 0 5px 15px;
	background: url(/images/global/bullet.png) center left no-repeat;
	border-top: 1px dotted #eee;
}

/* HACK FOR IE */
:root section .container .box-noticias-principal .list-news-main li{
	padding: 8px 0 8px 15px \9;
}

section .container .box-noticias-principal .list-news-main li a{
	display: inline-block;
	width: auto;
	max-height: 43px;
	overflow: hidden;
	color: #333
}

section .container .box-noticias-principal .list-news-main li a:hover{
	text-decoration: underline;
}

section .container .box-noticias-principal .list-news-main .feature{
	padding: 0 0 10px 15px;
	background-position: left 12px;
	border: none;
}

section .container .box-noticias-principal .list-news-main .feature a{
	height: auto;
	max-height: 500px;
	overflow: hidden;
}

section .container .box-noticias-principal .list-news-main .feature .size-1{
	font-size: 20px;
}

section .container .box-noticias-principal .list-news-main .feature .size-2{
	font-size: 16px;
	font-weight: bold;
}

section .container .box-noticias-principal .list-news-main .feature .size-3{
	font-size: 13px;
	font-weight: bold;
}

section .container .box-video p{
	margin: 4px 0 3px 0;
	display: block;
	width: auto;
	height: 35px;
	overflow: hidden
}

section .container .box-list-cycle .list li .list-box .content-clipping-ct{
	display: block;
	width: auto;
	height: 50px;
	overflow: hidden;
}

section .container .box-list-cycle .list-clipping-ct li .border-division{
	height: 25px;
}

.box-revistas .arrow{
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 130px;
}

.box-revistas .left{
	background: url(/images/global/sprite.png) -310px -82px no-repeat;
	left: 10px;
}

.box-revistas .right{
	background: url(/images/global/sprite.png) -342px -82px no-repeat;
	right: 10px;
}

.box-revistas ul{
	display: block;
	width: 400px;
}

.roundabout-holder{
	list-style: none;
	width: 50em;
	height: 10em;
	margin: 40px auto;
}

.roundabout-moveable-item{
	height: 10em;
	width: 15em;
	cursor: pointer;
}

.roundabout-moveable-item img{
	width: 100%;
}

.roundabout-in-focus{
	cursor: auto;
}

#filler{
	text-align: center;
	height: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}

#carousel-magazine li{
	width:87px;
	height:123px;
	background-image:url(/images/home/revistas/pt/mini.jpg);
	background-repeat:no-repeat;
	background-color:#f0f0f0;
}

#carousel-magazine li div{
	display:none;
}

#carousel-magazine li.roundabout-in-focus .capa{
	display: block;
}

#carousel-magazine li .capa a{
	float:left;
	width:129px;
	height:174px;
	background-image:url(/images/home/revistas/pt/full.jpg);
	background-repeat:no-repeat;
	background-color:#f0f0f0;
}

#carousel-magazine li .text{
	float:left;
	width:209px;
	height:174px;
	background:none;
	background-color:#f0f0f0;
}

#carousel-magazine li.slide1{
	background-position:0px 0px;
}

#carousel-magazine li.slide1 .capa a{
	background-position: 0px 0px;
}

#carousel-magazine li.slide2{
	background-position:-87px 0px;
}

#carousel-magazine li.slide2 .capa a{
	background-position:-129px 0px;
}

#carousel-magazine li.slide3{
	background-position:-174px 0px;
}

#carousel-magazine li.slide3 .capa a{
	background-position:-258px 0px;
}

#carousel-magazine li.slide4{
	background-position:-261px 0px;
}

#carousel-magazine li.slide4 .capa a{
	background-position:-387px 0px;
}

#carousel-magazine li.slide5{
	background-position:-348px 0px;
}

#carousel-magazine li.slide5 .capa a{
	background-position:-516px 0px;
}

#carousel-magazine li .text p{
	margin: 10px 0 0 10px;
	display: block;
	width: 95%;
	height: auto;
	overflow: hidden;

	font-size: 11px;
}

#carousel-magazine li .text p a{
	color:#000;
}

#carousel-magazine li .text .content{
	height: 130px;
	overflow: auto;
}

#carousel-magazine li .text .content a{
	font-size:11px;
}














section .container .box-livraria ul,
section .container .box-livraria ul li{
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}

section .container .box-livraria ul{
	margin: auto;
	width: 265px;
}

section .container .box-livraria ul li{
	margin-bottom: 15px;
	background: url(/images/home/bg-box-livraria.png) right top no-repeat;
	position: relative;
}

section .container .box-livraria ul li .flag-lancamento,
section .container .box-livraria ul li .flag-promocao{
	display: block;
	width: 59px;
	height: 59px;
	position: absolute;
	top: 0;
	right: 0;
}

section .container .box-livraria ul li .flag-lancamento{
	background: url(/images/global/sprite.png) 0 -273px no-repeat;
}

section .container .box-livraria ul li .flag-promocao{
	background: url(/images/global/sprite.png) -70px -273px no-repeat;
}

section .container .box-livraria ul li img{
	margin-right: 10px;
	display: block;
	width: 44px;
	height: 64px;
	float: left;
}

section .container .box-livraria ul li .titleBook,
section .container .box-livraria ul li .titleBook strong{
	font-size: 11px;
}

section .container .box-livraria ul li .titleBook{
	display: block;
	width: 150px;
	float: left;

	color: #000;
}

section .container .box-livraria ul li .titleBook strong{
	display: block;
}

section .container .box-livraria ul li .btnBuy{
	margin-top: 5px;
	margin-right: 122px;
	padding: 4px 0 0 10px;
	display: block;
	width: 79px;
	height: 18px;
	background:url(/images/global/sprite.png) -270px -114px no-repeat;
	float: right;

	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

section .container .box-relacionamento .caixa{
	margin: 0 15px;
	width: 230px;
	height: auto;
	overflow: hidden;
	position: relative;
	float: left;
}

section .container .box-relacionamento .caixa h4{
	padding: 5px;
	display: block;
	width: auto;
	max-width: 190px;
	height: auto;
	overflow: hidden;
	background: #F00;
	position: absolute;
	top: 10px;
	left: 0;

	font-size: 15px;
	color: #fff;
	font-weight: normal;
}

section .container .box-relacionamento .caixa img,
section .container .box-relacionamento .caixa ul{
	margin-left: 18px;
}

section .container .box-relacionamento .caixa img{
	margin-bottom: 15px;
}

section .container .box-relacionamento .caixa ul,
section .container .box-relacionamento .caixa ul li{
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}

section .container .box-relacionamento .caixa ul li{
	padding-left: 15px;
	background: url(/images/global/bullet.png) center left no-repeat;

	line-height: 20px;
}

section .container .box-relacionamento .caixa ul li a{
	margin: 0;
}

section .container .box-relacionamento .caixa a{
	margin-left: 20px;
	display: block;
	color: #000;
}

section .container .box-estatico{
	background: #C3C;
}

section .container .box-estatico ul,
section .container .box-estatico ul li{
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}

section .container .box-estatico ul li{
	padding: 10px;
	background: #eee;
	position: relative;
}

section .container .box-estatico ul .space{
	padding: 0;
	height: 16px;
	background: #FFF;
}

section .container .box-estatico ul li img{
	margin-right: 15px;
	display: block;
	width: 137px;
	height: 80px;
	float: left;
}

section .container .box-estatico ul li h4{
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #999;
	float: left;

	color: #fff;
	font-weight: normal;
}

section .container .box-estatico ul li p{
	display: block;
	width: 220px;
	height: auto;
	overflow: hidden;
	float: left;
}

section .container .box-estatico ul li .ico-mais{
	position: absolute;
	bottom: 2px;
	right: 2px;
}

/******************************************************************************/

.container-eventos{
	width: 760px;
	float: right;
}

.container-eventos .box{
	margin-left: 20px;
	width: 218px;
	float: left;
}

.container-eventos .box:first-child{
	margin-left: 0;
}

.container-eventos-label{
	margin: 20px 0;
	display: block;
	height: 174px;

	color: #444;
	line-height: 19px;
}

.container-eventos-link{
	padding: 2px 10px;
	display: inline-block;
	border-radius: 3px;
	background: red;

	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

/******************************************/

/**/

#popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    cursor:default;
    background: rgba( 0 , 0 , 0 , .7 );
}

#popup area
{
	cursor:pointer;
}

#popup .box{
    margin: auto;
    margin-top: 1%;
    display: block;
    width: 550px;
    position: relative;
    z-index: 999999;
}

#popup .box img{
	max-height: 90%;
}

#close{
    width: 70px;
    overflow: hidden;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background: #f58220;
    background: -moz-linear-gradient(top,  #f58220 0%, #ed1d24 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f58220), color-stop(100%,#ed1d24));
    background: -webkit-linear-gradient(top,  #f58220 0%,#ed1d24 100%);
    background: -o-linear-gradient(top,  #f58220 0%,#ed1d24 100%);
    background: -ms-linear-gradient(top,  #f58220 0%,#ed1d24 100%);
    background: linear-gradient(to bottom,  #f58220 0%,#ed1d24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58220', endColorstr='#ed1d24',GradientType=0 );

}