/* Eliminar márgenes externas e internas*/
	*
	{
	margin:0px;
	padding:0px;
	}

	
	/* Fuentes */
	@font-face {
    font-family:Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);  
    }

    @font-face {
    font-family:Roboto-black;
    src: url(../fonts/Roboto-Black.ttf);
    }

    @font-face {
    font-family:Beindog;
    src: url(../fonts/beindog.ttf);
    }

    @font-face {
    font-family:Roboto-Thin;
    src: url(../fonts/Roboto-Thin.ttf);
    }
     @font-face {
    font-family:Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
    }

      @font-face {
    font-family:Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
    }

      @font-face {
    font-family:Roboto-MediumItalic;
    src: url(../fonts/Roboto-MediumItalic.ttf);
    }


    body,html
    {
    	margin:0px;
    	padding:0px;
    }

#uri{

	font-size: 1.2em;
}


    #col1
    {
    	background-color:#272428;
    	
    	padding-bottom: 10%;
    }

#logointer
	{
		width:200px;height:100px;margin:40px auto 50px auto; margin-left: 170px; margin-bottom: 250px;
	}


#merchandising
{
  font-size: 3em;
  color:white;
  width: 100%;
  text-align: center;
  margin-top: -40px;
  margin-bottom: 50px;
  font-family:Roboto-black;
  line-height: 10px;
  color: #aacb0c;

}



#span-en
{
  
  color:white;
  font-family:Roboto-Thin;
}

#hr-text2
{
         background-color:white;
         height:2px; 
         margin:0px auto 7px auto; 
         width: 20%;
         text-align: center; 
         box-shadow: 3px 3px #000;
         line-height: 10px;

}

#paragrag
{
  margin:60px 180px 60px 180px;
  text-align: justify;
  color:white;
  font-family:Roboto-Light;
}



#yellow-image{background-color: white;
	background-image: url('../img/merchandising.jpg');
	height:350px;background-position:center center;
	background-repeat: no-repeat;background-size: cover;}



/*
#Yellow-image nav
{
  margin: 30px 0px 160px 80px;
  font-family:Roboto-Regular;

}


#Yellow-image nav li 
{
   border:2px solid transparent;
   
}

#Yellow-image nav li a
{
   color:  white;

}


#Yellow-image nav ul li a:hover 
{
   
   border-color: red;
   
}

*/


#text1
{
  font-family:Roboto-Regular;
  color:black;
  font-size:100%;
  margin:0px;
  text-align: justify;
}


#text2
{
  font-family:Roboto-Black;
  color:white;
  margin-left: 20px;
  margin-top: 10px;
  font-size: 2em;
}

/* one */

#h1-culture
{
  color:#aac90c;
  font-family:Roboto-Black;
  margin:30px auto 30px auto;
  text-align: center;
  font-size: 2em;
}

#textproducts
{
  
  font-family:Roboto-Regular;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 10px;
  /*margin-left: 590px;*/
  

}




#h1-organizicional
{
  color: #aac90c;
  font-family:Roboto-Regular;
  font-size: 1em;
  margin-left:auto;
  margin-top:auto;
  text-align: center;

}




#frame
{
  border:2px solid white;
  border-radius:3px;
  margin:20px 20px 30px 18px;
}


#span-ampersandm
    {
        font-family:Roboto-Regular;
        color:#d3d311;
    }

#ol-culture
{
  margin:30px 0px 50px 50px;
  font-family:Roboto-Regular;
}


#casos{background-color:#228896;text-align: center;padding:0px;margin:0px;width:100%;}


.card
{
  margin:50px;
}

.card img
{
  width:320px;
  height:200px;
  border:none;
  box-shadow: 0px 1px 1px 0.5px;
}






 #row-map
    {
        color:white;
        background-color: #3e3a39;
    }

    #col-map
    {
          padding: 50px 0px;background-color:#272423;
    }

    
    #last-row-col1
    {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #3e3a39;
    }

    #h1-servicios-last-row
    {
        font-family:Roboto-Regular;
        text-align: center; 
        letter-spacing: 3px;
        font-size: 110%;
    }

    .row-map .col-map ul
    {
        list-style: none;
    }


    #last-row-col1 #ulmap1
    {
      list-style: none;
    }


    #last-row-col2 ul
    {
      list-style: none;
    }


    #last-row-col2
    {
        padding-top: 50px;padding-bottom: 50px;background-color: #3e3a39;
    }

    #h4-contact-last-row
    {
         font-family:Roboto-Regular;text-align: center; letter-spacing: 3px; font-size: 110%;padding-bottom: 73px;
    }

    #facebook
    {
        font-size: 2em;background-color: transparent;color:#dadc00;
    }

    #emailcontact
    {
        font-family:Roboto-Regular; font-size: 1em; letter-spacing: 3px; color:#dadc00;
    }

    #footer
    {
        background-color: white;height:40px;
    }

    #p-footer
    {
        margin-left:40px;font-family:Roboto-Ligth;
    }

    #span-copy
    {
        color:gray;font-family:Roboto-Medium;font-size:1.5em;padding-top:10px;
    }

    #span-text
    {
        color: gray;font-family:Roboto-Regular;font-size:1em;padding-bottom:10px;
    }






    #logo
    {
        width:200px;height:100px;margin-top:15px;margin-left:200px;
    }




 #ulmap1 li a
    {
        color:white;
        font-family:Roboto-Medium;
        text-decoration: none;

    }

    #ulmap2 li a
    {
        color:white;
        font-family:Roboto-Medium;
        text-decoration: none;

    }

    #ulmap3{
         list-style: none;margin-left: 150px;margin-top: 30px;
    }

    #ulmap3 li a
    {
        color:white;
        font-family:Roboto-Medium;
        text-decoration: none;


    }

    #ulmap1 li a:hover
    {
        color:white;
        
    }

    #ulmap2 li a:hover
    {
        color:white;
        
    }

    #ulmap3 li a:hover
    {
        color:white;
        
    }

    #ulmap1 li:hover
    {
        background-color:#272423;
        
    }

    #ulmap2 li:hover
    {
        background-color:#272423;
        
    }

    #ulmap3 li:hover
    {
        background-color:#272423;
        
    }
    i
    {
        padding:10px;
        background-color: white;
        border-radius: 50%;

    }

    #ulmap1 li span i
    {
        background-color: rgba(0,0,0,0);
        color:yellow;
        font-size: 1em;
    }


    #ulmap2 li a i
    {
        background-color: rgba(0,0,0,0);
        color:yellow;
        font-size: 1em;
    }

    #ulmap3 li i
    {
        background-color: rgba(0,0,0,0);
        color:yellow;
        font-size: 1em;
    }


    #ulmap3 li a:hover
    {
        background-color:#272423;
        color:yellow;
        font-size: 1em;
    }

    #ulmap1 li
    {
        border-bottom: 1px solid gray;
    }

    #ulmap2 li
    {
        border-bottom: 1px solid gray;
    }


    #card-group
    {
      margin-left:20%;
    }

#menu-fixed{background-color:rgba(0,0,0,0);margin:50px 0px;}

#ul-menu-fixed{width:100%;margin:auto;}

#menu-fixed li{border:2px solid transparent;}

#menu-fixed li a{color:#fff;font-family:Roboto-Medium;font-size:100%;}

#menu-fixed li:hover{border-color:#fff;background-color:rgba(0,0,0,0);}

#span-ampersand{color:#d3d311;}

.dropdown-menu{background-color:rgba(34,136,150,0.8);}

.dropdown-menu .dropdown-item{border-bottom:1px solid gray;}

.dropdown-menu .dropdown-item:hover{background-color:rgba(34,136,150,0.8);border-bottom:1px solid #fff;}

#ul-menu-fixed li a i{display: none;}

/*
#navbarNav{margin-left:100px;margin-top: 30px;padding:0px;}

#navbarNav li{border:2px solid transparent;}
   
#navbarNav li a{font-family: Roboto-Medium;color: black;}

#navbarNav li:hover{border: 2px solid black;}

*/

#first-row{height:100%;}


#row-text{background-color:rgba(255,255,255,1);margin-top:50px;font-size:70%;}



#paragrag-products{font-family:Roboto-Thin;width:100%;font-size:2em;color:white;margin:50px auto 30px auto;text-align: center;line-height:0px;}

#span-products{font-family:Roboto-Black;color: white;margin-top:auto;}



/* INICIO GALERIA */
    #capa1{display:none;}
    #capa2{display:none;}
    #capa3{display:none;}
    #capa4{display:none;}


    #link1:hover{background-color:#fff;color:black;}
    #link2:hover{background-color:#fff;color:black;}
    #link3:hover{background-color:#fff;color:black;}
    #link4:hover{background-color:#fff;color:black;}


    #row-gallery{background-color:rgba(170, 203, 12, 1);padding:40px 0px;}

    #column{background-color:rgba(170, 203, 12, 1);}

    

   

    #text-center{border:none;padding: 10px;background-color:transparent;}

    #imagen-gallery-efect{position:relative;padding:0px;width:300px;height:300px;}

    #capa1{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link1{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}


    #capa2{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link2{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

    #capa3{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link3{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

    #capa4{z-index:2;position:absolute;top:0px;left:40px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link4{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

/* FINAL GALERIA */














@media screen and (max-width: 800px)
{
#logointer{width:100px;height:50px;margin:auto;margin-top:50px;}

#merchandising{font-size:100%;margin:20px 0px;}

#paragrag{margin:auto;margin-top: 20px;margin-bottom:20px;padding:10px 20px;font-size:70%;}


#menu-fixed{background-color:rgba(34,136,150,0.8);margin:50px auto;z-index:2;}

#ul-menu-fixed{width:90%;margin:auto;}

#menu-fixed li{border:2px solid transparent;}

#menu-fixed li a{color:#fff;font-family:Roboto-Medium;font-size:80%;}

#menu-fixed li:hover{border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent;background-color:rgba(0,0,0,0);}

#span-ampersand{color:#d3d311;}

.dropdown-menu{background-color:rgba(34,136,150,0.4);}

.dropdown-menu .dropdown-item{border-bottom:1px solid gray;}

.dropdown-menu .dropdown-item:hover{background-color:rgba(34,136,150,0.8);border-bottom:1px solid #fff;}

#ul-menu-fixed li a i{display:none;}

#row-text{background-color:rgba(255,255,255,1);margin-top:50px;font-size:70%;}

#row-products{margin-top:10px;}


#text1{margin-left:0px;margin-top:0px;
}


#h1-culture
{
  
  font-size:80%;
  color: #aac90c;
  font-family:Roboto-Black;
  margin:30px 0px 30px 0px;
  text-align:center;

}




#image-merchandising
{

  margin-left:0px;
  margin-top:5px;
}


table{font-family: ;font-size:70%;}


#casos{background-color:#228896;text-align: center;padding:0px;margin:0px;width:100%;}





#textproducts
{
  font-family:Roboto-Regular;
  text-align: center;
  font-size:70%;
  color: #fff;
  margin-bottom:30px;
  width:100%;
  
  
  

}





#row-map #col-map{padding:20px 0px;margin:0px;}

#row-map #col-map #logo{width:100px;height:50px;margin:20px auto auto 15%;}

#row-map #col-map #ulmap3{margin:20px auto auto 20px;}

#row-map #col-map #ulmap3 li{line-height: 10px;margin-top:-10px;}

#row-map #col-map #ulmap3 li a{font-size:60%;}

#last-row-col1{padding-top: 50px;padding-bottom:10px;background-color:#3e3a39;}

#h1-servicios-last-row{font-size:80%;}

#ulmap1{margin:0px;padding:20px;}

#ulmap1 li a{font-size:70%;}

#last-row-col2{padding-top: 50px;padding-bottom: 50px;background-color: #3e3a39;}



#h4-contact-last-row{font-size:80%;padding:0px 0px 5px 0px;}

#ulmap2{margin:0px;padding:20px;}

#ulmap2 li a{font-size:70%;}

#footer{height:50px;}

#p-footer{margin:auto;}

#span-copy{font-size:100%;padding:5px 0px;}

#span-text{font-size:70%;padding:0px;}


#row-gallery{background-color:rgba(170, 203, 12, 1);padding:0px;}

    #capa1{z-index:2;position:absolute;top:0px;left:18px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link1{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}


    #capa2{z-index:2;position:absolute;top:0px;left:18px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link2{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

    #capa3{z-index:2;position:absolute;top:0px;left:18px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link3{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}

    #capa4{z-index:2;position:absolute;top:0px;left:18px;right:0px;bottom:0px;width:300px;height:300px;
      background-color: rgb(0,161,180,0.9);border: 5px solid white;box-sizing: border-box;}

    #link4{z-index: 3;background-color: rgb(0,161,180,0.9);color:#fff;border-radius:30px;
      font-family:'verdana';border:4px solid #fff;position:absolute;top:41%;bottom:41%;left:25%;right:25%;width: 50%;height:18%;padding-top:10px;padding-bottom: 5px;}




#paragrag-products{font-family:Roboto-Thin;width:100%;font-size:90%;color:white;margin:50px auto 0px auto;text-align:center;line-height:30px;}

#span-products{font-family:Roboto-Black;color: white;margin-top:0px;}


}