﻿@charset "UTF-8";

/****************************************************************/
/* FORMAT RESET */
/****************************************************************/

html, img, p {
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
} 

html, body {
height: 100%;
}

body {
margin: 0px 0 0px 0;
padding: 0;
background-color:#535353;
text-align:center;
color:#6e698c;
}

img {
border: 0;
}

.left {
float:left;
}

.right {
float:right;
}

.clearfix {
clear:both;
}

.img_reducir {
max-width:400px;
max-height:300px;
}

.margen {
margin-top:5px;
}

.msg_exito {
font-size:10px;
margin-bottom:5px;
line-height:14px;
}

/****************************************************************/
/* LAYERS */
/****************************************************************/

#cabecera {
margin: 0px auto;
width:100%;
height:80px;
background:url(../img/bg_header.png) repeat-x top left;
}

#cabecera_contenido {
margin: 0px auto;
width:954px;
}

#cabecera_titulo {
margin: 0px auto;
width:150px;
float:left;
text-align:left;
background-color:#FF0000;
}

#cabecera_menu {
margin: 0px auto;
width:804px;
float:left;
text-align:right;
}

#cabecera_menu_logout {
margin: 0px auto;
width:804px;
height:28px; /* 40 */
padding-top:12px;
float:left;
text-align:right;
color:#FFFFFF;
}

.salir {
width:67px;
height:16px;
margin-left:5px;
margin-top:0px;
text-align:right;
float:right;
}

.salir img {
border:0;
}

div.salir {
background-image:url("../img/salir_over.png");
}

div.salir a, div.salir a:link, div.salir a:visited {
display:block;
}
div.salir img  {
border:0;
}
div.salir a:hover img {
visibility:hidden;
}

#cabecera_menu_secciones {
margin: 0px auto;
width:954px;
height:40px;
float:left;
text-align:left;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 3px;background:url(../img/bg_menu.png) repeat-x top left; font-size:12px;}

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background:url(../img/bg_menu_over.png) repeat-x top left;
text-decoration: none;
}

#contenido {
margin: 0px auto;
width:100%;
background-color:#eff6e8;
}


/****************************************************************/
/* DATOS */
/****************************************************************/

#datos {
margin: 0px 10px;
width:1280px; /* 954 */
min-height:400px;
background-color:#eff6e8;
padding-top:7px;
}

#izquierda {
margin: 0 auto;
width:254px; /* 954 */
float:left;
margin-right:8px;
text-align:left;
}

#comentarios {
margin: 0 auto;
width:254px; /* 954 */
float:right;
margin-right:0px;
text-align:left;
}

.btn_add {
width:230px;
height:25px;
margin-bottom:3px;
}

div.btn_add {
background-image:url("../img/add_over.png");
}

div.btn_add a, div.btn_add a:link, div.btn_add a:visited {
display:block;
}
div.btn_add img  {
border:0;
}
div.btn_add a:hover img {
visibility:hidden;
}

.btn_listado {
width:230px;
height:25px;
margin-bottom:3px;
}

div.btn_listado {
background-image:url("../img/listado_over.png");
}

div.btn_listado a, div.btn_listado a:link, div.btn_listado a:visited {
display:block;
}
div.btn_listado img  {
border:0;
}
div.btn_listado a:hover img {
visibility:hidden;
}

#derecha {
margin: 0 auto;
width:692px; /* 954 */
float:left;
text-align:left;
}

#derecha-small {
margin: 0 auto;
width:692px; /* 954 */
float:left;
text-align:left;
}

.titulo {
margin:0 auto;
width:1200px; /*954*/
margin-bottom:10px;
text-align:left;
font-size:24px;
text-indent:6px;
padding-top:4px;
color:#6e698c;
background:#e1dfec;
}

.modulo {
width:254px;
}

.modulo_header {
width:254px;
height:25px; /* 25 */
color:#FFFFFF;
text-indent:10px;
font-weight:bold;
padding-top:5px;
text-transform:uppercase;
background:url(../img/bg_modulo.png) repeat-x top left;
}

.modulo_texto {
/*width:232px;  254 */
border-bottom:1px solid #e1dfec;
border-left:1px solid #e1dfec;
border-right:1px solid #e1dfec;
margin-bottom:10px;
background:#FFF;
padding:10px;
}

.modulo_linea {
width:232px;
min-height:16px;
}

.modulo_linea_left {
width:160px;
float:left;
}

.modulo_linea_right {
width:70px;
text-align:right;
float:right;
}

.modulo_linea_right a {
text-decoration:none;
color:#6e698c;
}

.modulo_linea_right a:hover {
text-decoration:underline;
color:#6e698c;
}

.listado {
width:254px;
}

.listado_header {
width:1280px; /* 692px */
height:25px; /* 25 */
color:#FFFFFF;
text-indent:10px;
font-weight:bold;
padding-top:5px;
text-transform:uppercase;
background:url(../img/bg_modulo.png) repeat-x top left;
}

.listado_header2 {
width:392px;
height:20px; /* 25 */
color:#FFFFFF;
text-indent:10px;
font-weight:bold;
padding-top:5px;
text-transform:uppercase;
background:url(../img/bg_modulo.png) repeat-x top left;
}

.listado_header_left {
float:left;
width:300px;
text-transform:uppercase;
}

.listado_header_right {
float:right;
width:382px;
text-align:right;
padding-right:10px;
text-transform:uppercase;
}

.listado_header_right a {
color:#FFFFFF;
text-decoration:underline;
}

.listado_texto {
width: 1480px; /* 670 */
border-bottom:1px solid #e1dfec;
border-left:1px solid #e1dfec;
border-right:1px solid #e1dfec;
margin-bottom:10px;
background:#FFF;
padding:10px;
}

.listado_texto2 {
width:370px; /* 254 */
border-bottom:1px solid #e1dfec;
border-left:1px solid #e1dfec;
border-right:1px solid #e1dfec;
margin-bottom:10px;
background:#FFF;
padding:10px;
}

.listado_linea {
width:664px;
min-height:16px;
padding:3px;
margin-bottom:0px;
background:#f1f1f1;
display:table;
}

.dos {
background:#f7f7f7;
}

.listado_linea:hover {
background:#CCCCCC;
color:#FFFFFF;
cursor:pointer;
}

.tres {
margin-top:10px;
background:#D8D9FE;
text-transform:uppercase;
text-align:center;
}

.cabecera1 {
height:20px;
padding-top:5px;
background:#E0B7E3;
text-transform:uppercase;
text-align:center;
font-size:14px;
margin-top:10px;
}

.cabecera2 {
height:17px;
padding-top:5px;
background:#A8ADF2;
text-transform:uppercase;
text-align:center;
font-size:12px;
}

.cabecera3 {
height:12px;
font-size:11px;
padding-top:5px;
background:#DDDFF0;
text-align:left;
font-style:italic;
}

.tres:hover {
background:#D8D9FE;
color:#000066;
}

.listado_linea_tipo {
font-weight:bold;
width:100%;
float:left;
}

.listado_linea_titulo {
width:302px;
float:left;

}

.listado_linea_chico {
width:70px;
text-align:center;
margin-left:10px;
float:left;
}

.listado_linea_medio {
width:90px;
text-align:center;
margin-left:10px;
float:left;
}

.listado_linea_paginas {
width:490px;
text-align:right;
margin-left:10px;
float:left;
}

.listado_linea_paginas a {
color:#6e698c;
text-decoration:none;
}

.listado_linea_paginas a:hover {
color:#000;
text-decoration:underline;
}

.listado_linea_tools {
width:110px;
margin-left:10px;
float:left;
text-align:center;
}

.listado_linea_tools img {
margin-left:8px;
padding-top:2px;
}

.listado_cabecera {
width:664px;
height:auto;
padding:3px;
margin-bottom:0px;
font-weight:bold;
background:#cdc9e2;
}

.listado_footer {
width:664px;
min-height:16px;
padding:3px;
margin-bottom:0px;
font-weight:bold;
background:#eaeaea;
}

.listado_footer select {
height:12px;
font-size:12px;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
padding-right: 20px; /* This is need to make sure that the help icon is always visible */
background: transparent url(img/buscador_inicie_busqueda.png) no-repeat right;
width:250px;
height:62px;
text-indent:-9999px;
cursor: help;
display:block; 
position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
width: 612px;
height:270px;
left:600px;
position: absolute; /* Absolute will make the tooltip float above other content in the page */
display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
background: transparent url(../img/buscador_tooltip.png) no-repeat;
}

#preview{
position:absolute;
border:1px solid #ccc;
background:#ff7401;
padding:5px;
display:none;
color:#fff;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

/****************************************************************/
/* PROPIEDADES CAJAS */
/****************************************************************/

.propiedades_titulo {
width:275px;
height:38px;
background:url(../img/propiedades_titulo.png) no-repeat top left;
margin-top:10px;
padding-top:3px;
margin-right:20px;
text-align:right;
color:#FFF;
font-size:21px;
font-weight:bold;
}

.propiedades_box_texto {
width:266px;
height:66px;
margin-left:5px;
margin-top:6px;
text-align:left;
color:#5d5d5d;
font-size:12px;	
}

.propiedades_box_texto ul {
list-style-type:none;
margin-left:-40px;
margin-top:0px;
}

.propiedades_box_texto li {
background:url(../img/buscador_linea.png) repeat-x bottom left;
height:20px;
margin-top:3px;
}

.propiedades_box_texto li.noborder {
background:none;
}

.propiedades_box_btn {
width:138px;
height:36px;
margin-left:5px;
margin-top:27px;
text-align:right;
float:right;
}

.propiedades_box_btn img {
border:0;
}

div.ver_mas {
background-image:url("../img/btn_ver_mas_over.png");
}

div.ver_mas a, div.ver_mas a:link, div.ver_mas a:visited {
display:block;
}
div.ver_mas img  {
border:0;
}
div.ver_mas a:hover img {
visibility:hidden;
}

/****************************************************************/
/* FOOTER */
/****************************************************************/

#footer {
margin: 0px auto;
width:100%;
height:80px;
background:url(../img/bg_footer.png) repeat-x top left;
}

#footer_0 {
margin: 0px auto;
width:954px;
height:80px;
}

#footer_1 {
margin: 0px auto;
width:954px;
float:left;
height:28px; /* 40 */
padding-top:12px;
text-align:center;
}

#footer_1 a, #footer_2 a {
text-decoration:none;
color:#FFFFFF;
}

#footer_1 a:hover, #footer_2 a:hover  {
text-decoration:none;
color:#000040;
}

#footer_2 {
margin: 0px auto;
width:954px;
height:28px; /* 40 */
padding-top:12px;
float:left;
text-align:center;
color:#FFFFFF;
}

.imagen {
max-width:500px;
}

a.edicion {
background:#e1dfec;
border:1px solid #fbfbfb;
padding:4px 10px;
text-decoration:none;
color:#736f8f;
font-weight:bold;
}

a.edicion:hover {
background:#d5d3e0;
}

form {
margin-top:20px;	
}

.titulo a {
font-size:12px;	
font-weight:bold;
color:#FFF;
background:#1690bf;
padding:3px 7px;
text-decoration:none;
}

.titulo a:hover {
color:#1690bf;
background:#FFF;
}

.botones-adicionales {
margin-top:-4px;	
}

.colorete {
float:left;
width:100%;	
}

.radios {
float:left;
margin-top:10px;
}

.radios2 {
margin-left:10px;
float:left;
}

.color  {
width:100px;
height:20px;	
}

.color1 { background:#d8d8d8; }
.color2 { background:#f7f39a; }
.color3 { background:#fdcc99; }
.color4 { background:#a8d9bd; color:#FFF; }
.color5 { background:#e63db8; color:#FFF; }
.color6 { background:#ff0000; color:#FFF; }
