html, body
{
	height: 100%;
}
body
{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
h1
{
	font-size: 1.7em!important;
	text-align: center;
	font-weight: 300;
}
h2
{
	font-size: 1.2em!important;
	text-align: center;
	font-weight: 300!important;
}
.page-wrap {
	min-height: 100%;
	/* equal to footer height */
	margin-bottom: -50px;
}
.container-header
{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
.logo
{
	margin: 1em auto;
}
.navbar-container
{
	background:#2166ab;
	display: table;
	width: 100%;
}
.main-navbar
{
	width: 960px;
	margin: 0 auto;
}
.main-navbar ul
{
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0;
}
.main-navbar li
{
	color: #fff;
	display: inline-block;
	font-size: .9em;
	line-height: 2.5em;
	text-transform: uppercase;
	font-weight: 400;
}
.footer
{
	background: #133a62;
	display:table;
	width: 100%;
}
.footer, .page-wrap:after
{
	height: 50px;
}
.container-footer
{
	width: 960px;
	margin: 0 auto;
	display: table;
}
.footer-navbar-izq ul,
.footer-navbar-der ul
{
	list-style: none;
	margin: 0;
}
.footer-navbar-izq ul
{
	float: left;
	padding-left:1em;
}
.footer-navbar-der ul
{
	float: right;
	padding-left:0;
	padding-right:1em;
}
.footer-navbar-izq li,
.footer-navbar-der li
{
	color: #fff;
	display: inline-block;
	font-size: .85em;
	margin-right: 0.5em;
	line-height: 50px;
}
.main-navbar a
{
	padding: 0 1em;
}
.footer-navbar-izq a,
.footer-navbar-der a,
.main-navbar a
{
	color: #c0dbf5;
	text-decoration: none;
}
.footer-navbar-izq a:hover,
.footer-navbar-der a:hover
{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #c0dbf5;
	padding-bottom: 0.1em;
}
.main-navbar a:hover
{
	color: #c0dbf5;
	text-decoration: none;
	border-top: 4px solid #c0dbf5;
	padding-top: 0.35em;
}
.active-link
{
	border-top: 4px solid #fff;
	color: #fff!important;
	padding-top: 0.35em!important;
}

.main-content {
	width: 960px;
	margin: 0 auto;
	display: table;
}

/*===============PAGINA INICIO===============*/

.banner {
	height: 300px;
	width: 100%;
	text-align: center;
	background: #18426e;
	background-image: url(../img/banner-index.png);
	background-repeat: no-repeat;
	background-position: center;
-moz-box-shadow:inset 0px 13px 15px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:inset 0px 13px 15px rgba(0, 0, 0, 0.4);
box-shadow:inset 0px 13px 15px rgba(0, 0, 0, 0.4);
}
.columnas
{
	display: table;
	margin-bottom: 70px;
	margin-top: 20px;
}
.col1,
.col2,
.col3
{
	height: auto;
	width: 250px;
	text-align: center;
}
.col1
{
	float: left;
	margin-left: 105px;
}
.col2
{
	float: left;
}
.col3
{
	float: right;
	margin-right: 105px;

}
.col1 img:hover,
.col2 img:hover,
.col3 img:hover
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	zoom: 1;
}





/*===============PAGINA REMESAS===============*/
.remesas
{
	float: left;
	width: 49%;
	margin-top: 3em;
	margin-bottom: 1em;
}

.remesas h1
{
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	color: #2166ab;
	margin: 0 0 1em 0;
}
.remesas p
{
	display: inline-block;
	line-height: 1.3em;
	color: #2166ab;
	margin: 0;

}
.remesas-pic
{
    float: right;
	margin-top: 2em;
    height: 385px;
    width: 480px;
}
.lista-remesas
{
	margin-bottom: 70px;
    float: left;
}
.lista-remesas ul
{
	margin-bottom: 50px!important;
	padding: 20px 20px 20px 40px !important;
	border: 1px solid #cecece;
}




/*===============PAGINA SUCURSALES===============*/
.sucursales-wrapper {
	border: 1px solid #cecece;
	padding: 2em;
	display: table;
	width: 900px;
	margin: 0 auto;
	background-image: url(../img/googlemap.png);
	background-repeat: no-repeat;
	background-position: 395px;
}

.selectores select
{
	width: 100%!important;
	margin: 0 0 1em 0!important;
}

.col-selectores,
.col-resultados
{
	display: block;
}
.sucursales h2
{
	text-align: left;
	color: #2166ab;
	font-size: 1.2em!important;
	font-weight: 700!important;
	margin-top: 2em;
}
.col-selectores
{
	width: 340px;
	float:left;
	padding-right: 15px;

}
.col-resultados
{
	float:right;
	width: 515px;
}
.selectores p
{
	margin:0em 0 0.5em 0;
}




/*===============PAGINA QUIENES SOMOS===============*/
.col-izq,
.col-der
{
	margin-bottom: 70px;
}
.col-izq
{
	width: 52%;
	float:left;
}
.col-der
{
	width: 45%;
	float:right;
}
.quienes h1
{
	text-align: left;
	color: #2166ab;
	font-size: 1.4em!important;
	margin-top: 2em;
	text-transform: uppercase;

}
.col-izq h2
{
	text-align: left;
	color: #2166ab;
	font-size: 1.2em!important;
	font-weight: 700!important;
	margin-top: 1em;
}
.col-izq ul
{
	padding-left: 1em;
	list-style-type: decimal;
}
.col-izq li,
.col-izq p
{
	line-height: 1.3em;
}




/*===============PAGINA SERVICIOS===============*/

.servicios-wrapper h2
{
	text-align: left;
	color: #2166ab;
	font-size: 1.2em!important;
	font-weight: 700!important;
	margin-top: 2em;
}

.col-ser-1,
.col-ser-2
{
	width: 450px;
}
.col-ser-1
{
	margin-right: 30px;
	float: left;
}
.col-ser-2
{
	margin-left: 30px;
	float: right;
}
.col-ser-1 select,
.col-ser-2 select
{
	width: 100%!important;
	margin: 0 0 1em 0!important;
}
.logo-empresas
{
	display: inline-block;
	margin-top: 1em;
	width: 100%;
	margin-bottom: 70px;
}

.banner-billetera
{
	width: 100%;
	display: inline-block;
}
.banner-billetera:hover
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	zoom: 1;
}



/*===============PAGINA CONTACTO===============*/
.contacto
{
	margin-top: 2em;
}
.contacto h2
{
	text-align: left;
	color: #2166ab;
	font-size: 1.2em!important;
	font-weight: 700!important;
}
.contacto-container
{
	width: 100%;
	background: red;
	display: inline-block;
}

.col-izq-contacto,
.col-der-contacto
{
	margin-bottom: 70px;
}
.col-izq-contacto
{
	width: 480px;
	float:left;
}
.col-der-contacto
{
	width: 480px;
	float: right;
}
.col-der-contacto img
{
}


/*===============PAGINA APP===============*/

.banner-app {
	height: 400px;
	width: 100%;
	text-align: center;
	background: #fff;
	background-image: url(../img/appbilletera.jpg);
	background-repeat: no-repeat;
	background-position: center;
-moz-box-shadow:inset 0px 13px 15px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:inset 0px 13px 15px rgba(0, 0, 0, 0.4);
box-shadow:inset 0px 13px 15px rgba(0, 0, 0, 0.4);
}
.app
{
	margin-top: 1em;
}
.colizqapp {
	float: right;
	width: 370px;
}

.colderapp {
	float: left;
	width: 590px;
	margin-bottom: 70px;
}
.apple, .google
{
	float: left;
	margin-right: 1em;
}
.apple:hover, .google:hover
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	zoom: 1;
}
.apple
{
	width: 24%;
}
.google
{
	width: 35%;
}
.colizqapp p
{
	font-size: 1.3em;
	margin: 0;
	font-weight: 300;
	color:#2166ab;
	text-align: right;
}
.colizqapp a
{
	font-weight: 700;
	color: inherit;
}
.colizqapp a:hover
{
	font-weight: 700;
	color: #397fc6;
}
.colderapp p
{
	margin: 0 0 0.5em 0;
}

#bold {
	font-weight:bold!important;
}