/* CSS Document */
/* Resetear CSS -------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
/*fieldset,*/ form, label, legend {
	border:0;
    font-family:inherit;
    font-size:100%;
	font-style:inherit;
	font-weight:inherit;
    margin:0;
    outline:0;
	padding:0;
	vertical-align: baseline;
}
body {background:#FFF; line-height:normal;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th {font-weight:normal; text-align:left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* --------------------------------------------------------------------*/

/* Configurar Tags que usare ------------------------------------------*/
p {margin:10px 0}
ul {padding:5px 0 10px 10px;}
ol {padding:5px 0 10px 20px;}
table {border-spacing: 2px;}
td {padding:2px; /*vertical-align:middle*/}
small {font-size:10px}
div {box-sizing:border-box;}

/* --------------------------------------------------------------------*/

body {background:url(../imagenes/fondo_cont.jpg) no-repeat bottom left #F5F5F5; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;}
a:link, a:visited {color:#0659AC; text-decoration:underline;}
a:hover {color:#CC0000; text-decoration:none;}
.SubTitulo1 {color:#666; font-size:18px;}
.SubTitulo2 {color:#0659AC; font-size:16px; font-weight:bold;}
.SubTitulo3 {color:#666; font-size:14px; font-weight:bold;}
.SubTitulo4 {color:#0659AC; font-weight:bold;}
.SubTitulo5 {color:#666; font-weight:bold;}
.BCampos, label {color:#666; font-weight:bold;}
.Rojo {color:#CC0000}
.BRojo {color:#CC0000; font-weight:bold;}
.Tabla td {padding:5px; vertical-align:middle;}

a.link {border-bottom:1px solid #0659AC; color:#333; text-decoration:none;}
a.link:hover {color:#0659AC;}

/*MAQUETACION Y CONFIGURACION*/

/* Contenedores -------------------------------------------------------------*/
.contenedor {}
.contenedor1440 {margin:auto; max-width:1440px;}
.contenedor983 {margin:auto; width:983px;}

/* Columnas --------------------------------------------------------*/
.columna_derecha {float:right; width:200px;}
.columna_central {margin-right:230px; padding-top:10px;}

/* Pie ----------------------------------------------------------------------*/
.Contador, .DivArregla {clear:both;}
.MarcoPie {color:#FFF; height:50px; line-height:50px; text-align:center;}

/* Menu Cabecera ------------------------------------------------------------*/
/*.menuCab {margin-left:-30px;}*/
.MenuCab li {float:left; font-weight:bold;}
.MenuCab > li {border-left:1px solid #5B5B5B; border-right:1px solid #383838;}
.MenuCab > li:first-child {border-left:none;}
.MenuCab > li:last-child {border-right:none;}
.MenuCab > li a {color:#F2F2F2; display:block; padding:9px 28px; text-decoration:none;}
.MenuCab > li:hover > a {color:#00D6F7;}

.MenuCab > li ul {display:none; position:absolute;}
.MenuCab > li:hover ul {display:inline;}

.MenuCab li li {border-left:1px solid #7F7F7F; position:relative;}
.MenuCab li li:first-child {border:none;}
.MenuCab li li a {color:#666; font-size:13px; padding:4px 15px;}
.MenuCab li li a:hover {color:#444;}

/* Menus --------------------------------------------------------------------*/
.MarcoMenus {margin:10px 0 20px 0;}

.MarcoTituloMenu {
	background: url(../imagenes/ico_info.png) no-repeat #666;
    background-position: 10px 7px;
    border-radius:5px;
    color:#FFF;
    font-size:15px;
	font-weight:bold;
    height:30px;
    line-height:30px;
    padding-left:35px;
}
.General, .MPrincipal {
    border:2px solid #999;
    border-radius:5px;
	padding:5px;
}
.MPrincipal {font-weight:bold; padding:10px;}
.TituloEncuesta {color:#0659AC; font-size:14px; font-weight:bold;}

/* Marco del Título ----------------------------------------------------------*/
.MarcoTitulo {
    /*background:url(../imagenes/ico_titulo.png) no-repeat;
    background-position:10px;*/
    border-radius:5px;
    box-shadow:2px 2px 8px #000;
    color:#555;
    font-size:22px;
    height:40px;
    line-height:40px;
    margin-bottom:20px;
	/*padding-left:45px;*/
    text-align: center;
}

/* Marcos Varios -------------------------------------------------------------*/
.MarcoVarios {background:rgba(255,255,255,.6); border-radius:5px; box-shadow:2px 2px 8px #000; overflow:auto; padding:10px;}

/* Todo sobre Inmueble Indice----------------------------------------------*/
.InmuebleIndice {background:#F5F5F5; border:1px solid #D8D8D8; border-radius:5px; margin:15px 0; overflow:auto; padding:10px; width:100%;}
.InmuebleIndice img {border-radius:5px; float:left; margin:0 10px 5px 0; width:140px;}
.InmuebleIndice .Titulo {color:#B70000; font-size:16px; font-weight:bold;}
.InmuebleIndice .Precio {color:#246DDB; font-size:16px; font-weight:bold;}
.InmuebleIndice .Direccion1 {color:#555; font-size:15px; font-weight:bold;}
.InmuebleIndice .Direccion2 {color:#6E6E6E; font-size:14px; font-weight:bold;}
.InmuebleIndice .Caracteristicas {background:#DDD; border-radius:5px; clear:both; padding:5px;}
.InmuebleIndice .Caracteristicas span {color:#555; font-weight:bold;}

/* Todo sobre Inmueble Azar----------------------------------------------*/
.InmuebleAzar {border-right: 1px solid #CCC; display: inline-block; padding: 10px; text-align: center; width: calc(100% / 3.05);}
.InmuebleAzar img {border-radius: 5px; width: 100%;}
.InmuebleAzar .Titulo {font-size:15px; font-weight:bold;}
.InmuebleAzar .Precio {color:#246DDB; font-weight:bold;}

/* Todo sobre Inmueble----------------------------------------------*/
.TituloInmueble {background:#444; border-radius:5px; color:#FFF; display:block; font-size:20px; margin-bottom:20px; padding:10px; text-align:center; width:260px;}
.PrecioInmueble {background-color:#D8D8D8; background-image: linear-gradient(#FFF,#D8D8D8); color:#246DDB; font-size:16px; font-weight:bold; margin-left:100px; padding:10px; text-align:center; width:200px;}

.MarcoContenidoInmueble {background:#F5F5F5; border:1px solid #DFDFDF; border-radius:5px; padding:10px;}

/* Modulo Inmuebles destacados----------------------------------------------*/
.InmuebleDestacado {background:#DDD; border-radius:5px; padding-bottom:5px; text-align:center; width:100%;}
.InmuebleDestacado img {border-radius:5px; width:100%;}
.InmuebleDestacado .Titulo {font-size:15px; font-weight:bold;}
.InmuebleDestacado .Precio {color:#246DDB; font-weight:bold;}

/* Formularios----------------------------------------------*/
input, textarea {border-radius:5px;}
input.texto, textarea.texto {border:1px solid #CCC; height:20px; padding:0 5px;}
input.texto:focus, textarea.texto:focus {background:#F5F5F5;}
textarea.texto {height:130px;}
input.botonenviar {background:#444; border:none; color:#FFF; cursor:pointer; font-weight:bold; height:28px;}
input.botonenviar:hover {background:#444; color:#00D6F7;}
.Select {background:#888; border:none; border-radius:5px; color:#fff; font-weight:bold; height:30px; overflow:hidden; padding:5px; width:185px;}
.Select option{background:#f2f2f2; border:none; color:#444; padding:5px;}

/* Flotar Imagenes -----------------------------------------------------------*/
.flotarimgder {float:right; margin-left:10px;}
.flotarimgizq {float:left; margin-right:10px;}

/* Sombra ---------------------------------------------------------*/
.Sombra {box-shadow:2px 2px 10px #000;}
.Radio {border-radius:5px;}

/* Viñetas ---------------------------------------------------------*/
.Vineta1 li {
    background-image: url(../imagenes/vineta1.png);
	background-position: left;
	background-repeat: no-repeat;
    list-style: none;
	padding:8px 0 8px 15px;
}
.Vineta2 li {
    background-image: url(../imagenes/vineta1.png);
	background-position: left;
	background-repeat: no-repeat;
    border-bottom:1px solid #AAA;
    list-style: none;
	padding:8px 0 8px 15px;
}

/* Columnas --------------------------------------------------------*/
.Columnas ul {border-top:1px solid #AAA; margin:20px 0; overflow:hidden; padding:0; width:100%;}
.Columnas li {background:url(../imagenes/vineta1.png) no-repeat; background-position:0 8px; display:inline-block; font-size:13px; padding:5px 0 5px 13px;}
.dos_columnas li {width:45%;}
.tres_columnas li {width:30%;}
.cuatro_columnas li {width:25%;}
.cinco_columnas li {width:16.666%;}
/*.impares li:nth-child(odd){width:60%;}
.pares li:nth-child(even){width:40%;}*/

/*Detalles de cursos -----------------------------------------------------*/
.MarcoVarios ul {list-style:circle; margin-left:25px; line-height:20px}
.MarcoVarios ol {list-style:decimal; margin-left:25px; line-height:20px}

/* Formato de Paginación (numeros) ---------------------------------------------*/
.NPagina {font-size:14px; font-weight:bold}
.InfoPagina {color:#333; font-weight:bold}
.paginacion {
	border:1px solid #CCC;
    color:#E47F31;
    font-size:16px;
    margin:3px;
	padding:3px;
}
#MPaginacion {margin-top:15px; width:700px;}
#MPaginacion a:link, #MPaginacion a:visited {border:0; color:#1C4471; font-size:14px; text-decoration:underline;}
#MPaginacion a:hover {color:#2B67AA; text-decoration:none;}

/* Otros --------------------------------------------------------*/
.Overflow {overflow: hidden}
.Ocultar {display:none;}

/* Marco para Google Maps -------------------------------------------------*/
#map_canvas {display:none; height:450px; width:535px;}

/*AP de imagenes ---------------------------------------------------*/
.Galeria {width:440px; float:right;}
.Galeria img {border-radius:5px;}
#GF1, #GF2, #GF3, #GF4, #GF5, #GF6, #GF7, #GF8, #GF9, #GF10, #GF11, #GF12, #GF13, #GF14, #GF15, #GF16 {display:none; width:100%;}
#GF1 {display:block; z-index:0;}
#GF2 {z-index:2;}
#GF3 {z-index:3;}
#GF4 {z-index:4;}
#GF5 {z-index:5;}
#GF6 {z-index:6;}
#GF7 {z-index:7;}
#GF8 {z-index:8;}
#GF9 {z-index:9;}
#GF10 {z-index:10;}
#GF11 {z-index:11;}
#GF12 {z-index:12;}
#GF13 {z-index:13;}
#GF14 {z-index:14;}
#GF15 {z-index:15;}
#GF16 {z-index:16;}
.MarcoMiniaturas {margin-top:2px; width:100%;}