/* CSS Document */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif
}

#todo{
	margin:0px auto;
	width:782px;
	padding:0px;
}

#cabecera{
	margin:0px;
	clear:both;
	padding:0px;
}

	#cabecera .borde_izquierdo{
		float:left;
		margin:0px;
		padding:0px;
		width:19px;
		height:68px;
		background:url(../img/interface/borde_izquierdo.jpg) no-repeat;
	}
	
	#cabecera .contenido{
		background:url(../img/interface/fondo.jpg) repeat-x #FFFFFF;
		color:#999999;
		float:left;
		height:68px;
		width:743px;
		margin:0px;
	}
	
		#cabecera .contenido .logo{
			float:left;
			width:125px;
			height:41px;
			margin:15px 0px 5px 0px;
		}
		
		#cabecera .contenido .logo img{
			border:0px;
		}
		
		#cabecera .contenido .menu{
			float:left;
			margin:25px 0px 0px 10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.68em;
			font-weight:bold;
			text-transform:uppercase;
		}

			#cabecera .contenido .menu a{
				text-decoration:none;
				background:inherit;
				color:#999999;
			}
		
			#cabecera .contenido .menu a:hover{
				text-decoration:none;
			}
		
			#cabecera .contenido .menu .link{
				float:left;
				padding:0px 7px 0px 7px;
			}
		
			#cabecera .contenido .menu .actual{
				float:left;
				background:#FFFFFF;
				color:#999999;
				height:43px;
				padding:0px 7px 0px 7px;
			}
		
			#cabecera .contenido .menu .separador{
				float:left;
			}
		
	#cabecera .borde_derecho{
		float:left;
		margin:0px;
		padding:0px;
		width:20px;
		height:68px;
		background:url(../img/interface/borde_derecho.jpg) no-repeat;
	}

#cuerpo{
	clear:both;
	margin:0px;
	height:499px;
}

	#cuerpo .borde_izquierdo_cuerpo{
		margin:0px;
		padding:0px;
		float:left;
		width:10px;
		height:476px;
		background:url(../img/interface/borde_izquierdo_cuerpo.jpg) no-repeat;
	}
	
	#cuerpo .contenido{
		margin:0px;
		padding:0px;
		float:left;
		background:url(../img/interface/fondo_cuerpo.jpg) repeat-x #FFFFFF;
		width:761px;
		height:476px;
		font-size:12px;
		color:#333333;
	}
	
		/* INICIO */
		#cuerpo .contenido .home{}
		
			#cuerpo .contenido .home .flash{
				clear:both;
			}
		
			#cuerpo .contenido .home .imagenes{
				clear:both;
				margin:0px auto;
				text-align:center;
				padding:15px 0px 0px 0px;
			}
			
			#cuerpo .contenido .home .imagenes img{
				border:0px;
			}
	
		/* QUE ES ECOSITE */
		#cuerpo .contenido .que_es_ecosite{}
		
			#cuerpo .contenido .que_es_ecosite .empresa{
				clear:both;
				margin:25px 25px 25px 25px;
			}
			
				#cuerpo .contenido .que_es_ecosite .empresa .imagenes{
					float:left;
				}

				#cuerpo .contenido .que_es_ecosite .empresa .texto{
					width:410px;
					margin:20px 0px 0px 20px;
					float:left;
				}
				
					#cuerpo .contenido .que_es_ecosite .empresa .texto .imagen{
						clear:both;
					}
					
					#cuerpo .contenido .que_es_ecosite .empresa .imagenes .trabajando{
						width:263px;
						height: 196px; 
						background-image: url("../img/que_es_ecosite/trabajando.png") !important;
						background-image: none; 
						filter: none !important;
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/que_es_ecosite/trabajando.png'); 
					}
					
					#cuerpo .contenido .que_es_ecosite .empresa .imagenes .coches{
						width:266px;
						height: 194px; 
						background-image: url("../img/que_es_ecosite/coches.png") !important;
						background-image: none; 
						filter: none !important;
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/que_es_ecosite/coches.png'); 
					}
					
					#cuerpo .contenido .que_es_ecosite .empresa .texto .titulo{
						clear:both;
						font-style:italic;
						text-transform:uppercase;
						font-size:14px;
						font-weight:bold;
						padding:10px 0px 0px 0px;
					}

					#cuerpo .contenido .que_es_ecosite .empresa .texto .comentario{}
					
					#cuerpo .contenido .que_es_ecosite .empresa .texto .comentario p{
						margin:5px 0px 0px 0px;
						padding:0px 20px 0px 0px;
					}
		
		/* EN QUE CONSISTE */
		#cuerpo .contenido .en_que_consiste{}
		
					#cuerpo .contenido .en_que_consiste .grafico{
						float:left;
						margin:25px 0px 25px 20px;
					}
					
					#cuerpo .contenido .en_que_consiste .grafico .titulo{
						font-style:italic;
						text-transform:uppercase;
						font-size:14px;
						font-weight:bold;
						margin:0px 0px 10px 0px;
					}
					
					#cuerpo .contenido .en_que_consiste .grafico .comentario{
						margin:0px 0px 0px 0px;
					}
					
					#cuerpo .contenido .en_que_consiste .grafico .imagen{
						width:440px;
						height: 370px; 
						background-image: url("../img/en_que_consiste/grafico.png") !important;
						background-image: none; 
						filter: none !important;
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/en_que_consiste/grafico.png'); 
					}

					#cuerpo .contenido .en_que_consiste .imagenes{
						float:left;
						margin:70px 0px 25px 15px;
					}

					#cuerpo .contenido .en_que_consiste .imagenes .imagen .ventajas{
						cursor:pointer;
						width:251px;
						height: 165px; 
						background-image: url("../img/en_que_consiste/ventajas.png") !important;
						background-image: none; 
						filter: none !important;
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/en_que_consiste/ventajas.png'); 
					}

					#cuerpo .contenido .en_que_consiste .imagenes img{
						width:252px;
						border:0px;
					}

		
		/* EXPERIENCIAS ECOSITE */
		#cuerpo .contenido .experiencias_ecosite{
			margin:25px;
		}
		
			#cuerpo .contenido .experiencias_ecosite .imagen{
				float:left;
			}
			
				#cuerpo .contenido .experiencias_ecosite .imagen .titulo{
					font-style:italic;
					text-transform:uppercase;
					font-size:14px;
					font-weight:bold;
					margin:0px 0px 10px 0px;
				}
				
				#cuerpo .contenido .experiencias_ecosite .imagen .imagen{
					width:390px;
					height: 307px; 
					background-image: url("../img/experiencias_ecosite/hospital.png") !important;
					background-image: none; 
					filter: none !important;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/experiencias_ecosite/hospital.png'); 
				}
			
			#cuerpo .contenido .experiencias_ecosite .descargas{
				float:left;
				margin:25px 0px 0px 15px;
				padding:0px 10px 0px 0px;
				width:290px;
			}
			
				#cuerpo .contenido .experiencias_ecosite .descargas .descargar{}
				
					#cuerpo .contenido .experiencias_ecosite .descargas .comentario{
						margin:0px 0px 20px 0px;
					}
					
					#cuerpo .contenido .experiencias_ecosite .descargas .boton{
						margin:0px 0px 20px 30px;
					}

					#cuerpo .contenido .experiencias_ecosite .descargas .boton .descargue{
						width:220px;
						height: 42px;
						cursor:pointer;
						background-image: url("../img/experiencias_ecosite/descargue.png") !important;
						background-image: none; 
						filter: none !important;
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/experiencias_ecosite/descargue.png'); 
					}
		
		/* CONTACTA CON NOSOTROS */
		#cuerpo .contenido .contacta_con_nosotros{
			margin:25px;
		}
		
			#cuerpo .contenido .contacta_con_nosotros .imagenes{
				float:left;
			}

				#cuerpo .contenido .contacta_con_nosotros .imagen{
					margin:0px 0px 10px 0px;
					width:388px;
					height: 260px;
					background-image: url("../img/contacta_con_nosotros/ausa.png") !important;
					background-image: none; 
					filter: none !important;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/contacta_con_nosotros/ausa.png'); 
				}

			#cuerpo .contenido .contacta_con_nosotros .descripcion{
				float:left;
				margin:6px 0px 0px 25px;
			}
			
				#cuerpo .contenido .contacta_con_nosotros .descripcion .logo{
					margin:0px 0px 15px 0px;
				}
				
				#cuerpo .contenido .contacta_con_nosotros .descripcion .titulo{
					font-style:italic;
					text-transform:uppercase;
					font-size:14px;
					font-weight:bold;
					margin:0px 0px 6px 0px;
				}
				
				#cuerpo .contenido .contacta_con_nosotros .descripcion .texto p{
					margin:0px 0px 15px 0px;
				}
		
	#cuerpo .borde_derecho_cuerpo{
		margin:0px;
		padding:0px;
		float:left;
		width:11px;
		height:476px;
		background:url(../img/interface/borde_derecho_cuerpo.jpg) no-repeat;
	}

	#cuerpo .borde_inferior_cuerpo{
		clear:both;
		width:782px;
		height:23px;
		background:url(../img/interface/borde_inferior_cuerpo.jpg) no-repeat;
	}

#pie{
	clear:both;
	text-align:right;
	font-size:10px;
	background:#FFFFFF;
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:5px 15px 5px 5px;
}

#pie img{
	border:0px;
}

#pie a{
	background:#FFFFFF;
	color:#666666;
	text-decoration:none;
}

#pie a:hover{
	background:#FFFFFF;
	color:#666666;
	text-decoration:underline;
}