/*
 * file_name = technology_division__stylesheet.css
 *
 * file_type = CSS stylesheet
 *
 * description = this file contains CSS styles used for Technology & IT-related web pages
 *
 * descripción = este archivo contiene estilos CSS usados para las páginas web relacionadas a Tecnología e IT 
 *
 */

/*=================================================================
         STYLES FOR MAIN TECHNOLOGY AREA WEB PAGE
   ESTILOS PARA LA PÁGINA WEB PRINCIPAL DEL ÁREA DE TECNOLOGÍA
===================================================================*/

div.technology__product_categories_container
{
  /*   background: coral                 ; */
          display: flex                  ;
        flex-wrap: wrap                  ;
  justify-content: space-evenly          ;
           margin: 3rem auto 3rem auto   ; 
            width: 80%                   ;
}
      
a.technology_category_button
{
  background: transparent        ;
  max-width: 8rem; 

}


img.technology_category_button_image
{
  border: none;

}


div.technology_supplier_logos_container
{
      align-items: center                ;
       /* background: coral               ; */
          display: flex                  ;
        flex-wrap: wrap                  ;
  justify-content: space-evenly          ;
           margin: 2rem auto 0rem auto   ; 
            width: 100%                   ;
}


img.technology__supplier_logo
{
     margin: 0.5rem 2rem 1rem 2rem   ;
  max-width: 12rem                   ;
}

/*
  The classes "tech_division__columns_container" and "tech_division__column" are used by the pages [ Empresa ] web page and the 5 subpages of
  the [ Tecnología & IT ], i.e. :
  [ Carteleria ], [ Localizacion ], [ Otras Soluciones ], [ Seguridad ], and [Wi-Fi Seguro]

  Las clases "tech_division__columns_container" y "tech_division__column" son usados por la página web [ Empresa] y las 5 subpágina de 
  [ Tecnología ], es decir:
  [ Carteleria ], [ Localizacion ], [ Otras Soluciones ], [ Seguridad ], and [Wi-Fi Seguro]
*/
 

div.tech_division__columns_container
{
       /* background: thistle   ; */
          display: flex        ;
  justify-content: center      ;
        flex-wrap: wrap        ;
           margin: 0rem 2rem   ;
            width: 95%         ;
}


div.tech_division__column 
{ 
	/* background: honeydew               ; */
      border: 1px dashed #666666      ;
        flex: 1 1 18rem                 ;
     padding: 0.5rem 1rem 1.5rem 1rem   ;
      margin: 1rem 1rem 1rem 1rem       ;
}

/* 
div.tech_division__column 
{ 
	/*background-color: #e9e9e9               ; */
	          border: 1px dashed #666666    ;
	         display: inline-block          ;	
	          height: 406px                 ;	
	          margin: 15px 15px 15px 10px   ;
	         padding: 5px 10px 5px 10px      ;
	      text-align: center                ;
	  vertical-align: top                   ;
             width: 26%                ; 
} */





div.tech_division__column h1 
{ 
    font-size: 1rem        ;
        color:#333333    ;
   text-align: left        ;
}


div.tech_division__column h2 
{
      color: #7A94D2   ; 
  font-size: 0.8rem      ;
}


div.tech_division__column h3 
{	
  text-align: left        ;
}


div.tech_division__column p 
{
	  font-size: 1rem        ;
	      color: #333333   ;
	 text-align: left        ;
}