@import url(http://fonts.googleapis.com/css?family=Prata|Ropa+Sans);

body {
	font: 20px 'Ropa Sans', serif ; 
	padding: 0;
	margin-top: 10px auto;
	color: #000;
	background: #EED3A4;
}

.enca {
	background: url('img/madera02.jpg');
	-webkit-box-shadow: 0 0 10px 0 rgba(168,138,86,0.6);
	-moz-box-shadow: 0 0 10px 0 rgba(168,138,86,0.6);
	box-shadow: 0 0 10px 0 rgba(168,138,86,0.6);
	max-width:1320px;
}
.pie {
	font: italic 14px 'Ropa Sans', serif; 
	background:	rgba(65, 39, 26,0.8);
	color: #EED3A4;
	padding: 8px 4px;
	line-height:1.3;
}
.boton {
	padding: 3px;
	margin:8px 0 0 0;
	text-align: center;
	background: rgba(238, 211, 164, 0.3);
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.7);
	border: 1px solid #41271A;
	border-radius: 4px;
	transition: all 0.1s ease-out 0s;
	-webkit-transition: all 0.1s ease-out 0s;
	cursor: pointer;
}
.boton:hover {
	background: rgba(238, 211, 164, 0.5);
	
	transform: scale(1.07);
	-webkit-transform: scale(1.07);
	
	transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.bot-activo {
	background: rgba(65,39,26,0.75);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #EED3A4;
	cursor: default;
}
.bot-activo:hover {
	background: rgba(65,39,26,0.85);
	transform: scale(1);
	-webkit-transform: scale(1);

}
.desp {
	position: absolute;
	background: rgba(238,211,164,0.75);
	z-index: 10;
	margin: -1px 0 0 2px;
	padding: 3px 5px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid #41271A;
	width: 86%;
	font-size: 17px;
	line-height: 1.6;
	display: none;
}
.mini {
	font-size: 12px;
}
.sombra {
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.75);
}
.caja {
	background:#FFF;
	padding:12px;
	font-size:16px;
	color:#333;
}
.descrip {
	line-height: 1.3;
}
.blanco {
	color:#FFF;
}
h2  {
	font: 25px 'Prata', serif;
	color: #41271A;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	-moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.titej {
	background:#41271A;
	padding:4px;
	color:#EEE;
	border-radius: 4px;
}
.masin {
	background:#EED3A4;
	padding:2px;
	color:#EEE;
	border-radius: 4px;
	color:#111;
}

.left {
	float: left;
}
.right {
	float: right;
}
.both {
	clear: both;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover, a:visited {
	color:#333;
	text-decoration: none;
}

#map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
}
#okc {
	display: none;
	text-align: center;
	padding-top: 12px;
}