/*
colores diseño
amarillo menu : #FFB400
azul-verdoso menu : #006666


texto boton seccion principal : #00456E
texto gratis : #FF9900

gris titulo seccion : #AEAEAE
azul texto seccion : #005773
gris fondo seccion : #EEEEEE


amarillo franja beneficios : #FFB400

*/

	body{
		font-family: 'Heebo', sans-serif;
		padding-top:133px;
	}
	.navbar-inverse {
		background-color: #006666;
		border-color: #006666;
		border: none;
		font-weight: 300;
		color: white;
		height:auto;
	}
	.navbar-inverse .navbar-nav>li>a {
		color: white;
	}
	.navbar-toggle{
		margin-top:15px;
	}
	.navbar-brand{
		padding: 0;
		display: inline-block;
		width: 100%;
		height:auto;
		background: #FFB400;
		padding: 10px;
	}
	.navbar-brand img{
		width: 240px;
	}
	.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
		color: #fff;
		background-color: #ffc73f;
	}
	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
		color: #ffb400;
		text-decoration: underline;
		background-color: transparent;
	}
	
	.btn_iniciar, .btn_iniciar:active, .btn_iniciar:link, .btn_iniciar:visited, .btn_iniciar:hover{
		color:white  !important;
		background-color:#ffb400 !important;
		border: solid 1px;
		border-radius: 4px;
		margin: 5px 5px 5px 50px;
		float: right;
		margin-top: 15px;
		padding: 5px 18px;
		margin-right: 17px;
	}
	.btn_iniciar img{
		height: 20px;
		vertical-align: middle;
		margin-right:10px;
	}
	
	.shortcuts .camara{
		height: 20px;
		vertical-align: text-bottom;
		margin-left: 9px;
	}
	.shortcuts a.salir:hover, .shortcuts a.salir:active, .shortcuts a.salir:link, .shortcuts a.salir:visited {
		color:orange;
		float:right;
	}
	.shortcuts{
		padding:10px;
		background:#263849;
		text-shadow:1px 1px 1px black;
		text-align:left;
		font-weight:bold;
	}
	.shortcuts a:link, .shortcuts a:active, .shortcuts a:visited, .shortcuts a:hover {
		margin-bottom:5px;
		color:white;
		display:inline-block;
		margin-right:10px;
	}
	.sc_submenu{
		list-style:none;
		margin:0;
	}
	.sc_submenu li{
		padding:5px 0;
	}
	
	/*SECTION - SLIDER*/
	.carousel{
		background:lightgray;
	}
	.carousel .carousel-inner .item{
		height:315px;
	}
	.carousel .carousel-inner .item:nth-child(1){
		background: url('/img/newsite/slider/700/4.jpg') right center ;
	}
	.carousel .carousel-inner .item:nth-child(2){
		background: url('/img/newsite/slider/700/1.jpg') right center ;
	}
	.carousel .carousel-inner .item:nth-child(3){
		background: url('/img/newsite/slider/700/3.jpg') right center ;
	}
	
	.section.slider{
		overflow:hidden;
		text-align:center;
	}
	.section.slider .text{
		margin-top: 20px;
		font-size: 34px;
		color: black;
		font-weight: 100;
		text-shadow: 1px 1px 0px white;
	}
	.section.slider .text span{
		color: black;
		font-weight: 700;
	}
	.section.slider .devices{
		width: 200px;
	}
	.section.slider .button{
		margin: 20px 0 10px;
		display: inline-block;
		background: #ffb400;
		color: #00456E;
		padding: 10px 35px;
		font-size: 20px;
		border-radius: 5px;
	}
	.section.slider .trial{
		font-size: 25px;
		color: white;
		text-shadow: 1px 1px 0px white;
	}
	.section.slider .trial b{
		/*color: #ffb400;*/
		color: black;
		text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;
	}
	.main-text{
		position: absolute;
		top: 0px;
		width:100%;
	}
	
/*+++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++*/


.section.ayudamos{
		margin-bottom:40px;
	}
	.section.ayudamos ul{
		style-type:none;
	}
	.section .title{
		text-align: center;
		overflow: visible;
		color: #AEAEAE;
		font-size: 30px;
		font-family: 'Heebo', sans-serif;
		font-weight: 600;
		margin-bottom:25px;
	}
	.section .title i{
			display: block;
		width: 100px;
		height: 10px;
		margin: 10px auto;
		background: #ffb400;
	}
	
	.section.ayudamos ul{
		list-style: none;
		font-size: 25px;
		font-weight: 200;
		color:#005773;
		padding:0;
		margin-bottom:40px;
	}
	.section.ayudamos ul li{
		
		margin-top: 10px;
	}
	
	.section.ayudamos ul li img{
		height: 15px;
		margin-right: 10px;
	}
	
	
	
	
	.section.beneficios > .row{
		margin-left:0;
		margin-right:0;
	}
	.section.beneficios .img {
		text-align:center;
	}
	.section.beneficios .img img{
		width:75%;
	}
	.section.beneficios .text{
		background:#EEEEEE;
		padding-top:10px;
		padding-bottom:10px;
		padding-right:0;
	}
	
	.section.beneficios .text p{
		font-size: 15px;
		margin:10px;
		
	}
	.section.simple{
		text-align:center;
		font-size:30px;
		color:white;
		font-weight:300;
		padding:20px;
		background:#FFB400;
	}
	.section.simple span{
		color:#005773;
	}
	.section.testimonios{
		padding:30px 0;
	}
	.section.testimonios .title{
		margin-top:40px;
		margin-bottom:80px;
	}
	.section.testimonios .img {
		text-align:center;
	}
	.section.testimonios .img img{
		width:80px;
	}
	.section.testimonios .text{
		font-weight:300;
		padding-top:30px;
		font-size:16px;
	}
	
	.section.testimonios .nota{
		font-weight:300;
		margin-top:100px;
		font-size:14px;
		color:gray;
		text-align:center;
		padding:0 20px;
	}
	.section.adquiera, .section.footer {
		background:#EEEEEE;
		text-align:center;
	}
	.section.adquiera{
		padding-top:60px;
		font-size:20px;
	}
	.section.adquiera .small{
		font-size:16px;
	}
	.section.adquiera .button{
		display: inline-block;
		background: #ffb400;
		color: #00456E;
		padding: 10px 50px;
		font-size: 36px;
		border-radius: 5px;
		margin: 20px 0;
	}
	
	.section.adquiera p.small{
		font-size: 16px;
		font-weight: 300;
		margin-top: 25px;
	}
	
	.section.adquiera .img{
		border-bottom:solid 1px white;
	}
	.section.adquiera .img img{
		height:70px;
	}
	.section.footer{
		padding-top: 20px;
		font-weight: 300;
	}
	.section.footer p{
		margin-bottom:20px;
	}


/*+++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++*/
	

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	body{
		padding-top:65px;
	}
	.navbar-brand{
		width: auto;
	}
	
	.navbar-brand img{
		width: 200px;
	}
	
	.main-text {
		width: 50%;
	}
	
	
	.section.testimonios .img img{
		width:100px;
	}
	.section.adquiera .button{
		padding: 10px 70px;
		
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-brand img {
		width: 180px;
	}
	.navbar-brand {
		width: 205px;
		height: 67px;
		padding: 0;

		width: 205px;
		height: 67px;
		padding: 20px 0 0 20px;
	}
	.navbar-inverse {
		font-size: 16px;
	}
	.navbar-inverse .navbar-collapse {
		margin-top: 10px;
	}
	.btn_iniciar, .btn_iniciar:active, .btn_iniciar:link, .btn_iniciar:visited, .btn_iniciar:hover {
		margin: 10px 30px 5px 17px;
	}
	/*SECTION - SLIDER*/
	.carousel .carousel-inner .item{
		height:315px;
	}
	.carousel .carousel-inner .item:nth-child(1){
		background: url('/img/newsite/slider/900/4.jpg') right top ;
	}
	.carousel .carousel-inner .item:nth-child(2){
		background: url('/img/newsite/slider/900/1.jpg') right top ;
	}
	.carousel .carousel-inner .item:nth-child(3){
		background: url('/img/newsite/slider/900/3.jpg') right top ;
	}

	.section .title{
		font-size: 35px;
	}
	
	.section.slider .trial{
		font-size: 30px;
		text-shadow: none;
	}
	
	.section.slider .button{
		margin: 20px 0;
	}
	
	
	.section.ayudamos ul{
		font-size: 25px;
		margin-bottom:0px;
	}
	
	.section.beneficios > .row{
		margin-left :-15px;
		margin-right:-15px;
	}
	
	.section.beneficios{
		/*overflow:hidden;
		height:470px;*/
	}
	.section.beneficios .img{
		
	}
	.section.beneficios .img img{
		width:104%;
	}
	.section.beneficios .text{
		
		background:#EEEEEE;
		
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.section.beneficios .text p{
		font-size: 15px;
		margin:10px;
		
	}
	
	.section.adquiera {
		font-size:30px;
	}
	
	
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	/*SECTION - SLIDER*/
	.carousel .carousel-inner .item{
		height:450px;
	}
	.carousel .carousel-inner .item:nth-child(1){
		background: url('/img/newsite/slider/1400/4.jpg')  right top;
	}
	.carousel .carousel-inner .item:nth-child(2){
		background: url('/img/newsite/slider/1400/1.jpg') right top ;
	}
	.carousel .carousel-inner .item:nth-child(3){
		background: url('/img/newsite/slider/1400/3.jpg') right top;
	}
	.section.slider .text{
		margin-top: 50px;
		font-size: 50px;
		text-shadow: none;
	}

	.section.beneficios{
	overflow:hidden;
	height:470px;
}
.section.beneficios .img{
	height:475px;
}
.section.beneficios .img img{
	width:104%;
}
.section.beneficios .text{
	background:#EEEEEE;
	height:475px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.section.beneficios .text p{
	font-size: 16px;
    margin-left: 40px;
    margin-bottom: 25px;
    margin-right: 20px;
	
}
.section.simple{
	text-align:center;
	font-size:30px;
	color:white;
	font-weight:300;
	padding:20px;
	background:#FFB400;
}
.section.simple span{
	color:#005773;
}
.section.testimonios{
	padding:30px 0;
}
.section.testimonios .title{
	margin-top:40px;
	margin-bottom:80px;
}
.section.testimonios .img {
	text-align:center;
}
.section.testimonios .img img{
	width:100px;
}
.section.testimonios .text{
	font-weight:300;
	padding-top:30px;
	font-size:16px;
}

.section.testimonios .nota{
	font-weight:300;
	margin-top:100px;
	font-size:14px;
	color:gray;
	text-align:center;
}
.section.adquiera, .section.footer {
	background:#EEEEEE;
	text-align:center;
}
.section.adquiera{
	padding-top:60px;
	font-size:30px;
}
.section.adquiera .small{
	font-size:16px;
}
.section.adquiera .button{
	display: inline-block;
    background: #ffb400;
    color: #00456E;
    padding: 10px 70px;
    font-size: 36px;
    border-radius: 5px;
    margin: 20px 0;
}

.section.adquiera p.small{
	font-size: 16px;
    font-weight: 300;
    margin-top: 25px;
}

.section.adquiera .img{
	border-bottom:solid 1px white;
}
.section.adquiera .img img{
	height:70px;
}
.section.footer{
	padding-top: 20px;
    font-weight: 300;
}
.section.footer p{
	margin-bottom:20px;
}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	body{
		padding-top:125px;
	}
	.navbar-inverse {
		background-color: #006666;
		border-color: #006666;
		border: none;
		font-family: 'Heebo', sans-serif;
		font-weight: 300;
		font-size: 23px;
		padding-right: 30px;
		color: white;
	}
	.navbar-inverse .navbar-collapse{
		margin-top:60px;
	}
	.navbar-inverse .navbar-nav>li>a {
		color: white;
		margin-left:40px;
	}
	.navbar-brand{
			padding: 0;
		display: inline-block;
		width: 350px;
		background: #FFB400;
		height: 125px;
		padding: 45px 0 0 45px;
	}
	.navbar-brand img{
		width: 280px;
	}
	.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
		color: #fff;
		background-color: #ffc73f;
	}
	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
		color: #ffb400;
		text-decoration: underline;
		background-color: transparent;
	}
	.btn_iniciar:hover{
		color:white  !important;
		background-color:#ffb400 !important;
	}
	.btn_iniciar, .btn_iniciar:link, .btn_iniciar:active, .btn_iniciar:visited{
		border: solid 1px;
		border-radius: 5px;
		margin: 5px 5px 5px 50px;
		padding: 10px 25px !important;
	}
	.btn_iniciar img{
		height: 20px;
		vertical-align: middle;
		margin-right:10px;
	}
	.section.slider{
		height:600px;
		overflow:hidden;
	}
	.carousel .carousel-inner .item{
		height:600px;
	}
	
	.section.slider .text{
		margin-top: 100px;
		font-size: 60px;
		font-family: 'Heebo', sans-serif;

	}
	.section.slider .text span{
		color: black;
		font-weight: 700;
	}
	.section.slider .devices{
		width: 200px;
	}
	.section.slider .button{
		display: inline-block;
		background: #ffb400;
		color: #00456E;
		padding: 10px 35px;
		font-size: 36px;
		border-radius: 5px;
		margin: 20px 0;
	}
	.section.slider .trial{
		font-size: 40px;
		color: white;
	}
	.section.slider .trial b{
		color: black;
	}
	

	
	.section.beneficios .text p{
	font-size: 18px;
    margin-left: 102px;
    margin-bottom: 15px;
    margin-right: 60px;
	
}
	
}

@media only screen and (min-width : 1400px) {
		.carousel .carousel-inner .item:nth-child(1){
		background: url('/img/newsite/slider/1800/4.jpg')  right center;
	}
	.carousel .carousel-inner .item:nth-child(2){
		background: url('/img/newsite/slider/1800/1.jpg') right center ;
	}
}
@media only screen and (min-width : 1900px) {
		.carousel .carousel-inner .item:nth-child(1){
		background: url('/img/newsite/slider/2500/4.jpg')  right center;
	}
	.carousel .carousel-inner .item:nth-child(2){
		background: url('/img/newsite/slider/2500/1.jpg') right center;
	}
}

/***********************************************/
/***********************************************/

.new_header_bs2{
		padding:0;
	}
	.new_header_bs2 .row-fluid{
		background: #006666;
	}
	.new_header_bs2 .home_link:visited{
		color:white;
	}
	.new_header_bs2 .home_link{
		display:block;
		
		height: 102px;
		background: #FFB400;
		height: 80px;
		padding: 45px 0 0 45px;
	}
	.new_header_bs2 .home_link img{
		width: 280px;
	}
	.new_header_bs2 .home_link_phone{
		display:block;
		background: #FFB400;
		padding: 10px 10px 12px;
	}
	.new_header_bs2 .home_link_phone img{
		width: 200px;
	}
	.new_header_bs2 .span7{
		padding-right:30px;
	}
	.new_header_bs2 .fecha{
		font-size:15px;color: white;margin-top: 37px;margin-bottom: 0;
	}
	.new_header_bs2 .class{
		font-size:13px;color:white;
	}
	body.fix{
		padding:0 !important;
	}
	
	#nav>.container{margin:0;}
	
	@media only screen and (min-width : 760px) {
		.new_header_bs2 .home_link{
			width: 305px;
		}
		.new_header_bs2 .row-fluid {
			height: 125px;
		}
	}
	@media only screen and (min-width : 980px) {
		#nav > .container{
			margin : 0 auto;
		}
		
	}
	@media only screen and (max-width : 767px) {
		.tiles .col3{
			width:100%;
		}
	}
	
	@media  only screen and  (max-width: 759px){
		#nav .btn-navbar {
			position: absolute;
			top: -38px;
			right: 18px;
		}
		ul.tiles{
			padding: 0;
			margin: 0;
		}
		.dashboard{
			margin:0;
			padding:0;
		}
		
	}
	
.loader{
	position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background: rgba(0,0,0,.3);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader>div{
	padding: 20px;
    background: white;
    max-width: 100px;
    max-height: 100px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,.5);
    
    font-weight: bold;
    text-align: center;
    
}