/*
 * 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('../musicos-y-artistas/fonts/biko_regular-webfont.woff2') format('woff2'),
         url('../musicos-y-artistas/fontsbiko_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* FONTS COMFORTAA-REGULAR */
@font-face {
    font-family: 'comfortaa-regular';
    font-weight: 500;
    font-style: normal;
    src: url('../musicos-y-artistas/fonts/Comfortaa-Regular.ttf');

}
@font-face {
    font-family: 'comfortaa-bold';
    font-weight: 500;
    font-style: normal;
    src: url('../musicos-y-artistas/fonts/Comfortaa-Bold.ttf');
}

/* {

   font-family: 'comfortaa-regular', sans-serif !important;
}*/


/*  JUDITH */

.logo-tecnicoo {
   /*  font-family: 'bikoregular';*/
   font-family: 'comfortaa-regular', sans-serif !important;
    color: rgba(26, 185, 73, 1);
    font-size: 1.2em;
    display: inline-block;
	text-transform: lowercase;	
}
.logo-tecnicoo::after {
    content: "®";
    font-size: 0.3em;
    margin-top: 12px;
    display: inline-block;
    float: right;
}
/*  JUDITH FIN */
body{ padding-top:50px}
iframe{ width:100%; border:none}
@media (min-width: 768px){
body{ padding-top:224px;}
}
#crmWebToEntityForm .table>tbody>tr>td, #crmWebToEntityForm .table>tbody>tr>th, #crmWebToEntityForm .table>tfoot>tr>td, #crmWebToEntityForm .table>tfoot>tr>th, #crmWebToEntityForm .table>thead>tr>td, #crmWebToEntityForm .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none;
}
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,h2,h3,h4{ font-family: 'comfortaa-regular', sans-serif; font-weight:bold; 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-group-xs>.btn, .btn-xs{
 padding: 2px 5px;}
 
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline:none;
    outline-offset:0;
}
.btn-primary{ color: #fff !important; background-color:rgba(74,171,255,1);}
.btn-primary:hover, .btn-primary:active{ background-color:rgba(237, 176, 89, 1);}
.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;
margin-top: 350px;
}
.modal-header {
	background-color:rgba(26, 185, 73, 1);
    border-bottom: 1px solid rgba(26, 185, 73, 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%;
}

.menu-top{ background-color:rgba(255,255,255,0.8)}
.menu-top ul{ list-style:none; margin:0; padding:0; text-align:right; }
.menu-top li{ position:relative;}
.menu-top .fa{ position:absolute; right:0}
.menu-top li a{ margin-right:30px}
@media (max-width: 1200px){
.menu-top li{ font-size:12px}
}
@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; /*display: flex; flex-direction: row;*//*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); }
footer hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #666;
}
@media (max-width: 768px){
footer { text-align:center}
footer h4 {text-align:center}
footer p {text-align:center}
footer .text-right {text-align:center !important}
}

.carousel-caption h2{ font-size:37px;  text-align:center; text-transform:uppercase;}
.carousel-caption { 
	right:1%;
	left:1%;
	bottom: 1%;}
.carousel-caption p { text-align:center}
.carousel-caption .label{padding:0.2em 0.3em 0.1em !important;}
@media (min-width: 768px){
.carousel-caption {
    padding-top: 0px;
    bottom: 15%;
   	padding-bottom: 0px; 
	right:5%;
	left:5%;
}
.carousel-caption h2{ font-size:40px;}
}
@media (min-width: 990px){
.carousel-caption {
    padding-top: 0px;
    bottom: 10%;
   	padding-bottom: 0px; 
	right:10%;
	left:10%;
}
.carousel-caption h2{ font-size:50px;}
}
@media (min-width: 1200px){
.carousel-caption {
    padding-top: 0px;
    bottom: 15%;
   	padding-bottom: 0px; 
	right:15%;
	left:15%;
}
.carousel-caption h2{ font-size:70px;}
}
.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;
    color:#ffffff;
}
#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.5em; margin:0}
.cabecera-logo .banner .well .telefono{ margin:0;}
.logo-top{ padding:20px 0 0}
.logo-top .tit{
    margin: 0;
    font-size: 28.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:21px}
.affix-top{ width:100%; top:0; position:fixed;  z-index:10; background-color:#fff; }
.affix-top .menu1{font-size:21px; width:100%}
.affix-top .acces{ display:inline-block; font-size:14px; font-family: 'Raleway', sans-serif;}
.affix-top .fa-cog{ display:none}
.affix .acces{ display:none}
.affix .fa-cog{ display:inline-block}

.affix-top .menu1.nav>li>a{ padding-left:8px; padding-right:8px}
.affix{ width:100%; top:-164px; position:fixed; margin-top:0px; z-index:10; }

.affix .menu1.nav>li>a { font-size:21px; padding-left: 10px; padding-right:10px}

.affix-top.navbar-default { background-color:#333}
.affix-top .navbar-brand{ width:0 }
.affix .navbar-brand{ width:200px; padding:5px 15px}
.affix-top .acceso{ float:right}
.menu2.nav>li>a {
    padding-left: 7px;
	padding-right: 7px;
}
.affix-top .menu1{float:left; margin-left:-15px}
.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 (min-width: 1200px){
.cabecera-logo .banner .well h2{ font-size:1.7em;}
.affix-top .menu1{font-size:24px}
.affix-top .menu1.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{ -webkit-border-radius: 10px; border-radius: 10px; background-color:rgba(74,171,255,0.9); color:#fff;  text-align:center; font-family: 'comfortaa-regular', 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:0 60px 20px 0; float:left}
	.caracteristicas .foto2{ margin: 10px 0px 30px 40px;    float: right;}
	.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 hr{ margin:40px 0}
.quienpuede h3 {
    font-size: 24px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 15px;
    background-color: transparent;
    color: #333;
    text-align: center;
    /* padding: 0 0 15px; */
    margin-bottom: 15px;
    margin-top: 30px;
}
.quienpuede img.center-block{margin-bottom:15px}
.quienpuede p{ text-align:center}
.quienpuede h3 .fa {
    color: rgba(0, 0, 0, 0.17);
    font-size: 74px;
    /* 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:rgba(74,171,255,1) url(../images/bg-pasos-de-alta.jpg) fixed bottom center; background-size:cover; padding:50px 0 }
.pasos .titulo { text-align:center; color:#333; font-size:52px}
.pasos .panel-default{ background-color:rgba(255,255,255,0); border:none; -webkit-border-radius: 10px; border-radius: 10px ;}
.pasos .panel-heading{ text-align:center;font-family: 'bikoregular', sans-serif; color:rgba(74,171,255,1); background-color:rgba(255,255,255,0.5); font-size:72px;    -webkit-border-radius: 10px 10px 0 0  !important; border-radius: 10px 10px 0 0  !important;}
.pasos .panel3 .panel-body{ -webkit-border-radius: 0 0 10px 10px !important; border-radius: 0 0 10px 10px !important; padding-top:20px}
.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: 12px;
    background-color: #fff;
    text-align: center;
    font-size: 28px;
    min-height: 210px;
    vertical-align: middle;
    display: table-cell;
    height: 184px;
    line-height: 30px;
	background-color:rgba(255,255,255,0.8)}
.pasos .flecha{
	position: absolute;
    z-index: 1;
	top:50px;
	display:none}
.pasos .panel-footer{position:relative;  -webkit-border-radius: 0 0 10px 10px !important; border-radius: 0 0 10px 10px  !important; background-color:rgba(255,255,255,0.5)}
.pasos .flechas2 {
    position: absolute;
    width: 30%;
    left: -67px;
    top: -15px;
	display:none
}
.pasos .flechas2.flechas2-right {
    right: -67px;
    left: inherit;
    top: -10px;
	display:none
}
@media (min-width: 768px){.pasos .panel-heading{ font-size:120px; line-height:normal}
}
@media (max-width: 768px){
.pasos .titulo {  font-size:32px}
}

.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 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 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;
}

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

#planes .panel-heading{color:#FFFFFF; background-color:#333}
#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: 345px;}
#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:#06749E;}
#planes .plan1 .panel-body .gastos{color:#06749E}
#planes .plan1 .panel-heading .popular{    border-top: 4px solid #06749E;    color: #82b9ce;}

#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:#e8728b;}

/*#planes .plan3 .panel-heading{ background-color:#F0CA4D;}
#planes .plan3 .panel-body .gastos{color:#F0CA4D}

#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}*/

#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;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #333;
}
.nav-side-menu .brand {
  color:#fff;
  line-height: 50px;
  display: block;
  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);
  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{ text-align:right; display:block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.6em; text-transform:uppercase}
.panel-title .anuncio-enlace  .pull-right{ margin:-5px -5px 0 0;}
@media (min-width: 1200px){
.anuncio-provincia, .anuncio-categoría, .anuncio-fecha{ display:inline}
.anuncio-titulo{ font-size:1.2em;}
.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: 235px;
	font-weight: bold;
	font-size: 1.2em;
	width: auto;
	margin:0 auto 30px;
}



.actividad .cont {
	display:table-cell;
	vertical-align:middle;
	height:235px;
	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;
}
.btn-portal{
	background: #337ab7;
    padding: 5px;
    color: white;
    border-radius: 5px;
}
.btn-portal:hover{
	color: #ccc;
}

@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}*/

.link-factoo{
	position:absolute;
	overflow:hidden;
	right:0;
	top:0;
	width:150px;
	height:150px;
}
.link-factoo:hover{
	position:absolute;
	overflow:hidden;
	right:0;
	top:0;
	width:170px;
	height:170px;
}
.link-factoo .fondo{
	background-color:rgba(209,29,67,0.8);
	position:absolute;
	width:400px;
	height:400px;
	top:-284px;
	-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);}
.link-factoo a{
	position:absolute;
	top: 45px;
    right: -26px;
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

#crmWebToEntityForm h2 {
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
#crmWebToEntityForm .fa.fa-asterisk {
    color: #FF6A63;
}

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

.ayuda { margin-top:40px}
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  top: 0px;
  width: 100%;
  height: 560px;
}
.nav-side-menu .brand {
  color:#333;
  line-height: 50px;
  display: block;
  font-size: 18px;
  width:100%
}
.nav-side-menu .navbar-header {
	width:100%;
	background-color:#EDEDED
	
    
}
@media (max-width: 768px){	.nav-side-menu .brand {  float:left; width:auto}
.nav-side-menu .navbar-header {
}
.nav-side-menu .navbar-toggle {    background: #ddd;}
.navbar-toggle .icon-bar {    background: #666;}
.nav-side-menu {  height: 100%;}
}
@media (min-width: 768px){
.nav-side-menu .navbar-header {
     float: none; background-color: transparent;
}}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  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: #999;
  padding-bottom:0px;
  padding-top:0px;
}
.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: rgb(209,29,67) !important;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  border: none;
  line-height: 28px;
  margin-left: 0px;
}
.nav-side-menu li {
  padding-left: 0px;
}
.nav-side-menu li a {
  	text-decoration: none;
    color: #333;
    display: block;
     border-left: none; 
    background-color: transparent;
    border-bottom: 2px dotted #eee;
	padding-bottom:10px;
	padding-top:10px;
	
    line-height: 15px;
}
.nav-side-menu li a.active {
  text-decoration: none;
  color: #ffffff;
  display:block;
  border-bottom: 2px solid #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11d43+0,d11d43+100&1+0,0+100 */
background: -moz-linear-gradient(45deg,  rgba(209,29,67,1) 0%, rgba(209,29,67,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(209,29,67,1) 0%,rgba(209,29,67,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(209,29,67,1) 0%,rgba(209,29,67,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11d43', endColorstr='#00d11d43',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
;
}
.nav-side-menu li a.active:hover {
  color:#fff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li a:hover {
  color:rgba(74,171,255,1);
  -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;
  }
}
.colum1, .colum2{
	text-align: right;
}
/*anyadido Sandra */
.alta-form input {
    text-transform: uppercase;
}
.checkmark-circle {
  width: 130px;
  height: 130px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkmark-circle .background {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #2EB150;
  position: absolute;
}
.checkmark-circle .checkmark {
  border-radius: 5px;
}
.checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid white;
  border-top: 15px solid white;
  border-radius: 2.5px !important;
  content: '';
  left: 25px;
  top: 75px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
.formulario{
	text-align: center;
}
.formulario h2{
	text-align: center;
}
.formulario h3{
	text-align: center;
}
.container.page {
    margin-top: -180px;
}
.container.page.simulador.eurocom{
    margin-top: 10px;
}
.login-container {
    background: #8080803d;
    padding: 30px;
    border-radius: 10px;
}
#cross {
  width: 100px;
  height: 100px;
  background: linear-gradient(to bottom, transparent 35%, #d00 35%, #d00 65%,  transparent 65%),
    linear-gradient(to right, transparent 35%, #d00 35%, #d00 65%, transparent 65%);
  transform: rotate(45deg);
	    left: 40%;
    position: relative;
}
.txt-legal{
    margin-top:150px;
}

.ui-pnotify{
    margin-top: 150px !important;
    opacity: 1 !important;
}


.modal-content{
    margin-top: 150px;
}
.logo-contrato{
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.logo-contrato-eurocom{
    margin-top: 280px;
    display: flex;
    flex-direction: row;
    justify-content: end;
}
div.alert.ui-pnotify-container{

    margin-top: 150px;
}
.bloque{
    margin-top: 100px!important;
}