<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

body{
	background-color:#E4E4E4;

	
	
	
	
	

}



.btn-whatsapp {
       display:block;
       width:70px;
       height:70px;
       color:#fff;
       position: fixed;
       left:20px;
       bottom:20px;
       border-radius:50%;
       line-height:80px;
       text-align:center;
       z-index:999;
}








	
.citofonia{
	
	width:74.5%;
	
	height:auto;
	
	
	
	
	
	}  
  
  

	
	

	
	
.facebook{
	
	
	
	background-image:url(../imagenescajas/facebook.jpg);
	
	width:50px;
	height:50px;
	position:fixed;
	margin-top:40px;
	cursor:pointer;
	border-radius:5px;}
	
	
	
.facebook:hover{
	
	
	
	background-image:url(../imagenescajas/facebook2.jpg);
	
	width:55px;
	height:55px;
	border-radius:5px;
	}
	
	
.cabeceraskala{
	
	width:960px;
	height:200px;
	background-image:url(../imagenescajas/skala.jpg);
	margin:auto;
	
	
	
	
	
	}
	
	
	
.datoscabecera{
	width: 100%;
	max-width:1100px;
	height: 59px;
	
	margin: auto;
	background:#011F63;
	

	

	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;		
	
	
	
	}
	








.piedepagina{
	width:960px;
	height:100px;
	margin:auto;
	background-image:url(../imagenescajas/piedepagina.jpg);
	border-radius:10px;
	
	

	}
	

	

	
.facebookcabecera{
	background-image:url(../imagenescajas/facebook2.png);
	width:30px;
	height:30px;
	float:left;
	margin-left:42%;
	
	margin-top:15px;
	
	
	border-radius:5px;
	cursor:pointer;

	
	
	
	
	
	
	
	
	
	}
.facebookcabecera:hover{
	background-image:url(../imagenescajas/facebook1.png);
	
	
	
	
	
	}
	
.twitercabecera{
	background-image:url(../imagenescajas/twitter1.jpg);
	
	
	
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	
	border-radius:5px;
	cursor:pointer;
	
	}
	
.twitercabecera:hover{
	
	background-image:url(../imagenescajas/twitter2.jpg);
	}
	
	
.youtubecabecera{
	background-image:url(../imagenescajas/youtube.jpg);
	
	
	
	
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	border-radius:5px;
	cursor:pointer;
	
	}
	
.youtubecabecera:hover{
	background-image:url(../imagenescajas/wasap2.jpg);
	
	
	
	
	
	
	}
	
	
	


.linkscompleto{
	width:100%;
	
	max-width:1100px;
	height:400px;
	margin:auto;
	
	
	
	
	
	}
	
.estiloseslaider{
	width:340px;
	float:left;
	margin-left:215px;
	
	
	
	
	}
	
.menuiz{
	width:25.4%;
	height: auto;
	
	

	
	
	font-family: arial;
	font-size: 14px;
	float: left;
	
	color:#FFFFFF;
	
background:#011F63;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	

	
	
	
	
	
	
		
	
	
	
	
	
	
	
	
	}
.menuiz &gt; ul &gt; li{
text-decoration:none;
list-style:none;
padding:10px;
padding-left:20px;




	
	
	}
	

.menuiz &gt; ul &gt; li:hover{
	background:#0E4394;

	

	

	



	
	
	}	
.menuizquierda{
	cursor:pointer;
	
	}
	
	
	
	
	
.linkskala{
	width: 74.6%;
	height: 50px;
	
background:#011F63;
	
	
	
	border-bottom-right-radius: 10px;
	
	float:left;
	
	
	

	
	}
	
	
	
	
	
	

	
.linkskala &gt; ul &gt; li{
	float:left;
	
	
	color:#FFFFFF;
	margin-left:1.5%;
	padding:10px;
	
	
	list-style:none;
	margin-top:10px;
	
	
	
	
	

	text-decoration:none;
	text-align:center;
	font-family: arial;
	color: #FFFFFF;
	font-size:14px;
	cursor:pointer;
	
	
	
	
	
	
	}
	
	
	


	
.linkskala &gt; ul  &gt;.hoverskala:hover{
	border-radius:10px;
	background:#0E4394;
	
}	
	
	
	
.numeroscontacto{
	text-align:center;
	color:#FFFFFF;
	float:left;
	font-family:verdana;
	font-size:14px;
	
	width:400px;
	padding-top:10px;
	
	
	
	}
	
	
#v1,#v2,#v3,#v4,#v5{
	display:none;
	
	
	}
	
.footerp{
	
	width:100%;
	max-width:1100px;
	margin:auto;
	
	
	
	
	
	}

	
.footer{
	width:100%;
	max-width:1100px;
	height: 90px;
	
	margin: auto;
	color: #FFFFFF;
	
	font-family: Arial;
	font-size: 12px;
	padding-top: 10px;
	border-radius:10px;
	font-weight:bold;
	background:#011F63;
	
	

	margin-top:8px;
	float:left;
	
	
	
	
	}
.footer &gt;.nombresdegerentes{

	width:50%;
	
	
	margin-left:50%;
	
	
	
	
	
	
	
	
	
	}
	
	

.footer &gt;.derechos{
	width:100%;
	max-width:1100px;
	height: 22px;
	text-align: center;
	margin-top: 10px;
	background: #BFBFBF;
	float: left;
	padding-top:10px;
	padding-bottom: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #221414;
	font-weight:400;
	font-size:12px;
	
		
	
	
	
	
	
	
	
	}
	

.imagenservicios{
	width:1100px;
	height:420px;
	background-image:url(../imagenescajas/v9.jpg);
	float:left;
	margin-top:10px;
	border-radius:10px;
	
	
	
	
	
	
	
	
	
	
	}
	
	
.w1{
	width:1100px;
	height:420px;
	background-image:url(../imagenescajas/v9.jpg);
	float:left;
	margin-top:10px;
	border-radius:10px;
	display:none;
	
	
	
	
	
	
	
	
	
	
	}
	

	
.imagenservicios2{
	width:1100px;
	height:420px;
	background-image:url(../imagenescajas/v10.jpg);
	float:left;
	margin-top:10px;
	border-radius:10px;
	
	
	
	
	
	
	
	
	
	}
	
.imagenservicios3{
	width:1100px;
	height:420px;
	background-image:url(../imagenescajas/v11.jpg);
	float:left;
	margin-top:10px;
	border-radius:10px;
	
	
	
	
	
	
	
	
	
	}
	
	

	
	.q4{
	width:1100px;
	height:420px;
	background-image:url(../imagenescajas/v12.jpg);
	float:left;
	margin-top:10px;
	border-radius:10px;
	display:none;
	
	
	
	
	
	
	
	
	
	}
	
.imagenservicios5{
	width:1100px;
	height:420px;
	background-image:url(../imagenescajas/v13.jpg);
	float:left;
	margin-top:10px;
	border-radius:10px;
	
	
	
	
	
	
	
	
	
	}
.contenidoimagen{
	width:400px;
	height:90px;
	background-color:rgba(255,213,145,0.8);
	float:right;
	
	
	

	color:#221414;
	
	

	
	border-radius:10px;
	text-align:center;
	font-size:16px;
	font-family:arial;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:300px;
	
	
	
	
	
	
	
	
	
	
	
	
	}
	
.contenidoimagen2{
	width:400px;
	height:120px;
	background-color:rgba(255,213,145,0.8);
	float:right;
	
	
	

	color:#221414;
	
	

	
	border-radius:10px;
	
	font-size:16px;
	font-family:arial;
	padding:20px;
	
	
	padding-bottom:10px;
	margin-top:270px;
	
	
	
	
	
	
	
	
	
	
	
	}
	
	
.colorcafe{
	width:1100px;
	height:30px;
	background: #4f342a;
	z-index:1;
	position:relative;
	
	
	
	
	
	
	
	
	
	
	}
	
.nombredelapagina{
	
	float: left;
	width:250px;
	
	height: 30px;
	text-align: center;
	padding-top: 20px;
	
	border-bottom-right-radius: 10px;
	cursor:default;
	background:#FFB600;
	color:#FFFFFF;
	
	
		
	
	
	

	
	}
	
	

	
	

	
h1{
	font-size:14px;
	font-family:arial;
	
	
	
	
	}
	
	
	
.was{	
	width:100%;
	max-width:1100px;

	margin:auto;
	
	
	
	
	}
	
.wasap {
	width: 120px;
	height: 28px;
	background: #14c618;
	z-index: 4;
	
	
	margin-left: 820px;
	margin-top: 59px;
	border-radius: 10px;
	text-align: center;
	font-family: verdana;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 10px;
	display:none;
	position:absolute;
	
	
		
	
	}
	
	
	
.form{
	width:1100px;
	margin:auto;
	display:none;
	
	
	
	
	
	
	
	
	}
.formulario{
	width:300px;
	height:150px;
	padding-top:20px;
	
	
	
	
	
	
	display:block;
	margin-left:840px;
	position:absolute;
	z-index:3;
	padding-left:40px;
	
	
	
	
	

	
	
	
	}	
	
	
.logo{
	width:15%;
	height:100%;
	
	
	
	
	float:left;
	
	
	
	
	
	
	
	}
	
	
.desarrollador{

	width:100%;
	
	
	font-size:11px;
	margin:auto;
	
	
	
	
	
	}
	
	
.contactosfo{
	width: 295px;

	float: left;
	font-size: 14px;
	font-family: arial;
	
	text-align: left;
	
	
	
	
	}
	
	
.contactosfo &gt; span{
	
	
	
	
	
	
	
	}
	
.nomproductos{
	font-family:arial;
	font-weight:bold;
	font-size:14;
	width: 100%;
	text-align:center;
	padding-bottom:15px;
	height:15px;
	background:#FFB600;
	
	
	
	
	padding-top:20px;
	margin-bottom:10px;
	
	
	
	
	
	
	
	
	
	}
	
	
	
.informacioninicio{
	width:95%;
	
	
	
	
	
	
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:2.5%;
	
	
	
	
	
	
	
	
	float:left;
	cursor:pointer;
	
	
	
	
	
	
	}
	
	
	
.solic{
	width:820px;
	height:300px;
	
	color:#FFFFFF;
	
	
	
	
	}
	
.solicitar{
	width: 320px;
	height: 100px;
	margin: auto;
background:#011F63;
	
	border-radius: 10px;
	margin-top: 90px;
	padding: 20px;

	font-family: verdana;
	font-size: 14px;
	padding-top: 40px;

	
	
	
	
	}
	
.numeroregistro{
	border-radius: 5px;
	width: 200px;
	height: 25px;
	font-size: 16px;
	color: #0f4677;
	margin-left: 10px;
	font-weight: bold;	
	
	
	
	
	
	}
	
.datosregistro{
	height:30px;
	width:80px;
	border-radius:5px;
	background-color:#0f4677;
	color:#FFFFFF;
	cursor:pointer;
	
	
	
	
	
	}
	
.contactoca{
	width:300px;
	margin-left:2%;
	height:40px;
	
	
	
	
	
	
	
	float:left;
	
	
	padding-top:1%;
	font-family:arial;
	font-size:13px;
	color:#FFFFFF;
	
	
	}
	
	
	.contactoca &gt; span{
		float:left;
		width:50%;
		
		background:#011f63;
		
		
		
		
		
		
		
		}
	
	
.contactocabecera{
	
	
	color:#FFFFFF;
	font-family:arial;
	
	
	
	
	
	
	
	
	
	
	}
	
	

	
	
	
	
	
@media only screen and (max-width: 1120px) {
	
	.facebookcabecera{
	display:none;
	

	
	

	
	}
	
	
	.contactoca{
	
	margin-left:20%;
	
	
	
	}
	
	
	
	
	
	.wasap {
	
	display:none;
	
		
	
	}
	
	
	.twitercabecera{
	display:none;
	
	}
	
	
	.youtubecabecera{
	display:none;
	
	
	}
	
	
	
	
.nombredelapagina{
	
	float: left;
	width:26%;
	
	height: 30px;
	text-align: center;
	padding-top: 20px;
	
	border-bottom-right-radius: 10px;
	cursor:default;
	background: #0f4677;
	color:#FFFFFF;
	display:none;
	
	
		
	
	
	

	
	}
	
	
body{
	
	margin:2%;
	
	
	
	
	

}

	
	
	
	
}	
	
	
	
@media only screen and (max-width: 900px) {
	
	.facebookcabecera{
	
	
	
	
	
	
	
	
	
	
	}
	
	
	.wasap {
	
	
		
	
	}
	
	
	
.informacionprincipal{
	width:87%;
	height:auto;
	
	
	
	
	float:left;
	margin-left:20px;
	margin-top:20px;
	
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	color:#636363;
	padding:20px;
	
	
	
	
	border:solid #14629c;
	
	
	
	
	
	
	
	}
	
	

	.footer &gt;.nombresdegerentes{

	width:50%;
	
	
	margin-left:60%;
	
	
	
	
	
	
	
	
	
	}
	
	
}	



@media only screen and (max-width: 800px) {
	
	.facebookcabecera{
	

	
	
	
	
	
	
	
	
	
	}
	
	
	.wasap {
	
		
	
	}
	
}	



@media only screen and (max-width: 700px) {
    
    
    .contactoca{
	width:300px;
	margin-left:2%;
	height:100px;
	
	
	
	
	
	
	
	float:left;
	
	
	padding-top:1%;
	font-family:arial;
	font-size:18px;
	color:#FFFFFF;
	
	
	}
    
    
    
	
	.facebookcabecera{
	

	
	
	
	
	
	
	
	
	
	}
	
	
	.wasap {
	
	
		
	
	}
	
}	






.df {
	width:95%;
	
	
	float:left;
	
	
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:2.5%;
	
	
	}	
	
.contenedor2 {
	height:0;
	overflow:hidden;
	padding-bottom:56.25%;
	padding-top:30px;
	position:relative;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:2.5%;
	
	
	
	}	
	
.contenedor2 &gt; iframe {
	
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	
	
	
	
	
	
	}	
	
	.imagenservicios4{
	width:100%;
	height:420px;
	
	
	
	float:left;
	margin-top:30px;
	border-radius:10px;
	
	
	
	
	
	
	
	
	
	
	}
	
	
	.formulariocontacto{
	
	width:340px;
	height:420px;
	
	margin:auto;
	border-radius:10px;
		
		border:solid   #BDBDBD;
		background-color:#FFFFFF;
	
	
	
	
	
	
	
	
	
	
	}
	
	
	.formu{
	width:200px;
	
	margin-left:40px;
	padding-top:30px;
	
	font-family:arial;
	
	
	
	
	
	
	
	
	
	
	}
	
	
	
	.escribir{
		width:100%;
	
	border-radius:10px;
	display:block;
	margin:10px;
	font-family:arial;
	padding:5px;
	border:none;
	border:solid #BDBDBD;
	
	
	
	
	

	
	
	
	
	
	
	
	}
	
	
	
	
	.botonenviar{
	
	
	height:30px;
	width:80px;
	border-radius:5px;
	background:#011F63;
	color:#FFFFFF;
	cursor:pointer;
	margin-left:148px;
	
	
	
	
	
	
	
	
	}
	
	
	#c1,#c2,#c3,#c4{
	display:none;

	
	
	}
	
	.fecha{
	width: auto;
	height: 20%;
	background-color: #ffb600;
	
	
	color:#FFFFFF;	
	
	

	
	
	
	
	}
	
	
	
	
	@media only screen and (max-width: 600px) {
		
		.fecha{
	width: 30%;
	height: 20%;
	background-color: #ffb600;
	margin-top: 2%;
	margin-bottom:2%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#FFFFFF;	
	
	

	
	
	
	
	}
		
		
	
		
		
		.datoscabecera{
	width: 100%;
	max-width:1100px;
	height: 60px;
	
	margin: auto;
	background:#011F63;
	

	

	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;		
	
	
	
	}
	
	
	
	
	.facebookcabecera{
	background-image:url(../imagenescajas/facebook2.png);
	width:30px;
	height:30px;
	float:left;
	margin-left:60%;
	
	margin-top:15px;
	
	
	border-radius:5px;
	cursor:pointer;
	display:none;

	
	
	
	
	
	
	
	
	
	}
.facebookcabecera:hover{
	background-image:url(../imagenescajas/facebook1.png);
	
	
	
	
	
	}
	
.twitercabecera{
	background-image:url(../imagenescajas/twitter1.jpg);
	
	
	
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	
	border-radius:5px;
	cursor:pointer;
	display:none;
	}
	
.twitercabecera:hover{
	
	background-image:url(../imagenescajas/twitter2.jpg);
	}
	
	
.youtubecabecera{
	background-image:url(../imagenescajas/youtube.jpg);
	
	
	
	
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	border-radius:5px;
	cursor:pointer;
	display:none;
	}
	
.youtubecabecera:hover{
	background-image:url(../imagenescajas/wasap2.jpg);
	
	
	
	
	
	
	}
	
	
	

	
	.logo &gt; img{
	height:100%;
	width:auto;
	
	
	
	
	
	
	}
	
	
	
.menuiz{
	display:none;
	
	
	
	
	
	
	
	}
	
	
	
	.linkskala{
	width: 100%;
	height: 200px;
	
background:#011F63;
	margin-bottom:1%;
	
	
	border-bottom-right-radius: 0px;
	
	float:left;
	
	
	

	
	}
	
	
.citofonia{
	
	width:100%;
	
	height:auto;
	margin-top:0%;
	
	
	
	
	
	}  
	
	
	
	.informacioninicio{
	width:100%;
	
	
	
	
	
	margin:auto;
	margin-bottom:1%;
	
	
	
	
	
	
	cursor:pointer;
	
	
	
	
	
	
	}
	
	
	
	.footer &gt;.nombresdegerentes{

	width:70%;
	
	
	
	margin:auto;
	
	
	
	
	
	
	
	
	
	}
	
	
	
	#c1,#c2,#c3,#c4{
	display:block;

	
	
	}
	
	
	
.informacionprincipal{
	width:87%;
	height:auto;
	
	
	
	
	float:left;
	margin-left:20px;
	margin-top:20px;
	
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	color:#636363;
	padding:20px;
	
	
	
	
	border:solid #14629c;
	display:none;
	
	
	
	
	
	
	
	}
	
	
	
	.producto{
	width:100%;


	margin-top:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	float:left;
	
	
	
}
	
.principal2{
	width:50%;
	height:auto;
	cursor:pointer;
	
	
	
	margin-left:none;
	margin-top:none;

	background:#011F63;
	border-radius: 10px;
	
	
	
	color:#FFFFFF;
	text-align:center;
	
	
	margin:auto;
	margin-top:5%;
	
	
	
	
	
	
	
	
	
	
	
	
	}	
	
.formulariocontacto{
	
	width:98%;
	height:420px;
	
	margin:auto;
	border-radius:10px;
		
		border:solid   #BDBDBD;
		background-color:#FFFFFF;
		
	
	
	
	
	
	
	
	
	
	
	}
	
	
	.imagenservicios4{
	width:100%;
	height:420px;
	
	
	
	
	margin-top:5%;
	border-radius:10px;
	
	
	
	
	
	
	
	
	
	
	
	
	}
	
	
	
.botonenviar{
	
	
	height:30px;
	width:80px;
	border-radius:5px;
	background:#011F63;
	color:#FFFFFF;
	cursor:pointer;
	margin-left:70%;
	
	
	
	
	
	
	
	
	}
	
}	


@media only screen and (max-width: 400px) {
	
	
	
	.principal2{
	    
	    
	width:100%;
	max-height:240px;
	height:auto;
	
	
	margin-left:none;
	margin-top:5%;

	background:#011F63;
	border-radius: 10px;
	padding-top:15px;
	
	
	color:#FFFFFF;
	text-align:center;
	float:left;
	
	
	
	
	
	
	
	
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.citofonia{
	
	width:100%;
	
	height:auto;
	
	
	
	
	
	}  
	
	
	
	
	
	
	
	
	
	
	}	
	
	
.informacioninicio h2{
	font-size:16px;
	font-family:arial;
	color:#011f63;
	
	






}


.cotizar{
	width: 20%;
	height: 10%;
	background: #ffb600;
	padding: 2%;
	color: #FFFFFF;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;	
	

	
	






}




.nombresdegerentes &gt; span{
	
	float:left;
	margin-left:4%;
	
	
	
	
	
	
	}

.colorin {
	font-size: 36px;
	color: #006600;
	font-weight: bold;
	font-family: helvetica;
}

</pre></body></html>