*{
margin:0;
padding:0;
list-style:none;
}

body{
background-color:#85C7C5;
font:14px/18px 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
color: #444;
}

p{
text-align:justify;
margin-bottom:20px;
}

h3{
font-size:14px;
margin:0;
}
a{
color:#157172;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img{
border:none;
}
small{
font-size:10px;
}
/*******************Clases****************************/
.clear{
clear:both;
}
.dnone{
display:none;
}
.derecha{
float:right;
display:block;
}
img.title{
margin-bottom:15px;
margin-top:5px;
}
.marginc{
margin:0;
}
.center{
text-align:center;
}
/*******************ID's******************************/
#contenedor{
position:relative;
width:760px;
margin:0 auto;
margin-top:20px;
background-color:#FFF;

}
#cabecera{
position:relative;
background:transparent url(imagenes/cabecera.jpg) no-repeat top;
height:221px;
margin-bottom:10px;
}
	ul#nav {
	position:absolute;
	bottom:0;
	width:760px;
	height:33px;
	background:transparent url(imagenes/menu.jpg) no-repeat 0 -33px;
	}
	ul#nav li {
	display:block;
	float:left;
	}
	ul#nav li a {
	display:block;
	text-decoration:none;
	background:transparent url(imagenes/menu.jpg) no-repeat;
	}
	li#principal a {
	width:125px;
	height:33px;
	 }
	li#quienessomos a {
	width:159px;
	height:33px;
	 } 
	li#servicios a {
	width:120px;
	height:33px;
	}
	li#contacto a {
	width:126px;
	height:33px;
	 }	 
	li#principal a:hover, li#principal a:focus {
	background-position:0px -33px;
	 }
	li#quienessomos a:link, li#quienessomos a:visited {	
	background-position:-125px 0px;
	}
	li#quienessomos a:hover, li#quienessomos a:focus {	
	background-position:-125px -33px;
	}
	li#servicios a:link, li#servicios a:visited {	
	background-position: -284px 0px;
	}
	li#servicios a:hover, li#servicios a:focus {	
	background-position: -284px -33px;
	}
	li#contacto a:link, li#contacto a:visited {	
	background-position: -404px 0px;
	}
	li#contacto a:hover, li#contacto a:focus {	
	background-position: -404px -33px;
	}
		
	body#principal-page ul#nav li#principal a {
	background-position:0px -33px;
	}
	body#quienessomos-page ul#nav li#quienessomos a {
	background-position:-125px -33px;
	}
	body#servicios-page ul#nav li#servicios a {
	background-position:-284px -33px;
	}
	body#contacto-page ul#nav li#contacto a {
	background-position:-404px -33px;
	}
	
#contenido{
position:relative;
min-height:250px;
}
*html #contenido{
height:250px;
}

	/***************PRINCIPAL******************************/
	#contenido #izquierdap{
	float:left;
	width:490px;
	margin-bottom:20px;
	padding:0 20px;
	border-right:1px solid #E9EDEE;
	}
		#contenido #izquierdap #collage{
		display:block;
		width:450px;
		margin:20px auto;
		}
	#contenido #derechap{
	margin-bottom:20px;
	margin-left:530px;
	padding:0 20px;
	}
	
	
	/*****Diseño general izquierda derecha (SERVICIOS)******/
	#contenido #izquierda{
	float:left;
	width:490px;
	margin-bottom:20px;
	padding:0 20px;
	}
	#contenido #izquierda ul{
	text-align:justify;
	}
	#contenido #izquierda li{
	margin-bottom:20px;
	}
	#contenido #izquierda li.marginc{
	margin-bottom:10px;
	}
	#contenido #izquierda li.paddnatur{
	padding-left:20px;
	}
	
	*html #contenido #izquierda{
	width:490px;
	}
	
	#contenido #izquierda #ecoimg{
	background-color:#C9E9E8;
	border:1px solid #A9D8D3;
	width:400px;
	margin:20px auto;
	padding:10px;
	}
	#contenido #izquierda #ecoimg img.marleft{
	margin-left:10px;
	}
	
	#contenido #derecha{
	border-left:1px solid #E9EDEE;
	margin-bottom:20px;
	margin-left:530px;
	padding:0 20px;
	}
	/*******************CONTACTO****************/
	#contenido #contactodiv{
	margin-bottom:20px;
	padding:0 20px;
	}
	#contenido #contactodiv #form{
	width:350px;
	margin:0 auto;
	}
	#contenido #contactodiv #form label, #contenido #contactodiv #form input, #contenido #contactodiv #form textarea{
	display:block;
	width:350px;
	}
	#contenido #contactodiv #form input#enviarf{
	width:auto;
	margin:10px auto;
	}
	#contenido #contactodiv #direccion,#contenido #contactodiv #direccioni{
	float:left;
	}
	#contenido #contactodiv #direccioni{
	margin-left:20px;
	}
	/****************QUIENES SOMOS************/
	#contenido #quienessomosdiv{
	margin-bottom:20px;
	padding:0 20px;
	}
	#contenido #quienessomosdiv #todos{
	display:block;
	margin:20px auto;
	}
	
#pie{
position:relative;
height:40px;
background-color:#85C7C5;
clear:both;
padding:5px 2px;
}