body {
  margin: 0 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #087060;
  font-size: 12px;
}

input,
select,
textarea {
  border: 1px solid #afd5c8;
}

#Enviar, #solicitud {
  border: 0;
}

img {
  display: block;
}

#container {
  width: 990px;
  margin: 0 auto;
  background: url(../images/bg_head.gif) no-repeat top left;
}

fieldset {
  border: 0;
}

#logo {
  width: 380px;
  float: left;
  display: block;
  padding: 20px 0 0 30px;
}

#sectionsbar {
  width: 570px;
  height:138px;
  float:right;
}


#sectionsbar ul {
  margin: 22px 0 0 32px;
}
#sectionsbar ul li {
  list-style-type: none;
  height: 20px;
}

#sectionsbar a {
  display: block;
  text-decoration: none;
  width: 136px;
  height: 20px;
}

#sectionsbar span {
  visibility: hidden;
}

#sectionsbar .one a {
  background: url(../images/menu1_03.gif) no-repeat;
}

#sectionsbar .one a:hover,
#sectionsbar .one .on {
  background: url(../images/menu2_03.gif) no-repeat;
}

#sectionsbar .two a {
  background: url(../images/menu1_05.gif) no-repeat;
}

#sectionsbar .two a:hover,
#sectionsbar .two .on {
  background: url(../images/menu2_05.gif) no-repeat;
}

#sectionsbar .three a {
  background: url(../images/menu1_06.gif) no-repeat left bottom;
}

#sectionsbar .three a:hover,
#sectionsbar .three .on {
  background: url(../images/menu2_06.gif) no-repeat left bottom;
}

#sectionsbar .four a {
  background: url(../images/menu1_07.gif) no-repeat left bottom;
}

#sectionsbar .four a:hover,
#sectionsbar .four .on {
  background: url(../images/menu2_07.gif) no-repeat left bottom;
}

#sectionsbar .five a {
  background: url(../images/menu1_08.gif) no-repeat left bottom;
}

#sectionsbar .five a:hover,
#sectionsbar .five .on {
  background: url(../images/menu2_08.gif) no-repeat left bottom;
}

#bloque {
  clear: both;
  width: 420px;
  float: left;
}

#bloque #areas {
  background: url(../images/bg_areas.jpg) no-repeat top left;
  width: 420px;
  height: 175px;
  float: left;
}

#areas ul li a {
  padding-left: 10px;
  padding-right: 10px;
}

#bloque #areas ul {
  margin: 0;
}

#areas ul li {
  list-style-type: none;
}

#areas a {
  display: block;
  text-decoration: none;
  height: 20px;
}

#bloque #areas a {
  width: 128px;
}

#areas span {
  visibility: hidden;
}

#bloque #areas .industria a {
  background: url(../images/seccions1_09.jpg) no-repeat left bottom;
}
#areas .industria a {
  width: 80px;
  background: url(../images/industria_hz_off.gif) no-repeat left center;
}
#bloque #areas .industria a:hover {
  background: url(../images/seccions2_09.jpg) no-repeat left bottom;
}
#areas .industria a:hover,
#areas .industria .on {
  background: url(../images/industria_hz_on.gif) no-repeat left center;
}



#bloque #areas .talleres a {
  background: url(../images/seccions1_11.jpg) no-repeat left bottom;
}
#areas .talleres a {
  width: 70px;
  background: url(../images/talleres_hz_off.gif) no-repeat left center;
}
#bloque #areas .talleres a:hover {
  background: url(../images/seccions2_11.jpg) no-repeat left bottom;
}
#areas .talleres a:hover,
#areas .talleres .on {
  background: url(../images/talleres_hz_on.gif) no-repeat left center;
}

#bloque #areas .residuos a {
  background: url(../images/seccions1_12.jpg) no-repeat left bottom;
}
#areas .residuos a {
  background: url(../images/residuos_hz_off.gif) no-repeat left center;
  width: 80px;
}
#bloque #areas .residuos a:hover {
  background: url(../images/seccions2_12.jpg) no-repeat left bottom;
}
#areas .residuos a:hover,
#areas .residuos .on {
  background: url(../images/residuos_hz_on.gif) no-repeat left center;
}


#bloque #areas .oficinas a {
  background: url(../images/seccions1_13.jpg) no-repeat left bottom;
}
#areas .oficinas a {
  background: url(../images/oficinas_hz_off.gif) no-repeat left center;
  width: 75px;
}
#bloque #areas .oficinas a:hover {
  background: url(../images/seccions2_13.jpg) no-repeat left bottom;
}
#areas .oficinas a:hover,
#areas .oficinas .on {
  background: url(../images/oficinas_hz_on.gif) no-repeat left center;
}

#bloque #areas .restauracion a {
  background: url(../images/seccions1_14.jpg) no-repeat left bottom;
}
#areas .restauracion a {
  background: url(../images/restauracion_hz_off.gif) no-repeat left center;
  width: 115px;
}
#bloque #areas .restauracion a:hover {
  background: url(../images/seccions2_14.jpg) no-repeat left bottom;
}
#areas .restauracion a:hover,
#areas .restauracion .on {
  background: url(../images/restauracion_hz_on.gif) no-repeat left center;
}

#bloque #areas #areanovedad a{
  color: #802447;
  font-size: 16px;
  font-weight: light;
}

#areanovedad {
  margin-left: 20px;

}

#areanovedad a {
  float: right;
  display: block;
  padding-top: 2px;
  margin-right: 20px;
}

#areanovedad a:hover {
  text-decoration: underline;
}
#novedades,
#hnovedades {
  background: url(../images/novedades_y_curiosidades.gif) no-repeat top left;
  clear: both;
  padding: 0 34px 0 0;
  margin-left: 30px;
  margin-top: 10px;
  color: #087060;
}

#novedades {
  width: 680px;
}

#hnovedades {
  padding-top: 30px;
  width: 334px;
  font-size: 12px;
}

#novedades .content a,
#hnovedades a,
.info a {
  color: #04a2b9;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 20px;
  background: url(../images/noticia_img.jpg) no-repeat right;
}

.info h2 {
  font-size: 14px;
  color: #802447;
  padding-top: 20px;
  padding-left: 20px;
}

.info strong {
  padding-left: 20px;
  padding-top: 0;
  display: block;
}

.info .arrow {
  margin-left: 20px;
  background: url(../images/doble_flecha.gif) no-repeat center left;
}
.info .desc {
  padding-left: 20px;
}

.info ul {
  padding-top: 5px;
  padding-left: 0;
}

.info ul strong {
  display: inline;
}

#novedades .content div a,
#hnovedades div a {
  background: none;
  color: #087060;
  font-size: 12px;
  font-weight: bold;
}

#hnovedades img {
  padding: 10px 0 10px 20px;
}

#novedades .content a {
  padding-right: 25px;
  margin-right: 10px;
}

#novedades .content li {
  padding-bottom: 5px
}


#novedades .content a:hover,
#hnovedades a:hover {
  font-weight: bold;
  text-decoration: underline;
}

#novedades div {
  color: #087060;
  font-size: 12px;
  font-weight: bold;
}

#portada {
  background: url(../images/background_portada.jpg) no-repeat right;
  width: 570px;
  height: 339px;
  float: right;
}

#bloque #searchbar {
  background: url(../images/searchbar_portada.jpg) repeat-x;
  width: 300px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 100px;
  padding-bottom: 16px;
}

#bloque #searchbar .title {
  padding-left: 10px;
  display: block;
}

#searcher {
  padding-left: 18px;
  width: 270px;
  padding-top: 14px;
}

#searcher b, #searcher p {
  color: #737373;
}

#searcher b {
  font-size: 12px;
  padding-top: 10px;
  display: block;
  color: #737373;
}

#searcher #texto {
  margin-top: 10px;
}

#searcher #boton_buscar {
  border: 0;
  float: left;
  padding-left: 10px;
  margin-top: 8px;
}

#searcher b {
  font-size: 14px;
}

#searcher #texto {
  float: left;
  width: 146px;
}

#searcher p {
  font-size: 11px;
  color: #737373;
}


#searcher input,
#searcher select {
  color: #04a2b9;
  font-size: 12px;
  font-weight: bold;
}

#navbar, #navbarhome {
  clear: both;
  background: url(../images/bg_navbar.jpg) repeat-x;
  border-top: 1px solid #fff;
  padding-left: 20px;
}

#navbarhome {
  padding-bottom: 13px;
  margin:0;
}

#navbar {
  margin-bottom: 20px;
}

#navbarhome #areas {
  padding-top: 14px;
}

#navbar {
  padding-bottom: 20px;
  padding-bottom: 18px;
}

#navbar #areas{
  padding-top: 14px;
}

#navbar ul {
  float: left;
}

#navbar #areas ul li,
#navbarhome #areas ul li {
  float: left;
}

#navbar .title,
#navbarhome .title {
  padding-left: 10px;
  padding-right: 30px;
  float: left;
  padding-top: 3px;
}

#navbarhome #areanovedad {
  display: none;
}

#footer {
  background: #ededed;
  clear: both;
  color: #087060;
  font-size: 11px;
  padding: 10px 20px 10px 10px;
  text-align: right;
  height: 11px;
}

#footer a {
  color: #087060;
  font-size: 11px;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer .bg {
  background: #ededed url('/images/logo_footer.jpg') no-repeat right;
  width: 20px;
  height: 11px;
  float: left;
  padding-left: 465px;
  padding-top: 3px;

}

#separator {
  clear: both;
}

#toolbar {
  width: 300px;
  float: right;
}

#cart h2 {
  font-size: 13px;
  font-weight: light;
  background: url('/images/bg_head_cart.jpg') repeat-x;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  width: 190px;
}

#cart #list,
#solArticulos,
#solinfo {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 15px;
}

#cart #list {
  margin-bottom: 15px;
}

#solArticulos .cancel {
  padding-left: 20px;
}

#cart #list {
  padding: 20px;
  background: #efefef;
  width: 180px;
}

#cart #list #solicitud,
#solArticulos #solicitud {
  margin-top: 15px;
}

#solArticulos fieldset,
#solinfo fieldset {
  border: 5px solid #EDEDED;
  padding: 10px;
  width: 450px;
  margin-bottom: 10px;
  background: #F4FAF8;
}

#solArticulos .content{
  padding-left: 30px;
  padding-top: 20px;
  width: 500px;
}

#solArticulos fieldset label,
#solinfo fieldset label {
  width: 60px;
  display: block;
  float: left;
  padding-top: 11px;
  padding-right: 5px;
  clear: left;
  text-align: right;
}

#solArticulos fieldset input,
#solinfo fieldset input {
  margin-top: 5px;
}

#solArticulos fieldset .input,
#solinfo fieldset .input {
  width: 370px;
}

#solArticulos .title {
  padding-left: 30px;
}

.errors {
  color: #f00;
}

#solArticulos .errors {
  color: #f00;
}

#solArticulos .errors li {
  padding-left: 10px;
}

#results {
  width: 650px;
  clear: both;
  float: left;
  padding-bottom: 15px;
}

.articulo {
  border: 1px solid #dde6eb;
  margin-left: 40px;
  margin-bottom: 2px;
  background: #fff
}

.articulo .photo {
  padding: 20px;
  float: left;
}

.articulo .photo img {
  width: 100px;
  height: 100px;
}

.articulo .info {
  border: 0;
  float: right;
  width: 465px;
  height: 140px;
  background: #fff url(../images/bg_details.jpg) repeat-x;
}

.articulo .actions {
  position: relative;
  top: 15px;
  right: 5px;
  float: right;
  clear: both;
}

.articulo .relacionados {
  border-top: 1px solid #cfcfd1;
  background: #efefef;
  padding: 20px;
  padding-top: 7px;
  padding-bottom: 14px;
}

.articulo .relacionados li {
  padding-left: 15px;
  background: url(../images/doble_flecha.gif) no-repeat center left;
  z-index:1;
  position: relative;
}

#info h1,
#info h2,
#info h3,
#info h4,
#info h5,
#info h6,
#info h7 {
  font-weight: bold;
}

#info {
  color: #026d59;
}

#info .left {
  padding: 20px;
  padding-right: 40px;
  padding-left: 40px;
  float: left;
}

#info .center {
  width: 482px;
  float: left;
  padding-bottom: 15px;
}

#info .right {
  float: right;
}

#info .right h3{
  padding-left: 20px;
  padding-top: 10px;
  display: block;
}

#info .right .title{
  padding: 0;
  width: 200px;
}

#info .right #searcher {
  padding: 10px 0px 20px 20px;
}

#info .right #searcher .left {
  padding: 0;
  padding-right: 20px;
}

#info .right #searcher #buscar {
  margin-top: 4px;
  border: 0;
}

#buscar {
  border: 0 ;
}

#info .title,
#infoproveedores .title {
  padding-left: 30px;
}

#infoproveedores .content {
  padding: 30px;
  padding-top: 0;
  padding-bottom: 0;
}


#quienes_somos,
#contacto {
  width: 600px;
  padding-left: 30px;
  padding-bottom: 20px;
}

#contacto {
  float: left;
}

.dir-contacto {
  padding-top: 15px;
  float: right;
  width: 150px;
}
#quienes_somos {
  margin: 0 auto;
}

#contacto .input {
  width: 360px;
}

#quienes_somos p {
  padding: 5px;
}

.title {
  color: #802447;
  font-size: 16px;
  font-weight: light;
}

.pagination {
  float: right;
  padding-bottom: 5px;
}

.pagination_ {
  float: right;
  padding-bottom: 5px;
  display: block;
  clear: both;
}

.pagination ul {
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  top: -6px;
}

.pagination li {
  list-style-type: none;
  display: inline;
  padding: 3px 0;
  margin: 0;
}

.pagination a,
.pagination li span {
  top: 1px;
}

.pagination a,.pagination  a:visited {
  padding: 1px 3px;
  border: 1px solid #b9c2d5;
  text-decoration: none;
  color: #1160c6;
  font-weight: bold;
  background: #fff;
  position: relative;
}

.pagination a:hover,.pagination a:active {
  border: 1px solid #b9c2d5;
  color: #fff;
  background-color: #802447;
}

.pagination .arrow,.pagination .arrow:visited {
  border: 0;
  background: #f0eff0;
}

.pagination .arrow:hover,.pagination .arrow:hover {
  color: #fff;
  background-color: #b74e10;
  border: 0;
}

.pagination li span {
  font-weight: bold;
  padding: 1px 3px;
  border: 1px solid #b9c2d5;
  background-color: #b74e10;
  color: #fff;
}

.pagination li.disabledpage {
  padding: 0 3px;
  font-weight: bold;
  border-style: none;
  color: #848484;
}

.pagination li.nextpage {
  border-style: none;
  font-weight: bold;
}

* html .pagination li.currentpage,* html .pagination li.disablepage {
  margin-right: 3px;
  padding-right: 0;
}

.summary {
  margin-left: 40px;
  margin-bottom: 2px;
  padding-top: 6px;
  padding-bottom: 1px;
  padding-left: 20px;
  padding-right: 10px;
  color: #802447;
  font-size: 14px;
  font-weight: bold;
  background: #efefef url(../images/bg_results.jpg) repeat-x bottom;

}

.summary p {
  float: left;
  display: block;
}

#cnovedad {
  width: 700px;
  float: left;
  margin-right: 30px;
}

#hnovedad {
  font-size:20px;
  color: #802447;
  padding: 10px;
  background: #f3f9f7;
  border-bottom: 2px solid #ededed;
  width: 651px;
  padding-left: 20px;
}

#novedad {
  border-bottom: 5px solid #ededed;
  padding: 10px;
  width: 650px;
  margin-bottom: 10px;
  background: #f4faf8;
  padding-bottom: 30px;
  padding-left: 20px;
}

#novedad strong {
  font-size:18px;
  padding-bottom: 10px;
  display: block;
}

#novedad p {
  clear: both;
}

#novedad div {
  padding: 20px;
  padding-top: 0;
}

#novedad .photo {
  padding-bottom: 10px;
  float: right;
}

#novedad .photo p {
  padding-top: 10px;
  display:block;
  font-weight: bold;
  color: #087060;
}

#map {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#backhome {
  padding-top: 10px;
  font-size: 11px;
  font-weight: bold;
  padding-left: 3px;
  font-family: Arial;
}

#backhome img {
  float: left;
  padding-right: 3px;
}

#backhome a {
  text-decoration: none;
  color: #087060;
}

.select-box {
  border:0;
  margin-top: 4px;
}

.select-box select {
  width: 216px;
  margin: 2px 0 2px 0;
}