/*CSS DOCUMENT
PLANTAE May 2007 */


/* General Colors

	blue: #408fd2;
	orange : #FF6600;
	green : #34b34a;

*/

html,body {
/*	font:1em  Verdana, Arial, sans-serif;*/
	font:1em Arial, Verdana;
	margin:0px;
	padding:0px;

	background-color:#000000;
	height:100%;
	

}
/* hiperlinks */
A:link {text-decoration: none; color: #FFFFFF; }
A:visited {text-decoration: none; color:#FFFFFF; }
A:active {text-decoration: none; color:#FFFFFF; }
A:hover {text-decoration: none; color:#00a2ff;}
img { border-width: 0px;} 

/* content pages */
/* 2º */
#page{
	position: relative;
	margin:0 auto;
	width:966px;
	height:100%;
	min-height:100%;
}


#topPage{
background-image:url(../img/topTexture.gif);
background-position:top left;
height:4px;
line-height:1px;
font-size:1px;
margin-top:20px;

}

#content {
	width:100%;
	background-image:url(../img/middletexture.gif);
	background-repeat:repeat-y;
	padding-left:6px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:7px;


}

#menu {






}


#barraTareas{
text-align:right;
padding-right:2px;
padding-top:8px;


}

#logoHome{
	position: absolute;
	width:190px;
	height:290px;
	top:65px;
}

#logoTienda{
	width:170px;
	height:90px;
}


#navMenu {
	margin:0px;
	padding:0px;
}

/* Home -----------------------------------------------------------------------------------*/
/* 3º */



/* rows of the home page */

#contentHomeR1 {
	position:relative; /* with this the z-index works and the background is behind the contents */
	z-index:2;
	margin-top:25px;
	width:755px;	
	padding-left:184px;
}

#contentHomeR2 {
	position:relative;
	z-index:3;
	min-height:195px;
	width:935px;
}

#contentHomeR3 {
	position:relative;
	z-index:4;
	height:27px;
	width:755px;
	padding-left:186px;
}

#contentHomeActividades {
	position:relative;
	z-index:5;
	width : 560px;
	height: 20px;
}

#contentHomeClubPlantae {
	position:absolute;
	z-index:1;
	bottom:0px;
	width : 935px;
	height:200px;
	min-height:200px;
}





/* store -----------------------------------------------------------------------------------*/
/* 3º */



/* container of the rows's store*/

#contentColumns {
	position:relative; /* with this the z-index works and the background is behind the contents */
	z-index:2;
	margin-top:10px;
	width:935px;	
}

#contentC1 {
	position:relative; /* with this we get that this column is on the top */
	z-index:5;

	float:left;
/*	width:145px;*/
	margin-right:5px;
}

#contentC2 {
	position:relative;
	z-index:4;

	float:left;
	width:560px;
	margin-right:5px;
}

#contentC2_2 {
	position:relative;
	z-index:4;

	float:left;
	width:530px;
	margin-right:5px;
}

#contentC3 {
	float:left;
	width:214px;
	margin-right:5px;
}




/* General styles -------------------------------------------------------------------------*/

/* This sets the end of the "float" elements. we need it for mozilla and to avoid errors */
.clearFloat{
	clear:both;
}


/* BOXES -----------------------------------------------------------------------------------*/

	
/* type A boxes */

.boxA {
	position:relative;
	width:555px;
	margin:3px;
	float:left;	
	text-align:left;	/* for the image */
}
.boxA img {
	float:left;
	margin:0px;
	padding:0px;
}

.boxA img.btnDetails {
	position:absolute;
	right:5%;
	bottom: 20px;	
}

/*  in Mozilla we have to have the <p> in a div and we have to set the width in the <p> */
.boxA .text {
	float:left;
	margin:0px;
	padding:0px;
	padding-bottom:47px;
}

.boxA p {
	margin:0px;
	padding:0px;
	width:240px;
}

.boxA p.title {
	font-size:16px;
	color: #FF6600;
	margin-top:60px;
	margin-bottom:10px;
}

.boxA p.description {
	font-size:13px;
/*	letter-spacing:1px;*/
}


/* type B box */

.boxB {
	float:left;
	position:relative;
	font-size:13px;
	width:185px;
	padding-top:3px;
	margin-bottom:10px;
}

.boxB .titleBox {
	position:absolute;
	right:5%;
	bottom: -5px;
	text-align: right;

	background-image: url(../img/box_b_title_bgnd.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.boxB input {
	float:left;
	width:125px;
	height:14px;
	margin-top:10px;
	margin-bottom:35px;
	margin-left:10px;
}

.boxB img {
	float:left;
	margin-top:10px;
	margin-bottom:35px;
}

.boxB .titletext {
	line-height: 95%;
	color: #1072c7;
	font-size:15px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}


/* Type C box */

.boxC {
	float:left;
	position:relative;
	font-size:14px;
	width:185px;
	padding-top:3px;
	text-align:left;	/* for the image */
}

.boxC .titleBox {
	position:absolute;
	right:5%;
	bottom: -5px;

	background-image: url(../img/box_b_title_bgnd.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.boxC .titletext {
	color: #1072c7;
	font-size:15px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	text-align: right;
}

.boxC ul {
	padding-left:0px;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
}
.boxC li {
	list-style-image:url(../img/list.png);
	padding-bottom:5px;
	padding-top:2px;
}



/* Caja tipo D */

.boxD {
	width:180px;
	height:170px;
	margin:3px;
	float:left;
	text-align:center;	/* For the image */
}

.boxD .nombre {
	font-size:14px;
	text-align:left;
	padding-left:10px;
}
.boxD .precio {
	font-family: Verdana;
	font-size:20px;
	text-align:right;
	color:#408fd2;
	padding-right:5px;
	padding-bottom:5px;
}


/* type E box (products)*/

.boxE {
	float:left;
	position:relative;
	font-size:12px;
	width:145px;
	margin-bottom:10px;
}

.boxE .titleBox {
	filter:alpha(opacity=80);
	-moz-opacity:0.80; 
	position:absolute;
	left:5%;
	bottom: -5px;
	text-align: right;
	background-color:#FFFFFF;
}

.boxE .titletext {
	line-height: 95%;
	color: #1072c7;
	font-size:15px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}

.boxE ul {
	font-family:Arial, Verdana, Helvetica;
	padding-left:0px;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
}
.boxE li {
	list-style-image:url(../img/list.png);
	padding-bottom:5px;
	padding-top:2px;
}


.boxE ul.sub {
	color: #999999;
	list-style:none;
	padding-left:0px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:0px;
}
.boxE li.sub {
	list-style-image: none;
	padding-bottom:5px;
	padding-top:2px;
}


.boxE a.li.sub:link{
	text-decoration:none;
	color: #999999;
}

/*
.boxE li.sub a:link{
	text-decoration:none;
	color: #999999;
}
*/


/* type F box */

.boxF {
	position:relative;
	width:560px;
	margin:0px;
	float:left;	
	text-align:left;	
}
.boxF img {
	float:left;
	margin:0px;
	padding:0px;
}

.boxF img.btnDetails {
	position:absolute;
	right:5%;
	bottom: 20px;	
}

/*  in Mozilla we have to have the <p> in a div and we have to set the width in the <p> */
.boxF .text {
	float:left;
	margin:0px;
	padding:0px;
	padding-bottom:47px;
	background-color:#FFFFFF;
}

.boxF .bottomContent{
	border:0px;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;	
}

.boxF .topContent {
	border:0px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

.boxF .topContent .left {
	float:left;
	width:200px;
	padding:0px;
	padding-left:10px;
	padding-top:5px;
	margin:0px;
	color:#408fd2;
}

.boxF .topContent .right {
	float:left;	
	width:330px;
	font-size:12px;
	color:#32b44a;
	text-align:right;
}

.boxF .topContent .right ul{
	padding:0px;
	margin:0px;
	text-align:right;
	vertical-align:text-bottom;
	margin-top:10px;

}

.boxF .topContent .right li{
	text-align:right;
	margin-left:10px;
	display:inline;
}


.boxF p {
	margin:0px;
	padding:0px;
	width:240px;
}

.boxF p.title {
	font-size:16px;
	color: #FF6600;
	margin-top:60px;
	margin-bottom:10px;
}

.boxF p.description {
	font-size:13px;
}


/* type G box (product finder)*/

.boxG {
	float:left;
	position:relative;
	font-size:13px;
	width:214px;
	margin-bottom:10px;
}

.boxG .titleBox {
	filter:alpha(opacity=80);
	-moz-opacity:0.80; 
	position:absolute;
	left:2%;
	top: -5px;
	text-align: right;
	background-color:#FFFFFF;
}

.boxG input {
	float:left;
	width:155px;
	height:14px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
}

.boxG img {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

.boxG .titletext {
	line-height: 95%;
	color: #1072c7;
	font-size:15px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}




/* type J box (store's boxes) */

.boxJ {
	position:relative;
	width:180px;
	height:170px;
	margin:3px;
	float:left;
	text-align:center;	/* For the image */
}

.boxJ .nombre {
	font-size:14px;
	text-align:left;
	padding-left:10px;
}
.boxJ .precio {
	font-family: Verdana;
	font-size:18px;
	text-align:left;
	color:#408fd2;
	padding-left:10px;
	padding-bottom:5px;
}

.boxJ .cartIcon {
	position:absolute;
	right:5%;
	bottom: -5%;
}

.boxJ .cartIcon img {
	padding-left:2px;
	padding-right:2px;
	background-color:#00FF33;
}


/* type M box (contents menu)*/

.boxM {
	float:left;
	position:relative;
	font-size:14px;
	width:175px;
	margin-bottom:10px;
}

.boxM .localizationBox {
	width:150px;
	height:100px;
	position:absolute;
	right:-15%;
	bottom: -60px;
	text-align: right;
}

.boxM ul {
	font-family:Arial, Verdana, Helvetica;
	padding-left:0px;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
}
.boxM li {
	list-style-image:url(../img/list.png);
	padding-bottom:5px;
	padding-top:2px;
}


.boxM ul.sub {
	color: #999999;
	list-style:none;
	padding-left:0px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:0px;
}
.boxM li.sub {
	list-style-image: none;
	padding-bottom:5px;
	padding-top:2px;
}


.boxM a.li.sub:link{
	text-decoration:none;
	color: #999999;
}

/*
.boxM li.sub a:link{
	text-decoration:none;
	color: #999999;
}
*/


/* type N boxes  (content)*/

.boxN {
	position:relative;
	width:530px;
	float:left;	
	text-align:left;
	font-size:12px;
}

.boxN .content {
	padding-top:1px;
	padding-left:20px;
	padding-right:20px;
}

.boxN h1 {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:20px;
	color:#34b34a;
}


.boxN img {
	float:left;
	margin:0px;
	padding:0px;
}






/* Rounded boxes for the A,B,C,D boxes. They are white filled and transparent*/

.boxA .uedge, .boxB .uedge, .boxC .uedge, .boxD .uedge , .boxM .uedge  {
	filter:alpha(opacity=80);
	-moz-opacity:0.80; 
	width: 100%;
	background-image: none;
}

.boxA .tedge, .boxB .tedge, .boxC .tedge, .boxD .tedge , .boxM .tedge  {
	background-image: url(../img/tedge.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.boxA .redge, .boxB .redge, .boxC .redge, .boxD .redge , .boxM .redge  {
	background-image: url(../img/redge.png);
	background-position: top right;
	background-repeat: repeat-y;
}
.boxA .bedge, .boxB .bedge, .boxC .bedge, .boxD .bedge , .boxM .bedge  {
	background-image: url(../img/bedge.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.boxA .ledge, .boxB .ledge, .boxC .ledge, .boxD .ledge , .boxM .ledge  {
	background-image: url(../img/ledge.png);
	background-repeat:  no-repeat;
	background-position:top left;  
}
.boxA .urcorner, .boxB .urcorner, .boxC .urcorner, .boxD .urcorner , .boxM .urcorner{
	background-image: url(../img/trcorner.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.boxA .blcorner, .boxB .blcorner, .boxC .blcorner, .boxD .blcorner , .boxM .blcorner   {
	background-image: url(../img/blcorner.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.boxA .brcorner, .boxB .brcorner, .boxC .brcorner, .boxD .brcorner , .boxM .brcorner  {
	background-image: url(../img/brcorner.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
}
.boxA .innercontent, .boxB .innercontent, .boxC .innercontent, .boxD .innercontent , .boxM .innercontent { 
	background-color:#FFFFFF;
	width: 100%;	  
}


/* Rounded boxes for the E,F,G boxes. They aren't filled */

.boxE .uedge, .boxF .uedge, .boxG .uedge  {
	width: 100%;
	background-image: none;
}

.boxE .tedge,.boxF .tedge ,.boxG .tedge  {
	background-image: url(../img/t_tedge.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.boxE .redge,.boxF .redge,.boxG .redge {
	background-image: url(../img/t_redge.png);
	background-position: top right;
	background-repeat: repeat-y;
}
.boxE .bedge, .boxF .bedge ,.boxG .bedge {
	background-image: url(../img/t_bedge.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.boxE .ledge ,.boxF .ledge ,.boxG .ledge {
	background-image: url(../img/t_ledge.png);
	background-repeat:  no-repeat;
	background-position:top left;  
}
.boxE .urcorner,.boxF .urcorner ,.boxG .urcorner  {
	background-image: url(../img/t_trcorner.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.boxE .blcorner ,.boxF .blcorner ,.boxG .blcorner {
	background-image: url(../img/t_blcorner.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.boxE .brcorner, .boxF .brcorner ,.boxG .brcorner  {
	background-image: url(../img/t_brcorner.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
}
.boxE .innercontent,.boxF .innercontent,.boxG .innercontent { 
/*	background-color:#FFFFFF;*/
	width: 100%;	  
}


/* Rounded boxes for the J boxes. They are white filled, solid and without shadow*/

.boxJ .uedge {
	width: 100%;
	background-image: none;
}

.boxJ .tedge {
	background-image: url(../img/tedge.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.boxJ .redge {
	background-image: url(../img/ns_redge.png);
	background-position: top right;
	background-repeat: repeat-y;
}
.boxJ .bedge {
	background-image: url(../img/ns_bedge.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.boxJ .ledge {
	background-image: url(../img/ledge.png);
	background-repeat:  no-repeat;
	background-position:top left;  
}
.boxJ .urcorner {
	background-image: url(../img/ns_trcorner.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.boxJ .blcorner {
	background-image: url(../img/ns_blcorner.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.boxJ .brcorner {
	background-image: url(../img/ns_brcorner.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
}
.boxJ .innercontent { 
	background-color:#FFFFFF;
	width: 100%;	  
}


/* Rounded boxes for the N (content) boxes. They only have line on the top and they aren't filled  */

.boxN .uedge {
	width: 100%;
	background-image: none;
}

.boxN .tedge {
	background-image: url(../img/t_tedge.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.boxN .redge {
	background-image: url(../img/t_redge.png);
	background-position: top right;
	background-repeat: repeat-y;
}
.boxN .bedge {
/*	background-image: url(../img/t_bedge.png);
	background-position: bottom left;
	background-repeat: repeat-x;*/
}
.boxN .ledge {
	background-image: url(../img/t_ledge.png);
	background-repeat:  no-repeat;
	background-position:top left;  
}
.boxN .urcorner {
	background-image: url(../img/t_trcorner.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.boxN .blcorner {
/*	background-image: url(../img/t_blcorner.png);
	background-position: bottom left;
	background-repeat: no-repeat;*/
}
.boxN .brcorner {
/*	background-image: url(../img/t_brcorner.png);
	background-position: bottom right;
	background-repeat: no-repeat;*/
	padding: 5px 5px 5px 5px;
}
.boxN .innercontent { 
/*	background-color:#FFFFFF;*/
	width: 100%;	  
}





/* END BOXES -----------------------------------------------------------------------------------*/