@charset "utf-8";

a:link { 
    color: #3699c7;
    text-decoration: none;
}
a:visited { 
    color: #3699c7;
    text-decoration: none;
}
a:hover { 
    color: #0d658d;
    text-decoration: none;
}
a:active { 
    color: #3699c7;
    text-decoration: none;
}  

/* INPUTS */
.txtBox { 
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width: 100%;
	padding: 8px 12px;  
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 12px;  
    color: #666;
	text-align: left;
	border-radius: 5px;
    border: 1px solid #CCC; 
    background: #FFF;
	box-sizing: border-box;
} 
.txtBox:focus { 
	outline: none; 
} 
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255,255,255,1) url('../images/arrow_select.jpg') no-repeat right center !important;
}
.select::-ms-expand {
    display: none;
}
.select:focus {
    outline: none;
}

/* SUCURSALES */
.contsucursales {
	width: 30%;
    height: 130px;
    padding: 20px 20px;
    margin: 0px 0px 5px;
    font-family: 'Roboto', sans-serif;
    float: left;
    box-sizing: border-box;
	background-color: #EEE;
	/*border: 1px solid #FF0000;*/
}
.contsucursales p {
    margin: 0px 0px 5px;
    font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 14px; 
	color: #78c1e4;
}
.contsucursales-col {
	width: 70%;
	background-color: #EEE;
	/*border: 1px solid #FF0000;*/
}
.contsucursalesdata {
	width: 29.9%;
    height: 530px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    float: left;
    box-sizing: border-box;
	/*border: 1px solid #FF0000;*/
}
.contsucursalesdata-col {
	width: 69.9%;
    float: right;
	border: 1px solid #CCC; 
}
.contsucursalesdata-col iframe {
    width: 100%;
    height: 530px;
}
.hsucursalesdata {
	width: 100%;
    padding: 8px 0px 5px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 12px; 
    color: #FFF;
    position: relative;
    float: left;
    box-sizing: border-box;
    background-color: #78c1e4;
}
.hdsucursalesdata {
	width: 100%;
    height: 500px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 12px; 
    color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 1px solid #CCC;
    box-sizing: border-box;
    overflow-y: auto;
}
.contdatasucursal {
    width: 100%;
    padding: 15px 32% 15px 20px;
    text-align: left;
    position: relative;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #F1F1F1;
}
.contdatasucursal p {
    margin: 0px 0px 10px;
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 13px; 
	color: #78c1e4;
}
.datasucursal-noborder {
    border-bottom: 0px solid #F1F1F1;
}
.contdatasucursal-col {
    width: 73px;
    position: absolute;
    top: 15px;
    right: 15px;
    /*border: 1px solid #CCC;*/
}
.contdatasucursal-col img {
    width: 100%;
}
.txtdata {
    width: 100%;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 5px;
    font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 11px; 
    color: #333;
    line-height: 15px;
    position: relative;
    float: left;
    box-sizing: border-box;
    /*border: 1px solid #FF0000;*/
}
.txtdata_mt {
    margin: 10px 0px 0px;
}
.txtdata .fas, .far {
    font-size: 10px; 
    position: absolute;
    top: 1.5px;
    left: 0;
}
.fa-phone {
    transform: scaleX(-1);
}

/* LOADING */
.loading {
    width: 100%;
    margin: 30px 0px 0px;
    font-size: 35px;
    text-align: center;
    color: #78c1e4;
    position: relative;
    float: left;
    /*border: 1px solid #FF0000;*/
}

.contregistros_1 {
	background: rgba(241, 241, 241, 0.9);
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.contregistros_1:hover {
	background: #fcf7e5;
}
.contregistros_2 {
	background: rgba(248, 249, 252, 0.9);
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.contregistros_2:hover {
    background: #fcf7e5;
}