@charset "utf-8";
/* CSS Document */

body { margin-top:77px; font-family: 'Open Sans', sans-serif;}

a { opacity: 0.7; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
a:hover {opacity: 1;}

.md-central { height:350px; padding-top:150px; background-image:url(../img/img-central.jpg); background-position:center center; background-repeat:no-repeat; font-family: 'Open Sans', sans-serif; position:relative; margin-bottom:25px;}
.md-central h2 { font-weight:lighter; font-size:50px; background-color:#141414; color:#fff; line-height:65px; font-style:italic; display:inline; text-transform:uppercase;}
.md-central .playdiv { position:absolute; z-index:20; width:100%; height:100%; top:0; left:0;}
.md-central .playdiv a.play { background:none; position:absolute; width:200px; height:200px; margin:0 auto; margin-top: -100px; margin-left:-100px; top:50%; left:50%}

.md-colecciones {}
.md-colecciones .md-share { margin-top:80px;}
.md-colecciones .md-share h3,
.md-colecciones .md-body h3 { font-family:'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; text-align:center; font-size:33px;}
.md-colecciones .md-share h4,
.md-colecciones .md-body h4 { font-family:'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; text-align:center; font-size:22px; margin-bottom:20px}

.md-colecciones .md-body .md-photo {margin-bottom:50px;}
.md-colecciones .md-body .md-photo .ft { padding:10px; text-align:center; border:1px solid #E7E7E7; border-top: none}

.md-lookbook-hombre .md-central { background-image:url(../img/lookbooks/hombre/2013/europe-road-trip/preview.jpg);}
.md-lookbook-hombre-2 .md-central { background-image:url(../img/lookbooks/hombre/2014/summer-spirit/preview.jpg);}
.md-lookbook-mujer .md-central { background-image: url(../img/lookbooks/mujer/2013/europe-road-trip/preview.jpg);}
.md-lookbook-mujer-2 .md-central { background-image: url(../img/lookbooks/mujer/2014/summer-spirit/preview.jpg);}
.md-jeans .md-central { background-image:url(../img/jeans/2014/summer-spirit/preview.jpg);}
.md-campana-summer-spirit-2014 .md-central { background-image:url(../img/campanas/2014/summer-spirit/preview.jpg);}
.md-campana-taura-knockoust-2014 .md-central { background-image:url(../img/campanas/2014/taura-knockoust/preview.jpg);}

.md-nosotros .md-central { background-image: url(../img/img-central-nosotros.jpg);}

.md-index .md-body h3 { font-size:33px; text-align:center; font-style: inherit; font-weight:normal; text-transform:uppercase;}

.md-nosotros .md-body h3 { text-align:left;}
.md-nosotros .md-body p { font-size:16px;}


.md-locales .md-central { background-image:url(../img/img-central-locales.jpg);}
.md-locales .md-central .leyend { padding:10px; background-color:#000; opacity:0.8; color:#fff; position:absolute; bottom:0; width:1150px;}
.md-locales h3 { font-size:33px; text-transform:uppercase; font-weight:normal; margin-bottom:25px; margin-top:0;}
.md-locales h4 { font-size:26px; font-weight:normal;}
.md-locales .cont-bt { margin:0;}
.md-locales p.p-home { height:45px; font-size:16px;}
.md-locales .cont-locales { margin-bottom:50px;}

.md-contacto .md-central { background-image:url(../img/img-central-contacto.jpg);}
.md-contacto .contact img { display:block; margin:0 auto 10px auto;}
.md-contacto .contact p { text-align:center; margin:0}
.md-contacto .contact .cont-data { font-size:28px; padding-top:100px}
.md-contacto .contact .cont-data p { margin-bottom:20px;} 
.md-contacto .contact .cont-data span.img { display:table; margin:auto}
.md-contacto .contact .cont-data span.img img { float:left; margin-right:10px;}
.md-contacto .contact .cont-data a { color:#141414;}
.md-contacto .contact .cont-data a:hover { text-decoration:none}
.md-contacto .contact .cont-data a img {opacity: 0.7; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.md-contacto .contact .cont-data a img:hover {opacity:1}
.md-contacto .contact .cont-bt { margin-top:10px;}

.md-copy {padding: 5px 10px; font-size: 12px; float: right;}
.md-copy a { color:#000;}
.md-copy a:hover { color:#999;}

.redesphone { overflow:auto; margin-bottom:20px!important;}
ul.phone li { list-style:none;}
footer .container .last-marg { margin-bottom:0!important;}


/*FOOTER*/
footer { width:100%; background-color:#141414; margin-top:60px; padding-top:45px; padding-bottom:40px; color:#fff;}
footer a { color:#FFF;}
footer .ft-title { font-size:33px; margin-bottom:20px; display:block;}
footer ul { margin:0;}
footer ul li { list-style:none;}
footer a:hover { color:#fff; text-decoration:none;}
footer ul.red-footer { overflow:auto}
footer ul.red-footer li { list-style:none; float:left; margin-right:10px;}
footer ul.red-footer li a.tw { background-image:url(../img/img-redes-footer.png); height:32px; width:32px; overflow:hidden; background-position:0 0; display:block}
footer ul.red-footer li a.fb { background-image:url(../img/img-redes-footer.png); height:32px; width:32px; overflow:hidden; background-position:32px 0; display:block}
footer .btn { background-color:#fff; background-image:none; color:#141414; text-shadow:none; border-radius:0; font-family:'Open Sans', sans-serif; font-style:italic; border:0; box-shadow:none;}
footer ul.red-footer li a img { width:25px;}
footer .btn:hover{color:#141414;}
footer a.pad { margin-top:20px;}
/*FOOTER*/


.navbar .nav { margin:20px 10px 0 0;}
.navbar-inverse .navbar-inner { background-color:#141414; background-image:none}
ul.nav a { font-family: 'Open Sans', sans-serif; font-size:18px;}
.dropdown-menu a { font-family: 'Open Sans', sans-serif;}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color:transparent;}
.btn { background-color:#141414; background-image:none; color:#FFF; text-shadow:none; border-radius:0; font-family:'Open Sans', sans-serif; font-style:italic; border:0; box-shadow:none; opacity:1; 
     -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;}
.btn:hover{ background-color: #20BB97; 
     -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;}


ul.redes { margin:0}
ul.redes li { float:left; margin-left:11px; list-style:none;}
ul.redes li.sep { height:108px;}
ul.redes li img { width:24px; margin-top:29px;}
ul.redes li img.last { margin-right:18px;}

a.brand { margin-right:15px;}
p.p-home { font-size:16px;}
.container .cont-bt { display:table; margin: 0 auto;}
hr { margin:40px 0;}
li.sep { height:88px; margin-top:-20px; width:1px; background-color:#444;}
.navbar .nav > li { margin-right:9px;}
.op { opacity:0.4;}
.accordion-body { float:left; margin-top:20px;}


/*css menu*/
.sex-option ul {
    position:absolute;
    display:none;
    cursor:pointer;
    left: 30%;
    height: 67px;
    width: 140px;
	
}
.sex-option li {
    width: 66px;
    height: 67px;
    color: transparent;
    position: absolute;
}
.sex-option li:first-child {
    background: url(../img/man.png) no-repeat top left;
    top: 0;
    right: 0;
}
.sex-option li:first-child:hover {
    background: url(../img/man.png) no-repeat bottom left;
    top: 0;
    right: 0;
	transition-delay:50ms;
}
.sex-option li:last-child {
    background: url(../img/woman.png) no-repeat top left;
    top: 0;
    left: 0;
}
.sex-option li:last-child:hover {
    background: url(../img/woman.png) no-repeat bottom left;
    top: 0;
    left: 0;
	transition-delay:50ms;
}
.sex-option ul li a {color:transparent!important; display:block; width: 66px;
height: 67px;}



.nav .sex-option a{ cursor:default}
.nav .sex-option ul li a{ cursor:pointer}

.share-box{margin: 20px auto; max-width: 356px; overflow: hidden;}
.share-item{float:left; opacity:0.8; margin:0 15px;}
.share-box > .share-item:nth-child(4) {margin-top:20px}
.share-item:hover{float:left; opacity:1}

.margin-top-15{margin-top: 15px;}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.play:hover {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
	background:none;
}



.dropdown-menu{
margin: 5px 0 0 14px;
border-radius: 2px;
background-color: #20BB97;
box-shadow: 0px 0px 25px 0px #000;
}

.dropdown-menu > li > a{color: white; opacity: 1}
.dropdown-menu > li > a:hover{background-color: #188F75}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{background-color: #188F75 }


.dropdown-submenu > a:after {
  border-left-color: #fff;
}

li.dropdown-submenu > a{cursor: default}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

.center{
margin: 0 auto;
display: block;
}

.titulo-icono{margin:100px 0 40px 0}
.selected {color: #ffffff !important;}

@media (max-width: 1200px) {
	body { margin-top:0;}
	.navbar .nav { margin:20px 0px 0 0;}
	.navbar .nav > li { margin-right:0;}
	.navbar .nav > li > a { padding:10px 10px 10px}
	ul.nav a { font-size:15px;}
	p.p-home { text-align:center}
	footer .ft-title { font-size:29px}
	}
	
@media (max-width: 767px) {
	body { padding:0;}
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0;}
	footer .container { padding-left:25px; padding-right:25px;}
	footer .container .span3 { margin-bottom:50px;}
	.md-copy { width:150px; text-align:center; margin:0 auto;}
	.md-body .span6 { margin-bottom:60px; padding:15px;}
	.md-body .span12 { padding:15px;}
	.md-nosotros .md-central { padding-top:0; height:auto;}	
	.md-contacto .contact .cont-data { padding-top:0}
	.md-locales { text-align:center;}
	.md-locales .pull-left { float:none}
	.md-locales .span4 { margin-bottom:50px;}
	.md-locales hr { margin:0}
.nav .sex-option a{ cursor:default}
.nav .sex-option ul li a{ cursor:pointer}

}
@media (max-width: 400px) {
.nav .sex-option a{ cursor:default}
.nav .sex-option ul li a{ cursor:pointer}	
}