body{
	/*margin-top: 101px;*/
	/*background:  #f1f1f1;*/
	font-family: 'Roboto', sans-serif;
}
/* cambiar el color de fondo a la barra */
/*nav.navbar {
    background-color: #F00;
}*/

/*=========================================
=========OCULTAR TEXTO EN H1===============
==========================================*/
.titulogeneral{
	width:200px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	font-size:1px;
	text-indent:-8000px;
}/*==========FIN==========*/
p{
	color: #444;
}
img{
	margin: 0;
	padding: 0 auto;
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active{
	color: #1458AB;
	background-color: #fff;
	font-weight: bold;
}
/*=========================================
==================MENU=====================
==========================================*/
#menu a{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #fff;
	padding-left: 25px;
}
#menu a:hover{
	color:#3876BD;
}
#menu a span{
	background: #3876BD;
	padding: 10px 10px;
	border-radius: 5px;
	color:#FFF;
}
.fondomenusup{
	background: #185BA9;
	color: #FFF;
}
.menubroW{
	font-size: 13px;
}
.menubroW a{
	color: #FFF;
}
.menubroW a:hover{
	color: #55CDFF;
	text-decoration: none;
}
.menubroC{
	font-size: 13px;
}
.menubroC a{
	color: #55CDFF;
}
.menubroC a:hover{
	color: #FFF;
	text-decoration: none;
}/*==========FIN==========*/


/*=========================================
==================SLIDER===================
==========================================*/
.slider{
	height: 100vh;
	background: url('../img/bg-1.png') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}
.blancotexticon{
	background: #000;
	color: #FFF;
}/*==========FIN==========*/


/*=========================================
==================BROCHURE=================
==========================================*/
.fondobrochure{
	background: #FFF;
}/*==========FIN==========*/

.rectangular{
	background: url('../img/rectangular.svg') no-repeat;
	color: #fff;
	padding: 5px 10px 5px 15px;
}
#descarga h5 a{
	color: #CD0C1F;
	text-decoration: none;
}
#descarga h5 a:hover{
	color: #1458AB;
}


.rectpart {
    background: url('../img/trian.svg') no-repeat;
    padding: 15px 0 15px 20px;
    color: #fff;
    font-size: 16px;
}


/*=========================================
==================SERVICIOS================
==========================================*/
.letraBlue{
	color:#55CDFF;
}
.fondoBrindamos{
	background: #EFF5FB;
}
.fondoBrindamos p{
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	color: #333;
}
.fondoBrindamos span{
	color: #E10008;
	font-weight: bold;
}
.fondoServicios{
	text-align: center;
	background: url('../img/Trianblue.png') no-repeat #FFF center top;
}
.fondoServicios strong{
	color: #0A5AD3;
}/*==========FIN==========*/


/*=========================================
=================PIE PAGINA================
==========================================*/
.FondoMapSite{
	background: #0A5AD3;
	color: #FFF;
	font-size: 13px;
}
.FondoMapSite h6{
	border-left: 5px solid #55CDFF;
	padding-left: 10px;
}
.FondoMapSite p{
	font-size: 14px;
}
.fondoDerechos{
	background: #FFF;
}
.Info a{
	color: #FFF;
	text-decoration: none;
}
.Info a:hover{
	color: #55CDFF;
}
.Noti{
	/*border-left: 5px solid #55CDFF;*/
	padding-left: 15px;
}
.Noti a{
	color: #FFF;
	text-decoration: none;
}
.Noti a:hover{
	color: #55CDFF;
}/*==========FIN==========*/


/*=========================================
=============REDES SOCIALES01==============
==========================================*/
#sociales{
	height: 40px;
	display:block;
	margin:1px 0 0 0;
	list-style:none;
}
#sociales li a{
	width:40px;
	height:40px;
	display:block;
	float:left;
	margin-right:10px;
	background:url(../img/facebook.svg) no-repeat;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
	-ms-transition: background-position 0.5s;
	-o-transition: background-position 0.5s;
	-webkit-transition: background-position 0.5s;
}
#sociales li a.instagram{
	background:url(../img/instagram.svg) no-repeat;
}
#sociales li a.whatsapp{
	background:url(../img/whatsapp.svg) no-repeat;
}
#sociales li a.youtube{
	background:url(../img/youtube.svg) no-repeat;
}
#sociales li a.twitter{
	background:url(../img/twitter.svg) no-repeat;
}
#sociales li a.inbox{
	background:url(../img/inbox.svg) no-repeat;
}
#sociales li a.linkedin{
	background:url(../img/linkedin.svg) no-repeat;
}
/*#sociales li a:hover{
	background-position:-40px;
}*/
/*==========FIN==========*/


/*=========================================
=============REDES SOCIALES02==============
==========================================*/
#sociales2{
	height: 25px;
	display:block;
	margin:1px 0 0 0;
	list-style:none;
}
#sociales2 li a{
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-right:10px;
	background:url(../img/facebook2.svg) no-repeat;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
	-ms-transition: background-position 0.5s;
	-o-transition: background-position 0.5s;
	-webkit-transition: background-position 0.5s;
}
#sociales2 li a.instagram{
	background:url(../img/instagram2.svg) no-repeat;
}
#sociales2 li a.whatsapp{
	background:url(../img/whatsapp2.svg) no-repeat;
}
#sociales2 li a.youtube{
	background:url(../img/youtube2.svg) no-repeat;
}
#sociales2 li a:hover{
	background-position:-25px;
}/*==========FIN==========*/


/*=========================================
============BOOTSTRAP MODIFICADO===========
==========================================*/
.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-6 {
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 1.1;
  outline-width: 400;
}
.display-7 {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.5;
  outline-width: 400;
}
.m-6 {
  margin: 43.8rem 3.8rem !important;
}

.mt-6 {
  margin-top: 3.8rem !important;
}

.mr-6 {
  margin-right: 3.8rem !important;
}

.mb-6 {
  margin-bottom: 3.8rem !important;
}

.ml-6 {
  margin-left: 3.8rem !important;
}

.mx-6 {
  margin-right: 3.8rem !important;
  margin-left: 3.8rem !important;
}

.my-6 {
  margin-top: 3.8rem !important;
  margin-bottom: 3.8rem !important;
}/*==========FIN==========*/



/*===========================================================================================================================
===========================================================CONOCENOS=========================================================
============================================================================================================================*/

/*=========================================
==================SLIDER===================
==========================================*/
.sliderConocenos{
	height: 250px;
	background: url('../img/bg-conocenos.png') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}/*==========FIN==========*/


/*=============================================
==================BREADCRUMB===================
=============================================*/
.breadCambio{
	background: #000;
	margin-bottom: 0;
}
.breadCambio li a{
	color: #55CDFF;
}/*==========FIN==========*/


/*=========================================
===============TEXTO NOSOTROS==============
==========================================*/
.letraBlue02{
	color:#0A5AD3;
}
.fondoNosotros{
	background: url('../img/Trianblack.png') no-repeat #fff center top;
}
.fondoNosotros p{
	text-align: justify;
}
.fondoVM{
	text-align: justify;
	background: #0A5AD3;
	color: #FFF;
	opacity: 0.9;
}/*==========FIN==========*/

	

/*===========================================================================================================================
===========================================================SERVICIOS=========================================================
============================================================================================================================*/
.sliderServicios{
	height: 250px;
	background: url('../img/bg-servicios.png') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}
.fondoServicios02{
	text-align: center;
	background: url('../img/Trianblack.png') no-repeat #FFF center top;
}
.fondoServicios02 strong{
	color: #0A5AD3;
}/*==========FIN==========*/



/*===========================================================================================================================
===========================================================CLIENTES==========================================================
============================================================================================================================*/
.sliderClientes{
	height: 250px;
	background: url('../img/bg-clientes.png') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}/*==========FIN==========*/



/*===========================================================================================================================
=========================================================CONTACTENOS=========================================================
============================================================================================================================*/
.sliderContactenos{
	height: 250px;
	background: url('../img/bg-contactenos.png') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}/*==========FIN==========*/
.fondoContactenos{
	background: #0A5AD3;
	color: #FFF;
	opacity: 0.95;
}
.fondoContactenos a{
	text-decoration: none;
}
.fondoContactenos strong{
	color: #55CDFF;
}/*==========FIN==========*/



/*===========================================================================================================================
============================================DEFINICION DE LOS SERVICIOS======================================================
============================================================================================================================*/

/*==========AUTOMATIZACION==========*/
.fondoServiciosDescripcion{
	background: url('../img/Trianblue.png') no-repeat #FFF center top;
}
.fondoServiciosDescripcion02{
	background: #f1f1f1;
}
.fondoServiciosDescripcion03{
	background: #fff;
}




/*==================OPCIONAL=======================*/
.bg-primary{
	transition: all 1s ease;
}

.logo-centro{
 	text-align: left;
}
  .logo-centro02{
 	position: absolute;
 	left: 0; 
 	top: 0px;
}
.letradorao{
	color:#FEB344;
}
.letrarojino{
	color:#ce3147;
}
.letraVerdinho2{
	color:#8BBF1E;
}
.FondoTitulo{
	background: #000;
	color: #FFF;
}
.fondo-bebidas{
	background: #111111;
	color: #666666;
}
#sub a{
	color: #FFF;
	font-size: 14px;
}
.separador{
	font-size: 12px;
	padding: 0 9px;
}
.spablan{
	color: #FFF;
	font-size: 14px;
}
.cabeza{
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 50px;
	text-shadow: 1px  3px  9px #000;
}
.cabecin{
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 42px;
}
.carousel-caption h1{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Amaranth', sans-serif;*/
}
.carousel-caption h2{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Amaranth', sans-serif;*/
}
.carousel-caption h3{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Amaranth', sans-serif;*/
}
.carousul-control .right{
	background-image: none;
}
.carousul-control .left{
	background-image: none;
}
.letradorao{
	color:#FEB344;
}
.letrarojino{
	color:#ce3147;
}
.letraVerdinho2{
	color:#8BBF1E;
}
.FondoTitulo{
	background: #000;
	color: #FFF;
}
.fondo-bebidas{
	background: #111111;
	color: #666666;
}
/*==================OPCIONAL=======================*/


.cont-expositor img{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

input[type=checkbox]
{
  /* Doble-tamaño Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari y Chrome */
  -o-transform: scale(1.3); /* Opera */
  margin-right: 10px;
}

.teinscripcion{
	font-family: 'Roboto', sans-serif;
	color: #1458AB;
}