/* CSS Document */


/* sitewide */
html, body {
	padding: 0px;
	margin:  0px;
	width:  100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7c7c7c;
	background: #FFFFFF url(pics/back2.jpg) repeat-x;
}

img {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}

	img.block {
		display: block;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

form {
	padding: 0px;
	margin: 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

.websitecontainer {
	position: relative;
	margin: auto;
	background: #FFFFFF url(pics/back.jpg) no-repeat;
	width: 896px;
	padding-left: 33px;
	padding-right: 33px;
	padding-bottom: 10px;
	overflow: hidden;
	z-index: 1;
	text-align: left;
}

.menu-top {
	text-align: right;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 18px;
}

.menu-top h4 {
	font-size: 10px;
	color: #000000;
	display: inline;
}

.menu-top h4 a {
	color: #000000;
}

.menu-top h4 a:hover {
	color: #FF0000;
}

.logo {
	margin-left: 38px;
}

.search {
	float: right;
	padding-right: 25px;
	padding-top: 10px;
}

.searchfield {
	color: #000000;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	width: 105px;
}

.searchbutton {
	background: #FFFFFF url(pics/button-small.png) no-repeat;
	border: 0;
	padding: 0px;
	width: 47px;
	overflow: hidden;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.blockright {
	float: right;
	padding-right: 25px;
	width: 120px;
}

.blockright .text {
	color: #666666;
	font-size: 11px;
	padding-left: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

.blockright .text a {
	color: #666666;
}

.blockright .text a:hover {
	color: #FF0000;
}

.blockright .leermas {
	text-align: right;
	margin-top: 5px;
}

.blockright .leermas a {
	color: #FF0000;
}

.blockright h2 {
	background: url(pics/back-right-h2.png) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
	width: 90px;
	height: 36px;
	font-weight: normal;
}
.sugerencias-empresariales {
  margin-top: 10px;
	margin-bottom: 10px;
}


.bottom {
	clear: both;
	border-top: 1px solid #000000;
	margin-top: 50px;
	padding: 10px 5px 0 5px;
	color: #8c8c8c;
}
.bottom .copyright  { float: right; width: 325px; padding-left: 5px; overflow: hidden; }
.bottom .menu       { float: right; width: 460px; padding-left: 5px; overflow: hidden; }


.bottom h4 {
	font-size: 10px;
	display: inline;
}

.bottom h4 a {
	color: #8c8c8c;
}

.bottom h4 a:hover {
	color: #FF0000;
}

/* end sitewide */

/* start floating images */
.floatleft, .floatright {
	padding: 1px;
	border: 1px solid #CCCCCC;

}

.floatingimage img#CTRLInline,
.floatingimage img#CTRLOutlineI {
           border: 0;
           padding: 0px;
       }
	   
.floatingdesc {
	font-size:9px;
	color:#666666;
	text-align: center;
}


/* end floating images */

/* Start gallery */

div#gallery1 .floatleft {
	width: 128px;
	overflow: hidden;
	padding: 1px;
	margin-bottom: 5px;
}

div#gallery1 .floatingimage {
	height: 90px;
	overflow: hidden;
}

div#gallery1 .ghead {
	display: none;
}

div#gallery1 .gfoot {
	visibility: hidden;
}

div#gallery1 .floatingdesc {
	color: #666666;
	height: 35px;
	overflow: hidden;
}



div#galleryinb {
	height: 250px;
	overflow: hidden;
}

div#galleryinb .floatleft {
	width: 250px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-bottom: 250px;
}

#gallery img {
	border: 0px;
}

div#galleryinb .ghead {
	display: none;
}

div#galleryinb .gfoot {
	visibility: hidden;
}

div#galleryinb .floatingdesc {
	display: none;
}

/* End gallery */


/* Start styles index */

.index-main {
	padding-top: 30px;
	margin-left: 40px;
	width: 685px;
}

.index-main .contents {
	width: 135px;
}

.index-main .contents h2 {
	background: url(pics/back-enlaceh2.png) no-repeat;
	padding-left: 10px;
	font-size: 14px;
	margin-bottom: 5px;
}

.index-main .contents h2 a {
	color: #000000;
}

.index-main .contents .contentlist {
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

.index-main .contents .contentlist ul {
	padding-left: 20px;
}

.index-main .contents .contentlist li {
	list-style-image: url(pics/back-index-li.png);
}

.index-main .contents .contentlist a {
	color: #666666;
}

.index-main .contents h2 a:hover, .index-main .contents .contentlist a:hover {
	color: #FF0000;
}

.index-main .sugerencias {
	display: block;
  border: 2px solid #ff0000;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  color: #000000 !important;
  font-size: 11px;
}
.index-main .sugerencias:hover {
	background: #eeeeee;
  color: #ff0000 !important;
}

.index-main .banners {
	float: right;
}

.index-main .banners .banner-big {
	margin-bottom: 10px;
	padding-left: 5px;
}

.index-main .banners .banner-small {
	float: left;
	padding-left: 5px;
}

/* End styles index */

/* Start other styles */

.mainmenu {
	height: 47px;
	overflow: hidden;
	background: url(pics/back-mainmenu.png) repeat-x;
	padding-left: 40px;
}

.mainmenu h4, .mainmenu h5 {
	float: left;
	font-size: 11px;
	font-weight: normal;

}

.mainmenu h4 a, .mainmenu h5 a {
	height: 25px;
	padding-top: 7px;
	padding-bottom: 15px;
	text-align: center;
	overflow: hidden;
	display: block;
	/*color: #545454;*/
	color: #000000;
}

.mainmenu h4 a {
	padding-left: 3px;
	padding-right: 3px;
	background: url(pics/back-mainmenuh4.png) no-repeat;
	width: 84px;
}

.mainmenu h5 a {
	padding-left: 3px;
	padding-right: 3px;
	background: url(pics/back-mainmenuh4big.png) no-repeat;
	width: 114px;
}

.mainmenu h4 a:hover, .mainmenu h5 a:hover {
	color: #FF0000;
}

.mainmenu h4 a.active {
	background-image: url(pics/back-mainmenuh4-active.png);
	color: #FF0000;
}

.mainmenu h5 a.active {
	background-image: url(pics/back-mainmenuh4big-active.png);
	color: #FF0000;
}

.mainmenu a.mainactive {
	background-image: url(pics/back-mainmenuh4-activered.png);
	color: #FFFFFF;
	font-weight: bold;
}


.route {
	clear: both;
	padding-top: 15px;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 11px;
}

.route a {
	color: #8c8c8c;
}

.route a:hover {
	color: #FF0000;
}

.main {
	width: 695px;
	margin-left: 40px;
	padding-top: 25px;
}

.blockleft {
	width: 120px;
	padding-top: 40px;
}


.content {
	width: 562px;
	font-size: 11px;
	float: right;
}

.content h1 {
	font-size: 24px;
	color: #000000;
	margin-bottom: 10px;
}

.content .srvtit {
	background: url(pics/back-servicio.png) no-repeat;
	width: 562px;
}

.content .srvtit .text {
	float: left;
	padding-left: 5px;
	padding-top: 60px;
	width: 220px;
	overflow: hidden;
	color: #999999;
}

.content .srvtit .foto {
	margin-left: 35px;
	width: 275px;
	height: 110px;
	overflow: hidden;
}

.content .tit {
	background: url(pics/back-tit.png) bottom left no-repeat;
	width: 562px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	
}

.content .tit .text {
	margin-left: 246px;
	color: #666666;
	font-size: 11px;
}

.content .tit .text h2 {
	background: url(pics/back-tith2.png) bottom left no-repeat;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	color: #000000;
	font-size: 14px;
}

.content .tit .text h3 {
	padding-left: 15px;
	padding-right: 35px;
	text-align: justify;
	font-size: 11px;
	font-weight: normal;
}

.content .tit .foto {
	float: left;
	padding-left: 33px;
	width: 210px;
	overflow: hidden;
}

.content .textmain {
	clear: left;
	padding-top: 25px;
	width: 562px;
	color: #000000;
}

.content .headline h2 {
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 10px;
}

.content .textmain h2 {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 10px;
}

.content .textmain h3 {
	font-size: 14px;
	color: #000000;
	margin-bottom: 10px;
  clear: both;
}

.content .textmain h3 a {
	color: #000000;
}

.content .textmain .noticiatext {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
}

.content .textmain .noticiatext a {
	color: #000000;
}

.content .textmain .noticiatext a:hover {
	color: #FF0000;
}
.content .textmain .text {
	text-align: justify;
}

.content .text1 {
	width: 265px;
	float: left;
}

.content .text2 {
	float: left;
	width: 265px;
  padding-left: 20px;
}

.content .text2 th {
	border-bottom: 1px solid #666666;
	font-weight: normal;
}


.content .destacado {
	width: 260px;
	height: 145px;
	overflow: hidden;
	background: url(pics/back-destacado.png) no-repeat;
	padding-right: 10px;
	color: #FFFFFF;
}

.content .destacado .text {
	float: right;
	font-size: 11px;
	padding-top: 15px;
	width: 150px;
}

.content .destacado h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.content .destacado h2 a, .content .destacado .text a {
	color: #FFFFFF;
}

.content .enlace {
	float: left;
	width: 254px;
	height: 115px;
	overflow: hidden;
	border-bottom: 1px solid #000000;
	background: url(pics/back-enlace.png) top right no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 7px;
	color: #545454;
	font-size: 11px;
}

.content .enlace h2 {
	background: url(pics/back-enlaceh2.png) no-repeat;
	padding-left: 12px;
	font-size: 14px;
	margin-bottom: 10px;
}

.content .enlace h2 a {
	color: #000000;
}

.content .enlace h2 a:hover {
	color: #FF0000;
}

.content .inmueble {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
	width: 450px;
}

.submenu {
	margin-bottom: 15px;
}

.submenu h3 {
	color: #FF0000;
	font-size: 12px;
	margin-bottom: 5px;
}

.submenu h4 {
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #666666;
	font-size: 11px;
	font-weight: normal;
}

.submenu h4 a {
	color: #666666;
}

.submenu h4 a:hover {
	color: #000000;
}

.submenu h4 a.active {
	color: #FF0000;
}

.optionfield {
	color: #000000;
	font-size: 11px;
	border: 1px solid #CCCCCC;
}

.textfield {
	color: #000000;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	width: 400px;
}

.solicitudbutton {
	background: #FFFFFF url(pics/button-small-grey.png) no-repeat;
	border: 0;
	padding: 0px;
	width: 47px;
	overflow: hidden;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 60px;
	margin-top: 5px;
}
/* start forms */
.set							{ clear: both; padding-bottom: 5px; font-size: 1.1em; }
label							{ display: block; float: left; padding-top: 5px; padding-right: 5px; width: 150px; border: none; text-align: right; color: #000000; }
.input						{ float: left; width: 300px; }
.campomuycorto		{ float: left; display: block; border: 1px solid #cccccc; width: 10px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campomuycortoBAD	{ float: left; display: block; border: 1px solid #ff0000; width: 10px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campocorto				{ float: left; display: block; border: 1px solid #cccccc; width: 30px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campocortoBAD		{ float: left; display: block; border: 1px solid #ff0000; width: 30px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campomedio				{ float: left; display: block; border: 1px solid #cccccc; width: 50px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campomedioBAD		{ float: left; display: block; border: 1px solid #ff0000; width: 50px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campo						{ display: block; border: 1px solid #cccccc; width: 330px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.campoBAD					{ display: block; border: 1px solid #ff0000; width: 330px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.area							{ display: block; border: 1px solid #cccccc; width: 330px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.areaBAD					{ display: block; border: 1px solid #ff0000; width: 330px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 11px; }
.boton						{ background: url(pics/boton.png) no-repeat; width: 88px; height: 34px; border: none; color: #ffffff; font-size: 11px; font-weight: bold; }
.guion            { float: left; width: 10px; text-align: center; }
/* end forms */


/*.content {
	margin-left: 180px;
	margin-top: 30px;
	margin-right: 25px;
}


.content .tit {
	padding-bottom: 2px;
	border-bottom: 2px dotted #DDDDDD;
	text-align: right;
	margin-bottom: 10px;
}

.content h2 {
	background: #FF0000 url(pics/back-contenth2.png) no-repeat;
	padding-left: 70px;
	height: 15px;
	text-align: right;
	padding-right: 70px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	display: inline;
}

.content .table {
	color: #000000;
	padding-bottom: 10px;
	border-bottom: 2px dotted #DDDDDD;
	margin-bottom: 5px;
}

.content .table th {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: center;
}

.content .table td {
	padding-left: 5px;
	padding-right: 5px;
}

.content .totales {
	padding-bottom: 5px;
	border-bottom: 2px dotted #DDDDDD;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 100px;

}
*/

table.tree tr.even td.t,
	table.tree tr.odd td.t {
		overflow: hidden;
		padding-right: 1em;
	}

	table.tree tr.even td.r,
	table.tree tr.odd td.r {
		width: 30px;
		padding: 0em !important;
	}

	table.tree {
		min-width: 100%;
		width: 100%;

		/* IE: what ever f*cking bug this is ... remove the following to see */
		table-layout: fixed;
		position: relative;
		width: 98%;
	}

	.tree tr.even {				background-color: #F6F6F6;	}
	.tree tr.odd {			background-color: #EEEEEE;	}
	.tree tr.even:hover {		background-color: #CCCCCC;	}
	.tree tr.odd:hover {		background-color: #CCCCCC;	}