/* Responsive Smartphone */
@media screen and (min-width: 0px) and (max-width: 959px) {
body {
	margin: 0px;
	background: #f5f5f5 no-repeat center top;
	text-align: center;
}
.top{
	float: left;
	height: auto;
	width: 100%;
	background-size: auto 100%;
}
.top_cont{
	margin: 0px 2%;
	height: auto;
	width: 96%;
	overflow: auto;
}
.top_logo{
	height: 80px;
	width: 100%;
	px;
	float: left;
	text-align:  center;
}
.top_logo img{ max-width:300px; width:80%; height:auto;}
.top_datos{
	text-align: center;
	float: left;
	height: auto;
	width: 46%;
	font: 400 12px/16px "Open Sans", sans-serif;
	margin: 20px 2%;
}
.top_datos div{ font-weight:700; font-size:16px; display:inline}
.top_banner{
	float: left;
	height: auto;
	width: 100%;
}
.top_banner img{ width:90%; height:auto;}
.top_menu{
	background: #222;
	padding: 25px 0px;
	float: left;
	height: auto;
	width: 100%;
}
.top_menu_cont{
	height: auto;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.top_menu_btn{
	float: none;
	height: auto;
	min-width: 120px;
	width: 20%;
	margin-right: 40px;
	font: 12px/20px "Open Sans", sans-serif;
	color:#fff;
	text-decoration:none;
	letter-spacing:1px;
	display: inline-block;
	margin: 10px;
	text-align: center;
	padding: 0;
	-webkit-transition: none;
}
.top_menu_btn:hover{color:#960;background: none;}
.top_menu_fb{
	background: none;
	text-align: center;
	float: left;
	height: auto;
	width: 80%;
	padding: 5px 5%;
	font: 600 12px/20px "Open Sans", sans-serif;
	color: #666;
	text-decoration:none;
	letter-spacing:1px;
	background: #fff;
	margin-left: 5%;
	border-radius:  5px;
	box-shadow: 0px 2px;
	margin-top: 20px;
}
.top_menu_fb:hover{ text-decoration:underline; }
.central{
	margin: 30px 2% 40px;
	height: auto;
	width: 96%;
	display: inline-block;
	text-align: center;
	float:  left;
}
.titulo{
	font: bold 40px/40px "Open Sans", sans-serif;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
}
.inicio_txt{
	font: 400 16px/30px "Open Sans", sans-serif;
	color: #000;
	text-align: center;
	float: none;
	height: auto;
	width: 100%;
}
.subtitulo{
	font: bold 20px/20px "Open Sans", sans-serif;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.ser_btn,.ser_btn_med{
	float: none;
	height: auto;
	width: 270px;
	box-shadow:0px 2px 4px rgba(0,0,0,0.1);
	-webkit-transition: all ease-out 0.2s;
	margin:10px;
	display: inline-block;
}
.ser_btn:hover,.ser_btn_med:hover{box-shadow: 0px 2px 50px rgba(0,0,0,.2);-webkit-transition: all ease-out 0.2s; transform: scale(1.0);}

.ser_btn img,.ser_btn_med img{ width:100%; height:auto;
	
}
.pie{
	float: left;
	height: auto;
	width: 100%;
	margin: 0;
}
.pie_cont{
	margin: 30px 2% 0;
	height: auto;
	width: 96%;
	overflow: visible;
	float: left;
	text-align:  center;
}
.pie_logo{
	float: none;
	height: 40px;
	width: auto;
	margin-right: 40px;
	display: inline-block;
	margin: 0 20px 20px;
}
.pie_menu{
	float: none;
	height: auto;
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}
.pie_derechos{
	font: 10px/12px Arial, Helvetica, sans-serif;
	text-align: center;
	float: right;
	height: auto;
	width: 100%;
	margin-bottom: 30px;
}
.pie_img{
	text-align: center;
	height: auto;
	width: 100%;
	float: left;
	clear: left;
	background-size: auto 100%;
	background-color: #ccc;
}
.pie_img img{ width:100%; height:auto;}
.nosotros_txt{
	font: 16px/30px "Open Sans", sans-serif;
	color: #000;
	text-align: justify;
	float: left;
}
.nosotros_img01{
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin: 0px;	
	margin-bottom:30px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}
.nosotros_txt img{ width:100%; height:auto;}
.nosotros_img02{
	float: right;
	height: auto;
	width: 100%;
	max-width: 380px;
	margin: 0 0 30px 30px;
	margin-bottom:30px;
	margin-top: 0;
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}
.nosotros_img03{
	float: left;
	height: auto;
	width: 260px;
	margin: 30px;
	margin-bottom:30px;
}
.ser_moneda{
	display: inline-block;
	margin: 10px;
	height: auto;
	width: 220px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
	border-radius:5px;
}
.ser_moneda_img{
	background: #FFF;
	padding: 50px;
	height: 120px;
	width: 120px;
	border-radius:5px 0px 0px 5px;
}
.ser_moneda_tit{
	font: 400 16px/20px "Open Sans", sans-serif;
	color: #000;
	background: #f5f5f5;
	height: 20px;
	width: 180px;
	text-align: center;
	padding: 20px;
	border-radius:0px 5px 5px 0px;
}
.ser_img{
	display: inline-block;
	margin: 5px;
	height: auto;
	width: 280px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
.billetes { display:none}
.ser_relojes_img01,.ser_relojes_img02{
	display: inline-block;
	height: auto;
	width: 30%;
	min-width: 140px;
	float: none !important;
}
.ser_relojes_img01 img,.ser_relojes_img02 img{ width:100%; height:auto;}
.ser_relojes_img02{
	float: right;
}
.ser_img img{ width:100%; height:auto;}
.ser_relojes_txt{
	display: inline-block;
	margin: 0;
	height: auto;
	width: 100%;
}
.contacto_datos{
	float: left;
	width: 100%;
}
.contacto_datos .subtitulo{
	margin: 20px 0 20px;
	text-align: center;
}
.contacto_datos .nosotros_txt{ text-align:center; width:100%}
.contacto_form{
	float: none;
	width: 100%;
	margin-top: 50px;
	max-width: 500px;
	display: inline-block;
}
.contacto_form .subtitulo{
	margin: 0px 0 20px;
	text-align: center;
}
.contacto_form_input{
	font: 16px/40px "Open Sans", sans-serif;
	color: #000;
	background: #FFF;
	text-align: center;
	margin: 0px 0px 20px;
	padding: 0px 2%;
	float: left;
	height: 40px;
	width: 95%;
	border: 1px solid #CCC;
}
.contacto_form_txtarea{
	font: 16px/20px "Open Sans", sans-serif;
	color: #000;
	background: #FFF;
	text-align: center;
	margin: 0px 0px 20px;
	padding: 2%;
	float: left;
	height: 60px;
	width: 95%;
	border: 1px solid #CCC;
}
.contacto_form_input::placeholder,.contacto_form_txtarea::placeholder{ color:#ccc;}
.contacto_form_btn{
	font: bold 12px "Open Sans", sans-serif;
	color: #FFF;
	background: #00B22D;
	float: right;
	height: 50px;
	width: 100%;
	border:none 0px;
}
.contacto_suc{
	display: inline-block;
	margin: 3% 2% 3% 1%;
	height: auto;
	width: 270px;
	vertical-align:top;
}
.contacto_mapa{
	float: left;
	height: 340px;
	width: 100%;
}

.top_izq{
	position:absolute;
	bottom:0px;
	left:0px;
	background: url(imagenes/top_izq.png) no-repeat left bottom;
	float: left;
	width: 100%;
	height: 200px;
	background-size: 50% auto;
}
.top_der{
	position:absolute;
	bottom:0px;
	left:0px;
	background: url(imagenes/top_der.png) no-repeat right bottom;
	float: left;
	width: 100%;
	height: 200px;
	background-size: 50% auto;
}
.top_centro{
    background: url(imagenes/top_centro.png) no-repeat center bottom;
    float: left;
    width: 100%;
    height: 160px;
    background-size: auto 160px;
}


}