/* @group General */

*{margin: 0; padding: 0; border: 0;}
body {margin: 0; padding: 0; font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: small; text-align: center; line-height: 1.4em; color: #333; background: #CCCCCC}
h1{font-size: 120%}
a{color: #204351;}
a:hover{color: #285a8a;}
.mayor{font-size: 140%;}
.rojo{color: #e06f00}

/* no se usa, se puso en la página por bug IE7
#corporativo{background: url("../images/foto_cabecera.jpg") no-repeat;}
*/

/* #buscador{background: url("muestra/activate-psych-services3.jpg") no-repeat; height: 334px;} de momento no vale, a cada tipo de página le aplicaría un estio y le cambiaría el ID en el html */

#wrapper{width: 945px; background: #F40000; margin: 0 auto; text-align: left; background: #fff url("../images/fondo_contenedor.gif") top left repeat-y;}

#contenido{margin: 0 20px; background: url("../images/fondo_nav_li.gif") repeat-y;}





#nav, #centro, #derecha{float: left; position: relative; display: inline;}

#nav{ margin-top: -48px; width: 193px; background: #fff; background-color:#F40000}

/* @end */



/* @group Banderas */

#banderas {position:absolute; left:5px; top:5px}

/* @end */



/* @group Menú */

ul.nav0{list-style: none; font-family: Helvetica, Verdana, Arial, sans-serif;}
ul.nav0 li{height: 40px; line-height: 40px; border-bottom: 1px solid #E9E9E9;
background: url("../images/fondo_nav_li.gif") repeat-y; list-style: none; }
ul.nav0 li:hover{background: #fffbe4;}
ul.nav0 li.seleccionado, ul.nav0 li.seleccionado a, ul.nav0 li.seleccionado a:hover{background: url("../images/fondo_nav_li_selected.gif") repeat-x; color: #FFF;}
ul.nav0 li a{height: 40px; line-height: 40px; text-decoration: none; 
color: #333; padding-left: 20px; display: block; width: 173px;}
ul.nav0 li a:hover{background: #F40000; color: #FFF;}
ul.nav0 li a:active{background: #333; color: #fff;}


/* Para el plugin del menú */

#articles
{list-style: none; font-family: Helvetica, Verdana, Arial, sans-serif;}

.inicio {background: #F40000; color: #FFF; height: 40px; line-height: 40px; list-style: none; padding-left: 10px; text-decoration:none}

#articles li {height: 40px; line-height: 40px; border-bottom: 1px solid #E9E9E9;
background: url("../images/fondo_nav_li.gif") repeat-y; list-style: none;}

/* #articles li.active
{color:#FFFFFF; background-color: #185FA1; border:none} */

#articles li a
{height: 40px; line-height: 40px; text-decoration: none; 
color: #333; padding-left: 10px; padding-right: 10px; display: block; width: 173px;}

#articles li a:hover, .inicio:hover
{background: #F40000; color: #FFF;}

/* @end */



/* @group Columna derecha */

#derecha{margin-top: -340px; width: 214px; background-color: #DEDBDB; color: #01233f; text-align:center}
#derecha h1 {background-color:#666; color:#FFFFFF; padding:10px 0px 10px 0px; margin-bottom:15px; font-size: 110%}
#derecha .fotominiatura {width:170px;}
#derecha img, #derecha a img {border: 2px solid #FFFFFF}
#derecha a:hover img{border: 2px solid #F40000}
#derecha address {font-size: 90%; text-align:center; font-style:normal; font-weight:bold; color: #666666; margin-bottom:20px}
#derecha ul{list-style: none; }
#derecha ul li{font-size: 12px; background: url("muestra/col3-li-bg.gif") top left no-repeat;
padding: 20px 20px;}

/* @end */











/* @group Páginas */

#centro{ margin-top: -8px; width: 498px; background: #fff url("../images/fondo_centro.gif") top right repeat-y;}
#centro p{margin: 0 20px 20px 20px; text-align: justify;}
#centro h1{margin: 0.5em 20px 0.25em 20px;}
#centro .fotopagina {margin-left:22px}

/*
#centro ul{margin: 10px 20px 20px 20px; list-style: none;}
#centro li{background: url("muestra/cube.gif") 0px 50% no-repeat; margin: 0.3em 0;
	padding-left: 20px; font-weight: bold;}
#centro ul.websites li{background: url("img/ico_cubo.gif") 0px 50% no-repeat; height: 100%;}
*/

#titulo{background-color: #F40000; padding: 0 20px; color: #fff5e6; height: 40px; line-height: 40px; margin-bottom: 20px;}
#titulo h1{margin: 0; color: #fff;}

/* @end */




/* @group Formulario */

.zemContactForm {width: 440px; margin: 15px 0px 0px 32px}

legend {font-size: 18px; color:red}
.zemText, .zemTextarea, .zemSubmit
{font-family: Helvetica, Verdana, Arial, sans-serif; color: #333333; font-size: 12px}
.zemText {width:350px; border: 1px solid #666666; margin: 0px 0px 10px 7px}
.zemTextarea {width:410px; height:150px; border: 1px solid #666666; margin: 0px 0px 10px 7px}
.zemSubmit {width:100px; margin: 0px 0px 10px 7px; border-width: thin; border-style: solid; border-color: #CCCCCC #666666 #666666 #CCCCCC;}
.zemContactForm label { border:1px solid #FFF }

#formularioaviso { width:310px; background-color:#F7F7F7; border: 2px solid red; text-align:center; margin: 35px 0px 25px 63px } 

#formularioaviso h6 {font-weight:bold; font-size:150%; color:black; margin: 20px 0px 20px 0px } 

#formularioaviso p { color:#333333 } 

.zemError { width:310px; background-color:#F7F7F7; border: 2px solid red; text-align:center; margin: 35px auto 10px auto } 

.zemError li  { margin: 10px 0px 10px 0px; list-style-type:none } 

.zemError li strong { font-weight:bold; color: red }


/* @end */




/* @group Pie página */
	
#piepagina{padding: 58px 0 20px 0; margin: 0 auto; background: url("../images/fondo_pie.gif") top left no-repeat;
	width: 945px; font-size: 80%; color: #666666; font-weight: bold;}
#piepagina img{margin-top: 10px;}

/* @end */




/* @group Listado propiedades */

#listadopropiedades {width:470px; margin-left: 15px}
#listadopropiedades span {text-transform:none}
#listadopropiedades h2 {font-size: 12px; /* margin-left: 3px; */ }
#listadopropiedades p {font-size: 12px; margin: 0 0 10px 0}
#listadopropiedades a {color:#333333}
#listadopropiedades a:hover {color:#F40000}
#listadopropiedades .miniatura {float: left; margin: 0 10px 0 0; border: 2px solid #999999; width:125px}
#listadopropiedades .miniatura:hover {border: 2px solid #F40000}
#listadopropiedades .miniatura img {width:125px}

/* @end */




/* @group Detalle propiedades */

#detallepropiedad {width: 440px; margin-left:24px}
#detallepropiedad .fotodetalle {width:436px; border: 2px solid #999999} 
#detallepropiedad table {font-size:12px; width:100%; text-align:left}
#detallepropiedad td {border-bottom: 1px solid #DEECE2; height:25px}
#detallepropiedad h2 {font-size:18px; color: #F40000; float:right}
#detallepropiedad h3 {font-size:16px; color: #F40000; float:left}
#detallepropiedad p {margin: 0px 0px 15px 0px; clear:both}

/* @end */




/* @group Buscador Básico */

#buscadorbasico {width:193px; font-size:12px; background: url("../images/fondo_nav_li.gif") repeat-y}
#buscadorbasico h1 {background-color:#666666; color:#FFFFFF; padding:10px 0px 10px 0px; text-align:center; margin-bottom:10px}
#buscadorbasico label {color: #333333; margin-left:5px; margin-right:5px}
#buscadorbasico select {width:110px; font-size:12px; color: #333333; border:1px solid #999999}
#buscadorbasico input {margin:10px 0px 7px 0px; background-color: #CCCCCC; border:1px solid #999999}
#buscadorbasico table {width:100%}
#buscadorbasico tr {height:25px}
#buscadorbasico a, #buscadorbasico a:link, #buscadorbasico a:visited, #buscadorbasico a:active
{font-size:10px; color:#666666; text-align:center; margin-left:77px}
#buscadorbasico a:hover {color:red}

/* @end */




/* @group Buscador portada */

#buscadorportada {width:195px; font-size:12px; margin-top: 10px; margin-right:5px; float:right}
#buscadorportada h1 {background-color:#F4F4F4; color: #666666; border-bottom: 2px solid red; text-align:center; margin-bottom:10px}
#buscadorportada label {color: #333333; margin-right:5px}
#buscadorportada select {width:85px; font-size:12px; color: #333333; border:1px solid #999999}
#buscadorportada input {margin:10px 0px 7px 0px; background-color: #CCCCCC; border:1px solid #999999}
#buscadorportada table {width:160px; margin-left:20px}
#buscadorportada tr {height:25px}
#buscadorportada a, #buscadorportada a:link, #buscadorportada a:visited, #buscadorportada a:active
{font-size:10px; color:#666666; text-align:center; margin-left:89px}
#buscadorportada a:hover {color:red}

/* @end */




/* @group Buscador Avanzado */

#buscadoravanzado {width:460px; font-size:12px; margin-top: 10px; margin-left:auto; margin-right:auto}
#buscadoravanzado h1 {background-color:#F4F4F4; color: #666666; border-bottom: 2px solid red; text-align:center; margin-bottom:10px}
#buscadoravanzado label {color: #333333; margin-right:5px}
#buscadoravanzado select {width:85px; font-size:12px; color: #333333; border:1px solid #999999}
#buscadoravanzado input {margin:10px 0px 7px 0px; background-color: #CCCCCC; border:1px solid #999999}
#buscadoravanzado table {width:460px}
#buscadoravanzado tr {height:30px}
#buscadoravanzado a, #buscadoravanzado a:link, #buscadoravanzado a:visited, #buscadoravanzado a:active
{font-size:10px; color:#666666; text-align:center; margin-left:89px}
#buscadoravanzado a:hover {color:red}

/* @end */




/* @group Buscador Referencia */

#buscadorreferencia {width:193px; font-size:12px;  background: url("../images/fondo_nav_li.gif") repeat-y;}
#buscadorreferencia h1 {background-color:#666666; color:#FFFFFF; padding:10px 0px 10px 0px; text-align:center; margin-bottom:10px}
#buscadorreferencia label {color: #003366; margin-left:5px; margin-right:5px}
#buscadorreferencia select {width:113px; color:#003366; background-color:#F7F7F7; border:1px solid #999999}
#buscadorreferencia input {margin:6px 0px 7px 0px; width:75px; height:15px; background-color: #FFFFFF; font-size:12px; border:1px solid #999999}
#buscadorreferencia .botonbuscar {margin:10px 0px 7px 0px; background-color: #CCCCCC; color: #003366; width:40px}
#buscadorreferencia table {width:190px}

/* @end */




/* @group Buscador Rápido */

#buscadorrapido {width:376px; font-size:12px; margin-left:auto; margin-right:auto; text-transform:uppercase}
#buscadorrapido h1 {background-color:#F4F4F4; color: #666666; border-bottom: 2px solid red; text-align:center; margin-bottom:10px}
#buscadorrapido h2 {font-size:12px; color: #666666; font-weight:bold; text-align:center}
#buscadorrapido table {width:330px; margin-left:auto; margin-right:auto;}
#buscadorrapido ul {line-height:25px; color:#003366; text-align:center; list-style:none /* list-style-image: url(img/ico_cubo.gif); list-style-position: inside; */ }
#buscadorrapido ul a, #buscadorrapido ul a:link, #buscadorrapido ul a:visited, #buscadorrapido ul a:active {color:#003366; text-align:center; font-weight:normal}
#buscadorrapido ul a:hover {color: red}

/* @end */





/* @group Arreglos  */

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/* End hide from IE-mac */
.clear{clear:both;}

/* @end */





/* @group Arreglos IE */



/* The "Disappearing List-Background" bug */
ul, ol, dl{position: relative;}

/* The "Font Sizing" bug */
body{
font-size: x-small;
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small;
}

/* @end */


/* Below are mainly for IE 5.x */
/*
ul.nav0 li a{
width: 193px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 173px;
}