/* - - - - - - - - - - - - - - - - - - - - -

Cliente		: 	ACOSTA VALLET
Autor		: 	Javier Lobos

Descripcion : 	

Creado 		:	22 de marzo, 2014
Modificado	:	05 de mayo, 2014

- - - - - - - - - - - - - - - - - - - - - */

/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/

@font-face {
    font-family: 'NeutraTextTF-Book';
    src: url('fonts/NeutraTextTF-Book-webfont.eot');
    src: url('fonts/NeutraTextTF-Book-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/NeutraTextTF-Book-webfont.woff') format('woff'),
         url('fonts/NeutraTextTF-Book-webfont.ttf') format('truetype'),
         url('fonts/NeutraTextTF-Book-webfont.svg#NeutraTextTF-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutraTextTF-BookSC';
    src: url('fonts/NeutraTextTF-BookSC-webfont.eot');
    src: url('fonts/NeutraTextTF-BookSC-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/NeutraTextTF-BookSC-webfont.woff') format('woff'),
         url('fonts/NeutraTextTF-BookSC-webfont.ttf') format('truetype'),
         url('fonts/NeutraTextTF-BookSC-webfont.svg#NeutraTextTF-BookSC') format('svg');
    font-weight: normal;
    font-style: normal;
}



body,th {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
   line-height: 18px;
	color: #000;
	background-color: #fff;
}

body {
	margin:0px;
}

* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #add1ff;
}
h1 {
	font-size: 14px;
}

p {
	font-size: 12px;
}

a span {
	display: none;
}

/*** Reseters ***/

h1, h2, h3, h4, p, ul, form, a, li, dl, dd, dt, table, tr, th, td {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------*/

#contenedor {
	width: 980px;
	margin: 0px auto 0px;
}

#top {
	width: 980px;
	height: 100px;
	margin: 0px auto 0px;
}

/***** SLIDE ******/

#slide {
	height: 151px;
	background: #231f20 url('../gfx/elementos/slide.jpg') repeat center top;
	clear: both;
	border: 1px solid #000;
}


/***** BOTONERA ******/

#menu {
	height: 30px;
	background: #231f20;
	clear: both;
	margin-top: 1px;
}

#botonera {
	width: 980px;
	height: 30px;
	margin: 0px auto 0px;

}

.b_01 a {
	width: 135px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_01.gif') no-repeat left top;
}

body#b_01 .b_01 a, .b_01 a:hover {
	background: url('../gfx/botones/b_01_over.gif') no-repeat left top;
}

.b_02 a {
	width: 137px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_02.gif') no-repeat left top;
}

body#b_02 .b_02 a, .b_02 a:hover {
	background: url('../gfx/botones/b_02_over.gif') no-repeat left top;
}

.b_03 a {
	width: 136px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_03.gif') no-repeat left top;
}

body#b_03 .b_03 a, .b_03 a:hover {
	background: url('../gfx/botones/b_03_over.gif') no-repeat left top;
}

.b_04 a {
	width: 150px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_04.gif') no-repeat left top;
}

body#b_04 .b_04 a, .b_04 a:hover {
	background: url('../gfx/botones/b_04_over.gif') no-repeat left top;
}

.b_05 a {
	width: 141px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_05.gif') no-repeat left top;
}

body#b_05 .b_05 a, .b_05 a:hover {
	background: url('../gfx/botones/b_05_over.gif') no-repeat left top;
}

.b_06 a {
	width: 133px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_06.gif') no-repeat left top;
}

body#b_06 .b_06 a, .b_06 a:hover {
	background: url('../gfx/botones/b_06_over.gif') no-repeat left top;
}

.b_07 a {
	width: 148px;
	height: 30px;
	float: left;
	background: url('../gfx/botones/b_07.gif') no-repeat left top;
}

body#b_07 .b_07 a, .b_07 a:hover {
	background: url('../gfx/botones/b_07_over.gif') no-repeat left top;
}


/***** COLUMNAS ******/

.col_01 {
	width: 500px;
	float: left;
	margin-left: 135px;
	margin-top: 100px;
}

.sep_01 {
	height: 30px;
	clear: both;
}

.vivienda {
	width: 500px;
	clear: both;
	position: relative;
}

.vivienda img {
	width: 273px;
	float: left;
}

.vivienda p {
	font-size: 14px;
	position: absolute;
	left: 288px;
}

.col_02 {
	width: 920px;
	margin: 100px auto 0px;
}


/***** FOOTER ******/

#bottom {
	position: relative; 
	margin-top: 30px; /* altura en px del footer con valor negativo */ 
	height: 80px; /* Altura del Footer en px*/ 
	clear: both; 
	background: #000; 
	text-align: center; 
	color: #FFFFFF; 
}

#footer {
	width: 980px;
	margin: 0px auto 0px;
}