/* MAIN LAYOUT
*******************************************************************************/

#main-wrapper {
    background-image: url('../img/travel/travel-back.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #031120;
}
.Dicas {
    width:100%;
    float:left;
}
.Dicas .Info .Bg {
    width:100%;
    float:left;
    background:#EFEFEF;
}
.Wrap {
    width:960px; 
    margin:0 auto 0;
    position:relative;
}
/*Filtros por ciudad*/
.Dicas .filter-city {
    width:100%;
    float:left;
    height:48px;
    padding:6px 0 6px;
    background:url('../img/travel/bg-filter.png') 0 0 repeat;
}
.Dicas UL {
    width:100%;
    float:left;
}
.Dicas UL LI{
    width:20%;
    list-style:none;
    float:left;
}
.Dicas UL A {
    width:100%;
    height:100%;
    float:left;
    text-align:center;
    line-height:48px;
    font-family: 'Myriad Light';
    font-size:18px;
    color:#FFF;
    border:1px solid #091F3B;

    outline:none;

    -webkit-transition: all 0.2s ease;
	-moz-transition: 	all 0.2s ease;
	-o-transition: 		all 0.2s ease;
	transition: 		all 0.2s ease;
}
.Dicas UL LI.Active A,
.Dicas UL LI:hover A {
    background: #022d7c;
    border:1px solid #091F3B;
}


/*Contenido*/
.Dicas .Info {
    width:100%;
    float:left;
}
.Dicas .Player-info {
    width:660px;
    float:left;
    padding:35px 30px;
    background:#FFF;
}
.Dicas .Player-info .Intro {
    width:100%;
    float:left;
    font-family: 'Myriad Light Italic';
    font-size:24px;
    line-height:26px;
    color:#666;
    letter-spacing:-1px;

}
.Dicas .Player-info .Title {
    width:100%;
    float:left;
    font-family: 'Myriad Light';
    font-size:42px;
    line-height:42px;
    color:#021938;
    letter-spacing:-1px;

}
.Dicas .Player-info .yt_holder {
    float: left;
    height: 432px;
    overflow: hidden;
    padding: 15px 0px 0px;
    position: relative;
    width: 660px;
}
#ytvideo, #ytvideo2 {
    float: left;
    height: 100%;
    width: 100%;
}
.Dicas .ShareVideo {
    width:100%;
    float:left;
    height:55px;
    margin:5px 0 0;
    background:url('../img/generic/social-back.jpg') left top repeat-x;
}
.Dicas .ShareVideo UL {
    width:auto;
    float:left;
    padding:12px 20px;
}
.Dicas .ShareVideo UL LI {
    width:auto;
    float:left;
    margin:0 20px 0 0;
}
.Dicas .ShareVideo UL LI:hover {
    cursor:pointer;
}
.Dicas .ShareVideo .redes-sociais {
    float:left;
    padding:15px 0 0 15px;
}
.Dicas .ShareVideo .redes-sociais DIV {
    float:left;
}

.Dicas .Player-info .Txt {
    width:100%;
    float:left;
    margin:100px 0 0;
}
.Dicas .Player-info .Txt DIV {
    width:100%;
    float:left;
    margin:50px 0 0;
}
.Dicas .Player-info .Txt DIV:first-child{
    margin:0px;
}
.Dicas .Player-info .Txt H3 {
    width: 100%;
    float: left;
    font-family: 'Myriad Light';
    font-size:30px;
    line-height:32px;
    color:#041c40;
    text-transform:uppercase;
}
.Dicas .Player-info .Txt EM {
    width: 100%;
    float: left;
    font-family: 'Myriad Light Italic';
    font-size:18px;
    line-height:20px;
    color:#666;
    font-style:normal;
}
.Dicas .Player-info .Txt H4,
.Dicas .Player-info .Txt SMALL{
    width: 100%;
    float: left;
    margin:20px 0 0;
    font-family: 'Myriad Regular';
    font-size:22px;
    line-height:24px;
    color:#041c40;
}
.Dicas .Player-info .Txt P{
    width: 100%;
    float: left;
    font-family: 'Myriad Light';
    font-size:18px;
    line-height:22px;
    color:#041c40;
}
.Dicas .Player-info .Txt P A{
    color:#F7B600;
}
.Dicas .Player-info .Txt P EM {
    font-family: 'Myriad Light Italic';
    color:#f7b600;
    font-style:normal;
    width:auto;
    float:none;
}
.Dicas .Player-info .Txt .descricao {
    width:100%;
    float:left;
    margin:20px 0 0;
}
.Dicas .Player-info .Txt .descricao H2 {
    width:100%;
    float:left;
    font-family: 'Myriad Light Italic';
    font-size:18px;
    line-height:18px;
    color:#666;
}

.Dicas .Thumbs {
    width:239px;
    position:absolute;
    top:0;
    right:0;
    float:left;
    border-left:1px solid #E2E2E2;
    background:#EFEFEF;
    padding:0 0 70px;
}
.Dicas .Thumbs .cont {
    width:218px;
    float:left;
}
.Dicas .Thumbs .cont LI {
    width:100%;
    float:left;
    padding:0px;
    border-bottom:1px solid #E2E2E2;
}
.Dicas .Thumbs .cont A {
    float:left;
    width:100%;
    border:none;
    padding:10px 11px 10px 10px;
}
/*
.Dicas .Thumbs .cont LI:first-child A {
    background:#666;
}
.Dicas .Thumbs .cont LI:first-child SPAN {
    color:#FFF;
}*/
.Dicas .Thumbs A.Active {
    background:#666;
}
.Dicas .Thumbs EM {
    width:73px;
    height:55px;
    margin:0 10px 0 0;
    float:left;
    overflow:hidden;
}
.Dicas .Thumbs EM IMG {
    float:left;
    height:100%;
}
.Dicas .Thumbs SPAN {
    width:132px;
    float:left;
    max-height:55px;
    font-family: 'Myriad Light Italic';
    font-size:15px;
    line-height:17px;
    overflow:hidden;
    color:#75787b;
    text-align:left;
    font-style:normal;

}
.Dicas .Thumbs A.Active SPAN {
    color:#FFF;
}
.Dicas .Thumbs .cont LI:hover A{
    background:#666;
}
.Dicas .Thumbs .cont LI:hover A SPAN{
    color:#FFF;
}
.Dicas .Thumbs IMG{
    float:right;
}






























/* MOBILE
*******************************************************************************/


/* @media screen and (max-width: 640px) {  */
@media only screen and (min-width : 200px) and (max-width : 786px) { 
	
	BODY { min-width: 200px; }
		
	
	
    /* MAIN LAYOUT
*******************************************************************************/
    .sub-header h3 {
        margin-left: 16px;
    }
    .main-wrapper {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 0 0px;
    }
    .main-content {
        margin-top:0px;
    }

    .Dicas .filter-city {
        width:90%;
        padding:0px 5%;
        height:auto;
    }
    .Dicas UL.second {
        display:none;
    }
    .Wrap {
        width:100%;
        float:left;
    }
    .CitySel {
        width:90%;
        padding:0 5%;
        float:left;
        line-height: 48px;
        font-family: "Myriad Light";
        font-size: 18px;
        color:#FFFFFF;
    }
    .CitySel A {
        width:100%;
        float:left;
        line-height: 48px;
        font-family: "Myriad Light";
        font-size: 18px;
        color:#FFFFFF;
    }
    .CitySel IMG {
        float:right;
        margin:20px 0;
    }
    .Dicas {
        overflow:hidden !important;
    }
    .Dicas UL LI {
        width:100%;
        float:left;
    }
    .Dicas .Player-info {
        width:90%;
        padding:10px 5%;
    }
    .Dicas .Player-info .Intro {
        font-size:18px;
        line-height:20px;
        letter-spacing:0;
    }
    .Dicas .Player-info .Title {
        font-size:24px;
        line-height:26px;
        margin:20px 0 0;
    }
    .Dicas .Player-info .yt_holder {
        width:100%;
    }
    .Dicas .ShareVideo {
        height:auto !important;
        padding-bottom:20px;
    }
    .Dicas .Player-info .Txt {
        margin:20px 0 0;
    }
    .Dicas .Player-info .Txt EM {
        font-size:16px;
        line-height:18px;
    }
    .Dicas .Player-info .Txt H4 {
        font-size:18px;
        line-height:20px;
    }
    .Dicas .Player-info .Txt P {
        font-size:16px;
        line-height:18px;
        margin-bottom:0;
    }

    .Dicas .Player-info .Txt DIV {
        margin:20px 0 0;
    }



    /*Filtro ciudad*/
    #City .SelectMb {
        width:100%;
        float:left;
        background:url('../img/travel/bg-filter.png') repeat scroll 0px 0px transparent;
        border:none;
        text-align:left;
        line-height:48px;
        font-family: 'Myriad Light';
        font-size:18px;
        color:#FFF;
        border:1px solid #091F3B;

        outline:none;

    }
    #City .SelectMb OPTION {
        text-align:left;
        /*line-height:48px;*/
        font-family: 'Myriad Light';
        font-size:18px;
        color:#FFF;
        border:1px solid #091F3B;
        padding:10px 0;
        outline:none;
        background:#091F3B;
    }

	#City .SelectMb .Active{
        background: #022d7c;
        border:1px solid #091F3B;
    }


    /*ASIDE THUMBS*/
    .Dicas .Thumbs {
        width:100%;
        position:relative;
        padding:0;
    }
    .Dicas .Thumbs H4.SubTtl{
        width: 90%;
        padding:20px 5%;
        float: left;
        font-family: "Myriad Light";
        font-size: 24px;
        line-height: 26px;
        color: #021938;
        letter-spacing: -1px;
    }
    .Dicas .Thumbs .cont {
        width:100%;
        float:left;
    }
    .Dicas .Thumbs .cont LI {
        width:100%;
        float:left;
        padding:0px;
        border-bottom:1px solid #E2E2E2;
    }
    .Dicas .Thumbs .cont A {
        float:left;
        width:90%;
        border:none;
        padding:10px 5%;
    }
    /*
    .Dicas .Thumbs .cont LI:first-child A {
        background:#666;
    }
    .Dicas .Thumbs .cont LI:first-child SPAN {
        color:#FFF;
    }*/
    .Dicas .Thumbs A.Active {
        background:#666;
    }
    .Dicas .Thumbs EM {
        width:73px;
        height:55px;
        margin:0 10px 0 0;
        float:left;
        overflow:hidden;
    }
    .Dicas .Thumbs EM IMG {
        float:left;
        height:100%;
    }
    .Dicas .Thumbs SPAN {
        width:132px;
        float:left;
        max-height:55px;
        font-family: 'Myriad Light Italic';
        font-size:15px;
        line-height:17px;
        overflow:hidden;
        color:#75787b;
        text-align:left;
        font-style:normal;

    }
    .Dicas .Thumbs A.Active SPAN {
        color:#FFF;
    }
    .Dicas .Thumbs .cont LI:hover A{
        background:#666;
    }
    .Dicas .Thumbs .cont LI:hover A SPAN{
        color:#FFF;
    }
    .Dicas .Thumbs IMG{
        float:right;
    }


	
}

@media only screen and (min-width : 786px) {
    .SelectMb {
        display:none;
    }
    .Dicas .Thumbs H4.SubTtl {
        display:none;
    }
}

@media only screen and (min-width : 786px) and (max-width:960px) {
    .Dicas .Wrap {
        width:100%;
    }
    .Dicas .Player-info {
        width:90%;
        padding:35px 5%;
    }
    .Dicas .Player-info .yt_holder {
        width:100%  !important;
        height:400px !important;
    }
    .Dicas .Thumbs {
        width: 100%;
        float: left;
        position: relative;
    }
    .Dicas .ShareVideo {
        width:100%;
    }
    .Dicas .Thumbs {
        width:100%;
        position:relative;
        padding:0;
    }
    .Dicas .Thumbs H4.SubTtl{
        width: 90%;
        padding:20px 5%;
        float: left;
        font-family: "Myriad Light";
        font-size: 24px;
        line-height: 26px;
        color: #021938;
        letter-spacing: -1px;
    }
    .Dicas .Thumbs .cont {
        width:100%;
        float:left;
    }
    .Dicas .Thumbs .cont LI {
        width:100%;
        float:left;
        padding:0px;
        border-bottom:1px solid #E2E2E2;
    }
    .Dicas .Thumbs .cont A {
        float:left;
        width:90%;
        border:none;
        padding:10px 5%;
    }


}
@media only screen and (max-width : 500px) { 
    
    .Dicas .Player-info .yt_holder {
        /*width: 660px;*/
        height: 200px !important;
    }
   


}

/* TABLET
******************************************************************************

@media only screen and (min-device-width : 640px) and (max-device-width : 1024px) {
	
	BODY { min-width: 768px; }
	
	HEADER .row {
		padding: 0 2%;	
		width: 96%;
	}
	#HeadMobile .OpLeft,
	#HeadMobile .OpRight,
	#HeadMobile .Country {
		margin-top: 15px;
	}
	#HeadMobile H1 {
		margin-top: 12px;
	}
	#HeadMobile H1 A,
	#HeadMobile H1 A IMG {
		height: 30px;
		margin: 0;	
	}	
	
	ARTICLE {
		margin: 18px 2%;	
		width: 96%; 
	}
	ARTICLE .row {
		max-width: 780px;
		margin: 0 auto;
	}
	ARTICLE .row .row {
		margin: 0;
	}
	
	footer .Top {
		float: left;
		width: 48%;	
		margin: 0 0 0 2%;
	}
	footer .fb-like,
	footer .twitter-follow-button {
		float: left !important;
		margin: 10px 0 0;
	}
	footer .Bottom {
		float: left;
		width: 50%;	
	}
	
	#NavigationSmall {
		border-bottom: 2px solid #FAA000;
		background-position: right center;
		background-size: auto 150px;
		background-repeat: no-repeat;
		height: 150px;
	}
	#NavigationSmall .Holder H1 {
		font-size: 30px;
		line-height: 30px;	
		letter-spacing: -1px;
		width: 96%;
		margin: 10px 2%;
		text-shadow: 0 0 1px #FFF;
	}
	
}

*/