/* Sitio web, Grecia Realty, creado por Alfaweb
www.alfawebcr.com, info@alfawebcr.com */

/*** NEUTRALIZANDO ESTILOS: 
	elementos que queremos limpiar completamente: ***/

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}

/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

/*** Algunos ajustes basicos: ***/

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}

/*** FORMULARIOS: ***/

label, button {
cursor:pointer;
}

input, select, textarea {
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/*** Algunas clases útiles: ***/

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.helvetica {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

/*----------Estructura de la web-------*/
body{
	background: #FFF url(../img/bg-web.jpg) repeat-x left top;
	font-size : 12px;
	font-family: Tahoma, verdana, sans-serif;
	line-height: 16px;
	color: #485056;
}

#wrap{
	margin:0 auto;
	width:750px;
}



#flashcontent{
	width:750px;
	height:200px;
	margin:15px 0;
	clear:both;
}

#sidebar1{
float:left;
width:170px;
margin-left:10px;
margin-top:10px;
}

#sidebar2{
float:right;
width:170px;
margin-right:10px;
margin-top:10px;
}

#cuerpo{
margin:25px 200px 0 200px;
}

#cuerpo2{
margin:25px 10px 0 200px;
}

#pie{
	width:750px;
	height:25px;
	clear:both;
	margin-top:25px;
	border-top:1px dashed #666;
	padding:10px 0;
}

/*----listas-------*/
ul#nav{
	width:400px;
	height:22px;
	float:right;
	background-image: url(../img/nav-bg.gif);
	background-repeat: no-repeat;
	margin:25px 15px 0 0;
	position:relative;
}

ul#nav li{margin: 0; padding: 0; list-style: none; position: absolute;}

ul#nav li a{height: 22px; display: block; text-indent: -99999em; overflow: hidden; }

#main1{left: 0px; width: 75px;}
#main2{left: 75px; width: 120px;}
#main3{left: 195px; width: 128px;}
#main4{left: 323px; width: 77px;}

/*--------Encabezados------*/
h1{
float:left;
width:253px;
height:72px;
}

h1 a{
	width:253px;
	height:72px;
	overflow:hidden;
	text-indent:-1000em;
	display:block;
	background: url(../img/h1.gif) no-repeat;
}

h2{
margin: -4px 0 8px 0; padding:0;
	font-size: 38px; font-weight: normal; line-height: 1em; letter-spacing: -3px;
	color: #30a7c5;	
}

.h2-properties{width:132px; height:20px; background-image: url(../img/h2-properties.gif); background-repeat: no-repeat; display:block;
text-indent:-10000em;
overflow:hidden;}
.h2-grecia{width:161px; height:20px; background-image: url(../img/h2-grecia.gif); background-repeat: no-repeat; display:block;
text-indent:-10000em;
overflow:hidden;}
.h2-allinone{width:169px; height:20px; background-image: url(../img/h2-allinone.gif); background-repeat: no-repeat; display:block;
text-indent:-10000em;
overflow:hidden;}
.h3-aboutus{display:block; text-indent:-10000em; overflow:hidden; width:84px; height:20px; background-image: url(../img/h2-about.gif); background-repeat: no-repeat;}
.h3-rentals{display:block; text-indent:-10000em; overflow:hidden; width:60px; height:20px; background-image: url(../img/h3-rentals.gif); background-repeat: no-repeat;}

h3{
margin: 0; padding: 0 0 5px 0; font-size: 14px; font-weight: normal;color: #228597;
}
h3 > p{
margin-top:15px;
}

table.listings{
width:100%;
text-align:center;
}

table.listings th{
font-weight:bold;
}

table.listings td{padding:2px;}

img.detalle{border:1px solid #666; margin-bottom:25px; padding:3px;}

ul#fotos{
list-style:none;
}

ul#fotos li{display: inline; margin-left:3px;}


/* =Fotos : Cantos redontos de imagens 160x160px 
-----------------------------------------------------------*/
.foto160 {
	position: relative;
	width: 135px; height: 135px;
	margin: 0; padding: 0;
	overflow: hidden;
	float:left;
	margin:0 10px 15px 0;
}
.foto160 span {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 100%; height: 100%;
   padding: 0; margin: 0; 
	background: transparent url(../img/marco135.gif) no-repeat;
}

.foto150 {
	position: relative;
	width: 150px; height: 113px;
	margin: 0; padding: 0;
	overflow: hidden;
	float:left;
	margin:0 10px 15px 0;
}
.foto150 span {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 100%; height: 100%;
   padding: 0; margin: 0; 
	background: transparent url(../img/marco150-113.gif) no-repeat;
}

.new {
	position: relative;
	width: 75px; height: 57px;
	margin: 0; padding: 0;
	overflow: hidden;
	float:left;
	margin:0 10px 15px 0;
}
.new span {
	position: absolute;
	top: 0px; left: 35px;
	display: block;
	width: 45px; height:46px;
   padding: 0; margin: 0; 
	background: transparent url(../img/new.png) no-repeat left top;
	z-index:15;
}

/* =Fotos */
#fotos-tumb {
	position: absolute;
	left: 480px; top: 400px; 
	width: 410px; height: auto;
	margin: 0; padding: 0;
}
#fotos-tumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
#fotos-tumb li {
	float: left;
	display: block;
	width: 70px; height: 65px;
	margin: 0 0 0 15px; padding: 0;
}
#fotos-tumb li.first {
	margin: 0; padding: 0;
}
#fotos-tumb li.first a, #fotos-tumb li a {
	display: block;
	width: 100%; height: 100%;
   padding: 0; margin: 0; 
	border: 0;
	background: transparent url("../img/noticias-moldura-medium.gif"/*tpa=http://www.greciarealte.com/img/noticias-moldura-medium.gif*/) no-repeat;
}


/*----------Listas categorias -------------*/

ul.ano {
	width: auto; 
	margin: 0 0 20px 0; padding: 0;
	list-style: none;
	font-family: Tahoma, verdana, sans-serif; font-size: 11px; color: #808080;
}
ul.ano li.on {
	display: block;
   padding: 6px 11px 6px 21px; margin: 0;
	border: none; 
	border-bottom: 1px solid #acdce8;
	color: #697372;
	background: #eaf6f9 url("../img/icon-documento-cinza-arq.gif"/*tpa=http://www.greciarealty.com/img/icon-documento-cinza-arq.gif*/) no-repeat 6px 6px;
} 
ul.ano a {
	display: block;
   padding: 6px 11px 6px 21px; margin: 0;
	border: none; 
	border-bottom: 1px solid #acdce8;
	color: #808080;
	background: transparent url("../img/icon-documento-cinza-arq.gif"/*tpa=http://www.greciarealty.com/img/icon-documento-cinza-arq.gif*/) no-repeat 6px 6px;
}
ul.ano a:hover, ul.ano a:focus {color: #697372; background-color: #eaf6f9;}