@charset "utf-8";
/* CSS Document */
/* RESET */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
margin-bottom:0px;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
border-collapse:separate; 
border-spacing:5em;

background:transparent;
}
body{
line-height:1;
}
ol,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
content:'';
content:none;
}
 
:focus{
outline:0;
}
 
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
 
table{
border-collapse:collapse;
border-spacing:0;
}

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

/* MAQUETACION */
body{
	background-image:url(../img/bg.jpg);
	background-color:#333;
	background-repeat:repeat;
	overflow-x:hidden

	}

#contenedor{
	min-width: 970px;
	width: 1040px;
    max-width: 1040px;
		margin:0 auto;
	}

#logo{
	margin-top:23px;
	margin-bottom:25px;
	margin-left:69px;
	float:left;
	}

#botonera{
	font-family:Arial, Helvetica, sans-serif;
	color:#b2b4b6;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-top:39px;
	margin-left:302px;
	}
	
#botonera a{
	font-family:Arial, Helvetica, sans-serif;
	color:#b2b4b6;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding-top:3px;
	padding-bottom:13px;
	padding-left:25px;
}

#botonera a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#fac716;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding-top:3px;
	padding-bottom:13px;
	padding-left:25px;
	}

.boton-activo{
	font-family:Arial, Helvetica, sans-serif;
	color:#fac716 !important;}

#centro-arriba{
	background-color:#FFF;
	width:974px;
	height:361px;
	padding-top:65px;
	padding-left:65px}

#buscador-de-propiedades{
	background-color:#e2e2e2;
	border:#cbc9ca 6px;
	border-style:solid;
	width:253px;
	height:273px;
	padding-top:19px;
	padding-left:16px;
	color:#848484;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:none;
	float:left}

/*#buscador-de-propiedades li{
	background-color:#cccacb;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:11px;
	padding-left:12px;
	width:225px;}

#buscador-de-propiedades li img{
	vertical-align:middle}*/
	
#boton-buscar a{
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color:#ecb22a;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:12px;
	padding-right:167px;}

#boton-buscar a:hover{
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color:#5c5c5f;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:12px;
	padding-right:167px;}

#oportunidad{
	width:583px;
	height:292px;
	background-color:#e2e2e2;
	border:#cbc9ca 6px;
	border-style:solid;
	color:#848484;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin-left:312px;
	z-index:2;
	position:absolute}

#oportunidad-izquierda{
	float:left}

#oportunidad-derecha{
	float:left;
	margin-left:16px;
	margin-top:19px}

#oportunidad-derecha img{
	vertical-align:middle}

.titulo{color:#848484;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}

.descripcion{color:#848484;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:2px;
	line-height:140%}

.oportunidad-precio{
	color:#FFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	background-color:#ecb22a;
	padding-top:9px;
	padding-bottom:7px;
	padding-left:68px;
	padding-right:67px;}
	
#centro-abajo{
	background-color:#eae8e9;
	width:974px;
	height:420px;
	border-top:1px #cccacb solid;
	padding-left:65px;
	padding-top:38px;
	color:#848484;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
#propiedades-destacadas{float:left;
}

#boton-venta-alquiler{
	float:left;
	margin-left:560px;
	}
#ficha1 a{
	text-decoration:none;
	background-color:#FFF;
	border:1px #cdcbcc solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:16px;
	margin-top:20px;
	margin-bottom:37px;
	position:static
	}
#ficha1 a:hover{
	text-decoration:none;
	background-color:#eae8e9;
	border:1px #cdcbcc solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:16px;
	margin-top:20px;
	margin-bottom:37px;
	
	}

/*.fichas{
	background-color:#FFF;
	border:1px #cdcbcc solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:16px;
	margin-top:20px;
	margin-bottom:37px
	}*/

.ficha-precio{
	color:#FFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	background-color:#ecb22a;
	padding-top:10px;
	padding-bottom:10px;
	//padding-left:80px;
	//padding-right:76px;
	text-align:center;
	margin-bottom:5px;
		
	}

.ficha-descripcion{color:#848484;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:2px;
	line-height:145%}
.ficha-descripcion2{color:#848484;
	font-size:13.5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:2px;
	line-height:145%}

#centro-abajo img{
	vertical-align:middle}

#pie{
	background-color:#5d5c61;
	height:64px;
	width:902px;
	border-top:2px #cccacb solid;
	color:b9b9b9;
	padding-top:21px;
	padding-left:72px;
	padding-right:65px;
	vertical-align:middle;
	clear:both;}

#pland{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#b9b9b9;
	font-weight:bold;
	float:left;
	line-height:124%}

#numero{font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#b9b9b9;
	float:left;
	line-height:45px}

#direccion{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b9b9b9;
	float:left;
	font-weight:bold;
	line-height:124%}
	
#redes{
	float:left;
	margin-left:269px;
	margin-top:13px}

#witelier{
	height:21px;
	padding-top:10px;
	padding-left:72px;
	border-bottom:3px #5e5c61 solid}

#logo-witelier{float:left;
margin-left:770px;}

#copyright{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5e5e60;}

#buscadorlateral2{
	background-color:#FFF;
	width:214px;
	border-right:1px solid #cccacb;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:none;
	float:left;
	padding-top:67px;
	padding-left:65px;
    color:#585858;
	height:100%
  }
  
 .buscadorlateral2{
	 font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
    color:#585858;

	 }

#buscadorlateral2 a{
	background-color:#FFF;
	width:279px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#585858;
	text-decoration:none;
	background-color:#e8b535;
	width:177px;
	height:18px;
	display:block;
	padding-left:5px;
	margin-bottom:4px;
	padding-top:6px;}

#buscadorlateral2 img{
	vertical-align:middle}
  
#buscadorlateral2 li{
	background-color:#cccacb;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:8px;
	padding-left:12px;
	width:170px;}

#buscadorlateral2 li img{
	vertical-align:middle}

#lista-de-resultados{
	width:662px;
	background-color:#eae8e9;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	padding-top:67px;
	padding-left:32px;
    color:#585858;
	padding-right:65px;
	height:100%}

#boton-nueva-busqueda a{
	background-color:#f2ae27;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:7px;
	padding-right:9px;
    color:#FFF;
	text-decoration:none;
	float:right}

#boton-nueva-busqueda a:hover{
	background-color:#5c5c5f;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:7px;
	padding-right:9px;
    color:#FFF;
	text-decoration:none;
	float:right}

#lista-de-resultados img{
	vertical-align:middle}

#ficha2 a{
	text-decoration:none;
	background-color:#FFF;
	border:1px #cccacb solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:8px;
	margin-top:20px;
	margin-bottom:-5px}

#ficha2 a:hover{
	text-decoration:none;
	background-color:#eae8e9;
	border:1px #cccacb solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:8px;
	margin-top:20px;
	margin-bottom:-5px}

/*.fichas-resultados{
	background-color:#FFF;
	border:1px #cccacb solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:8px;
	margin-top:20px;
	margin-bottom:-5px
	}*/
#ficha3 a{
	text-decoration:none;
	background-color:#FFF;
	border:1px #cccacb solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:-5px}

#ficha3 a:hover{
	text-decoration:none;
	background-color:#eae8e9;
	border:1px #cccacb solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:-5px}

	
/*.fichas-resultados-2{
	background-color:#FFF;
	border:1px #cccacb solid;
	width:201px;
	height:321px;
	float:left;
	padding:6px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:-5px
	}*/
.galleria-errors
      {
          visibility:hidden;
          display:none;
      }
#centro-buscador-resultados{
	height:1064px}
	
#centro-item{
	background-color:#fff;
	width:974px;
	padding-left:65px;
	min-height:1250px;
	height:5510%}
#matiasdiv{
	background-color:#fff;
	}
#item-propiedad-precio{
	color:#eab335;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/item-precio.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:333px;
	padding-top:148px;
	padding-bottom:84px;}

.item-propiedad-precio{
	font-size:35px;
	color:#eab335;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center
	}


#info-propiedad{
	margin-top:25px;
	background-color:#FFF;}
	
/*#info-propiedad img{
	vertical-align:text-top}*/
	
#info-propiedad-item{
	background-color:#FFF;
	float:left;
	height:38px}
	
#info-propiedad-titulo{
	background-color:#FFF;
	float:left;
	height:38px}

.item-propiedad-titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#eab335;}

.item-propiedad-bold{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#938f90;
	font-weight:bold;
	line-height:160%
	}
	
#codigo-propiedad{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#938f90;
	width:319px;
	height:18px;
	border: 1px solid #afafaf;
	margin-top:27px;
	padding-left:11px;
	padding-top:7px
	}
	
#info-basica{
	color:#938f90;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
		line-height:120%;
		
	}



.informacion-basica{
	margin-top:14px;
	background-color:#ecb328;
	color:#FFF;
	font-size:14px;
	height:28px;
	width:330px;
	padding-left:11px;
	padding-top:5px;
	padding-right:164px;
	padding-bottom:5px;
}

.informacion-adicional{
	margin-top:14px;
	background-color:#ecb328;
	color:#FFF;
	font-size:14px;
	height:28px;
	width:330px;
	padding-left:11px;
	padding-top:5px;
	padding-right:140px;
	padding-bottom:5px;
}
	
#info-basica td{
	background-color:#eae8e9;
	border:1px solid #FFF;
	padding-left:9px;
	height:22px;
	line-height:155%;
	font-size:12px}


/*#info-propiedades-botones{
	margin-top:12px
}

#info-propiedades-botones a{
	margin-top:12px;
	text-decoration:none
}*/

#facebook a{
	background-image:url(../img/boton-face.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:50px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:36px;
	margin-right:1px;
	margin-top:11px}
#facebook a:hover{
	background-image:url(../img/boton-face-hover.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:50px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:36px;
	margin-right:1px;
	margin-top:11px}
	
#facebook2 a{
	background-image:url(../img/boton-face2.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:50px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:36px;
	margin-right:1px;
	margin-top:11px}
	
#facebook2 a:hover{
	background-image:url(../img/boton-face-hover2.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:50px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:36px;
	margin-right:1px;
	margin-top:11px}

#consultar a{
	background-image:url(../img/boton-consultar.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:50px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:17px;
	margin-top:11px}
#consultar a:hover{
	background-image:url(../img/boton-consultar-hover.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:50px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:17px;
	margin-top:11px}


#centro-item-izquierda{
	float:left}

#centro-item-derecha{
	width:540px;
	float:left;
	margin-left:35px;
	padding-top:65px}
#mapa{
	border:5px solid #cbc9ca;
	margin-top:19px}
	
	
/*	DROPDOWN*/
ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style: none;
	font-weight:none;
	color:#848484;
	width:236px;
}
ul li {
    display: block;
}
li ul {
    display: none;
	margin-left:20px;
}


ul li a {
    display: block;
    text-decoration: none;
    color: #848484;
    padding: 0px 15px 0px 15px;
    background: #cccacb;
    margin-left: 1px;
    white-space: nowrap;
	margin-top:12px
}

ul li a img{
	vertical-align:middle}

ul li a:hover {
background: #ecb22a;
color:#FFF;
}
li:hover ul {
    display: block;
    position: absolute;
}
li:hover li {
    float: none;
    font-size: 12px;
}
li:hover a { background: #cccacb; }
li:hover li a:hover {
    background: #ecb22a;
	height:32px;
}

.opciones{
	margin-top:-12px;
	height:32px;
	display:block;
	background-color:#cccacb;
	line-height:200%;}
	
/*LIGTHBOX*/
.fadebox {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 265%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.overbox {
    display: none;
    position:fixed;
    width: 490px;
    height: 400px;
    z-index:1002;
    //overflow: auto;
	//background-color:#FFF;
	//border:5px solid #cccaca;
	//padding-top:52px;
	//padding-left:52px;
	//top: 50%;
 	left: 50%;
 //margin-top: -231px;
 margin-left: -275px;
}

.item-propiedad-barrio{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#938f90;
	font-weight:bold;
	line-height:160%
	}

#box-izquierda{
	float:left;
	width:107px;
	position:static}

#box-derecha{
    width:334px;
	float:left;
	margin-left:11px

	}

#codigo-propiedad-box{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#938f90;
	width:255px;
	height:18px;
	border: 1px solid #afafaf;
	margin-top:34px;
	padding-left:11px;
	padding-top:5px
	}
	
#formulario{
	margin-left:40px;}

td.message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d3d3d;
	text-align:left;
	font-weight:bold;
	float:left;
	margin-right:15px;
}
	
	
.simple-input{
	width:268px;
	height:22px;
	background-color:#e6e6e5;
	float:right;
	margin-top:8px;
	margin-left:5px;
	border:1px solid #e6e6e5;
}
	
.simple-input1{
	width:268px;
	height:102px;
	background-color:#e6e6e5;
	float:right;
	margin-top:7px;
	margin-left:5px;
border:1px solid #e6e6e5;
	}	

input:focus {
	border:2px solid #ecb228;
}
	
#enviar-borrar{
	margin-left:86px;}	
	
.enviar-borrar{
	background-color:#ecb228;
	width:79px;
	height:24px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	padding-top:3px;
	margin-top:3px;
	border: 1px solid #ecb228}


	
.hidden-boton{
	float:right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3d3d3d;
	padding-right:40px;
	margin-top:-15px}
	
	/*SELECT*/

select {
appearance: button;
-o-appearance: button;
-ms-appearance: button;

-khtml-appearance: button;
-webkit-appearance: button;
  -webkit-border-radius: 0px;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  -moz-appearance: window;
  
  background-image:url(../img/buscador-flecha.png);
  background-color:#cccacb;
  background-position: center right;
  background-repeat: no-repeat;
  border: 0px solid #AAA;
  color: #848484;;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:236px;
  height:32px;
  margin-bottom:12px;
  padding-left:10px;
  text-indent:10px;
  
  }	
  
select:hover{
	 background-color:#ecb22a;}
	 
	 .select22 {
appearance: button;
-o-appearance: button;
-ms-appearance: button;

-khtml-appearance: button;
-webkit-appearance: button;
  -webkit-border-radius: 0px;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  -moz-appearance: window;
  
  background-image:url(../img/buscador-flecha.png);
  background-color:#cccacb;
  background-position: center right;
  background-repeat: no-repeat;
  border: 0px solid #AAA;
  color: #848484;;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:182px;
  height:32px;
  margin-bottom:8px;
  padding-left:10px;
  text-indent:10px;
  
  }	
  
.select22:hover{
	 background-color:#ecb22a;}
/* --------------- BOTONES --------------- */

.button, .button:visited { /* botones genéricos */
background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.button:hover { /* el efecto hover */
background-color: #111
color: #FFF;
}

.button:active{ /* el efecto click */
top: 1px;
}

/* botones pequeños */
.small.button, .small.button:visited {
font-size: 11px ;
}

/* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* botones grandes */
.large.button, .large.button:visited {
font-size:14px;
padding: 8px 14px 9px;
}

/* botones extra grandes */
.super.button, .super.button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}

.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover{ background-color: #2575CF; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }