@font-face {
	    font-family: Avenir Next LT Pro Demi;
	    font-style: normal;
	    font-weight: normal;
	    src: url("http://i0.statig.com.br/infograficos/2011/ultimosegundo/politica/entrevistas/generico/fonts/AvenirNextLTPro-Demi.otf");
}

@font-face {
	    font-family: Avenir Next LT Pro Bold;
	    font-style: normal;
	    font-weight: normal;
	    src: url("http://i0.statig.com.br/infograficos/2011/ultimosegundo/politica/entrevistas/generico/fonts/AvenirNextLTPro-Bold.otf");
}

@font-face {
	    font-family: Avenir Next LT Pro;
	    font-style: normal;
	    font-weight: normal;
	    src: url("http://i0.statig.com.br/infograficos/2011/ultimosegundo/politica/entrevistas/generico/fonts/AvenirNextLTPro-Regular.otf");
}


#entrevista {
    position : absolute;
    left : 0px;
    top : 0px;
    width : 988px;
    height : 618px;
    background : #1d1e20;
}

#header{
    width : 988px;
    height : 80px;
    background : #f8f7f8;
}

#header_title{
    color : #41424b;
    font-size : 23px;
    font-family : Avenir Next LT Pro Bold, Arial, Helvetica;
    margin-left : 10px;
    padding-top : 10px;
    width : 968px;
}

#header_subtitle{
    color : #7f8283;
    font-size : 13px;
    font-family : Avenir Next LT Pro, Arial, Helvetica;
    margin-left : 10px;
    width : 968px;
}

#home{
    position : absolute;
    width : 988px;
    height : 538px;
    background : #1d1e20;
}

#home_start_button{
    position : absolute;
    left : 10px;
    top : 20px;
    height : 60px;
    background : #2e3234;
    cursor : pointer;
}

#home_start_button img{
    margin : 20px 0 0 20px;
    float : left;
}

#home_start_button p{
    float : left;
    margin : 20px 0 0 10px;
    font-family : Avenir Next LT Pro Bold, Arial, Helvetica;
    color : #FFFFFF;
    padding-right : 20px;
}

/** internal */

#internal{
    position : absolute;
    width : 988px;
    height : 538px;
    background : #1d1e20;
}

#sidebar{
    width : 315px;
    height : 538px;
    float : left;
}

#internal_info{
    float : left;
    margin: 20px 0 0 10px;
    width : 270px;
    height : 55px;
}

#internal_info img{
    float : left;
}

#internal_info #name{
    padding : 0 0 0 0;
    margin : 0 0 0 10px;
    float : left;
    color : #ffffff;
    font-family : Avenir Next LT Pro Bold, Arial, Helvetica;
    color : #FFFFFF;
    width : 210px;
}

#internal_info #role{
    padding : 0 0 0 0;
    margin : 0 0 0 10px;
    float : left;
    font-family : Avenir Next LT Pro, Arial, Helvetica;
    font-size : 11px;
    color : #FFFFFF;
    width : 210px;
}

#list{
    float : left;
    list-style-type: none;
    padding: 0px;
    margin: 20px 0 0 10px;
}

.list_item{
    font-family : Avenir Next LT Pro Bold, Arial, Helvetica;
    font-size : 12px;
    width : 270px;
    color : #999999;
    background-image: url("http://i0.statig.com.br/infograficos/2011/ultimosegundo/politica/entrevistas/generico/imagens/seta.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-top : 5px;
    padding-left: 20px;
    padding-bottom : 5px;
    border-bottom-width: 1px;
    border-bottom-style : solid;
    border-bottom-color : #374144;
    cursor : pointer;
}

.list_item_selected{
    color : #f58b3d;
}

#video{
    float : left;
    width : 653px;
    height : 373px;
    background : red;
    margin-top : 20px;
    background : #000000;
    border: 5px solid #2e3235;
}

#video_title{
    width : 653px;
    float : left;
    padding-top: 10px;
    font-family : Avenir Next LT Pro Demi, Arial, Helvetica;
    font-size : 16px;
    color : #999999;
}

.video_description{
    padding-top : 10px;
    width : 653px;
    float : left;
    font-family : Avenir Next LT Pro, Arial, Helvetica;
    font-size : 12px;
    color : #999999;
}