/* Style para a página Cenários */
.wrap-video-cenarios{
   	clear: both;
	/*width: 1135px!important;*/
    height: 440px!important;
    position: relative;
    margin: 0 auto;
}

.subtitle-cen-2{
    display: none;
}
.dec{
        text-decoration: none!important;
        color: #008542!important;
    }
.box-cenario{
    padding:20px 12px 180px!important;
}

.content-size{
    max-width: 70%;
    margin: 0 auto;
}

.content-principal{
    max-width: 84%;
    margin: 0 auto;
}

.content-list{
    max-width: 64%;
    margin: 0 auto;
}

#page-tecnologia{
    margin-bottom: 115px;
}

#page-tecnologia .text-content p {
    font: 16px "petrobras_sansregular";
    line-height: 1.6;
    margin-bottom: 24px;
    color: rgb(56, 56, 56);
}

#page-full .title{
    width: 565px;/*570px;*/
    margin: 0 auto;
}

#page-full .sub-title{
    font-family: petrobras_sansbold;
}

.subtitle-cen{
	color:#008542;
	font-size: 33px;
	text-align: center;
    font-family: "petrobras_sansxbold";
    margin-top: 50px;
}


.sub-cen{
    margin: 38px 115px 24px!important;
}

.destaque{
    color: #008542!important;
}

.destaque:hover{
	text-decoration: underline; 
}

.toggle{
    width: 1142px!important; 
    height: 445px!important;
    background: url('http://novosited.petrobras.com.br/sitepetrobras/imgs/bg/play-bg-01.png') no-repeat center;
    background-color: transparent;
    position: absolute;
    top: -30px;
    left: -175px;
    -webkit-transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    transition: background-size 0.2s ease-in;
    cursor: pointer;
    color: transparent;
}

#frame-video{
    position: absolute;
    top: 0px;
    z-index: -999;
}

.toggle:hover{
    background-size: 150px 150px;
}

.list-type-cen {
    display: table;
    width: 285px;
    float: left;
	list-style:none;
}

 .list-type-cen {
    display: table;
    width: 340px;
    float: left;
 }

.list-type-cen {
    line-height: 120%;
    font: 13px "trebuchet MS";
    color: #858585;
    margin: 0 0 0 18px;
    padding: 0;
    display: table;
    width: 258px;/*285px;*/
    float: left;
 }

.bullet-cen{
	color:#008542!important;
	font-size: 20px!important;
    	margin-right: 7px;
}

 .list-type-cen li {
	margin-bottom: 18px;
	color: rgb(56, 56, 56);
    font-size: 16px;
 }


.info{
    background: url('http://novosited.petrobras.com.br/sitepetrobras/imgs/cenarios/info-desk-pt.png') no-repeat top;
    width: 1170px;
    height: 1223px;
    margin: 0 auto;
}

.info-en{
	background: url('http://novosited.petrobras.com.br/sitepetrobras/imgs/cenarios/info-desk-en.png') no-repeat top;
    width: 1170px;
    height: 1200px;
    margin: 0 auto;
}


@media only screen and (max-width: 640px){
	.list-type-cen {
    	width: auto;
    	float: none;
		margin: 0px 0 0 2px;
	}

    .video-frame{
    	width: 37%;
        display: none;
    }

    .toggle{
        width: 334px!important;
        height: 168px!important;
        z-index: 3;
        display: none;
    }
    #frame-video {
        width: 400px!important;
        height: 183px!important;
        z-index: 1;
    }
	.box-highlight{
		padding: 21px 11px 14px!important;
	}

	.wrapper-cenario{
		width: 100%!important;
	}

    .wrap-video-cenarios{
        height: 185px!important;
    }

	.subtitle-cen{
		font-size: 22px;
    	text-align: left;
        margin-left: 27px;
        display: block;
	}
    .subtitle-cen-2{
        display: block;
        font-family: "petrobras_sansxbold";
        margin-top: 50px;
        color: #008542;
    }

    .dec{
        text-decoration: none!important;
        color: #008542!important;
    }
    
    .sub-cen{
        margin: 37px 15px 24px!important;
    }
	.content-size{
		max-width: 100%;
	}
    .content-list {
        max-width: 90%;
    }

    #page-full .title{
        margin-left: 35px;
    }

    .title-list{
        margin-left: 10px;
    }

    .info{
	    background: url('http://novosited.petrobras.com.br/sitepetrobras/imgs/cenarios/info-mob-pt.png') no-repeat top;
	    width: 320px;
	    height: 2670px;
	    margin: 0 auto;
    }
	
	.info-en{
	    background: url('http://novosited.petrobras.com.br/sitepetrobras/imgs/cenarios/info-mob-en.png') no-repeat top;
	    width: 320px;
	    height: 2710px;
	    margin: 0 auto;
    }
    
    /*.wrapper{
        width:100%;
    }*/
}


@media only screen and (max-width: 320px){
    .toggle{
        left: 0;
    }
}