.icon-search:before { content: "" }
[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }

img.irl100 {  z-index: 100; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; }
img.irl200 {  z-index: 101; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; }
img.irl300 {  z-index: 102; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; }
/*cambiem logo*/
img.irl100 { display: inline; min-width: 30px; max-width: 70px; }
img.irl200 { display: none; }
img.irl300 { display: none; }

#s:focus{ width:8em; opacity:1; border:  1px solid rgba(0,0,0,.9)!important}

@media all and (min-width: 800px) {
/*cambiem logo*/
img.irl100 { display: none; }
img.irl200 { display: inline; min-width: 160px; max-width: 200px; margin:0 10px }
img.irl300 { display: none; }
	/*boto search desplegable*/
#s:focus   {width:8em;border:  1px solid rgba(0,0,0,.9)!important }
}

@media all and (min-width: 1200px) {
#s:focus   {width:8em; border:  1px solid rgba(0,0,0,.9)!important}
/*cambiem logo*/
img.irl100 { display: none;  }
img.irl200 { display: none;  }
img.irl300 { display: inline  ; min-width: 200px; max-width: 350px; margin:0 10px }
}

@media all and (min-width: 1330px) {
#s:focus   {width:8em; border:  1px solid rgba(0,0,0,.9)!important}
}