Incam_PROFIND_Aterrizaje/src/css/style.css

601 lines
16 KiB
CSS
Raw Normal View History

/*---------- Import Bootstrap stylesheets ----------*/
@import url('bootstrap.min.css');
@import url('media.css');
/*----------------------------------------*/
body {
background: #F2F2F2;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #454545;
font-weight: 300;
line-height: 1.5em;
}
img, embed, object, video {
max-width: 100%;
height: auto;
}
form {
margin: 18px 0 0 0;
}
ul, ol {
padding-bottom: 10px;
margin-bottom: 9px;
}
ul ul {
list-style: circle;
}
li {
line-height: 1.5em;
}
ol li {
margin-bottom: 9px;
}
video {
width: 100% !important;
height: auto !important;
}
.well {
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
background: #fff;
}
/*----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
color: #222222;
font-weight: 700;
line-height: 1.3em;
font-style: normal;
}
h1 {
font-size: 24px;
margin-bottom: 10px;
line-height: 1.3em;
letter-spacing: -1px;
word-spacing: 2px;
}
h2 {
font-size: 22px;
margin-bottom: 15px;
}
h3 {
font-size: 18px;
margin-bottom: 15px;
}
h4 {
font-size: 16px;
margin-bottom: 10px;
}
h5 {
font-size: 14px;
margin-bottom: 10px;
}
a {
color: #0048b4;
text-decoration: none;
cursor: pointer;
font-style: normal;
outline: none;
}
a:hover {
color: #454545;
text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #222222;
}
p {
padding-bottom: 10px;
}
.text-small {
font-size: 11px;
}
/*----------------------------------------*/
.link-arrow {
background: url(../img/arrow.png) no-repeat 0 3px;
padding-left: 15px;
font-size: 13px;
}
.btn-grey, .btn-green, .btn-cyan, .btn-brown {
padding: 10px 15px;
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 14px;
color: #fff;
font-weight: 700;
line-height: 14px;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}
.btn-big {
border-radius: 5px 5px 5px 5px;
font-size: 18px;
line-height: 18px;
padding: 18px 28px;
}
[class^="icon-"], [class*=" icon-"] {
vertical-align: middle;
}
.btn-grey {
background: #838485; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa0a1', endColorstr='#838485'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9fa0a1), to(#838485)); /* for webkit browsers */
background: -moz-linear-gradient(top, #9fa0a1, #838485); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #9fa0a1, #838485);
}
.btn-grey:hover {
background: #9fa0a1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838485', endColorstr='#9fa0a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#838485), to(#9fa0a1)); /* for webkit browsers */
background: -moz-linear-gradient(top, #838485, #9fa0a1); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #838485, #9fa0a1);
color: #fff;
}
.btn-green {
background: #62853e; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a14d', endColorstr='#62853e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#79a14d), to(#62853e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #79a14d, #62853e); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #79a14d, #62853e);
}
.btn-green:hover {
background: #79a14d; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62853e', endColorstr='#79a14d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#62853e), to(#79a14d)); /* for webkit browsers */
background: -moz-linear-gradient(top, #62853e, #79a14d); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #62853e, #79a14d);
color: #fff;
}
.btn-cyan {
background: #3e7b85; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d96a1', endColorstr='#3e7b85'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4d96a1), to(#3e7b85)); /* for webkit browsers */
background: -moz-linear-gradient(top, #4d96a1, #3e7b85); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #4d96a1, #3e7b85);
}
.btn-cyan:hover {
background: #4d96a1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7b85', endColorstr='#4d96a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#3e7b85), to(#4d96a1)); /* for webkit browsers */
background: -moz-linear-gradient(top, #3e7b85, #4d96a1); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #3e7b85, #4d96a1);
color: #fff;
}
.btn-brown {
background: #85613e; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1774d', endColorstr='#85613e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#a1774d), to(#85613e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #a1774d, #85613e); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #a1774d, #85613e);
}
.btn-brown:hover {
background: #a1774d; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85613e', endColorstr='#a1774d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#85613e), to(#a1774d)); /* for webkit browsers */
background: -moz-linear-gradient(top, #85613e, #a1774d); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #85613e, #a1774d);
color: #fff;
}
/*----------------------------------------*/
.checkmark li {
background: url(../img/bullet-checkmark.png) no-repeat 0 3px;
margin-bottom: 10px;
padding-left: 25px;
list-style-type: none;
}
.checkmark li:last-child {
margin-bottom: 0px;
}
/*----------------------------------------*/
.divider {
width: 100%;
margin: 30px auto;
border-top: 1px dashed #ccc;
display: inline-block;
}
.divider-10px {
width: 100%;
margin: 10px auto;
border-top: 1px dashed #ccc;
display: inline-block;
}
.spacer-30px {
width: 100%;
height: 30px;
display: inline-block;
}
.spacer-10px {
width: 100%;
height: 10px;
display: inline-block;
}
/*----------------------------------------*/
.highlight-red {
background: #b40000;
padding: 2px 4px;
color: #fff;
font-weight: 700;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.highlight-grey {
background: #a4a4a4;
padding: 2px 4px;
color: #fff;
font-weight: 700;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.highlight-blue {
background: #0083B4;
padding: 2px 4px;
color: #fff;
font-weight: 700;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.highlight-green {
background: #B4AE00;
padding: 2px 4px;
color: #fff;
font-weight: 700;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/*----------------------------------------*/
#header {
background: #fff;
padding: 20px 0 20px 0;
margin-bottom: 30px;
border-bottom: 1px solid #E4E4E4;
}
.box {
background: #fcfcfc;
padding: 20px;
margin: 0px auto 30px auto;
border: 1px solid #f4f4f4;
}
.box p {
padding-bottom: 0px;
}
.box .btn-green, .box .btn-grey, .box .btn-cyan, .box .btn-brown {
margin-left: 20px;
float: right;
}
/*----------------------------------------*/
.list-bg-icon li {
background: none;
list-style-type: none;
display: block;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4em !important;
}
.feature-bg-icon strong, .list-bg-icon strong {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 16px;
color: #222;
font-weight: 700;
}
.icon-bg {
width: 60px;
height: 60px;
margin: 0px 20px 20px 0px;
border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
float: left;
}
.icon-bg img {
float: left;
}
.blue-bg {
background: #0083b4;
}
.green-bg {
background: #b4ae00;
}
.red-bg {
background: #b40037;
}
.feature-heading-icon img {
margin-right: 10px;
float: left;
}
.feature-heading-icon h5 {
font-size: 14px;
line-height: 2.2em;
margin-bottom: 10px;
}
.feature-list li {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.6em;
background: none;
list-style-type: none;
display: block;
}
.feature-list li img {
margin-right: 10px;
float: left;
}
/*----------------------------------------*/
.pricing {
border: 1px solid #e4e4e4;
}
.pricing table {
width: 100%;
text-align: center;
color: #222;
}
.pricing table thead th {
background: #f6f6f6; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffffff, #f6f6f6); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #ffffff, #f6f6f6);
width: auto;
padding: 20px;
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 20px;
color: #222222;
border-bottom: 1px dashed #e4e4e4;
}
.pricing table td {
width: auto;
padding: 20px;
}
.pricing table ul li {
margin-bottom: 10px;
background: none;
list-style-type: none;
display: block;
}
.pricing table ul li:last-child {
margin-bottom: 0px;
}
.blue-td, .green-td, .red-td, .cyan-td {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-style: italic;
font-size: 12px;
}
.blue-td {
background: #0083b4;
}
.green-td {
background: #b4ae00;
}
.red-td {
background: #b40037;
}
.cyan-td {
background: #00aeb4;
}
.blue-td span, .green-td span, .red-td span, .cyan-td span {
padding-top: 5px;
font-size: 30px;
color: #fff;
font-weight: 400;
font-style: normal;
line-height: 1em;
display: block;
}
/*----------------------------------------*/
label, input, button, select, textarea {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #555;
font-weight: 300;
line-height: 14px;
}
select {
border-radius: 3px;
}
label {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
color: #222222;
margin-bottom: 5px;
display: block;
}
:-moz-placeholder {
font-size: 14px;
color: #999;
}
:-ms-input-placeholder {
font-size: 14px;
color: #999;
}
::-webkit-input-placeholder {
font-size: 14px;
color: #999;
}
span.valid {
width: 24px;
height: 24px;
background: url(../img/valid.png) center center no-repeat;
display: inline-block;
text-indent: -9999px;
}
#contactarResultado {
width: 100%;
display: block;
}
.addrs {
background: url(../img/world-map.png) no-repeat center top;
min-height: 120px;
}
.addrs table th {
padding-right: 20px;
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 13px;
color: #222;
text-align: right;
font-weight: 400;
vertical-align: top;
}
.addrs table td {
padding-bottom: 10px;
}
/*----------------------------------------*/
.tabnav-wrapper {
float: right;
}
.nav-tabs {
padding-top: 31px; /*tweak this to adjust tab nav according to height of your logo*/
padding-bottom: 0px;
margin: 0;
border-bottom: 1px solid transparent;
}
.nav-tabs > li > a {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 15px;
color: #939393;
padding: 0px 0px 5px 0px;
margin-right: 20px;
line-height: 15px;
border: none;
border-radius: none;
}
.nav-tabs > li > a:hover, .nav-tabs > .active > a {
color: #222;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #939393 !important;
border-width: 0px 0px 1px 0px !important;
background-color: transparent !important;
}
.nav-tabs .dropdown-menu {
background: #f2f2f2;
border: 1px solid #e4e4e4 !important;
border-radius: 0;
box-shadow: none;
border: none;
}
.nav-tabs .dropdown-menu a {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 12px;
color: #939393;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
color: inherit;
text-decoration: none;
background-color: transparent !important;
}
.nav > .dropdown.active > a:hover {
color: #000000;
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
color: #222;
border-color: transparent;
background-color: transparent !important;
}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
border-color: transparent;
background-color: transparent !important;
}
.nav-tabs .dropdown-toggle .caret {
margin-top: 6px;
border-top-color: #939393;
border-bottom-color: #939393;
}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
border-top-color: #939393;
border-bottom-color: #939393;
opacity: 1;
filter: alpha(opacity=100);
}
.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
border-top-color: #939393;
border-bottom-color: #939393;
}
.nav-pills.pagination-centered > li {
float: none;
display: inline-block;
}
/*----------------------------------------*/
#footer {
background: url(../img/footer-bg.png) repeat #444;
padding: 30px 0px 10px 0px;
margin-top: 30px;
border-top: 1px solid #e4e4e4;
color: #f4f4f4;
}
#footer a {
color: #81cde8;
}
#footer a:hover {
color: #fff;
}
#footer h5 {
color: #fff;
}
#footer ul.connected {
margin: 0;
padding: 0;
}
#footer ul.connected li {
margin-bottom: 10px;
background: none;
list-style-type: none;
float: left;
line-height: 1em;
}
#footer ul.connected li img {
margin-right: 10px;
float: left;
}
.copyright {
font-family: "Droid Sans",Arial,Helvetica,Geneva,sans-serif;
font-size: 13px;
color: #939393;
}
#footer .tabnav-wrapper {
float: left;
}
#footer .nav-tabs {
padding-top: 0;
}
#footer .nav-tabs > li > a {
font-size: 14px;
padding-bottom: 10px;
}
#footer .nav-tabs > li > a:hover, .nav-tabs > .active > a {
border: 0;
}