/* CSS Document */

html { 
scrollbar-arrow-color:#89c60e; 
scrollbar-track-color:#2c2c39; 
scrollbar-face-color:#2c2c39; 
scrollbar-highlight-color:#2c2c39; 
scrollbar-3dlight-color:#93011c; 
scrollbar-darkshadow-color:#93011c; 
scrollbar-shadow-color:#2c2c39; 
}

body{background: #393A49 url(../images/fons.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; margin:10px 0 0 0}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}


.izquierda {float:left;}
.derecha {float:right;}
.leftAlign { text-align: left}
.rightAlign {text-align:right;}
.centerAlign {text-align: center;}

a{ color:#fafafa}
h1{padding: 5px 0 0 0px; margin: 0 0 10px 0; font-size: 14px; line-height: 12px; border-bottom: #7e8194 1px solid;}
h2{ font-size:14px; margin-top: 9px }
h3{ font-size:12px; padding: 0; background: no-repeat 0px 8px; text-indent: 7px; margin: 10px 0px -2px 0px; }
P{ margin: 2px 0 8px 0 }
STRONG{ letter-spacing:1px }
H2 STRONG{ background-color: #1F1F29; margin-left:-8px; padding: 4px 10px 2px 10px; font-size: 11px;}






/******************************
			LIGHTBOX
******************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }






/******************************
	MAQUETACION GENERAL
******************************/

.wrapper{ width: 750px; margin: auto;}
.cabecera{ background: #2d2c3a url(../images/fonstop.jpg) repeat-x}
ul.menuP{ list-style: none; margin-top: 75px; font-size: 11px}
.menuP li{ float: left; background-color: #393A49; background: url(../images/btn-bg.gif) repeat-x 0px 2px; line-height: 24px; height:21px; padding-top: 2px; padding-bottom: 0; margin: 0 2px 0 0; font-weight: bold; border-bottom: 1px solid #1F1F29 }
/*.menuP li{ float: left; background-color: #393A49; line-height: 19px; padding: 2px auto 0 auto; margin: 0 2px 0 0; font-weight: bold; border-bottom: 1px solid #1F1F29 }*/
.menuP li.normal{ border-top: 3px solid #93011c}
.menuP li.select{ border-top: 3px solid #89c60e}
.menuP a{ margin: auto 25px; color:#b3b3b3; text-decoration: none }
.menuP li.select a, .menuP a:hover{ color: #89c60e}

.flashTOP { background-color: #585a67; border-bottom: 1px solid #69A811; border-top: 1px solid #69A811; height:128px/*; border-bottom: 1px solid #7e8194*/}

.contenidoOuter{ min-height: 200px; background: #2d2c3a url(../images/fonstopcontent.jpg) repeat-x}
.monoColumna{ padding: 10px 20px; line-height: 18px; text-align: justify}
.halfCol{ width: 49%}
.columnaAncha{ width: 450px}
.columnaEstrecha{ width: 230px}

.pie{ border-top: 1px solid #89c60e; border-bottom: 1px solid #1F1F29; padding: 5px; background-color: #1F1F29; font-size: 9px; margin:0;}

/* el juego de las 4 esquinas */
.upLeft{ background: url(../images/esk11.gif) no-repeat left top}
.upRight{background: url(../images/esk13.gif) no-repeat right top}
.downLeft{background: url(../images/esk31.gif) no-repeat left bottom}
.downRight{background: url(../images/esk33.gif) no-repeat right bottom}
.padd5 {padding: 8px}
.padd6 {padding:18px 8px 12px 8px}
.padd5 .padd5 {padding-top: 0}
.padd7{padding:5px 5px 1px 18px; /*margin:5px 0 0 0;*/}
.padd7  a{text-decoration:none;}
.padd7 .rojo a{margin: 0; color:#EA0F39}
.padd7 .verde a{margin: 0;color:#69A811}

/******************************
	COLORES
******************************/
 h1.rojo { color:#EA0F39 }
 h1.verde { color:#69A811 }
.blanco STRONG{ color:#fafafa }
.verde STRONG{ color:#69A811 }
.rojo STRONG{ color:#EA0F39 }
.blanco h2, .blanco h3{ color:#fafafa }
.verde h2, .verde h3, .verde a:hover{ color:#69A811 }
.rojo h2, .rojo h3, .rojo a:hover{ color:#EA0F39 }
.verde .fondoColor{ background-color:#69A811 }
.rojo .fondoColor{ background-color:#EA0F39 }
.verde h3{ background-image: url(../images/anivel2sel.gif)}
.rojo h3{  background-image: url(../images/anivel2.gif) }
.bordeVerdeInf{ border-bottom: 1px solid #69A811 }
.arribaClaro{ border-top: 1px solid #2d2c3a}
.abajoOscuro{ border-bottom: 1px solid #000000}
.madera{background: #1F1F29 url(../images/headers/wood_short.jpg) no-repeat; }
.cesped{background: #1F1F29 url(../images/headers/grass_short.jpg) no-repeat; }
.maderaLong{background: #1F1F29 url(../images/headers/wood_long.jpg) no-repeat;}
.cespedLong{background: #1F1F29 url(../images/headers/long_grass.jpg) no-repeat;}

/*.titular { height: 30px; background-repeat: no-repeat; padding: 16px 0 0 0; margin: 0 0 -5px 0; font-size: 11px }
.titular STRONG{ background-color: #2d2c3a; padding: 2px 5px 0 2px; }
.verde .titular{background-image:url(../images/headers/grass_short.jpg); }
.rojo .titular{background-image:url(../images/headers/wood_short.jpg)}*/
.verde li{ background-image:url(../images/anivel2sel.gif) }
.rojo li{ background-image:url(../images/anivel2.gif) }


/**************************************************
			BOTONERIA
**************************************************/


.bold{ font-weight:bold;}
.colMenu ul{ margin:0 0 20px 0;}
.colMenu ul{ margin:0; padding:0; font-size:12px;}

.colMenu li{list-style-type:square; }
.colMenu ul li{ }

.seccionesBTN{font-size:11px;}
.seccionesBTN p{ margin:0; padding:0;}
.seccionesBTN a:link{ text-decoration:none; color:#999999;}
.seccionesBTN a:visited{ text-decoration:none; color:#999999;}
.seccionesBTN a:active{ text-decoration:none; color:#EA0F39;}
.seccionesBTN a:hover{ text-decoration:none; color:#EA0F39;}

.seccionesBTNverde a:link{ text-decoration:none; color:#999999;}
.seccionesBTNverde a:visited{ text-decoration:none; color:#999999;}
.seccionesBTNverde a:active{ text-decoration:none; color:#69A811;}
.seccionesBTNverde a:hover{ text-decoration:none; color:#69A811;}



p.nivel1{margin:0 0 10px 0; font-weight:bold; background-color:#2A2935; border-top:1px dotted #666666; border-bottom:1px dotted #666666;  }
.nivel1 a{ padding:0 0 0 15px;}
.sub1{ background-image:url(../images/botoneria/subbotoneria/triangulo_big.jpg); background-position:left center; background-repeat:no-repeat; }
.sub1Green{ background-image:url(../images/botoneria/subbotoneria/triangulo_big_green.jpg); background-position:left center; background-repeat:no-repeat; }

.sub2 { background: url(../images/botoneria/subbotoneria/triangulo_small.jpg) no-repeat 10px center }
.sub2Green { background: url(../images/botoneria/subbotoneria/triangulo_small_green.jpg) no-repeat 10px center;}

.nivel2 {padding: 0; margin:0 0 10px 0; font-size:10px; font-weight:bold;  }
.nivel2 P {padding: 0; margin: 0; }
.nivel2 A {padding: 0 0 0 20px; margin: 0; }

.nivel3 { margin:0 0 0 20px; padding:0; font-size:10px; }

.sel{ color:#EA0F39 !important;}
.selVerde{ color:#69A811 !important;}


/******************************
	NOVEDADES
******************************/
.novedades { margin: 0; background: #1F1F29}
.novedades h2 { padding: 2px; margin: 0; color:#69A811}
.imgSupIzq { margin: 0 5px 5px 0;}
.novedad { padding: 10px 5px 5px 5px; margin: 0; font-size:10px; line-height:14px; text-align: left }

/******************************
	PRODUCTOS
******************************/

.halfCol ul{ margin:0; padding:0}
.halfCol li{ padding: 0 0px 0px 10px; list-style: none; background:url(../images/anivel2sel.gif) no-repeat 0px 10px; margin:0 }
        


.colMenu{margin:0 0 10px 0; padding:0; width:180px; background-color:#1F1F29 }
.colNoMenu{ margin:0; padding:0; width:513px; }

.menuClosed p{margin:0 auto 0 auto; width:100%; padding:0; font-weight:bold; font-size:11px}
.menuClosed a{text-decoration:none;}
.menuClosed .rojo a{color:#EA0F39;}




.contenido1 {font-size:12px;
	text-align: justify;
	line-height: 1.5em;
	padding: 0 2px 0 0;
	margin:20px 0 0 0;
}

.contenido1 A{
	color: #999999;
	text-decoration:none;
	border-bottom: 1px dotted #EA0F39;
}

.contenido1 A:hover{
	color: #EA0F39;
}

.contenido1 .list{
	background-image:url(../images/botoneria/subbotoneria/triangulo_small.jpg);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	text-indent: 0px;
	padding-left: 15px;	
}
.contenido1 .list2{
	background-image:url(../images/anivel2sel.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-indent: 7px;
	color: #89c60e;
	font-weight: bold;
	margin: 10px 0px -5px 0px;
}
 .titulo{
	font-size:0.85em;
	font-weight:bold;
	border-bottom:1px dotted #333333;
	text-transform:uppercase;
	color:white;
}
.last{
	
	border-bottom:none;

}
.contenido1 .FotoL{
	margin:0 0 0 165px
}
.contenido1 .FotoR {
	margin:0 165px 0 0;
}
.contenido1 .titulo .FotoShort{
	margin:0 0 0 325px;
}
.contenido1 .negrita{
border:1px dotted #333333;
color:white;
margin-right:3px;
}
.contenido1 .espa{
	font-size:4px;
}

.contenido1 .foto {
	padding:3px;
	border:1px dotted #333333;
	width:145px;
}

.contenido1 .foto.izquierda{
	margin:0 10px 0 5px;
}

.contenido1 .foto.derecha{
	margin:0 0 0 10px;
	}

.contenido1 .photoDescript{
	margin:0 0 20px 0;

}
.contenido1 .IMAGE{
width:120px;
}

.comentario{ font-size:11px;}


#caracteristicas TD{
	border-bottom: #333333 dotted 1px;
}


#caracteristicas TD.last{
	border-bottom:0;
	padding-bottom:10px;
}


.photosPino{margin:0 20px 5px 0; padding:0; width:140px;}

.photosPino img{margin:0 0 5px 0; padding:3px; border:1px solid #333333;}

.typoGrass{ margin:0; padding:0 0 20px 0; }
.textGrass{ width:220px }

.masInfoV { margin: 0 0 10px 0; background-color:#2a2935;border-top:1px dotted #69A811; border-bottom:1px dotted #69A811; 
background-image:url(../images/botoneria/subbotoneria/mas_info_green.jpg); background-position:right center; background-repeat:no-repeat; }
.masInfoR{margin: 0 0 10px 0;  border-top:1px dotted #EA0F39; border-bottom:1px dotted #EA0F39; background-image:url(../images/botoneria/subbotoneria/mas_info_red.jpg); background-position:right center; background-repeat:no-repeat; background-color:#2a2935; }
.masInfoR a, .masInfoV a{text-decoration:none; padding:0 0 0 180px;}

.masInfoR a:link{color:#EA0F39;}
.masInfoR a:visited{color:#EA0F39;}
.masInfoR a:hover{color:#999999;}

.masInfoV a:link{color:#69A811;}
.masInfoV a:visited{color:#69A811;}
.masInfoV a:hover{color:#999999;}








/******************************
	GALERIA MADERA
******************************/
.thumbnails{padding:5px 0 10px 0; margin:0 auto 0 auto; width:380px;}
.wrapper2{ padding:0; margin:0; }
.thumbnail{text-align:center;width:120px; padding:10px 3px 10px 3px; margin:0; border:none;}
.thumbnail a {border:none;}
.thumbnail img {padding:3px; border:1px dotted #333333;}


/******************************
	CESPED
******************************/

.typoGrass .izquierda  img{margin: 0 13px 1px 0;}
.typoGrass .derecha img{margin: 0 0 1px 13px;}


/******************************
	GALERIA CESPED
******************************/
.gallery{ margin:0; padding:0;}
.bigImage{ margin:0 auto 10px auto; width:350px; height: 230px }
.icons2{ width:350px; margin:0 auto 0 auto; padding:10px 0 0 0; border-top:1px dotted #333333; }
.icons2 img{ margin:0 3px 10px 3px; padding:1px; border:1px dotted #333333;}
.iconSel { border: #69A811 1px solid !important }



/********************
	CONTACTAR
********************/

.fila { margin: 0 0 10px 0;}
.titform { width: 150px;}
input { border: none;}
.entrada { background-color: #2d2c3a; border-bottom: #69A811 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #dadada; }
textarea.entrada {width:400px; border: #69A811 1px solid; height: 70px }
input.entrada { width:250px}
.boton { width: 100px; line-height: 20px; font-weight: bold; color: #69A811; font-size: 13px}

.mensajeEnviado{margin: 20px 0; padding: 4px 10px 0 10px; background-color: #1F1F29; border: #69A811 1px solid}
.mensajeEnviado strong{color: #cccccc}
