/* Reset
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a {
	color: #005888;
}

a:hover {
	text-decoration: none;
}

/* Maqueta a tres columnas 
----------------------------------------------- */
body {
	background-color: #005888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #005888;
	line-height: 5px;
}

div#left {
	width:50%;
	height: 532px;
	background: url(../images/bg_izq.png) repeat-x;
	float:left;
}

div#right {
	width:49.9%;
	height: 532px;
	background: url(../images/bg_der.png) repeat-x;
	float:right;
}

div#todo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

div#content {
	width:960px;
	position:relative;
	background: url(../images/bg_conte.png);
	left:50%;
	margin-left:-480px;
	height: 532px;
	background-color: #CCE5F1;
}

/* Cabecera 
----------------------------------------------- */
div#cabecera {
	width: 960px;
	height: 164px;
	background: url(../images/bg_cabec.jpg);
}

/* Pie 
----------------------------------------------- */
div#pie {
	height: 24px;
	width:100%;
	background: url(../images/bg_pie.gif) repeat-x #005888;
	clear:both;
}

div#copypow {
	width: 770px;
	height: 24px;
	margin: 0 auto 0 auto;
}

div#copypow p.copypow {
	font-size: 9px;
	color: #FFFFFF;
	float: left;
	line-height: 33px;
}

div#copypow p.reemplazado {
	position: relative;
	z-index: 1;
	float: right;
	margin-top:11px;
}

div#copypow p.reemplazado a {
	background: url(../images/avanza.gif) no-repeat top;
	display: block;
	width: 160px;
	height: 15px;
}

div#copypow p.reemplazado a:hover {
	background-position: bottom;
}

div#copypow p.reemplazado a span {
	position: absolute;
	display: none;
}

/* Cuerpo 
----------------------------------------------- */
div#ladoi {
	width: 122px;
	height: 308px;
	float: left;
	background: url(../images/lado_iz.jpg) no-repeat;
}

div#ladod {
	width: 165px;
	height: 308px;
	float: right;
	background: url(../images/lado_d01.jpg) no-repeat;
}

div#banners {
	width: 195px;
	height: 316px;
	float: left;
	background: url(../images/bg_banne.jpg);
}

div#cuerpo {
	width: 478px;
	height: 308px;
	float: left;
}

/* Presentacion, evolucion y calidad
----------------------------------------------- */
div#solapa0 {
	width: 478px;
	height: 28px;
	float: left;
	background-image: url(../images/bg_sola2.png);
}

div#solapa0 img.izq {
	margin-top: 8px;
	margin-left: 10px;
	float: left;
}

div#solapa0 img.der {
	margin-top: 8px;
	margin-right: 10px;
	float: right;
}

.fichac {
	width: 478px;
	height: 280px;
	float: right;
}

#fichpre{
	background: url('../images/bg_fich2.jpg');
}

#fichevo{
	background: url('../images/bg_fich3.jpg');
}

#fichcal{
	background: url('../images/bg_fich4.jpg');
}

#fich5{
	background: url('../images/bg_fich5.jpg');
}

.textoc {
	width: 250px;
	height: 150px;
	margin: 0 0 0 15px;
	line-height:14px;
	float: left;
}

.textoc p {
	font-size: 10px;
	line-height: 12px;
	color: #005888;
	width: 240px;
	margin: 10px auto 10px auto;
}

.fichac img.izq {
	margin-left: 7px;
	float: left;
}

#quilla {
	height: 34px;
	width: 478px;
	background: url(../images/bg_pest.png) no-repeat;
	clear:both;
}

/* Promociones
----------------------------------------------- */
div#solapa {
	width: 478px;
	height: 28px;
	float: left;
	background-image: url(../images/bg_solap.png);
}

div#solapa .izq {
	margin-top: 7px;
	margin-left: 10px;
	float: left;
}

div#solapa .der {
	margin-top: 8px;
	margin-right: 32px;
	float: right;
}

div#ficha {
	width: 478px;
	height: 280px;
	background: url(../images/bg_ficha.png);
	float: left;
}

div#ficha .izq {
	margin-left: 7px;
	float: left;
}

div#ficha h2{
	font-size:12px;
	margin-left: 15px;
}

#texto {
	background: url(../images/bg_texto.jpg) no-repeat;
	width: 290px;
	height: 270px;
	margin: 0;
	float: left;
	overflow: auto;
}

div#texto .linea3 {
	background: url(../images/bg_line3.gif) repeat-x center;
	margin: 0 auto 0 auto;
	width: 240px;
	height: 20px;
}

div#texto p {
	font-size: 10px;
	line-height: 12px;
	color: #005888;
	width: 240px;
	margin: 10px auto 10px auto;
}

/* Lenguetas
----------------------------------------------- */
div#menupro{
	width: 478px;
	height: 34px;
	float: left;
}

div#menupro ul {
	width: 411px;
	list-style: none;
	line-height: 14px;
	float: right;
	margin: 17px 1px auto auto;
}

div#menupro li {
	width: 66px;
	float: left;
	margin: 0 7px 0 7px;
}

div#menupro a {
	display: block;
	width: 66px;
	height: 14px;
}

div#menupro p.activo {
	display: block;
	width: 66px;
	height: 14px;
}

div#menupro a:hover {
	background-position: bottom;
}

.preoff{
	background: url(../images/bg_pest0.png);
}

.preon{
	background: url(../images/bg_pest1.png);
}

.plaon{
	background: url(../images/bg_pest2.png);
}

.calon{
	background: url(../images/bg_pest3.png);
}

.locon{
	background: url(../images/bg_pest4.png);
}

.conon{
	background: url(../images/bg_pest5.png);
}

#promopre_es {
 	background-image: url(../images/menupro1_es.gif);
}

#promopre_en {
 	background-image: url(../images/menupro1_en.gif);
}

#promopla_es {
 	background-image: url(../images/menupro2_es.gif);
}

#promopla_en {
 	background-image: url(../images/menupro2_en.gif);
}

#promocal_es {
 	background-image: url(../images/menupro3_es.gif);
}

#promocal_en {
 	background-image: url(../images/menupro3_en.gif);
}

#promoloc_es {
 	background-image: url(../images/menupro4_es.gif);
}

#promoloc_en {
 	background-image: url(../images/menupro4_en.gif);
}

#promocon_es {
 	background-image: url(../images/menupro5_es.gif);
}

#promocon_en {
 	background-image: url(../images/menupro5_en.gif);
}

/* Promociones finalizadas
----------------------------------------------- */
.proreal {
	background: url(../images/bg_promo.png) no-repeat;
	width: 460px;
	float: left;
	margin:0 0 7px 5px;
}

.proreal img.log {
	float: left;
	margin-top:4px;
}

.proreal img.fot {
	margin: 4px 1px 4px 1px;
	float: left;
}

.proreal p {
	float: left;
	width: 195px;
	margin: 7px 5px 5px 5px;
	line-height:14px;
}

div#ficha a {
	font-weight: bold;
	color: #005888;
	text-decoration:none;
}

div#ficha a {
	font-weight: bold;
	color: #005888;
	text-decoration:none;
}

/* Noticias y contacto
----------------------------------------------- */
div#solapa2 {
	width: 478px;
	height: 28px;
	float: left;
	background-image: url(../images/bg_sola3.png);
}

div#solapa2 .izq {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

/* Noticias
----------------------------------------------- */
.noticias {
	width: 470px;
	height: 270px;
	margin: 0 4px 0 0;
	float: left;
	overflow:auto;
}

.noticias a {
	text-decoration:none;
	font-weight: bold;
	color: #005888;
}

.noticias a:hover {
	text-decoration:underline;
}

.fotito {
	float:left;
	margin-left: 10px;
	width:120px;
	height:90px;
}

.foto {
	float:left;
	margin-left: 10px;
	width:160px;
	height:120px;
}

.noticia {
	width: 300px;
	background-image: url(../images/bg_notic.png);
	background-repeat: no-repeat;
	padding: 10px 10px 0 10px;
	float: left;
}

.noticia p {
	font-size: 10px;
	line-height: 12px;
	color: #005888;
}

.linea4 {
	width: 430px;
	height:15px;
	margin: 0 auto 0 auto;
	background: url(../images/bg_line4.gif) repeat-x center;
	clear:both;
}

.linea6 {
	width: 260px;
	height:15px;
	margin: 0 auto 0 auto;
	background: url(../images/bg_line4.gif) repeat-x center;
	clear:both;
}

.noticia2 {
	width: 260px;
	background-image: url(../images/bg_notic.png);
	background-repeat: no-repeat;
	padding: 10px 10px 0 10px;
	float: right;
}

.noticia2 p {
	font-size: 10px;
	line-height: 12px;
	color: #005888;
}

/* Contacto
----------------------------------------------- */
.fichizq {
	width: 181px;
	height: 270px;
	float: left;
}
.fichizq p {
	font-size: 10px;
	line-height: 12px;
	color: #005888;
	margin: 10px;
	height: 90px;
}
.fichizq img {
	margin: 0 0 0 4px;
}
.txtform {
	width: 286px;
	height: 270px;
	float: right;
}
.txtform p {
	font-size: 10px;
	line-height: 12px;
	color: #005888;
	margin: 8px;
}
.celdacampo {
	width: 213px;
	height: 19px;
	background: url(../images/bg_campo.gif) no-repeat;
	padding: 1px;
}
.campos {
	width: 209px;
	height: 12px;
	font-size: 10px;
	color: #006699;
	padding: 0 2px 0 2px;
	border-width: 0px;
	border-style: none;
}
.celdaarea {
	width: 213px;
	height: 69px;
	background: url(../images/bg_area.gif) no-repeat;
	padding: 1px;
}
.area {
	border: none;
	width: 209px;
	height: 61px;
	font-size: 10px;
	color: #006699;
	padding: 0 2px 0 2px;
	border-width: 0px;
	border-style: none;
}

#error {
	color: #FF0000;
}

/* Estilos comunes
----------------------------------------------- */
.imgsup {
	margin: 5px auto auto;
}

.parrafo {
	margin-bottom:3px;
}