//Archivo de estilos de EverGreen

html{
	border: 0px;
	SCROLLBAR-FACE-COLOR: #f3f4f5; 
	SCROLLBAR-HIGHLIGHT-COLOR: #F0A553; 
	SCROLLBAR-SHADOW-COLOR: #F0A553;  
	SCROLLBAR-3DLIGHT-COLOR: #f3f4f5; 
	SCROLLBAR-ARROW-COLOR: #F0A553; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #f3f4f5;
	
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
}
td#contenido div{
	SCROLLBAR-FACE-COLOR: #f3f4f5; 
	SCROLLBAR-HIGHLIGHT-COLOR: #999999; 
	SCROLLBAR-SHADOW-COLOR: #999999;  
	SCROLLBAR-3DLIGHT-COLOR: #f3f4f5; 
	SCROLLBAR-ARROW-COLOR: #999999;  
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #f3f4f5; 
	overflow-x: hidden;
}
body{
	font-family: "Trebuchet MS", Arial, verdana;
	font-size: 10pt;
	margin: 0px;
	text-align: justify;
	cursor: default;
	padding: 0px;
	border: 0px;
	color: #000;
	/*background: #70A82D;*/
	background: #cfc57c;
	overflow-y: auto;
	/*overflow-x:hidden;*/
}
table{
	border-collapse: collapse;
}
td{
	vertical-align: top;
}
img{
	border: 0px;
	cursor: auto;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	padding-bottom: 10px;
	padding-top: 5px;
	list-style: none;
}
a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
	color: #3B610C;
	line-height: 100%;
}
/* Tabla principal del sitio en html */
#page{
	width: 100%;
	height: 100%;
}
#general{
	width: 1000px;
	/*height: 515px;*/
	margin: auto; 
}

#estructura{
	width: 100%;
	height: 310px;
	margin-top: 0px;
	margin-bottom: 7px;
	background: #fff; /*url(../images/bg_cont.gif) no-repeat left 40px;*/
}
#top{
	height: 155px;
	background: #6F9447 url(../images/top.jpg);
}
#top h1{
	display: none;
}
#contenido{
	//width: 610px;
}
.cont{
	height: 268px;
	padding-left: 50px;
	padding-right: 15px;
	margin-right: 30px;
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 12pt;
	overflow-y: auto;
	line-height: 150%;
	/*background: #fff url(../images/bg_cont.gif) no-repeat fixed left top;*/
	color: Black;
	text-align: justify;
}
h2, h3{
	font-size: 34px;
	margin-top: 20px;
	font-style: italic;
	border-bottom: 1px solid green;
}
h3{
	font-size: 24px;
	text-decoration: underline;
	border: none;
}
.cont p, .cont ul{
	clear: both;
}
ul{
	line-height: 100%;
	padding-left: 30px;
	margin-bottom: 30px;
}
#menu{
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border-bottom: 7px solid #3B610C;
	background: #000;
	height: 25px;
	font-size: 10pt;
}
#menu li{
	padding: 0px;
	margin: 0px;
	padding-bottom: 2px;
	list-style: none;
	display: inline;
	height: 25px;
	text-align: center;
}
#menu li a{
	float: left;
	display: block;
	line-height: 19px;
	margin-top: 2px;
	height: 19px;
	padding-left: 7px;
	padding-right: 8px;
	border-right: 1px solid #fff;
}
#menu li a:hover{
	/*background: red;*/
}
/*#menu li a#u_l{
	border: none;
}*/
#menu2{
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	/*border-bottom: 7px solid #3B610C;
	background: #000;*/
	height: 25px;
	font-size: 10pt;
}
#menu2 li{
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 14.24999999%;
	/*background: Teal;*/
	height: 25px;
	text-align: center;
}
#menu2 li a{
	display: block;
	margin-bottom: 2px;
	margin-top: 2px;
	height: 19px;
	padding-top: 1px;
	border-right: 1px solid #fff;
}
#menu2 li a:hover{
	/*background: red;*/
}
#menu2 li a#u_l{
	border: none;
}
#info{
	width: 390px;
	background: #fff url(../images/render_evergreen.jpg) no-repeat right top;
}
#evergreen #contenido{
	background: url(../images/evergreen.contenido.jpg) no-repeat right 32px;
}
#evergreen .cont{
	height: 380px;
	padding-right: 210px;
}
#location #info{
	background-image: url(../images/render_locations.jpg);
	background-position: left 0px;
}
#location .cont h2 {
	display: none;
}
#location #contenido{
	background: url(../images/location.contenido.jpg) no-repeat;
	background-position: right 32px;
}
#location .cont{
	height: 560px;
}
#models .cont{
	height: 250px;
}
#models .cont a{
	/*background: Red;*/
	display: block;
	float: left;
	width: 45px;
	height: 125px;
	margin-right: 43px;
	margin-top: 113px;
}
#models #C1{
	position: relative;
	left: 60px;
}
#models #C2{
	position: relative;
	left: 87px;
}
#models #J1{
	position: relative;
	left: 190px;
}
#models #J2{
	position: relative;
	left: 193px;
}
#models #contenido{
	background: url(../images/model_contenido.jpg) no-repeat;
	background-position: right 32px;
}
#models .cont2{
	height: 250px;
}
#models .cont2 a{
	/*background: Blue;*/
	display: block;
	float: left;
	width: 60px;
	height: 130px;
	margin-left: 45px;
	margin-right: 5px;
	margin-top: 117px;
}
#models #M2{
	width: 80px;
}
#models #info{
	background: url(../images/img_modelderecho.jpg) no-repeat;
	background-position: left 0px; 
	/*padding-left: 87px;
	width: 303px;*/
}
#features #info{
	background-image: url(../images/bg_cont.jpg);
}
#features #menu2 li{
	width: 23%;
}
#team #info{
	background-image: url(../images/bg_cont6.jpg);
}
#team #menu2 li{
	width: 23%;
}
#about #info{
	background-image: url(../images/bg_cont1.jpg);
}
#about #menu2 li{
	width: 23%;
}
#team .cont h2 span{
	margin-top: 5px;
	float:right;
	font-size:12pt;
	display: block;
	/*padding: 3px;*/
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 3px;
	background-color: #C5C5C5; #F3F4F5;
	border-bottom: solid 8px #3B610C;
}
#team .cont h2 span a{
	color: #3B610C;
	line-height: 20px;	
}
#team .cont h2 span a:hover{
	text-decoration: none;
}
#contact #info{
	background-image: url(../images/bg_cont7.jpg);
}
#contact #menu2 li{
	width: 23%;
}
#contact form table{
	height: 280px;
	/*margin-left: 10px;*/
}
#contact form table .input{
	margin: 2px;
}
#contact form table .celda1{
	width: 40%;
}
#contact form table .celda2{
	padding-right: 20px;
	padding-left: 15px;
}


/************* form *********************/
.inputbuton, .inputbuton:active{
	background: #fff;
	/*width: 85px;*/
	height: 20px;
	font-weight: bold;
	font-size: 8pt !important;
	padding-bottom: 3px;
	padding-top: 1px;
	border: 1px solid #a60;
	margin-top: 4px;
	color: #446699;
	cursor: hand; /*** cuando aplicamos esta clase a un botón en MOZ no sale la mano ***/
}
.inputbuton:hover{
	color: #c00;
}
.inputtext, #sidebar-left .form-text, #sidebar-left .form-item .textarea{
	background: #fff;
	border: 1px solid #a60;
	padding: 2px;
	width: 176px;
	font-size: 8.5pt;
	color: #446699;
	font-family: Trebuchet MS;
}
.cont_1{
	/*width: 375px;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: Black; #7E0A8B;
}
.cont_1 span{
	font-weight: bold;
	color: #E38944;	
}
.cont_2{
	/*width: 375px;*/
	text-align: center;
	padding-right: 50px;
	padding-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #E38944; Black; #7E0A8B;
}
#items{
	width: 138px;
	text-align: center;
	padding-top: 20px;
}
#som_der{
	background: url(../images/sombra2.gif) repeat-y left bottom;
	width: 25px;
}
#pie{
	overflow: hidden;
	background: #000 url(../images/bg_pie.gif) no-repeat left 0px;
	color: #FEFEB6;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	text-align: right;
	font-weight: bold;
	border-bottom: 7px solid #3B610C;
}
#pie p{
	padding: 0px;
	padding-right: 10px;
	font-size: 10pt;
	margin: 0px;
	height: 25px;
}
#home .img{
	padding-top: 10px;
}
#home #scrl{
	height: 370px;
	overflow-y: auto;
}

#products li{
	list-style: none;
}
#products span{
	font-weight: bold;
}
#contac #contc{
	width: 400px;
}
/*#contac .ctc1{
	font-weight: bold;
}*/
#contac .ctc2{
	padding-bottom: 10px;
	padding-left: 25px;
}
#contac h3{
	padding-top: 15px;
}
#page2{
	vertical-align: middle !important;
	text-align: center;
}