body{margin:0px;padding:0;font-family:'Raleway',sans-serif;font-weight:400;font-size:16px;color:#2a2828;background-color:#fdfdfd;zoom:100%;}
.comas{font-family:Verdana,Arial,Helvetica,sans-serif;}
h1,h2,h3,p,ul,li,a{font-family:'Raleway',sans-serif;font-weight:400;}
h1{color:#004b98;}
h2{color:#19314f;}
p{color:#000000;}
#fire1{background:#ffbf00;background-image:-webkit-linear-gradient(top,#ffc119,#c80500);background-image:-moz-linear-gradient(top,#ffc119,#c80500);
background-image:-ms-linear-gradient(top,#ffc119,#c80500);background-image:-o-linear-gradient(top,#ffc119,#c80500);background-image:linear-gradient(to bottom,#ffc119,#c80500);
-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;border-width:0;color:#ffffff;padding:2px 5px;text-decoration:none;}
#fire1:hover{background:#ff2e00;text-decoration:none;}
.marca{display:none;padding:30px 15px;color:#034a7c;font-weight:bold;width:246px;}
.topnav{top:0px;padding-left:135px;padding-top:4px;font-weight:200;z-index:40;box-shadow:0px 3px 16px 0px rgba(0,0,0,0.6);
background-color:#FFFFFF;/*background-color:rgba(255,255,255,0.95);*/position:fixed;overflow:hidden;min-width:200px;width:100%;height:67px;
border-bottom: 5px solid #d10808;}
.topnav a{float:left;display:block;color:#000000;/*#333030;*/text-align:center;padding:14px 6px;/*font-size:17px;*/padding-top:23px;font-weight:500;
text-decoration:none;transition:all ease-in-out .3s;}
.logo{width:103px;height:59px;}
.icon{font-size:22px;float:right;padding:20px 19px 0 0;text-decoration:none;}
.active{/*background-color:#034a7c;*/color:#fff;}
.topnav .icon{display:none;}
.dropdown{float:left;overflow:hidden;}
.dropdown .dropbtn{font-size:14px;border:none;outline:none;color:white;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0;}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;/*box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);*/z-index:1;}
.dropdown-content a{float:none;color:black;padding:12px 16px;text-decoration:none;display:block;text-align:left;}
.topnav a:hover, .dropdown:hover .dropbtn{color:#004b98;/*#034a7c;*//*border-bottom:3px solid red;*//*text-decoration:underline red;*/
border-bottom-style:solid;border-bottom-color:#DD0000;}
.logo:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.1);transform:scale(1.1);transition:.3s;padding-bottom:8px;}
.dropdown-content a:hover{color:black;}
.dropdown:hover .dropdown-content{display:block;}
/*FLEX*/
.flex-container{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;/*padding:30px 0 0 0;*/margin:0px;}
.flex-container > *{-webkit-flex:1 100%;flex:1 100%;}
.Flex{width:100%;padding-top:71px;}
.SlideCap{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0;}
.Servicios{width:310px;box-shadow:2px 0px 16px #000000fa;float:left;margin:15px 35px;}
.Clientes{width:250px;/*box-shadow:1px 1px 6px #888888;*/float:left;margin:8px 8px;}
.ClientIm:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.1);transform:scale(1.1);transition:.3s;padding-bottom:8px;}
.separador{margin-top:0px;border-top: 6px solid #b5000a;height:2px;width:100%;width:100%;height:10px;background:linear-gradient(#4c3c3c,#d5d5d5);}
.footer{padding:10px;background-color:#cecdcd;}
#Logito{padding-top:0;margin-right:25px;padding-bottom:0;}
.redes:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.1);transform:scale(1.1);transition:.25s;padding-bottom:8px;}
@media screen and (max-width:1250px){
.Servicios{width:auto;float:left;margin:9px 9px;margin:9px 9px;}
}
@media screen and (max-width:1180px){
.Servicios{width:280px;float:left;margin:6px 6px;margin:5px 5px;}
}
@media screen and (max-width:1064px){
.Clientes{width:190px;margin:5px 5px;}
#Logito{margin-right:15px;}
}
/*@media screen and (max-width:969px){
.Clientes{width:180px;margin:5px 5px;}
}*/
@media screen and (max-width:969px){
.topnav{padding-left:0px;height:auto;}
.Flex{padding-top:59px;}
}
@media screen and (max-width:923px){
.Clientes{width:180px;margin:5px 5px;}
#Logito{margin-right:15px;}
}
@media screen and (max-width:910px){
.Servicios{width:220px;float:left;margin:5px;}
}
@media screen and (max-width:825px){
.marca{padding:30px 15px;color:#034a7c;font-weight:bold;display:block;width:246px;}
.Flex{width:100%;padding-top:76px;}
.logo{width:86px;height:auto;float:left;padding-top:13px;}
.icon:hover{text-decoration:none;}
.topnav a:not(:first-child), .dropdown .dropbtn{display:none;}
.topnav a.icon{float:right;display:block;/*margin-right:36px;*/}
.topnav a{padding:19px 15px;}
.topnav.responsive{position:fixed;}
.topnav.responsive .icon{position:absolute;right:0;top:0;}
.topnav.responsive a{float:none;display:block;}
.topnav.responsive .dropdown{float:none;}
/*.topnav.responsive .dropdown-content{position:relative;}
.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left;}*/
.topnav a:hover, .dropdown:hover .dropbtn{color:#034a7c;text-decoration:none;border-bottom:0px;}
}
@media screen and (max-width:760px){
.Clientes{width:150px;margin:5px 5px;}
}
@media screen and (max-width:747px){
.Servicios{width:200px;float:left;margin:15px 5px;}
}
@media screen and (max-width:670px){
.Servicios{width:190px;float:left;margin:0px;}
}
@media screen and (max-width:640px){
.Clientes{width:120px;margin:6px 5px;}
}
@media screen and (max-width:622px){
.Servicios{width:170px;float:left;margin:0;}
}
@media screen and (max-width:550px){
.Servicios{width:150px;float:left;margin:0;}
}
@media screen and (max-width:534px){
.Clientes{width:310px;margin:8px 25px;}
}
@media screen and (max-width:490px){
.topnav{padding-left:0px;}
.topnav a.icon{float:right;display:block;/*margin-right:25px;*/}
.Servicios{width:96%;margin:0px;margin-bottom:16px;}
#Logito{margin-right:0px;}
}
@media screen and (max-width:380px){
.marca{padding:31px 0px;color:#034a7c;font-weight:bold;/*width:200px;*/display:block;font-size:12px;}
.Flex{width:100%;padding-top:91px;}
.topnav a.icon{margin-right:11px;}
}