@charset "utf-8";
/* CSS Document */

* {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    padding-top: auto;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: auto;
}

body {
    background: #FFF;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #039;
    width: auto;
}

.contenedor {
	width:100%;
	margin: auto;
	overflow: hidden;
}
header {
	background:#FFF;
	margin: 5px 0;
}
header h1 {
	color:#C30;
	padding: 20px 0;
	text-align:center;
}
.cajalogo {
	width: 50%;
	background: #FFF;
	padding: 10px;
	margin: auto;
	box-sizing: border-box;
}
.cajalogo img {
    width: 100%;
    height: auto;
}
.main {
    text-align: center;
    width: 100%;
    background: #FFF;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    float: left;
    box-sizing: border-box;
}
.main img {
	width: 100%;
	height:auto;
}
.mapa {
    /* [disabled]margin-left: 180px; */
	
}
.label, input, .btn, textarea, .dropdown-menu, .panel, .progress, .list-group-item, select {
    border-radius: 8px;
  }
/* Buttons */
.btn {
    font-size: 11px !important;
    letter-spacing: 1px;
    outline: 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-shadow: none;
    text-decoration: none;
    font-weight: 400;
    margin-top: 10px;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 1px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.btn-dark {
    border: 0px solid #003296;
    background-color: #013294;
    color: #fff !important;
}
.btn-nar {
    border: 0px solid #FF752E;
    background-color: #FF7500;
    color: #fff !important;
}
.direccionsuc {
	width:100%;
	background:#FFF;
	padding-top:20px;
	float:left;
	box-sizing:border-box;
	text-align:center;
}
.sucursales {
    width: 50%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    height: 50px;
}

.sucursalestit {
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    height: 111px;
    margin-top: 3+px;
    margin-right: 42px;
    margin-bottom: 8px;
}
.serviciostit {
    text-align: center;
    width: 100%;
    background: #FFF;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    float: left;
}
.servicios {
	width: 55%;
	background: #FFF;
	padding: 10px;
	margin: auto;
	box-sizing: border-box;
}
.servicios img {
	width: 100%;
	height:auto;
}
.aplicaciones {
	width:100%;
	background:#FFF;
	padding:20px;
	float:left;
	box-sizing:border-box;
}
.aplicaciones img {
	width: 100%;
	height:auto;
}
.redes {
	width:25%;
	background:#FFF;
	padding:20px;
	float:left;
	box-sizing:border-box;
	vertical-align: middle;
}
.redes img {
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0;
    height: auto;
	
}
.tarjetas {
    width: 100%;
    background: #FFF;
    padding: 20px;
    float: left;
    box-sizing: border-box;
    text-align: center;
}
.tarjetas h1 {
	color:#C30;
	padding: 20px 0;
	text-align:center;
}

.tarjetas img {
	width: 100%;
	height:auto;
}
footer {
	width: 100%;
	background: #FC0;
	padding: 20px;
	float: left;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.contenedor .sucursales h4 img {
	vertical-align: middle;
	text-align: center;
	margin-top: -20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 18px;
}
.contenedor .direccionsuc h4 a {
	font-size: 18px;
}
.contenedor .direccionsuc h4 img {
    vertical-align: middle;
    text-align: center;
    margin-top: -4px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    font-size: 18px;
}
.contenedor .sucursales h4 a {
	font-size: 18px;
}
.divisiones {
    background-color: #0900EF;
}