@charset "utf-8";
@import url("css/menu.css");
@import url("css/grid.css");

/* reset 
**********************************************************************/
* {
	padding: 0;
	margin: 0;
	outline: none;
}

a img { border: none; }

p, ul, ol { margin-bottom: 1.2em; }
ol li { margin-left: 30px;}

input, textarea { font-family: Arial, Helvetica, sans-serif; }



/*** general 
**********************************************************************/
body {
	background:url(verde/bg_page.jpg) top repeat-x;
	font: 12px/16px Verdana, Geneva, sans-serif;
}

/** estilo viñetas **/
ul li {
	list-style: none;
	background-image: url(verde/img_li.jpg);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left:10px;
	margin-left: 30px;
	line-height: 18px;
}
blockquote { margin-left: 30px;}
small { font-size: 9px; }

/** estilo para un hr **/
hr {
	width:100%;
	height:0px;/*solo queremos borde */
	text-align:left;
	border-top:0px;/*quita el grosor extra de Opera y FFox*/
	border-bottom:#FFF solid 1px;
}

/* titulos */
h1 { }

h2 { font-family: Verdana, Geneva, sans-serif;
font-size: 18px; letter-spacing:-1px;}

.destacado {
	background: url(verde/bg_deg_nj.jpg) left center no-repeat;
	padding:10px 10px 10px 8px;
	font-size: 18px;
	margin-bottom: 0.5em;
	border: 2px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.destacado img { vertical-align: middle;}

h1, h2 { margin-bottom: 0.3em;}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 7px;
}

/* containers 
**********************************************************************/
.container {
	width: 940px;
	margin: 0 auto;
}

/* header 
**********************************************************************/
.header {
	
	padding-top: 23px;
	position:relative;
	height: 319px;
	margin-bottom: 20px;
}

.logo { float:left; }

.nav {
	float:right;
	position:absolute;
}
.boxNj {
	background:url(verde/bg_box_nj.png) no-repeat;
	height:138px;
	left:26px;
	padding:24px 15px 15px 25px;
	position:absolute;
	top:146px;
	width:586px;
	}
	.boxNj  h2 {  margin-bottom: 14px; }
	.boxNj ul li { margin-left: 15px;}
	.boxNj a { color: #FFF;}
	
.formCalc {
	background:url(verde/bg_form_calculadora.png) no-repeat;
	height:129px;
	left:26px;
	padding:24px 15px 15px 125px;
	position:absolute;
	top:146px;
	width:493px;
}
.formCalc h2 { margin-bottom: 16px; line-height: 20px;}
	.formCalc label { 
		display:inline-block;
		width:271px;
		}
	.formCalc select { width:52px;font-size: 13px; }
	.formCalc p { margin-bottom: 7px;}

/* main body 
**********************************************************************/
.mainBody { 
	margin-bottom: 20px; 
	min-height:536px;
	}

.main {
	float:left;
	width: 620px;
	padding:0 0 30px;
}

.boxVerde {
	background-color:#B7D18B;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 7px 5px 16px;
	margin-bottom:20px;
}

.boxVerdeIn {
	background-color:#CEE8A6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 15px 15px 0;
}
	.bt_started { width: 217px; margin: 15px auto 0; display:block;} 

.boxGris {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 15px 20px;
	margin-bottom:20px;
	border: 1px solid #DDD;
	background: url(verde/bg_boxgris.jpg) left bottom repeat-x; 
/*background: -moz-linear-gradient(top, #FFFFFF 90%, #EBEBEB 95%); /* firefox */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#FFFFFF), color-stop(95%,#EBEBEB)); /* webkit */
	overflow:hidden;
	
}

/* sidebar 
**********************************************************************/
.sidebar {
	float: left;
	width: 300px;
	margin-right: 20px;
}

/* testimonios */
	.testimonios {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	border-bottom: 1px groove #EEE;
	clear:both;
	margin-bottom:20px;
	padding-bottom:15px;
	height:auto;
}

.testimonios p { margin-bottom: 5px; }

.autor {
	color: #719B1D;
	background: url(verde/ico_globo.jpg) left top no-repeat;
	padding-left: 35px;
	float:left;
}

/* footer 
**********************************************************************/
.footer {
	clear: both;
	background:url(verde/bg_footer.jpg) left bottom repeat-x;
	height: 72px;
	padding: 10px 0 ;
	width:100%;
	
}

.footerIn {
	width: 940px;
	margin: 0 auto;
}

/* paginas  miembro 
**********************************************************************/
.navMiembros { border-top: 1px solid #719B1D; 
	border-bottom: 1px solid #719B1D;
	padding: 10px 0;
	text-align:center;
	margin-bottom: 15px;
}



/* form 
**********************************************************************/
form#login label { width: 150px; display:inline-block}
form#registro label { width: 150px; display:inline-block}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size: 13px;}

fieldset { 
	background: transparent url(verde/bg_transp.png) repeat fixed; 
	padding: 15px; 
	border: 0 solid #FFF; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 0.5em;
	/*visibility:hidden;*/
	}

form#GRSubscribeForm fieldset { background: transparent; }

/* misc
**********************************************************************/
.btGr { 
	background: url(verde/bt_gr.jpg) no-repeat; 
	text-align: center;
	font-size: 20px;
	width: 190px;
	height: 38px;
	line-height: 32px;
	color: #FFF;
	display:inline-block;
	text-decoration:none;s
	font-weight: bold;
}
a.btGr { display:block;}
.fl {
	float: left !important;
	margin-right: 10px;
}

.fr {
	float: right !important;
	margin-left: 10px;
}

.ctr { margin: 0 auto !important; width: auto;}
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.trns { /* */
}

/* margins */
.nm { margin: 0 !important; }

.nmRig { margin-right: 0 !important; }

.nmLef { margin-left: 0 !important; }

.nmTop { margin-top: 0 !important; }

.nmBot { margin-bottom: 0 !important; }

/* borders */
.nb { border: none !important; }

.nbRig { border-right: none !important; }

.nbLef { border-left: none !important; }

.nbTop { border-top: none !important; }

.nbBot { border-bottom: none !important; }

/* paddings */
.np { padding: 0 !important; }

.npRig { padding-right: 0 !important; }

.npLef { padding-left: 0 !important; }

.npTop { padding-top: 0 !important; }

.npBot { padding-bottom: 0 !important; }

/* background */
.nBg { background: none !important; }

/* do not show */
.no { display: none !important; }