<?
header("Content-type: text/css");

	//Cramos los datos de configuración de la página, para el caso de que no se puedan recuperar de la bd
	$col_txt_enc1 = "#ff0099";
	$col_fondo_enc1 = "#000";

	$col_txt_enc2 = "#FFF";
	$col_fondo_enc2 = "#000";
	
	$col_txt_enc_i ="#46a942"; //Color texto encabezado inmobiliaria
	$col_txt_i ="#000"; //Color texto inmobiliaria
	$col_fondo_i = "#FFF"; //Color de fondo inmobiliaria
	$col_borde_i = "#46a942"; //Color de borde inmobiliaria
	
	$col_txt_enc_p ="#000"; //Color texto encabezado prestamos
	$col_txt_p ="#00F"; //Color texto prestamos
	$col_fondo_p = "#F60"; //Color de fondo Prestamos 
	$col_borde_p = "#00F"; //Color de borde Prestamos

	$col_txt_admon = "#000000";
	$col_fondo_admon = "#00B0F6";
	$col_borde_admon = "#ACCFE8";

	$colorCambio = rand(1, 360);
?>

body::before{
  content: ""; /* important */
  z-index: -1; /* important */
  position: inherit;  
  left: inherit;
  top: inherit;
  width: inherit;                                                                               
  height: inherit;  
  background-image: inherit;
  background-size: cover; 
  filter: blur(8px);
}

body{
  background: url(imagenes/fondoPortada.jpg); 
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}  

body background, url {
    -webkit-filter: blur(35px); /* Safari */
    filter: blur(35px);
}

.pagina {
	background-color:#FBFBEF;
	height: 100%;
	width: 100%;
	padding:0px;
}

#contenedorMenu{
	overflow: auto; /* para ocpuar todo el ancho */
    /* border: 3px solid #FA0; */
    border-radius: 10px;
}

.menu1{
	float : right;
    padding : 10px;
    clear : both;
    font-size:150%;
}

#busqueda{
	margin-top : 10px;
	margin-bottom : 10px;
    padding-left: 10px;
    border: 1px solid blue;
    border-radius: 5px;
	overflow: auto; /* para ocpuar todo el ancho */
	min-height: 60 px;    
}

#busqueda input[type=button] {
    width: 100px;
    background-color:#0040FF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#busqueda input[type=button]:hover{
    background-color: blue;
}


#contenedorPrincipal{
	margin-top : 10px;
}

#contenedorFiltros{
	padding: 0px;
}

#filtros{
	padding: 10px;
    border: 1px solid blue;
    border-radius: 5px;
	height: 100%;    
    width : 100%;
}

#fila input[type=button], #botonMuestraFiltros input[type=button]{
    width: 100%;
    background-color:#0040FF;
    color: white;
    margin: 8px 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#fila input[type=button]:hover, #botonMuestraFiltros input[type=button]:hover {
    background-color: blue;
}

#fila input[type=text], select {
    width: 100%;
    padding: 10px 15px;
    margin: 3px 0;
    box-sizing: border-box;
	display: inline-block;
}

.responsive{
	/* overflow: hidden; /* para ocpuar todo el ancho 
	margin-top : 10px;
    border: 3px solid blue;
    border-radius: 5px; */

    padding: 0 6px;
    float: left;
    width: 33.33%;
    position: relative;
}

#contenedorProductos{
    margin-top: -10px;
    padding: 0 10px 0 10px;
}

div.productoLista{
    border: 1px solid #46a942;
    border-radius: 5px;
    height: 200px;
    max-height: 500px;
    background-color:#0000FF;
    overflow: hidden;
    position:relative;
    margin-top: 10px;
}

div.productoLista img {
    width: 100%;
    height: auto;
}

#descProductoLista{
	position: absolute;
	bottom: 5px;
    padding: 5px;
    width: 100%;
    font-size:90%; 
    text-shadow: 0px 0px 5px #000;
    background-color:#0000FF;
}

#descProductoLista a {
	color : #FFF;
	text-decoration : none;
}

#precioNormal{
	position: absolute;
	top: 5px;
	left: 5px;
    padding: 2px;
    font-size:120%; 
	color : yellow;
    font-weight: bold;
    text-shadow: 1px 1px 5px #000;

    border-radius: 5px;
    border: 1px solid white;
	background-color: rgba(0, 0, 0, 0.5);
}

#precioRemate{
	position: absolute;
	top: 30px;
	left: 5px;
    padding: 2px;
    font-size:140%; 
	color : #00FF00;
    text-shadow: 1px 1px 5px #000;
    font-weight: bold;

    border-radius: 5px;
    border: 1px solid white;
	background-color: rgba(0, 0, 0, 0.5);
}

#precioNormalTachado{
	position: absolute;
	top: 5px;
	left: 5px;
    padding: 2px;
    font-size:90%; 
	color : black;
    -webkit-text-decoration-line: line-through; /* Safari */
    text-decoration-line: line-through;   
      
    border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.5);
}

#destacado{
	position: absolute;
	right: 1px;
	top: -5px;
    font-size:150%; 
	color : red;
    text-shadow: 1px 1px 5px #fff;
}

#botonPedido{
	margin: 0 auto;
	text-align: center;
    width : 100%;
}

#botonPedido input[type=button]{
    width: 200px;
    max-width: 100%;
    background-color: blue;
    color: white;
    font-size:150%; 
    margin: 5px 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#botonPedido input[type=button]:hover {
    background-color: #0040FF;
}


#filtros h2 {
    text-align: center;
    color:blue;
}

#categoriaSel{
    font-weight: bold;
	color: red;
}

#contenedorExtras{
    position: static;
    padding:0;
}

#extras{
    border: 1px solid #CC0;
    border-radius: 5px;
    width : 100%;
    clear:left;
    word-wrap: break-word;
	overflow: hidden; /* para ocpuar todo el ancho */
}


@media only screen and (max-width: 800px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 600px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#contenedorDatosArriba{
	margin-top: 10px;
    border: 1px solid blue;
    border-radius: 5px;
	overflow: auto; /* para ocpuar todo el ancho */
	background-color:#ffe;
}

#contenedorDatosAbajo{
	margin-top: 10px;
	margin-bottom: 20px;
    border: 1px solid blue;
    border-radius: 5px;
	background-color:#ffe;
	overflow: auto; /* para ocpuar todo el ancho */
}

.nombreDato{
	clear:left;
	float:left;
    font-size:125%; 
    padding-left: 30px;
    position:static;
}

.datoSolo{
    clear:both;
}

.datoSoloGrande{
	text-align:justify;
    font-size:125%; 
	color: black;
    padding: 10px;
}

.datoSoloSangria{
	color: blue;
    font-size:125%; 
    padding-left: 30px;
}

.dato{
	display: flex;
}

.datoTachado{
	display: flex;
	color: gray;
    font-size:125%; 
    -webkit-text-decoration-line: line-through; /* Safari */
    text-decoration-line: line-through;     
}

.datoPromocion{
	display: flex;
	color: red;
    font-size:150%; 
	font-weight:bold;
}

.datoSolo, .dato {
	color: blue;
    font-size:125%; 
    padding-left: 10px;
}

.datoEncabezado{
    color: blue;
    padding-left: 10px;
	text-align:center;
}

#GaleriaFotos{
	margin-top: 10px;
    /*border: 1px solid blue;*/
    border-radius: 5px;

	clear:left;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#ffe;
}

#contenedorImagenCarrusel img{
	margin:0 auto;
	max-height: 400px;
}

#rutas{
	width:100%;
    padding-left: 5px;
	background-color: #0000FF;
    color: white;
    border-radius: 5px;
	margin-top: 5px;
}









#ingresoUsuario{
	align : center;
    width : 400px;
    max-width : 100%;
    margin:0 auto;
}

#inicio a {
    text-align: left;
	color:#FFF;
	text-decoration:none;
}

#admonProductosPrincipal{
	margin-top: 20px;
    padding: 10px;
    clear : both;
    color: <? echo $col_txt_admon; ?>;
    background:  <? echo $col_fondo_admon; ?>;
    border: 1px solid  <? echo $col_borde_admon; ?>;
    border-width: 1px 1px 1px 1px;
    display: block;

    border-radius: 30px 30px 0px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

#admonUsuariosPrincipal{
	margin-top: 20px;
    padding: 10px;
    color: <? echo $col_txt_admon; ?>;
    background:  <? echo $col_fondo_admon; ?>;
    border: 1px solid  <? echo $col_borde_admon; ?>;
    border-width: 1px 1px 1px 1px;
    display: block;

    border-radius: 30px 30px 0px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

#admon input[type=button]{
    width: 100%;
    background-color:#06F;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

#admon input[type=button]:hover {
    background-color:#00F;
}

#admon h1 {
    text-align: center;
    color:#FF0;
}

#admon a {
    text-align: left;
	color:#FFF;
	text-decoration:none;
}


#listaPar a{
	width: 100%;
    display: block;
    margin-top : -20px;
	color:#FFFFFF;
	text-decoration:none;
    background-color:#0000CD;
    padding: 5px;
    border-radius: 5px;
}

#listaImpar a{
	width: 100%;
    display: block;
    margin-top : -20px;
	color:#FFFFFF;
	text-decoration:none;
    background-color:#0000FF;
    padding: 5px;
    border-radius: 5px;
}

#listaPar :hover, #listaImpar :hover {
    background-color:#00008B;
}

/********************************************** CONTACTO *****************************************************/
#contacto{
	clear:both;
	float:left;
	width:100%;
	overflow:visible;
	background-color:#CEECF5;
	padding-bottom: 20px;
	margin:20px auto;
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#contactoEncabezado{
	clear:both;
	float:left;
	width:100%;
	overflow:visible;
	background-color:#0000FF;
	padding:20px;
    text-align: center;
	color:#fff;
	margin-bottom : 20px;
}

#correoEnviado{
	clear:both;
	margin:0 auto;
	width:75%;
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
	border-color:#CEECF5;
	/*background-color:#fff;*/
    color:#FF0000;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
	padding:20px;
}

#contacto h2 {
    text-align: center;
    color:blue;
}

#contactoFormulario{
	float:left;
	width: 100%;
	font: 150% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contactoDatos{
	margin-top:20px;
    border-top-style: inset;
	float:left;
	width:100%;
	font-weight:bold;
	text-align:center;
}

#contactoMapa{
	float:left;
	width:100%;
	max-width:100%;
	font-weight:bold;
	margin:10px;
}


#descripcionCategoria{
	margin-bottom:20px;
    border-bottom-style: inset;
	border-color:blue;
	float:left;
	width:100%;
	font-weight:bold;
	text-align:center;
    color:#0B610B;
}

#pie{
	margin-top:10px;
    
	background-color:#000;
    color:#FFF;
    padding: 5px;
    text-align: center;
}