*{margin: 0; padding: 0;}
body{ font-family: Verdana, Trebuchet MS, Arial, sans-serif;
background: #8fb550;
}
/******* Etiquetas generales ****************/
h1{
	font-family: "Times New Roman", Georgia, Verdana, Arial, serif;
	font-size: 20px; font-weight: bold;
	}
h2{
	font-family: "Times New Roman", Georgia, Verdana, Arial, serif;
	font-size: 18px;
	font-weight: bold;
	color: #999;
	
	}
h3{
	font-family: "Times New Roman", Georgia, Verdana, Arial, serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	
	}
a:active
{
outline: none;
}
a{outline: none; border: none;}

.limpiar{clear: both;}


#contenedor{
background: #fff;
padding-top: 50px;
	background-image: url('/images/pasto.gif');
	background-repeat: repeat-x; 
	background-position: bottom left;
}

/******** Barra y menu ***************************/
#menu{
	width: 760px;
	margin: 0 auto;
	
}
#menuito {
	width: 500px;
	text-align: right;
	margin-left: 250px;
	background-image: url('/images/fd_menu.gif');
	background-repeat: repeat-x; 
	background-position: bottom left;
}
	#enlaces {
		background-image: url('/images/m_menu.gif');
		background-repeat: no-repeat; 
		background-position: top left;
	}
	#enlaces a img{ border: none;}
	
	#enlaces a{margin: 0 5px;}
	#enlaces a:hover{border-bottom: 3px solid #999;	}

	
	
#barra{
	height: 152px;
	margin-bottom: 25px;
	
	background-image: url('/images/fd_barra.gif');
	background-repeat: repeat-x; 
	background-position: top left;
}
#barra_contenido{
	margin: 0 auto;
	height: 152px;
	width: 760px;
}
#barrita{
	height: 66px;
	margin-bottom: 15px;
	margin-top: 10px;
	
	background-image: url('/images/fd_barrita.gif');
	background-repeat: repeat-x; 
	background-position: top left;
}
#barrita_contenido{
	margin: 0 auto;
	height: 66px;
	width: 760px;
	text-align: right;
	background-image: url('/images/logito.jpg');
	background-repeat: no-repeat; 
	background-position: top left;
}
#barrita_contenido img{
	margin-top: 18px;
}
/************** Contenido principal *****************/
#contenido{
	margin: 0 auto;
	width: 760px;
	
	background-image: url('/images/arbol.gif');
	background-repeat: no-repeat; 
	background-position: bottom left;
}

	#medio{ 
		float: left;
		width: 365px;
	
	}
		#medio p{ 
			font-size: 10px;
			color: #666;
			line-height: 14px;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		#medio p.solo{border: 0; border-bottom: 1px solid #eee;} 
		#medio p img{ margin-bottom: 5px; }
		#medio .slogan {
			background: #e7f8ce;
			border: 1px solid #daeac3;
			padding: 10px;
			margin-top: 12px;
			margin-bottom: 20px;
			font-size: 10px;
			font-weight: bold;
			line-height: 12px;
			color: #4e4c4c;
			}
	#medio .pcontacto p {
		color: #444;
		padding-top: 10px;
		padding-bottom: 10px;
		}





	#mediod{ 
		float: right;
		width: 365px;
		
		text-align: center;
		margin-bottom: 50px;
				
	}
		
		#mediod .elementos{
			padding: 10px;
			padding-left: 15px;
			margin-top: 10px;
			text-align: left;
			background: #f0fbde;
			border: 1px solid #daeac2;
		}
		#mediod .elementos img{margin-left: 5px; margin-bottom: -5px;}
		#mediod .elementos p{
			font-size: 10px;
			color: #4e4c4c;
			line-height: 14px;
			margin-bottom: 7px;
			

		}
		#mediod .formacon{
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 30px;
			text-align: left;
			background: #e7f5cd;
			border: 1px solid #daeac2;
		}
		
		
		
		#mediod .forma{
			padding: 10px;
			font-size: 10px;
			color: #4e4c4c;
			background-image: url('/images/fd_contacto.gif');
			background-repeat: repeat; 
			background-position: top left;
		}
		#mediod .forma p {margin-bottom: 2px;}
		#mediod .forma input, #mediod .forma textarea{
			margin-bottom: 6px;
			border: 1px solid #9a9a9a;
			background: #fafad7;
		}
		#mediod .forma input.boton{
			font-size: 10px;
			font-weight: bold;
			background:#eee; color:#4444;
			border:1px outset #dedede; vertical-align:bottom;
			padding:2px;
			margin-right: 20px;
		}
		
		#mediod .pcontacto{text-align: left;} 
        #mediod .pcontacto p{ 
			font-size: 10px;
			color: #666;
			line-height: 14px;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		
		#mediod .pcontacto p.solo{border: 0; border-bottom: 1px solid #eee;} 
		#mediod .pcontacto p img{ margin-bottom: 5px; }
		
    	#mediod .pcontacto p {
    		color: #444;
    		padding-top: 10px;
    		padding-bottom: 10px;
    		}
	#dostercios{ 
		float: left;
		width: 465px;
		margin-bottom: 120px;
	}
		#dostercios p{ 
			font-size: 10px;
			color: #666;
			line-height: 14px;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		#dostercios p.solo{border: 0; border-bottom: 1px solid #eee;} 
		#dostercios p img{ margin-bottom: 5px; }
	
	#untercio{ 
		float: right;
		width: 245px;
		padding-left: 25px;
		
		background-image: url('/images/fd_separador.gif');
		background-repeat: repeat-y; 
		background-position: top left;
	}
		#untercio p{ 
			font-size: 9px;
			color: #777;
			line-height: 12px;
			margin-top: 8px;
			margin-bottom: 5px;
		}
		#untercio a{ 
			font-size: 9px;
			color: #fb7800;
			text-decoration: none;
		}
		#untercio a:hover{ 
			text-decoration: underline;
		}

/*********** Pie y extras *******************/
#pie{ text-align: center; }

#pie p{
	margin-top: 15px;
	font-size: 9px;
	color: #48661c;
	margin-bottom: 10px;
}
#pie p a{
	color: #48661c;
	text-decoration: none;
	font-weight: bold;
}
#pie p a:hover{
	color: #fa7701;
}

/*
#menu {width: 180px; float: left;}
#menu .logo{ border-bottom: 1px solid #eee; padding-bottom: 15px;}
#menu .unidad{border-bottom: 1px solid #eee; text-align: left; height: 60px;}
#menu .unidad a{display: block; float: none; clear: both; height: 60px; border: none; text-decoration: none;}
#menu .unidad a:hover{ background: #f7f7f7; }
#menu .unidad a img{ border: none; }
#menu .unidad p.tit{font-family: "Times New Roman", Georgia, Verdana, Arial, serif; float: left; width: 115px;margin-top: 5px; font-size: 18px; color: #333; line-height: 18px;}
#menu .unidad p{font-family: Verdana, Trebuchet MS, Arial, sans-serif; font-size: 9px; line-height: 10px; color: #666;}
#menu .unidad img{float: left; margin: 5px;}


#contenido{width: 500px; float: right;}
#contenido .arriba{ height: 20px; background-image: url('/images/fd_arriba.gif');	background-repeat: no-repeat; background-position: bottom left;}
#contenido .medio{ background-image: url('/images/fd.gif'); background-repeat: repeat-y; background-position: top left; padding: 0 26px; margin: 0px;}
#contenido .abajo{ height: 20px; background-image: url('/images/fd_abajo.gif'); background-repeat: no-repeat; background-position: top left; }

#presentacion {}
#presentacion .slogan{ width: 290px; float: left;}
#presentacion .slogan div.comillarriba{ padding-top: 5px;
	background-image: url('/images/comillas_arriba.gif');
	background-repeat: no-repeat; 
	background-position: top left;
	}
#presentacion .slogan div.comillabajo{
	background-image: url('/images/comillas_abajo.gif');
	background-repeat: no-repeat; 
	background-position: bottom right;
	}
#presentacion .slogan div.desc{
	
	text-align: left;
	padding: 0 10px;
	line-height: 24px;
	
	}

#presentacion .ultimo{width: 140px; float: right; text-align: right; border-left: 1px solid #ddd; margin-top: 5px; }
#presentacion .ultimo a{ color: #EC5D24; font-size: 9px; font-weight: bold; text-decoration: none; margin-right: 5px;}
#presentacion .ultimo a:hover{ color: #fff; background: #EC5D24;}

#presentacion .ultimo p{text-align: left;}
#presentacion .ultimo p.titulo{ margin-left: 18px; font-size: 9px; font-weight: bold; color: #333;}
#presentacion .ultimo p.desc{margin-left: 18px; margin-bottom: 5px; font-size: 9px; color: #666;}

#presentacion .info{}
#presentacion .info p{font-size: 10px; color: #333; text-align: left;}

#servicios {text-align: left;}
#servicios div.titulo {border-bottom: 1px solid #ddd; text-align: right; padding-right: 10px; margin-bottom: 5px;}
#servicios .izq{ position: absolute; width: 205px;}
#servicios .der{float: right; width: 220px; border-left: 1px solid #ddd; padding-left: 15px;}
#servicios .izq h3, #servicios .der h3{line-height: 12px; }
#servicios p{color: #333; font-size: 11px; line-height: 14px;}
#servicios .izq p.sub, #servicios .der p.sub{color: #999; font-size: 10px; font-weight: bold; margin-bottom: 5px;}
#servicios h3.final{color: #333; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#servicios .izq ul, #servicios .der ul{ list-style: none; margin: 12px 0px 12px 18px; text-indent: 20px; }
#servicios .izq ul li,#servicios .der ul li {font-size: 10px; line-height: 12px; font-weight: bold; color: #666; margin: 8px 0;
	background-image: url('/images/li.gif');
	background-repeat: no-repeat; 
	background-position: 0px 3px;
	}

#servicios div.titulo, #portafolio div.titulo {border-bottom: 1px solid #ddd; text-align: right; padding-right: 10px; margin-bottom: 5px;}

#portafolio {text-align: left;}
#portafolio .unidad{ height: 95px; background: #fafafa; border: 1px solid #eee; margin-bottom: 10px;   }
#portafolio a{ color: #EC5D24; font-size: 10px; font-weight: bold; text-decoration: none; margin-right: 5px; }
#portafolio a:hover{ color: #fff; background: #EC5D24;}
#portafolio .unidad img.borde {border: 3px solid #eee; }
#portafolio .unidad img{position: absolute; }
#portafolio .unidad small{ margin-left: 225px;}
#portafolio .unidad p{ margin-left: 225px;}
#portafolio .unidad small.sub{ color: #999; font-size: 10px; font-weight: bold; }
#portafolio .unidad p.info{color: #333; font-size: 10px; margin-bottom: 5px; margin-top: 5px;}
#portafolio .unidad p.derecha{text-align: right;}
#portafolio .unidad h3{line-height: 12px; margin-left: 225px; margin-top: 3px;}

#contacto {text-align: left;}
#contacto div.titulo {border-bottom: 1px solid #ddd; text-align: right; padding-right: 10px; margin-bottom: 5px; height: 24px;}
#contacto h2{height: 40px;}
#contacto .izq{width: 185px; float: left; text-align: right;}
#contacto .izq p{font-size: 10px; font-weight: bold; text-align: right;}
#contacto .der{width: 240px; float: right; border-left: 1px solid #ddd; padding-left: 15px;}
#contacto .der p{font-size: 10px; color: #bbb;}
#contacto .der label{font-size: 10px; color: #666;}
#contacto .der input{font-size: 10px; color: #333; height: 18px; line-height: 18px; border: 1px solid #bbb;}
#contacto .der input.boton{font-weight: bold;color: #333; height: 20px; width: 60px; border: 1px solid #666; background: #fff;}
#contacto .der textarea{font-size: 12px; color: #333; border: 1px solid #bbb; margin-bottom: 5px;}*/