/* CSS Document */

body, html {margin-top:0; padding-top:0;}

.banner{
  width:707px;
  height:200px;
  border-bottom:dotted 0.3mm #ccc;
  border-left:dotted 0.3mm #ccc;
  border-right:dotted 0.3mm #ccc;
  float:left;
}
.banner .banner_image{
  float:left;
  width:261px;
  margin-right:20px;
}
.banner .banner_title{
  float:left;
  width:100%;
  margin-bottom:8px;
}
.banner .banner_content{
  float:left;
  width:382px;
  padding-right:5px;
  margin-top:15px;
}
.banner .banner_link{
  float:right;
  margin-right:5px;
}
.banner_related{
  float:left;
  width:160px;
  height:185px;
  padding-top:15px;
  padding-left:15px;
  padding-right:4px;
  border-bottom:dotted 0.3mm #ccc;
  border-right:dotted 0.3mm #ccc;
}
.banner_related_title{
  float:left;
  width:100%;
  margin-top:15px;
  margin-bottom:8px;
}

#bloques_zone{
  position:relative;
  width:890px;
  margin-top:10px;
  margin:10px auto 0 auto;
}
.primer_bloque{
  float:left;
  width:210px;
  margin-left:0;
  border-left:solid 0.3mm #ccc;
}
.bloque{
  float:left;
  width:210px;
  margin-left:15px;
  border-left:solid 0.3mm #ccc;
}
.bloque .bloque_title, .primer_bloque .bloque_title{
  float:left;
  width:198px;
  padding-left:8px;
  margin-bottom:4px;
  font-size:18px;
  font-weight:bold;
}
.bloque .bloque_text, .primer_bloque .bloque_text{
  float:left;
  padding-left:8px;
  font-size:11px;
}
.bloque img, .primer_bloque img{
  margin-top:5px;
}


#banner_cuadros_wrapper{
	float:left;
	position:absolute;
	left:283px;
	top:168px;
	z-index:0;
	width: 446px;

}
.banner_cuadro_active{
  float:left;
  width:15px;
  height:15px;
  padding:2px;
  margin-right:8px;
  text-align:center;
  vertical-align:middle;
  font-size:10px;
  border:Solid 2px #700e05;
  cursor:pointer;
}
.banner_cuadro{
  float:left;
  width:15px;
  height:15px;
  padding:3px;
  margin-right:8px;
  text-align:center;
  vertical-align:middle;
  font-size:10px;
  border:Solid 1px #cccccc;
  cursor:pointer;
}