/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-15 {padding-top:15px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}
.p-t-100 {padding-top:100px;}
.p-t-110 {padding-top:110px;}
.p-t-120 {padding-top:120px;}
.p-t-160 {padding-top:160px;}
.p-t-200 {padding-top:200px;}
.p-t-220 {padding-top:220px;}
.p-t-210 {padding-top:210px;}
.p-t-300 {padding-top:300px;}
.p-t-310 {padding-top:310px;}
.p-t-400 {padding-top:400px;}




.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-60 {padding-bottom:60px;}
.p-b-70 {padding-bottom:70px;}
.p-b-80 {padding-bottom:80px;}
.p-b-90 {padding-bottom:90px;}
.p-b-100 {padding-bottom:100px;}
.p-b-110 {padding-bottom:110px;}
.p-b-100 {padding-bottom:200px;}


.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}



/* Estilos de textos */

p { 
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1m;
	line-height: 1.7em;
}


h1 { 
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.subtitulo-seguridad{
	font-size: 1em;
	color: rgba(23,24,105,1);
}

h2 { 	
	font-family: 'Montserrat', sans-serif;
	font-weight: 600; }

h3 { 
	font-family: 'Montserrat', sans-serif;	
	font-weight: 700;
	font-size: 1.8em;}

h4 {	font-weight: 400;
line-height: 1.6em;}

.menu-principal li a { 
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 700;
	padding: 5px 3px 
}

.menu-principal li a:hover {
	color:rgba(255,166,67,1); 
}

a:hover{
	color:rgba(255,166,67,1); 
}

.menu-movil li a { 
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 2em;
	font-weight: 700;
	padding: 5px 3px 
}

.menu-movil li  { 
	list-style: none;
}

.lista-botones li { 
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color:rgba(0,0,0,0,1);
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 300;
	padding: 5px 3px 
}


.titulo-footer{
	font-size: 2em;
}

.servicios-paquetes{	
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	color: rgba(23,24,105,1);
}

.titulo-paquetes{
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: rgba(50,172,246,1);
}


.texto-paquetes{
	font-size: 1em;

}
	
.titulo-productos-industria{
	font-size: 1.7em;
}

.texto-productos-industria{
	font-size: 0.9em;
	line-height: 2em;
}


.titulo-pasos-monitoreo{
	font-size: 1.7em;
	color: rgba(23,24,105,1);
}

.titulo-movil{
	font-size: 1em;
}

.subtitulo-movil{
	font-size: 1.7em;
}

.titulo-monitoreo{
	font-size: 3em;
}


/* estilos de color */

.c-titulo{
	color: rgba(0,168,176,1);
}

.c-azul{
	color: rgba(23,24,105,1);
}

.c-azul-02{
	color: rgba(50,172,246,1);
}

.c-blanco{
	color: rgba(255,255,255,1);

}

.c-naranja{
	color:rgba(255,166,67,1); 
}

/* Menu principal */

.modal-menu-movil  { background-color:rgba(25,65,156,0.9) !important; }

#menuMovil .modal-content { background:none;
					box-shadow: none;
					border: 0; }

.close-menumovil { 
	color: white; opacity: 1;
	font-size: 3em;}
	

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(1,65,102,0);
	box-shadow:0 0 10px rgba(0,0,0,0);
}

.navbar-top-2 { background:rgba(25,65,156,0.6);
			box-shadow:0 0 10px rgba(25,65,156,0.6); }

/* Estilos de seccion */


.servicios-residencial{
	background: url(../img/home/technoalarme-servicios-residencial.jpg) center no-repeat;
    background-size: contain;
}

.servicios-comercial{
	background: url(../img/home/technoalarme-servicios-comercial.jpg) center no-repeat;
    background-size: contain;
}

.servicios-industria{
	background: url(../img/home/technoalarme-servicios-industria.jpg) center no-repeat;
    background-size: contain;
}

.servicios-monitoreo{
	background: url(../img/home/technoalarme-servicios-monitoreo.jpg) center no-repeat;
    background-size: contain;
}

.seccion-monitoreo{
	background: url(../img/home/technoalarme-home-banner-monitoreo.jpg) no-repeat bottom;
	background-size: cover;
    padding: 10px 0 10px;
}

.seccion-monitoreo-movil{
	background: url(../img/home/technoalarme-home-banner-monitoreo-movil.jpg) no-repeat bottom;
	background-size: cover;
    padding: 100px 0 100px;
}


.seccion-productos{
	background-color: rgba(242,242,242,1);
}

.seccion-conoce-servicios{
	background: url(../img/home/technoalarme-home-banner-servicios.jpg) no-repeat bottom;
	background-size: cover;
    padding: 50px 0 50px;
}

.seccion-conoce-servicios-movil{
	background: url(../img/home/technoalarme-home-banner-servicios-movil.jpg) no-repeat bottom;
	background-size: cover;
    padding: 100px 0 100px;
}



.seccion-contacto
{
	background-color: rgba(25,65,156,1);
}

.seccion-contacto-movil
{
	background-color: rgba(25,65,156,1);
}


.seccion-banner-servicios{

	background: url(../img/servicios/technoalarme-servicios-banner.jpg) no-repeat bottom;
	background-size: cover;
    padding: 230px 0 230px;
}

.servicios-comercial-descripcion{
	background-color: rgba(242,242,242,1);

}
.seccion-paquetes-comercial{
	background-color: rgba(242,242,242,1);

}

.seccion-proceso-02{
	background-color: rgba(242,242,242,1);

}

.seccion-banner-monitoreo{
	background: url(../img/monitoreo/technoalarme-monitoreo-banner.jpg) no-repeat bottom;
	background-size: cover;
    padding: 230px 0 230px;
}

.seccion-banner-monitoreo-movil{
	background: url(../img/monitoreo/technoalarme-monitoreo-banner.jpg) no-repeat bottom;
	background-size: cover;
    padding: 100px 0 100px;
}



.seccion-footer
{
	background-color: rgba(25,65,156,1);
}

/* estilos de botón */

.btn { 	border-radius: 0 !important;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}


.btn-cotiza { 	border-radius: 0 !important;
	border: 2px
	solid rgba(0,168,176,1);
	color: rgba(0,168,176,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 18px !important;
}

.btn-contacto { 	border-radius: 0 !important;
	border: 2px;
	background-color: rgba(23,24,105,1);
	color: rgba(255,255,255,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}


.btn-contacto:hover { 	border-radius: 0 !important;
	border: 2px;
	background-color: rgba(23,24,105,1);
	color: rgba(255,166,67,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}

.btn-contactanos { 	border-radius: 0 !important;
	border: 3px
	solid rgba(0,168,176,1);
	color: rgba(0,168,176,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}

.btn-contactanos:hover { 	border-radius: 0 !important;
	border: 2px
	solid rgba(0,168,176,1);
	color: rgba(255,166,67,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}

.btn-monitoreo { 	border-radius: 0 !important;
	border: 2px
	solid rgba(23,24,105,1);
	color: rgba(23,24,105,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}

.btn-monitoreo:hover { 	border-radius: 0 !important;
	border: 2px
	solid rgba(23,24,105,1);
	color: rgba(255,166,67,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}

.btn-transparente {
	background: rgba(0,0,0,0);
	color: rgba(255,255,255,1);
	font-weight: 700;
	box-shadow: 0 0 0 rgb(100 100 100 / 0%);
	border: 2px
	solid rgba(97,201,191);
	border-radius: 18px !important;
}

.btn-ver-mas{
	border: 2px;
	background-color: rgba(255,166,67,1);
	color: rgba(255,255,255,1);
	font-weight: 700;
	padding: 10px 40px;
	border-radius: 20px !important;
}

.btn-enviar-formulario{
	background: rgba(0,0,0,0);
	color: rgba(97,201,191);
	font-weight: 700;
	box-shadow: 0 0 0 rgb(100 100 100 / 0%);
	border: 2px
	solid rgba(97,201,191);
	border-radius: 18px !important;
}

.btn-enviar-formulario:hover{
	background: rgba(0,0,0,0);
	color: rgba(255,166,67,1);
	font-weight: 700;
	box-shadow: 0 0 0 rgb(100 100 100 / 0%);
	border: 2px
	solid rgba(97,201,191);
	border-radius: 18px !important;
}

/* Estilos de bootstrap */





.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}


.abajo{
	margin-top: 100px;
}



/* Carousel Styles */
.carousel-indicators .active {
	background-color: #2980b9;
}





/* Carousel Styles */
.carousel-indicators .active {
    background-color: rgba(255,255,255,1);
}



.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}



.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}


.carousel-control-movil.left {
    background-image: none;
	color: rgb(0,0,0,1);
	top: 40%;

}

.carousel-control-movil.right {
    background-image: none;
	color: rgb(0,0,0,1);
	top: 40%;
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
	color: #fff;
	
}

.header-text h1 {
	font-size: 40px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 3.5em;
}



.header-text h2 {
    font-size: 40px;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	font-size: 1.8em;
	color:rgba(255,166,67,1); 

	
}

.header-text-movil {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
	color: #fff;
	
}

.header-text-movil h1 {
	font-size: 40px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 2.8em;
}



.header-text-movil h2 {
    font-size: 40px;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	font-size: 1.8em;
	color:rgba(255,166,67,1); 

}


.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}



.panel-paquetes {
	margin-bottom: 20px;
	background-color: rgba(255,255,255,1);
	border-radius: 20px;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 0px 0px rgba(0,0,0,0.4);
}

.panel-paquetes:hover {
	-webkit-transition:all ease 400ms ;
	box-shadow:0 3px 8px rgba(0,0,0,0.4);
	border-radius: 22px;
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 0px solid;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}


.panel-paquetes-residencial {
	margin-bottom: 20px;
	background-color: rgba(242,242,242,1);
	border-radius: 20px;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 0px 0px rgba(0,0,0,0.4);
}

.panel-paquetes-residencial:hover {
	-webkit-transition:all ease 400ms ;
	box-shadow:0 3px 8px rgba(0,0,0,0.4);
}