/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
  color: #d7d7d7;
  line-height: 19px;
  margin: 0 0 20px 0; }
  .content_scene_cat .content_scene_cat_bg {
    padding: 0px; }
    .content_scene_cat .content_scene_cat_bg .cat_desc {
      z-index: 2;
      position: absolute;
      top: 0;
      padding: 40px; }
      @media (max-width: 999px) {
        .content_scene_cat .content_scene_cat_bg .cat_desc {
          padding: 20px; } }
      @media (max-width: 767px) {
        .content_scene_cat .content_scene_cat_bg .cat_desc {
          display: none; } }
    .content_scene_cat .content_scene_cat_bg p {
      margin-bottom: 0; }
    .content_scene_cat .content_scene_cat_bg a {
      color: #fff; }
      .content_scene_cat .content_scene_cat_bg a:hover {
        text-decoration: underline; }
    .content_scene_cat .content_scene_cat_bg .content_scene {
      color: #777; }
      .content_scene_cat .content_scene_cat_bg .content_scene a {
        color: #777; }
        .content_scene_cat .content_scene_cat_bg .content_scene a:hover {
          color: #515151; }

.cat_desc_container {
  border: 1px solid #dddddd;
  padding: 15px;
  margin-bottom: 20px; }
  @media (max-width: 999px) {
    .cat_desc_container {
      padding: 10px; } }

/* ************************************************************************************************
									Sub Categories Styles
************************************************************************************************ */
#subcategories p.subcategory-heading {
  font: 12px/14px "Open Sans", sans-serif;
  color: #555454;
  border-bottom: 1px solid #dddddd;
  text-transform: uppercase;
  padding: 6px 5px 10px 0px;
  margin-bottom: 20px;
  margin-top: 0px; }
#subcategories ul li {
  text-align: center;
  margin-bottom: 10px; }
  #subcategories ul li h5 {
    overflow: hidden;
    height: 20px;
    margin-top: 4px;
    line-height: 20px;
    margin-bottom: 0px; }
  #subcategories ul li .subcategory-image a {
    display: block; }
    #subcategories ul li .subcategory-image a img {
      max-width: 100%;
      margin: 0 auto;
      vertical-align: top; }
  #subcategories ul li .cat_desc {
    display: none; }


/* ************************************************************************************************
                  Añadido por PYMING
************************************************************************************************ */

.cat_img_bg{
 margin-top:-10px; 
 border:1px solid #F0F0F0;
 float:right; 
 padding:1px 10px; 
 background:#fff;
 max-height:30px;
}

.subcat_container {
  border: 1px solid #dddddd;
  padding: 15px;
  margin-bottom: 20px; }
  @media (max-width: 999px) {
    .subcat_container {
      padding: 10px; } }
.subcat_container:hover{
  z-index:999;
  border:1px solid #f97b21;
  background:#f0f0f0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all  ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.subcat_container img{
  transform: scale(1);
  -moz-transform: scale(1); 
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -webkit-transition: all ease 0.9s;
  -moz-transition: all  ease 0.9s;
  -o-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  transition: all ease 0.9s;
}
.subcat_container:hover img{
  transform: scale(0.9);
  -moz-transform: scale(0.9); 
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform: scale(0.9); /* Safari and Chrome */
  -webkit-transition: all ease 0.5s;
  -moz-transition: all  ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.recuadro{
  border:1px solid #a0a0a0; 
  margin-top:3px;
  padding:5px;
}

.warning {
    margin: 10px 0;
    padding: 10px;
    border: 2px solid #f97b21;
    box-shadow: 0 3px 5px #999;
    font-size: 13px;
    background: #f0f0f0;
    clear: both;


/* ************************************************************************************************
                  Añadido por PYMING
************************************************************************************************ */

    
/*GP  block top search */
*:focus {outline: none;}
#search_block_top {
  position:absolute;
  right: 0;
  top: 70px;
  width: 289px;
  z-index: 99;
  height: 30px;
  background-color:rgba(255,255,255,0.1);
  border:1px solid #c0c0c0;
}
#search_block_top p {padding:0;}
#search_block_top #search_query_top {
  border: 0;
    height: 30px;
    padding: 0;
    width: 75%;
  box-shadow:none;
color:#c0c0c0;
  background:transparent;
position:relative;
top:18px;

}
#search_block_top .button {
  background: url("img/bg-search.png") no-repeat scroll right center transparent;
    border: medium none;
    border-radius: 0 0 0 0;
   float: right;
    height: 30px;
    margin: 18px 0px 0 0;
    padding: 0;
  text-indent: -9999px;
    width: 3.5em;
}
@media (max-width: 640px){  
  #search_block_top .button {
  width: 3.1em;
  }
}
@media (max-width: 520px){  
  #search_block_top .button {
  width: 2.5em;
  }
}
#search_block_top .button:hover {
  background: url("img/bg-searchhover.png") no-repeat scroll right center transparent;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all .3s ease-out; 
-moz-transition: all .3s ease-out; 
-o-transition: all .3s ease-out; 
transition: all .3s ease-out;
}

#searchbox{ margin-top:-18px;}
#searchbox label{
  text-indent: -9999px;
}
#search_block_top #search_query_block{
  border: 1px 0px solid #CCCCCC;
  -webkit-border-radius:0px !important;
  -moz-border-radius:0px !important;
  border-radius:0px !important;
  height:20px;
  margin-top:18px;
  width:70%;
  background:none transparent !important;
  border:0;
}
#searchbox #search_button{padding: 1px 4px;}

/*GP Buscador en categorias*/
#search_special{
display:inline-block;
float:left;
width:100%;
/*si es para level_depth3 margin:-20px 0 5px;*/
/*level _depth 4*/margin:5px 0 13px;
background:#fff;
border-bottom: 3px solid #f97b21;
}
#nav_search{
display:inline-block;
border:0px solid #f97b21;
padding: 5px;
text-align: center;
text-transform: uppercase;
background:none;
color:#f97b21;
font-weight:bold;
width:46%;
}
#nav_search h3{
  display:inline;
    font-size: 16px;
    line-height: 20px;
    padding:0;
    color:#f97b21;
    text-align:left;
}
#nav_category{
display:inline-block;
border:0px solid #fff;
padding: 10px 5px;
margin-top:9px;
text-align: center;
text-transform: uppercase;
background:#f97b21;
color:#fff;
font-weight:bold;
width:46%;
}
#nav_category h3 {
    font-size: 16px;
    line-height: 20px;
    padding:0;
    }
#search_category {
  position:relative;
  width: 50%;
  z-index: 99;
  height: 30px;
  background-color:rgba(255,255,255,0.9);
  border:1px solid #c0c0c0;
  margin:5px 0 20px;
  float:right;
}
#search_category p {padding:0;}
#search_category #search_query_category {
  border: 0;
    height: 30px;
    padding: 0;
    width: 75%;
  box-shadow:none;
  color:#a0a0a0;
  background:transparent;

}
#search_category .button {
  background: url("img/bg-search.png") no-repeat scroll right center transparent;
    border: medium none;
    border-radius: 0 0 0 0;
   float: right;
    height: 30px;
    margin: 0px 0 18px;
    padding: 0;
  text-indent: -9999px;
    width: 50px;
}
#search_category .button:hover {
  background: url("img/bg-searchhover.png") no-repeat scroll right center transparent;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all .3s ease-out; 
-moz-transition: all .3s ease-out; 
-o-transition: all .3s ease-out; 
transition: all .3s ease-out;
}
#searchbox_category{ margin-top:-10px;}


