*,
html,
body,
form,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8{
  margin:0;
  padding:0;
}

html,
body {
  font-family: 'Roboto', sans-serif;
  height:100%;
  background:#fff;
  color: #555555;
}

html {
  font-size: 62.5%;
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:100%;
}

body {
  position: relative;
  font-weight:400px;
  line-height: 1.42857;
  font-size: 14px;
  color: #333;
}

img {
  border:0;
  height: auto;
  vertical-align:top;
  text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6,
.toolbar {font-family: 'Roboto', sans-serif;}


h2 {}

h3 {}

h4 {}

#title-wrapper h1:before,
h4:before {
    background: none repeat scroll 0 0 #fff;
    bottom: -6px;
    content: " ";
    height: 30px;
    left: 50%;
    margin-left: -65px;
    position: absolute;
    width: 130px;
    z-index: -1;
}

#content #title-wrapper h1:before,
#content h4:before {
    left: 39%;
    width: 40%;
}

#title-wrapper h1:after,
h4:after {
    border: 1px solid #f5f5f5;
    bottom: 8px;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -2;
}

#title-wrapper h1,
h4{
    color: #3EA2D6;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
}

p {margin: 0 0 20px 0;}

a {
  text-decoration:none;
  outline:none;
  cursor: pointer;
  color:#50b3da;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:hover {
  outline: none;
  text-decoration:none;
}

a:focus {
  outline:none;
  outline-offset: 0;
}

.btn:hover,
.btn:focus{
  outline: none;
  box-shadow: none;
}

a:active {outline: none;}

a:visited {text-decoration:none;}

textarea {
  font-family: 'Roboto', sans-serif;
  font-size:12px;
  height: auto;
  min-height: 50px;
}

select {width:100%;}

ul {
  outline:none;
  list-style:none;
}

li {list-style:none;}

.struct {
  max-width:1308px;
  margin:0 auto;
}

.left {
  float:left;
  width:49%;
}

.right {
  float:right;
  width:49%;
}

.hide,
#header,
#logo-wrapper,
#navigation,
#footer,
#enginetag,
#back-top, 
#navbar{display:none;}

.clear {clear:both;}

fieldset {border-width:0}

.noborder {border-width:0!important;}

.row {
  padding-right: 15px;
  padding-left: 15px;
  margin:0 auto;
  max-width:1140px;
}

.padding-zero {
  padding-left:0!important;
  padding-right:0!important;
}

.padding-left-zero {padding-left:0!important;}

.padding-right-zero {padding-right:0!important;}

sup {line-height:14px;}


/*listagem de prod*/
.product-image-wrapper {
  height:428px;
  border: 1px solid #f7f7f5;
  margin-bottom: 5px;
  overflow: hidden;
}

.see-product-details {
  border-top:1px solid #f7f7f0;
  height:40px;
  display:block;
  line-height:40px;
  text-align:center;
}

.see-product-details a{
  color: #b3afa8;
  display:block;
  font-family: "Roboto",sans-serif;
  font-size: 13px;
  vertical-align:middle;
}

.see-product-details a:hover{color:#3EA2D6;}

.prod-image-wrapper {height:230px;}

.single-products {
  text-align:center;
  position: relative;
}

.new,
.sale {
  position: absolute;
  right: 0;
  top: 0;
}

.productinfo h2 {
  color: #3EA2D6;
  font-family: "Roboto",sans-serif;
  font-size: 24px;
  min-height:34px;
  font-weight: 700;
}

.product-overlay h2 {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.productinfo p {
  color: #696763;
  font-family: "Roboto",sans-serif;
  font-size: 10px;
  height:31px;
  overflow:hidden;
  font-weight: 400;
}

.productinfo img {width: 98%;}

.productinfo {
  height:380px;
  position: relative;
}

.product-overlay {
  background:#3EA2D6;
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  transition: height 500ms ease 0s;
  width: 100%;
}

.single-products:hover .product-overlay {
  display: block;
  height: 100%;
}

.product-overlay .overlay-content {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.back {
  background:#f5f5ed;
  margin:10px 0 0;
  float:right;
}

.add-to-cart {background:#f5f5ed;}

.product-overlay .add-to-cart {
  background:#fff;
  border: 0 none;
  color: #3EA2D6;
  font-family: "Roboto",sans-serif;
  font-size: 15px;
  margin-bottom: 25px;
}

.product-overlay .add-to-cart:hover {
  background:#fff;
  color: #000;
}
.product-overlay p {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 400;
}
/*listagem tabs - layout 10*/
.prod-list-smll .product-image-wrapper{height:346px;}

.prod-list-smll .prod-image-wrapper{
  vertical-align:middle;
  height:164px;
  line-height:164px;
}

.prod-list-smll .prod-image-wrapper img{
  vertical-align:middle;
  max-height:160px;
}

.prod-list-smll .productinfo {height:auto;}

.prod-list-smll .see-product-details{margin-top:12px;}
/*produto completo*/
.main-image img{width:100%;}

.product-details {}

.product-information {
  border: 1px solid #f7f7f0;
  overflow: hidden;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-top: 60px;
  position: relative;
}
/*galeria*/
.thumbnails:before {left:0!important;}

thumbnails:after{left:auto!important;}

.thumbnails {
  z-index: 999;
  top:398px;
  position: absolute!important;
  margin:0px 0 0;
  margin-left:-3px!important;
  display:inline-block;
  vertical-align:top;
}

.thumbnails li{
  margin-bottom:15px;
  display:inline-block;
  float:left;
  vertical-align:top;
  opacity: 1;
  height:71px!important;
  width:70px!important;
  border: 1px solid #DDDDDD;
  margin:0 5px 15px 4px;  
  transition:all 0.15s ease 0s;
  overflow: hidden;
}

.thumbnails li a{
  min-height:70px;
  line-height:65px;
  display:block;
  text-align:center;
  vertical-align:middle;
}

.thumbnails li a img{vertical-align:middle;}

.thumbnails li:hover{ opacity: 0.7}

.thumbnails a{
  text-align:center;
  display:block;
  border: 1px solid #fff;
}

.main-image {
  line-height:380px;
  border: 1px solid #f7f7f0;
  height: 380px;
  width: 100%;
}

.main-image img{vertical-align:middle;}

.product-information p{
  color: #696763;
  font-family: "Roboto",sans-serif;
  margin-bottom: 5px;
}

.product-information span{
  color: #3EA2D6;
  float: left;
  font-family: "Roboto",sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin:18px 20px 8px 0;
}

.product-information span span{margin:0px 10px 0px 0;}

.product-information .add-to-cart {display:inline-block;}

.product-information label{
  color: #696763;
  font-family: "Roboto",sans-serif;
  font-weight: 700;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.42857;
}

.product-information input{
  border: 1px solid #dededc;
  color: #696763;
  font-family: "Roboto",sans-serif;
  font-size: 20px;
  font-weight: 700;
  height: 33px;
  outline: medium none;
  text-align: center;
  width: 50px;
}
/*addthis*/
.addthis_toolbox{margin-top:10px;}

.addthis_toolbox a span{margin:0!important;}
/*prodcarousel*/
.view-product {
  width:308px!important;
  width:100%;
  height:480px;
}

.prodcarousel {}

.prod-next,
.prod-prev,
.prod-associado-btn-left,
.prod-associado-btn-right{
  opacity:0.6;
  z-index: 1010;
  background:#3EA2D6;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px;
  border:0;
  position:relative;
  margin-top:35px;
}

.prod-next:hover,
.prod-prev:hover,
.prod-associado-btn-left:hover,
.prod-associado-btn-right:hover {
  opacity:1;
  background:#F5F5ED;
}

.prod-next {
  position:absolute;
  right:0;
  top:380px;
}

.prod-associado-btn-left {
  position:absolute;
  margin:155px 0 0 0px;
}

.prod-associado-btn-right {
  position:absolute;
  margin:155px 0 0 0px;
  right:0;
}
/*produtos relacionados*/
#prods_relacionados {margin:0 0 0 15px;}

#prods_relacionados li{margin:0 20px;}
/*carrinho*/
#product-list {
  border: 1px solid #e6e4df;
  margin-bottom:40px;
}

#product-list th {
  background:#3EA2D6;
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  padding:5px 10px;
  font-weight: normal;
  height:51px;
}

#product-list td{
  border-bottom: 1px solid #f7f7f0;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.42857;
}

.cart-remove-link a{
  background:#f0f0e9;
  display:inline-block;
  height:;
  width:;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 7px;
}

.cart-remove-link a:hover {background:#3EA2D6;}

.cart-pic {}

.cart-name {}

.cart-dims {}

.cart-money {
  color: #696763;
  font-size: 18px;
}

.cart-qtd input{
  color: #696763;
  font-size: 16px;
  border:1px solid #696763;
  text-align: center;
  display:inline-block;
  width:30px;
}

.cart-qtd icon{float:right;}

.cart-total-money {
  color:#3EA2D6;
  font-size: 24px;
}

#product-list tfoot td {
  padding:10px 5px 5px;
  color: #696763;
  padding-left:25px;
  border:0px;
  font-size: 14px;
}

.last-row-cart {
  border-top:1px solid #f7f7f0!important;
  padding-top:10px!important;
  padding-bottom:15px!important;
}

#product-list .total.money.last-row-cart {color:#3EA2D6;}

.cart-button {
  background:#f0f0e9;
  color: #696763;
  display: inline-block;
  float: left;
  font-size: 16px;
  height: 25px;
  text-align: center;
  width: 25px;
  cursor:pointer;
}

.inc.cart-button {
  margin-left: -19px;
  position: relative;
}

.dec.cart-button {
  float:right;
  position: relative;
}

.cart-goback {
  text-align:left;
  padding-bottom:20px!important;
  border-bottom:1px solid #f7f7f0!important;
}

.cart-goback a{float:left;}

.cart-checkout{
  padding-top:20px!important;
  padding-right:25px!important;
  padding-bottom:20px!important;
  border-top:1px solid #f7f7f0!important;
}

.cart-checkout .btn,
#pwd_retrieve_box .btn,
.btn-input{
  float:right;
  color:#fff;
  background:#3EA2D6;
  transition:all 300ms ease 0s;
}

#pwd_retrieve_box .btn,
.btn-input {float:none;}

.cart-checkout .btn:hover,
#pwd_retrieve_box .btn:hover,
.btn-input:hover{
  color:#3EA2D6;
  background:#F0EFEA;
}

.cart-subtotal-prod,
.cart-total-money,
tfoot .money{text-align:center;}
/*login*/
#login-form {margin-bottom:40px;}

#login-form .input input,
#login-form .input select,
#login-form .input textarea,
#checkout-steps .input input,
#checkout-steps .input select,
#checkout-steps .input textarea,
#emailtogo{
  background:#f0f0e9;
  border:0;
  min-height:40px;
  font-weight: 300;
  margin:0px 0 5px;
  padding: 10px;
  width: 100%;
  display:inline-block;
  max-width:310px;
}

#login-form .input label,
#checkout-steps label{
  color: #696763;
  font-size: 16px;
  font-weight: 300;
  font-family: "Roboto",sans-serif;
}

#login-form .input,
#checkout-steps .input{
  margin-bottom:20px;
  clear:both;
}

.login-btn input,
.btn-input{
  background:#3ea2d6;
  border: 0;
  border-radius: 5px;
  margin-top: 16px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  color:#fff;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-family: "Roboto",sans-serif;
  transition:all 300ms ease 0s;
}

.login-btn input:hover{
  color:#3EA2D6;
  background:#F0EFEA;
}

.forget-password {
  display:block;
  margin:20px 0;
  padding:20px 0;
  border-top:1px solid #ccc;
}

.forget-password div {
  display:inline-block;
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid #ccc;
}

#login-form .small {
  display:inline-block;
  margin-left:5px;
  vertical-align:sub;
}

.down-space {margin-bottom:20px;}

.warning {
  padding:15px 25px;
  background:#F0F0E9;
  color:#000;
  margin:20px 0 35px;
}
/*painel de utilizador*/
.user_panel {}

.user_panel a{
  display:inline-block;
  margin:0 0 0 25px;
  padding:0 0 0 25px;
  border-left:1px solid #ccc;
}

.user_panel a:first-child{
  border-left-width:0;
  margin-left:6px;
  padding-left:6px;
}

.user_panel a:hover{
  text-decoration:underline;
  color:#ccc;
}
/*edit dados utilizador*/
.address {margin-bottom:30px;}

.link-edit,
.link-delete {
  margin-top:14px;
  float:right;
  postion:relative;
}

.link-edit a,
.link-delete a {color:#000;}

.link-edit a:hover,
.link-delete a:hover {color:#3EA2D6;}

.link-edit {
  padding-left:5px;
  margin:14px 8px 0 5px;
  border-left:1px solid #ccc;
}

.link-delete {}

.address-nome b{
  background:#f0f0e9;
  color: #363432;
  font-family: "Roboto",sans-serif;
  font-size: 20px;
  font-weight:300;
  display:block;
  margin-bottom:15px;
  padding: 10px 25px;
}

.address-morada {
  border-bottom:1px solid #f0f0e9;
  padding: 10px 25px;
}

.address-obs {
  border-bottom:1px solid #f0f0e9;
  padding: 10px 25px;
}

.link-add {padding:25px 0 0 25px;}
/*checkout*/
#checkout-steps {}

.step-body {display:none;}

.step-body.on {
  display:block;
  padding:20px 0px;
  margin-bottom:2px;
}

.step-title{
  background:#f0f0e9;
  color: #363432;
  font-weight: normal;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  padding: 10px 25px;
  background:#f7f7f7;
  clear: both;
  margin:1px 0 2px;
}

.step-title.on{
  background:#3ea2d6;
  color: #fff;
  font-size: 16px;
  display:block;
  min-height:41px;
  line-height:41px;
  text-transform: uppercase;
}

.step-title.on a{color:#fff;}

.step-body.on .input label{
  vertical-align:top;
  margin-top:7px;
}

.step-title span{
  color:#8CD3F7;
  display:inline-block;
  padding-right:4px;
  margin-right:4px;
}

.step-title.on a{color:#fff;}

.error-msg{display:none;}

.error-msg.error-on{
  color:#CE0404;
  border-bottom:1px solid #ccc;
  display:block;
  padding:4px 5px 8px;
  margin-bottom:5px;
}
/*step1*/
#checkout_mode_2,
#checkout_mode_1 {margin:0 10px 20px 0;}
/*step2*/
.address-list {
  width:100%;
  margin-bottom:20px;
  border-bottom:1px solid #ccc;
}

.address-list td{
  padding-bottom:20px;
  width:46%;
  padding-left:2%;
  padding-right:2%;
}

.address-list .btn {float:right;}

#step2 .left,
#step2 .right,
#step3 .left,
#step3 .right{
  padding-left:2%;
  padding-right:2%;
}

#step2 span,
#step3 span{color:#3EA2D6;}

#shipping_address_same {margin:0 12px 20px 0;}
/*step4*/
.metodo {
  margin-bottom:20px;
  display:inline-block;
  width:100%;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
}

.metodo .left{
  width:5%;
  vertical-align:sub;
}

.metodo .right{
  vertical-align:top;
  width:95%;
}

.metodo-nome {
  font-weight:300;
  font-size:16px;
}

.small-txt,
.pvp,
.currency {
  display:inline-block;
  color:#939393;
}

.pvp,
.currency{
  margin:0 2px;
  color:#000;
}

#product-list {}

#step6 #product-list td{
  padding:8px 5px;
}

#step6 #product-list td span{
  color: #939393;
  margin-left:4px;
}

.metodo .title {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
  padding: 15px 20px;
  background:#f0f0e9;
  color: #363432;
  font-family: "Roboto",sans-serif;
  font-size: 20px;
  margin-bottom:5px;
}

#step6 .gray2 {
  line-height:22px;
  padding:5px 10px;
}

#step6 textarea {
  border:1px solid #f0f0e9;
  width:100%;
  padding: 10px;
  margin-top:5px;
}