﻿/*****************************************************************************************************************/
/* general */
/*****************************************************************************************************************/
	html {height:100%}
	body {background-image:url(../img/solbackground.jpg); height:100%}
	* {margin:0; padding:0}
	img {border:0px}
	table {border:0px; border-collapse:collapse; border-spacing:0px;}
	td, th {vertical-align:top; padding:0px}
	.divrel {position:relative; width:100%}
	.granate {color:#800080}
	.lila {color:#8d74bf}
	.pbottom {padding-bottom:40px}
	
/*****************************************************************************************************************/
/* arquitectura pagina con pie fijo */
/*****************************************************************************************************************/
	#pagina {width:100%; margin:25px auto; min-height:100%; text-align:left}
	* html #pagina {height:100%}
	#contenido {position:relative; min-height:100%; width:100%}
	* html #contenido {height:100%}
	* html #pie {margin-top:-100px}
/*****************************************************************************************************************/
/* links y fuentes */
	a {font:12px Verdana,arial,helvetica,sans-serif; color:#fff; text-align:left; margin:0px; padding:0px}
	h1 {font:bold 14px Verdana,arial,helvetica,sans-serif; color:#fff; text-align:left; margin:0px; padding:0px}
	p {font:12px Verdana,arial,helvetica,sans-serif; color:#000; text-align:left; margin:0px; padding:0px}
	.granatelnk:link, .granatelnk:active, .granatelnk:visited  {color:#9987c1; text-decoration:none}
	.granatelnk:hover {color:#800080; text-decoration:none}
	.TxtSuper{vertical-align:super; font-size:8px}
/*****************************************************************************************************************/
/* Index */
	#contindex {position:relative; width:579px; height:361px; margin:0px auto; top:20%}
	#flaindex {position:absolute; left:0px; top:0px; width:100%; height:197px}
	#imgindex {position:absolute; left:0px; top:197px; width:100%; height:134px; background-image:url(../img/index_fondo.jpg)}
	#langindex {position:absolute; left:0px; bottom:0px; width:100%; height:30px; background-image:url(../img/idiomas.jpg)}
	.lnkidioma {position:absolute; left:142px; top:0px; width:40px; height:30px}
	.lnktrans {width:100%; height:100%}
/*****************************************************************************************************************/
/* pag Maestra */
/*****************************************************************************************************************/
/* cabecera */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cabecera {position:relative; height:206px; width:100%}
		#divcab {position:relative; height:202px; width:755px; margin:0px auto; background-color:#fff; border:solid 2px #fff}
	/* no reuti------------------------------------------------------------------------------------------------- */		
        
/* cuerpo */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cuerpo {position:relative; height:auto; width:100%; padding-bottom:100px}
		#divcuerpo {position:relative; height:auto; width:755px; margin:0px auto; background:#fff url(../img/watermark_inigo.jpg) repeat-y 80% 0%; border:solid 2px #fff; border-top:0px}
	/* no reuti------------------------------------------------------------------------------------------------- */
		#tdizq {width:171px; background-color:#9987c0}
		/* menu izquierdo */
		#mnuizq {position:relative; width:100%; height:auto; margin:0 auto; background-color:#9987c0}
		#mnuizq ul {margin:0; padding:0px 0px 20px 0px; list-style-type:none}
		#mnuizq .limnu {margin:0px 0px; border-bottom:solid 2px #fff}
		#mnuizq a {font-size:10px;  display: block; width:100%; height:auto; padding: 10px 0px 10px 0px; _padding: 10px 0px 10px 10px; background: #9987c0 url(../img/solmnu.jpg) no-repeat 4px 5px; text-decoration: none; /*lets remove the link underlines*/} 
		#mnuizq a span {padding-left:30px; _padding-left:20px}
		#mnuizq a:link, #mnuizq a:active, #mnuizq a:visited {color: #fff}
		#mnuizq a:hover {background: #800080 url(../img/solmnu_hover.jpg) no-repeat 4px 5px; color: #fff}
		.ulhid {display:none}
		#mnuizq .limnu .ulcompra {padding-bottom:10px}
		#mnuizq .limnu .ulcompra .compra a {display: block; width:100%; height:auto; padding: 0px 0px 2px 0px; _padding: 0px 0px 2px 10px;border-bottom:0px; background:#9987c0}
		#mnuizq .limnu .ulcompra .compra a span {text-align:right; font-size:9px; padding-left:50px; _padding-left:40px}
		#mnuizq .limnu .ulcompra .compra a:hover {border-bottom:0px; background: #800080}  
		/* rotator destacados */
		.controtator {position:relative; width:171px; height:auto; margin:-20px auto;}
		/* -------------------------------------------- */
		#tdder {width:582px}
		#cuerpotit {position:relative; width:562px; height:50px; float:right; background:#9987c0 url(../img/soltit.jpg) no-repeat 500px 0px; right:3px}
		#cuerpotit h1 {padding:17px 0px 0 5px}
/* pie */
	/* reuti---------------------------------------------------------------------------------------------------- */	
		#pie {position:relative; height:82px; width:100%; margin:-125px auto 0 auto; _margin:-100px auto 0 auto}
		#divpie {position:relative; height:80px; width:755px; margin:-25px auto; background-color:#fff; border:solid 2px #fff}
		#divimgpie {position:absolute; top:2px; left:2px; width:751px; height:76px; background:#9987c0 url(../img/imgpie.jpg) no-repeat 150px 0px}
	/* no reuti------------------------------------------------------------------------------------------------- */	

/* Página de empresa */
	.divreltxt {position:relative; width:100%; height:auto}
	.divreltxt p {padding:60px 45px 20px 45px; _padding:20px 45px 20px 45px; text-align:justify}
	#fachada {position:relative; margin:0 auto; width:400px; height:301px; padding-top:30px; padding-bottom:40px}
		/* Tabla horarios */
		#horarios {position:relative; width:356px; height:86px; margin:0 auto; border:solid 1px #ccc}
		#tophorarios {position:absolute; top:0px; left:0px; width:100%; height:24px; background-color:#f9e7f9}
		#tophorarios p {font-size:14px; text-align:center; color:#800080; padding-top:3px}
		#laborales {position:absolute; top:24px; left:0px; width:196px; height:38px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc}
		#sabados {position:absolute; bottom:0px; left:0px; width:196px; height:24px; border-right:solid 1px #ccc}
		#hrslaborales {position:absolute; top:24px; right:0px; width:160px; height:38px; border-bottom:solid 1px #ccc}
		#hrssabados {position:absolute; bottom:0px; right:0px; width:160px; height:24px}
		#horarios div p {text-align:center; padding-top:4px}
 /*Página de compra */
	#tblpropiedades {position:relative; height:auto; width:100%; margin:0 auto}
	
	
	.detlst .pink {position:relative; width:540px; left:30px; height:80px; display:block; background:url(../img/bg_lst.jpg) repeat-x; cursor:hand; text-decoration:none; margin-bottom:20px}
	.detlst .pink:hover {background-image:none; background-color:#f9e7f9; text-decoration:none}
	.spanimg {position:absolute; top:5px; left:0px; width:100px; height:71px}
	.txtlst {position:absolute; top:7px; left:110px; width:300px; height:60px; font:12px Verdana,arial,helvetica,sans-serif; color:#000; overflow:hidden}
	.txtreflst {position:absolute; top:65px; left:110px; width:270px; height:11px; font:10px Verdana,arial,helvetica,sans-serif; color:#000}
	.spanprecio {position:absolute; top:7px; left:380px; width:90px; height:51px; font:12px Verdana,arial,helvetica,sans-serif; color:#000}
	.spandetlst {position:absolute; top:7px; right:20px; width:40px; height:51px; font:bold 12px Verdana,arial,helvetica,sans-serif; color:#0000EE; text-decoration:underline}

/* Página de detalle compra */
	#cabecerapq {position:relative; height:177px; width:100%}
	#divcabecerapq {position:relative; height:177px; width:640px; margin:3px auto; background-color:#fff}

	#cuerpopq {position:relative; height:auto; width:100%}
	#divcuerpopq {position:relative; height:auto; width:640px; margin:-20px auto; _margin:-3px auto; background-color:#fff; padding-bottom:20px}

	#piepq {position:relative; height:75px; width:100%}
	#divpiepq {position:relative; height:75px; width:640px; margin:0 auto; background:url(../img/pie_pop.jpg) no-repeat top center; border:solid 2px #fff}
	#paginapq {width:100%; margin:15px auto; text-align:left}
	#popout {position:relative; width:100%}
	#detalletbl {position:relative; width:466px; height:auto; margin:20px auto}
	.tddetizq {width:116px; height:25px; background-color:#f9e7f9;border:solid 1px #ccc; vertical-align:middle}
	.tddetizq2 {height:25px; background-color:#f9e7f9;border:solid 1px #ccc; vertical-align:middle}
	.tddetder {width:350px; height:25px; border:solid 1px #ccc; vertical-align:middle}
	.tddetder2 {height:25px; border:solid 1px #ccc; vertical-align:middle}
	.divreltbl {position:relative; width:100%; height:35px; border-bottom:solid 1px #ccc}
	.tddetizq p {text-align:center; color:#800080; margin:5px}
	.tddetder p {padding-left:6px; color:#000; margin:5px}
	.divthumb {position:relative; width:100%; height:81px}
	.imgthumb {position:absolute; top:5px; left:8px; width:100px; height:71px}
	.divampli {position:relative; width:100%; height:245px}
	.imgampli {position:absolute; top:15px; left:25px; width:300px; height:214px}
	/* Mas info */
	.rowinfo {position:relative; width:367px; height:25px; border-bottom:solid 1px #ccc; margin:0 auto}
	.celdaizq {position:absolute; top:0px; left:0px; width:98px; height:25px; border-left:solid 1px #ccc; border-right:solid 1px #ccc; background-color:#f9e7f9}
	.celdaizq p {font:13px Arial, Sans-Serif, Verdana; color:#800080; text-align:center; padding-top:3px}
	.celdader {position:absolute; top:0px; left:98px; width:269px; height:25px; border-right:solid 1px #ccc}
	.botonsolicitar {position:relative; font:bold 13px MS Shell Dlg, Arial, sans-serif; color:#800080; cursor:hand; height:25px; margin:20px auto; background-color:#fff}	
/* Página de contacto */
	#formulario {position:relative; height:auto}
	.etiqform {position:absolute; top:1px; left:45px; width:100px}
	.etiqform p {text-align:right; font:13px Arial, Sans-Serif, Verdana}
	.campotext {position:absolute; top:0px; left:155px}
	.campotextoform {border:solid 1px #800080;  width:300px; font:11px Verdana,arial,helvetica,sans-serif; color:#3d4549; background-color:#f2f2f9}
	.campotextoformgr {border:solid 1px #800080; width:300px; font:11px Verdana,arial,helvetica,sans-serif; color:#3d4549; overflow:auto; background-color:#f2f2f9}
	.botonenviar {position:absolute; top:0px; left:403px; width:60px; height:22px; font:bold 13px MS Shell Dlg, Arial, sans-serif; color:#800080; cursor:hand; background-color:#fff}
	.botonvolver {width:55px; height:22px; font:bold 13px MS Shell Dlg, Arial, sans-serif; color:#800080; cursor:hand; background-color:#fff}
	.radio {font:13px Arial, Sans-Serif, Verdana}
	.radiotextoform {border:solid 1px #800080;  width:100px; font:11px Verdana,arial,helvetica,sans-serif; color:#3d4549; background-color:#f2f2f9}