* {
	font-family: 'Arial', 'Verdana';
	padding: 0px;
	margin: 0px;
}

html {
	width: 100%;
	height: 100%;
	background-image: url("images/background.jpg");
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
}

/* PAGE */
#page {
	width: 770px;
	height: 440px;
	margin: 0px auto 0px auto;
	background-color: #7bbacb;
}

#header {
	width: 770px;
	height: 133px;
	background-color: #00a0b8;
}

	#header #data {
		height: 39px;
		border-left: 160px solid #7bbacb;
	}
	
		#header #data #almagro {
			color: #ffffff;
			font-size: 11px;
			padding: 17px 0px 0px 22px;
			letter-spacing: 6px;
			float: left;
		}
	
		#header #data #informacion {
			padding: 18px 16px 0px 0px;
			float: right;
		}
		
			#header #data #informacion a {color: #ffffff; font-size: 10px; text-decoration: none;}
			#header #data #informacion a:hover {color: #000000; font-size: 10px; text-decoration: none;}
	
	#header #band {
		width: 770px;
		height: 94px;
		background-color: #c8dfe7;
	}
	
		#header #band #trees {
			padding-right: 110px;
			float: left;
		}
		
		#header #band #direccion {
			padding-right: 87px;
			float: left;
		}
		
		#header #band #old_mitre {
			width: 141px;
			font-size: 10px;
			color: #ffffff;
			margin-top: 12px;
			padding: 15px 0px 15px 8px;
			background-color: #7bbacb;
			float: left;
		}
			
			#header #band #old_mitre a {font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none;}
			#header #band #old_mitre a:hover {font-size: 14px; color: #000000; font-weight: bold; text-decoration: none;}
			
#menu {
	width: 160px;
	height: 292px;
	padding: 15px 0px 0px 0px;
	background-image: url(images/menu/back.jpg);
	float: left;
}

	#menu a.menu {color: #ffffff; padding-left: 10px; font-size: 10px; line-height: 24px; text-decoration: none; display: block;}
	#menu a.menu:hover {color: #00a0b8; padding-left: 10px; font-size: 10px; line-height: 24px; text-decoration: none; background-color: #c8e0e4; display: block;}
	
	#menu a.menu_opened {color: #00a0b8; padding-left: 10px; font-size: 10px; line-height: 24px; text-decoration: none; background-color: #c8e0e4; display: block;}
	
	#menu a.menu_closed {color: #4f91a3; padding-left: 10px; font-size: 10px; line-height: 24px; text-decoration: none; display: none;}

#body {
	width: 610px;
	height: 307px;
	float: left;
}

	#body #home_movie {
		width: 610px;
		height: 307px;
		background-image: url("images/home/back.jpg");
	}
	
	#body #top_body {
		width: 610px;
		height: 245px;
		margin-top: 20px;
		background-color: #00a0b8;
	}
	
		#body #top_body #title {
			font-size: 12px;
			color: #ffffff;
			padding: 7px 0px 7px 22px;
			letter-spacing: 2px;
		}
		
		#body #top_body #title_info {
			font-size: 12px;
			color: #ffffff;
			padding: 8px 0px 7px 22px;
			letter-spacing: 2px;
		}
		
		#body #top_body #edificio {
			width: 320px;
			height: 181px;
			margin-top: 10px;
			padding-left: 22px;
			float: left;
		}
		
			#body #top_body #edificio #txtbox {
				width: 300px;
				height: 181px;
				font-size: 12px;
				line-height: 16px;
				color: #ffffff;
				float: left;
			}
			
			#body #top_body #edificio #scroll {
				width: 20px;
				text-align: right;
				margin-top: 150px;
				float: right;
			}
			
		#body #top_body #ubicacion {
			width: 578px;
			padding: 10px 10px 0px 22px;
			float: left;
		}
		
			#body #top_body #ubicacion .ubicacion {
				width: 279px;
				padding-right: 8px;
				float: left;
			}
				
			#body #top_body #ubicacion #map {
				width: 129px;
				padding-right: 10px;
				font-size: 10px;
				color: #ffffff;
				float: left;
			}
			
			#body #top_body #ubicacion #data {
				width: 152px;
				font-size: 10px;
				color: #ffffff;
				float: left;
			}
				
				#body #top_body #ubicacion #data h1 {font-size: 12px; display: inline;}
				#body #top_body #ubicacion #data h2 {font-size: 12px; font-weight: bold; display: inline;}
				
				#body #top_body #ubicacion #data img {
					padding-top: 2px;
				}

		#body #top_body #plantas {
			width: 460px;
			padding-left: 22px;
			float: left;
		}
		
			#body #top_body #plantas .tipo {
				width: 447px;
				height: 28px;
				margin-bottom: 15px;
				background-image: url("images/plantas/back.jpg");
				float: left;
			}
			
				#body #top_body #plantas .tipo img {
					float: left;
				}
				
				#body #top_body #plantas .tipo .ver {
					padding: 14px 7px 0px 0px;
					color: #ffffff;
					font-size: 10px; 
					float: right;
				}
				
					#body #top_body #plantas .tipo .ver a {color: #ffffff; font-size: 10px; text-decoration: none;}
					#body #top_body #plantas .tipo .ver a:hover {color: #000000; font-size: 10px; text-decoration: none;}
			
			#body #top_body #images {
				float: right;
			}
			
		#body #top_body #detalles {
			width: 588px;
			padding-left: 22px;
			float: left;
		}
		
		#body #top_body #detalles .detalles {
			width: 284px;
			margin-top: 10px;
			padding-right: 10px;
			font-size: 10px;
			color: #ffffff;
			float: left;
		}
		
		#body #top_body #avances {
			width: 588px;
			padding-left: 22px;
			float: left;
		}
		
			#body #top_body #avances .avances {
				width: 272px;
				height: 180px;
				margin-top: 10px;
				padding-right: 22px;
				color: #ffffff;
				float: left;
			}
			
				#body #top_body #avances .avances .images_left {
					height: 160px;
					float: left;
				}
				
				#body #top_body #avances .avances .images_right {
					height: 160px;
					float: right;
				}
			
				#body #top_body #avances .avances .pie {
					width: 272px;
					height: 17px;
					padding-top: 3px;
					text-align: center;
					font-size: 11px;
					background-color: #7bbacb;
					float: left;
				}
				
			#body #top_body #avances #mas {
				width: 210px;
				margin-top: 5px;
				float: right;
			}
				
				#body #top_body #avances #mas a {color: #ffffff; font-size: 10px; text-decoration: none;}
				#body #top_body #avances #mas a:hover {color: #000000; font-size: 10px; text-decoration: none;}
		
		#body #top_body #departamentos {
			width: 320px;
			padding-left: 22px;
			font-size: 12px;
			color: #ffffff;
			float: left;
		}
		
		#body #top_body #departamentos .tipo {
			width: 320px;
			height: 28px;
			margin-bottom: 23px;
			background-image: url("images/departamentos/back.jpg");
			float: left;
		}
		
			#body #top_body #departamentos .tipo img {
				float: left;
			}
			
				#body #top_body #departamentos .tipo .box {
					width: 50px;
					height: 28px;
					text-align: center;
					float: right;
				}
				
					#body #top_body #departamentos .tipo .box .ambientes {
						width: 50px;
						color: #00a0b8;
						padding-top: 1px;
						text-align: center;
						font-size: 10px;
						float: right;
					}
					
					#body #top_body #departamentos .tipo .box .depto {
						width: 50px;
						color: #ffffff;
						padding-top: 1px;
						text-align: center;
						font-size: 10px;
						float: right;
					}
						
						#body #top_body #departamentos .tipo .box .depto a {color: #ffffff; font-size: 10px; text-decoration: none;}
						#body #top_body #departamentos .tipo .box .depto a:hover {color: #000000; font-size: 10px; text-decoration: none;}
						
					#body #top_body #departamentos #disponibilidad {
						padding-top: 15px;
						float: left;
					}
						
						#body #top_body #departamentos #disponibilidad a {color: #ffffff; font-size: 12px; text-decoration: none;}
						#body #top_body #departamentos #disponibilidad a:hover {color: #000000; font-size: 12px; text-decoration: none;}

					
		#body #top_body #quienes {
			width: 578px;
			padding: 0px 10px 0px 22px;
			font-size: 11px;
			color: #ffffff;
			float: left;
		}
		
		#body #top_body #quienes .quienes {
			width: 279px;
			margin-top: 10px;
			padding-right: 10px;
			line-height: 16px;
			font-size: 11px;
			color: #ffffff;
			float: left;
		}
		
			#body #top_body #quienes .quienes h1 {font-size: 11px; font-weight: normal; color: #c0deea; display: inline;}
					
		#body #top_body #detalles_band {
			width: 255px;
			height: 18px;
			margin-top: -29px;
			color: #00a0b8;
			padding-top: 2px;
			text-align: center;
			font-size: 10px;
			background-color: #c8e0e4;
			float: right;
		}
		
			#body #top_body #detalles_band a {color: #00a0b8; font-size: 11px; font-weight: bold; text-decoration: none;}
			#body #top_body #detalles_band a:hover {color: #000000; font-size: 11px; font-weight: bold; text-decoration: none;}
			#body #top_body #detalles_band a.on  {color: #000000; font-size: 11px; font-weight: bold; text-decoration: none;}
			
		#body #top_body #imagenes_obra {
			width: 578px;
			padding-left: 22px;
			font-size: 11px;
			color: #ffffff;
			float: left;
		}
		
			#body #top_body #imagenes_obra .image {
				padding: 10px 23px 10px 0px;
				float: left;
			}
			
		#body #top_body #siguiente {
			padding: 0px 37px 0px 0px;
			font-size: 10px;
			color: #ffffff;
			float: right;
		}
		
			#body #top_body #siguiente a {color: #ffffff; text-decoration: none;}
			#body #top_body #siguiente a:hover {color: #000000; text-decoration: none;}
			
		#body #top_body #imagenes_galeria {
			width: 512px;
			padding: 15px 0px 0px 88px;
			font-size: 11px;
			color: #ffffff;
			float: left;
		}
		
			#body #top_body #imagenes_galeria .image {
				padding: 10px 25px 15px 0px;
				float: left;
			}
		
		#body #top_body #contactese {
			width: 255px;
			height: 18px;
			margin-top: -30px;
			color: #00a0b8;
			padding-top: 2px;
			text-align: center;
			font-size: 10px;
			background-color: #c8e0e4;
			float: right;
		}
		
			#body #top_body #contactese a {color: #00a0b8; font-size: 11px; font-weight: bold; text-decoration: none;}
			#body #top_body #contactese a:hover {color: #000000; font-size: 11px; font-weight: bold; text-decoration: none;}
			
		#body #top_body #image {
			margin-top: -9px;
			float: right;
		}
		
		#body #top_body .informacion {
			width: 280px;
			padding: 45px 0px 0px 22px;
			color: #ffffff;
			font-size: 10px;
			letter-spacing: 1px;
			float: left
		}
		
			#body #top_body .informacion h1 {color: #ffffff; font-size: 13px; font-weight: bold;}
			#body #top_body .informacion h2 {color: #ffffff; font-size: 10px; font-weight: normal; letter-spacing: 0px;}
			#body #top_body .informacion h3 {color: #ffffff; font-size: 15px; font-weight: bold;}
			#body #top_body .informacion h4 {color: #ffffff; font-size: 10px; font-weight: normal;}
			
		#body #top_body .financiacion {
			padding: 45px 0px 0px 22px;
			color: #ffffff;
			font-size: 10px;
			float: left
		}
		
			#body #top_body .financiacion h1 {color: #ffffff; font-size: 15px; font-weight: bold;}
			#body #top_body .financiacion h2 {color: #ffffff; font-size: 14px; font-weight: normal;}
					
	#body #imagenes {
		width: 610px;
		height: 42px;
		background-color: #c8e0e4;
	}
		#body #imagenes #title {
			width: 59px;
			height: 40px;
			padding: 2px 0px 0px 7px;
			float: left;
		}
		
			#body #imagenes #title a {font-size: 10px; color: #00a0b8; text-decoration: none;}
			#body #imagenes #title a:hover {font-size: 10px; color: #000000; text-decoration: none;}
		
		#body #imagenes #thumbs {
			height: 42px;
			float: left;
		}
		
		#body #imagenes #izq {
			width: 40px;
			height: 16px;
			padding-top: 16px;
			text-align: center;
			float: left;
		}	
		
		#body #imagenes #der {
			width: 39px;
			height: 16px;
			padding-top: 16px;
			text-align: center;
			float: right;
		}

/* POP UPS */
#pop_plantas {
	width: 742px;
	background-color: #ff0000;
}

	#pop_plantas #title {
		width: 742px;
		height: 25px;
		font-size: 12px;
		color: #ffffff;
		text-align: center;
		background-color: #c8e0e4;
	}
	
#alt {
	position:absolute;
	z-index:100;
	color: #ffffff;
	background-color: #00a0b8;
	text-align:center;
	font-size: 10px;
	font-family: verdana, arial;
	font-weight: bold;
	width: 80px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}


#footer {
	width: 588px;
	margin: 0px auto 0px auto;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0px 0px 182px;
	float: left;
}