/* IMPORT
/* ----------------------------------- */
/* COLOR
/* ----------------------------------- */
/* TYPOGRAPHY
/* ----------------------------------- */
/* MIXINS
/* ----------------------------------- */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/* Forms
========================================================================== */
/**
* Change font properties to `inherit` in all browsers (opinionated).
*/
button,
input,
select,
textarea {
font: inherit;
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* 2. Show the overflow in Edge, Firefox, and IE.
*/
button,
input,
select {
/* 2 */
overflow: visible;
}
/**
* Remove the margin in Safari.
* 1. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
/* 1 */
margin: 0;
}
/**
* Remove the inheritence of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritence of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Change the cursor in all browsers (opinionated).
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
/**
* Restore the default cursor to disabled elements unset by the previous rule.
*/
[disabled] {
cursor: default;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the odd appearance of search inputs in Chrome and Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
}
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Eric Meyer's CSS Reset + Nicolas Gallagher's Clearfix
* https://github.com/reefat/css-reset
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* BASE
/* ----------------------------------- */
body,
html {
height: 100%;
}
body {
background: #f5f5f5;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
color: #656565;
}
a {
-webkit-transition: all 0ms ease;
transition: all 0ms ease;
text-decoration: none;
}
/* HEADING */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 16px;
}
p {
margin-top: 0;
margin-bottom: 10px;
line-height: 1.4;
}
figure {
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
/* LIST - BASED */
/* FIELD - BASED */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
border: none;
padding: .5em 1em;
border: 1px solid #CFCFCF;
box-sizing: border-box;
}
/* FORM - BASED */
form p .label {
font-weight: bold;
display: block;
line-height: 1;
margin-bottom: 5px;
}
form header {
margin-bottom: 20px;
}
form header span {
margin: 0 0 5px;
display: block;
line-height: 1;
}
form header h2 {
margin-top: 0;
margin-bottom: 10px;
}
/* LAYOUT
/* ----------------------------------- */
.container {
width: 970px;
margin: auto;
position: relative;
}
/* SITE-HEADER */
.site-header {
background-color: #018DC2;
width: 100%;
position: relative;
overflow: hidden;
}
.site-header-middle {
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.07);
background-color: #28bbfd;
}
/* SECTION-CONTENT */
/* HEADER FOR CONTENT */
/* PAGE-CONTENT */
/* PAGE-BREADCRUMB */
.page-breadcrumb {
position: relative;
padding: 15px 0;
}
.page-breadcrumb ul li {
position: relative;
display: inline-block;
}
.page-breadcrumb ul li:after {
content: ">";
font-weight: normal;
position: absolute;
display: block;
right: -5px;
top: 1px;
}
.page-breadcrumb ul li:first-child span,
.page-breadcrumb ul li:first-child a {
margin-left: 0;
}
.page-breadcrumb ul li:last-child:after {
content: "";
}
.page-breadcrumb ul li:last-child span,
.page-breadcrumb ul li:last-child a {
margin-right: 0;
}
.page-breadcrumb ul li span,
.page-breadcrumb ul li a {
font-size: 11px;
display: block;
line-height: 1.4;
margin: 0 15px;
text-transform: uppercase;
}
.page-breadcrumb ul li a {
color: #009ee3;
}
/* POST-CONTENT */
.content-post {
float: right;
}
/* POST-PAGINATION */
.pagination-post {
text-align: center;
position: relative;
display: block;
margin: 15px 0;
width: 100%;
}
.pagination-post .prev,
.pagination-post .next {
font-size: 21px;
line-height: 36px !important;
}
.pagination-post .prev {
float: left;
}
.pagination-post .next {
float: right;
}
.pagination-post .pagination-post-center {
text-align: center;
display: inline-block;
}
.pagination-post a,
.pagination-post span {
display: inline-block;
margin: 0 7px;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.pagination-post a {
color: #009ee3;
}
.pagination-post a:hover,
.pagination-post a:focus {
background: white;
color: #616161;
}
.pagination-post .current {
background: white;
color: #616161;
}
/* SIDEBAR-CONTENT */
/* SIDEBAR */
/* SITE-FOOTER */
.site-footer {
padding-top: 45px;
background: #FAFAFA;
position:relative;
}
.site-footer a {
font-size: 11px;
}
.site-footer h3 {
font-size: 16px;
}
.site-footer a:hover {
color: #29BAFD !important;
text-decoration:underline;
}
.site-footer-bottom p{
font-size: 12px;
color: #A9A9A9;
}
.site-footer-bottom h3{
font-size: 16px;
}
.site-footer .content .widget {
padding-right: 10px;
}
.site-footer-top .logo-footer {
width: 20%;
}
.site-footer-top .box-form-assinar {
width: 80%;
}
.site-footer-bottom {
background: white;
}
/* MODULE / COMPONENT
/* ----------------------------------- */
/* LOGO */
.logo-site {
position: absolute;
background: #28bbfd;
padding: 2px 20px 0;
box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.07), 4px -2px 4px rgba(0, 0, 0, 0.07);
}
.logo-site a {
display: block;
z-index: 99999999 !important;
text-indent:-9999px;
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-position:50% 50%;
width: 105px;
height: 75px;
position:relative;
}
.logo-site ~ .logo-smallest {
position: relative;
margin-left: 155px;
margin-top:2px;
}
/* ALIGN */
.alignleft {
text-align: left;
}
.alignleft img {
display: inline-block;
}
.aligncenter {
text-align: center;
}
.aligncenter img {
display: inline-block;
}
.alignright {
text-align: right;
}
.alignright img {
display: inline-block;
}
/* BUTTON */
.btn {
display: inline-block;
color: #656565;
padding: 10px 12px;
border: none;
background: #f5f5f5;
text-transform: uppercase;
font-weight: bold;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
border-radius: 3px;
}
.btn-success {
color: white;
background: #39c820;
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2);
}
.btn-success:hover,
.btn-success:focus {
background: #48d32e;
}
.btn-fullwidth {
width: 100%;
}
/* FORM */
.form-assinar {
margin-bottom: 30px;
}
.form-assinar input[type="text"],
.form-assinar input[type="email"] {
width:100% !important;
padding: 1em;
height: 45px;
margin-top: -3px !important;
background-color: white !important;
}
.form-assinar input[type="submit"] {
margin-top: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.form-assinar .btn {
padding: 13px 12px;
}
/* NAVIGATION */
.main-navigation {
text-align: center;
margin-left: 150px;
z-index: 99;
width: 820px;
}
.main-navigation ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.main-navigation ul li {
display: block;
}
.main-navigation ul li.active > a,
.main-navigation ul li:hover > a,
.main-navigation ul li:focus > a {
background: white;
color: #28bbfd;
}
.main-navigation ul li > a {
color: white;
display: block;
padding: 20px 11px;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}
/* LIST */
.list-info {
text-align: right;
margin: 12px 0;
left: -15px;
position: inherit;
}
.list-info li {
display: inline-block;
}
.list-info li:first-child {
position:absolute;
left: 260px;
top: 8px;
}
.list-info li:last-child > span,
.list-info li:last-child > a {
margin-right: 0;
}
.list-info li > span,
.list-info li > a {
color: white;
display: block;
margin: 0 15px;
font-size: 12px;
}
/* WIDGET */
.widget {
position: relative;
margin-bottom: 20px;
}
.title-widget {
color: #656565;
margin-top: 0;
margin-bottom: 5px;
}
.widget-list ul li {
display: block;
}
.widget-list ul li a {
display: inline-block;
color: #656565;
margin-bottom: 5px;
}
.widget-format-payment ul li {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.widget-format-payment ul li.sep {
width: 60px;
height: 30px;
position: relative;
}
.widget-format-payment ul li.sep:before {
content: "";
position: absolute;
left: 0;
right: 0;
width: 1px;
height: 100%;
top: 5px;
margin: auto;
background: #A9A9A9;
}
.widget-format-payment ul a {
display: block;
width:50px;
height:50px;
}
.widget-format-payment ul a.visa {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-position:50% 50%;
}
.widget-format-payment ul a.master {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-position:50% 50%;
}
.widget-format-payment ul a.amex {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-position:50% 50%;
}
.widget-format-payment ul a.diners {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-position:50% 50%;
}
.widget-format-payment ul a.hipercard {
background: url('data:image/svg+xml;charset=UTF-8,');
background-repeat:no-repeat;
background-position:50% 50%;
}
.widget-info {
color: #A9A9A9;
}
.widget-info a {
color: #A9A9A9;
}
/* HELPER
/* ----------------------------------- */
.clearshadow:before,
.clearshadow:after {
content: "";
position: absolute;
height: 49px;
background: #28bbfd;
bottom: 0;
width: 6px;
}
.clearshadow:before {
left: -4px;
}
.clearshadow:after {
right: -5px;
}
.resetlist,
.page-breadcrumb ul,
.main-navigation ul,
.list-info,
.widget-list ul,
.widget-format-payment ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.resetline {
line-height: 1;
}
.owlcarouselfix .owl-wrapper,
.owlcarouselfix .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
z-index: 999;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.owlcarouselfix .owl-dots {
display: none !important;
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
text-align: center;
}
.owlcarouselfix .owl-dots .owl-dot {
display: inline-block;
}
.owlcarouselfix .owl-dots .owl-dot span {
border-radius: 50%;
height: 15px;
width: 15px;
background: white;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
display: block;
margin: 0 5px;
position: relative;
}
.owlcarouselfix .owl-dots .owl-dot span:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
left: 0;
bottom: 0;
right: 0;
top: 0;
margin: auto;
background: black;
}
.titlebox {
font-size: 21px;
}
.clearmargin {
margin: 0 !important;
}
/* SPACING */
.space15 {
display: block;
height: 15px;
width: 100%;
clear: both;
}
.space30 {
display: block;
height: 30px;
width: 100%;
clear: both;
}
.space45 {
display: block;
height: 45px;
width: 100%;
clear: both;
}
.space60 {
display: block;
height: 60px;
width: 100%;
clear: both;
}
.pl {
float: left !important;
}
.pr {
float: right !important;
padding-top: 8px;
}
/* TEXT */
.text-uppercase {
text-transform: uppercase;
}
.text-italic {
font-style: italic;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
/* THEME
/* ----------------------------------- */
/* RESPONSIVE-SUPPORT
/* ----------------------------------- */
.btn-rwd-sidebar {
display: none;
height: 36px;
width: 36px;
float: right;
margin-top: 25px;
position: relative;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.bars {
width: 21px;
height: 2px;
position: absolute;
background: white;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
line-height: 36px;
}
.bars:before,
.bars:after {
content: "";
position: absolute;
height: 2px;
width: 21px;
background: white;
}
.bars:before {
top: -5px;
}
.bars:after {
bottom: -5px;
}
@media (max-width: 1110px) {
.container {
width: inherit;
}
}
@media (max-width: 995px) {
.logo-site {
position: relative;
}
.logo-site:before,
.logo-site:after {
background-color: transparent;
}
.logo-site ~ .logo-smallest {
margin-left: 10px;
margin-top: 20px;
}
.list-info {
margin-top: 38px;
margin-bottom: 0;
}
.main-navigation {
margin-left: 0;
}
.main-navigation ul li > a {
font-size: 12px;
padding: 20px 5px;
}
.site-footer-top .logo-footer {
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.site-footer-top .box-form-assinar {
width: 100%;
}
.form-assinar {
margin-bottom: 30px;
}
.site-footer .space30 {
height: 0 !important;
}
}
@media (max-width: 690px) {
.logo-site ~ .logo-smallest {
float: right !important;
margin-top: 5px;
}
.list-info {
margin: 10px 0;
}
}
@media (max-width: 600px) {
.btn-rwd-sidebar {
display: inline-block;
}
.logo-smallest {
display: none;
}
.list-info {
display: none;
}
.site-header-middle {
display: none;
}
}
/*fixes*/
.services .content
{
width: auto !important;
display:inline-block !important;
}
.package-choice .grid-half
{
width: 100% !important;
}
.package-choice .inner-space-tiny_right
{
padding: 0px !important;
}
.package-choice .inner-space-tiny_left
{
padding: 0px !important;
padding-top:15px !important;
}
.orderWrapper {
background-color: white;
}
.orderWrapper h2 {
padding-top: 10px;
padding-left: 5px;
}
#lastOrder strong {
font-weight:bold;
}
.tab-content a .icon {
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 5px;
float: left;
position: relative;
top: -6px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("/Travel/Styles_B2C/images/submarino/menu-minhas.png");
}
.tab-content a .icon.home {
background-position: 0 0;
}
.tab-content a .icon.bags {
background-position: -25px 0px;
}
.tab-content a .icon.cart {
background-position: -50px 0px;
}
.tab-content a .icon.wedding-list {
background-position: -50px 0px;
transform:rotate(90deg);
}
.tab-content a .icon.user {
background-position: -75px 0px;
}
.tab-content a .icon.key {
background-position: -100px 0px;
}
.tab-content a .icon.message {
background-position: -125px 0px;
}
.item-logged {
display: block;
position: relative;
}
.item-logged:hover h3,
.item-logged:focus h3 {
color: #ffcb04;
}
.item-logged:hover .bags,
.item-logged:focus .bags {
background-position: 0 -80px !important;
}
.item-logged:hover .cart,
.item-logged:focus .cart {
background-position: -42px -80px !important;
}
.item-logged:hover .wedding-list,
.item-logged:focus .wedding-list {
background-position: -42px -80px !important;
transform:rotate(90deg);
}
.item-logged:hover .user,
.item-logged:focus .user {
background-position: -84px -80px !important;
}
.item-logged:hover .key,
.item-logged:focus .key {
background-position: -126px -80px !important;
}
.item-logged:hover .message,
.item-logged:focus .message {
background-position: -170px -80px !important;
}
.item-logged .icon {
float: left;
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url("/Travel/Styles_B2C/images/submarino/menu-meus.png");
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.item-logged .icon.bags {
background-position: 0 0;
}
.item-logged .icon.cart {
background-position: -42px 0;
}
.item-logged .icon.wedding-list {
background-position: -42px 0;
transform:rotate(90deg);
}
.item-logged .icon.user {
background-position: -84px 0;
}
.item-logged .icon.key {
background-position: -126px 0;
}
.item-logged .icon.message {
background-position: -170px 0;
}
.item-logged .content {
position: relative;
}
.item-logged h3 {
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
text-transform: uppercase;
color: #28bbfd;
margin-top: 0;
margin-bottom: 5px;
display: block;
}
.item-logged p {
margin-bottom: 0;
color: #333333;
}
a.item-logged.clearfix {
height: 50px !important;
}
.site-header-top.clearfix {
height:30px;
}
#faleConoscoForm select {
height: 30px !important;
background-color: white !important;
}
div.secondary .halfBox label[for='chkNonStop'] {
margin-top: 10px !important;
}
/*.search_results.hotel + .search_results.air {
margin-top: 112px !important;
}*/
.destiny.destination label.date {
margin-top: 10px !important;
}
/*#airPrice.search_results.air.value_price.content2 div.header.value_price2.filterHeader {
margin-top: 118px !important;
}*/
/*********** POPUP DE BAGAGEM ************/
.bag1 {
float: left;
margin-left: 5px;
}
.bag2 {
float: left;
margin: 13px 0px 0px 4px;
padding-right:6px;
}
.bagPopup {
position: absolute;
min-width: 180px;
margin-top: -30px;
background-color: white;
z-index: 999;
box-shadow: 0 0 8px 0px rgba(0,0,0, 0.3);
padding-right: 16px;
border-radius: 4px;
right: 0px;
white-space: nowrap;
display: none;
}
.bagPopup table{
width: 100%;
height: 100px;
}
.bagPopup table tbody tr{
height: 50px;
}
.bagPopup table tbody tr td{
vertical-align: middle;
text-align: left;
padding-left: 10px;
}
.bagPopup .title{
font-weight: bold;
margin-bottom: 0px !important;
padding-top: 10px;
}
.bagPopup .text{
color: lightslategray;
}
.modal.info.results .content .bagDetail{
}
.modal.info.results .content .bagDetail table{
width: 410px !important;
}
.modal.info.results .content .bagDetail table tbody tr td {
vertical-align: middle !important;
}
.modal.info.results .content .bagDetail .title{
font-weight: bold !important;
margin-bottom: 0px !important;
padding: 0px 0px 0px 13px !important;
}
.modal.info.results .content .bagDetail .text{
color: lightslategray;
padding: 0px 0px 0px 13px !important;
}
/****************/