body { font-family: 'Raleway', sans-serif; cursor: default; }


* { transition: all ease 300ms; }

a     {-webkit-transform: rotate(0);}
a img {-webkit-backface-visibility: hidden;}


h1,h2 {font-family: 'Roboto', sans-serif;}

h1 { font-weight: 600; }

.link-blanco { color: white }

.link-blanco:hover { color: white }


.texto-intro { 	font-size: 1.3em;
				line-height: 2em;
				font-weight: 300; }


.contacto-top p { color:white;
                  text-align: right;
                  font-size: 1.1em;
                  font-weight: 200;
                  opacity: 1;
                  margin-bottom:0;
                  -webkit-transition:all ease 300ms; }

.contacto-top p:hover { opacity: 1;}


.contacto-top p img {display: inline-block;}

.contacto-top a {color: white;}

.contacto-top a:hover {text-decoration: underline;}





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

.c-azul-1 { color: rgba(28,62,94,1); }



.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-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}

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



.c-azul-1 { 	color: rgba(51,125,205,1); }

.c-azul-2 {   color: rgba(26,25,52,1); }

.c-turquesa-1 { color: rgba(0,165,180,1); }

.c-naranja-1 { 	color: rgba(217,54,16,1); }

.c-amarillo-1 { color: rgba(249,168,29,1); }

.c-morado-1 { 	color: rgba(147,41,124,1); }

.c-gris-1 { 	color: rgba(204,204,204,1); }

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



.bgm-azul-1 { 	background: rgba(26,25,52,1); }

.bgm-turquesa-1 { background: rgba(0,165,180,1); }

.bgm-naranja-1 { 	background: rgba(238,95,76,1); }

.bgm-amarillo-1 { background: rgba(249,168,29,1); }

.bgm-morado-1 { 	background: rgba(147,41,124,1); }

.bgm-gris-1 { 	background: rgba(130,130,130,1); }

.bgm-gris-2 { 	background: rgba(220,220,220,1); }

.bgm-gris-3 {   background: rgba(242,242,242,1); }

.bgm-gris-4{ background: rgb(51,50,61); }

.bgm-gris-5 {background: rgba(230,230,230,1);}

.bgm-blanco {background: rgba(255,255,255,1);}

.bgm-cafe-1{background: rgba(204,156,100,1);}

.bgm-azul-2{background:rgba(74,103,155,1); }

.bgm-azul-3 {background: rgba(20,47,100, 1);}

.btn-azul-2{background: rgba(1,144,254,1);}

.imagen{max-width: 0px;}

.imag{max-width: 400px;}

.columna-2{background:rgba(242,242,242,1);}

.columna-4{background:rgba(242,242,242,1);}
.columna-6{background: rgba(242,242,242,1);}
/*.columna-8{background: rgba(242,242,242,1);}*/



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

.seccion-columna-2{background:rgba(230,230,230,1);}

.seccion-columna-3{background:rgba(242,242,242,1);}

.seccion-columna-4{background: rgba(73,103,155,1);}


.seccion-superior{background:rgba(20,47,100, 1);}





.seccion-ubicacion{ background:rgba(255,255,255,1); }

.seccion-azul{background: rgba(74,103,155,1);}

.seccion-nueva-1{background: url(../img/productos-cal.jpg)no-repeat center;
                   background-size: cover;
                   padding: 50px 0 50px }

.seccion-r-social{background:url(../img/aplicaciones-rsocial.jpg)no-repeat center;
                     background-size: cover;
                  padding:  200px 0 150px  }

.seccion-responsabilidad-social{background: rgba(0,41,114,1);}

.seccion-produccion {background:rgba(255,255,255,1);}

.seccion-cafe {background:rgba(204,156,100,1);}

.seccion-aplicaciones{background:url(../img/home-aplicaciones.jpg) no-repeat  center;
	                  background-size: cover;
	               padding: 20px 0 20px}
	               

.seccion-gris{background: rgba(204,204,204,1);}

.seccion-final{background: url(../img/CalGloria2.jpg) no-repeat  center;
               background-size: cover;
               padding: 90px 0 150px}

.seccion-final-2{background: url(../img/CalGloria4.jpg) no-repeat center;
               background-size: cover;
               padding: 40px 0 30px}



.seccion-top { background:url(../img/banner-principal.jpg) no-repeat bottom;
				background-size: cover; 
				padding:140px 0 200px;}

.logo-principal { max-width: 240px; }


.menu-principal { 	position: fixed; width: 100%; z-index: 99; 
					background:rgba(32,63,123,0.5);}


.menu-principal li a { color: rgba(255,255,255,1); 
						text-decoration:none;
						border-bottom:3px rgba(119,206,31,0) solid;
						padding-bottom:20px;
						padding-top:30px; 
						}

.menu-principal li a:hover { border-bottom:3px rgba(119,206,31,1) solid; }



.telefono-portada { color:white;
					background:rgba(0,0,0,0.3);
					padding:10px 40px;
					border-radius: 20px; }

.telefono-portada:hover { 	color:white;
							background:rgba(0,0,0,0.3);
							text-decoration: none; }



.redes-portada img { max-width: 60px; }



.seccion-titulo-ventajas { background:url(../img/portada-about-us.jpg) no-repeat center;
				background-size: cover;
				}



.seccion-titulo-ventajas h2 { color:rgba(255,255,255,1);
					background:rgba(15,101,128,1);
					font-weight: 700;
					padding:20px 80px;
					border-radius: 20px;
					display: inline-block; }

.imagenes{ max-width: 100px; }

.seccion-ventajas { background:url(../img/bg-02.jpg) no-repeat center;
				background-size: cover;
				} 




.seccion-ventajas img { max-width: 140px;  }


.seccion-ventajas p strong { font-size:1.3em; }

.seccion-ventajas p span { font-weight: 700; }



.seccion-mapa { background:url(../img/banner-solicita-servicio.jpg) no-repeat center;
				background-size: cover;
				} 



.seccion-footer { background:rgba(17,65,102,1); }