@charset "utf-8";
/* CSS Document */

/*
	www.puertotorrox.com
	Estilos particulares de paginas interiores

	Tabla de contenidos:
		Globales
		Layout
			- Menu
			- Cajas
			- Fichas
			- Entrada
			- Textos
		Listas
			- Menu de la promocion
		Contador arboles
		Identificadores de esos botones
		Clases recurrentes
*/

/* Layout
-------------------------------------------------- */

#conte1 {
	background: url(../imagenes/cieloare.jpg) repeat-x
}

#subcontenedor {
	background: url(../imagenes/familia1.jpg) no-repeat right 100px;
	width: 100%;
	float: left
}

#subsubcontenedor {
	background: url(../imagenes/grunge3.png) no-repeat right 420px;
	width: 100%;
	float: left
}

/* Menu
------------------------- */

#interior {
	height: 90px
}

/* Cajas
------------------------- */

#izquierdo {
	width: 755px;
	float: left
}

#derecho {
	display: inline;
	float: left;
	margin: 260px 0 0 4px
}

#parrafada {
	background-color: #FFF;
	display: inline;
	width: 725px;
	float: left;
	padding: 0 10px 20px;
	margin: 0 10px
}

#cartela1 {
	background: url(../imagenes/recorte1.jpg) no-repeat;
	display: inline;
	margin: 0 10px
}

/* Ruta
------------------------- */

.ruta {
	font-size: 1.0em;
	color: #FFF;
	line-height: 14px;
	text-align: right;
	width: 721px;
	padding: 0 10px;
	margin: 0 10px
}

.ruta a {
	color: #FFF;
	text-decoration: underline
}

.ruta a:hover {
	text-decoration: none
}

.ruta span.inicio {
	background: url(../imagenes/ic_4s.gif) no-repeat;
	padding: 0 0 0 12px
}

.ruta span.flechita {
	background: url(../imagenes/ic_flech.gif) no-repeat;
	padding: 0 0 0 12px
}

/* Fichas
------------------------- */

.fichas {
	display: inline;
	width: 741px;
	float: left;
	padding: 0 2px;
	margin: 0 0 0 10px
}

#residencial {
	background: #FFF url(../imagenes/bg_fich1.jpg) no-repeat
}

/* Entrada
------------------------- */

.parrafo1i,.parrafo1d {
	display: inline;
	width: 721px;
	float: left;
	margin: 10px 10px 20px
}

.marcos {
	line-height: 10px;
	width: 721px;
	height: 10px;
	float: left;
	clear: both
}

.marcosup {
	background-image: url(../imagenes/bg_entr1.png)
}

.marcoinf {
	background-image: url(../imagenes/bg_entr2.png)
}

.parrafo1i h2 {
	font-size: 1.6em;
	font-style: italic;
	margin: 0 220px 0 10px

}

.parrafo1d h2 {
	font-size: 1.6em;
	font-style: italic;
	margin: 0 10px 0 220px

}

.parrafo1i p {
	font-size: 1.2em;
	font-style: italic;
	width: 480px;
	margin: 5px 220px 0 10px

}

.parrafo1d p {
	font-size: 1.2em;
	font-style: italic;
	width: 480px;
	margin: 5px 10px 0 220px

}

.fo180135 {
	background: url(../imagenes/fo180135.png) no-repeat;
	width: 180px;
	height: 135px;
	padding: 8px
}

.fo180240 {
	background: url(../imagenes/fo180240.png) no-repeat;
	width: 180px;
	height: 240px;
	padding: 8px	
}

/* Textos
------------------------- */

h2 {
	font-size: 1.6em;
	margin: 10px
}

h3 {
	font-size: 1.4em;
	color: #666;
	margin: 0 20px 10px 10px
}

#parrafada p {
	font-size: 1.2em;
	padding: 0 10px 10px
}

#parrafada p img.der {
	margin: 0 -8px 0 0  
}

#parrafada ul,#parrafada ol {
	font-size: 1.2em;
	margin: 10px 30px 10px 50px;
}

h3.epigrafes {
	text-transform: uppercase;
	margin: 15px 20px 5px
}

.barras {
	margin: 0 0 0 20px
}

span.criterios {
	float: right;
	margin: 10px 20px
}

span.criterios label {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 3px 0 10px
}

/* Listas
-------------------------------------------------- */
/* Menu de la promocion
------------------------- */

ul.menupro {
	width: 741px;
	float: left;
	clear: both;
	margin: 6px 0;
	list-style: none
}

ul.menupro li {
	display: inline;
	float: left;
	margin: 0 6px	
}

ul.menupro li.textual120 {
	background: url(../imagenes/bg_li120.gif) no-repeat top;
	width: 120px;
	height: 22px
}

ul.menupro li.textual160 {
	background: url(../imagenes/bg_li160.gif) no-repeat top;
	width: 160px;
	height: 22px
}

ul.menupro li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	line-height: 22px;
	text-decoration: none;
	display: block;
	text-align: center
}

ul.menupro li.textual120 a:hover {
	color: #000;
	background: url(../imagenes/bg_li120.gif) no-repeat bottom
}

ul.menupro li.textual160 a:hover {
	color: #000;
	background: url(../imagenes/bg_li160.gif) no-repeat bottom
}

ul.menupro li.actual120 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	line-height: 22px;
	text-decoration: none;
	display: block;
	text-align: center;
	background: url(../imagenes/bg_li120.gif) no-repeat bottom;
	width: 120px;
	height: 22px;
	cursor: default
}

ul.menupro li.actual160 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	line-height: 22px;
	text-decoration: none;
	display: block;
	text-align: center;
	background: url(../imagenes/bg_li160.gif) no-repeat bottom;
	width: 160px;
	height: 22px;
	cursor: default
}

#casita {
	background-image: url(../imagenes/bg_homep.gif);
	display: inline;
	width: 22px;
	height: 22px;
	float: left
}

/* Contador arboles
------------------------- */

.arboleda {
	float: left;
	clear: left
}

#vervideo {
	width: 224px;
	height: 48px;
	float: left;
	clear: left
}

/* Identificadores de botones
------------------------- */

#comparainmueble {
	line-height: 30px;
	background-image: url(../imagenes/bt_compa.gif);
	width: 200px;
	height: 30px
}

.pdfinmueble {
	line-height: 30px;
	background-image: url(../imagenes/bt_pdfin.gif);
	width: 200px;
	height: 30px;
	margin: 0 10px
}

.leer {
	line-height: 12px;
	background-image: url(../imagenes/bt_leer.gif);
	width: 40px;
	height: 12px;
	margin: 3px 0
}

.volver {
	line-height: 16px;
	background-image: url(../imagenes/bt_volve.png);
	width: 55px;
	height: 16px;
	float: right;
	margin: 0 10px;
}

/* Clases recurrentes
-------------------------------------------------- */

.fotoizq {
	float: left;
	margin: 0 8px 8px 0
}

.fotoder {
	float: right;
	margin: 0 0 8px 8px
}