/* Home */

#avisos {
  width: 220px;
  
  margin-right: 20px;  
  
  float: left;
}




#productos {
  width: 700px;  
  
  float: right;
}




#avisos #login-bel {
  width: 220px;
  height: 232px;
  
  background-image: url(../images/bg-bel-home-es.gif);
  background-repeat: no-repeat;
  background-position: left top;
}


#avisos #login-bel-en {
  width: 220px;
  height: 232px;
  
  background-image: url(../images/bg-bel-home-en.gif);
  background-repeat: no-repeat;
  background-position: left top;
}


#avisos #login-bel ul,
#avisos #login-bel-en ul {
  margin: 60px 0 0 20px;
  padding: 0;
  list-style-type: none;
}

#avisos #login-bel ul li,
#avisos #login-bel-en ul li {
  margin: 0 0 7px 0;
  padding: 2px 0 3px 27px;
  
  background-image: url(../images/icon-bullet-bel.png);
  background-repeat: no-repeat;
  background-position: left top;
  
  line-height: 1;
}


#avisos #login-bel p, 
#avisos #login-bel-en p {
  margin: 0 0 4px 0;
  padding: 0;
  
  text-align: center;
  line-height: 1;
}






#avisos #login-bel p.acceder,
#avisos #login-bel-en p.acceder {
  width: 119px;
  height: 37px;
  
  margin: 15px auto 7px;
}


#avisos #login-bel p.acceder a {
  width: 119px;
  height: 37px;
  background-image: url(../images/btn-acceder-bel.png);
  background-position: center center;
  background-repeat: no-repeat;  
  display: block;
}

#avisos #login-bel-en p.acceder a {
  width: 119px;
  height: 37px;
  background-image: url(../images/btn-acceder-bel-en.png);
  background-position: center center;
  background-repeat: no-repeat;  
  display: block;
}


#avisos #login-bel p.acceder a span,
#avisos #login-bel-en p.acceder a span {
  display: none;
}






#avisos #login-bel p a,
#avisos #login-bel-en p a {
  color: #333;
  font-size: 11px;
  text-decoration: underline;
}












#listado-productos {
  color: #333;
  background-image: url(../images/bg-productos-servicios-bottom.gif);
  background-repeat:no-repeat;
  background-position: left bottom;
}


#listado-productos h3 {
  height: 23px;
  
  padding: 7px 0 0 12px;
  
  background-image: url(../images/bg-productos-servicios-top.gif);
  background-repeat:no-repeat;
  background-position: left top;
  
  font-weight: normal;
}


#listado-productos a,
#listado-productos a strong {
  color: #285BAC;
  text-decoration: none !important;
}


#listado-productos a:hover,
#listado-productos a:hover strong {
  color: #285BAC;
  text-decoration: underline !important;
}


.ver-todos {
  margin: -38px 10px 0 0;
}

.ver-todos a {
  font-size: 0.9em;
}





#listado-productos h4 {
  margin: 0 0 10px 0;
  padding: 0 0 5px 20px;
  border-bottom: 1px solid #ccc; 
  
  color: #cc0000;
  background-image: url(../images/icon-hojas.png);
  background-position: left top;
  background-repeat: no-repeat;
  
  line-height: 1;
}


#listado-productos ul {
  margin: 0 0 0 10px;
  padding: 0;
}


#listado-productos ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 12px;
  
 /* background-image: url(../images/icon-bullet-triangulo.gif);
  background-repeat: no-repeat;
  background-position: left 5px;*/
  
  list-style-type: none;
}




.ie7 h5.one {
 margin-bottom: -15px;
}



.col {
  width: 238px;
  min-height: 160px;
  margin: 0 0 15px 15px;
  padding: 0 15px 0 0;
  border-right: 1px solid #e4e4e4;
  float: left;
}


.col.first {
  margin: 0;
  margin-left: 10px;
}


.col.last {
  width: 130px;
  padding-right: 0;
  border-right: 0;
}







#quickbar {
  height: 65px;
  
  margin: 5px 0 0 0;
  padding: 1px;
  
  background-image: url(../images/bg-quickbar.gif);
  background-position: left top;
  background-repeat: no-repeat;
}


#quickbar .col {
  width: 200px;
  height: auto;
  min-height: 1px;
  
  margin: 0;
  padding: 0 10px 0 20px;
  border-right: 1px solid #ccc;
 
}

#quickbar .col.last {
  padding-right: 0;
  border: 0;
}



#quickbar h5 {
  margin: 10px 0 4px 0;
  padding: 0;
  
  line-height: 1;
}








.stepcarousel{
 position: relative; /*leave this value alone*/
 overflow: scroll; /*leave this value alone*/

 width: 220px; /*Width of Carousel Viewer itself*/
 height: 110px; /*Height should enough to fit largest content's height*/
 margin: 0;
 padding: 0;
}

.stepcarousel .belt{
 position: absolute; /*leave this value alone*/
 left: 0;
 top: 0;

 margin: 0;
 padding: 0;
}

.stepcarousel .panel{
 float: left; /*leave this value alone*/
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin: 10px; /*margin around each panel*/
 width: 220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

 margin: 0;
 padding: 0;
}



#mygallery-paginate {
  width: 213px;
  height: 23px;
  
  margin: 0 0 17px 0;
  padding: 2px 7px 0 0;
  
  background-image: url(../images/bg-carrusel.gif);
  background-position: left top;
  background-repeat: no-repeat;
  
  text-align: right;
}

#mygallery-paginate a {
  margin: 0 0 0 9px;
  float: left;
}