@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-color: #FF0;
	color: #FF0;
	margin: 0;
	padding: 0;
	background-color: #080808;
}
@keyframes points {
 0% {
top: 0px;
}
 50% {
top: -20px;
}
 100% {
top: 0px;
}
}
@-webkit-keyframes points {
 0% {
top: 0px;
}
 50% {
top: -20px;
}
 100% {
top: 0px;
}
}
@-moz-keyframes points {
 0% {
top: 0px;
}
 50% {
top: -20px;
}
 100% {
top: 0px;
}
}
@-o-keyframes points {
 0% {
top: 0px;
}
 50% {
top: -20px;
}
 100% {
top: 0px;
}
}
@-ms-keyframes points {
 0% {
top: 0px;
}
 50% {
top: -20px;
}
 100% {
top: 0px;
}
}
/*COMUN*/
#container {
	width: 960px;
	height: 600px;
	display: block;
}
#contenido a:visited {
	color: inherit;
}
.bloque {
	background-color: #151515;
	position: relative;
	z-index: 2
}
.bloque h3 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.5em;
	margin: 5px 0 0 15px;
	font-weight: 900;
}
.bloque h4 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1em;
	;
	margin: 5px 0 0 15px;
	font-style: italic;
}
.bloque i {
	font-style: italic;
}
.boton {
	position: relative;
	background-color: #F93;
	border: none;
	font-weight: bold;
}
.boton:hover {
	cursor: pointer;
	border: 1px #FF0 solid;
}
.boton:active {
	position: relative;
	background-color: #FF0;
}
/*HOME.HTML*/
/*BLOQUE 01 - ¿QUIENES SOMOS?*/
#bloque01 {
	margin-top: 0px;
	width: 685px;
	height: 250px;
	left: 0px;
	float: left;
	background-image: url(../images/dinero.jpg);
	background-position: 400px center;
	background-repeat: no-repeat;
	text-align: left;
}
#bloque01 p {
	margin-top: 2px;
	color: #FF9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 12px;
	width: 370px;
	text-indent: 2em;
}
/*BLOQUE 02 - CALCULADOR */

#bloque02 {
	margin-top: 15px;
	width: 685px;
	height: 250px;
	max-width: 685px;
	max-height: 250px;
	left: 0px;
	float: left;
}
/******************  TABLAS  *****************/

#bloque02 table {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	position: relative;
	width: 550px;
	height: 100px;
	top: 10px;
	border-top-left-radius: 15px;
	border: 1px #ff9 solid;
	color: #ff9;
	padding: 1px 1px 1px 1px;
	margin: 0 auto;
}
#bloque02 #post_titulo {
	position: relative;
	margin: 15px auto;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	font-size-adjust: none;
}
#bloque02 table td#rounded {
	border-top-left-radius: 10px;
}
#bloque02 table, td, th, b {
	padding: 2px;
}
#bloque02 table #calcular_boton {
	position: relative;
	left: 10px;
}
#bloque02 table #calcular_boton:active {
}
#bloque02 table #calcular_boton:hover {
}
/*BLOQUE 03 - PANEL PUBLICITARIO*/

#bloque03 {
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	left: 15px;
	width: 275px;
	height: 595px;
	float: right;
	z-index: 1;
}
#bloque03 p {
	margin-top: 0px;
	padding-top: 0px;
}
#bloque03 div#tlfn {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: 900;
	font-size: 2.2em;
	margin: 10px auto 0 0;
	text-align: center;
	padding: 0 0 0 0;
	height: 50px;
	display: block;
}
#bloque03 div#compramos {
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: 900;
	font-size: 2em;
	margin-top: 0px;
	text-align: center;
	padding: 0px; /*line-height:0.4em;*/
	height: 32px;
}
#bloque03 div#lista {
position:relmargin-top:-30px;
	color: #FF9;
	font-family: "Arial", Gadget, sans-serif;
	font-size: 1.5em;
	text-align: center;
	font-style: normal;
}
#bloque03 div#lista ol {
	line-height: 1.5em;
	padding: 0;
	width: 250px;
	margin: 10px auto;
	text-align: center;
	list-style: none;
}
#bloque03 div#discrecion {
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: 900;
	margin: 0px auto;
	width: 250px;
	height: 80px;
	line-height: 1em;
	text-align: center;
	font-size: 1.5em;
}
#bloque03 div#discrecion p {
	margin-top: 5px;
	margin-bottom: 6px;
	text-align: center;
}
/*BLOQUE 04 - IMAGEN ORO APAISADA*/

#bloque04 {
	margin-top: 15px;
	margin-left: 0px;
	width: 685px;
	height: 66px;
	float: left;
	background-image: url(../images/title.jpg);
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/* ----------------------FIN DE HOME.HTML-------------------------*/

/*POSTAL.PHP*/
/*BLOQUE 05 - PASOS*/

#bloque05 {
	padding: 0px;
	width: 980px;
	height: 325px;
}
#bloque05 #titulo {
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.5em;
	font-weight: 900;
	margin-left: 15px;
	color: #ff0;
	top: 5px;
}
#bloque05 #pasos {
	padding: 0;
	position: relative;
	margin-top: 12px;
	margin-left: 0px;
	left: 18px;
	width: 1000px;
}
#bloque05 #pasos a {
	color: #F90;
}
#bloque05 #pasos ol {
	padding: 0;
	height: 500px;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
}
#bloque05 #pasos li {
	font-family: "Arial", Gadget, sans-serif;
	font-size: .721em;
	list-style: none;
	padding: .5em;
	position: relative;
	top: 0px;
	float: left;
	width: 145px;
	height: 250px;
	border: solid yellow 1px;
}
#bloque05 #pasos li h4 {
	padding-top: 5px;
	text-align: center;
	height: 35px;
	display: block;
	margin: -5px;
	font-family: "Arial Black", Gadget, sans-serif;
	background-color: #333
}
#bloque05 #pasos li p {
	margin-top: 10px;
}
/*BLOQUE 06 - FORMULARIO SOLICITUD SOBRE POSTAL*/

#bloque06 {
	float: left;
	margin-top: -220px;
	padding: 0px;
	width: 700px;
	height: 255px;
}
#bloque06 form {
	font-family: "Arial", Gadget, sans-serif;
	font-size: .721em;
	margin-left: 60px;
	width: 620px;
}
#bloque06 #condiciones {
	position: absolute;
	left: 190px;
}
#bloque06 #condiciones #submit_boton {
	left: 100px;
	top: -18px;
}
#bloque06 #condiciones #caja {
	position: relative;
	top: 2px;
}
/*----TERMINOS------*/
#terminos {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
#terminos p, li {
	color: #FF9;
}
#terminos p {
	margin-left: 40px;
}
#bloque06 #condiciones a {
	color: #F90;
}
/*BLOQUE 07 - POSTAL - IMAGEN 01 */

#bloque07 {
	float: right;
	margin-top: -220px;
	padding: 0px;
	width: 260px;
	height: 255px;
	background-image: url(../images/oro_lingotes.jpg);
	background-position: -100px 0px;
	background-attachment: scroll;
}
/* ------------------FIN DE POSTAL.HTML*---------------------/

/*TIENDAS.HTML*/
/*BLOQUE 08 - LISTA DE TIENDAS */
#listatiendas {
	height: 390px;
	overflow: scroll
}
#listatiendas ol li {
	padding: 0px;
}
#bloque08 {
	color: #FF9;
	float: left;
	padding: 0px;
	width: 345px;
	height: 395px;
}
#bloque08 #titulo {
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.5em;
	font-weight: 900;
	margin-left: 15px;
	color: #ff0;
	top: 5px;
}
#bloque08 ol {
	margin-left: 0px;
	list-style: none;
	position: relative;
	padding: 0;
	width: 300px;
	left: 20px;
}
#bloque08 li {
	font-size: 0.7em;
	height: 40px;
	display: block;
	margin-bottom: 10px;
}
#bloque08 li span {
	color: #C90;
}
#bloque08 li a {
	color: #FF9;
	font-family: "Arial", Gadget, sans-serif;
	font-weight: 600;
	text-decoration: none;
	display: block; /*color:inherit;*/
}
#bloque08 li a:hover {
	color: #000;
}
#bloque08 li a:visited {
	color: inherit;
}
/*BLOQUE 09 - MAPAS */

#bloque09 {
	float: left;
	height: 595px;
	width: 600px;
	margin-left: 15px;
}
#bloque09 #contenedor_mapas {
	margin-left: 15px;
	margin-top: 15px;
	height: 565px;
	width: 570px;
}
#bloque09 iframe#marco_mapa {
	border: none;
	height: 565px;
	width: 570px;
}
/*COMUN - MAPAS (HTML) */
#bloque_mapa {
	height: 565px;
	width: 570px;
	padding: 0px;
}
/*BLOQUE10 - IMG-*/
#bloque10 {
	float: left;
	padding: 0px;
	width: 345px;
	height: 185px;
	top: -185px;
	background-image: url(../images/dinero+joyas.jpg);
	background-position: -30px -50px;
}
/* ------------------FIN DE TIENDAS.HTML*---------------------*/

/*---------------------CONTACTO.PHP---------------------------*/
/*BLOQUE 11 CONTACTO*/
#bloque11 {
	float: left;
	width: 975px;
	height: 340px;
	line-height: 1em;
}
#bloque11 #autorizo {
	position: relative;
	width: 600px;
	left: 220px;
}
#bloque11 #autorizo a {
	color: #F90;
	font-weight: normal;
}
#bloque11 #submit_boton {
	top: -40px;
	float: right;
}
#bloque11 #tabla_contacto {
	position: relative;
	margin: 0 auto;
	border-top-left-radius: 15px;
	border: 1px #ff9 solid;
}
#bloque11 #mensaje {
	width: 700px;
	height: 150px;
}
/*BLOQUE 12 LOGO MARLIN*/
#bloque12 {
	top: 15px;
	float: left;
	width: 600px;
	height: 235px;
}
#bloque12 #marlin {
	margin: 40px auto;
	width: 580px;
	height: 155px;
	background-image: url(../images/logo.jpg);
}
/*BLOQUE 13 IMG*/
#bloque13 {
	left: 15px;
	top: 15px;
	float: left;
	width: 360px;
	height: 235px;
	background-image: url(../images/oro+monedas.jpg);
	background-repeat: no-repeat;
	background-position: -30px 0px;
}
/*MAPAS*/
.clear{
	clear:both;
}
#mapas .ciudades{
	float:left;
	width:10%;
	margin-left:2%;
}
#mapas .ciudades ul{
	list-style-image:url("../images/point-small.png");
	margin: 0 0 0 17px;
	padding:0;
}
#mapas .ciudades ul li a{
	color: #FF0;
	display:block;
	text-decoration:none;
}
#mapas .ciudades ul li {
	margin-bottom:7px;
}
#mapas .ciudades ul li a:hover, #mapas .ciudades ul li a.active{
	color:orange;
}
#map-canvas {
	margin:30px 0 0 0 ;
	width: 82%;
	height: 550px;
	float:right;
}
.map-speech-bubble {
	width: 400px;
	font-family: Arial, "Open Sans", sans-serif;
}
.map-speech-bubble .img {
	border: 7px solid #006f51;
	float: left;
	margin: 0 15px 0 0;
}
.map-speech-bubble .title {
	color: #8f4a24;
	font-size: 18px;
	font-weight: 100;
	margin: 0;
	padding: 0;
}
.map-speech-bubble p {
	margin: 5px 0;
	font-size: 14px;
	color: #666;
}
.map-speech-bubble .tel {
	margin: 0;
	font-size: 24px;
	font-weight: 100;
	color: #666;
}