/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.eot');
    src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-webfont.woff') format('woff'),
         url('../fonts/helvetica-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: "helveticalight";
  src: url("../fonts/helveticalight.eot");
  src: url("../fonts/helveticalight.eot#iefix") format("embedded-opentype"),
  url("../fonts/helveticalight.woff") format("woff"),
  url("../fonts/helveticalight.ttf") format("truetype"),
  url("../fonts/helveticalight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helveticathin";
  src: url("../fonts/helveticathin.eot");
  src: url("../fonts/helveticathin.eot#iefix") format("embedded-opentype"),
  url("../fonts/helveticathin.woff") format("woff"),
  url("../fonts/helveticathin.ttf") format("truetype"),
  url("../fonts/helveticathin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futuracondnormal";
  src: url("../fonts/futuracondnormal.eot");
  src: url("../fonts/futuracondnormal.eot#iefix") format("embedded-opentype"),
  url("../fonts/futuracondnormal.woff") format("woff"),
  url("../fonts/futuracondnormal.ttf") format("truetype"),
  url("../fonts/futuracondnormal.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FuturaCondExtBldObl";
  src: url("../fonts/futura-condextraboldobl.eot");
  src: url("../fonts/futura-condextraboldobl.eot#iefix") format("embedded-opentype"),
  url("../fonts/futura-condextraboldobl.woff") format("woff"),
  url("../fonts/futura-condextraboldobl.ttf") format("truetype"),
  url("../fonts/futura-condextraboldobl.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



body{
  font-family: 'helveticaregular'; 
}

h1{
color: #ffcc00;
font-family: 'FuturaCondExtBldObl';
font-style: oblique;
font-size: 36pt;
}

h2{
  font-family: 'futuracondnormal'; 
  font-size: 24pt;
}

h3{
  font-family: 'futuracondnormal'; 
  font-size: 36pt;
}

h4{
  font-family: 'FuturaCondExtBldObl'; 
  font-style: oblique;
  font-size: 24pt;
}
a {
  color: #222222;
  text-decoration: none;
}
a:hover,
a:focus {
color: #222222;


}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

footer a:hover,
footer .a:hover{

  color: #ffcc00;

}

footer a:focus,
footer .a:focus{

  color: #ffcc00;

}

.badge {
  color: #222222;
  background-color: #ffcc00;
}

.prf-centro p,
.prf-centro .p {
  margin-bottom: 15px;
  font-family: 'helveticathin';
  font-size: 18pt;
  text-align: center;
}

.jumbotron {
  font-family: 'FuturaCondExtBldObl';
  font-style: oblique;
    color: #fff;
    text-shadow: 4px 4px 6px #000000;
  background-image: url(../img/fondos/FondoLanding.jpg);
  background-position: center;
}

.jumbotron1 {
  background-image: url(../img/fondos/1.jpg);
  background-position: center;
}
.jumbotron2 {
  background-image: url(../img/fondos/2.jpg);
  background-position: center;
}
.jumbotron3 {
  background-image: url(../img/fondos/3.jpg);
  background-position: center;
}
.jumbotron4 {
  background-image: url(../img/fondos/4.jpg);
  background-position: center;
}


.jumbotron h1,
.jumbotron .h1 {
    font-family: 'FuturaCondExtBldObl';

  font-size: 36pt;
    text-shadow: 4px 4px 6px #000000;
}
.jumbotron h2,
.jumbotron .h2 {
    font-family: 'FuturaCondExtBldObl';

  color:#ffcc00;
  font-size: 36pt;
    text-shadow: 4px 4px 6px #000000;
}

.jumbotron p{
      text-shadow: 1px 1px 1px #000000;

}

.navbar-inverse {
	background-color: #ffcc00;
    border-color: #ffcc00;
    background-image: -webkit-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -o-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ffcc00));
    background-image: linear-gradient(to bottom,#ffcc00 0,#ffcc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffffcc00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}

.input-group-addon{
color: inherit;
  background-color: inherit;
  border: 0px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #222222;
    background-color: inherit;
    background-image: none;
    border: 0px solid #222222;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #222222;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(0, 0, 0, 0.6);
}

.form-control::-moz-placeholder {
  color: #222;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #222;
}
.form-control::-webkit-input-placeholder {
  color: #222;
}

.form-group{
    border: 1px solid #222222;

    border-color:#222222;
}



.btn-zp-invert {
    font-family: 'FuturaCondExtBldObl';
    font-style: oblique;
color: #ffcc00;
    background-color: #222222;
    background-image: -webkit-linear-gradient(top,#222222 0,#222222 100%);
    background-image: -o-linear-gradient(top,#222222 0,#222222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#222222),to(#222222));
    background-image: linear-gradient(to bottom,#222222 0,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb63622', endColorstr='#ffb63622', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #222222;
    border-radius: 0px;
     text-shadow: none;
      width: 50%;
     max-width: 400px;
    min-width: 150px;

}

.btn-zp {
    font-family: 'FuturaCondExtBldObl';
    font-style: oblique;
	color: #222222;
    background-color: #ffcc00;
    background-image: -webkit-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -o-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ffcc00));
    background-image: linear-gradient(to bottom,#ffcc00 0,#ffcc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffffcc00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #ffcc00;
    border-radius: 0px;
      text-shadow: none;
      width: 50%;
      max-width: 400px;
    min-width: 150px;
}
.btn-zp:hover,
.btn-zp:focus,
.btn-zp.focus,
.btn-zp:active,
.btn-zp.active,
.open > .dropdown-toggle.btn-zp {
  color: #222222;
  background-color: #ffcc00;
  border-color: #222222;
}

.btn-zp-invert:hover,
.btn-zp-invert:focus,
.btn-zp-invert.focus,
.btn-zp-invert:active,
.btn-zp-invert.active,
.open > .dropdown-toggle.btn-zp-invert {
  color: #222222;
    background-color: #ffcc00;
    background-image: -webkit-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -o-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ffcc00));
    background-image: linear-gradient(to bottom,#ffcc00 0,#ffcc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffffcc00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #ffcc00;
}

.btn-logeo {
 color: #ffcc00;
    background-color: #222222;
    background-image: -webkit-linear-gradient(top,#222222 0,#222222 100%);
    background-image: -o-linear-gradient(top,#222222 0,#222222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#222222),to(#222222));
    background-image: linear-gradient(to bottom,#222222 0,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb63622', endColorstr='#ffb63622', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #222222;
    border-radius: 0px;
    width: 100%;
}

.btn-logeo:hover,
.btn-logeo:focus,
.btn-logeo.focus,
.btn-logeo:active,
.btn-logeo.active,
.open > .dropdown-toggle.btn-logeo {
  color: #222222;
  background-color: #ffcc00;
      background-image: -webkit-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -o-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ffcc00));
    background-image: linear-gradient(to bottom,#ffcc00 0,#ffcc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffffcc00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
  border-color: #222222;
}

.btn-login {
    color: #ffcc00;
    background-color: #222222;
    background-image: -webkit-linear-gradient(top,#222222 0,#222222 100%);
    background-image: -o-linear-gradient(top,#222222 0,#222222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#222222),to(#222222));
    background-image: linear-gradient(to bottom,#222222 0,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb63622', endColorstr='#ffb63622', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #222222;
    border-radius: 0px;
}
.btn-login:hover,
.btn-login:focus,
.btn-login.focus,
.btn-login:active,
.btn-login.active,
.open > .dropdown-toggle.btn-login {
  color: #222222;
  background-color: #ffcc00;
      background-image: -webkit-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -o-linear-gradient(top,#ffcc00 0,#ffcc00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ffcc00));
    background-image: linear-gradient(to bottom,#ffcc00 0,#ffcc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffffcc00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
  border-color: #222222;
}


.panel-carnet {
  font-family: 'futuracondnormal';
font-size: 18pt;
    color: #222222;
  border-color: #222222;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
   background-color: #ffcc00;
      background-image: -webkit-linear-gradient(top,#ffcc00 0,#ff9d00 100%);
    background-image: -o-linear-gradient(top,#ffcc00 0,#ff9d00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ff9d00));
    background-image: linear-gradient(to bottom,#ffcc00 0,#ff9d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffff9d00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;

}

.panel-carnet h1,
.panel-carnet .h1{
font-family: 'FuturaCondExtBldObl';
  font-size: 28pt;
  font-style: oblique;
    color: #222222;
}

.panel-carnet h2,
.panel-carnet .h2{
font-family: 'futuracondnormal';
font-size: 18pt;
    color: #222222;
}
.panel-default {
  border-color: #ffcc00;
  border-radius: 0px;

}

.panel-login {
  color: #222222;
  font-family: 'helveticalight';
  font-size: 12pt;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
  border-radius: 0px;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
  text-align: left;
  max-width: 400px;
}
.panel-login h1,
.panel-login .h1{
font-family: 'FuturaCondExtBldObl';
font-size: 16pt;
    color: #222222;
}


.panel-licencia {
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.panel-celeste {
  font-family: 'helveticalight';
  font-size: 12pt;
  background-color: #edf9f8;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
  border-radius: 0px;
  text-align: center;
}

.panel-body h2,
.panel-body .h2 {
font-family: 'futuracondnormal';
font-size: 14pt;

}
.panel-body badge,
.panel-body .badge {
  min-width: 15px;
    line-height: 1;
  border-radius: 10px;
  padding: 2px 8px;
color: #222222;
background-color: #ffcc00;
font-family: 'futuracondnormal';
font-size: 14pt;

}

.navbar-inverse .navbar-brand {
  font-family: 'FuturaCondExtBldObl';
  font-style: oblique;
    color: #222222;
    margin-top: 15px;
}


@media (max-width: 767px) {
.navbar-inverse .navbar-brand {
    font-size: 10pt;
        margin-top: auto;

}
.jumbotron h2,
.jumbotron .h2 {
font-size: 28pt;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 28pt; 
}

.prf-centro p,
.prf-centro .p {
  margin-bottom: 10px;
  font-family: 'helveticalight';
  font-size: 14pt;
  text-align: center;
}

}

@media (max-width: 480px) {
.navbar-inverse .navbar-brand {
    font-size: 8pt;
}

.jumbotron h2,
.jumbotron .h2 {
font-size: 20pt;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 20pt;
}

.prf-centro p,
.prf-centro .p {
  margin-bottom: 5px;
  font-family: 'helveticalight';
  font-size: 12pt;
  text-align: center;
}

} 

/* Estilos parar Info Licencia */


.strongVentajas {
  font-family: 'FuturaCondExtBldObl';
  text-transform: uppercase;
  color: #ffcc00;
}

.etiqueta-right {
    float: right;
    right: 0px;
    top: -30px;
    z-index: 1;
    position: fixed;
    min-height: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 200px;
    transition: 0.5s ease;
  -moz-transition: 0.5s ease; 
  -webkit-transition: 0.5s ease; 
  -o-transition: 0.5s ease;
}
.etiqueta-right:hover {
  transform : translateY(30px);
  -moz-transform : translateY(30px);
  -webkit-transform : translateY(30px);
  -o-transform : translateY(30px);
}

.phone-left {
    float: left;
    left: -250px;
    top: 0px;
    z-index: 2;
    position: fixed;
    min-height: 475px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 475px;
     transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}
.phone-left:hover{
transform : translateX(250px);
  -moz-transform : translateX(250px); 
  -webkit-transform : translateX(250px); 
    -o-transform : translateX(250px); 
}

.pCarnetcentro {
    font-family: 'helveticaregular';
    font-size: 14pt;
}


.prf-centro p,
.prf-centro .p {
    margin-bottom: 15px;
    font-family: 'helveticaregular';
    font-size: 16pt;
    text-align: center;
}

.panel-body h2,
.panel-body .h2 {
    font-family: 'futuracondnormal';
    font-size: 18pt;
}
.panel-body badge,
.panel-body .badge {
    min-width: 15px;
    line-height: 1;
    border-radius: 10px;
    padding: 2px 8px;
    color: #222222;
    background-color: #ffcc00;
    font-family: 'futuracondnormal';
    font-size: 16pt;
}
.margen-cabecera{
    margin-top:36px;
}
.margen-cabecera-mv{
    margin-top:21px;
}

.Cabecera{
    height: 180px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    vertical-align: middle;
    background-color: #222222;
    background-image: url(../images/lineDorada.png);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #ffffff;
}
.tituloListado{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: 'futuracondnormal'; 
    font-size: 30pt;
    text-align: center;
}
            
.listadoFed{
    width: 480px;
    text-align: left;
    font-family: 'futuracondnormal'; 
    font-size: 24pt;
}
            
/********* bootstrap **********/
/* Carousel Scale and Fade */

/* Carousel Fade */
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left: 0;
    opacity: 0;
    z-index: 2;
}
.carousel .next, .carousel .prev {
    left: 0;
    opacity: 1;
    z-index: 1;
}

/* Carousel Scale */
.carousel .item.active {
    animation: zoom 600s;
    -moz-animation: zoom 600s;
    -webkit-animation: zoom 600s;
    -o-animation: zoom 600s;
}
@keyframes zoom {
    from {transform:scale(1);}
    to {transform:scale(2);}
}
@-moz-keyframes zoom {
    from {-moz-transform:scale(1);}
    to {-moz-transform:scale(2);}
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(1);}
    to {-webkit-transform:scale(2);}
}
@-o-keyframes zoom {
    from {-o-transform:scale(1);}
    to {-o-transform:scale(2);}
}

.carousel-inner {
    max-height:400px;
}
.carousel-caption {
    top: 0;
    bottom: auto;
}

.etiqueta-como {
    float: right;
    right: 0px;
    top: 100px;
    z-index: 1;
    position: fixed;
    min-height: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 182px;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease; /* Firefox */
    -webkit-transition: 0.5s ease; /* Chrome - Safari */
    -o-transition: 0.5s ease; /* Opera */
}
.etiqueta-como:hover {
    transform : translateX(-30px);
    -moz-transform : translateX(-30px);
    -webkit-transform : translateX(-30px);
    -o-transform : translateX(-30px);
}

.etiqueta-comoInfo {
    float: right;
    right: 0px;
    top:320px;
    z-index: 1;
    position: fixed;
    min-height: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 182px;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease; /* Firefox */
    -webkit-transition: 0.5s ease; /* Chrome - Safari */
    -o-transition: 0.5s ease; /* Opera */
}
.etiqueta-comoInfo:hover {
    transform : translateX(-30px);
    -moz-transform : translateX(-30px);
    -webkit-transform : translateX(-30px);
    -o-transform : translateX(-30px);
}


@media (max-width: 1200px) {

    .phone-left {
        min-height: 250px;
        width: 250px;
    }
    .etiqueta-right {
        min-height: 150px;
        width: 150px;
    }
    .etiqueta-como, .etiqueta-comoInfo {
        min-height: 150px;
        width: 150px;
        top:250px;
    }
}

@media (max-width: 992px) {
    .phone-left {
      display: none;
    }
    .etiqueta-right {
        min-height: 150px;
        width: 150px;
    }
    .etiqueta-como, .etiqueta-comoInfo {
        min-height: 150px;
        width: 150px;
    }
    #CabCarnet{
        display: none;
    }
    #CabRfec{
        display: none;
    }
    .tituloListado{
        font-size: 24pt;
    }
}

@media (max-width: 767px) {
    .etiqueta-right {
        min-height: 100px;
        width: 100px;
    }
    .etiqueta-como, .etiqueta-comoInfo {
        min-height: 100px;
        width: 100px;
        top: 150px;
    }
    .listadoFed{
        width: 280px;
        font-size: 14pt;
    }
    .tituloListado{
        font-size: 18pt;
    }
}