/* Paladino Propiedades (Screen CSS) * FileName:main.css * Version: 17-10-2005 * Author: Maira Vykus */

/* DIAGRAMACIÓN GENERAL */

* { margin: 0; padding: 0; }
body, td {
	margin: 0;
	font: 11px "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #5B3E1C;
	background: #FFFCF4; }

	#wrapper { width: 760px; margin: 0 auto; padding: 0; text-align: left; }
	.columnLeft{ float: right; width: 575px;  margin: 0; padding: 0; color: #5B3E1C; background: #fff url(../images/fondoright.gif) left top repeat-y; border-top: 5px solid #CDAB32; border-top: 5px solid #CDAB32; }
	/* IE6win overflow solution, hidden from IE5mac \*/
	* html .columnRight { overflow: hidden; }
	* html .columnLeft { overflow: hidden; }
	/* End hide from IE5mac */
	.columnToLeft{ position: relative; left: -185px; width: 180px; margin: 0; padding: 0; color: #5B3E1C; background: #E3D190; z-index: 1; }
	/* IE5mac hack */
	* html>body .columnToLeft {  display: block; overflow: visible; }
	.columnRight{ float: left; width: 180px; margin: 0; padding: 0; color: #5B3E1C; background: #E3D190; border-top: 5px solid #CDAB32; }
	.columnToRight{ position: relative; top: 0; left: 185px; width: 575px; margin: 0; padding: 0; color: #5B3E1C; background: #FFF url(../images/fondoright.gif) left top repeat-y; z-index: 2; }
	/* IE mac hack */
	* html>body .columnToRight { display: block; overflow: visible; }
	.brclear { clear: both; height: 0; margin: 0; font-size: 1px; line-height: 0px; }
	.clearfloat { clear: both; height: 1%; margin-bottom: 20px; font-size: 2px; }
	.cierre {  padding-top:5px; color: #5B3E1C; background: #FFF url(../images/fondobottom.gif) left top no-repeat;}


/* ENCABEZADO */
	
#header { padding: 10px 0 10px 0; }
.logo { float: left; clear: right; margin: 7px 0; }
.logoextra { margin: 7px 0 7px 0; padding: 0; font: bold 11px "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; }
.logoextra p.normal { font-weight: normal; }
p.normal a:link { text-decoration: none; color: #5B3E1C; margin: 0 10px; padding-left: 20px; }
p.normal a:visited { text-decoration:none; color: #000; margin: 0 10px; padding-left: 20px; }
p.normal a.lnksalto:link, p.normal a.lnksalto:visited { color: #FFFCF4; margin: 0 10px; }
p.normal a.lnksalto:hover, p.normal a.lnksalto:focus, p.normal a:hover{ color: #CC7800; margin: 0 10px; padding-left: 20px; }


.pinicio { background: url(../images/iconinicio.gif) no-repeat top left; }
.pidioma { background: url(../images/iconidioma.gif) no-repeat top left; }
.pmapa { background: url(../images/iconmapa.gif) no-repeat top left; }


/* CUERPO */	

.content { width: 535px; margin: 0; padding: 20px; text-align: left; color: #5B3E1C; }
.content img { float: left; clear: left; display: block; margin: 0 10px 5px 0; padding: 5px; border: 1px solid #CCA266; }
.content img.especial { clear: none; margin: 10px 0 10px 0; padding: 0px; border: 1px solid #CCA266; }
.content img.clear { float: none; margin: 0 10px 5px 0; padding: 5px; border: 1px solid #CCA266; }
#fotos img { float: left; clear: none; margin: 0 2px 7px 5px; padding: 5px; border: 1px solid #CCA266; }
p { margin: 5px; line-height: 18px; }
h1 { clear:both; position: relative; margin: 0; padding: 4px 4px 4px 8px; font: normal 17px Georgia,Serif; color: #FFFCF4; background: #996600; }
h2 { clear:both; font: normal 20px Georgia,Serif; margin: 20px 0 10px 0px; padding-bottom: 0; color: #CDAB32; }
.noclear { clear: none; }
h3 { text-transform: uppercase; font: bold 12px "Tahoma", Geneva, Arial, Helvetica, sans-serif; margin: 10px 0 10px 20px; padding: 0 0 2px 25px; color: #5B3E1C; }
h4 { font: normal 12px "Tahoma", Geneva, Arial, Helvetica, sans-serif; margin: 10px 0 10px 40px; padding: 0 0 2px 25px; color: #5B3E1C; }
#content hr { 	border-bottom: 1px solid #CCA266; border-top: 0; border-left: 0; border-right: 0; margin: 2px 0 1em 0; height: 0; padding: 0;}

.content ul { padding: 0 10px 0 60px; line-height: 19px; list-style: square; text-align: justify; }
.content li { float: none; margin-bottom: 5px; padding: 0 0 0 15px; }

.content dt { float: left; padding: 0 10px 0 60px; font: normal 12px Georgia,Serif; line-height: 10px; }	
.content dd { margin: 0 0 15px 320px; font-weight: bold; line-height: 10px; }

a:link, a:visited {	color: #5B3E1C; text-decoration:underline; } 	
a:hover { color: #000; text-decoration:none; }


div.resaltado { clear: both; height: 100%; padding: 5px; background: #FFFCF4; border: 1px dotted #E3D190; }
#overflow { overflow: hidden; }
.noclear strong { padding-bottom: 5px; font: bold 20px Georgia,Serif; color: #CDAB32; }
	
div.propiedad { height: auto; min-height: 163px; _height: 100%; margin: 0 0 10px 0; padding: 5px; background: #FFFCF4; border: 1px dotted #E3D190; }
div.propiedad img { float: left; clear: left; margin: 0 10px 0 0; padding: 5px; border: 1px solid #E3D190; }
div.propiedad_content { position: relative; height: auto; min-height: 150px; _height: 160px; margin: 0; padding: 0; }
div.propiedad_content h3 { margin: 10px 0 10px 5px; padding: 0 0 2px 0px; }
ul.icons {  position: absolute; bottom: 0px; right: 0px; text-align: right; margin: 0; padding: 0; list-style: none; }
ul.icons li { float: left; margin: 0 0 0 15px; padding: 2px 0 0 0; background-repeat: no-repeat; list-style: none; background-position: 0 50%; }
ul.icons li a { margin: 0; padding: 0 0 0 20px; /* width of icon + whitespace */ color: #AB7335; text-decoration: none; font-weight: normal; }
ul.icons li a:hover { margin: 0; padding: 0 0 0 20px; /* width of icon + whitespace */ color: #5B3E1C; text-decoration: none; font-weight: normal; }	
.pcamara { background: url(../images/iconcamara.gif) no-repeat top left; }
.pcontact { background: url(../images/iconcontact.gif) no-repeat top left; }

#propiedad_grandes img, img.fotosgrandes  { margin: 0 0 5px 0; padding: 5px; border: 1px solid #E3D190; }

a.volver:link { display: block; text-align: right; padding: 4px 0 15px 13px; color: #5B3E1C; font-weight: bold; text-decoration:none;  } 	
a.volver:visited { display: block; text-align: right; padding: 4px 0 15px 13px; color: #5B3E1C; font-weight: bold; text-decoration:none; } 
a.volver:hover { display: block; text-align: right; padding: 4px 0 15px 13px; color: #000; font-weight: bold; text-decoration:underline; }

/* MENU */

#menu { margin: 0 0 25px 0; padding: 0; height: 100%; font: 11px bold "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; }
#menu ul { margin: 0; padding: 0; list-style: none; width: 180px; border-bottom: 0px; }
#menu ul li { position: relative; }
#menu li ul { position: relative; display: block; border-bottom: 0;}

#menu ul li a { display: block; text-decoration: none; font-weight: bold; color: #996600; background: #E3D190; /* IE6 Bug */ margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #CDAB32; border-top: 1px solid #FFF2D7; }
#menu ul li a:hover { color: #FFF2D7; background: #996600; border-bottom: 1px solid #CDAB32; border-top: 1px solid #FFF2D7; }

#menu li ul li { background: #EEE3BB;  }
#menu li ul li a { display: block; margin: 0 0px 0 15px; padding: 4px 2px 4px 10px; color: #cc7800; background: #EEE3BB; font: 11px "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #CDAB32; border-top: 1px solid #FFF2D7; border-left: 3px solid #CDAB32; }
#menu li ul li a:hover { color: #FFF2D7; background: #CDAB32; border-bottom: 1px solid #CDAB32; border-top: 1px solid #FFF2D7; }

#menu ul li a:active, #menu li ul li a:active { color: #613900;  }

#menu li:hover ul, #menu li.over ul { display: block; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul li a#ventas { padding: 65px 5px 5px 10px; text-transform: uppercase; background: url(../images/ventas3.gif) top left no-repeat; }
#menu ul li a:hover#ventas { background: #996600 url(../images/ventas4.gif) top left no-repeat; }

#menu ul li a#alquileres { padding: 65px 5px 5px 10px; text-transform: uppercase; background: url(../images/alquileres3.gif) top left no-repeat; }
#menu ul li a:hover#alquileres { background: #996600 url(../images/alquileres4.gif) top left no-repeat; }

/* SIDEINFO */

#otherlinks { width: 158px; margin: 5px; padding: 5px; background: #EEE3BB; border: 1px dotted #CDAB32; }
#otherlinks dt { display: block; margin: 7px 0 7px 0; font: normal 15px Georgia,Serif; color: #AB7335; border-bottom: 1px dotted #CDAB32; }
#otherlinks dd { margin-left: 5px; padding: 2px 0 2px 5px; color: #5B3E1C; }
	
#otherlinks dd a:link {	padding: 4px 0 4px 13px; color: #5B3E1C; background: url(../images/external.gif) center left no-repeat; text-decoration:none;  } 	
#otherlinks dd a:visited {	padding: 4px 0 4px 13px; color: #5B3E1C; background: url(../images/external.gif) center left no-repeat; text-decoration:none; } 
#otherlinks dd a:hover { padding: 4px 0 4px 13px; color: #000; background: url(../images/external.gif) center left no-repeat; text-decoration:underline; }

/* mapas */

#listasmapa ul { list-style: none; margin: 0 0 0 60px; padding: 0; }
#listasmapa ul strong { margin: 0 10px 0 0; font: normal 12px Georgia,Serif; color: #CDAB32; }
h3#balnearios { color: #ff0000; }
h3#camping { color: #009933; }
h3#publicos { color: #0066CC; }
h3#recreaciones { color: #993399; }
h3#discos { color: #FF66CC; }
h3#teatros { color: #FF9900; }

/* FOOTER */

#footer { color:#5B3E1C; background: #FFFCF4; margin: 0; padding: 0; text-align: right; }
#footer .derechos { float: left; }

/* formularios en general*/
form { padding: 0 0 0 5px; margin: 0; color: #5B3E1C; text-align: left; border: 0; display: inline; }
input, textarea { font: 11px "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5B3E1C; border: 1px solid #5B3E1C; background: #FFFCF4; margin: 0; padding: 2px; width: 330px; }
input:hover, textarea:hover { background: #FFF2D7; }
select { font: 11px "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5B3E1C; background: #FFF; width: 337px; }
.button { width: auto; font: 11px "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; background: #613900; color: #FFF; margin: 1px .3em .1em 0; padding: 0 4px 1px 4px; border-right: 1px solid #613900; border-bottom: 1px solid #613900; border-top: 1px solid #5B3E1C; border-left: 1px solid #5B3E1C; }
.button:hover { background: #AB7335; }
.rightalign { text-align: right; }
.formularios dl { margin: 0 0 2em 2em; padding: 0; }
.formularios dt { float: left; clear: left; height: 19px; width: 12em; margin: 0; padding: .5em .5em 0 0; text-align: right; }
.formularios dd { margin: .5em 0 0 140px; padding: 0; }
.note { padding: 0 0 0 20px; margin: 0; border: 0; font-weight: normal; background: url(../images/icono_alert_small.gif) 0 50% no-repeat; color: #613900; }
.formularios em, .note em { color: #C7102D; font-weight: bold; font-style: normal; }
.referencia { display: block; margin-bottom: 15px; padding: 2px 2px 2px 5px; font-weight: bold; color: #AB7335; background: #EEE3BB; }

/* errores */
.errors { padding: 15px 10px 6px 50px; margin: 10px 0 20px 0; font-weight: bold; background: #FFFCF4 url(../images/icono_alert.gif) 10px 50% no-repeat; color: #613900; border: 1px dotted #CDAB32; }
input.error, textarea.error { border: 1px solid #C7102D; }
select.error { color: #C7102D; }
label.error { color: #C7102D; }


	/* anterior - siguiente */
	#prevnext { clear: both; padding: 15px 15px 15px 15px; }
	#prevnext h3.direccion { margin: 20px 0 0 0; padding: 0; color: #fff; }
	#prevnext a.siguiente, #content a.siguiente:link { position:absolute; right:15px; color: #AB7335; font: bold 12px "Tahoma", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; padding: 0 25px 2px 0; background: url(../images/triang_link.gif) 100% 50% no-repeat; border: 0; } 
	#prevnext a.anterior, #content a.anterior:link { font: bold 12px "Tahoma", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; padding: 0 0 2px 25px; color: #AB7335; background: url(../images/triang_link_.gif) 0 50% no-repeat; border: 0;}
	#prevnext a.anterior:visited { color:#E3D190; background: url(../images/triang_gray_.gif) 0 50% no-repeat; }
	#prevnext a.siguiente:visited { color:#E3D190; background: url(../images/triang_gray.gif) 100% 50% no-repeat; }
	#prevnext a.siguiente:hover, #prevnext a.anterior:hover { color: #5B3E1C; text-decoration: none; border: 0; font-weight: bold;} 	

	
.vinetas ul { padding: 0 10px 0 20px; line-height: 19px; list-style: none; text-align: justify; }
.vinetas li { float: none; margin-bottom: 5px; padding: 0 0 0 15px; list-style: none; background: url(../images/vineta.gif) 0 8px no-repeat; }

/* TABLES */
table { clear: both; margin: 20px 0 0 0; padding: 0px; background: #EEE3BB; border: 0; }
thead th { padding: 7px; font: normal 12px Georgia,Serif; text-transform: uppercase; color: #fff; background: #AB7335;  }
tbody th { padding: 2px; font: normal 11px Georgia,Serif; color: #fff; background: #CDAB32;  }
tbody td { vertical-align: top; padding: 7px; text-align: left; }
table tr.separacion td { border-top: 1px solid #E3D190; }

/* super */
.superdestacado { height: 100%; margin: 5px 0 5px 0; padding: 5px; color: #fff; background: #CCA266; border: 1px dotted #996600; }
.superdestacado h2 { float: left; display: block; font: normal 20px Georgia,Serif; margin: 8px 20px 10px 0; padding-bottom: 0; color: #FFF2D7; }

#sitemap ul { padding: 0 10px 0 60px; line-height: 19px; list-style: none; text-align: justify; font-weight: bold; }
#sitemap li { float: none; margin-bottom: 5px; padding: 0 0 0 15px; background: url(../images/vineta.gif) 0 8px no-repeat; }
#sitemap li ul { padding: 0 10px 0 20px; line-height: 19px; list-style: none; text-align: justify; font-weight: normal; }
#sitemap li ul li { float: none; margin-bottom: 5px; padding: 0 0 0 15px; background: url(../images/vinetamapa.gif) 0 8px no-repeat; }
#sitemap a:link {	color: #5B3E1C; text-decoration:none; } 	
#sitemap a:visited {	color: #CCA266; text-decoration:none; } 	
#sitemap a:hover { color: #AB7335; text-decoration:none; }