@charset "utf-8";

/* reset  */

html, body, div, a, p, img, ul, li, footer, header, section, h1, span, time, hr, hgroup, a img, aside, nav, form, input, article, h2, h3, h4, label, textarea, small {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
}

footer, section, article, header, aside, nav { display:block; }
:focus { outline:none; }
::-moz-selection, ::selection { color:#fff; background:#999; }
ul { list-style:none; }
h1, h2, h3 { font-weight:normal; }
textarea { resize: none; } 

/* end reset */ 

@font-face {
    font-family: 'FuturaTEEMedRegular';
    src: url('fonts/fe11004t.eot');
    src: url('fonts/fe11004t.eot') format('embedded-opentype'),
         url('fonts/fe11004t.woff') format('woff'),
         url('fonts/fe11004t.ttf') format('truetype'),
         url('fonts/fe11004t.svg#FuturaTEEMedRegular') format('svg');
}

@font-face {
    font-family: 'FuturaTEERegular';
    src: url('fonts/fe11003t.eot');
    src: url('fonts/fe11003t.eot') format('embedded-opentype'),
         url('fonts/fe11003t.woff') format('woff'),
         url('fonts/fe11003t.ttf') format('truetype'),
         url('fonts/fe11003t.svg#FuturaTEERegular') format('svg');
}

/* general */ 
 
body {
	margin: 0 auto;
	font-family: 'FuturaTEERegular';
	font-size: 15px;
	color: #FFF; background-color: #333;
}

a { color: white; -webkit-transition: all 0.2s ease; }
a:hover, .select { color: #FF0023; -webkit-transition: all 0.2s ease; }

h1 { color: black; font-size:  42px; width: 200px; height: 150px; }
h2 { font-size: 30px; margin-left: 42px; margin-top: 100px; position: absolute; }
h3 { color: black; font-size: 26px; }

p { margin-bottom: 12px; }
small { font-size: 10px; }

.goUp { position: fixed; z-index: 300; bottom: 20px; right: 20px; display: none; cursor: pointer; }
.ver_todo { float: right; margin-right: 15px; text-decoration: underline; font-size: 12px; margin-top: -28px; }
.leer_mas { color: #FF0023; }
.leer_mas:hover { color: black; }

#main { width: 1050px; margin: 0 auto; margin-top: 20px; }
#header { float: left; width: 100%; height: 58px; padding-top: 20px;  }
#logo { float: left; width: 50%; height: 100%; }
#social { float: right; width: 50%; height: 100%; text-align: right; }
#nav { float: left; background-color: black; width: 100%; height: 40px; }
#nav ul, #nav p { margin-left: 22px; margin-top: 12px; }
#nav p { display: table; }
#nav ul li { display: inline; margin-right: 15px; }
#nav ul li a, .select { font-size: 15px; }
#slider { float: left; width: 100%; height: 340px; }
#article, #team { float: left; width: 100%; min-height: 222px; background-color: black; }

#footer { float: left; width: 100%; margin-top: 15px; font-size: 12px; margin-bottom: 15px;  }
#footer #footer_col { float: left; width: 50%;  }

/* home */

#item { float: left; width: 350px; height: 222px; overflow: hidden; }
#tapa { width: 350px; height: 222px; position: absolute; background-color: rgba(0,0,0,0.4); display: none; font-size: 30px; text-align: center;  }
#tapa p { margin-top: 98px; }
#item:hover > #tapa { display: block; cursor: pointer; }
.blanco:hover { color: white; }

#titulo { position: absolute; color: black; width: 350px; text-align: center; font-size: 16px; z-index: 1000; margin-top: 185px; }

/* shoes */

#producto { float: left; width: 100%; background-color: white; }
#imagen { float: left; width: 666px; height: 446px; border-right: 2px solid black; overflow: hidden; }
#descripcion { float: left; width: 338px; height: 402px; color: black; font-size: 14px; padding: 22px; }
#iso { position: absolute; margin-left: 300px; }
#thumbs { float: left; width: 100%; height: 134px; border-top: 2px solid black; }
#thumb { float: left; width: 209px; height: 134px; overflow: hidden; border-left: 1px solid #999; }
#modal { float: left; width: 100%; background-color: white; height: 660px; display: none;}
.oculto { display: none; }
.select3 {  }
.black { color: black; }

/* news */

#news { float: left; width: 100%; border-bottom: 1px dashed #999; background-color: white; color: black; display: none;  }
#news_imagen { float: left; margin: 22px; width: 350px; height: 222px; margin-left: 22px; overflow: hidden;  } 
#news_descripcion { float: left; width: 633px; margin-top: 22px;  } 
#news_col1 { float: left; width: 666px; margin: 12px; height: 34px; margin-left: 22px; overflow: hidden;  }
#news_col2 { float: left; width: 318px; padding-right: 20px; margin-top: 12px; height: 36px; margin-left: 12px;  }
#news_col1 img { margin-bottom: 10px; }
#news_col3 { float: left; width: 1028px;  background-color: white;  padding-bottom: 20px; padding-left: 22px;  }
#news_col3 img { vertical-align: middle; margin-top: 20px; }

/* video */

#video { float: left; margin-left: 22px; width: 1016px; min-height: 400px; margin-bottom: 50px; }


/* team */

#tapa2 { display: block; position: absolute; width: 1050px; height: 222px; background-color: rgba(0,0,0,0.4); display: none; }
#team:hover > #tapa2 { display: block; cursor: pointer; }

/* contacto */

#contacto { float: left; width: 50%; background-color: #FF0023; height: 160px; font-size: 15px; }
#contacto p { margin-left: 22px; margin-top: 16px; }
#contacto a:hover { color: black; }