@import url('reset.css');

/*--- Estilos Generales ---*/

body
{
	background: #dae9e2;

}
/*--- CABECERA ---*/


header{
	background-color: #78ae92;
	margin: auto;
	width: 100%;
	max-width:740px;
	height: 290px;
	
}

header h1{
	text-align: right;
	padding-top: 15px;
	/*font-weight:bold;*/

}
header span{
	font-family: Tahoma;
	font-size: 10.5pt;
	text-align: right;
	margin-right: 10px;
	float: right;
}
header #banner img{
	width: 100%;

	margin-top: 10px;
}

header nav {
	/* FF3.6+ */ /* Chrome,Safari4+ */
background: -webkit-linear-gradient(rgba(180,221,180,0.76) 0%, rgba(131,199,131,0.8) 17%, rgba(82,177,82,0.84) 33%, rgba(0,138,0,0.92) 67%, rgba(0,87,0,0.96) 83%, rgba(0,36,0,1) 100%);
background: -o-linear-gradient(rgba(180,221,180,0.76) 0%, rgba(131,199,131,0.8) 17%, rgba(82,177,82,0.84) 33%, rgba(0,138,0,0.92) 67%, rgba(0,87,0,0.96) 83%, rgba(0,36,0,1) 100%);
background: linear-gradient(rgba(180,221,180,0.76) 0%, rgba(131,199,131,0.8) 17%, rgba(82,177,82,0.84) 33%, rgba(0,138,0,0.92) 67%, rgba(0,87,0,0.96) 83%, rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */


}

header nav ul li 
{
	display: inline-block;
	margin: auto;
	font-size: 20px;
	padding: 10px;
}

header nav ul li 
{
	display: inline-block;
	margin: auto;
	font-size: 20px;
	padding: 10px;
	text-align: center;
}

header nav ul li a 
{
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	color: #000000;
	padding: 10px;
	margin: auto;
	overflow: hidden;
}

header nav ul li a:hover
{
  
  color: #FFFFFF;
  background-color:#78ae92;
  margin-top: 10px;

}


/*--- CONTENIDO ---*/


#Contenedor{
	width: 100%;
	max-width: 700px;
	margin: auto;
	padding: 20px;
	background-color:#ffffff;
}

#Contenido{
	width: 81%;
	max-width: 550px;
	background-color:#ffffff;
	float: left; 
}



.limpiar{
	clear: both
}

/*--- REMATES PRINCIPAL---*/

#rematedestacado
{
	width: 550px;
	/*max-width:550px;*/
	background: #78ae92;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	float: left;
}

#remates-principal article
{
  width: 50%;
  max-width: 240px; /*330px;*/
  float: left;
/*  margin: 10px,10px,10px,10px;*/
  margin-left: 30px;
  font-size: 14px;
  /*padding-left: 10px;*/
  

}

#remates-principal article h2
{
	background-color: #78ae92;
	color: #ffffff;
	height: 20px;
	padding-top: 5px;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#remates-principal article p
{
  padding-top: 5px;
  background-color: #dae9e2;
  color: #004e9b;
  font-size: 10pt;
  text-align: center;
  text-transform: uppercase;
  /*width: 100%;*/
  /*max-width: 275px;*/
  height: 28px;
}

#remates-principal article img
{
	width: 100%;
	border: 0px;
	overflow: hidden;
	max-height: 157px;
}

#remates-principal article img .rematado{
	width: 114px;
	height: 157px;
	/*content: 'REMATADO';
	background: #03658c;
	color: #000000;
	font-size: 12px;
	padding: 3px 5px;
	font-weight: 700;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}
/*--- ASSSIDE ---*/

aside{
	padding-left: 15px;
	margin-right: 10px;
	width: 17.5%;
	max-width: 120px;
	float: left;
}


aside #widdget{
	/*background-color:#ffffff;*/
	margin: auto;
	text-align: center;
	color: #78ae92;	
	height: 340px;
}

/*--- FOOTER ---*/

footer{
	width: 100%;
	max-width: 730px;
	margin: auto;
	padding-top: 10px;
	padding-left: 10px;
	height: 150px;
	background-color: #FFFFFF;
	color: #004e9b;
}

footer #contacto{
	color: #000000;
	font-size: 20px;
	font-weight: 700;
	text-align: center;	
}

footer #contacto a{
	color: #000000;
	text-decoration: none;
}

footer span a{
	
	color:#607d91; 
	margin-left: 100px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	padding: 10px,10px,10px,10px;
	

}

footer #copy{
	margin-top: 2px;
	margin-bottom: 2px;
	text-transform: uppercase;
	text-align: left;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
}

footer hr{
	color: #004e9b;
	margin-right: 15px;
	size:2px;
	width: 100%;

}

footer #webmaster{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-bottom: 2px;
	text-align: right;
}

footer #webmaster a{
	color: #004e9b;
	text-decoration: none;

}

footer #webmaster a:hover{
	color: #ffffff;
	background-color:#004e9b;
	padding: 5px;
	margin-top: 5px;

}

/*--- PAGINA CONSEJOS REMATES ---*/



#Contenido-cremate{
 width: 100%;	
}

#cremate{
	width:100%;
}

#cremate article{
	color: #333333;
	margin-top: 10px;
	font-family: tahoma;
	font-size: 13px;
}

.destacado{
	font-weight: 900;

}

#cremate article h4 {
	font-weight: 900;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}

#cremate article h5{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 800;
}

/*--- PAGINA REMATES ---*/

#Contenido-remates{
	width: 100%
}

#Listado-remates article{
	margin-top: 10px;
}

#Listado-remates article .titulo-remates{
	background-color: #dae9e2;
	color:#004e9b;	
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	width:100%;
	margin-top: 10px;
	float: left;
}


#Listado-remates .foto{
	width: 16%;
	max-width: 118px;
	max-height: 88px;
}
#Listado-remates .foto img{
	float: left;
	width: 100%;
	max-width: 118px;
	max-height: 88px;
}

#Listado-remates .descripcion{
	color:#004e9b;
	float: left;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width:72%;
	max-width:485px; 
}

#Listado-remates .fecha{
	width: 11%;
	max-width: 80px;
	float: left;
}

#Listado-remates a{
	background-color: #78ae92;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	padding: 5px;
	margin-top: 5px;
	float: right;
}
/*
#Listado-remates a:hover{
	color: #ffffff;
	background-color:#004e9b;
	padding: 5px;
	margin-top: 5px;

}
*/
/*--- PAGINA CONTACTO ---*/

#Contenido-contacto{
	width: 90%

}

#Contenido-contacto #contacto article{
	margin-top: 5px;
	margin-bottom: 5px;
}

#Contenido-contacto #contacto article h2{
	font-weight: 900;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#Contenido-contacto #contacto article span{ 
	font-weight: 900;
}

/*--- FORMULARIO ---*/

.formulario{
	width: 100%;
	background:#FAFAFA;
	padding: 20px;
	margin: 30px auto;
	box-shadow: 1px 1px 25px rgb(0,0,0,0.35);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:4px solid #78ae92;

}
.formulario h2{
	text-align: center;
	font-weight: 900;
}
.formulario ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.formulario ul li{
	display: block;
	margin-bottom: 10px;
	min-height: 20px;

}

.formulario ul li .estilos-campos-general{
	
	padding: 5px;
	border: 1px solid #B0CFE0;
	margin-bottom: 10px;

}

.formulario ul li .campos-completos{
	width: 100%;

}

.g-recaptcha{
	margin-left: 100px;
}
.botones{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 14px 32px;
	background-color:#78ae92;
	color: #ffffff;
	margin: 0px 80px auto;
}



/*---- Gracias mensaje ----*/


#Contenedor .Contenido-graciasmensajes{
	width: 100%;
	margin-top: 10px;
	box-shadow: 1px 1px 25px rgb(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 25px rgb(0,0,0,0.35);

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:4px solid #78ae92;

}

#mensajes{
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	height: 400px;
}

/*
.szs{
	width: 100%;
	margin-top: 10px;
	box-shadow: 1px 1px 25px rgb(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 25px rgb(0,0,0,0.35);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:4px solid #78ae92;
	text-align: center;
	height: 70px;
	padding-top: 10px;
}*/