body {	color:#666;	font:300 15px/15px Roboto,Arial,Helvetica;background-color:#fff;-webkit-font-smoothing:antialiased;background-color: #eee;}

a{color:#006468; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 3em Raleway,Arial,Helvetica;padding:5em 0 1em 0;text-transform: uppercase;color: #fff;}
h2{font:700 1.5em Raleway,Arial,Helvetica;margin-bottom: 1.5em; color: #00A4AB;}
h3{font:700 1.25em Raleway,Arial,Helvetica;margin:0.5em 0;}

h1 small{ color: #ccc; text-transform:none; }

p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}

.container{width: 100%; max-width: 1400px;}
.wrapper{background-color: #fff;}
.spacer{padding:5em; padding-bottom:0; }


.btn{border:none;border-radius: 0;padding: 0.75em 3em;text-transform: uppercase;}
.btn-danger{background: #000 !important; color: #7DF7FC;}
.btn:hover,.btn:active{color: #fff;box-shadow: none;}


.navbar-nav > li > a{font-size: 1em;line-height:2em;}
.navbar-inverse{background: #111;}
.navbar-brand{color: #fff !important;background: #000  !important;margin-left: 0 !important;height: 60px;padding: 4px;font:700 1.25em Raleway; }
.navbar-default .navbar-nav>li>a{color: #000 !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #7DF7FC !important;background-color: #000000 ;}
.navbar-nav.navbar-right:last-child{margin-right: 0 !important}
.navbar-default{background:none;border:none; }
.navbar-default .navbar-collapse{background:#fafafa; }


.banner{background:url(banner.jpg) #000; /* margin-top: 4em; */ background-size: cover;}
/*.overlay{background:rgba(242, 24, 97, 0.9);}*/
.overlay{background: rgba(19, 88, 96, 0.9);}

.carousel-control{width: 10%;}
.carousel-control i.fa{top: 50%;position: absolute;margin-top: -30px;left: 0;right: 0;}
.carousel .item a.view{position: absolute;top: -10%;left:50%;text-align: center;background-color: #000;color: #7DF7FC;display: inline-block;padding:0.75em 2em;font-size: 1.25em;margin-top: -24px;margin-left: -70px;}
.carousel .item:hover a.view{top:50%;text-decoration: none;}


.service{padding:0 10em 2em 10em; color: #fff;}
.service p{color: #EFACC2;font-size: 0.90em;line-height:1.20em;margin: 0;}

.works ul{
	padding-left: 1em;
}
.works li{
	list-style-type: square;
}

.social a{margin-right: 1em;}

.msg{
	margin-top: 70px;
	padding: 10px;
	font-weight: bold;
	line-height: 1.5em;
	border-radius: 4px;
}

.preguntas{
	margin-top: 100px;	
}

.contratar {color: #fff;}
.contratar small{color: #aaa;}

/* enumeración características y funcionalidades */
.lista li{
	line-height: 1.4em;
	list-style-type: circle;
}
.verde{
	color: #00A4AB;
}

.footer{background-color: #111; color: #fff; font-size: 1em;color: #aaa;padding: 2em;}
/* .footer a{color: #aaa;margin: 0 1em; } */
.footer a{color: #aaa; }
.footer i{
	display: inline-block;
	width: 18px;
	margin-left: 20px;
}
.dato{
	text-align: left;
	margin-bottom: 8px;	
}

/* progressbar */
#progressbar {
	margin-bottom: 15px;
	overflow: hidden;
	/* CSS counters to number the steps */
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #2A686F;
/*	text-transform: uppercase;*/
	font-size: 10px;
	font-weight: bold;
	width: 33.33%;
	float: left;
	position: relative;
	text-align: center;
	z-index: 10;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 22px;
	line-height: 22px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
/*	background: #2A686F;*/
/*	background: transparent;*/
	border-radius: 3px;
	margin: 0 auto 5px auto;
	border: 1px solid #2A686F;
}
/* progressbar connectors */
#progressbar li:after {
	content: '';
/*	width: 100%; */
	width: 66%;
	height: 2px;
	background: #2A686F;
	position: absolute;
/*	left: -50%; */
	left: -30%;
	top: 9px;
	z-index: -1; /* put it behind the numbers */
}
#progressbar li:first-child:after {
	/* connector not nedded before the first step */
	content: none;
}

/* margin active/completed steps green */
/* the number of the step and the connector before it = green */

#progressbar li.active:before, #progressbar li:active:after {
/*	background: #A91F29;*/
	background: #2A686F;
	color: #fff;
} 

/* Paquete a contratar */
.fondo{ background-color:#fff;}
.paquete{
	border: 2px solid #ccc;
	text-align: center;
	padding: 2px; margin-top: 10px;
	border-radius: 8px;

}
.paquete ul { padding:0 2px; }
.paquete li {
	list-style-type:square;
	list-style-position:inside;
	text-align:left;
	padding: 3px 0;
}
.paquete h2{ margin-bottom: 10px; }
.paquete h3{color: red;}

.destacado .paquete{ margin-top: 0; background-color:#dbf9da; }
.destacado h2 { text-decoration:underline; }

.data h2 {margin-bottom: 0.5em;}
.data h3{color: red;}

.gototop{position: fixed;bottom: 20px; left: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}

#datafiscal img { width:100%; max-width: 80px; margin: auto; margin-top:10px; }

/* botón flotante WhatsApp */
#wa-float{
   z-index: 100;
	position: fixed;
	display: block;
	right: 0;
	bottom: 0;
	margin: 22px;
	width: 64px;
	height: 64px;
}

@media (max-width: 900px) {
	#datafiscal img {margin-top:0;}
}	

@media (max-width: 1200px) {		
	.spacer{padding: 2em;}
}

@media (max-width: 900px) {
	body{font-size:13px;line-height: 13px; }
	.navbar-brand{width: 300px;}
	.navbar-brand img { padding: 2px; width: 90%; }
	h1{font-size:2em;}
	h2{font-size:1.10em;margin-bottom: 0.5em;}
	h3{font-size:1em;}
	p{line-height: 1.15em;}
	.service{padding: 0 0 1em 0;}
	.service p{font-size: 0.85em;}
	.btn{padding: 1em 2em;}
	.spacer {padding: 1.5em 1.5em 0 1.5em;}
	.navbar-brand{height: 56px;}
	.btn {padding: 0.5em 2em;}
}	

@media (max-width: 767px) {
	body{font:300 12px/12px Roboto,Arial,Helvetica;}
	h1{padding: 2em 0;}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 5px;height: 50px;line-height: 2em;margin-left: 15px !important;}
	.navbar-brand img { padding: 0; width: 90%; }
	.navbar-default{background: #fff !important;}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#000;color: #7DF7FC;border: none;border-radius: 0;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
	.footer{margin-top: 2em;padding-bottom: 2em;}

}