body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {margin:0; padding:0; font-weight: normal;}
html {-webkit-font-smoothing: antialiased;}
html {font-size: 100%;}
strong, b, h1, h2, h3, h4, h5, h6 {font-weight:700;}
* {font-family: 'Open Sans';}
body {color: #2B2B2B; background: #FFFFFF; letter-spacing: -0.5px;}
.clear {width: 100%; clear: both; display: block; height: 0px;}
a, button {transition:all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; text-decoration:none; cursor:pointer; outline:none;}
p {line-height: 24px; font-size: 14px; font-weight: 400;}
.container{width: 90%;position: relative;margin: 0px auto; }
.container::after {content:"";position:relative;width: 100%; clear: both; display: block; height: 0px;}

header{width: 100%; position: fixed; top:0px; left:0px; padding:50px 0px; z-index:9999; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .logo {height:40px; text-align:left; display: block;}
header .logo img {height:40px; display: inline-block; vertical-align: middle;}
header .logo h1 {line-height:40px; font-size: 32px; vertical-align: middle; display: inline-block; letter-spacing: -3px; margin-left: 20px; color: #46cce5;}

.camiseta {position: absolute; width: 50%; height: 100%; background-color: #999999; background-blend-mode:multiply; background-image:url('../img/camisa.jpg'); background-position:center center; background-size:cover; top: 0px; right: 0px; display: flex; align-items:center; justify-content:center; z-index: 10;}
.camiseta .item {width: 70%; position: relative; margin: 0px auto;}
.camiseta .itemList {position: relative; color: #FFFFFF; text-align: left; line-height: 16px; font-size: 16px; font-weight: 700; margin:40px 0px;}
.camiseta i {color: #46cce5; font-size: 16px; margin:0px 10px 0px 0px;}

.infos {overflow-y:auto; height: 100vh; box-sizing:border-box; padding: 140px 5% 80px 5%; background:#FFFFFF; width: 50%;}
.infos h2 {font-size: 36px; letter-spacing: -2px; line-height: 32px;}
.infos p {margin: 40px 0px; font-size: 16px;}
.infos .column {width: 45%; float: left; box-sizing:border-box;}
.infos .column + .column {width: 50%; margin-left: 5%; border-left: 1px dotted #E1E1EB; padding-left: 5%;}
.infos .column h3 {color: #243f88; margin-bottom: 10px;}
.infos .column ul li {list-style: none; display: inline-block; margin: 0px 10px 10px 0px;}
.infos .column ul li a,
.infos .column ul li button.filter-option {padding: 5px 10px; display: block; border:1px solid #E1E1EB; border-radius: 5px; font-size: 15px; color: #66666B; background: transparent;}
.infos .column ul li a:hover,
.infos .column ul li button.filter-option:hover {border: 1px solid #46cce5; background: #46cce5; color: #FFFFFF;}