.transition { -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
@font-face { font-family: 'Futura-Light'; src: url('../fonts/Futura-Light.eot'); src: url('../fonts/Futura-Light.woff') format('woff'), url('../fonts/Futura-Light.ttf') format('truetype'), url('../fonts/Futura-Light.svg') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: 'Futura-Light', arial, helvetica; }
.wrapper { background: url(../images/degrade.png) left bottom repeat-x; position: relative; }
h1 { position: absolute; right: -1px; top: 0; z-index: 1; }
.header { background: #E3E3E3; height: 35px; z-index: 1; position: relative; }
.header_in { width: 960px; /*height: 110px;*/ margin: 0 auto; position: relative; }
.header_in h1 a { width: 218px; height: 109px; display: block; }
.nav_menu { width: 850px; height: 35px; }
.list_menu { height: 35px; }
.list_menu li { float: left; border-right: 1px solid white; position: relative; }
.list_menu li:last-child { border: none; }
.list_menu li span { background: url(../images/vineta.png) left center no-repeat; padding-right: 4px; width: 12px; height: 35px; float: left; display: block; }
.list_menu li a { padding: 0 20px; float: left; height: 35px; text-align: center; text-decoration: none; color: #696969; line-height: 36px; text-transform: uppercase; font-family: 'Futura-Light', arial, helvetica; }
.list_menu li a.nav_home { background: url(../images/icon-home.jpg) center top no-repeat; padding: 0; width: 59px; text-indent: -9000em; }
.list_menu li a.nav_home:hover, .list_menu li a.nav_home.active { background:#000 url(../images/icon-home.jpg) center bottom no-repeat; text-indent: -9000em; }
.list_menu li a.nav_editorial { width: 53px; }
.list_menu li a.nav_tendencias { width: 100px; }
.list_menu li a.active_btn, .list_menu li:hover a { color: white; }
.list_menu li a.active_btn, .list_menu li:hover { background: black; }
.list_menu li:hover .box_sub_menu, .list_menu li:hover span { display: block; }
.box_sub_menu { position: absolute; left: 0; top: 35px; height: 74px; width: 699px; z-index: 1; display: none; }
.list_menu li span.left_bg { background: url(../images/bg-left-menu.png) no-repeat left top; float: left; width: 74px; height: 74px; padding: 0; }
.sub_menu { float: left; background: url(../images/bg-nav.png) left top; height: 74px; width: 623px; margin: 0; }
.list_menu .sub_menu li { background: url(../images/line.jpg) right center no-repeat; border: none; float: left; padding: 16px 0; height: 42px; width: 170px; }
.sub_menu li:last-child { background-image: none; display: block; }
.sub_menu li a { color: white; padding: 0 5px 0 13px; height: 20px; display: block; text-transform: uppercase; margin: 0 0 4px 0; line-height: 22px; }
.sub_menu li a:hover { background: none; }
.sub_menu li a:last-child { margin: 0; }
.content { width: 960px; margin: 0 auto; position: relative; z-index: 0; }
.tendecias { position: absolute; width: 289px; left: 295px; top: 61px; }
.box_1 { position: relative; float: left; margin-top:44px; }
.text_img { bottom: 62px; left: 214px; position: absolute; }
footer { padding: 15px 0; }
.footer { height: 59px; }
.footer_in { width: 960px; position: relative; height: 33px; margin: 0 auto; line-height: 33px; }
.footer_in p { font-family: arial, helvetica; font-size: 10px; margin: 0; text-align: left; text-transform: uppercase; }

.box_tendencias { float: right; position: relative; width: 649px; height: 536px; margin-top: 103px; right: 33px; }
.box_tendencias .box { position: absolute; width: 151px; height: 151px; cursor: pointer; z-index: 0; overflow: hidden; background: url(../images/sprite-home.png) left top no-repeat; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.box_tendencias .box:after { content: ""; position: absolute; top: -30px; left: -30px; width: 214px; height: 214px; background: inherit; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.box_tendencias .model1 { background-position: 0 0; }
.box_tendencias .model2 { background-position: -213px -1px; }
.box_tendencias .model3 { background-position: -427px 0; }
.box_tendencias .model4 { background-position: -644px -2px; }
.box_tendencias .model5 { background-position: -857px -2px; }
.box_tendencias .box_top { z-index: 1 !important; }
.model_In { position: absolute; top: -31px; left: -31px; z-index: 10; width: 214px; height: 214px; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.model_In .shadow_r, .model_In .active_hover { display: block; width: 214px; height: 214px; background: url(../images/bg.png) repeat left top; /*background: rgba(125, 125, 125, 0.6);*/ line-height: 214px; /*opacity: 0;
	filter:alpha(opacity=0);*/ display: none; }

.box_tendencias .box:hover .active_hover { /*opacity: 1;
	filter:alpha(opacity=100);*/ display: block; }
/*.model_In .active_hover img {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.box_tendencias .box:hover .active_hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}*/

.active_hover .text { height: 34px; left: 0; position: absolute; top: 88px; width: 215px; text-align: center; }
/* ----------- over box2 --------------*/

.box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
.box_tendencias .editorial { background-position: -1px -1px; }
/*.box_tendencias .aplicacion { background-position: -216px -1px; }*/
.box_tendencias .escenciales { background-position: -431px -2px; }
.model_In .shadow_r { background: url(../images/box-hover.png) left top no-repeat; }
.box_tendencias .box:hover .shadow_r { display: block; }
/*--------------*/

.inner_player { width: 100%; height: 100%; position: relative; }
.inner_player a { position: absolute; left: 0; top: 0; z-index: 1; }
.box_tendencias .box_player { background-image: none; left: 281px; /*top: 436px;*/ top:215px; position: absolute; }
.box_tendencias .player { background-position: -1px -1px; }
.model1 { right: 110px; top: 108px; }
.model2 { right: 325px; top: 108px; }
.model3 { right: 434px; top: 217px; }
.model4 { right: 325px; top: 326px; ; }
.model5 { right: 109px; top: 325px; }
.editorial { right: 1px; top: 0; }
.aplicacion { right: 218px; top: 217px; }
.escenciales { right: 1px; top: 216px; }
.icon_social { position: absolute; right: 0; top: 0; }
.icon_social li { float: left; margin-right: 11px; }
.icon_social li:last-child { margin: 0; }
.icon_social li a { text-indent: -9000px; background: url(../images/menu.png) left top no-repeat; width: 32px; height: 32px; float: left; opacity: 1; filter:alpha(opacity=100); transition: opacity .5s ease-out; }
.icon_social li a:hover { opacity: 1; filter:alpha(opacity=100); }
.icon_social li a.facebook { background-position: 0 0; }
.icon_social li a.twtter { background-position: 0 -32px; }
.icon_social li a.pinterest { background-position: 0 -64px; }
.icon_social li a.youtube { background-position: 0 -96px; }
.icon_social li a.instagram { background-position: 0 -128px; }
/**/

.icon_social li a.facebook:hover { background-position: -32px 0; }
.icon_social li a.twtter:hover { background-position: -32px -32px; }
.icon_social li a.pinterest:hover { background-position: -32px -64px; }
.icon_social li a.youtube:hover { background-position: -32px -96px; }
.icon_social li a.instagram:hover { background-position: -32px -128px; }
/*------------ Esenciales ---------*/

.content_slide { width: 955px; height: 688px; margin: 0 auto; position: relative; padding-top: 10px; }
.slide_esenciales { width: 955px; height: 688px; overflow: hidden; background: url(../images/rombo.png) center bottom no-repeat; }
.comparte_items { color: #000000; font-family: arial, helvetica; height: 17px; left: 396px; position: absolute; top: 154px; z-index: 5; }
.comparte_items li { float: left; border-right: 1px solid #ACACAC; line-height: 17px; }
.comparte_items li:first-child { padding: 0 5px; }
.comparte_items li a { background: url(../images/btn-comparte.jpg) left top no-repeat; float: left; width: 28px; height: 17px; text-indent: -9000px; }
.comparte_items li a.btn_face { background-position: 0 0; }
.comparte_items li a.btn_twitter { background-position: 0 -17px; }
.comparte_items li a.btn_pint { background-position: 0 -34px; }
.content_slide span { background: url(../images/sprite-nav.png) left top no-repeat; width: 36px; height: 72px; position: absolute; display: block; top: 44%; cursor: pointer; z-index: 4; }
.content_slide span.prev { background-position: left top; left: -14px; }
.content_slide span.next { background-position: right top; right: -14px; }
.content_slide span.prev:hover { background-position: left bottom; }
.content_slide span.next:hover { background-position: right bottom; right: -14px; }
/*--------- fancy editorial -------------*/

.box_editorial { text-align: center; color: black; width: 574px; }
.sect_box_edit { padding: 0 10px; }
.inner_box_tendencias { padding: 35px 18px; }
.inner_box_tendencias p { font-family: arial, helvetica; font-size: 13px; }
.inner_box_tendencias h2 em { font-family: times new roman, helvetica; font-size: 24px; }
.inner_box_tendencias p em { font-family: times new roman, helvetica; font-size: 16px; }
.list_marcas { width: 100%; }
.list_marcas li { float: left; }
.list_marcas li a { background: black url(../images/marcas-sprite.png) left top; height: 48px; float: left; text-indent: -9000px; }
.list_marcas li a.m_01 { background-position: 0 0; width: 110px; }
.list_marcas li a.m_02 { background-position: 0 -48px; width: 111px; }
.list_marcas li a.m_03 { background-position: 0 -96px; width: 107px; }
.list_marcas li a.m_04 { background-position: 0 -144px; width: 124px; }
.list_marcas li a.m_05 { background-position: 0 -192px; width: 122px; }
.box_tendencias .btn_play_cont { width: 155px; height: 158px; overflow: hidden; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#btn_play1 { background: url(../images/backstage.png) no-repeat left top; display: block; width: 155px; height: 158px; text-indent: -9000em; background-color: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#btn_play1:hover { background-position: right top; }
/*---- tendencias ---*/


.content_tendencias .box_1 { width: 382px; }
.content_tendencias .box_tendencias { height: 612px; margin-top: 104px; right: 32px; width: 415px; background: url(../images/bg-instinct.png) 19px 295px no-repeat; }
.content_tendencias .position_bg { left: 378px; top: 20px; position: absolute; }
#new-denim .position_bg { top: 78px; left: 336px; z-index: 1; }
.box_title { cursor: pointer; margin-bottom: 10px; }
.box_title p { font-family: times, arial; color: #5D5D5D; font-size: 14px; margin: 7px 0 0; }
.box_articulos { margin-bottom: 14px; padding-left: 70px; position: relative;/*cursor: pointer;	*/ }
.box_articulos a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2; }
.box_articulos span { position: absolute; background: url(../images/sprite-icon.png) 0 0; left: 10px; top: 40%; width: 38px; height: 37px; display: block; cursor: pointer; }
.box_articulos span.icon1 { background-position: 0 0; }
.box_articulos span.icon2 { background-position: 0 37px; }
.box_articulos span.icon3 { background-position: 0 74px; }
.box_articulos:hover span.icon1 { background-position: 38px 0; }
.box_articulos:hover span.icon2 { background-position: 38px 37px; }
.box_articulos:hover span.icon3 { background-position: 38px 74px; }
.layer_articulo { width: 590px; background: white; }
.layer_header { height: 60px; background: black; position: relative; line-height: 58px; text-align: center; }
.icon_ly { background: url(../images/icon-galery.png) right top; position: absolute; top: 10px; left: 15px; display: block; width: 38px; height: 37px; }
#layer2 .icon_ly { background-position: 0 0; }
#layer2 .icon_ly { background-position: 0 37px; }
#layer3 .icon_ly { background-position: 0 74px; }
.inner_ly { padding: 27px 15px 15px 15px; text-align: center; }
.inner_ly img { margin-bottom: 28px; }
.inner_ly p { font-family: times new roman, arial; margin: 0; text-align: left; font-size: 14px; }
#fancybox-close.btn_close { background: url(../images/close.jpg) left top no-repeat; width: 15px; height: 15px; right: 22px; top: 25px; }
#fancybox-close.btn_close_galery { background: url(../images/close-galery.jpg) left top no-repeat; width: 15px; height: 15px; right: 22px; top: 25px; }
.content_sociales { position: absolute; right: 0; bottom: 0; }
.box_count .fb-like { margin-right: 20px; }
.box_count { margin-bottom: 4px; }
.box_social { /*height: 97px;*/ margin-bottom: 8px; }
.left_icon_inst { width: 52px; height: 97px; float: left; background: #BABABA url(../images/instagram_icon.jpg) 15px 18px no-repeat; border-radius: 10px 0 0 10px; }
.left_icon_t { width: 52px; height: 57px; float: left; background: #BABABA url(../images/twitter-icon.jpg) 15px 18px no-repeat; border-radius: 10px 0 0 10px; }
.inner_instagram { float: left; width: 255px; background: white; height: 81px; padding: 8px; }
.inner_twitter { float: left; width: 272px; background: white; padding: 6px; width: 259px; height: 45px; overflow: hidden; }
/*----------- box_hover -----------*/

#animal_instinct .box_tendencias .box { background: url(../images/sprite-instinct.png) left top no-repeat; }
#animal_instinct .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
/*#animal_instinct .aplicacion { right: 1px; top: 0; }*/
#animal_instinct .model2 { right: 1px; top: 216px; }
#animal_instinct .btn_play_cont { left: 263px; top: 0; } 
#animal_instinct .box_tendencias .aplicacion { background-position: -216px -1px; }
#animal_instinct .box_tendencias .model1 { background-position: 0 -2px; }
#animal_instinct .box_tendencias .model2 { background-position: -214px 0; }
/*-------------- Pop UP ---------------*/

.layer_galery { position: absolute; left: -9999px; top: 0; z-index: 10; }
.box_galery { padding: 15px; width: 557px; background: white; }
.title_galery { height: 45px; line-height: 43px; text-align: center; font-size: 24px; color: #454545; border-bottom: 1px solid #A3A3A3; }
.content_carousel { padding: 12px 0; width: 237px; height: 375px; margin: 0 auto; }
.default p { text-align: center; font-size: 16px; font-family: times new roman, arial; margin: 0; }
.bx_carousel { height: 375px; }
.bx_carousel li { float: left; width: 237px; height: 375px; }
.bx_carousel_tb { height: 98px; }
.bx_carousel_tb li { position: relative; width: 99px; height: 98px; margin-right: 4px; float: left; cursor: pointer; }
.bx_carousel_tb li:last-child { margin: 0; }
.content_carousel_thumb { margin: 10px 23px; }
.footer_galery { height: 33px; padding: 0 40px 0 0; margin: 0 auto; width: 220px; margin-top: 10px; }
.footer_galery a { width: 220px; height: 33px; padding: 0 40px 0 0; background: url(../images/pinteres.jpg) right center no-repeat; text-align: right; font-size: 16px; line-height: 32px; text-decoration: none; color: #454545; display: block; }
.default { position: relative; border-bottom: 1px solid #A3A3A3; }
.default span { position: absolute; background: url(../images/arrow.jpg) left top no-repeat; width: 24px; height: 41px; display:block; cursor: pointer; top: 35%; z-index: 10; }
.default span.arrow_left { left: -7px; background-position: left top; }
.default span.arrow_right { right: -7px; background-position: right; top;
}
/**/

.default-thumb { position: relative; }
.default-thumb span { position: absolute; background: url(../images/arrow-thumb.jpg) left top no-repeat; width: 17px; height: 29px; display:block; cursor: pointer; top: 35%; z-index: 10; }
.default-thumb span.arrow_left { left: -7px; background-position: left top; }
.default-thumb span.arrow_right { right: -7px; background-position: right; top;
}
.indice2, .indice { border: 4px solid black; height: 90px; left: 0; position: absolute; top: 0; width: 91px; display: none; }
.active2, .active { display: block !important; }
#tweets ul { margin: 0; }
#tweets ul li .user { float: left; }
#tweets ul li a span { display: none; }
#tweets ul li p.tweet { float: left; font-family: arial; font-size: 10px; line-height: 12px; margin: 0 0 0 5px; width: 205px; }
#tweets ul li p.timePosted { display: none; }
/*----------- box_hover black_while -----------*/

#black_while .box_tendencias .box { background: url(../images/black-white/sprite_bw.png) left top no-repeat; }
#black_while .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
/*#black_while .aplicacion { right: 1px; top: 0; }*/
#black_while .btn_play_cont { left: 263px; top: 0; } 
#black_while .model2 { right: 1px; top: 216px; }
#black_while .box_tendencias .aplicacion { background-position: -216px -1px; }
#black_while .box_tendencias .model1 { background-position: 0 -2px; }
#black_while .box_tendencias .model2 { background-position: -214px 0; }
/*----------- box_hover black_while -----------*/

#black_while .box_tendencias .box { background: url(../images/black-white/sprite_bw.png) left top no-repeat; }
#black_while .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
#black_while .aplicacion { right: 1px; top: 0; }
#black_while .model2 { right: 1px; top: 216px; }
#black_while .box_tendencias .aplicacion { background-position: -216px -1px; }
#black_while .box_tendencias .model1 { background-position: 0 -2px; }
#black_while .box_tendencias .model2 { background-position: -214px 0; }
/*----------- box_hover new-denim -----------*/

#new-denim .box_tendencias .box { background: url(../images/black-white/sprite_bw.png) left top no-repeat; }
#new-denim .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
/*#new-denim .aplicacion { right: 1px; top: 0; }*/
#new-denim .btn_play_cont { left: 263px; top: 0; } 
#new-denim .model2 { right: 1px; top: 216px; }
#new-denim .box_tendencias .aplicacion { background-position: -216px -1px; }
#new-denim .box_tendencias .model1 { background-position: 0 -2px; }
#new-denim .box_tendencias .model2 { background-position: -214px 0; }
/*----------- box_hover new-denim -----------*/

#new-denim .box_tendencias .box { background: url(../images/new-demin/sprite_demin.png) left top no-repeat; }
#new-denim .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
#new-denim .aplicacion { right: 1px; top: 0; }
#new-denim .model2 { right: 1px; top: 216px; }
#new-denim .box_tendencias .aplicacion { background-position: -216px -1px; }
#new-denim .box_tendencias .model1 { background-position: 0 -2px; }
#new-denim .box_tendencias .model2 { background-position: -214px 0; }
/*----------- box_hover tropical-punch -----------*/

#tropical-punch .box_tendencias .box { background: url(../images/tropical-punch/sprite_tropical.png) left top no-repeat; }
#tropical-punch .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
/*#tropical-punch .aplicacion { right: 1px; top: 0; }*/
#tropical-punch .btn_play_cont { left: 263px; top: 0; } 
#tropical-punch .model2 { right: 1px; top: 216px; }
#tropical-punch .box_tendencias .aplicacion { background-position: -216px -1px; }
#tropical-punch .box_tendencias .model1 { background-position: 0 -2px; }
#tropical-punch .box_tendencias .model2 { background-position: -214px 0; }
#etno-tribal .position_bg { left: 384px; position: absolute; top: 42px; }
/*----------- box_hover etno tribal -----------*/

#etno-tribal .box_tendencias .box { background: url(../images/etno-tribal/sprite.png) left top no-repeat; }
#etno-tribal .box_tendencias .text_box { background: url(../images/text-box.png) left top no-repeat; }
/*#etno-tribal .aplicacion { right: 1px; top: 0; }*/
#etno-tribal .btn_play_cont { left: 263px; top: 0; } 
#etno-tribal .model2 { right: 1px; top: 216px; }
#etno-tribal .box_tendencias .aplicacion { background-position: -216px -1px; }
#etno-tribal .box_tendencias .model1 { background-position: 0 -2px; }
#etno-tribal .box_tendencias .model2 { background-position: -214px 0; }
.hashtag { color: #6C879C; font-size: 14px; margin-bottom: 3px; }

.disclaimer { padding-top: 5px;}