@charset "utf-8";
/* CSS Document */

body {font-family: 'Questrial', sans-serif !important; text-align:justify !important;}

h1, h2, h3, h4, h5, h6  {font-family: 'Questrial', sans-serif !important;}

/* header top */

#header-top {
background:url(../../images/finactiv-header-top.jpg) top center repeat-x;
background-color:#023a78;
height:46px;
}

#header-container {
margin-top: 10px;
margin-right: 280px;
float: right;
}

#idioma {
float: right;
z-index: 1;
position: relative;
top: -34px;
right: -260px;
}

#header-middle {
background:url(../../images/finactiv-header-middle.jpg) top center repeat-x;
background-color:#fbfbfb;
height:191px;
}

/*.input-lg2{
height: 24px;
padding: 6px 6px;
font-size: 14px;
line-height: 1.33;
border-radius: 0px;
position: relative;
right: -86px
}*/

.input-lg2 {
  height: 24px;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 0px;
  position: relative;
  right: -134px;
  width: 160px;
}

/*.look-up {
float: right;
top: -24px;
left: 114px;
position: relative;
}*/

.look-up {
  float: right;
  top: -24px;
  left: 162px;
  position: relative;
}

.img-responsive2 {
width: 100% \9;
max-width: 100%;
height: auto;
}

.logotipo {
float: left;
padding-top: 46px;
padding-bottom: 8px;
}

.navbar {
  position: static;
}

/*.navbar .nav > li {
 z-index: 100001;
}**/

@media (min-width: 768px) {
.navbar-nav {
top: 66px !important;
position: relative !important;
left: 38px !important;
}}

.navbar-inverse {
background:url(../../images/finactiv-header-middle.jpg) top center;
min-height:191px;
border: none;
margin-bottom: 0px;
}

.navbar-nav.navbar-right:last-child {
margin-top: 48px;
}

.navbar-inverse .navbar-nav>li>a {
color: #023a78;
font-weight: bold;
font-size: 16px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #e72b37;
background-color: transparent;
}

.navbar-nav>li>a {
padding-top: 4px;
padding-bottom: 4px;
}

@media (min-width: 768px) {
.navbar-nav.navbar-right:last-child {
	margin-top: 12px;
}}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
color: #023a78 !important;
background-color: transparent !important;
}

.dropdown-menu {
min-width: 200px !important;
border: none !important;
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
/*position: relative !important;*/
}

.dropdown-menu>li>a {
color: #023a78 !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
color: #023a78 !important;
background-color: #fff !important;
}

@media only screen and (max-width : 768px) {
       .navbar-collapse { 
	    position: relative;
		/**top: -106px;**/
	   }
}


@media only screen and (max-width : 768px) {
       .navbar-collapse li { background: #fff; }
}

@media only screen and (max-width : 768px) {
       .navbar-collapse li a { background: #fff; }
}*/


#text, #imagen {width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}

#imagen {z-index: 10}

.carousel-control {
color: #023a78 !important;
}

.gris {
color: #a3a3a3;	
font-size: 25px;
font-weight: bold;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.services {
font-size: 20px;
color:#a3a3a3;
text-transform: uppercase;
}

.btn-success {
color: #fff;
background-color: #e72b37;
border-color: #e72b37;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #c6131e;
border-color: #c6131e;
}

.info1 {
padding: 10px;
border-radius: 0 0 5px 5px;
background:url(../../images/finactiv-back1.jpg);
height:40px;
color:#FFF;
text-align:center;
}

.info1 a {
color: #fff;
text-decoration:none;
}

.info2 {
padding: 10px;
border-radius: 0 0 5px 5px;
background:url(../../images/finactiv-back2.jpg);
height:40px;
color:#FFF;
text-align:center;
}

.info2 a {
color: #fff;
text-decoration:none;
}

.info3 {
padding: 10px;
border-radius: 0 0 5px 5px;
background:url(../../images/finactiv-back3.jpg);
height:40px;
color:#FFF;
text-align:center;
}

.info3 a {
color: #fff;
text-decoration:none;
}

.info4 {
padding: 10px;
border-radius: 0 0 5px 5px;
background:url(../../images/finactiv-back4.jpg);
height:40px;
color:#FFF;
text-align:center;
}

.info4 a {
color: #fff;
text-decoration:none;
}

.product-box .price h5 {
line-height: 12px !important;
font-weight:bold !important;
}

.input-lg, .form-horizontal .form-group-lg .form-control {
border-radius: 0px;
}

.form-control {
border-radius: 0px;
}

.btn-lg, .btn-group-lg>.btn {
border-radius: 0px;
}

.btn-success {
border-radius: 0px;
}

h4 {color:#023165;}

a {
color: #023165;
text-decoration: none;
}

.footer-back {
background: #e72b37;
}

.social-links a {
margin-right: 6px;
margin-top: 4px;
padding: 3px 5px;
background: transparent !important;
border-bottom: none;
min-width: 25px;
display: inline-block;
text-align: center;
border-radius: 2px;
color: #fff !important;
}

address {
color:#fff;
}

.submenu {
padding-top:0px;
float:right;
}

.submenu a {
  color: #fff;
  padding-left: 10px;
  font-size: 16px;
}

.panel2 {
-webkit-transition-property: scale;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition: all 0.2s ease-in-out;
max-width: 346px;
}

.nota {
color:#023165;
font-size:10px;
text-align:center;
}

.frase {
color: #023a78;
font-style:italic;
font-weight:bold;
font-size:18px;
}

.frase2 {
color: #023a78;
font-weight: bold;
font-size: 22px;
font-weight: bold;
}

.page-header2 {
padding-bottom: 9px;
margin: 40px 0 0px;
}

#info h1 {
color:#023a78;
text-transform:uppercase;
font-size:24px;
font-weight:bold;
}

#info h2 {
color:#e72b37;
text-transform:uppercase;
font-weight:bold;
font-size:16px;
}

#info p {
color:#706f6f;
font-size:16px;
}

#banner1 { background: url(../../images/finactiv-banner3-3.jpg) center no-repeat; max-width: 100%; height:226px;
padding-top: 54px;
padding-left: 26px;
padding-right: 144px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
margin-bottom: 20px;}

#banner1 a:hover {	
 text-decoration: none;
}

#banner2 { background:url(../../images/finactiv-banner3-4.jpg) center no-repeat; max-width: 100%; height:226px;
padding-top: 54px;
padding-left: 26px;
padding-right: 144px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
margin-bottom: 20px;}

#banner2 a:hover {	
 text-decoration: none;
}

#banner3 { background:url(../../images/finactiv-banner3-5.jpg) center no-repeat; max-width: 100%; height:226px;
padding-top: 54px;
padding-left: 26px;
padding-right: 144px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
margin-bottom: 20px;}

#banner3 a:hover {	
 text-decoration: none;
}

#banner4 { background:url(../../images/finactiv-aesoramiento3.jpg) center no-repeat; max-width: 100%; height:226px;padding-top: 128px;
padding-left: 0px;
padding-right: 144px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
color:#FFF;
margin-bottom: 20px;}

#banner4 a {	
 color:#FFF;
}

#banner4 a:hover {	
 text-decoration: none;
 color:#FFF;
}

#banner5 { background:url(../../images/finactiv-aesoramiento4.jpg) center no-repeat; max-width: 100%; height:226px;padding-top: 128px;
padding-left: 0px;
padding-right: 144px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
color:#FFF;
margin-bottom: 20px;}

#banner5 a {	
 color:#FFF;
}

#banner5 a:hover {	
 text-decoration: none;
 color:#FFF;
}

#banner6 { background:url(../../images/finactiv-aesoramiento5.jpg) center no-repeat; max-width: 100%; height:226px;padding-top: 128px;
padding-left: 0px;
padding-right: 144px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
color:#FFF;
margin-bottom: 20px;}

#banner6 a {	
 color:#FFF;
}

#banner6 a:hover {	
 text-decoration: none;
 color:#FFF;
}


#nota {
background:url(../../images/finactiv-info-back.jpg) top center repeat-y;
}

#nota h1 {
	text-align:center;
	color:#FFF;
	padding:16px 16px 16px 16px;
	font-weight: bold;
	font-size:18px;
	margin: 0px;
}

#nota p {
	text-align:center;
	color:#FFF;
	padding:0px 24px 44px 24px;
	font-size:16px;
}

#nota div {padding: 0px;}

.back1 {
background:url(../../images/finactiv-guia-1.jpg) no-repeat center !important; 
max-width: 100%;
height: 67px;
text-align: center;
color: #604580;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

.back2 { 
background:url(../../images/finactiv-guia-2.jpg) no-repeat center !important;
max-width: 100%;
height: 67px;
text-align: center;
color: #eec200;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

.back3 {
background:url(../../images/finactiv-guia-3.jpg) no-repeat center!important;
max-width: 100%;
height: 67px;
text-align: center;
color: #a2bd30;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

.back4 {
background:url(../../images/finactiv-deducciones-1.jpg) no-repeat center !important; 
max-width: 100%;
height: 67px;
text-align: center;
color: #604580;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

.back5 { 
background:url(../../images/finactiv-deducciones-2.jpg) no-repeat center!important;
max-width: 100%;
height: 67px;
text-align: center;
color: #eec200;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

.back5b { 
background:url(../../images/finactiv-valor-agregado-2.jpg) no-repeat center!important;
max-width: 100%;
height: 67px;
text-align: center;
color: #eec200;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

.back6 {
background:url(../../images/finactiv-deducciones-3.jpg)no-repeat center !important;
max-width: 100%;
height: 67px;
text-align: center;
color: #a2bd30;
font-weight: bold;
text-transform: uppercase;
padding-top: 14px !important;
font-size: 22px;
}

#nota2 {
background:url(../../images/finactiv-guia-back-1.jpg) top center repeat-y;
}

#nota2 h1 {
	text-align:center;
	color:#FFF;
	padding:16px 16px 16px 16px;
	font-weight: bold;
	font-size:18px;
	margin: 0px;
}

#nota2 p {
	text-align:center;
	color:#FFF;
	padding:0px 24px 44px 24px;
	font-size:16px;
}

#nota2 div {padding: 0px;}

#nota3 {
background: url(../../images/finactiv-guia-back-2.jpg) top center repeat-y;
}

#nota3 h1 {
	text-align:center;
	color:#FFF;
	padding:16px 16px 16px 16px;
	font-weight: bold;
	font-size:18px;
	margin: 0px;
}

#nota3 p {
	text-align:center;
	color:#FFF;
	padding:0px 24px 44px 24px;
	font-size:16px;
}

#nota3 div {padding: 0px;}

#nota4 {
background: url(../../images/finactiv-guia-back-3.jpg) top center repeat-y;
}

#nota4 h1 {
	text-align:center;
	color:#FFF;
	padding:16px 16px 16px 16px;
	font-weight: bold;
	font-size:18px;
	margin: 0px;
}

#nota4 p {
	text-align:center;
	color:#FFF;
	padding:0px 24px 44px 24px;
	font-size:16px;
}

#nota4 div {padding: 0px;}


.fa-li {
color: #e72b37 !important;
line-height:34px  !important;
}

.fa-ul li {line-height:34px;}

.remark1 {text-align: center; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase;}

#remark2 {text-align: center; color:#fff; font-size:14px; border-bottom: #fff solid 1px; padding-bottom: 8px !important; padding-top: 8px !important;}

informacion1 {
z-index: 2;
color: #fff;
text-align:center;
	}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#info li {
	color: #706f6f;
	font-size: 16px;
}

.btn-primary {
background-color: #e72b37 !important;
border-color: #e72b37 !important;
}

.featurette-divider {
margin: 38px 0 !important;
}

.align-left {
float:left !important; 
}