@import url(//db.onlinewebfonts.com/c/0405abda4cf6df3fdfefae9e75815dc9?family=BreulGroteskA-Regular);


@charset 'UTF-8';
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
body {font-family:'Montserrat';font-weight:normal;color: black; background-color: #fff;font-size: 20px;word-break: keep-all; width: 100%; line-height: 1em; color:#222325;  }
html, body {width:100%; height: 100%; padding:0; margin:0; line-height: 1em}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}



p{ margin: 0;}





/* ---------------------------------------------------------------------------- */
/* -------------------------------Header-Styles-------------------------------- */
/* ---------------------------------------------------------------------------- */
header{
    background-color: white;
    
}



    
}
header.sub-header #menu {border-bottom: 1px solid black;}
header.sub-header #menu.affix-top{padding: 20px 0;}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Menu------------------------------------ */
/* ---------------------------------------------------------------------------- */
#menu {border-radius: 0;z-index: 99;background-color: #222325; align-items: center; text-decoration: none; text-align:center;}
#menu.affix {position: fixed;top: 0; width: 100%;}
#menu .navbar-collapse{padding:0; text-decoration: none;}
#menu .dropdown-menu {background-color: black;border:none;border-radius: 0;box-shadow: none;}
#menu ul.nav .dropdown-menu li a{color: white;text-transform: none; align-content:center; font-size: 12px;}
#menu ul.nav .dropdown-menu li a:hover{color: #269B2B;}
#menu .dropdown-inner {display: ;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner a {min-width: 160px;display: block;padding: 3px 20px;clear: both;line-height: 20px;color: #000;margin: 0 px;}
#menu li.dropdown:hover>a, #menu li.dropdown:focus>a, #menu li.dropdown:active>a{ color:#269B2B; }

#menu ul.nav li a{color:white;padding-left:; font-size: 12px;letter-spacing: 2px;display: inline-block;font-weight: bold;text-transform: uppercase; align-content:center; text-decoration: none; text-align: right;}
#menu ul.nav li::after{content: "-";padding: 0 5px;font-size: 28px;line-height: 1;}

#menu ul.nav li:last-child::after,
#menu ul.nav .dropdown-menu li::after{content:'';padding: 0px;display:none; }
#menu ul.nav li.dropdown a{ text-align: center; text-transform: uppercase;}
#menu .nav > li > a:hover, #menu .nav > li > a:focus{background: none;color: black;}

#menu i.fa{font-size: 13px;padding-bottom: ;}
#menu .btn-navbar {font-size: 20px;color: #FFF;padding: 5px 15px;float: right;border: 3px solid #fff;}









/* Smartphones (portrait & landscape) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    #menu {background-color: #222325;}
	#menu div.dropdown-inner > ul.list-unstyled {display:block; text-align: center; width: 100%;}
	#menu .dropdown-inner a {width: 100%;color: #fff; text-align: center;}
	#menu div.dropdown-menu {padding-left:0px; !important;	padding-bottom: 8px; text-align: center; width: 100%;}
	#menu ul.nav li::after{content: "";padding: 0;}
	#menu div.dropdown-menu {margin-left:  !important;	padding-bottom: 10px;background-color: #222325; text-align: center; width: 100%;}
	.desaparecer {display:none}
    #menu .nav > li > a:hover,
    #menu .nav > li > a:focus{background: none;color:#269B2B;}
    
    
     .container {
            
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items:center;
            background-color: white;
          
         

            
        }
    
    .col-12{
        display: flex;
        flex-direction: column;
        align-items: center;
        
        
    }
    
    .logo {
        
        width: 40%;
     margin-bottom: 10px;
        margin-top:10px;
     
}
    #banner {
		background-image:url(/images/landingimage/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200%20%204.JPG);
    background-blend-mode: normal;
		width: 100%;
        height: 12em;
       background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
		padding: 1em 0;
		text-align: left;
		position: relative;
        vertical-align: text-bottom;  
	}

            
		

    
    
    

.w3ls_banner_txt h3 {
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    color: white;
    text-align: center;
    

}

.w3ls_banner_txt h3 span {
    color: black;
    font-weight: 900;
    width: 100%;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.19);
}






    
    .banner_slide_bg {
        
        width: 100%;
        padding-top: 8em;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: center;
       
        
         
    }
    
    .container-fluid {
        
        width: 100%;
        height: 50px;
       display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        background-color: rgba(2,3,3,0.14);
        border-radius: 20px;
       
        
        
        
      
            
    }
    
    
	/* Sections/Articles */


	
		section,
article
		
		{ width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            align-content: space-between;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
            width: 100%;
            display: flex;
            flex-direction: column;
		}

		


 
  



    .u {
        
        display: flex;
        flex-direction: column;
        text-align: center;
        background-color: whitesmoke;
       
        
       
       
        
    }   
    
    .ui {
        display: flex;
        flex-direction: row;
        align-content: space-between;
        padding-left: px;
        padding-top: 0px;
        background-color: whitesmoke;
         padding-left: 40px;
        padding-right: 40px;
        
      
        
    }
    
    .u2 {
        padding-left: 40px;
        padding-right: 40px;
    }


    
    

#page
    
	{
		display: flex;
        flex-direction: column;
        width: 100%;
        align-content: center;
        align-items: center;
        margin-top: 30px;
        margin-bottom: 2em;
        padding-bottom: 30px;
        border-radius: 80px;
   
	}


	
    
    html, body {width:100%; padding:0; margin:0; line-height: 0.9em}
    

    
    
    
 
    
   ul.actions {
        list-style: none;
    }
    
    li {
        list-style: none;
        
    }
    

    
    
    
    

.row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

 .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

.img-fluid {
  width: 100%;
  height: auto;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.container3 {
       background-color: white;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    

}
    
    
    .container3 h2{
        font-size: 20px;
        font-weight: normal;
    }
    
    

    /* Item */

	.item {
		margin-bottom: 20px;
   
	}


			.item h4 {
				font-size: 12px;
                color: #333300;
			}



	.image.fit {
			height: auto;
			width: 100%;
        border-radius: 20px;
        padding-left: 3px;
        padding-right: 3px;
        
		}
    
    h3.title{
        
        font-size: 40px;
        margin-bottom: 1em;
        
        
    }

    



    
 .client {
  margin-top: 1em;
     border-radius: 20px;
     width: 100%;
}
    
    

    .container5{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        align-self: center;
        align-content: center;
        width: 100%;
        
        
    }
    
    #client {
        width: 11%;
        height: 100%;
        padding-bottom: 20px;
        
       
    }  
    
    

    .rowclients {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
       
        
        
    }
    
  


  
    .client {
        
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }
    
  
    
    .client h2 {
        padding-bottom: 20px;
        font-size: 18px;
    }
    
    
    .container3 h2{
        text-align: center;
        font-size: 20px;
        font-weight: 900;
        padding-bottom: 20px;
    }
    
    
    /* middle section */
.single_grid_text {
    position: absolute;
    left: -11%;
}

.single_grid_text-2 {
    position: absolute;
    right: -11%;
    z-index: 9;
}



    
    .col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.img-fluid {
  max-width: 80%;
  height: 200px;
  margin: 1em;
}
 
    .single_grid_w3_main{
        background-color:  ;
    }
    
    .single_grid_w3_main header {
        background-color:  ;
    }
    
    
    .py-5{
        background-color: ; 
        
    }
       
    
    /* map */
.map iframe {
    width: 100%;
    border: none;
    outline: none;
    min-height: 200px;
    display: block;
}

/* //map */
    
 
    
    /* footer */
a.logo-2 {
    font-weight: bold;
    font-size: 20px;
    color: white;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
}

.footer-grid h3,
.footer-grid-social h3 {
    font-size: 19px;
    color: white;
    border-bottom: 1px solid white;
    letter-spacing: 1px;
}

.footer-grid ul li a,
.footer-grid ul li {
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    padding-bottom: 2px;

}

.footer-grid ul li a:hover {
    opacity: .8;
    letter-spacing: 2px;
    color: #269B2B;
    text-decoration: none;
}


    
    .col-lg-4 {
   width: 100%;
        display: flex;
        flex-direction: column;
        color: white;
  }
    
    .bg-li {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        background-color: black;
        margin-top: 0em;
        z-index: 3;
       
     
      
    }
    
    .list {
        display: flex;
        flex-direction: row;
        margin: 0;
        
    }
    
    
    .container4{
        background-color: black;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        
    }
    
    .col-lg-2{
        display: flex;
        width: 100%;
        flex-direction: column;
            
    }
    
    
    .footer-grids {
        background-color: black;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

/* //footer */
    
    
  
	.spotlight {
		
       
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: darkgray;
        background-image: url(/images/landingimage/nosotros.JPG);
        background-size: cover;
        background-position: center;
        background-blend-mode: soft-light;
        padding-top: 2em;
        padding-bottom: 2em;
        
       
       
       
      
        
	}


		.spotlight p {
            color: black;
            font-size: 15px;
            font-weight: normal;
            text-align: 
                center;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            line-height: 25px;
            word-break: keep-all;
            text-indent: 20px;
            color: white;
            
            
            
    }
    
    
   

	.inner {
           
        width: 100%;
        flex-direction:column;
        align-items: center;
         background-color: rgba(34, 35, 37, 0.5);
       
    
			
		}

		
	
  
    
    .clientesobras {
        
        display: flex;
        flex-direction: column;
        align-content: center;
        width: 90%;
        background-color: white;
        border-style: solid;
        border-radius: 30px;
        border-color:darkgray;
        margin-top: 1em; 
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
        
        
    }
    
    #clientes {
        display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        border-radius: 30px;
  
    
    }
    
  
  
    
    #clientes li {
        list-style: disc;
        font-weight: normal;
        color:#222325 ;
        line-height: 20px;
        width: 80%;
        font-size: 14px;
        padding-top: 10px;
        
       
        
    }
    
  
    
    .bigcontainer {
        text-align: center;
    }
    
    .bigcontainer h2 {
        font-size: 18px;
        font-weight: 700;
        width: 100%;
        text-transform: uppercase;
        
        
    }
    
    
    .artiplac h3{
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        color: #222325;
       
      
        
    }
    
    .artiplac h4{
       
        color: #222325;
    }
    
    .artiplac h2{
        text-align: center;
        color: #222325;
        font-size: 14px;
        padding-left: 20px;
        
    }
    
    .artiplac h1{
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
    
    .novedades1 {
        
        width: 80%;
        height: 150px;
        background-image: url(/images/tecnologia/rejillavereda.jpg);
       margin-left: 1em;
        margin-right: 1em;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
     
        
        
        
        
    }
    
    .novedades2{
        width: 80%;
        height: 150px;
        margin-left: 1em;
        margin-right: 1em;
        margin-top: 2em;
         background-image: url(/images/landingimage/B.%20Inclinado.JPG);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    
    #landing {
        border-radius: 8px;
        
        
    }
    
    .novedades {
        display: flex;
        flex-direction: column;
        padding-top: 1em;
        width: 100%;
     
    }
    
    .novedades h2{
        text-align: center;
        font-size: 20px;
        font-weight: 900;
        
        
        
        
    }
    
    .novedadestext {
        width: 100%;
        margin-top: 8em
    }
    
      .novedadestext a {
         text-decoration: none;
        text-decoration-color: none;
        color: #222325;
    }
    
    
 

    .novedadestext h4{
        font-size: 14px;
        color: #333300 ;
        text-align: center;

        
        
    }
    
    .destacados {
          display: flex;
        flex-direction: column;
        padding-top: 1em;
        width: 100%;
        
    }
    
      .destacados h2{
          text-align: center;
        font-size: 20px;
        font-weight: 900;
        
        
    }
    
    .destacados3{
        width:80%;
        height: 150px;
        margin-top: 2em;
         background-image: url(/images/landingimage/Tapa%20FO%20GCBA%20CD%20125%20610x1640.JPG);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        
        
    }
    
    .destacados1{
          width: 80%;
        height: 150px;
         background-image: url(/images/Obras/Manzana%20Civica%203%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        background-position: right;
        
        
    }
    
    .destacados2 {
                   width: 80%;
        height: 150px;
        margin-top: 2em;
         background-image: url(/images/landingimage/bolardooo.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        

    }
    
   

    
    .destacadostext h4{
        text-align: center;
          font-size: 14px;
        color: #424949;
        
        
        
        
    }
    
    .destacadostext{
         width: 100%;
        margin-top: 8em;
       
        
    }
    
      .destacadostext a {
         text-decoration: none;
        text-decoration-color: none;
        color: #222325;
    }
    
    
    
    .tecnologia h2{
          text-align: center;
        font-size: 20px;
        font-weight: 900;
    }
    
    .tecnologia {
        margin-top: 1em;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .tecnologia1{
         width: 80%;
        height: 150px;
         background-image: url(/images/landingimage/artiplac2.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    .tecnologia2 {
          width: 80%;
        margin-top: 2em;
        height: 150px;
         background-image: url(/images/tecnologia/Proceso%20de%20Galvanizado%202.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
    }
    
    .tecnologia3 {
            width: 80%;
        height: 150px;
        margin-top: 2em;
         background-image: url(/images/tecnologia/anclaje2.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    
    .obras {
        margin-top: 1em;
        margin-bottom: 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .obras1{
        
         margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Banco%20Holanda%20frente.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        background-position: left;
   
        
    }
    
    .obras2{
        margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Manzana%20Civica%202%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
        background-position: center bottom;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
   
        
        
    }
    
    .obras3 {
     margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Manzana%20Civica%203%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras4{
        margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/MICROCENTRO%20rejillas%20300x1200,%20B%20Bala,%20CD400.JPG);
        background-size: cover;
        background-position:center;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align:center;
     
        
    }
    
    .obras5{
          margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Teatro%20Colon,%20TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras6{
           margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/METROBUS%209%20DE%20JULIO%20B.%20Triangular%202.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras7{
          margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Teatro%20Colon%20B.Triangular.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        box-shadow: 0 0.05em 0.15em 0 rgba(0, 0, 0, 0.05);
     
        
    }
    
    .obras8{
        
             margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200%20%207.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
        
    }
    
    .obras9 {
        
       margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/GCBA%20Tapa%20CD125%20FO.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    .obras10{
         margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Cazoleta%20D%201200%20mm%20Lineas.png);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    .obras11{
           margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/rejilla%20200x1200.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    
    .obras12{
             margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Tapa%20FO%20GCBA%20Manzana%20civica.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
     .obras13{
                margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Peralta%20ramos-%2004.jpg);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    .obras14{
                 margin-top: 1em;
           width: 90%;
        height: 200px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Peralta%20ramos-%20Index.jpg);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    .obrasbig {
       display: flex;
        flex-direction: row;
        text-align: left;
        width: 100%;
        
        
        
        
    }
    
    .containerobras{ 
        
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        align-content: center;
        border-radius: 10px;
       
       
       
        
    }
    
    .obras h2{
        text-align: center;
        font-size: 23px;
        margin-top: 1em;
        font-weight: bold;
    }
    
    .obrastext h3{
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        border-radius: 20px;
       
    }
    
  
    .clientesbig {
        margin-top: 1em;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        text-align: left;
       
    }
    
    .tecno{
        display: flex;
        flex-direction:column;
        align-items: center;
        width: 100%;
         height: auto;
       
     
       
     
    }
    
    .integra{ 
    border-style: solid;
        border-radius: 30px;
        border-color: darkgray;
        margin-top: 1em;
        width: 90%;
    }
    
     .mt-4{
        width: 100%;
        font-size: 14px;
        color:#222325;
        line-height: 20px;
         padding-left: 20px;
         padding-top: 20px;
         padding-right: 20px;
        
       
       
    }
    
    
    
    .fotoartiplac{
        
           width: 80%;
        height: 100px;
        display: flex;
        flex-direction:column;
        margin-top: 1em;
        background-image: url(/images/tecnologia/Artiplac%20copy.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
       
  
     
        
    }
    
   
    
    .placa {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 1em;
        padding-bottom: 20px;
        
        
        
    }
    
    .evita{
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
        
    }
   
    .evita2 {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
        
    }
    
    
   
    .evita2 h2{
        font-size: 15px;
        font-weight: bold;
        color: #222325;
        margin-top: 2em;
    }
    .placa img{
        width: 100%;
        height: 100px;
        align-content: center;
        border-radius: 40px;
        padding-right: 10px;
        padding-left: 10px;
    }
    
  
    
    .placa h4{
        color: #222325;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 10px;
    }
    
 
    
  
    
    
    .clas{
        width: 100%;
        height: 150px;
        background-image: url(/images/tecnologia/clases2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 20px;
        
      
    }
    
    .clasrejillas{
          width: 100%;
        height: 200px;
        background-image: url(/images/tecnologia/clases2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 50px;
   
    }
    
    .clastapas{
              width: 90%;
        height: 100px;
        background-image: url(/images/Tapasyrejilla/medidastapas.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 20px;
        
        

        
    }
    
    .tapas2{
        width: 90%;
        margin-top: 20px;
        height: 100px;
        background-image: url(/images/Tapasyrejilla/anchoylargotapas.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 20px;
       padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        
    }
    
    .rejillas2{
           width: 80%;
        height: 200px;
        background-image: url(/images/tecnologia/Artiplac%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 20px;
    
        
        
    }
    
      .clase {
        width: 100%;
        display: flex;
        flex-direction: column;
          align-items: center;
        margin-top: 1em;
          border-radius: 40px;
          padding-bottom: 20px;
       
        
    }
    
   
   
    
      .mt-3 {
         width: 100%;
        font-size: 14px;
        color: #222325;
        padding-top: 20px;
         line-height: 20px;
          padding-left: 20px;
          padding-right: 30px;
          font-weight: normal;
          text-indent: 1em;
          text-align: left;
          
        
        
    }
    
    .mt-8{
          width: 100%;
        font-size: 15px;
        color: #222325;
   padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
         line-height: 20px;
        
        
    }
    
    .mt-rejillas{
           width: 80%;
        font-size: 14px;
        color: #222325;
   padding-right: 10px;
        padding-left: 20px;
        padding-bottom: 20px;
         line-height: 15px;
        
        
    }
    
    .mt-9{
        padding-top: 20px;
            width: 100%;
        font-size: 15px;
        color: #222325;
         line-height: 25px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
        text-indent: 1em;
        padding-bottom: 20px;
      
        
    }
    
   
    
    .dos {display: flex;
    flex-direction: column;
        align-items: center;
        width: 90%;
        text-align: left;
        border-radius: 40px;
        border-style: solid;
        border-color: darkgrey;
        margin-top: 1em;
        
    
    }
    
     .artiplac {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-bottom: 1em;
     
         
    }
    
     .artiplac h3{
        text-align: center;
        font-size: 18px;
        font-weight: bold;
       
     
        
    }
    
    .artiplac h4{
        text-align: center;
        font-size: 15px;
    }
    
  
    
    .tecnolog h3{
        
       
        text-align: center;
        text-transform: uppercase;
        margin-top: 2em;
        background-color: rgba(66, 73, 73,0.1);
        width: 100%;
        font-size: 20px;
        
    }
    
    .tecnolog{
         display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        margin-bottom: 1em;
        
    }
    
  
    .cuatro{
        width: 80%;
        display: flex;
        flex-direction: column;
        
    }
    
    .cuatro2{
             display: flex;
        flex-direction: row;
        width: 80%;
      padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
      
        
    }
    
    .galvanizado{
        
           width: 100%;
        height: 200px;
        background-image: url(/images/tecnologia/Proceso%20de%20Galvanizado%202.JPG);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-bottom: 1em;
        
        
      
       
        
    }
    
    .mt{
        
          width: 100%;
        font-size: 15px;
        line-height: 25px;
        color: #222325;
        text-align: left;
        font-weight: normal;
        text-indent: 1em;
        padding-bottom: 20px;
        padding-top: 20px;
        
    }
    
    .tres{
        display: flex;
        flex-direction: column;
        width:90%;
         border-style: solid;
        border-radius: 40px;
        border-color: darkgray;
        margin-top: 1em;
         padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        align-items: center;
        
    }
    
    
    .galvanizado2{
        
              
           width: 90%;
        height: 200px;
        background-image: url(/images/tecnologia/anclaje3.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 1em;
        border-radius: 30px;
     
      
    }
    
    .galvanizado3{
            
           width: 90%;
        height: 200px;
        background-image: url(/images/tecnologia/Anclaje-Triangular.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 1em;
        border-radius: 30px;
        
    }
    .BalaAnclaje{
           width: 90%;
        height: 150px;
        background-image: url(/images/Bolardos/BolardosBala-Anclaje.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-top: 1em;
        border-radius: 30px;
     
        
    }
    
    .contenedoranclaje{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
    
    .contenedoranclaje1{
         width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
       
    }
    
    .tres2{
           display: flex;
        flex-direction: column;
        width: 90%;
        margin-top: 1em;
         border-style: solid;
        border-radius: 40px;
        border-color: darkgray;
     padding-top: 20px;
        padding-bottom: 20px;
        
       
      
    }
    
    .ver {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
		
		.button
		{
			display: block;
            width: 20%;
            background-color: #222325;
			border-radius: 10px;
			text-decoration: none;
			cursor: pointer;
            text-align: center;
           
		}

			.button p:hover
			{
				background: none;
                color: #269B2B;
			}
    
    .button p{
        font-size: 10px;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        color: white;
       
    }
    
    
    
    .huevo h1{
        
    font-size: 18px;
    width: 100%;
    color: #222325;
    font-weight: 600;
        margin-bottom: 1em;
        padding-left: 20px;
        padding-right: 20px;
       text-align: center;
      
        

    }
    
    .huevo h3{
        font-size: 15px;
        color: #222325;
        width: 100%;
        text-align: left;
        font-weight: normal;
        line-height: 25px;
        
        
    }
    
    .huevo h2{
        font-size: 17px;
        color: #222325;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
    }
    
    .huevo {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
        
    }
     
 
    
    .huevo2{
           width: 100%;
        height: 180px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/tecnologia/20140725_151215.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center center;
        border-style: solid;
        border-color: darkgray;
        
       
        
        
    }
    
    .huevo3{
              width: 100%;
        height: 180px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/tecnologia/huevotecno.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-style: solid;
        border-color: darkgray;
    
        
        
    }
    
    .rejillatecno{
          width: 100%;
        height: 200px;
        display: flex;
        flex-direction: row;
        background-image: url(/images/tecnologia/rejillavereda.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center top;
        border-style: solid;
        border-color: darkgray;
    
        
        
    }
    
    .rejillatecno2{
         width: 100%;
        height: 200px;
        display: flex;
        flex-direction: row;
        background-image: url(/images/tecnologia/EsquemaVereda.png);
        background-size: cover;
        border-radius: 40px;
        background-position: top;
        border-style: solid;
        border-color: darkgray;
        
    }
    
    .mt-6{
          width: 100%;
        font-size: 15px;
        color:#222325;
        line-height: 25px;
         font-weight: normal;
        text-align: left;
        padding-bottom: 20px;
       
    
        
    }
    
    
    .mt-5{
          width: 40%;
        font-size: 15px;
        color:#222325;
        line-height: 20px;
         font-weight: normal;
        margin-top: 2em;
        padding-left: 10px;
       
        
    }
    
    .mt-7{
           width: 100%;
        font-size: 15px;
        color:#222325;
        line-height: 25px;
         font-weight: normal;
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: left;
      
    }
    
    .tecno2{
        display: flex;
        flex-direction: column;
        height: auto;
        margin-top: 1em;
        align-items: center;
        width: 100%;
        
    }
    
    .proceso{
        border-style: solid;
        border-radius: 30px;
        width: 90%;
        border-color: darkgray;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .containercontacto{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        margin-bottom: 1em;
    }
    
    .containercontacto h3{
        text-align: center;
        font-size: 20px;
        margin-top: 2em;
        
    }
    
    .formulario{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        width: 80%;
        
    }
    
    .formulario h3{
        font-size: 20px;
        margin-bottom: 1em;
    }
    .contactoformu{
          width: 100%;
        font-size: 15px;
        color: #222325;
        line-height: 25px;
        font-weight: normal;
        text-align: center;
      
       
        
    }
    
    #name{
      font-size: 15px;
    }
    #email{
        font-size: 15px;

    }
    #subject{
        font-size: 15px;
        
    }
    
    #submitcontact{
        background-color: #269B2B;
        border-radius: 10px;
        
    }
    
    
    #mail{
        color: #269B2B;
        text-decoration: none;
        list-style: none;
        text-decoration-line: none;
    }
    
    
    .todos{
        width: 100%;
        border-radius: 30px;
       border-style: solid;
        border-color:#3F4143;
       
        
    }
    
    .todos1{
         width: 100%;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin-bottom: 1em;
       border-style: solid;
        border-color:darkgray;
    
        
    }
    
    .todos2{
            width: 100%;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin-bottom: 1em;
        padding-bottom: 1em;
        padding-left: 20px;
        padding-right: 20px;
       border-style: solid;
        border-color:darkgray;
    
        
    }
    
    .Presentacionbolardos{
        width: 100%;
        display: flex;
        flex-direction:column;
        align-items:center;
        padding-right: 20px;
        padding-left: 20px;
        
    }
    
    .Presentacionbolardos2{
         width: 100%;
        display: flex;
        flex-direction:column;
        align-items:flex-end;
        padding-right: 20px;
        padding-left: 20px;
        
        
    }
    
    
   #fh5co-aside {
  width: 15%;
z-index: 1;
    position: fixed;
      top: 11.3em;
       display: none;
    

}
    

    
    
    .bolardobala{
              width: 100%;
        height: 150px;
        background-image: url(/images/Bolardos/BolardoBala2.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 1em;
        align-items: center;
        align-content: center;
        
        
        
    }

    .bolardoinclinado{
              
           width: 100%;
        height: 150px;
        background-image: url(/images/Bolardos/bolardoinclinadocopy%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
       
        
     
        
    }
    
    .bolardopiramide{
         width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoPiramide%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
    
        
    }
    
    .bolardotriangular{
             width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardosTriangular.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        
        
    }
    
    .bolardoolivia{
            width: 100%;
        height: 250px;
        background-image: url(/images/Bolardos/BolardoOliviaLargo%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
        
        
    }
    
    .bolardooliviacorto{
             width: 100%;
        height: 250px;
        background-image: url(/images/Bolardos/BolardoOlivia%20Corto%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
       
    }
    
    .bolardoesferico{
             width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoEsferico.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
   
    
    }
    
    .bolardotriangularc{
                 width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardotriangularC.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;
       
        
    }
    
    
    .rejilla1{
            width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.200x1200%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
    
        
        
    }
    
    .rejilla1cerrada{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.200x1200%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        background-repeat: no-repeat;
      
    }
    
    .rejilla2{
             width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.300x1200%20abierta%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
        
      
        
        
    }
    
    .integra2{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
   
    
    .rejilla2cerrada{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.300x1200%20cerrada%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        padding-left:20px;
        padding-right: 20px;
       
        
    }
  
    .rejilla3{
              width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.400x1200%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     padding-left:20px;
        padding-right: 20px;
        
        
        
        
    }
    
    .rejilla4{
               width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Rejilla%20BA%20CC250%20400x1200%20modelo%20R%20con%20bisagra%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
        padding-left:20px;
        padding-right: 20px;
     
        
        
        
    }
    
    .rejilla5{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD400.350x1200%20aBIERTA.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
        padding-left:20px;
        padding-right: 20px;
        
        
        
    }
    
    .rejilla5cerrada{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD400.350x1200.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        padding-left:20px;
        padding-right: 20px;
       
      
    }
    
    .rejilla3cerrada{
             width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.400x1200%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        padding-left:20px;
        padding-right: 20px;
        
        
        
    }
    
    
    .rejillaavereda{
             width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Rejillaveredafp.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
        padding-left:20px;
        padding-right: 20px;
     
        
        
    }
    
    .Tapa1{
         width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Tapa610x410.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        padding-left:20px;
        padding-right: 20px;
        
        
    }
    
    .Tapa2{
         width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Tapa%20610x820%20EDENORabierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        padding-left:20px;
        padding-right: 20px;
       
        
        
    }
    
    .tapa3{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/tapa610%20x%201230.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        padding-left:20px;
        padding-right: 20px;
       
    }
    
    .tapa3B{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Conjuntos%20de%203%20tapas%20CB125.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        padding-left:20px;
        padding-right: 20px;
       
    }
    
      .tapa4{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/ArtiplacCB125.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        padding-left:20px;
        padding-right: 20px;
       
    }
    
    .tapa4B{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Conjunto%20de%204%20tapas%20CB125%20-%20Abierto.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        padding-left:20px;
        padding-right: 20px;
       
    }
    
    .cazoleta{
           width:100%;
        height: 250px;
        background-image: url(/images/Obras/Cazoleta%20D%201200%20mm%20Lineas.png);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
        padding-left:20px;
        padding-right: 20px;
      
        
    }
    
    .holanda{
             width:100%;
        height: 250px;
        background-image: url(/images/Obras/Banco%20Holanda%20frente.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
        padding-left:20px;
        padding-right: 20px;
        
        
        
        
    }
    
    .holanda2{
               width:100%;
        height: 250px;
        background-image: url(/images/Obras/Cat%20banco%20Holanda%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
        padding-left:20px;
        padding-right: 20px;
        
        
    }
    
    .holandachico{
                    width:100%;
        height: 250px;
        background-image: url(/images/Obras/holandachico.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
        padding-left:20px;
        padding-right: 20px;
      
        
        
    }
    
    .mendoza{
                        width:100%;
        height: 250px;
        background-image: url(/images/Obras/FP%20cesto%20Mendoza%20con%20tapa%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;
        padding-left:20px;
        padding-right: 20px;
       
        
        
    }
    
    .plaza{
                           width:100%;
        height: 250px;
        background-image: url(/images/Obras/cestoplaza2.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
       
        
        
    }
    
    
    .hipolito{
                    width:100%;
        height: 250px;
        background-image: url(/images/Obras/FP%20Cespo%20Hipolito%20Cerrado%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
    
    }
    .Contenido{
        width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
        border-radius: 40px;
      
    
          
        
    }
    

    
    .titulo li {
        list-style-type:square;
        
   
       
    }
    
    .titulo h3{
        font-weight: normal;
        color: #222325;
        font-size: 16px;
        text-align:left;
        
    }
    
    .titulo {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
        margin-top: 1em;
        width: 100%;
       
    }
    
    
    .titulo2 h3{
        font-weight: normal;
        padding-top: 20px;
        color: #222325;
        font-size: 18px;
        text-align: center;
    }
    .titulo2{
        align-items: center;
        width: 100%;
        margin-bottom: 1em;
       

    
        
    }
    
    .bolardobalatext{
         
            width: 100%;
        font-size: 12px;
        color: #222325;
         line-height: 25px;
        text-align:left;
        padding-left: 20px;
        margin-bottom: 2em;
        
     
       
    }
    
    .rejitext{
             
        margin-bottom: 1em;
            width: 100%;
        font-size: 12px;
        color: #222325;
         line-height: 30px;
        text-align:left;
        padding-left: 20px;
        padding-right: 20px;
    
       
        
    }
    
    
    .bolardoinclinadotext{
             margin-top: 3em;
            width: 60%;
        font-size: 14px;
        color: #222325;
         line-height: 25px;
        text-align:right;
        text-indent: 1em;
       
       
      
    }
    
    hr{
        background-color: black;
        width: 80%;
        height: 2px;
    }
    
    .Figuras1{
        display: flex;
        flex-direction: column;
        width: 90%;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 30px;
        margin-bottom: 1em;
       border-style: solid;
        border-color:darkgray;
       
       
      
        
    }
    
    .figuras2{
        width: 100%;
        display: flex;
        flex-direction: column;
        
    }
    
    .figurabala{
         width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20bala%20400%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 20px;
    }

    .figurainclinado{
           width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20inclinado%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 20px;
            
  
    }
    
    .figurapiramidal{
        
            width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20conico%20400%20figurin%20copy.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-top: 20px;
  
        
    }
    
    .figuratriangular {
            width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20600%20figurin%20copy.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-top: 20px;
  
        
    }
    
    .figuratriangularcorto{
            width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20400%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 20px;
  
        
    }
    
    .figuraolivia{
             width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20olivia%20600%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 20px;
  
        
    }
    
    .figuraoliviac{
               width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20olivia%20400%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 20px;
  
        
    }
    
    .figuraesferico{
                 width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20esferico%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 20px;
  
    }
    
   
    .bala{
          width: 100%;
        height: 200px;
        background-image: url(/images/Obras/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 1em;
        margin-top: 1em;
        
    }
 
    .manzana{
              width: 100%;
        height: 200px;
        background-image: url(/images/landingimage/B.%20Inclinado.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
        
        
    }
    
    .piramidalfig{
               width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/EsquemaBolardoPiramidal.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
        background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
   
    }
    
    .oliviaesquema{
                 width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/esquemaolivia%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
        background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
    }
    
    .oliviaesquema2{
                width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/esquemaoliviacorto.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
        background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
    }
    
    .cortofig{
               width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/EsquematriangularCorto.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
        background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
    }
    .esferico{
               width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Foto%20bolardo%20esferico.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 1em;
        margin-top: 1em;
       
    }
    
    .triangular{
                 width: 100%;
        height: 200px;
        background-image: url(/images/Obras/METROBUS%209%20DE%20JULIO%20B.%20Triangular%202.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center bottom;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
        
    }

    .extension{
        
                 width: 100%;
        height: 200px;
        background-image: url(/images/Obras/20161219_131816.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 1em;
        margin-top: 1em;
      
    }
    

.contenedor-menu {
	width: 200px;
	display: inline-block;
    border-radius: 10px;
   
    
    
    
    

}

.contenedor-menu .menu {
	width: 200px;
    border-radius: 20px;
 
    
    

}

.contenedor-menu ul {
	list-style: none;
    border-radius: 10px;
    
 
}

.menu li a {
	color:white;
	display: block;
	padding: 6px 20px;
    background-color: #222325;
    border-radius: 10px;
    width: 230px;
    border-style: solid;
    font-weight: normal;
    font-size: 15px;
   
    
   
  
}

.contenedor-menu .menu li a:hover {
	background: #269B2B;
	color:#fff;
}

.contenedor-menu .menu .icono {
	font-size: 12px;
	line-height: 18px;
}



.contenedor-menu .menu .icono.derecha {
	float: right;
	margin-left: 10px; 
}

.contenedor-menu .menu ul {
	display: none;
}

.contenedor-menu .menu ul li a {
	background: #3F4143;
	color:#e9e9e9;
   
}

.contenedor-menu .menu .activado > a {
	background: #269B2B;
	color:#fff;
}
  
}

  





/* iPads (portrait & landscape) */
@media only screen and (min-width: 768px) and (max-width: 1223px) {
  
 #menu {border-radius:0;z-index: 99;background-color: #222325; align-items: center; text-decoration: none; text-align:center;width: 100%;}
#menu.affix {position: fixed;top: 0; width: 100%;}
#menu .navbar-collapse{padding:0; text-decoration: none; text-align: center;}
#menu .dropdown-menu {background-color:#222325;border:none;border-radius: 0;box-shadow: none; height:180px; width: 200px;  }
#menu ul.nav .dropdown-menu li a{color: white;text-transform: none; align-content:center; font-size: 12px;text-align: left;}
#menu ul.nav .dropdown-menu li a:hover {color:#269B2B;}
#menu .dropdown-inner {display: flex; flex-direction: column;
    align-items: center; }
#menu .dropdown-inner ul {display: inline-block; position: absolute;}
#menu .dropdown-inner a {min-width: 190px;display: block;padding: 3px 20px;clear: both;line-height: 5px;color: #000;}
#menu li.dropdown:hover>a, #menu li.dropdown:focus>a, #menu li.dropdown:active>a{}

#menu ul.nav li a{color:white; font-size: 10px;letter-spacing: 1px;display: inline-block;font-weight: bold;text-transform: uppercase; align-content:center; text-decoration: none; text-align: left;}
#menu ul.nav li::after{content: "-";padding: 0 5px;font-size: 2px;line-height: 1;}

#menu ul.nav li:last-child::after,
#menu ul.nav .dropdown-menu li::after{content:'';padding: 0px;display:none; position: absolute; right: 100%;}
#menu ul.nav li.dropdown a{
    display:inline-block;
    line-height:2 ;
    
  
    }
#menu .nav > li > a:hover, #menu .nav > li > a:focus{background: none;color: #269B2B;}

#menu i.fa{font-size: 13px;padding-bottom: 1px;}
#menu .btn-navbar {font-size: 20px;color: #FFF;padding: 5px 15px;float: right;border: 3px solid #fff;}

    
      #menu.navbar{padding: 0;height: auto;
    
    font-size: 12px;
    
    }
	#menu.dropdown:hover 
    .dropdown-menu {display: inline-block;}
    
    
    
   
   .direccion {
        font-size: 10px;
        width: 100%;
        display: flex;
        flex-direction:row;
        align-items:center;
        font-weight: bold;
       padding-left: 8px;
     
       
       
       
    }
    
    .direccion2{
           font-size: 10px;
        width: 100%;
        display: flex;
        flex-direction:row;
        align-items:center;
        font-weight: bold;
        padding-left: 5px;
       
        
    }
    
   
        .container {
            
            width: 100%;
            display: flex;
            flex-direction: row;
            align-content: center;
            background-color: white;
    
         

            
        }
    
    .col-md-3 {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-self: flex-start;
        margin-top: 2em;
        padding-bottom: 10px;
    
        
        
    }
    
    
  
    
   
    header {
        margin-top: 10px;
    }
    
     .logo {
        
        width: 80%;
     justify-content: center;
     align-self:center;
     padding-left: 10px;
    
 
     
}
    
    
    #landing { width: 20%;
        height: 100%;
        
    
      
    
    }

   

#banner {
		background-image:url(/images/landingimage/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200%20%204.JPG);
    background-blend-mode: normal;
		width: 100%;
        height: 15em;
       background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
		padding: 1em 0;
		text-align: left;
		position: relative;
        vertical-align: text-bottom;  
	}

            
		

    
    
    

.w3ls_banner_txt h3 {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    color: white;
    

}

.w3ls_banner_txt h3 span {
    display: block;
    color: black;
    font-weight: 900;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.19);
}

p.w3ls_pvt-title {
    max-width: 450px;
    font-size: 15px;
    margin-top: 1em;
}



.button-style:hover {
    color: #fff;
}
    
    .banner_slide_bg {
        
        width: 100%;
        padding-top: 10em
        
             
    }
    
    .container-fluid {
        
        width: 30%;
        display: inline-block;
        text-align: center;
        background-color: rgba(4,3,3,0.19);
        border-radius: 20px;
        
        
        
      
            
    }
    
    
	/* Sections/Articles */


	
		section,
article
		
		{ width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            align-content: space-between;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
            width: 100%;
            display: flex;
            flex-direction: column;
		}

		


 
  



    .u {
        
        display: flex;
        flex-direction: column;
        text-align: center;
        background-color: whitesmoke;
       
        
       
       
        
    }   
    
    .ui {
        display: flex;
        flex-direction: row;
        align-content: space-between;
        padding-left: px;
        padding-top: 0px;
        background-color: whitesmoke;
         padding-left: 40px;
        padding-right: 40px;
        
      
        
    }
    
    .u2 {
        padding-left: 40px;
        padding-right: 40px;
    }


    
    

#page
	{
		display: flex;
        flex-direction: row;
        width: 100%;
        align-content: center;
        align-items: center;
        margin-top: 0em;
        margin-bottom: 2em;
        padding-bottom: 30px;
        padding-top: 30px;
        border-radius: 80px;
        
        
      
	}


	
    
    html, body {width:100%; padding:0; margin:0; line-height: 0.9em}
    

    
    
    
 
    
   ul.actions {
        list-style: none;
    }
    
    li {
        list-style: none;
        
    }
    

    
    
    
    

.row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

 .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

.img-fluid {
  width: 100%;
  height: auto;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.container3 {
       background-color: white;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    

}
    
    
    .container3 h2{
        font-size: 20px;
        text-transform: uppercase;
    }
    
    

    /* Item */

	.item {
		
		margin-bottom: 20px;
   
	}


			.item h4 {
				font-size: 14px;
                color: #222325;
                line-height: 19px;
			}



	.image.fit {
			height: auto;
			width: 95%;
        border-radius: 20px;
        
		}
    
    h3.title{
        
        font-size: 40px;
        margin-bottom: 1em;
        
        
    }

    




    
 .client {
  
     border-radius: 20px;
     width: 100%;
     margin-bottom: 2em;
     margin-top: 1em;

     
}
    
  

    .container5{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        align-self: center;
        align-content: center;
        padding-left: 20px;
        width: 100%;
        
        
    }
    
    #client {
        width: 11%;
        height: 100%;
        padding-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px;
       
    }  
    
    

    .rowclients {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
       
        
        
    }
    
   
  
    
    .client h2 {
        padding-bottom: 40px;
        padding-top: 40px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    
    .container3 h2{
        padding-bottom: 2em;
        text-align: center;
        padding-top: 1em;
        
    }
    
    
    /* middle section */
.single_grid_text {
    position: absolute;
    left: -11%;
}

.single_grid_text-2 {
    position: absolute;
    right: -11%;
    z-index: 9;
}



    
    .col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.img-fluid {
  max-width: 80%;
  height: 200px;
  margin: 1em;
}
 
    .single_grid_w3_main{
        background-color:  ;
    }
    
    .single_grid_w3_main header {
        background-color:  ;
    }
    
    
    .py-5{
        background-color: ; 
        
    }
       
    
    /* map */
.map iframe {
    width: 100%;
    border: none;
    outline: none;
    min-height: 300px;
    display: block;
}

/* //map */
    
   
    .row {
        background-color: ;
    }
    
    .col-sm-5{
        background-color:  ;
    }
    .col-sm-6{ 
    background-color: ;
    }
    
    /* footer */
a.logo-2 {
    font-weight: bold;
    font-size: 30px;
    color: white;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);

}

.footer-grid h3,
.footer-grid-social h3 {
    font-size: 19px;
    color: white;
    border-bottom: 1px solid white;
    letter-spacing: 1px;
}

.footer-grid ul li a,
.footer-grid ul li {
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 10px 0;
    text-align: left;

}

.footer-grid ul li a:hover {
    opacity: .8;
    letter-spacing: 2px;
    color: rgba(39, 141, 44,0.6);
    text-decoration: none;
}

.footer-grid-social ul li span {
    color: #000;
    font-size: 15px;
    margin: 0 6px;
}
    
    .col-lg-4 {
    margin-left:50px;
  color: white;
        
        
  }
    
    .bg-li {
        background-color: black;
        margin-top: 0em;
    }
    
    .list {
        display: flex;
        flex-direction: row;
        margin: 0;
        
    }
    
    
    .container4{
        background-color: black;
    }
    
    .col-lg-2{
        background-color: black;
        
            
    }
    
    
    .footer-grids {
        background-color: black;
        display: flex;
        flex-direction: row;
        width: 100%;
    }

/* //footer */
    
.spotlight {
		
       
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: darkgray;
        background-image: url(/images/landingimage/nosotros.JPG);
        background-size: cover;
        background-position: center;
        background-blend-mode: soft-light;
        padding-top: 4em;
        padding-bottom: 4em;
        
       
       
       
      
        
	}


		.spotlight p {
            color: white;
            font-size: 14px;
            font-weight: normal;
            text-align: 
                center;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            line-height: 25px;
            word-break: keep-all;
            text-indent: 20px;
            
            
            
    }
    
    
   

	.inner {
           
        width: 100%;
        flex-direction:column;
        align-items: center;
        background-color: rgba(34, 35, 37, 0.6);
    
			
		}


    
     
    .clientesbig {
        margin-top: 1em;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
     
       
    }
    
    .clientesobras {
        
        display: flex;
        flex-direction: row;
        align-content: center;
        width: 100%;
        border-style: solid;
        border-radius: 30px;
        border-color:darkgray;
        margin-top: 1em; 
        padding-top: 20px;
        padding-bottom: 10px;
          padding-right: 10px;
        
        
        
        
    }
    
    #clientes {
        display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        border-radius: 30px;
       
      
    
    }
    
    #clientes li {
        list-style: disc;
        font-weight: normal;
        color: #333300;
        line-height: 20px;
        width: 100%;
         padding-bottom: 5px;
        font-size: 15px;
       
        
    }
   
   
    .bigcontainer {
        text-align: center;
        padding-top: 1em;
        background-color:;
    }
    
    .bigcontainer h2 {
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 1em;
        
    }
    
    
 
 
    .novedades1 {
        
        width: 100%;
        height: 200px;
        background-image: url(/images/tecnologia/rejillavereda.jpg);
        margin-left: 5em;
        margin-right: 1em;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
     
    }
    
    .novedades2{
        width: 100%;
        height: 200px;
        margin-right: 5em;
        margin-left: 1em;
         background-image: url(/images/landingimage/B.%20Inclinado.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    
    #landing {
        border-radius: 8px;
    
        
        
    }
    
    .novedades {
        display: flex;
        flex-direction: column;
        padding-top: 2em;
        width: 100%;
     
    }
    
    .novedades h2{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #222325;
      
        
    }
    
    .novedadestext {
        width: 100%;
        margin-top: 11em
    }
    
      .novedadestext a {
         text-decoration: none;
        text-decoration-color: none;
        color: #222325;
    }
    
    
 

    .novedadestext h4{
        font-size: 16px;
        color: #222325;
        text-align: center;
        
        
    }
    
    .destacados {
          display: flex;
        flex-direction: column;
        padding-top: 2em;
        width: 100%;
        
    }
    
      .destacados h2{
        text-align: center;
        font-size: 20px;
          font-weight: bold;
        
        
        
    }
    
    .destacados3{
        width: 100%;
        height: 200px;
        margin-right: 2em;
        margin-left: 1em;
         background-image: url(/images/landingimage/Tapa%20FO%20GCBA%20CD%20125%20610x1640.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        
        
    }
    
    .destacados1{
          width: 100%;
        height: 200px;
        margin-right: 1em;
        margin-left: 2em;
         background-image: url(/images/landingimage/%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        
    }
    
    .destacados2 {
                   width: 100%;
        height: 200px;
        margin-right: 1em;
        margin-left: 1em;
         background-image: url(/images/landingimage/bolardooo.jpg);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        

    }
    
   

    
    .destacadostext h4{
        text-align: center;
          font-size: 16px;
        color: #222325;
        
        
        
        
    }
    
    .destacadostext{
         width: 100%;
        margin-top: 11em
        
    }
    
      .destacadostext a {
         text-decoration: none;
        text-decoration-color: none;
        color: #222325;
    }
    
    
    
    
    
    .tecnologia h2{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin-top: 2em;
    }
    
    .tecnologia{
        margin-top: 3em;
    }
    
    .tecnologia1{
         width: 100%;
        height: 200px;
        margin-right: 1em;
        margin-left: 2em;
         background-image: url(/images/landingimage/artiplac2.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    .tecnologia2 {
          width: 100%;
        height: 200px;
        margin-right: 1em;
        margin-left: 1em;
         background-image: url(/images/tecnologia/Proceso%20de%20Galvanizado%202.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
    }
    
    .tecnologia3 {
            width: 100%;
        height: 200px;
        margin-right: 2em;
        margin-left: 1em;
         background-image: url(/images/tecnologia/anclaje.jpg);
        background-size: contain;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    
    .obras {
        margin-top: 1em;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .obras1{
        
         margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Banco%20Holanda%20frente.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        background-position: left;
   
        
    }
    
    .obras2{
        margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Manzana%20Civica%202%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
   
        
        
    }
    
    .obras3 {
        margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Manzana%20Civica%203%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras4{
        margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/MICROCENTRO%20rejillas%20300x1200,%20B%20Bala,%20CD400.JPG);
        background-size: cover;
        background-position:center;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align:center;
     
        
    }
    
    .obras5{
          margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Teatro%20Colon,%20TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras6{
            margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/METROBUS%209%20DE%20JULIO%20B.%20Triangular%202.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras7{
             margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Teatro%20Colon%20B.Triangular.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        box-shadow: 0 0.05em 0.15em 0 rgba(0, 0, 0, 0.05);
     
        
    }
    
    .obras8{
        
             margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200%20%207.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
        
    }
    
    .obras9 {
        
        margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/GCBA%20Tapa%20CD125%20FO.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    .obras10{
          margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Cazoleta%20D%201200%20mm%20Lineas.png);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    .obras11{
             margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/rejilla%20200x1200.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    
    .obras12{
             margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Tapa%20FO%20GCBA%20Manzana%20civica.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
     .obras13{
                    margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Peralta%20ramos-%2004.jpg);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    .obras14{
                  margin-top: 1em;
           width: 95%;
        height: 400px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Peralta%20ramos-%20Index.jpg);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    .obrasbig {
       display: flex;
        flex-direction: row;
        text-align: left;
        width: 100%;
        
        
        
        
    }
    
    .containerobras{ 
        
        width: 90%;
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 10px;
       
       
       
        
    }
    
    .obras h2{
        text-align: center;
        font-size: 20px;
        margin-top: 1em;
        text-transform: uppercase;
    }
    
    .obrastext h3{
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
        border-radius: 20px;
       
    }
    
  
   
    .tecno{
        display: flex;
        flex-direction:column;
        align-items: center;
     width: 100%;
        height: auto;
        padding-left: 10px;
        padding-top: 10px;
     
       
     
    }
    
    .integra{ 
    border-style: solid;
        border-radius: 30px;
        border-color: darkgray;
        margin-top: 1em;
    }
    
     .mt-4{
        width: 100%;
        font-size: 13px;
        color:#222325;
        line-height: 23px;
         padding-top: 20px;
         text-align:center;
        
       
       
    }
    
    
    
    .fotoartiplac{
        
           width: 70%;
        height: 150px;
        display: flex;
        flex-direction: row;
        margin-top: 2em;
        background-image: url(/images/tecnologia/Artiplac%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 40px;
       

    }
    
   
    
    .placa {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: center;
        align-content: center;
        width: 100%;
        padding-bottom: 20px;
        
        
        
    }
    
    .evita{
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
        align-items: center;
        
        
    }
   
    .evita2 {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items:center;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        
    }
    
    
   
    .evita2 h2{
        font-size: 15px;
        font-weight: bold;
        color: #222325;
        margin-top: 1em;
        
    }
    .placa img{
        width: 100%;
        height: 100px;
        align-content: center;
        border-radius: 40px;
        padding-right: 10px;
        padding-left: 10px;
    }
    
  
    
    .placa h4{
        color: #222325;
        font-size: 13px;
        padding-bottom: 10px;
        padding-top: 10px;
     
    }
    
 
    
  
    
    
    .clas{
        width: 100%;
        height: 200px;
        background-image: url(/images/tecnologia/clases2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    border-radius: 20px;
        
      
    }
    
    .clasrejillas{
          width: 100%;
        height: 200px;
        background-image: url(/images/tecnologia/clases2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 50px;
        margin-right: 1em;
       
        

        
    }
    
    .clastapas{
              width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/medidastapas.png);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 50px;
      
        

        
    }
    
    .tapas2{
        width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/anchoylargotapas.png);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 20px;
     
        
    }
    
    .rejillas2{
           width: 80%;
        height: 200px;
        background-image: url(/images/tecnologia/Artiplac%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 20px;
        
        
        
    }
    
    .integra2{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
   
    
      .clase {
        width: 100%;
        display: flex;
        flex-direction: row;
          align-items: center;
        margin-top: 1em;
          padding-right: 20px;
          border-radius: 40px;
      
    }
    
   
   
    
      .mt-3 {
         width: 100%;
        font-size: 13px;
        padding-top: 20px;
         line-height: 22px;
          padding-left: 10px;
          padding-right: 10px;
          text-indent: 1em;
       
    }
    
    .mt-8{
          width: 100%;
        font-size: 13px;
   padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 20px;
         line-height: 25px;
      
    }
    
    .mt-rejillas{
           width: 80%;
        font-size: 13px;
        color: #222325;
   padding-right: 10px;
        padding-left: 20px;
        padding-bottom: 20px;
         line-height: 15px;
        
        
    }
    
    .mt-9{
        padding-top: 10px;
            width: 100%;
        font-size: 13px;
        color: #222325;
         line-height: 22px;
        text-align: left;
        text-indent: 1em;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
      
        
    }
    
   
    
    .dos {display: flex;
    flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: left;
        border-radius: 40px;
        border-style: solid;
        border-color: darkgrey;
        padding-left: 20px;
        margin-top:1em;
        
    
    }
    
     .artiplac {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         margin-top: 1em;
         padding-left: 1em;
         padding-right: 1em;
         
          
         
    }
    
     .artiplac h3{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #222325;
        padding-left: 20px;
      
        
    }
    
    .artiplac h4{
        padding-left: 20px;
        color: #222325;
        font-size: 15px;
    }
    
    .artiplac h2{
        text-align: center;
        color: #222325;
        font-size: 15px;
        padding-left: 20px;
        
    }
    
    .artiplac h1{
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
  
    
    .tecnolog h3{
        
       
        text-align: center;
        text-transform: uppercase;
        margin-top: 2em;
        background-color: rgba(66, 73, 73,0.1);
        width: 100%;
        font-size: 20px;
        
    }
    
    .tecnolog{
         display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        margin-bottom: 1em;
        
    }
    
  
    .cuatro{
        width: 80%;
        display: flex;
        flex-direction: column;
        
    }
    
    .cuatro2{
             display: flex;
        flex-direction: row;
        width: 80%;
      padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
      
        
    }
    
    .galvanizado{
        
           width: 70%;
        height: 200px;
        background-image: url(/images/tecnologia/Proceso%20de%20Galvanizado%202.JPG);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;
      
       
        
    }
    
    .mt{
        
          width: 100%;
        font-size: 13px;
        line-height: 22px;
        color: #222325;
        text-align: left;
        font-weight: normal;
        text-indent: 1em;
        padding-bottom: 20px;
        padding-top: 20px;
        
    }
    
    .tres{
        display: flex;
        flex-direction: column;
        width: 100%;
         border-style: solid;
        border-radius: 40px;
        border-color: darkgray;
        margin-top: 1em;
         padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        align-items: center;
        
    }
    
    
    .galvanizado2{
        
              
           width: 90%;
        height: 250px;
        background-image: url(/images/tecnologia/anclaje3.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 2em;
        border-radius: 30px;
     
      
    }
    
    .galvanizado3{
            
           width: 90%;
        height: 250px;
        background-image: url(/images/tecnologia/Anclaje-Triangular.png);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        margin-top: 2em;
        border-radius: 30px;
        
    }
    .BalaAnclaje{
           width: 80%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardosBala-Anclaje.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-top: 1em;
        border-radius: 30px;
     
        
    }
    
    .contenedoranclaje{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        
    }
    
    .contenedoranclaje1{
         width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
       
    }
    
    .tres2{
           display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 1em;
         border-style: solid;
        border-radius: 40px;
        border-color: darkgray;
     padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
      
    }
    
 .ver {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
		
		.button
		{
			display: inline-block;
            width: 10%;
          background-color: #222325;
			border-radius: 10px;
			text-decoration: none;
			cursor: pointer;
            color: white;
            text-align: center;
		}

			.button p:hover
			{
				background: none;
                color: #269B2B;
			}
    
    .button p{
        font-size: 14px;
        padding-top: 5px;
        padding-bottom:5px;
      
       
    }
    
    
    
    .huevo h1{
        
    font-size: 20px;
    width: 100%;
    color: #222325;
    font-weight: bold;
        margin-bottom: 2em;
        margin-top: 2em;
        padding-left: 20px;
        

    }
    
    .huevo h3{
        font-size: 13px;
        color: #222325;
        width: 100%;
        text-align: left;
        font-weight: normal;
       padding-left: 10px;
        line-height: 22px;
        
        
    }
    
    .huevo h2{
        font-size: 15px;
    padding-left: 10px;
        color: #222325;
    }
    
    .huevo {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
        margin-top: 1em;
        margin-bottom: 1em;
        
    }
     
 
    
    .huevo2{
           width: 50%;
        height: 220px;
        background-image: url(/images/tecnologia/20140725_151215.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50px;
        background-position: center;
        border-style: solid;
        border-color: darkgray;
    
    }
    
    .huevo3{
              width: 60%;
        height: 200px;
        background-image: url(/images/tecnologia/huevotecno.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-style: solid;
        border-color: darkgray;
    
        
        
    }
    
    .rejillatecno{
          width: 45%;
        height: 250px;
        background-image: url(/images/tecnologia/rejillavereda.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center top;
        border-style: solid;
        border-color: darkgray;
        margin-top: 20px;
    
        
        
    }
    
    .rejillatecno2{
         width: 45%;
        height: 250px;
        background-image: url(/images/tecnologia/EsquemaVereda.png);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position:center;
        border-style: solid;
        border-color: darkgray;
        
    }
    
    .mt-6{
          width: 60%;
        font-size: 13px;
        color:#222325;
        line-height: 22px;
         font-weight: normal;
        padding-right: 20px;
        padding-top: 10px;
        padding-left: 10px;
        text-align: justify;
       
    
        
    }
    
    
    .mt-5{
          width: 40%;
        font-size: 15px;
        color:#222325;
        line-height: 20px;
         font-weight: normal;
        margin-top: 2em;
        padding-left: 10px;
       
        
    }
    
    .mt-7{
           width: 60%;
        font-size: 13px;
        color:#222325;
        line-height: 22px;
         font-weight: normal;
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 10px;
        text-align: justify;
      
    }
    
    .tecno2{
        display: flex;
        flex-direction: row;
        align-items: center;
        
    }
    
    .proceso{
        border-style: solid;
        border-radius: 30px;
        border-color: darkgray;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .containercontacto{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        margin-bottom: 2em;
    }
    
    .containercontacto h3{
        text-align: center;
        font-size: 20px;
        margin-top: 2em;
        
    }
    
    .formulario{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        width: 100%;
        
    }
    
    .formulario h3{
        font-size: 20px;
        margin-bottom: 1em;
    }
    .contactoformu{
          width: 100%;
        font-size: 15px;
        color: #222325;
        line-height: 25px;
        font-weight: normal;
        text-align: center;
      
       
        
    }
    
    #name{
      font-size: 15px;
        width: 100%;
    }
    #email{
        font-size: 15px;

    }
    #subject{
        font-size: 15px;
        
    }
    
    #submitcontact{
        background-color: #269B2B;
        border-radius: 10px;
        
    }
    
    
    #mail{
        color: #269B2B;
        text-decoration: none;
        list-style: none;
        text-decoration-line: none;
    }
    
    
    .todos{
        width: 70%;
        border-radius: 30px;
        margin-bottom: 1em;
       border-style: solid;
        border-color:#3F4143;
       
        
    }
    
    .todos1{
         width: 80%;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
        padding-left: 20px;
        padding-right: 10px;
        align-items: center;
        margin-bottom: 1em;
       border-style: solid;
        border-color:darkgray;
    
        
    }
    
    .todos2{
            width: 80%;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin-bottom: 1em;
        padding-bottom: 2em;
        padding-left: 20px;
        padding-right: 20px;
       border-style: solid;
        border-color:darkgray;
    
        
    }
    
    .Presentacionbolardos{
        width: 100%;
        display: flex;
        flex-direction:column;
        align-items:flex-end;
        padding-right: 20px;
        padding-left: 20px;
        
    }
    
    .Presentacionbolardos2{
         width: 100%;
        display: flex;
        flex-direction:column;
        align-items:flex-end;
        padding-right: 10px;
        padding-left: 80px;
        
        
    }
    
    
   #fh5co-aside {
  width: 5%;
z-index: 1;
    position: fixed;
  

}
    

    
    
    .bolardobala{
              width: 40%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoBala2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
        
        
    }

    .bolardoinclinado{
              
           width: 40%;
        height: 200px;
        background-image: url(/images/Bolardos/bolardoinclinadocopy%20copy.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        
        
     
        
    }
    
    .bolardopiramide{
         width: 30%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoPiramide%20copy.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
 
        
    }
    
    .bolardotriangular{
             width: 40%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardosTriangular.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
   
        
        
    }
    
    .bolardoolivia{
            width: 40%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoOliviaLargo%20copy.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 20px;
  
        
        
    }
    
    .bolardooliviacorto{
             width: 40%;
        height: 200px;
         background-repeat: no-repeat;
        background-image: url(/images/Bolardos/BolardoOlivia%20Corto%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;

       
    }
    
    .bolardoesferico{
             width: 40%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoEsferico.png);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;
     
    
    }
    
    .bolardotriangularc{
                 width: 40%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardotriangularC.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;
     
       
        
    }
    
    
    .rejilla1{
            width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.200x1200%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
   
        
        
    }
    
    .rejilla1cerrada{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.200x1200%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
  
        
    }
    
    .rejilla2{
             width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.300x1200%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
      
        
        
    }
    
    .rejilla2cerrada{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.300x1200%20cerrada%20copy.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
       
        
        
    }
  
    .rejilla3{
              width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.400x1200%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
     
        
        
        
    }
    
    .rejilla4{
               width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Rejilla%20BA%20CC250%20400x1200%20modelo%20R%20con%20bisagra%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 50px;
     margin-bottom: 30px;
     
        
        
        
    }
    
    .rejilla5{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD400.350x1200%20aBIERTA.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
    
        
        
    }
    
    .rejilla5cerrada{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD400.350x1200.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        background-repeat: no-repeat;
      
    }
    
    .rejilla3cerrada{
             width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.400x1200%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
      background-repeat: no-repeat;
        
        
    }
    
    
    .rejillaavereda{
             width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Rejillaveredafp.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
      
        
        
    }
    
    .Tapa1{
         width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Tapa610x410.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
      
        
    }
    
    .Tapa2{
         width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Tapa%20610x820%20EDENORabierta%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
         background-repeat: no-repeat;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
   
        
        
    }
    
    .tapa3{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/tapa610%20x%201230.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
     
        
        
    }
    
      .tapa3B{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Conjuntos%20de%203%20tapas%20CB125.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
     
        
        
    }
    
      .tapa4{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/ArtiplacCB125.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
     
        
        
    }
    
      .tapa4B{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Conjunto%20de%204%20tapas%20CB125%20-%20Abierto.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
     
        
        
    }
    
    .cazoleta{
           width:70%;
        height: 200px;
        background-image: url(/images/Obras/Cazoleta%20D%201200%20mm%20Lineas.png);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
        
    }
    
    .holanda{
             width:70%;
        height: 200px;
        background-image: url(/images/Obras/Banco%20Holanda%20frente.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
        
    }
    
    .holanda2{
               width:70%;
        height: 200px;
        background-image: url(/images/Obras/Cat%20banco%20Holanda%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
    }
    
    .holandachico{
                    width:70%;
        height: 200px;
        background-image: url(/images/Obras/holandachico.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .mendoza{
                        width:40%;
        height: 200px;
        background-image: url(/images/Obras/FP%20cesto%20Mendoza%20con%20tapa%20abierta%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .plaza{
                           width:40%;
        height: 200px;
        background-image: url(/images/Obras/cestoplaza2.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    
    .hipolito{
                    width:30%;
        height: 200px;
        background-image: url(/images/Obras/FP%20Cespo%20Hipolito%20Cerrado%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    .Contenido{
        width: 100%;
         display: flex;
         flex-direction: column;
         align-items: flex-end;
        border-radius: 40px;
        margin-bottom: 2em;
    
          
        
    }
    

    
    .titulo li {
        list-style-type:square;
   
       
    }
    
    .titulo h3{
        font-weight: normal;
        color: #222325;
        font-size: 18px;
        
    }
    
    .titulo {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        margin-top: 2em;
        padding-right: 100px;
        
       
    }
    
    
    .titulo2 h3{
        font-weight: normal;
        padding-top: 25px;
        color: #222325;
        font-size: 20px;
    }
    .titulo2{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 1em;
        
        
    }
    
    .bolardobalatext{
            width: 100%;
        font-size: 13px;
        color: #222325;
         line-height: 22px;
        text-align:left;
        padding-left: 20px;
        padding-right: 10px;;
        margin-bottom: 1em;
        
       
    }
    
    .rejitext{
          
        margin-bottom: 1em;
            width: 80%;
        font-size: 13px;
        color: #222325;
         line-height: 30px;
        text-align:left;
        margin-left: 20px;
            padding-bottom: 30px;
       
        
    }
    
    
    .bolardoinclinadotext{
             margin-top: 3em;
            width: 60%;
        font-size: 14px;
        color: #222325;
         line-height: 25px;
        text-align:right;
        text-indent: 1em;
    
       
       
      
    }
    
    hr{
        background-color: black;
        width: 80%;
        height: 2px;
    }
    
    .Figuras1{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        width: 70%;
        padding-right: 10px;
        border-radius: 30px;
        margin-bottom: 1em;
       border-style: solid;
        border-color:darkgray;
        margin-right: 10px;
       
      
        
    }
    
    .figuras2{
        width: 100%;
        display: flex;
        flex-direction: column;
        
    }
    
    .figurabala{
         width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20bala%20400%20figurin%20copy.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
       
    }

    .figurainclinado{
           width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20inclinado%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position:center;
            
  
    }
    
    .figurapiramidal{
        
            width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20conico%20400%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
         background-repeat: no-repeat;
        background-position: center;
     ]
  
        
    }
    
    .figuratriangular {
            width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20600%20figurin%20copy.jpg);
        background-size:contain;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
   
  
        
    }
    
    .figuratriangularcorto{
            width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20400%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position:center;

  
        
    }
    
    .figuraolivia{
             width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20olivia%20600%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position:center;
       
  
        
    }
    
    .figuraoliviac{
               width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20olivia%20400%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
   
  
        
    }
    
    .figuraesferico{
                 width: 100%;
        height: 200px;
        background-image: url(/images/Bolardos/Bolardo%20esferico%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
       
  
    }
    
   
    .bala{
          width: 70%;
        height: 200px;
        background-image: url(/images/Obras/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 1em;
        margin-top: 1em;
     
        
    }
 
    .manzana{
              width: 70%;
        height: 200px;
        background-image: url(/images/landingimage/B.%20Inclinado.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
        
        
    }
    
    .piramidalfig{
               width: 70%;
        height: 200px;
        background-image: url(/images/Bolardos/EsquemaBolardoPiramidal.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
        
    }
    
    .oliviaesquema{
                 width: 70%;
        height: 200px;
        background-image: url(/images/Bolardos/esquemaolivia%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
         background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
    }
    
    .oliviaesquema2{
               width: 70%;
        height: 200px;
        background-image: url(/images/Bolardos/esquemaoliviacorto.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
         background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
        
    }
    
    .cortofig{
               width: 70%;
        height: 200px;
        background-image: url(/images/Bolardos/EsquematriangularCorto.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center  center;
         background-repeat: no-repeat;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
    }
    .esferico{
               width: 60%;
        height: 300px;
        background-image: url(/images/Bolardos/Foto%20bolardo%20esferico.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 1em;
        margin-top: 3em;
       
    }
    
    .triangular{
                 width: 70%;
        height: 200px;
        background-image: url(/images/Obras/METROBUS%209%20DE%20JULIO%20B.%20Triangular%202.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center bottom;
        margin-bottom: 1em;
        margin-top: 1em;
       
        
        
    }

    .extension{
        
                 width: 80%;
        height: 220px;
        background-image: url(/images/Obras/20161219_131816.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        align-content: center;
        margin-bottom: 1em;
        margin-top: 1em;
        margin-left: 3em;
        
       
    }
    

.contenedor-menu {
	width: 0px;
	display: inline-block;
    border-radius: 10px;
   
    
    
    
    

}

.contenedor-menu .menu {
	width: 100px;
    border-radius: 20px;
 
    
    

}

.contenedor-menu ul {
	list-style: none;
    border-radius: 10px;
    
 
}

.menu li a {
	color:white;
	display: block;
	padding: 3px 5px;
    background-color: #222325;
    border-radius: 10px;
    width: 150px;
    border-style: solid;
    font-weight: normal;
    font-size: 12px;
 
  
}

.contenedor-menu .menu li a:hover {
	background: #269B2B;
	color:#fff;
}

.contenedor-menu .menu .icono {
	font-size: 10px;
	line-height: 18px;
}



.contenedor-menu .menu .icono.derecha {
	float: right;
	margin-left: 1px; 
}

.contenedor-menu .menu ul {
	display: none;
}

.contenedor-menu .menu ul li a {
	background: #3F4143;
	color:#e9e9e9;
   
}

.contenedor-menu .menu .activado > a {
	background: #269B2B;
	color:#fff;
}
  

    
    
   
  
   }

   


    
    
    


/* Ordenadores de sobremesa y portátiles */
@media only screen and (min-width: 1224px) {
    
    #menu {border-radius:0;z-index: 99;background-color: #222325; align-items: center; text-decoration: none; text-align:center;}
#menu.affix {position: fixed;top: 0; width: 100%;}
#menu .navbar-collapse{padding:0; text-decoration: none; text-align: center;}
#menu .dropdown-menu {background-color:#222325;border:none;border-radius: 0;box-shadow: none; height:150px; width: 100%;  }
#menu ul.nav .dropdown-menu li a{color: white;text-transform: none; align-content:center; font-size: 12px;  width: 260px; text-align: left;}
#menu ul.nav .dropdown-menu li a:hover {color:#269B2B;}
#menu .dropdown-inner {display: flex; flex-direction: column;
    align-items: center; }
#menu .dropdown-inner ul {display: inline-block; position: absolute;}
#menu .dropdown-inner a {min-width: 160px;display: block;padding: 3px 20px;clear: both;line-height: 5px;color: #000;}
#menu li.dropdown:hover>a, #menu li.dropdown:focus>a, #menu li.dropdown:active>a{}

#menu ul.nav li a{color:white;padding-left: 60px; font-size: 12px;letter-spacing: 1px;display: inline-block;font-weight: bold;text-transform: uppercase; align-content:center; text-decoration: none; text-align: left;}
#menu ul.nav li::after{content: "-";padding: 0 5px;font-size: 2px;line-height: 1;}

#menu ul.nav li:last-child::after,
#menu ul.nav .dropdown-menu li::after{content:'';padding: 0px;display:none; position: absolute; right: 100%;}
#menu ul.nav li.dropdown a{
    display:inline-block;
    line-height:2 ;
    
  
    }
#menu .nav > li > a:hover, #menu .nav > li > a:focus{background: none;color: #269B2B;}

#menu i.fa{font-size: 13px;padding-bottom: 1px;}
#menu .btn-navbar {font-size: 20px;color: #FFF;padding: 5px 15px;float: right;border: 3px solid #fff;}

    
      #menu.navbar{padding: 0;height: auto;
    
    font-size: 12px;
    
    }
	#menu.dropdown:hover 
    .dropdown-menu {display: inline-block;}
    
    
    

   
    .direccion {
        font-size: 13px;
        width: 100%;
        display: flex;
        flex-direction:row;
        align-items:center;
        color: #222325;
        padding-left: 7px;
        font-weight: normal;
        line-height: 20px;
       
    }
    
    .direccion2{
           font-size: 13px;
        width: 100%;
        display: flex;
        flex-direction:row;
        align-items:center;
        color: black;
        padding-left: 5px;
        font-weight: normal;
       
        
    }
    
   
        .container {
            
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items:center;
            background-color: white;
          
         

            
        }
    
    .col-md-3 {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        width: 100%;
        
        
  
        
    }
    
    
  
    
   
    header {
        margin-top: 10px;
    }
    
     .logo {
        
        width: 80%;
     justify-content: center;
     align-content: center;
     padding-left: 20px;
        margin-bottom: 0.8em;
     
}
    
    
 
    #landing {
        width: 15%;
       
    }


    

#banner {
		background-image:url(/images/landingimage/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200%20%204.JPG);
    background-blend-mode: normal;
		width: 100%;
        height: 20em;
       background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
		padding: 1em 0;
		text-align: left;
		position: relative;
        vertical-align: text-bottom;  
	}

            
		

    
    
    

.w3ls_banner_txt h3 {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    color: white;
    

}

.w3ls_banner_txt h3 span {
    display: block;
    color: black;
    font-weight: 900;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.19);
}

p.w3ls_pvt-title {
    max-width: 450px;
    font-size: 15px;
    margin-top: 1em;
}



.button-style:hover {
    color: #fff;
}
    
    .banner_slide_bg {
        
        width: 100%;
        padding-top: 14em
        
             
    }
    
    .container-fluid {
        
        width: 25%;
        display: inline-block;
        text-align: center;
        background-color: rgba(4,3,3,0.19);
        border-radius: 20px;
        
        
        
      
            
    }
    
    
	/* Sections/Articles */


	
		section,
article
		
		{ width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            align-content: space-between;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
            width: 100%;
            display: flex;
            flex-direction: column;
		}

		


 
  



    .u {
        
        display: flex;
        flex-direction: column;
        text-align: center;
        background-color: whitesmoke;
       
        
       
       
        
    }   
    
    .ui {
        display: flex;
        flex-direction: row;
        align-content: space-between;
        padding-left: px;
        padding-top: 0px;
        background-color: whitesmoke;
         padding-left: 40px;
        padding-right: 40px;
        
      
        
    }
    
    .u2 {
        padding-left: 40px;
        padding-right: 40px;
    }


    
    

#page
	{
		display: flex;
        flex-direction: row;
        width: 100%;
        align-content: center;
        align-items: center;
        margin-top: 0em;
        margin-bottom: 2em;
        padding-bottom: 30px;
        padding-top: 30px;
        border-radius: 80px;
        
        
      
	}


	
    
    html, body {width:100%; padding:0; margin:0; line-height: 0.9em}
    

    
    
    
 
    
   ul.actions {
        list-style: none;
    }
    
    li {
        list-style: none;
        
    }
    

    
    
    
    

.row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

 .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

.img-fluid {
  width: 100%;
  height: auto;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.container3 {
       background-color: white;
  width: 100%;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
    padding-top: 2em;
    
    

}
    
    
    .container3 h2{
        font-size: 25px;
        text-transform: uppercase;
        
    }
    
    

    /* Item */

	.item {
		margin-bottom: 40px;
   
	}


			.item h4 {
				font-size: 16px;
                color: #333300;
			}



	.image.fit {
			height: auto;
			width: 80%;
        border-radius: 20px;
        
		}
    
    h3.title{
        
        font-size: 40px;
        margin-bottom: 1em;
        
        
    }

    

   
    
    

    .container5{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        align-self: center;
        align-content: center;
        padding-left: 20px;
        width: 100%;
        margin-bottom: 1em;
        
        
    }
    
    #client {
        width: 11%;
        height: 100%;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
       
    }  
    
    

    .rowclients {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
       
        
        
    }
  


    

    .client {
        
        width: 100%;
       padding-top: 2em;
    }
  
    
    .client h2 {
      
       padding-bottom: 20px;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold;
    }
    
    
    .container3 h2{
        padding-bottom: 1em;
        text-align: center;
       
    }
    
    
    /* middle section */
.single_grid_text {
    position: absolute;
    left: -11%;
}

.single_grid_text-2 {
    position: absolute;
    right: -11%;
    z-index: 9;
}



    
    .col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.img-fluid {
  max-width: 80%;
  height: 200px;
  margin: 1em;
}
 
    .single_grid_w3_main{
        background-color:  ;
    }
    
    .single_grid_w3_main header {
        background-color:  ;
    }
    
    
    .py-5{
        background-color: ; 
        
    }
       
    
    /* map */
.map iframe {
    width: 100%;
    border: none;
    outline: none;
    min-height: 400px;
    display: block;
    margin-top: 1em;
}

/* //map */
    
 
    
    /* footer */
a.logo-2 {
    font-weight: bold;
    font-size: 35px;
    color: white;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
}

.footer-grid h3,
.footer-grid-social h3 {
    font-size: 19px;
    color: white;
    border-bottom: 1px solid white;
    letter-spacing: 1px;
}

.footer-grid ul li a,
.footer-grid ul li {
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 10px 0;

}

.footer-grid ul li a:hover {
    opacity: .8;
    letter-spacing: 2px;
    color: #269B2B;
    text-decoration: none;
}


    
    .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
        color: white;
        padding-left: 50px;
  }
    
    .bg-li {
        background-color: black;
        margin-top: 0em;
        position: relative;
        z-index: 3;
        width: 100%;
       
     
      
    }
    
    .list {
        display: flex;
        flex-direction: row;
        margin: 0;
        
    }
    
    
    .container4{
        background-color: black;
        width: 100%;
        
    }
    
    .col-lg-2{
        background-color: black;
        display: flex;
        flex-direction: column;
            
    }
    
    
    .footer-grids {
        background-color: black;
        display: flex;
        flex-direction: row;
        width: 100%;
    }

/* //footer */
    
    
  
	.spotlight {
		
       
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        align-content: center;
        width: 100%;
     background-color: darkgray;
        background-image: url(/images/landingimage/nosotros.JPG);
        background-size: cover;
        background-position:bottom;
        background-blend-mode: screen;
        padding-top: 6em;
        padding-bottom: 6em;
      
        
       
       
       
      
        
	}


		.spotlight p {
            color: white;
            font-size: 20px;
            font-weight: normal;
            text-align: center;
            width: 90%;
            line-height: 25px;
            word-break: keep-all;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            
            
            
            
            
            
            
    }
    
    
   

	.inner {
           
        width: 100%;
        display: flex;
        flex-direction:column;
        align-items: center;
        text-align: center;
        align-content: center;
        align-self: center;
         background-color: rgba(34, 35, 37, 0.7);
        
        
    
			
		}

		
	
    .clientesbig {
    
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
     
       
    }
    
    .clientesobras {
        
        display: flex;
        flex-direction: row;
        align-content: center;
        width: 95%;
        border-style: solid;
        border-radius: 30px;
        border-color:darkgray;
        margin-top: 1em; 
        padding-top: 20px;
        padding-left: 10px;
        padding-bottom: 10px;
        
        
    }
    
    #clientes {
        display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        border-radius: 30px;
    
    }
    
    #clientes li {
        list-style: disc;
        font-weight: normal;
        color: #222325;
        line-height: 30px;
        width: 100%
       
        
    }
    
    .bigcontainer {
        text-align: center;
        padding-top: 1em;
        width: 100%;
        padding-bottom: 1em;
        
    }
    
    .bigcontainer h2 {
          text-align: center;
        text-transform: uppercase;
        font-size: 24px;
        background-color: rgba(66, 73, 73,0.1);
        width: 100%;
        
    }
    
    
    .artiplac h3{
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        color: #222325;
        padding-left: 20px;
      
        
    }
    
    .artiplac h4{
        padding-left: 20px;
        color: #222325;
    }
    
    .artiplac h2{
        text-align: center;
        color: #222325;
        font-size: 14px;
        padding-left: 20px;
        
    }
    
    .artiplac h1{
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
    
    .novedades1 {
        
        width: 100%;
        height: 300px;
        background-image: url(/images/tecnologia/rejillavereda.jpg);
        margin-left: 5em;
        margin-right: 1em;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
     
        
        
        
        
    }
    
    .novedades2{
        width: 100%;
        height: 300px;
        margin-right: 5em;
        margin-left: 1em;
         background-image: url(/images/landingimage/B.%20Inclinado.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    
    #landing {
        border-radius: 8px;
        
        
    }
    
    .novedades {
        display: flex;
        flex-direction: column;
        padding-top: 3em;
        width: 100%;
     
    }
    
    .novedades h2{
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        
        
        
        
        
    }
    
    .novedadestext {
        width: 100%;
        margin-top: 16em
    }
    
    .novedadestext a {
        text-decoration: none;
        text-decoration-color: none;
        color: #222325;
    }
 

    .novedadestext h4{
        font-size: 20px;
        text-align: center;

        
        
    }
    
    .destacados {
          display: flex;
        flex-direction: column;
        padding-top: 2em;
        width: 100%;
        
    }
    
      .destacados h2{
        text-align: center;
        font-size: 25px;
          font-weight: bold;
        
        
        
    }
    
    .destacados3{
        width: 100%;
        height: 300px;
        margin-right: 2em;
        margin-left: 1em;
         background-image: url(/images/landingimage/Tapa%20FO%20GCBA%20CD%20125%20610x1640.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        
        
    }
    
    .destacados1{
          width: 100%;
        height: 300px;
        margin-right: 1em;
        margin-left: 2em;
         background-image: url(/images/Obras/Manzana%20Civica%203%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        background-position: right;
        
        
    }
    
    .destacados2 {
                   width: 100%;
        height: 300px;
        margin-right: 1em;
        margin-left: 1em;
         background-image: url(/images/landingimage/bolardooo.jpg);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
        

    }
    
   

    
    .destacadostext h4{
        text-align: center;
          font-size: 20px;
       
        
        
        
        
    }
    
    .destacadostext{
         width: 100%;
        margin-top: 16em;
       
        
    }
    
    .destacadostext a {
         text-decoration: none;
        text-decoration-color: none;
        color: #222325;
    }
    
    
    
    
    .tecnologia h2{
        text-align: center;
        font-size: 25px;
        font-weight: bold;
       
       
    }
    
    .tecnologia {
       padding-top: 2em;
    }
    
    .tecnologia1{
         width: 100%;
        height: 300px;
        margin-right: 1em;
        margin-left: 2em;
         background-image: url(/images/landingimage/artiplac2.jpg);
        background-size: auto;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    .tecnologia2 {
          width: 100%;
        height: 300px;
        margin-right: 1em;
        margin-left: 1em;
         background-image: url(/images/tecnologia/Proceso%20de%20Galvanizado%202.JPG);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
    }
    
    .tecnologia3 {
            width: 100%;
        height: 300px;
        margin-right: 2em;
        margin-left: 1em;
         background-image: url(/images/tecnologia/anclaje2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
       border-radius: 20px;
        border-style:solid;
        border-color: darkgrey;
        
    }
    
    
    .obras {
        margin-top: 1em;
        margin-bottom: 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .obras1{
        
         margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Banco%20Holanda%20frente.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        background-position: top;
   
        
    }
    
    .obras2{
        margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Manzana%20Civica%202%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
   
        
        
    }
    
    .obras3 {
        margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Manzana%20Civica%203%20B.%20Inclinado%20y%20R%20300x1200%20cb125.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras4{
        margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/MICROCENTRO%20rejillas%20300x1200,%20B%20Bala,%20CD400.JPG);
        background-size: cover;
        background-position:center;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align:center;
     
        
    }
    
    .obras5{
          margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Teatro%20Colon,%20TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras6{
            margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/METROBUS%209%20DE%20JULIO%20B.%20Triangular%202.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        text-align: center;
     
        
    }
    
    .obras7{
             margin-top: 2em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Teatro%20Colon%20B.Triangular.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
        box-shadow: 0 0.05em 0.15em 0 rgba(0, 0, 0, 0.05);
     
        
    }
    
    .obras8{
        
             margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200%20%207.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
        
    }
    
    .obras9 {
        
        margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/GCBA%20Tapa%20CD125%20FO.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    .obras10{
          margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Cazoleta%20D%201200%20mm%20Lineas.png);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    .obras11{
             margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/rejilla%20200x1200.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
    
    .obras12{
             margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Tapa%20FO%20GCBA%20Manzana%20civica.JPG);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    
     .obras13{
                    margin-top: 3em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Peralta%20ramos-%2004.jpg);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    .obras14{
                  margin-top: 1em;
           width: 95%;
        height: 500px;
        display: flex;
        flex-direction: column;
        background-image: url(/images/Obras/Peralta%20ramos-%20Index.jpg);
        background-size: cover;
          border-radius: 40px;
        border-style:solid;
        border-color: darkgrey;
     
        
    }
    .obrasbig {
       display: flex;
        flex-direction: row;
        text-align: left;
        width: 100%;
        
        
        
        
    }
    
    .containerobras{ 
        
        width: 90%;
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 10px;
       
       
       
        
    }
    
    .obras h2{
        text-align: center;
        margin-top: 1em;
        font-weight: normal;
        text-transform: uppercase;
         font-size: 24px;
        width: 100%;
    }
    
    .obrastext h3{
        font-size: 20px;
        font-weight: normal;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
        border-radius: 20px;
       
    }
    
 
    
    .tecno{
        display: flex;
        flex-direction:row;
        align-items: flex-start;
        width: 100%;
        padding-left: 20px;
        padding-bottom: 20px;
        padding-top: 10px;
     
       
     
    }
    
    .integra{ 
    border-style: solid;
        border-radius: 30px;
        border-color: darkgray;
        margin-top: 1em;
    }
    
     .mt-4{
        width: 50%;
        font-size: 15px;
        color:#222325;
        line-height: 25px;
         padding-left: 20px;
         padding-top: 20px;
        
       
       
    }
    
    
    
    .fotoartiplac{
        
           width: 44%;
        height: 200px;
        margin-top: 2em;
        background-image: url(/images/tecnologia/Artiplac%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-right: 20px;
        margin-left: 2em;
  
     
        
    }
    
   
    
    .placa {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin-top: 1em;
        padding-bottom: 20px;
        
        
        
    }
    
    .evita{
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
        
    }
   
    .evita2 {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
        
    }
    
    
   
    .evita2 h2{
        font-size: 16px;
        font-weight: bold;
        color: #222325;
    }
    .placa img{
        width: 100%;
        height: 150px;
        align-content: center;
        border-radius: 40px;
        padding-right: 10px;
        padding-left: 10px;
    }
    
  
    
    .placa h4{
        color: #222325;
        font-size: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 10px;
    }
    
 
    
  
    
    
    .clas{
        width: 100%;
        height: 320px;
        background-image: url(/images/tecnologia/clases2.jpg);
        background-size: cover;
        align-items: center;
        background-position: center;
    margin-right: 40px;
        border-radius: 20px;
        
      
    }
    
    .clasrejillas{
          width: 60%;
        height: 200px;
        background-image: url(/images/tecnologia/clases2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 50px;
        margin-left: 4em;
        margin-right: 4em;
        

        
    }
    
    .clastapas{
              width: 40%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/medidastapas.png);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 50px;
        margin-left: 4em;
        margin-right: 4em;
        

        
    }
    
    .tapas2{
        width: 40%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/anchoylargotapas.png);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 20px;
        margin-left: 4em;
        margin-right: 4em;
        
    }
    
    .rejillas2{
           width: 60%;
        height: 200px;
        background-image: url(/images/tecnologia/Artiplac%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        align-items: center;
        background-position: center;
        border-radius: 20px;
        margin-left: 4em;
        margin-right: 4em;
        
        
    }
    
      .clase {
        width: 100%;
        display: flex;
        flex-direction: row;
          align-items: center;
        margin-top: 2em;
          padding-right: 20px;
          border-radius: 40px;
          padding-bottom: 20px;
       
        
    }
    
    .integra2{
        display: flex;
        flex-direction: row;
    }
   
    
      .mt-3 {
         width: 100%;
        font-size: 14px;
        color: #222325;
     padding-top: 20px;
         line-height: 25px;
          padding-left: 20px;
          padding-right: 20px;
          font-weight: normal;
          text-indent: 1em;
          
        
        
    }
    
    .mt-8{
          width: 100%;
        font-size: 15px;
        color: #222325;
   padding-right: 10px;
        padding-bottom: 20px;
         line-height: 25px;
        
        
    }
    
    .mt-rejillas{
           width: 80%;
        font-size: 14px;
        color: #222325;
   padding-right: 10px;
        padding-left: 20px;
        padding-bottom: 20px;
         line-height: 15px;
        
        
    }
    
    .mt-9{
        padding-top: 20px;
            width: 90%;
        font-size: 15px;
        color: #222325;
         line-height: 25px;
        padding-left: 20px;
        text-align: left;
        text-indent: 1em;
        padding-bottom: 20px;
      
        
    }
    
   
    
    .dos {display: flex;
    flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: left;
        border-radius: 40px;
        border-style: solid;
        border-color: darkgrey;
        padding-left: 20px;
        margin-top: 1em;
        
    
    }
    
     .artiplac {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         padding-left: 3em;
         padding-right: 1em;
         padding-bottom: 2em;
         
          
         
    }
    
  
    
    .tecnolog h3{
        
       
        text-align: center;
        text-transform: uppercase;
        margin-top: 2em;
        background-color: rgba(66, 73, 73,0.1);
        width: 100%;
        
    }
    
    .tecnolog{
         display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        
    }
    
  
    .cuatro{
        width: 80%;
        display: flex;
        flex-direction: column;
        
    }
    
    .cuatro2{
             display: flex;
        flex-direction: row;
        width: 80%;
      padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
      
        
    }
    
    .galvanizado{
        
           width: 40%;
        height: 290px;
        background-image: url(/images/tecnologia/Proceso%20de%20Galvanizado%202.JPG);
        background-size: cover;
        border-radius: 40px;
        margin-left: 2em;
        
      
       
        
    }
    
    .mt{
        
          width: 50%;
        font-size: 15px;
        line-height: 25px;
        color: #222325;
        text-align: left;
        font-weight: normal;
        padding-left: 20px;
        text-indent: 1em;
        padding-bottom: 20px;
        padding-top: 20px;
        
    }
    
    .tres{
        display: flex;
        flex-direction: row;
        width: 100%;
         border-style: solid;
        border-radius: 40px;
        border-color: darkgray;
        margin-top: 1em;
         padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        align-items: center;
        
    }
    
    
    .galvanizado2{
        
              
           width: 90%;
        height: 320px;
        background-image: url(/images/tecnologia/anclaje3.png);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-top: 2em;
        border-radius: 30px;
     
      
    }
    
    .galvanizado3{
            
           width: 90%;
        height: 320px;
        background-image: url(/images/tecnologia/Anclaje-Triangular.png);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-top: 2em;
        border-radius: 30px;
        
    }
    .BalaAnclaje{
           width: 80%;
        height: 300px;
        background-image: url(/images/Bolardos/BolardosBala-Anclaje.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-top: 1em;
        margin-left:20px;
        border-radius: 30px;
     
        
    }
    
    .contenedoranclaje{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
    
    .contenedoranclaje1{
         width: 100%;
        display: flex;
        flex-direction: column;
       
    }
    
    .tres2{
           display: flex;
        flex-direction: row;
        width: 100%;
        margin-top: 1em;
         border-style: solid;
        border-radius: 40px;
        border-color: darkgray;
     padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 25px;
      
    }
    
    .ver {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
		
		.button
		{
			display: block;
            width: 8%;
            background-color: #222325;
			border-radius: 10px;
			text-decoration: none;
			cursor: pointer;
            text-align: center;
            margin-top: 1em;
		}

			.button p:hover
			{
				background: none;
                color: #269B2B;
			}
    
    .button p{
        font-size: 15px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
       
    }
    
    
    
    .huevo h1{
        
    font-size: 24px;
    width: 100%;
    color: #222325;
    font-weight: bold;
    padding-left: 20px;
        

    }
    
    .huevo h3{
        font-size: 15px;
        color: #222325;
        width: 100%;
        text-align: left;
        font-weight: normal;
       padding-left: 30px;
        line-height: 25px;
        
        
    }
    
    .huevo h2{
        font-size: 18px;
    padding-left: 30px;
        color: #222325;
    }
    
    .huevo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 3em;
        padding-right: 1em;
        margin-bottom: 2em;
        
    }
     
 
    
    .huevo2{
           width: 45%;
        height: 250px;
        display: flex;
        flex-direction: row;
        background-image: url(/images/tecnologia/20140725_151215.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: top;
        margin-left: 30px;
        border-style: solid;
        border-color: darkgray;
        
       
        
        
    }
    
    .huevo3{
              width: 45%;
        height: 250px;
        display: flex;
        flex-direction: row;
        background-image: url(/images/tecnologia/huevotecno.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-left: 25px;
        border-style: solid;
        border-color: darkgray;
    
        
        
    }
    
    .rejillatecno{
          width: 45%;
        height: 300px;
        display: flex;
        flex-direction: row;
        background-image: url(/images/tecnologia/rejillavereda.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center top;
        margin-left: 25px;
        border-style: solid;
        border-color: darkgray;
    
        
        
    }
    
    .rejillatecno2{
         width: 45%;
        height: 300px;
        display: flex;
        flex-direction: row;
        background-image: url(/images/tecnologia/EsquemaVereda.png);
        background-size: cover;
        border-radius: 40px;
        background-position: top;
        margin-left: 30px;
        border-style: solid;
        border-color: darkgray;
        
    }
    
    .mt-6{
          width: 50%;
        font-size: 15px;
        color:#222325;
        line-height: 25px;
         font-weight: normal;
        padding-right: 20px;
        padding-left: 30px;
        text-align: justify;
       
    
        
    }
    
    
    .mt-5{
          width: 40%;
        font-size: 15px;
        color:#222325;
        line-height: 20px;
         font-weight: normal;
        margin-top: 2em;
        padding-left: 10px;
       
        
    }
    
    .mt-7{
           width: 50%;
        font-size: 15px;
        color:#222325;
        line-height: 25px;
         font-weight: normal;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        margin-left: 20px;
        text-align: justify;
      
    }
    
    .tecno2{
        display: flex;
        flex-direction: row;
        margin-top: 1em;
        height: 300px;
        align-items: center;
        
    }
    
    .proceso{
        border-style: solid;
        border-radius: 30px;
        border-color: darkgray;
        padding-right: 20px;
        padding-left: 20px;
        padding-top:20px;
        padding-bottom: 20px;
        margin-top: 1em;
    }
    
    .containercontacto{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        margin-bottom: 2em;
    }
    
    .containercontacto h3{
        text-align: center;
        font-size: 25px;
        margin-top: 2em;
        
    }
    
    .formulario{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        
    }
    
    .formulario h3{
        font-size: 24px;
        margin-bottom: 1em;
    }
    .contactoformu{
          width: 40%;
        font-size: 15px;
        color: #222325;
        line-height: 25px;
        font-weight: normal;
        text-align: center;
      
       
        
    }
    
    #name{
      font-size: 15px;
    }
    #email{
        font-size: 15px;

    }
    #subject{
        font-size: 15px;
        
    }
    
    #submitcontact{
        background-color: #269B2B;
        border-radius: 10px;
        
    }
    
    
    #mail{
        color: #269B2B;
        text-decoration: none;
        list-style: none;
        text-decoration-line: none;
    }
    
    
    .todos{
        width: 80%;
        border-radius: 30px;
       border-style: solid;
        border-color:#3F4143;
       
        
    }
    
    .todos1{
         width: 80%;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin-bottom: 1em;
        margin-left: 1em;
       border-style: solid;
        border-color:darkgray;
    
        
    }
    
    .todos2{
            width: 80%;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin-bottom: 2em;
        padding-bottom: 2em;
        padding-left: 20px;
        padding-right: 20px;
       border-style: solid;
        border-color:darkgray;
    
        
    }
    
    .Presentacionbolardos{
        width: 100%;
        display: flex;
        flex-direction:column;
        align-items:flex-end;
        padding-right: 20px;
        padding-left: 20px;
        
    }
    
    .Presentacionbolardos p{
           width: 75%;
        display: flex;
        flex-direction:column;
        align-items:center;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        padding-right: 20px;
        
        
    }
    
    .Presentacionbolardos2{
         width: 100%;
        display: flex;
        flex-direction:column;
        align-items:flex-end;
        padding-right: 20px;
        padding-left: 80px;
        
        
    }
    
    
   #fh5co-aside {
  width: 15%;
z-index: 1;
    position: fixed;
      top: 11.3em;
    

}
    

    
    
    .bolardobala{
              width: 30%;
        height: 280px;
        background-image: url(/images/Bolardos/BolardoBala2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-left: 20px;
        margin-right: 20px;
margin-top: 20px;
        margin-right: 20px;
        
        
    }

    .bolardoinclinado{
              
           width: 40%;
        height: 250px;
        background-image: url(/images/Bolardos/bolardoinclinadocopy%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
         margin-top: 20px;
     margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 20px;
        
        
        
     
        
    }
    
    .bolardopiramide{
         width: 30%;
        height: 230px;
        background-image: url(/images/Bolardos/BolardoPiramide%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        
    }
    
    .bolardotriangular{
             width: 30%;
        height: 230px;
        background-image: url(/images/Bolardos/BolardosTriangular.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        
        
    }
    
    .bolardoolivia{
            width: 30%;
        height: 230px;
        background-image: url(/images/Bolardos/BolardoOliviaLargo%20copy.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        
        
    }
    
    .bolardooliviacorto{
             width: 30%;
        height: 250px;
        background-image: url(/images/Bolardos/BolardoOlivia%20Corto%20copy.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .bolardoesferico{
             width: 50%;
        height: 200px;
        background-image: url(/images/Bolardos/BolardoEsferico.png);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 20px;
     margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    
    }
    
    .bolardotriangularc{
                 width: 40%;
        height: 270px;
        background-image: url(/images/Bolardos/BolardotriangularC.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 20px;
        margin-right: 20px;
       
        
    }
    
    
    .rejilla1{
            width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.200x1200%20abierta%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:40px;
        padding-right: 40px;
        
        
    }
    
    .rejilla1cerrada{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.200x1200%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .rejilla2{
             width: 100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.300x1200%20abierta%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:40px;
        padding-right: 40px;
        
        
    }
    
    .rejilla2cerrada{
          width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.300x1200%20cerrada%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
    }
  
    .rejilla3{
              width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.400x1200%20abierta%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:80px;
        padding-right: 80px;
    
        
        
        
    }
    
    .rejilla4{
               width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Rejilla%20BA%20CC250%20400x1200%20modelo%20R%20con%20bisagra%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 50px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
        
    }
    
    .rejilla5{
           width:100%;
        height: 250px;
        background-image: url(/images/Tapasyrejilla/RejillaCD400.350x1200%20aBIERTA.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .rejilla5cerrada{
           width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD400.350x1200.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
      
    }
    
    .rejilla3cerrada{
             width:100%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/RejillaCD125.400x1200%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
         background-repeat: no-repeat;
        border-radius: 40px;
        padding-left:70px;
        padding-right: 70px;
        
        
        
    }
    
    
    .rejillaavereda{
             width:70%;
        height: 300px;
        background-image: url(/images/Tapasyrejilla/Rejillaveredafp.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .Tapa1{
         width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Tapa610x410.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
    }
    
    .Tapa2{
         width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Tapa%20610x820%20EDENORabierta%20copy.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .tapa3{
          width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/tapa610%20x%201230.png);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 40px;
     margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
      .tapa3B{
          width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Conjuntos%20de%203%20tapas%20CB125.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 40px;
     margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
        .tapa4{
          width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/ArtiplacCB125.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 40px;
     margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
     .tapa4B{
          width:70%;
        height: 200px;
        background-image: url(/images/Tapasyrejilla/Conjunto%20de%204%20tapas%20CB125%20-%20Abierto.jpg);
        background-size: contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center;
        border-radius: 40px;
        margin-top: 40px;
     margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .cazoleta{
           width:70%;
        height: 250px;
        background-image: url(/images/Obras/Cazoleta%20D%201200%20mm%20Lineas.png);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
           background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
        
    }
    
    .holanda{
             width:70%;
        height: 250px;
        background-image: url(/images/Obras/Banco%20Holanda%20frente.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
           background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
        
    }
    
    .holanda2{
               width:70%;
        height: 250px;
        background-image: url(/images/Obras/Cat%20banco%20Holanda%20copy.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
           background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
    }
    
    .holandachico{
                    width:70%;
        height: 250px;
        background-image: url(/images/Obras/holandachico.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
           background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .mendoza{
                        width:70%;
        height: 250px;
        background-image: url(/images/Obras/FP%20cesto%20Mendoza%20con%20tapa%20abierta%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center center;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .plaza{
        width:70%;
        height: 250px;
        background-image: url(/images/Obras/cestoplaza2.png);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    
    .hipolito{
                    width:70%;
        height: 250px;
        background-image: url(/images/Obras/FP%20Cespo%20Hipolito%20Cerrado%20copy.jpg);
        background-size: contain;
        border-radius: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 40px;
        margin-top: 30px;
     margin-bottom: 30px;
        padding-left:70px;
        padding-right: 70px;
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
    .Contenido{
        width: 100%;
         display: flex;
         flex-direction: column;
         align-items: flex-end;
        border-radius: 40px;
        margin-bottom: 2em;
    
          
        
    }
    

    
    .titulo li {
        list-style-type:square;
   
       
    }
    
    .titulo h3{
        font-weight: normal;
        color: #222325;
        font-size: 23px;
        
    }
    
    .titulo {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
        margin-top: 2em;
        padding-left: 16em;
       
    }
    
    
    .titulo2 h3{
        font-weight: normal;
        padding-top: 25px;
        color: #222325;
        font-size: 25px;
    }
    .titulo2{
        align-items: flex-start;
        width: 100%;
        margin-top: 2em;
        padding-left: 16em;
        
    }
    
    .bolardobalatext{
              margin-top: 2em;
            width: 80%;
        font-size: 14px;
        color: #222325;
         line-height: 25px;
        text-align:left;
        margin-left: 20px;
        margin-bottom: 2em;
       
    }
    
    .rejitext{
               margin-top: 1em;
        margin-bottom: 2em;
            width: 80%;
        font-size: 13px;
        color: #222325;
         line-height: 30px;
        text-align:left;
        margin-left: 20px;
       
        
    }
    
    
    .bolardoinclinadotext{
             margin-top: 1em;
        margin-bottom: 1em;
            width: 60%;
        font-size: 14px;
        color: #222325;
         line-height: 25px;
        text-align:right;
        text-indent: 1em;
       
       
      
    }
    
    hr{
        background-color: black;
        width: 80%;
        height: 2px;
    }
    
    .Figuras1{
        display: flex;
        flex-direction: row;
        width: 70%;
        height: 100%;
        padding-right: 20px;
        border-radius: 30px;
        margin-bottom: 20px;
        margin-top: 20px;
       border-style: solid;
        border-color:darkgray;
        margin-right: 40px;
       
      
        
    }
    
    .figuras2{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        
    }
    
    .figurabala{
         width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20bala%20400%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-left: 2em;
        margin-top: 20px;
    }

    .figurainclinado{
           width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20inclinado%20figurin%20copy.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
            
  
    }
    
    .figurapiramidal{
        
            width: 40%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20conico%20400%20figurin%20copy.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
  
        
    }
    
    .figuratriangular {
            width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20600%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
  
        
    }
    
    .figuratriangularcorto{
            width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20400%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
  
        
    }
    
    .figuraolivia{
             width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20olivia%20600%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
  
        
    }
    
    .figuraoliviac{
               width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20triangular%20%20olivia%20400%20figurin%20copy.jpg);
        background-size:contain;
         background-repeat: no-repeat;
        border-radius: 40px;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
  
        
    }
    
    .figuraesferico{
                 width: 30%;
        height: 300px;
        background-image: url(/images/Bolardos/Bolardo%20esferico%20figurin%20copy.jpg);
        background-size:contain;
        border-radius: 40px;
         background-repeat: no-repeat;
        background-position: bottom;
        margin-left: 2em;
        margin-top: 20px;
  
    }
    
   
    .bala{
          width: 50%;
        height: 250px;
        background-image: url(/images/Obras/TRIVUNALES%20B.%20Bala%20y%20Rejilla%20CD%20125%20300x1200.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 2em;
        margin-left: 5em;
        margin-top: 2em;
        
    }
 
    .manzana{
              width: 50%;
        height: 250px;
        background-image: url(/images/landingimage/B.%20Inclinado.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 2em;
        margin-left: 5em;
        margin-top: 2em;
       
        
        
        
    }
    
    .piramidalfig{
               width: 100%;
        height: 250px;
        background-image: url(/images/Bolardos/EsquemaBolardoPiramidal.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 2em;
        margin-top: 2em;
       
        
        
    }
    
    .oliviaesquema{
                 width: 50%;
        height: 250px;
        background-image: url(/images/Bolardos/esquemaolivia%20copy.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 2em;
        margin-left: 2em;
        margin-top: 2em;
       
        
    }
    
    .oliviaesquema2{
                   width: 50%;
        height: 250px;
        background-image: url(/images/Bolardos/esquemaoliviacorto.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 2em;
        margin-left: 2em;
        margin-top: 2em;
       
        
    }
    
    .cortofig{
               width: 70%;
        height: 250px;
        background-image: url(/images/Bolardos/EsquematriangularCorto.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 40px;
        background-position: center  center;
        margin-bottom: 2em;
        margin-left: 2em;
        margin-top: 2em;
       
        
    }
    .esferico{
               width: 50%;
        height: 300px;
        background-image: url(/images/Bolardos/Foto%20bolardo%20esferico.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 2em;
        margin-left: 5em;
        margin-top: 2em;
       
    }
    
    .triangular{
                 width: 50%;
        height: 250px;
        background-image: url(/images/Obras/METROBUS%209%20DE%20JULIO%20B.%20Triangular%202.JPG);
        background-size: cover;
        border-radius: 40px;
        background-position: center bottom;
        margin-bottom: 2em;
        margin-left: 5em;
        margin-top: 2em;
       
        
        
    }

    .extension{
        
                 width: 120%;
        height: 300px;
        background-image: url(/images/Obras/20161219_131816.jpg);
        background-size: cover;
        border-radius: 40px;
        background-position: center;
        margin-bottom: 1em;
        margin-top: 1em;
        margin-left: 8em;
        margin-right: 8em;
    }
    

.contenedor-menu {
	width: 200px;
	display: inline-block;
    border-radius: 10px;
   
    
    
    
    

}

.contenedor-menu .menu {
	width: 200px;
    border-radius: 20px;
 
    
    

}

.contenedor-menu ul {
	list-style: none;
    border-radius: 10px;
    
 
}

.menu li a {
	color:white;
	display: block;
	padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 4px;
    background-color: #222325;
    border-radius: 10px;
    width: 210px;
    border-style: solid;
    font-weight: normal;
    font-size: 14px;
   
    
   
  
}

.contenedor-menu .menu li a:hover {
	background: #269B2B;
	color:#fff;
}

.contenedor-menu .menu .icono {
	font-size: 12px;
	line-height: 15px;
    padding-right: 10px;
}



.contenedor-menu .menu .icono.derecha {
	float: right;
	margin-left: 5px; 
}

.contenedor-menu .menu ul {
	display: none;
}

.contenedor-menu .menu ul li a {
	background: #3F4143;
	color:#e9e9e9;
   
}

.contenedor-menu .menu .activado > a {
	background: #269B2B;
	color:#fff;
}
    
    #productos {
        margin-bottom: 10px;
        font-weight: bold;
    }
  

}
}







    
	
        
    













  



/* ---------------------------------------------------------------------------- */
/* ------------------------------------Button---------------------------------- */
/* ---------------------------------------------------------------------------- */
.btn {
	border-radius: 0;
	outline: none;
	color: #785843;
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;	
	font-size: 13px;
}
a.btn:focus{outline: 0;}

.btn-skin {padding: 9px 24px;color: #fff;background-color: #E94C3F;min-width: 110px;margin-bottom: 10px;}
.btn-skin i.fa{padding-left: 5px;}
.btn-skin:hover, .btn-skin:focus {color: #fff;background-color: #212121;}