/* CSS Document */
/* --------------------------------------- reseteo -------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;background:transparent;color:inherit}
strong{font-weight:bold}
/* remember to define focus styles! */
a:active, a:focus{outline:0}
/*:focus {outline:0}*/
ol, ul{list-style:none;}

/* --------------------------------------- gral -------------------------------------------*/
body{
	padding:0;margin:0;color:#666;height:100.01%!important;/* forzar scrollbar en firefox*/font-family: Arial, sans-serif;font-size: 70%;font-style: normal;line-height: 1em;font-weight: normal;font-variant: normal;background-color: #77B152;text-align:center;/*background-image: url(../imagenes/bkgfondo.gif)*/}
a{text-decoration:none;color:#666}
.borrar{ clear:both}

/* --------------------------------------- disenio fondo -------------------------------------------*/
#fondor{background-image: url(../imagenes/bkgfondo.gif)}
#fondov{background-image:url(../imagenes/fondov.gif);background-repeat: repeat-x;background-position: bottom}
#decorbot{background:url(../imagenes/decorbot.png) no-repeat bottom center}
#page{width:840px;margin:auto;background:url(../imagenes/bkgpag.png) repeat-y center;position:relative;line-height:1.1em;text-align:left}

/* --------------------------------------- cabecero -------------------------------------------*/
#header{background:url(../imagenes/bkgheader.jpg) no-repeat center; height:170px}
#logo{width:414px;float:left;text-align:center}
#header h1{position:absolute; top:-1000px}
#logotipo{margin:10px 5px 0 45px;float:left}
#txtlogo{float:left;margin-top:92px}
#especialistas{float:left;margin-left:53px}
#menu_sub{float:left;padding-left:190px}
ul.submenu {width: 100%;margin: 0;padding: 25px 0 25px 0}
ul.submenu li {float: left}
ul.submenu li a {padding: .3em;}
ul.submenu li a:hover{color:#000}
ul.submenu li activo{color:#000}

/* --------------------------------------- menu ppal -------------------------------------------*/
#menuppal{margin:auto;width:770px;background-image: url(../imagenes/bkgmenu.gif);background-repeat: repeat-x;}
ul.menu {width: 100%;margin: 0;clear:both;min-height:28px}
ul.menu li {float: left;padding-top:7px;min-height:20px}
ul.menu li a {padding: .5em 1em;font-size:1.2em;font-weight:bold}
ul.menu li a:hover{color:#000;}
ul.menu li.activo{font-size:1.2em;font-weight:bold	}
ul.menu li.activo span{background:url(../imagenes/bkgaactivo.gif);background-repeat:repeat-x;padding:.25em 1em;margin-left:3px}

/* --------------------------------------- panel izquierdo -------------------------------------------*/
#leftpanel, #leftpanelser{line-height:1.3em}
#leftpanelser{width:500px;float:left}
#jardin{width:488px;text-align:left;padding-left:45px}
#cesped, #servicios{width:455px;text-align:left;padding-left:45px}
#inf{text-align:center;padding:15px 0 15px 75px;clear:both}
#jardin h2, #servicios h2, #trabajos h2, #derecont h2{color:#5ca61b;padding:18px 0 13px 0;font-weight:bold}
#intojardin{width:485}
#intoser, #intocons{width:455px}
#intojardin .left{width:250px; float:left}
#intojardin img{float:right;padding-top:13px}
#intoser .right{width:250px; float:right;padding-top:7px}
#intoser img{float:left;padding-left:15px}
#intoser h3{clear:both;color:#5CA61B;padding:15px 0 7px 7px  }
h3.consejos{padding:17px 0 7px 7px;font-size:1.1em;font-weight:bold;color:#333;border-bottom:1px solid #77B152;border-top:1px solid #CCCCCC}
h3.consejos1{padding:17px 0 7px 7px;font-size:1.1em;font-weight:bold;color:#333;border-bottom:1px solid #77B152}
h4.consejos{padding:17px 0 7px 7px;font-size:1em;font-weight:bold;color:#666}
h4.consejos1{padding:10px 0 7px 7px;font-size:1em;font-weight:bold;color:#666}
p.consejos{padding:3px 0 3px 7px}
.consejos span, .consejosenf{font-weight:bold}
.consejosenf{padding:0 0 3px 7px}
#quote{clear:both;display:block;color:#000;font-size:1.3em;padding:15px 0 15px 55px}
#quote2{color:#000;font-size:1.3em;text-align:center;padding-top:17px}
#intojardin ul, #intoser ul{list-style-position: inside;list-style-type: disc;padding:7px 0 0 15px}
#intojardin ul li, #intoser ul li{padding-bottom:3px}
#intojardin p, intoser p{padding-top:7px}
p.ocul{padding-left:7px}
#imgocul{padding-top:15px;width:400px; margin:auto}
#imgocul img{float:left;padding-left:26px}
#imgocul p{clear:both;padding-top:7px;text-align:center}
#cesped h2{background:url(../imagenes/bkgcesped.gif) repeat-x;padding:13px;color:#FFF;font-weight:bold}
#cesped h3, #cesped p{padding:7px}
#cesped h3{font-size:1.1em; font-weight:bold}
#ase{font-size:1.1em}
#cespedleft{width:166px; height:114px;float:left;padding:15px 30px 15px 55px}
#ofer{width:440px;float:left;padding-top:15px}
#garan{clear:left;font-size:1.2em;font-weight:bold}
#ofer h3{ font-weight:bold}
#ofer ul, .abajo ul{padding:5px 10px;list-style-position: inside;list-style-type: disc}
#ofer ul li{padding-bottom:3px}
#ofer ul li span{font-size:.9em;color:#999;padding-left:13px}
#acl{color:#CCC;font-size:.9em; margin-left:50px}
#logos{width:325px;padding:15px 0 0 109px}
#logos img{margin:7px;float:left}
#infocesp{clear:left;color:#82b263;font-weight:bold;margin-right:12px; text-align:right}
p#infocesp a:hover{color:#000}
.abajo{width: 185px;border: 1px solid #CCCCCC;text-align:left;min-height:185px;float:left;margin:9px}
.abajo h2{color:#5ca61b;padding:10px;font-weight:bold}
.abajo img{padding:0 0 10px 14px}
.abajo .mas{color:#82b263;font-weight:bold;text-align:right;margin-right:14px}
.abajo ul{padding:0 0 18px 15px;line-height:1.1em}
.abajo ul li{padding:3px; font-size:1.1em}
.cespedes{clear:both}
.cespedes img{padding:25px 0 15px 25px;float:left}
p.ces{padding-left:7px}
p#fincesp{width:165px;padding:15px 0;margin:auto;font-size:1.2em;font-weight:bold; line-height:1.2em}
#intoser ul.ofertas{padding:5px 10px 5px 45px;list-style-position: outside;list-style-type: circle}
.mas a:hover{color:#000}


/* --------------------------------------- panel derecho -------------------------------------------*/
#rightpanel{
	position:absolute;
	top:131px;
	left:558px;
	width:252px;
	border:1px solid #ccc;
	background-color:#fff;
	border-top:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-left:solid #ccc 1px;
	border-bottom:none;
	text-align:center;
	min-height:1060px
}
#derecont{float:right;width:252px;margin:7px 0px 30px 0}
#dereint{float:right;width:252px;border:1px solid #ccc;background-color:#fff;text-align:center;margin:40px 35px 30px 0}
#dereviv{float:right;width:252px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;text-align:center;margin:0 35px 30px 0}
#presu, #presu p, #finan, #oferdere, #nove, #estan {width:211px;margin:0 auto }
#presu{background:url(../imagenes/presuinf.gif) no-repeat center bottom;min-height:68px;margin-top:15px}
#brdpresu{background:url(../imagenes/presusup.gif) no-repeat;padding-top:16px}
#presu p{background:#f5fa9a;font-family:verdana;font-size:1.3em; font-weight:bold;line-height:1.1em;padding-bottom:5px}
#finan, #oferdere, #nove, #estan{padding-top:30px;}
#finan h2, #oferdere h2, #nove h2, #estan h2{font-size:1.2em; color:#5ca61b;padding-bottom:7px;text-align:left;font-weight:bold}
h2#vivero{color:#5ca61b;font-size:1.5em;font-weight:bold;padding:15px 0}
p.sutit {text-align:left}
.ilu{padding-top:15px}
p.ilu, p.iluul{ font-weight:bold}
p.iluul{padding:15px 0}
p.vivul, p.vivpr{font-weight:bold;padding:15px}
img.ilu{padding-bottom:8px}
img.iluul{padding:15px 0}
#finan img, #oferdere img, #nove img, #estan img{margin:auto;padding:15px 0}
p.secun{text-align:center; padding:7px 0}
p.final{font-weight:bold;padding-top:50px}
p.cesp{width:211px;margin:auto;}
p.ahorro{font-size:1.2em}



/* --------------------------------------- pie -------------------------------------------*/

#pie{background:#77b152 url(../imagenes/pie.jpg) no-repeat 1px 0;min-height:34px; width:824px;margin:auto;text-align:center}
#pieint{background:#77b152 url(../imagenes/pie.jpg) no-repeat 1px 0;min-height:34px; width:824px;margin:auto;clear:both;text-align:center}
#pie p,#pie a, #pieint p,  #pieint a{margin:auto}
#mundojar{padding:37px 0 7px}
#pie img, #pieint img {padding-bottom:7px}

/* --------------------------------------- pag trabajos -------------------------------------------*/
#trabajos{width:765px;margin:auto}
#trabajos p{padding-bottom:15px}
#galeria{width:610px;margin:auto;padding-bottom:30px}

/* --------------------------------------- formulario -------------------------------------------*/

form input{/*font-size:.2em*/}
label{display:block;margin:.5em 0 0 0}
.btn{margin:1em auto}
#boton{text-align:center}

/* --------------------------------------- gracias -------------------------------------------*/

#gra{text-align:center;margin:auto}
#gra h2{color:#5ca61b;padding:65px 0 30px 0;font-weight:bold}
#gra p{padding:0 0 30px 0}
p#volver{padding-bottom:65px}