.rosado{ background-color:#F99}
.bordello{ border:4px solid #999}
.boxo {border:7px solid #aaa; position:relative; padding:0; margin:0}
.boxo h4{ text-align:center; color:white; font-size:26px; padding:6px 0; background-color: #545658; margin-top:0;font-family:"Times New Roman", Times, serif; border:2px solid white}
.boxo .titubax{ font-size:12px;font-family:"Times New Roman", Times, serif;color:#353132; margin-top:-5px}
.boxo ul { list-style:none; padding:0; margin-top:-10px; margin-bottom:50px;font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:17px; line-height:20px }
.imageprod, .prodetails {position:relative}
 .prodetails{padding:0}
.imageprod img{padding-bottom:10px}
.prodetails a{ display:inline-block;  padding:4px 10px;margin-top:10px;background-color:#545658;color:#fff;font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:19px;  text-decoration:none; }
.prodetails a:hover{background-color:#898789;}
.gris{ background-color: #666}
.lupee{position:absolute; bottom:8px; left:25px; width:25px;height:33px; z-index:4;}
.lupee img { padding-bottom:0 !important}
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
ul#paginare{ margin: 10px auto 5px}
ul#paginare li{display:inline-block; list-style-type:none; height: 30px}
ul#paginare li a{padding:4px 10px; margin:0 4px; background-color: #CCC;color: #333;font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:16px; text-decoration:none}
ul#paginare li a:hover, ul#paginare li a.selected{background-color:#898789; color:white}
.boxo .titubax, .boxo ul { padding-left:0px;position:relative;left:-15px  }
.boxa{
  box-model: border-box;
  border: 2px solid transparent;
  background-clip:padding-box;
  padding:5px
}
.row_7B {
	padding: 30px 0 80px;
	background-image:url(../img/fondomalancosearch.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;

}
p.maquina{ color:#fff;
font-size:22px; font-family:"Times New Roman", Times, serif;
padding-top:14px;
padding-left:1%}

#custom-search-input {
        margin:0;
        margin-top: 8px;
	margin-bottom:8px;
	margin-right:-30px;
        padding: 0;
    }
#custom-search-input .form-control{box-shadow: none;
	font-size:20px;font-family:"Times New Roman", Times, serif;}
#custom-search-input input{ text-indent:5px;  border-radius:0}
#custom-search-input .form-control:focus{border-color:transparent}
 
#custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -33px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        color: #A9AAAB; font-size:1.4em; 
    }
.search-query:focus + button {z-index: 3;   
    }
@media (min-width: 1220px) {
	.boxo .titubax{  margin-top:3px;padding-left:20px;}
	.boxo ul { padding-left:20px; margin-top:5px;  }
 }
@media (min-width: 768px) and (max-width: 991px) {
	.boxo .titubax{  margin-top:3px;padding-left:20px;}
	.boxo ul { padding-left:20px; margin-top:5px; margin-bottom:50px }
 }
@media (max-width: 767px) {
	.numerador a{right:10px;top:10px}
	.boxo .titubax{  margin-top:3px;padding-left:20px;}
.boxo ul { padding-left:20px; margin-top:5px;  }
 }
@media (max-width: 480px) {
	.boxo ul {  margin-bottom:58px }
		 .prodetails{padding:15px}
 }