@CHARSET "UTF-8";

.gifani { position: absolute;}
.gifani2 { position: relative;}

body { 
	/*background-image: url(../img/fondo.jpg);*/
	font: 14px/20px Arial,  Helvetica, sans-serif;
	background-color: #edeade;
	color: #535351;

}

img {border:none;}

h1 {
	color: #636F07;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

h2 {
	color: #636F07;
	font-size: 18px;
	font-weight: bold;
}


h4 {
	color: #636F07;
	font-size: 16px;
	font-weight: bold;
	display: block;
}
h3 {
	color: #636F07;
	font-size: 14px;
	display: block;
}

.left {
	text-align: left;
	color: #535351;
	font-size: 15px;
}

.right {
	text-align: right;
	color: #535351;
	font-size: 15px;
}
.centrado {
	text-align: center;
}

p {
	color: #535351;
	font-size: 15px;
	line-height: 22px;
}

.parra {
	color: #535351;
	font-size: 15px;
	line-height: 22px;
}

td 	 {
	color:  #535351;
	font-size: 14px;
}

a {outline:0;
	color: #636F07;
	text-decoration: none;
}

.cond {
	font-size: 12px;
	line-height: 22px;
	color: #535351;
}

.campo {
	font-family: Arial,  Helvetica, sans-serif;
	 letter-spacing: 1px; 
	 color: #535351; 
	 width: 230px;	
	 height: 32px; 
	 font-size: 14px;
	 background-color: white;
	 border-width: 0; 
	 float:left;
}


.campotextarea {
	font-family: Arial,  Helvetica, sans-serif;
	 letter-spacing: 1px; 
	 color: #535351; 
	 width: 230px;	
	 height: 40px; 
	 font-size: 14px;
	 background-color: white;
	 border-width: 0; 
	-ms-border-radius: 7px;  
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;  
	-khtml-border-radius: 7px;
	float:left;
	display: inline;
}

#margen {
width : 640px;
margin-left : 40px;
margin-top : 30px;
float : left; 
position : relative;

}


#espacio {
	width : 35px;
	height : 20px; 
	float : left;
}
#espacio640 {
	width : 640px;
	height : 20px; 
	float : left;
}


#espaciolistado {
	width : 650px;
	height : 20px; 
	float : left;
}
#espacioaut {
	width : 12px;
	height : 194px; 
	float : left;
	border: 1px solid #ADB379;

}

#all{
	left : 50%;
	width : 980px;
	margin-left : -490px;
	position : absolute;
	z-index: 50;
}	

#allb{
	left : 50%;
	width : 980px;
	margin-left : -490px;
	position : absolute;
	z-index: -50;
}	

#cab{
	width : 710px;
	position : relative;
	float : left; 
}
		
#reg{
	width : 114px;
	float: right;


}	
	#micuenta {

	font-size: 14px;
}
.micuenta {
	width : 114px;
	height : 44px;
	background: url(../interface/micuenta.png) no-repeat;
	text-align: right;
	color: #636F07;
	line-height: 44px;
	display: block;
	font-size: 14px;
}

.micuenta:hover {
	background: url(../interface/micuenta_on.png) no-repeat;
}

.micuenta_ok {
	width : 114px;
	height : 44px;
	background: url(../interface/micuenta_ok.png) no-repeat;
	text-align: right;
	color: #636F07;
	line-height: 44px;
	display: block;


}

.micuenta_ok:hover {
	background: url(../interface/micuenta_ok_on.png) no-repeat;
}



#carrito {	
	width : 115px;
	height : 44px;
	background: url(../interface/carro.png) no-repeat;
		color: #636F07;
	line-height: 44px;
	display: block;
	text-align: right;
	float: left;

}

#carrolleno {
	width : 125px;
	height : 44px;
	background: url(../interface/carrolleno.png) no-repeat;
	text-align: right;
	color: #636F07;
    position: relative;
	line-height: 44px;
	display: block;
	text-align: right;
	float: left;

}


#carrito:hover {
	background: url(../interface/carro_on.png) no-repeat;
}


#carrolleno:hover {
	background: url(../interface/carrolleno_on.png) no-repeat;
}


#cesta{
	
	width : 236px;
	float : left; 
	margin-left: 15px;
	margin-top: 0px;
}

#logoderecha {
	width : 184px;
	height : 189px;
	background-image: url(../interface/logoderechab.png); 
	float : right; 
	position : relative;

}		

#logocab {
	width : 304px;
	height : 47px; 
	background-image: url(../interface/logocab.png);
	float : left; 
	position : relative;
	margin-top: 11px;
	margin-bottom: 7px;

}		

#menu {
	width : 720px;
	height : 31px; 
	float : left; 
	position : relative;
	margin-top: 11px;

}

#menufondo {
	width : 720px;
	height : 20px; 
	float : left; 
	margin-top: 106px;
	position : relative;
}

.menu {
	text-align: center;
	color: white;
	text-decoration: none;
	line-height: 32px;
	display: block;
	font-size: 11px;
	letter-spacing: 1px;
}	

.menuselect {
	text-align: center;
	color: white;
	text-decoration: none;
	line-height: 44px;
	display: block;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
}	


.menublack {
	text-align: center;
	color: #dcc04d;
	text-decoration: none;
	line-height: 54px;
	display: block;
	font-size: 11px;
	letter-spacing: 1px;
}

#pestempresa, #pestproductos, #pestpedidos, #pestcontacto, #pestdistri  {
	width : 120px;
	height : 30px; 
	float : left; 
	margin-left: 1px;
	position : relative;
	outline: none;
}


#socialface  {
	width : 30px;
	height : 30px; 
	float : left; 
	margin-left: 1px;
	position : relative;
	display: block;
	background-image: url(../interface/face.png);
}


#socialtweet  {
	width : 30px;
	height : 30px; 
	float : left; 
	margin-left: 1px;
	position : relative;
	display: block;
	background-image: url(../interface/tweet.png);
	
}


#socialface:hover  {
	background-image: url(../interface/face_on.png);

}

#socialtweet:hover  {
	background-image: url(../interface/tweet_on.png);

	}

.pest_on {

	background-image: url(../interface/pestanaverde.png);

}
.pest_on:hover  {
	background-image: url(../interface/pestanaverde_on.png);

}	
.pest_off {
	width : 120px;
	height : 30px; 
	float : left; 
	margin-left: 1px;
	position : relative;
	background-image: url(../interface/pestanaverde.png);
	 outline: none;
}	



#pestblackgold  {
	width : 120px;
	height : 30px; 
	float : left; 
	margin-left: 1px;
	position : relative;
	background-image: url(../interface/pestananegra.png);

}	
#pestblackgold:hover {
	background-image: url(../interface/pestananegra_on.png);
}

.pestselect1, .pestselect2, .pestselect3, .pestselect4, .pestselect5  {
	width : 120px;
	height : 20px; 
	float : left; 
	margin-left: 1px;
	position : relative;
	background-image: url(../interface/pestanaselect.png);

}	

#sombramenu {
	width : 720px;
	height : 30px; 
	background-image: url(../interface/sombramenus.png) ;
	background-repeat: no-repeat;
	background-image: ;
	float : left; 
	position : relative;

}	

.escena{
	width : 722px;
	min-height: 700px;
	background-image: url(../interface/backtrans.png) ;
	float : left; 
	position : relative;
}	


.escenabphumus{
width : 980px;
background-image: url(../interface/backtrans.png) ;
min-height: 700px;
float : left; 
position : relative;
border: 1px solid #ADB379;
}	


#infoescena {
	width: 246px;
	float: right;
	position: fixed;
		margin-left: 718px;
		margin-top: 0px;
		display: block;

}

#toteuros {
	float: right;
		display: block;
		text-align: right;
	color: #636F07;
	line-height: 42px;
	display: block;

	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
}


#subescena{
	width : 246px;
	min-height: 650px;
	background-image: url(../interface/backtransverde30.png) ;
	margin-left: 728px;
	float : right; 
	position : fixed;
	z-index: -100;
	margin-top: 96px;

}	


#subescenatext{
	width : 246px;
	min-height: 700px;
	margin-left: 722px;
	position : fixed;
	z-index: 100;
	margin-top: 75px;
}

#pie{
	width : 980px;
	height : 30px; 
	background-image: url(../interface/backtrans.png) ;
	float : left; 
	margin-top: 10px;
	position : relative;
	text-align: center;
	color :#636F07;
	line-height: 28px;
	font-size: 12px;
}	

#corte {
	float: left;
	width: 240px;
	height: 110px;
	background: url(../img/corte.png) no-repeat;
}

#distrigrowpic {
	width: 200px;
	height: 201px;
	background-image: url(../img/distriblack.png) ;
	display: block;
	float: left;
}

.prucamp {
	float: right;
	
}


#bannerbggb {
	width: 164px;
	height: 60px;
	background-image: url(../img/bggb.png) ;
	display: block;
	float: left;
	margin-left: 220px;
	margin-top: 4px;
}


#bannerbggb:hover {
	background-image: url(../img/hbggb.png) ;
	}

#ofertafoto {
	width: 900px;
	height: 700px;
	background: url(../img/familia.jpg) no-repeat;
}
	
#titoffer {
	font-size: 22px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
}


.aviso18 {
	
	width: 500px;
	height: 500ox;
	background-image: url(../interface/75.png);

}
	
#margenaviso18 {
	width: 300px;
	float: left;
	margin-left: 40px;
}

#logo18 {
	width: 120px;
	height: 60px;
		background-image: url(../img/mas18.png);
		margin-left: 80px;

}
	
	
	.p18 {
	min-height: 75px;
}