/* internas.css */

.barra_titulo{
    height: 39px;
    width: 672px;
    background: url(../images/commons/barra_titulo.png) repeat-x;
    margin-left: 43px;
    margin-top: 12px;
}

.barra_titulo .barra_esq{
    float: left;
    display: inline;
    width: 54px;
    height: 39px;
    background: url(../images/commons/barra_esq.jpg) no-repeat;
}

.barra_titulo .barra_conteudo{
    float: left;
    display: inline;
    width: 564px;
    height: 39px;
    background: url(../images/commons/barra_titulo.png) repeat-x;
    color: #faa91a;
    font-size: 18px;
    font-weight: bold;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.barra_titulo .barra_conteudo p{
    margin-top: 5px;
    margin-left: -35px;
    z-index: 100;
    position: absolute;
}

.barra_titulo .barra_dir{
    float: left;
    display: inline;
    width: 54px;
    height: 39px;
    background: url(../images/commons/barra_dir.jpg) no-repeat;
}

.bt_amarelo{
    float: left;
    display: inline;
    width: 358px;
    height: 50px;
}

.bt_amarelo .bt_esq{
    float: left;
    display: inline;
    width: 10px;
    height: 50px;
    background: url(../images/commons/bt_esq.png) no-repeat;
}

.bt_amarelo .bt_conteudo{
    float: left;
    display: inline;
    width: 323px;
    height: 35px;
    background: url(../images/commons/bt_meio.png) repeat-x;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-left: 12px;
    padding-top: 15px;
}

.bt_amarelo .bt_conteudo p{
    float: left;
    display: inline;
}

.bt_amarelo .bt_conteudo .flecha_bt{
    float: right;
    display: inline;
    margin-top: -3px;
    margin-right: 8px;
}

.bt_amarelo .bt_dir{
    float: left;
    display: inline;
    width: 10px;
    height: 50px;
    background: url(../images/commons/bt_dir.png) no-repeat;
}

.sub_menu{
    width: 664px;
    height: 12px;
    margin-left: 64px;
    margin-top: 14px;
}

.sub_menu li{
    float: left;
    display: inline;
    color: #666666;
    margin-right: 13px;
}

#percurso_detalhe{
    width: 678px;
    min-height: 102px;
    margin-left: 48px;
    margin-top: 19px;
}

#comentario_percurso{
    width: 678px;
    margin-left: 35px;
    margin-top: 26px;
    font-size: 13px;
}

#percurso_detalhe #patrocinio_foto{
    float: left;
    display: inline;
    width: 197px;
    height: 102px;
}

#percurso_detalhe #percurso_texto{
    float: left;
    display: inline;
    width: 463px;
    margin-left: 18px;
    color: #7f7f7f;
    padding-top: 13px;
}

#km_patrocinados{
    width: 668px;
    min-height: 132px;
    margin-left: 53px;
    margin-top: 63px;
}

#km_patrocinados #viagem_ida{
    float: left;
    display: inline;
    width: 244px;
    height: 66px;
    margin-left: 81px;
    text-align: center;
    color: #f69f1c;
    font-size: 15px;
    font-weight: bold;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#km_patrocinados #viagem_ida #km_ida{
    width: 244px;
    height: 35px;
    background: url(../images/commons/sprite_km.png) no-repeat 50% 100%;
    margin-top: 4px;
    text-align: center;
    font-size: 14px;
    padding-top: 7px;
    color: #fff;
}

.cinza{
    color: #606060;
}

#km_patrocinados #viagem_volta{
    float: left;
    display: inline;
    width: 244px;
    height: 66px;
    text-align: center;
    margin-left: 9px;
    font-size: 15px;
    font-weight: bold;
    color: #4c4c4c;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#km_patrocinados #viagem_volta #km_volta{
    width: 244px;
    height: 35px;
    background: url(../images/commons/sprite_km.png) no-repeat 50% 0%;
    text-align: center;
    padding-top: 7px;
    margin-top: 4px;
    font-size: 14px;
    color: #333333;
}

#km_patrocinados #barra_km{
    width: 668px;
    min-height: 42px;
    margin-top: 24px;
}

#km_patrocinados #barra_km #barra_km_esq{
    float: left;
    display: inline;
    width: 39px;
    height: 42px;
}

#km_patrocinados #barra_km #container{
    float: left;
    display: inline;
    width: 587px;
    height: 42px;
}

#km_patrocinados #barra_km #barra_km_conteudo{
    /*
	float: left;
	display: inline;
	width: 587px;
	height: 42px;
	*/

    height:42px;
    position:absolute;
    width:587px;
    display: block;
    float: left;
    overflow: hidden;
}

#km_patrocinados #barra_km #barra_km_conteudo ul{

    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    white-space:nowrap;
    padding-left:3px;
}

#km_patrocinados #barra_km #barra_km_conteudo li{
    display: inline;
    color: #666666;
    font-size: 10px;
    text-align: center;
    height: 42px;
    margin-left: -3px;
}

/*
#km_patrocinados #barra_km #barra_km_conteudo .barra_laranja{
	background: url(../images/commons/barra_km_amarelo.gif) repeat-x;
}

#km_patrocinados #barra_km #barra_km_conteudo .bola_laranja{
	width: 12px;
	background: url(../images/commons/bola_laranja.gif) no-repeat;
}

#km_patrocinados #barra_km #barra_km_conteudo .bola_laranja:hover{
	background: url(../images/commons/bola_laranja.gif) no-repeat 100% 100%;
}

#km_patrocinados #barra_km #barra_km_conteudo .bola_cinza{
	width: 12px;
	background: url(../images/commons/bola_cinza.gif) no-repeat;
}

#km_patrocinados #barra_km #barra_km_conteudo .barra_cinza{
	background: url(../images/commons/barra_cinza.gif) repeat-x;
}

*/

#km_patrocinados #barra_km #barra_km_dir{
    float: left;
    display: inline;
    width: 39px;
    height: 42px;
}

#mapa_trajeto{
    float: left;
    display: inline;
    width: 331px;
    height: 328px;
    margin-left: 22px;
    margin-top: 40px;
}

#mapa_trajeto #trajeto_topo{
    float: left;
    display: inline;
    width: 302px;
    height: 24px;
    background: url(../images/home/topo_box.png) no-repeat;
    padding-left: 16px;
    padding-right: 13px;
    padding-top: 7px;
}

#mapa_trajeto #trajeto_topo p{
    display: inline;
    float: left;
}

#mapa_trajeto #trajeto_conteudo{
    float: left;
    display: inline;
    border-left: 5px solid #262626;
    border-right: 5px solid #262626;
    border-bottom: 5px solid #262626;
    width: 317px;
    height: 288px;
    padding: 2px;
}

#videos_viagem{
    float: left;
    display: inline;
    width: 331px;
    height: 328px;
    margin-left: 19px;
    margin-top: 40px;
}

#videos_viagem #videos_topo{
    float: left;
    display: inline;
    width: 302px;
    height: 24px;
    background: url(../images/home/topo_box.png) no-repeat;
    padding-left: 16px;
    padding-right: 13px;
    padding-top: 7px;
    font-size: 14px;
}

#videos_viagem #videos_conteudo{
    width: 303px;
    height: 251px;
    border-left: 5px solid #262626;
    border-right: 5px solid #262626;
    float: left;
    display: inline;
    padding: 9px;
}

#videos_viagem #videos_rodape{
    float: left;
    display: inline;
    width: 331px;
    height: 28px;
    background: url(../images/home/videos_rodape.gif) repeat-x;
}

#videos_viagem #videos_rodape li{
    float: left;
    display: inline;
    list-style: none;
    margin-top: 7px;
}

#comentarios{
    width: 693px;
    min-height: 320px;
    margin-top: 35px;
    margin-left: 27px;
}

#comentarios #comentarios_form{
    width: 294px;
    height: 320px;
    float: left;
    display: inline;
    color: #b2b2b2;
}

#comentarios #comentarios_form textarea{
    width: 239px;
    height: 114px;
    background: url(../images/home/textarea.png) no-repeat;
    border: none;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#comentarios #comentarios_form .input{
    float: right;
    display: inline;
    width: 60px;
    height: 32px;
    background: url(../images/commons/bt.png) no-repeat;
    border: none;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 35px;
    padding-bottom: 4px;
}

#comentarios #comentarios_form .input_default{
    float: left;
    display: inline;
    width: 214px;
    height: 29px;
    background: url(../images/commons/input-coment.png) no-repeat;
    border: none;
    margin-bottom: 12px;
}

#comentarios #comentarios_form label{
    float: left;
    display: inline;
    width: 35px;
    text-align: right;
    color: #cccccc;
    margin-right: 10px;
    margin-top: 7px;
}

#comentarios #comentarios_texto{
    float: left;
    display: inline;
    width: 378px;
    min-height: 320px;
    border-left: 1px solid #333333;
    padding-left: 19px;
}

#comentarios #comentarios_texto .comentarios_min{
    width: 378px;
    float: left;
    display: inline;
    margin-bottom: 25px;
}

#comentarios #comentarios_texto .comentarios_min .comentario_box{
    float: left;
    display: inline;
    width: 378px;
    margin-top: 8px;
}

#comentarios #comentarios_texto .comentarios_min .comentario_box .comentario_topo{
    float: left;
    display: inline;
    width: 378px;
    height: 14px;
    background: url(../images/home/comentario_topo.gif) no-repeat;
}

#comentarios #comentarios_texto .comentarios_min .comentario_box .comentario_conteudo{
    float: left;
    display: inline;
    width: 346px;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#comentarios #comentarios_texto .comentarios_min .comentario_box .comentario_rodape{
    float: left;
    display: inline;
    width: 378px;
    height: 5px;
    background: url(../images/home/comentario_rodape.gif) no-repeat;
}

#fotos_viagem{
    width: 677px;
    height: 178px;
    margin-left: 22px;
    margin-top: 12px;
}

#fotos_viagem #fotos_topo{
    float: left;
    display: inline;
    width: 677px;
    height: 31px;
}

#fotos_viagem #fotos_topo .fotos_meio{
    background: url(../images/commons/fotos_viagem_meio.gif) repeat-x;
    padding-left: 6px;
}

#fotos_viagem #fotos_container{
    float: left;
    display: inline;
    width: 667px;
    height: 141px;
    border-left: 5px solid #262626;
    border-right: 5px solid #262626;
    border-bottom: 6px solid #262626;
}

#fotos_viagem #fotos_container #foto_ico_esq{
    float: left;
    display: inline;
    width: 22px;
    height: 141px;
    margin-left: 6px;
    margin-right: 0px;
    position: relative;
    z-index: 5;
}

#fotos_viagem #fotos_container #foto_ico_esq .ico_esq{
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/commons/fotos_esq.gif) no-repeat;
    margin-top: 60px;
}

#fotos_viagem #fotos_container #foto_ico_esq .ico_esq:hover{
    background: url(../images/commons/fotos_esq.gif) no-repeat 100% 100%;
}

#fotos_viagem #fotos_container #foto_conteudo{
    float: left;
    display: inline;
    width: 597px;
    height: 133px;
    padding-top: 8px;
}

#fotos_viagem #fotos_container #foto_ico_dir{
    float: left;
    display: inline;
    width: 22px;
    height: 141px;
    margin-left: 6px;
    position: relative;
    left: 600px;
    top: -135px;
}

#fotos_viagem #fotos_container #foto_ico_dir .ico_dir{
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/commons/fotos_dir.gif) no-repeat;
    margin-top: 60px;
}

#fotos_viagem #fotos_container #foto_ico_dir .ico_dir:hover{
    background: url(../images/commons/fotos_dir.gif) no-repeat 100% 100%;
}

#ultimo_trecho{
    width: 693px;
    height: 76px;
    margin-top: 60px;
    margin-left: 23px;
}

#ultimo_trecho #ultimo_esq{
    float: left;
    display: inline;
    width: 7px;
    height: 76px;
    background: url(../images/percurso/ultimo_esq.png) no-repeat;
}

#ultimo_trecho #ultimo_meio{
    float: left;
    display: inline;
    width: 666px;
    height: 68px;
    background: url(../images/percurso/ultimo_meio.png) repeat-x;
    padding-left: 13px;
    padding-top: 8px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#ultimo_trecho #ultimo_meio .ultimo{
    color: #bd5713;
    font-size: 15px;
    width: 200px;
}

#ultimo_trecho #ultimo_meio .trecho, #ultimo_trecho #ultimo_meio .trecho a, #ultimo_trecho #ultimo_meio .trecho a:hover{
    color: #000;
    font-size: 20px;
    margin-top: 4px;
}

#ultimo_trecho #ultimo_meio span.esquerda{
    display:inline;
    float:left;
    width:525px;
}

#ultimo_trecho #ultimo_meio span.direita{
    display:inline;
    float:right;
    width:120px;
    margin-top: -18px;
}

#ultimo_trecho #ultimo_dir{
    float: left;
    display: inline;
    width: 7px;
    height: 76px;
    background: url(../images/percurso/ultimo_dir.png) no-repeat;
}

#mapa-trajeto{
    width: 698px;
    margin-top: 44px;
    margin-left: 22px;
}

#mapa-trajeto #topo-mapa{
    float: left;
    display: inline;
    width: 682px;
    height: 24px;
    background: url(../images/commons/topo-mapa.png) no-repeat;
    padding-left: 16px;
    padding-top: 7px;
    font-size: 14px;
}

#mapa-trajeto #mapa-cont{
    float: left;
    display: inline;
    width: 684px;
    height: 390px;
    border: 5px solid #262626;
    padding: 2px;
    overflow: hidden;
    text-align: center;
}

#coment-cont{
    width: 724px;
    margin-left: 8px;
    margin-top: 54px;
}

#coment-cont .coment-min{
    width: 724px;
    min-height: 71px;
    border-top: 1px dashed #2b2b2b;
    background: #0d0d0d;
    padding-bottom: 20px;
}

#coment-cont .coment-min .coment-data a, #coment-cont .coment-min .coment-data a:hover{
    color: #666666;
    text-decoration: underline;
}

#coment-cont .coment-min .coment-data{
    float: left;
    display: inline;
    width: 105px;
    height: 58px;
    margin-left: 30px;
    margin-top: 31px;
    color: #666666;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#coment-cont .coment-min .coment-data img{
    vertical-align: baseline;
    margin-right: 2px;
}

#coment-cont .coment-min .coment-topo{
    display: inline; 
    float: left;
    width: 720px;
    /*height: 110px;*/
}

#coment-cont .coment-min .coment-texto{
    float: left;
    display: inline;
    width: 450px;
    min-height: 30px;
    margin-left: 47px;
    margin-top: 39px;
}

#coment-cont .coment-min .ico-flecha{
    width: 17px;
    height: 9px;
    margin-left: 23px;
    margin-top: 39px;
    float: left;
    display: inline;
    cursor: pointer;
}

#coment-cont .coment-min .coment-det{
    width: 632px;
    margin-left: 53px;
    margin-top: 36px;
    padding-bottom: 43px;
}

#coment-cont .coment-min .coment-det .fotos{
    display:inline;
    float: left;
    width:632px;
}

#coment-cont .coment-min .coment-det .fotos img{
    padding: 2px;
    border: 1px solid #666666;
}

/*
#coment-cont .coment-min .coment-det .fotos ul{
    display: inline;
    float: left;
    height: 110px;
    width: 630px;
    border: 1px solid blue;
}

#coment-cont .coment-min .coment-det .fotos li{
    display: inline;
    white-space: nowrap;
    width: 75px;
    height: 90px;
    border: 1px solid yellow;
}
*/

/*
#coment-cont .coment-min .coment-det .fotos .foto-min{
    float: left;
    display: inline;
    width: 59px;
    border: 1px solid #666666;
    margin-top: 15px;
    margin-right: 14px;
    padding: 2px;
}
*/

#coment-cont .coment-min .coment-det .video-1{
    width: 616px;
    margin-left: 1px;
    margin-top: 51px;
    margin-bottom: 36px;
}

#coment-cont .coment-min .coment-det .video-2{
    width: 616px;
    height: 296px;
    margin-left: 1px;
}

#coment-cont .coment-min .coment-det .percurso-det{
    width: 265px;
    height: 27px;
    background: url(../images/diario/percurso.png) no-repeat;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 10px;
}

#coment-cont .coment-min .coment-det .percurso-det a{
    color: #000;
}

/*
 * Mapa do garmin nos detalhes do percurso
*/
.garmin{
    display: inline;
    float:right;
}

/*
 * Youtube Player
*/
.tube-player{
    display:inline;
    float:left;
    height:124px;
    margin:5px;
    width:131px;
}

.tube-player .thumb{
    display:block;
    margin-left:3px;
    margin-top:2px;
    position:absolute;
    z-index:20;
}

/*
 * Botoes de navegacao dos percursos
*/

#ultimo_meio #anterior,
#ultimo_meio #proximo{
    width: 55px;
    height: 50px;
    background-image: url('../images/percurso/botoes-navegacao.png');
    display:inline;
}

#ultimo_meio #anterior{
    background-position: top center;
    float:left;
}

#ultimo_meio #proximo{
    background-position: bottom center;
    float:right;
}

/*
 * Hover's
 */
#ultimo_meio #anterior:hover{
    background-position: top left;
}

#ultimo_meio #proximo:hover{
    background-position: bottom left;
}

/*
 * Desabilitados
 */
 
#ultimo_meio #anterior.desabilitado{
    background-position: top right;
}

#ultimo_meio #proximo.desabilitado{
    background-position: bottom right;
}

#imprensa-texto{
	width: 597px;
	height: 140px;
	margin-left: 73px;
	margin-top: 24px;
	background: url(../images/imprensa/imprensa-foto.jpg) no-repeat 100% 0%;
}
#imprensa-texto P {
	width: 250px;
	margin-bottom: 18px;
}
#imprensa-texto A {
	color: #FAA91A;
}

#imprensa-form{
	width: 661px;
	height: 201px;
	margin-left: 49px;
	margin-top: 10px;
}

#imprensa-form .titulo{
	color: #faa91a;
	font-size: 18px;
	font-weight: bold;
	border-bottom:1px solid #1b1b1b;
	padding-bottom: 4px;
	margin-bottom: 38px;
}

#imprensa-form label{
	float: left;
	display: inline;
	color: #fff;
	width: 212px;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;	
	margin-top: 8px;
}

#imprensa-form .ipt-default{
	float: left;
	display: inline;
	width: 217px;
	background: url(../images/imprensa/ipt-default.png) no-repeat;
	border: none;
	padding: 8px 0px 8px 0px;
	color:#7F7F7F;
	margin-bottom: 11px;
}

#imprensa-form .bt-acessar{
	width: 153px;
	height: 50px;
	background: url(../images/imprensa/bt-acessar.gif) no-repeat;
	float: left;
	display: inline;
	margin-left: 286px;
	cursor: pointer;
	border: none;
}