/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300');
@font-face {
    font-family: 'bikoregular';
    src: url('../fonts/biko_regular-webfont.woff2') format('woff2'),
         url('../fontsbiko_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ padding-top:50px}
iframe{ width:100%; border:none}
@media (min-width: 768px){
body{
text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';}
}

p{ text-align:justify}
.text-center p{ text-align:center}
h1,h2,h3,h4{ font-family: 'bikoregular', sans-serif; font-weight:normal; text-align:left}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: #333;
}
h1 strong,h2 strong,h3 strong,h4 strong{ font-weight:normal}
h1{ margin:40px 0 ;}
.text-primary {
    color: rgba(74,171,255,1);
}
img{ max-width:100%; height:auto}
a{color:rgba(74,171,255,1)}
a:hover{color:#ccc); 
    text-decoration: none;}
a:focus {
    outline:none;
    outline-offset: 0px;
	
    text-decoration: none;
}
.panel-default>.panel-heading {background-color: #fcfcfc;}
.block-center{ 
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: inherit;
}
.form-control {
	-webkit-border-radius: 0;
border-radius: 0;
border-color:#dcdcdc;
-webkit-box-shadow:none;
box-shadow: none;
height: 40px;
font-size: 16px;}

.well {
    background-color: rgba(255, 255, 255, 0.85);
	-webkit-box-shadow: none;
	box-shadow:none;
}
#home .well {border:none
}
.panel-instru { color:#333; background-color:#ddd; border-color:#ddd}
.panel-instru img{ margin-bottom:10px; border:solid 1px #ccc}
.logo-txt {
    margin-top: -5%;
	display:inline-block;
}
.btn{border:none;
-webkit-border-radius: 0;
border-radius: 0;
 padding: 10px 12px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline:none;
    outline-offset:0;
}
.btn-primary{ background-color:rgba(74,171,255,1); }
.btn-primary:hover, .btn-primary:active{ background-color:rgba(74,171,255,0.8);}
.btn-primary.focus, .btn-primary:focus {background-color:rgba(74,171,255,0.8);}
.btn-inverse{ background-color:#333;
    border: none;
	color:#fff}
.btn-inverse:hover, .btn-inverse:active{ background-color:#555; color:#fff}
.btn-group-lg>.btn, .btn-lg {    font-size: 18px;}
.btn-big{ margin:40px 0;
    padding: 20px 26px;
    font-size: 28px;}
.label-primary {
    background-color: rgba(74,171,255,1);
    padding: .3em .8em 0.3em;
}

html,body {    height: 100%; color:#333; font-size:16px; font-weight:normal; font-family: 'Raleway', sans-serif;}
*{
	-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}

.txt { font-size:18px}
.modal-content{ border:none;
-webkit-border-radius: 0;
border-radius: 0;}
.modal-header {
	background-color:rgba(74,171,255,1);
    border-bottom: 1px solid rgba(74,171,255,1);
	color:#fff;
	text-align:center;
	padding: 8px 9px 2px;
}
.modal-header .logo-modal {
    float: left;
}
.modal-header .modal-title {
    font-size: 24px;
    line-height: 51px;
}
.modal-footer {
	background-color:#eee;
    border-bottom: none;
}
.carousel { height:100%; }
.carousel-fade { background-color:rgba(74,171,255,1)}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}


@media (min-width: 768px){
.carousel {    height:100%;}
}
.item,.active { height:100%}

.carousel-inner { height:100%}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {    margin:0; background-color:#333; color:#fff; padding:30px 0 0 0; margin-top:80px; /*background-image:url(../images/bg-footer-nav.gif)*/}
footer .subpie{    padding: 20px; background-color:#fff; color:#333; margin-top:20px}
footer ul{ list-style:none; margin:0; padding:0}
footer .logo-pie {
    margin-top:0px;
}
footer h2 {
    font-size: 16.5px;
    margin-top: 2px;
}
footer h4 {
    font-size: 20px;
}
footer a{ color:#999;}
footer a:hover{ color:rgba(74,171,255,1); }
footer ul a{ color:#ccc; font-size:14px}
footer ul a:hover{ color:#fff; text-decoration:none}
footer ul a.active:hover{ color:rgba(74,171,255,0.8); }
footer ul a.active{ color:rgba(74,171,255,1); }
.carousel-caption h2{ font-size:37px;  font-family: 'Lato', sans-serif; text-align:center; text-transform:uppercase; font-weight:300}
.carousel-caption { 
	right:1%;
	left:1%;
	bottom: 1%;}
.carousel-caption p { text-align:center}
@media (min-width: 768px){
.carousel-caption {
    padding-top: 0px;
    bottom: 15%;
   	padding-bottom: 0px; 
	right:5%;
	left:5%;
}
.carousel-caption h2{ font-size:50px;}
}
@media (min-width: 990px){
.carousel-caption {
    padding-top: 0px;
    bottom: 10%;
   	padding-bottom: 0px; 
	right:10%;
	left:10%;
}
.carousel-caption h2{ font-size:60px;}
}
@media (min-width: 1200px){
.carousel-caption {
    padding-top: 0px;
    bottom: 15%;
   	padding-bottom: 0px; 
	right:20%;
	left:20%;
}
.carousel-caption h2{ font-size:65px;}
}
.btn.call {
    background-color: rgba(74,171,255,1);
    border: none;
	-webkit-border-radius: 0;
border-radius: 0;
}
.btn.call .fa{
    color: #333;
}
.btn.call:hover {
    
	background-color:rgba(253,110,144,0.8);
	border-color:#f2416b;
}
.btn.call strong {
    font-size: 21px;
    text-transform: uppercase;
	font-family: 'bikoregular', sans-serif;
}
.header .btn.call {
    width: 250px;
	margin-bottom:5px
}
.header .btn.btn-alta {
    width: 250px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:none;
	margin-bottom:5px
}
.btn.btn-alta strong {
	font-family: 'bikoregular', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}
#form_simulador .btn-alta {
    min-width: 250px;
}
#form_simulador-detalle .table>tbody>tr>td{ line-height:2.3}
.cabecera-logo{  display:none}
.affix, .affix-top{ width:100%; top:0; position:fixed; margin-top:0px; z-index:10}
.navbar-toggle {
    
    padding: 13px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-brand {
    padding: 7px 15px;
}
@media (min-width: 768px){
.cabecera-logo{ height:164px; display:block; background:url(../images/autonomos-bottom2.gif) fixed right top no-repeat;}
.cabecera-logo .banner{ vertical-align:middle; display:table-cell;  padding-top:20px}
.cabecera-logo .banner .well{background: rgba(74,171,255,0.8);color:#FFF; text-align:center; padding:5px; min-height:100px;

      animation: colorchange 50s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 50s; /* Chrome and Safari */
}

    @keyframes colorchange
    {
      0%   {background: rgba(74,171,255,0.8);}
      25%  {background: rgba(0,0,0,0.5);}
      50%  {background: rgba(74,171,255,0.8);}
      75%  {background: rgba(0,0,0,0.5);}
      100% {background: rgba(74,171,255,0.8);}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: rgba(74,171,255,0.8);}
      25%  {background: rgba(0,0,0,0.5);}
      50%  {background: rgba(74,171,255,0.8);}
      75%  {background: rgba(0,0,0,0.5);}
      100% {background: rgba(74,171,255,0.8);}
    }
.cabecera-logo .banner .well h2{ font-size:1.7em}
.cabecera-logo .banner .well .telefono{ margin:20px 14px 0 0;}
.logo-top{ padding:20px 0 0}
.logo-top .tit{
    margin: 0;
    font-size: 30.5px;
	font-family: 'bikoregular', sans-serif;
	color:#828282;
	line-height:30px;
}
.navbar-default {
    background-color: #333;
    border:none;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom:0;
	/*background-image:url(../images/bg-footer-nav.gif);*/
}
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a.active {
    color: #fff;
    background-color:  rgba(74,171,255,1);
}
navbar-default .menu1.navbar-nav>.active>a, navbar-default .menu1.navbar-nav>.active>a:focus, navbar-default .menu1.navbar-nav>.active>a:hover, .navbar-default .menu1.navbar-nav>li>a:focus, .navbar-default .menu1.navbar-nav>li>a:hover, .navbar-default .menu1.navbar-nav>li>a.active, .navbar-default .menu1.navbar-nav>li>a.active:hover   {
    color: #fff;
    background-color: rgba(74,171,255,1);
}
navbar-default .menu2.navbar-nav>.active>a, navbar-default .menu2.navbar-nav>.active>a:focus, navbar-default .menu2.navbar-nav>.active>a:hover, .navbar-default .menu2.navbar-nav>li>a:focus, .navbar-default .menu2.navbar-nav>li>a:hover {
    color: #fff;
}
.navbar-default .menu1.navbar-nav>.active>a, .navbar-default .menu1.navbar-nav>.active>a:focus, .navbar-default .menu1.navbar-nav>.active>a:hover {
    color: rgba(74,171,255,1);
    background-color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: rgba(74,171,255,1);
}
.menu1{font-family: 'bikoregular', sans-serif; font-size:24px}
.affix-top{ width:100%; top:0; position:fixed;  z-index:10; background-color:#fff}
.affix{ width:100%; top:-164px; position:fixed; margin-top:0px; z-index:10; }

.affix-top.navbar-default { background-color:#333}
.affix-top .navbar-brand{ width:0 }
.affix .navbar-brand{ width:200px; padding:5px 15px}
.affix-top .menu2{ float:right}
.affix .menu2{ display:none}
.affix-top .menu1{float:left; margin-left:-15px}
.affix-top .menu1 .acceso, .affix .menu1 .inicio{display:none;}
.affix .menu1{float:right}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.affix-top.navbar-default .menu2.navbar-nav>li>a {
    color: #ccc;
}
.affix-top.navbar-default .menu2.navbar-nav>li>a.active{
    color: #fff; font-weight:bold;
}
.affix-top.navbar-default .menu2.navbar-nav>li>a:hover {
    color: rgba(74,171,255,1);
}
.nav>li>a {
    padding-left: 13px;
	padding-right: 13px;
}
}
@media (max-width: 992px){
.nav>li>a{    padding: 20px 10px; }
}
@media (max-width: 768px){
.nav>li>a{    padding: 10px 10px; }
}
.people{ background:url(../images/bg-gente.gif) fixed no-repeat; }


.caracteristicas{ padding:50px 15px;
}
.caracteristicas .conti{ display:table; margin-bottom:20px;}
.caracteristicas .cuadro-rosa{ background-color:rgba(74,171,255,0.9); color:#fff;  text-align:center;  font-family: 'bikoregular', sans-serif; font-size:16px; line-height:24px; height:140px; display:table-cell; vertical-align:middle; padding:0 5px}
.caracteristicas .well{ margin-bottom:30px; background-color:rgba(255,255,255,0.85); text-align:justify; font-size:1.2em}
.caracteristicas h2{font-family: 'Lato', sans-serif; text-align:center}

.caracteristicas .foto1{ margin:20px 50px 0 0; float:left}
.caracteristicas .foto2{ margin:40px 50px 40px 0; float:left}
.caracteristicas .foto3{ margin:30px 0px  30px 50px ; float:right}

@media (max-width: 768px){
.caracteristicas .foto1{ margin:20px auto; float:none; display:block}
.caracteristicas .foto2{ margin:20px auto; float:none; display:block}
.caracteristicas .foto3{ margin:20px auto; float:none; display:block}
}

@media (min-width: 992px){
	.caracteristicas .well{ padding:30px 30px;  margin-bottom:50px; font-size:1.3em}
	.caracteristicas .cuadro-rosa{font-size:24px; padding:0px}
	.caracteristicas p{margin:0 0 30px}
	.caracteristicas .foto1{ margin:10px 80px 0 0; float:left}
	.caracteristicas .foto2{ margin:40px 70px 40px 0; float:left}
	.caracteristicas .foto3{ margin:-20px 0px  0 50px ; float:right}
	}

/* Previous button  */
.opiniones{ margin-top:50px; margin-bottom:30px}
.opiniones .fa-star{ color:#FFDD00}
.opiniones h2{ margin-bottom:60px;
    text-align: center;
    font-family: 'Lato', sans-serif;
	font-size:2.5em;
}
.opiniones .media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px;
  display:none;
}
/* Next button  */
.opiniones .media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px;
  display:none;
}



.opiniones strong.nombre{ color:rgba(74,171,255,1)}
.opiniones .media-carousel {
    padding: 0 0px 0px 0px;
	min-height: 310px
}
.opiniones .fa-quote-left {
	font-size: 10em;
    position: absolute;
    color: rgba(0,0,0,0.14);
    left: 30px;
}
.opiniones .valoracion {margin-top:-10px}
/* End carousel */

@media (min-width: 992px){
.opiniones-page  .col-md-4 {
    margin-bottom: 30px;
}
}
.comparativa{ background-color:#eee;}
.comparativa table{  color: #999;
    font-size: 18px;
    margin-bottom: 40px;
    width: 99%;
    background-color: #fff;

}
.comparativa table td{ padding:10px; border-top:solid 1px #eee !important}
.comparativa table td.precio{ text-align:right; color:#333; min-width:104px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.comparativa table td.total{ border-top:solid 1px #fff; font-weight:bold; background-color:rgba(255,255,255,0.2);}
.comparativa table td.precio.total{ color:rgba(74,171,255,1); position:relative; font-size: 1.2em;}
.comparativa table td.titulo{ border-bottom:solid 3px rgba(74,171,255,1); text-align:center; font-size:30px; background-color:rgba(74,171,255,0.2);font-family: 'bikoregular', sans-serif; color:#333;}
.comparativa table td.separa{ border-top:none; background-color:#eee;}
.comparativa h3{ text-align:center; font-size:24px; color:#666; margin:40px 0 20px;}
.comparativa h3 strong{ text-align:center; color:#333; font-size:32px; line-height:40px}
.comparativa h2{ text-align:center; font-size:35px; color:#333; margin:40px 0 ;}
.comparativa .botones td {    padding:0}
.comparativa .botones td .btn{ min-height:76px}
.comparativa .progress {    height: 40px; }
.comparativa .progress-bar {
   
    font-size: 22px;
    line-height: 40px;
	padding-left:15px;
    text-align: left;
    background-color: rgba(74,171,255,1);
   
}
.comparativa  .circle {
	position: absolute;
    right: 0px;
    bottom: -10px;}
.comparativa .progreso{ position:relative}
.comparativa .cifras{
	position: absolute;
    top: -20px;
    left: 0;
	}

@media (max-width: 768px){
	.comparativa table{ margin-bottom:40px;}
	.comparativa table td.titulo{ font-size:18px; }
	.comparativa .progress-bar {    font-size: 9px;	}
}
.quienpuede{ padding-top:80px; padding-bottom:80px;  background:url(../images/autonomos-bottom-left.gif) fixed bottom left no-repeat;}
.quienpuede h3 {
    font-size: 24px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    background-color: transparent;
    color: #333;
    text-align: center;
    /* padding: 0 0 15px; */
    margin-bottom: 20px;
}
.quienpuede p{ text-align:center}
.quienpuede h3 .fa {
    color: rgba(0,0,0,0.3);
    font-size: 44px;
    /* margin-right: 20px; */
    display: block;
    margin-bottom: 5px;
}
.quienpuede h2 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 3em;
	margin-bottom:60px
}
.quienpuede h4{ text-align:center; font-size:30px; color:#666}
.quienpuede .col-md-6 h3{ text-align:center; color:#666}
.quienpuede .col-md-6 h3 strong{ text-align:center; color:#333}


.pasos{background-color:#eee; padding:50px 0 }
.pasos .titulo { text-align:center}
.pasos .panel-default{ background-color:rgba(255,255,255,0); border:none}
.pasos .panel-heading{ text-align:center;font-family: 'bikoregular', sans-serif; color:#666; background-color:rgba(255,255,255,0.5); font-size:72px; text-shadow:#fff 0 0 5px}
.pasos .panel4 .panel-heading{background:rgba(255,255,255,0.5) url(../images/confeti.png) center center}
.pasos .panel-body {
	font-family: 'bikoregular', sans-serif;
    padding: 15px;
    background-color: #fff;
    text-align: center;
    font-size: 45px;
    min-height: 210px;
    vertical-align: middle;
    display: table-cell;
    height: 210px;
    line-height: 40px;}
.pasos .flecha{
	position: absolute;
    z-index: 1;
	top:50px;}
.pasos .panel-footer{position:relative}
.pasos .flechas2 {
    position: absolute;
    width: 30%;
    left: -67px;
    top: -15px;
}
.pasos .flechas2.flechas2-right {
    right: -67px;
    left: inherit;
    top: -10px;
}
@media (min-width: 768px){.pasos .panel-heading{ font-size:120px; line-height:normal}}

.ventajas{ background:url(../images/autonomos-bottom.gif) fixed bottom center no-repeat; padding:80px 0px 100px;  text-align:justify; font-size:1.3em}
.ventajas .fa{ color:#ccc; font-size:9em; margin-top:0.2em; margin-bottom:0.2em}
.ventajas p{ margin-bottom:40px}
.ventajas h2{ margin-bottom:60px;
    text-align: center;
    font-family: 'Lato', sans-serif;
	font-size:2.5em;
}
.ventajas .pull-left{ margin-right:40px}
.ventajas .pull-right{ margin-left:40px}

.quienes{ padding:80px 15px 100px;  text-align:justify}

#calculador .liquido{ font-size:1.5em}
#calculador .table{  margin-top: 30px}
#calculador  .form-group {
    margin-bottom: 30px;
}
#calculador .modal-lg { max-width: 660px !important;}

.seguros{ background:url(../images/factura-sin-ser-autonomo.jpg) top center fixed no-repeat; background-size:cover}
.seguros .well{ margin-top:20px; background-color:rgba(255,255,255,0.50); font-size:1.2em; text-align:justify}
.seguros .segur { margin:40px 0;}
.seguros .segur .imagen{ text-align:center; color:rgba(74,171,255,1); font-size:24px;font-family: 'bikoregular', sans-serif; font-weight:normal; min-height:170px}
.seguros .segur .imagen img{ width:80px}
.seguros .segur h3{ text-align:center; border-bottom:solid 1px rgba(74,171,255,1); padding-bottom:5px; color:rgba(74,171,255,1); font-size:18px}
.seguros .segur p{ text-align:center;}
.seguros .telefono{ margin-top:15px}
.seguros h2{ margin-bottom:30px;
    text-align: center;
    font-family: 'Lato', sans-serif;
	font-size:2.5em;
}

h2.titulo{font-family: 'Lato', sans-serif; margin-bottom:20px; font-size:30px}
.titulo-index  {    font-size: 50px;}
.titulo-index h1 {
    display: inline-block;
    font-size: 50px;
}
@media (min-width: 992px){
h2.titulo{ 
    font-size: 42px;
    margin-bottom: 60px;
}
.seguros .segur .imagen{ font-size:72px;}
.seguros .segur .imagen img{ width:130px}
.seguros .segur h3{ font-size:27px}
}

.llamada{ background-color:rgba(74,171,255,1); color:#FFFFFF; text-align:center}
.llamada h2{font-size:55px; color:#FFFFFF; text-align:center;font-family: 'Lato', sans-serif;}
.llamada h3{font-size:40px; color:#333; text-align:center; margin-top:0;}
.llamada img{ margin-bottom:40px;}
@media (max-width: 768px){.llamada h2{font-size:40px;}}

blockquote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    position: relative;
    font-size: 24px;
    line-height: 1.2;
    color: #666;
    text-align: justify;
    border-left: 15px solid rgba(0,0,0,.15);
    border-right: 2px solid rgba(0,0,0,.15);
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
    float: right;
    width: 44%;
    margin: 10px 0 20px 50px;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

.grupo .well{ background-color:rgba(0,0,0,0.05); color:#333}
.grupo h2{ margin-bottom:30px;
    font-family: 'Lato', sans-serif;
	font-size:2.5em;
}



#faqs .panel-title a{
    font-size: 30px;
	color:#666
}
@media (max-width: 768px){
#faqs h2{ margin-left:-30px}
}

#regiration_form fieldset:not(:first-of-type) {
		display: none;
	}
#regiration_form fieldset{ margin-bottom:50px}
#regiration_form .popover { max-width:500px}

.pasos-alta{ margin:40px 0 80px}
.pasos-alta .col-xs-2 {
    width: 14.28%;
    margin: 0;
    padding: 0;
}
.pasos-alta .paso-alta {
	font-size: 14px;
	text-align: center;
	color:#ddd;
	padding:5px 5px 15px;
	background-color:#fff; 
}
.pasos-alta .paso-alta.select{
	background-color:#858585; color:#FFF }
.pasos-alta .paso-alta .paso-alta-numero{
	font-size: 24px;
	color:#ccc; 
	display:block;
}
.pasos-alta .paso-alta.select .paso-alta-numero{	color:#ddd; }
.glyphicon.glyphicon-asterisk{ color:#FF6A63; font-size:80%}


.pago{ min-height:450px !important; display:table}
.pago .form{ display:table-cell; vertical-align:middle}
.pago h3 {margin-top:0; margin-bottom:20px}
.pago h1 {margin-top:0; margin-bottom:40px}
.pago .btn {margin-top:40px;}
.pago h3 .glyphicon{color:#ccc; margin:0 20px 0 20px; display:inline-block;}

.pagofactura{ background:url(../images/autonomos-bottom.gif) fixed no-repeat right bottom; padding-bottom:88px}
#pagofactura footer{margin-top:0}
#pagofactura.popover{
    max-width: 100% !important; /* Max Width of the popover (depending on the container!) */
}

.liquidacion{ font-size:18px}
.liquidacion td.liquido{ border-bottom:none; border-top:solid 2px rgba(74,171,255,1); background-color:transparent; color:rgba(74,171,255,1);}


/* ayuda paginas------------------------------------------------------- */

.ayuda { margin-top:40px}
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #c1c1c1;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #333;
}
.nav-side-menu .brand {
  background-color: #333;
  color:#fff;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 18px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}

.nav-side-menu ul .sub-menu a,
.nav-side-menu li .sub-menu a {
  color: #333;
  border-left: 3px solid #c1c1c1;
  background-color:#eee
}
.nav-side-menu ul .sub-menu a .fa,
.nav-side-menu li .sub-menu a .fa {
	margin-left:10px
}
.nav-side-menu ul .sub-menu a:hover,
.nav-side-menu li .sub-menu a:hover {
  color: #fff !important;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #c1c1c1;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #333333;
  margin-left: 0px;
}
.nav-side-menu li {
  padding-left: 0px;
  border-bottom: 1px solid #fff;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #333;
  display:block;
  border-left: 3px solid #858585;
}
.nav-side-menu li a.active {
  text-decoration: none;
  color: #ffffff;
  display:block;
  border-left: 3px solid #333;
  background:#d11d43;
}
.nav-side-menu li a.active:hover {
  border-left: 3px solid #333;
  background:rgba(74,171,255,0.5);
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li a:hover {
  border-left: 3px solid rgba(74,171,255,1);
  background-color: #858585;
  color:#fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}


.personal{ text-align:center; margin-top:60px; font-size:18px}
.personal h2{ text-align:center; margin-bottom:40px; font-size:50px}
.personal .imagen{ margin-bottom:20px}
.personal .fa{ font-size:200px; color:#c1c1c1}
.personal p{ text-align:center}


#aviso{
    background:rgba(74,171,255,0.8);
    color:#fff;
    font-size:20px;
    -moz-box-shadow:inset 0 0 3px #333;
    -webkit-box-shadow:inset 0 0 3px #333;
    box-shadow:inner 0 0 3px #333;
    padding:12px 14px 12px 14px;
    width:300px;
    position:fixed;
    bottom:50px;
    right:2px;
    display:none;
    z-index:90;
	-moz-border-radius:9px;
    -webkit-border-radius:9px;
	border-radius:9px;
}
#aviso .cerrar{ float:right; font-size:24px; line-height:12px}

.oficios .pull-left{ margin:20px 20px 20px 0}
.oficios .pull-right{ margin:20px 0px 20px 20px}

.como-alta .panel-default>.panel-heading {
    background-color: #333;
    color: #fff;
}
.como-alta .panel-default>.panel-heading h2{
	font-size:40px
}
.como-alta .panel-default>.panel-heading .numeros {
    color: #fff;
    background-color: rgba(74,171,255,1);
    margin-right: 15px;
    display: inline-block;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 60px;
    height: 37px;
    font-size: 25px;
    text-align: center;
    padding: 5px;
}
.como-alta .panel-default>.panel-body img {
    max-width: 100%;
    height: auto;
    border: solid 1px #e0e0e0;
    margin-bottom: 20px;
}

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:70px;
    background-color: rgba(0, 0, 0, 0.75);
    color:#fff;
    z-index:99999;
}

#barraaceptacion .inner {
    width:100%;
    position:absolute;
    padding:20px;
    font-family:verdana;
    font-size:12px;
    top:0%;
}
 @media (max-width: 992px) { 
#barraaceptacion {  min-height:280px; bottom:inherit; top:0;} 
#barraaceptacion .inner {    top:5%; font-size:16px}
}
#barraaceptacion .inner a.ok {
    padding:4px;
    color:rgba(74,171,255,1);
    text-decoration:none;
}
 
#barraaceptacion .inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:rgba(74,171,255,1);
}
#barraaceptacion .inner a:hover {
    color:#ccc;
    text-decoration:none;
}





.forma-pago{ 
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

}

.datepicker.dropdown-menu {
  background-color:#FFF;
}
.datepicker {
	background: #fff !important;
	background-color: #fff !important;
	border: 1px solid #dbdbdb !important;
}
.tablon .buscador select{ margin-right:20px}
.tablon .buscador h2{ margin-top:-5px; font-size:1em}
.tablon .buscador hr{ margin-top:0px; }
@media (min-width: 768px){.form-inline .form-control {    width: 114px;     margin-right: 0px;}}
@media (min-width: 998px){.form-inline .form-control {    width: 170px; margin-right: 10px;}}
@media (min-width: 1200px){.form-inline .form-control {    width: 237px;}}
.tablon .panel-footer{ background-color:#fff}
.anuncio-titulo{  color:rgba(74,171,255,1);}
@media (min-width: 998px){.anuncio-titulo{ font-size:1.2em;}}
.anuncio-titulo:hover{ font-size:1.2em; color:#333; text-decoration:none}
.anuncio-flecha {    margin: -10px 20px -10px -15px;    padding: 11px 10px 10px;    border-right: 1px #ddd solid;}
.anuncio-enlace:focus .fa {
	-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.anuncio-panel {    margin: -10px -15px -10px 15px;}
.anuncio-panel .btn{    padding: 11px 15px;}
.anuncio-contacto {    border-top: solid 1px #eee;    padding: 10px 20px 0px; display:inline-block}
.anuncio-provincia, .anuncio-categoría, .anuncio-fecha{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.75em}
.anuncio-provincia, .anuncio-categoría{ border-right: solid 1px #ccc; margin-right:5px; padding-right:9px}
.anuncio-web, .anuncio-email{border-left: solid 1px #eee; margin-left:15px; padding-left:20px}

.actividad {
	background:#4aabff;
	color: #fff;
	display:table;
	height: 265px;
	font-weight: bold;
	font-size: 1.2em;
	width: auto;
	margin:0 auto 30px;
}



.actividad .cont {
	display:table-cell;
	vertical-align:middle;
	height:265px;
	width:265px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
@media (max-width: 992px) {.actividad, .actividad .cont  { height:133px} }
.actividad .cont .enlace h3{ color:#FFF; background-color:#4aabff;  padding:3px 6px; position:1; position:relative; display:inline-block}
.actividad .cont .enlace img{ position:absolute; top:0;left:0; position:0; opacity: 1;    filter: alpha(opacity=100);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.actividad .cont a:hover img{ position:absolute; top:0;left:0; position:0; opacity: 0.5;    filter: alpha(opacity=50); }

.pasoss .row{ margin-top:100px}
.paso{ position:relative; min-height:300px}
.paso .numero {
	font-size: 300px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	position:absolute;
	display:block;
	line-height:300px;
	top:-50px;
}
.paso .titulo {
    font-size: 30px;
	text-transform:uppercase;
    color: #C3CC27;
    font-family: 'Josefin Sans', sans-serif;
    position: absolute;
    display: block;
    line-height: 36px;
    top: 0px;
    right: 0;
    left: 0px;
    text-align: right;
}

.paso .icono {
    font-size: 120px;
    color: #aaa;
    font-family: 'Josefin Sans', sans-serif;
    position: absolute;
    display: block;
    bottom: 72px;
    line-height: 120px;
    right: 0;
	letter-spacing:-12px;
}

@media (max-width: 992px) {
	.paso .numero {	line-height:200px; top:0}
	.paso .icono {
    font-size: 90px;
    bottom: inher;
    line-height: 90px;
    right: 20px;
	top:100px;
}
	
	}
.paso2 {
	color:#666;
}
.paso2 .titulo2 {
    font-size: 20px;
    color: #4aabff;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 24px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.paso3 {
	font-size:12px;
	color:#666;
}
.paso2 .titulo3 {
    font-size: 18px;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 24px;
    margin-bottom: 15px;
}


.paso2 .titulo2 .fa {
    font-size: 33px;
    position: absolute;
    /* margin: 0px 0 0 -39px; */
    left: -29px;
    color: #ddd;
}
.paso2 .titulo3 .fa {
    font-size: 33px;
    position: absolute;
    /* margin: 0px 0 0 -39px; */
    left: -29px;
    color: #ddd;
}
.texto-top h2{ font-size:250% !important; color:#C3CC27; text-align:center}
.texto-top p{ font-size:120% !important; color:#4aabff}

#planes{ background-color:#eee;}
#planes .panel-default { border:none; -webkit-border-radius: 0;border-radius: 0;}

#planes .panel-heading{color:#FFFFFF; background-color:#333; min-height:90px}
#planes .panel-heading p, #planes .panel-heading .panel-title{text-align:center; }
#planes .panel-heading h3{ font-size:22px}
#planes .panel-heading p{margin-bottom:0; color:rgba(255,255,255,0.80)}
#planes .panel-body {    min-height: 250px;}
#planes .panel-body .gastos{ font-size:28px; text-align:center; color:#999}
#planes .panel-body .fa{color:#ccc}
#planes .panel-footer {padding:0; min-height:45px}
#planes .panel-footer .btn.btn-inverse { margin:0; color:#333}
#planes .panel-heading .popular{
    position: absolute;
    width: 95%;
    background: #444;
    top: -24px;
    left: 10px;}

#planes .plan1 .panel-heading{ background-color:#FF6A63;}
#planes .plan1 .panel-body .gastos{color:#FF6A63}
#planes .plan1 .panel-heading .popular{    border-top: 4px solid #FF6A63;    color: #FF6A63;}

#planes .plan2 .panel-heading{ background-color:rgba(74,171,255,1);}
#planes .plan2 .panel-body .gastos{color:rgba(74,171,255,1)}
#planes .plan2 .panel-heading .popular{    border-top: 4px solid rgba(74,171,255,1);    color:#4AABFF;}

#planes .plan3 .panel-heading{ background-color:#C3CC27;}
#planes .plan3 .panel-body .gastos{color:#C3CC27}

/*#planes .plan4 .panel-heading{ background-color:#324D5C;}
#planes .plan4 .panel-body .gastos{color:#324D5C}

#planes .plan5 .panel-heading{ background-color:#0080B2;}
#planes .plan5 .panel-body .gastos{color:#0080B2}

#planes .plan6 .panel-heading{ background-color:#D9CF34; color:#333}
#planes .plan6 .panel-heading p{color:rgba(0,0,0,0.50)}
#planes .plan6 .panel-body .gastos{color:#D9CF34}*/

#payment-form {
    width: 300px;
    margin-top: 10px;
  }

  /* Añadiendo bordes y fondo al input de tarjeta */
  .StripeElement {
    box-sizing: border-box;

    height: 40px;
    padding: 10px 12px;

    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: white;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: box-shadow 150ms ease;
  }

  .StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
    border-color: #a0b9c8;
  }

  .StripeElement--invalid {
    border-color: #fa755a;
  }

  .StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
  }

  /* Estilos para el mensaje de error */
  #card-errors {
    color: #fa755a;
    margin-top: 10px;
  }