@charset "UTF-8";

/* fonts */
  
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

/*
    --- colors ---
	
    home:		| 	#2E5902	rgb(46,89,2)		#558C03	rgb(85,140,3)		#C1D96C	rgb(193,217,108)		| #593F59 rgb(89,63,89) | verde
    solutions:	| 	#BF213E	rgb(191,33,62)		#D92929	rgb(217,41,41)		#F2B138	rgb(242,177,56)		| #F2E8C9 rgb(242,232,192) | tomate
    products:	| 	#67752B	rgb(103,117,43)		#92A83E	rgb(146,168,62)		#E5F5A4	rgb(229,245,164)		| #ABB77A rgb(171,183,122) | oliva
    contact:	| 	#59111E	rgb(89,17,30)		#A61F43	rgb(166,31,67)		#EBC8D8	rgb(235,200,216)		| #528C18 rgb(82,140,24) | lila 
    cart:		| 	#F28705	rgb(242,135,5)		#F29F05	rgb(242,159,5)		#F2CA7E	rgb(242,202,126)		| #7678A6 rgb(118,120,166) | naranja

*/
 
body { font-family: 'Open Sans', sans-serif; }
 
@media (min-width:25em) { section { padding:2em 4% 2em 4%; } #main_logo { height:8em; } }  
@media (min-width:40em) { section { padding:4em 8% 4em 8%; } #main_logo { height:5em; vertical-align:middle; } }    
@media (min-width:64em) { section { padding:6em 10% 6em 10%; } }

h1,h2,h3,h4,h5,h6 { font-family:'Poppins', sans-serif; }
#site_name { font-family: 'Poppins', cursive; font-size:1.825em; color:#fff; }

sup { font-size:0.625em; vertical-align:middle; }  

button, input[type='submit'], .submit {font-size:1.325em; color:#fff; border:0.1em #ccc solid; }
input[type='submit']:hover, .submit:hover { background-color:#009534; }

#home_body button, #home_body input[type='submit'], #home_body .submit { background-color:#593F59; border-color:#2E5902; }	 
#home_body button:hover, #home_body input:hover, #home_body select:hover, #home_body textarea:hover, #home_body .submit:hover { background-color:#558C03; color:#fff; }
#solutions_body button, #solutions_body input[type='submit'], #solutions_body .submit { background-color:#F2E8C9; border-color:#BF213E; color:#D92929; }  
#solutions_body button:hover, #solutions_body input:hover, #solutions_body select:hover, #solutions_body textarea:hover, #solutions_body .submit:hover { background-color:#D92929; color:#fff; }
#products_body button, #products_body input[type='submit'], #products_body .submit { background-color:#ABB77A; border-color:#67752B; } 
#products_body button:hover, #products_body input:hover, #products_body select:hover, #products_body textarea:hover, #products_body .submit:hover { background-color:#92A83E; color:#fff; }
#contact_body button, #contact_body input[type='submit'], #contact_body .submit { background-color:#528C18; border-color:#59111E; }  
#contact_body button:hover, #contact_body input:hover, #contact_body select:hover, #contact_body textarea:hover, #contact_body .submit:hover { background-color:#A61F43; color:#fff; }
#cart_body button, #cart_body input[type='submit'], #cart_body .submit { background-color:#7678A6; border-color:#F28705; }  
#cart_body button:hover, #cart_body input:hover, #cart_body select:hover, #cart_body textarea:hover, #cart_body .submit:hover { background-color:#F29F05; color:#fff; }
 
button.disabled:hover { opacity:0.5; } 

/* customized */

#zona_superior {
   margin:0 auto;   
   min-height:100%;
   background:url('/img/bkg_inicial.jpg');
   background-position:center;
   background-repeat:no-repeat;
   background-size:cover;
   color: #ccc;
}
#zona_superior h1,#zona_superior h2,#zona_superior h3,#zona_superior h4,#zona_superior h5,#zona_superior h6 { color:#fff; }

#home_body #zona_superior { background-color:#558C03; background:url('/img/bkg_home.jpg'); }
#solutions_body #zona_superior { background-color:#D92929; background:url('/img/bkg_solutions.jpg'); }
#products_body #zona_superior { background-color:#92A83E; background:url('/img/bkg_products.jpg'); }
#contact_body #zona_superior { background-color:#A61F43; background:url('/img/bkg_contact.jpg'); }
#cart_body #zona_superior { background-color:#F29F05; background:url('/img/bkg_cart.jpg'); }
  

/* header */
#main_header {
   font-family:'Roboto',sans-serif;
   font-weight:400;
   position:fixed;
   top:0;
   left:0; 
   z-index:99; 
   transition:background 0.4s, all 0.3s linear;
   border-bottom:0.2em solid rgba(200,200,200,0.5);  
   }
#menu_container {
   font-size:15px;
   font-weight:300;
   line-height:1.8;
   background-color:rgba(20,20,20,0.9); 
   }   
#main_navbar {
   background:transparent;
   border:0px;
   border-radius:0px;
   width:100%;
   padding-top:0;
   padding-bottom:0;
   position:relative;
   display:flex;
   align-items:center;
   opacity:1.0;
   }
#main_logo { height:2.835em; }
#sandwich_icon { font-size:3em; }
 
#home_body #main_header { border-bottom-color:rgba(193,217,108,0.4); }	 
#home_body #menu_container { background-color:rgba(46,89,2,0.7); }
#solutions_body #main_header { border-bottom-color:rgba(242,177,56,0.4); }  
#solutions_body #menu_container { background-color:rgba(191,33,62,0.7); }
#products_body #main_header { border-bottom-color:rgba(229,245,164,0.4); } 
#products_body #menu_container { background-color:rgba(103,117,43,0.7); }
#contact_body #main_header { border-bottom-color:rgba(235,200,216,0.4); }  
#contact_body #menu_container { background-color:rgba(89,17,30,0.7); }
#cart_body #main_header { border-bottom-color:rgba(242,202,126,0.4); }  
#cart_body #menu_container { background-color:rgba(242,135,5,0.7); }
  
/* banner */
#main_banner { vertical-align:center; position:relative; text-right}
#main_banner_left { padding: 0.875em; }
#main_banner_left img { widht:100%; }
#main_banner_right { padding:2.35em;  
  top:30%; 
  -ms-transform:translateY(30%);
  transform:translateY(30%); 
  }
 
 
/* subsection */ 
.subsection_header h2 { margin-bottom:0.875em; } 
 
/* whois */ 
#whoissection { background-color:#eee; }
.whois_search { height:2.325em; font-size:1.5em; display:inline; padding:0.625em; margin-top:0; margin-bottom:0; }
input[type='text'].whois_search { margin-right:0; border-radius:0.825em 0 0 0.825em;  }
select.whois_search { margin-left:0; border-radius:0 0.825em 0.825em 0 }

/* advantage */
.box-container { display:flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.adv_inner { background-color:#ccc; padding:3em; }
#home_body .adv_inner { background-color:rgba(193,217,108,0.3); } 
#solutions_body .adv_inner { background-color:rgba(242,177,56,0.3); }
#products_body .adv_inner { background-color:rgba(229,245,164,0.3); }
#contact_body .adv_inner { background-color:rgba(235,200,216,0.3); }
#cart_body .adv_inner { background-color:rgba(242,202,126,0.3); } 
.adv_inner:hover { background-color:#f6f6f6 !important;
 -webkit-box-shadow: 0.1em 1em 1em 0.1em rgba(41,41,41,0.2);  
  -moz-box-shadow:  0.1em 1em 1em 0.1em rgba(41,41,41 0.2);  
  box-shadow:  0.1em 1em 1em 0.1em rgba(41,41,41,0.2);
 } 
.box { height: 80%; }
.bigicon { height: 4em; }
.adv_inner p { margin-top:0.875em; margin-bottom:0.875em; } 
 
/* colorized background images */

.bkg_home1, .bkg_solutions1, .bkg_solutions2, .bkg_products1, .bkg_products2, .bkg_products3  { 
   background-position:center;
   background-repeat:no-repeat;
   background-size:fit;
   }
.bkg_home1 { background:url('/img/bkg_home1.jpg'); } 
.bkg_solutions1 { background:url('/img/bkg_solutions1.jpg'); }
.bkg_solutions2 { background:url('/img/bkg_solutions2.jpg'); }
.bkg_products1 { background:url('/img/bkg_products1.jpg'); background-position:bottom; }
.bkg_products2 { background:url('/img/bkg_products2.jpg'); background-position:bottom; }
.bkg_products3 { background:url('/img/bkg_products3.jpg'); }
   
   
/* outstanding */

.outstand { 
  background-color:#f6f6f6;
  padding: 2.25em 1.5em 2.25em 1.5em;
  text-align: center;
  height: 100%;
  }
.outstand footer { font-size:0.625em; border-top:0.1em #ccc solid; margin-top:1.325em; padding-top:1.325em; padding-left:1.325em; text-align:left; }
div.price { margin:1.325em; font-size:1.325em; }
ul.characteristics { text-align: left; border-top:0.1em #ccc solid; border-bottom:0.1em #ccc solid; padding:3.25em; }
ul.characteristics li { margin-bottom:0.65em; }

/* product list */
.product_list {
  background-color:#f6f6f6;
  padding: 2.25em 2.75em 2.25em 1.5em; 
  }
.product_list button, .product_list input[type="submit"], .product_list .submit { font-size:0.875em; padding:0.375em 0.825em 0.375em 0.825em; } 
.product_list table { border-collapse:collapse; width:100%; }
.product_list .isid { color:#999; font-size:0.875em; }
.table-pad th, .table-pad .th, .table-pad td, .table-pad .td { padding:0.875em; } 
#products_body .product_list thead tr { border-bottom: 0.2em	#92A83E solid; }
#products_body .product_list th {  color:#67752B; }
#products_body .product_list tbody tr { border-bottom: 0.1em	#92A83E solid; border-top: 0.1em	#92A83E solid; }

#products_body .product_list tfoot { border-top: 0.2em	#92A83E solid; font-size:0.75em; }
#products_body .product_list tbody tr:last-of-type { border-bottom:0; }

.table-pad ul.limits { margin-bottom:0; }
.table-pad ul.limits>li { display:inline; font-size:0.75em; margin-right:0.875em; }
.table-pad ul.limits>li:before { content:'\ffed'; margin-right:0.25em; }
 
/* contact form */

#contactform input, #contactform textarea, #contactform select { width:100%; }


/* footer */

#main_footer { background-color:#666; border-top:#324629 0.1em solid; display:inline-block; }
#main_footer > div { font-size:0.875em; color:#999; line-height:1; } 
#main_footer a { font-size:0.875em; color:#ccc; } 
#main_footer a:hover { color:#ddd; }
#main_footer ul { padding-top:0.875em; }
#list-info li { padding-right:0.875em; }
#list-social li { padding-left:0.875em; }

/* authoring */

#authoring { background-color:#222; color:#ccc; font-size:0.875em; } 
#authoring img { height:1em; width:auto}
#authoring a { font-size:0.875em; color:#A9B856}
#authoring a:hover { color:#FFC200}