/* TIPO DE LETRA ROBOTOCONDENSED */
@font-face {
font-family: RobotoCondensed-Regular;
src: url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}
@font-face {
font-family: RobotoCondensed-Light;
src: url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf);
}
@font-face {
font-family: RobotoCondensed-Bold;
src: url(fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf);
}
@font-face {
font-family: RobotoCondensed-BoldItalic;
src: url(fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf);
}
@font-face {
font-family: RobotoCondensed-Italic;
src: url(fonts/Roboto_Condensed/RobotoCondensed-Italic.ttf);
}


/* reseteo universal */
*{
	border: 0;
	margin: 0;
	padding: 0;
}

/* ESTILOS GENERALES */
body{
   	font-family: 'RobotoCondensed-Regular', sans-serif;
}
.font-bold{
	font-family: 'RobotoCondensed-Bold', sans-serif;
}
.font-bold-black{
	font-family: 'RobotoCondensed-Bold', sans-serif;
	color:black;
}
.font-italic{
	font-family: 'RobotoCondensed-Italic', sans-serif;
}
.font-bold-italic{
	font-family: 'RobotoCondensed-BoldItalic', sans-serif;
}
.font-light{
	font-family: 'RobotoCondensed-Light', sans-serif;
}
.paddingleft20{
	padding-left:20px;
}
.paddingtop25{
	padding-top:25px;
}
.paddingtop15{
	padding-top:15px;
}
.paddingtop30{ 
	padding-top:30px; 
}
.margintop28{
	margin-top:28px;
}
.margintop90{
	margin-top:90px;
}
.nopnom{
	padding:0; margin:0
}
.noprnomr{
	padding-right:0; margin-right:0;
}
.nopbnomb{
	padding-bottom:0; margin-bottom:0;
}
.noptnomt{
	margin-top:0;
	padding-top:0;
}
.nopt{
	padding-top: 0px;
	margin-top: 0px;
}
.pb{
	padding-bottom: 15px;
}
.fcolor999{
	color:#999;
}
.fcolor3ea8b8{ 
	color:#363d54;
}

.espacio{
	margin:40px 0px;
}
.center{
    margin: 0 auto;
    text-align: center
}
.txtal{
	text-align:left;
}	
.txtar{
	text-align:right;
}	
.margin-top{
	margin-top:100px;
}
.limpia-floats{
	clear: both;
}
.floatright{
	float:right;
}
.height103{
	height: 103px;
}

/* PLECA */
.pleca{
	border-bottom: 6px solid #363d54; height:6px; margin-bottom:40px
}


/* VIDEOS-AYUDA Y MATERIALES */
.videos{
	background: url(../images/video.jpg)center top no-repeat;
    background-size: cover;
    min-height: 320px;
}

.content-tutoriales{
	min-height:320px;
    line-height:320px;
    text-align:center;
}
	.content-tutoriales div{
		display:inline-block;
        vertical-align:middle;
        line-height:normal;
	}

	.cont-videos .videos-title{
		color:#363d54; font-size:20px
	}

	

	.cont-videos .videos-text p{
		font-size:18px; text-align: left
	}

	



/* HEADER */
.tabla-login tr, .tabla-login td{
	vertical-align: top;
}


.col-login a{
	color:#999;
	text-decoration: none;
	font-size: 13px;
}
	.col-login a:hover{
		color:#363d54;
		text-decoration: underline;
	}
	.btn-login{
		background-color:#eee; 
		color:#999
	}

.menu-nav{
	text-align: right;
	color:#999999;
	list-style: none;
}
.menu-nav li{
	display:inline-block;
	padding-left:10px;
}
.menu-nav li a{
	text-decoration:none;
	color:#999999;
	font-size:18px;
	font-family: 'RobotoCondensed-Bold', sans-serif;
}
.menu-nav li a:hover{
	text-decoration:none;
	color:#363d54;
}
	#activado{
        color:#363d54;
    }


.migas-pan{
    color:#363d54;
    list-style: none;
    font-size:20px;
    padding-left: 45px;
}
.migas-pan li{
        display: inline-block;
        padding-right:10px;
}
.migas-pan li a{
        color:#363d54;
        display: inline-block;
}
        
#whatsapp-icon{
    font-size: 45px;
    color: white;
    position: fixed;
    z-index: 2224;
    bottom: 40%;
    right: 0px;
    background-color: green;
    border-radius: 50%;
    padding: 0px 12px;
}

/* SLIDER HOME */
.slider{
	
}

.cont-slider{
	color:white;
}
	.cont-slider a:hover{
		color:white;
		text-decoration: none;
	}
	.cont-slider .bton-left{
		color:#fff; background-color:#363d54;  font-size:15px; padding:10px 15px;
	}
	.cont-slider .bton-right{
		color:#fff; border:1px solid white;  background-color:none; font-size:15px; padding:10px 15px;
	}
	.cont-slider .bton-left:hover, .cont-slider .bton-right:hover{
		box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .9);
	}





/* SOFTWARE PYMES */
.software-pymes, .tutoriales{
	margin-top:-30px;
	background-color:#d7d8dd;
}
	.software-pymes h3, .tutoriales h3{
		color:#000;
	}

	.software-pymes .pasos-circle, .tutoriales .pasos-circle{ 
	     width: 60px;
	     height: 60px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #363d54;
	     color:#fff;
	     font-size:40px;
	     margin:0 auto;
	}
	.pasos-texto{
		padding-top:10px;
		color:#000;
	}
		.pasos-texto p{
			line-height: 1;
		}

		.pasos-texto a{
			color:#000;
		}

	.option-captura{
			padding-top:10px;
			color:black;
			font-size:23px;
	}

		
/* END SOFTWARE PYMES */

/* GARANTIA*/

.garantia{
	background-color:#363d54;
	font-family: 'RobotoCondensed-Bold', sans-serif;
        color: #d7d8dd;
}
	.garantia a{
		color:white;
	}
/* APPS*/
.apps h4{
	padding-bottom: 12px;
}
	.android, .smultiuser, .cloud{
		padding:15px 5px;  min-height:330px; height:auto; background-color:#868b98;
	}
	.smultiuser{
		background-color:#afb1bb;
	}
	.cloud{
		background-color:#d7d8dd;
	}

/* OPCIONES DE CAPTURA, SOFTWARE MOVIL, REPARTIDORES */
.opc-captura, .soft-movil, .repartidores, .dir-proveedores{
	background-color:#d7d8dd;
	color:black;
	font-size:18px;
}
	.opc-captura h1, .soft-movil h1, .repartidores h1, .dir-proveedores h1{
		color:#363d54;
	}
	.pvcalle p{
		font-size:13px;
		font-family: 'RobotoCondensed-Bold', sans-serif;
	}

/* VENTAJAS */
.ventajas{
	background-color:#fff;
}
	.vent-title{
		font-size:21px;
		font-family: 'RobotoCondensed-Bold', sans-serif;
		text-align: left;
	}
	
	.ventajas h4{
		color:#363d54;
		font-size:22px;
	}
	.ventajas p, .otras-ventajas p{ 
		font-size:11px;
	}

	.ventajas .col-md-3 h4, .ventajas .col-md-3 p{
		text-align: left;
	}

	

	.atnc-perso p{ 
		color:black;
		font-size:18px;
	}

/* IMAGEN SOLA */
.img-hand-man{
	background-position: center center; 
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;


    /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla  */
	
	height:auto;
	width:100%;
	background-size: 100% 100%;
}

/* KIT BASICO */

.kit-basico{
	background-color:#989898;
}
	.list-prod{
		list-style: none;
	}
	.list-prod li{
		padding:15px 0px;
	}
	.list-prod li p{
		font-size: 19px;
		font-weight: normal;
	}

	.bton-kit-basico{
		background-color: black; 
		color:white; 
		border:none;
		padding:15px 25px; 
		font-size:22px;
	}
	.bton-kit-basico:hover{
		background-color: white; 
		color:black; 
		text-decoration: none;
	}

/* PIE PAGINA */
.pie-pagina{
	background-color:#868b98;
	color:white;
}
	.pie-pagina h2{
		font-weight:bold;
                color: #d7d8dd;
	}
	.medios-contacto{
		color:white;
	}	
	.medios-contacto ul{
		list-style: none;
	}
		.medios-contacto ul li{
			padding-bottom: 3px;
		}

		.medios-contacto ul li:nth-child(1){
			padding-left:45px
		}
		
		

		.lista-site-map{
			list-style: none; 
			padding-top:15px;
		}	

			.lista-site-map li{
				padding-bottom:16px;
			}	
				.lista-site-map li a{
					padding-bottom:15px;
					color:#363d54;
					font-size:17px;
				}	
	.list-notas{
		
		list-style: none;

	}
		.list-notas li{
			font-size:10px;  
			padding:1px 0px; 
			
		}

.social-face, .social-twitter, .social-youtube, .social-googlep{
	height:70px;
	width:65px;
	background: url("../images/face-icon-footer.png");
}
.social-face:hover{
	background: url("../images/face-icon-footer-hover.png");
}
.social-twitter{
	background: url("../images/twitter-icon-footer.png");
}
.social-twitter:hover{
	background: url("../images/twitter-icon-footer-hover.png");
}
.social-youtube{
	background: url("../images/youtube-icon-footer.png");
	width:112px;
}
.social-youtube:hover{
	background: url("../images/youtube-icon-footer-hover.png");
	width:112px;
}
.social-googlep{
	background: url("../images/googlep-icon-footer.png");
}
.social-googlep:hover{
	background: url("../images/googlep-icon-footer-hover.png");
}

.list-rs-foot{
	padding-top:0px;
	margin-top:0px;
	list-style: none;
	display: inline-block;
}
.list-rs-foot li{
	padding:2px;
	display: inline-block;
}

/* DERECHOS COPYRIGHT*/
.pie-site-developed{
	background-color:#363d54;
        color:#d7d8dd;
}	
	.pie-site-developed a{
		color:#d7d8dd;
	}	



/*/// EXTRAS////*/

.iconTitulo {
    color: #bf514e;
    font-size: 9.5mm;
}














	












/* LICENCIA PREMIUM*/
.paquetes-content{
	width:80%;
}	
.table-paquetes{
	width:100%; font-size:18px;
}
.table-paquetes td{
	padding-left:4px;
	padding-bottom:2px;
}
	
.table-paquetes td:nth-child(2){
	text-align: right;
}

.paquetes-title{
	background:#363d54; color:white; 
	font-size:20px; 
	font-weight:bold;
}
.paquetes-desc{
	background:#a8c1dd; text-align:left;
}
.bton-paquetes{
	background:#363d54; color:black; font-size:22px; padding:14px 28px
}
.bton-paquetes:hover{
	color:white; 
	text-decoration:none;
}
.paquetes ul{
	list-style-type: none;
}
	.paquetes ul li{
		padding-bottom:5px;
		font-size: 18px;
	}

	.lic-content{
		background:url(../images/licencia-premium-ejecutiva.png) no-repeat; background-position:right;
		width:100%;
		margin-right: 20px;


	}
	.content{
		text-align:left; width:80%; 
	}
	.list-licen-content{
		font-size:22px;
		padding:20px 0px;
	}
		.list-licen-content li{
			padding-bottom:13px;
		}

.img-chica-pventa, .img-hand-man{
	background-position: center center; 
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;
    /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla  */
	height:auto;
	width:100%;
	background-size: 100% 100%;

}


/* formulario collapse */
.launch-formulario, .formulario-content {
	padding:12px 2px;
	color:white;
	background-color:#363d54;
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	writing-mode: vertical-lr;
	border-radius: 0px 4px 4px 0px;
	font-family: 'RobotoCondensed-Light', sans-serif;
}
.launch-formulario:hover{
	color:white;
	text-decoration: none;
	box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
}
.formulario-content{
	padding:10px;
	background-color:white;
	color:black;
	max-width:450px;
	padding:0px;
	writing-mode: horizontal-tb;
	font-family: 'RobotoCondensed-Regular', sans-serif;
	display: none;
	border:1px solid #363d54;
        height: 450px;
        overflow: auto;
}

div#formulario-content .ulPreguntas li {
    list-style: none;
    margin-bottom: -5px;
}

.formulario-content a{
	color:white;
}

	.formulario-title{
		background-color: #363d54;  padding:6px;
                color:#d7d8dd;
	}

	.tabla-formu{
		width:100%;
	}
		.tabla-formu td:nth-child(1){
			text-align: center;
		}
		.tabla-formu td:nth-child(2){
			text-align: right;
		}
			.tabla-formu td:nth-child(2) a{
				color:black;
			}
	.formulario-body{
		padding:20px;
	}
		.formulario-body p:nth-child(1){
			font-size:16px; color:#dc514d; padding-bottom: 5px
		}
		.formulario-body p:nth-child(2){
			font-size:13px; text-align: justify
		}
		.lista-formu-registro{
			list-style:none;
		}
		.lista-formu-registro li{
			padding-bottom:5px;
		}
		.boton-formu-reg{
			text-align: right;
		}


.fcolorblack{
	color:black;
}

/* bootstrap edit */

.container-fluid{
	padding: 30px 0px;

}





/*///CUSTOM*/
.header-tl {
    vertical-align: top;
    text-align: left;
    color: #363d54;
    font-size: 19px;
}
.header-tr {
    font-weight: bold;
    font-size: 17px;
    color: black;
}
.header-tr ul {
    list-style: none;
}
.ayuda-excel {
    background-color: #fff300;
}
.opc-captura h2, .soft-movil h2, .repartidores h2, .dir-proveedores h2 {
    color: #363d54;
}
ul.list-seccion{
    padding-left: 30px;
}
ul.list-seccion li{
    list-style-image: url(../images/check.png);
}
ul.list-seccion span{
    color: #363d54;
    font-size: 16px;
}

.android, .smultiuser, .cloud {
    min-height: 270px;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
}
.carousel-indicators li {
    border: 1px solid #000;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #000;
}
.carousel-control {
    color: #000;
}
.funciones {
    background-color: #363d54;
    margin: 30px 0px 0px 5px;
    padding: 1px 15px;
    min-height: 280px;
    color: #d7d8dd;
}
.funciones h3{
    color: white;
    font-weight: bold;
}
.funciones ul{
    font-size: 17px;
}

.linkNegro a{
    color: black;
}

/*Videos Responsivo*/
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}