@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
body{
  background-color: #FFFFFF;
}
@font-face{
  font-family: 'roboto';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Roboto-Bold.ttf");
}
.latam{
  background-color: #99B4FD !important;
}
.latam:hover{
  background-color: #8794FF !important;
}
.comentario{
  color: #878686;
  font-size: 10px;
}
.relleno{
  padding: 15px;
  font-size: 11px;
}

.rectangulo-1 {
  display:none;
    width: 100%;
    height: 100px; 
    border-radius: 30px;
    border: 2px #B36035;
    background: #F4A573;
    margin-top: 50px;
    margin-bottom: 40px;
}

.rectangulo-2 {
  display:none;
    width: 100%;
    height: 120px; 
    border-radius: 30px;
    border: 2px #B36035;
    background: #C0C0C6;
  margin-top: 200px;
}

.rectangulo-3 {
  display:none;
    width: 100%;
    height: 170px; 
    border-radius: 30px;
    border: 2px #B36035;
    background: #FFD44F;
  margin-top: 300px;
}

.rectangulo-4 {
  display:none;
    width: 100%;
    height: 200px; 
    border-radius: 30px;
    border: 2px #B36035;
    background: #8DBBEA;
  margin-top: 400px;
}

.rectangulo-5 {
    display:none;
    width: 100%;
    height: 150px; 
    border-radius: 30px;
    border: 2px #B36035;
    background: #9DC783;
  margin-top: 500px;
}

.pyramid-container {
  text-align: center;
}

.inside-text-3 {
  
  text-align: center;
}
.inside-text-2 {
  
  position: absolute;
  bottom: -70px;
}
.inside-text-1 {
    position: absolute;
    bottom: -204px;
    left: -33px;
}


#pyramid-level-3 {
  text-align: center;
    position: relative;
    border-bottom: 50px solid blue;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 0px;
    margin-right:auto;
    margin-left:auto;
}

#pyramid-level-2 {
position: relative;
    border-bottom: 200px solid #F4A573;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    height: 0;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}

#pyramid-level-1 {
  position: relative;
    border-bottom: 100px solid #C0C0C6;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}
#pyramid-level-4 {
    position: relative;
    border-bottom: 100px solid #FFD44F;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}
#pyramid-level-5 {
    position: relative;
    border-bottom: 100px solid #8DBBEA;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
}
#pyramid-level-6 {
  position: relative;
    border-bottom: 100px solid #9DC783;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}



.fondo{
  background-image: url("../imagenes/FondoIniCootraescalWF.png");
  width: 100%;
	height: 100%;
	background-repeat:no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: center center;
}

.fondoPrinpal{
  background-image: url("../imagenes/fondoGD.jpg");
  width: 100%;
	height: 100%;
  background-color: #222222;
	background-repeat:no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: center center;
}


.fondo2{
  position: absolute;
  z-index: 2;
  top: 39%;
  left: 10%;
  width: 23%;
}

.inicio {
  color: #FCFCFC;
  background-color: #444;
  border: none;
  border-radius: 50px;
  height: 66px;
  font-size: 30px;
}

.sesion{
  background-color: #FCFCFC;
  color: #79797b;
  border-radius: 30px;
  width: 231px;
  height: 48px;
  font-size: 30px;
  text-align: center;
}

.selP:hover{
  background-color: #ED2939 !important;
}
.select > option:hover{
  background-color: #ED2939 !important;
}
.paddingLetra{
  padding: 10px;
}
.letraTituInicio{
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 32px;
  line-height: 34px;
}
.letraContenidoInicio{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
}
.paddingCero{
  padding: 0px !important;
}
.letraRoboto{
  font-family: 'roboto';
}
.imagenppal{
	text-align:center;
}
.navbar-brand{
  padding: 0px;
}
.ordenamiento{
	cursor:pointer;
}
.ordenamiento th{
	background-image: url(../../imagenes/ordenamiento.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:15px;
}
.vertical{
  vertical-align: middle !important;
}
th.headerSortUp{ 
    background-image: url(../../imagenes/ordenamientoabajo.png); 
} 
th.headerSortDown{ 
    background-image: url(../../imagenes/ordenamientoarriba.png); 
}
th{
	white-space: nowrap;
}
.logoorden #parametros {
	display:inline-block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    right:100%;
    margin-top:-6px;
    margin-left:-10px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-left:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:left;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	top:0;
    left:-100%;
    margin-right:-100px;
    /*-webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;*/
}
.gris {
	background-color: #DEDADA;
}
.blue{
	color:#337ab7;
}
.verde{
	color: green;
}
.rojo{
	color: #C40307;
}
.naranja{
	color:orange;
}
.opc{
  width: 5px !important;
  cursor: pointer;
}
.tc{
	text-align:center;
}
.orange{
	color:orange;
}
.manito{
  cursor: pointer;
}
.tableEstrecha > tbody > tr > td{
  padding: 0px !important;
}
.tableEstrecha > thead > tr > th{
  padding: 0px !important;
}
.tableEstrecha > tfoot > tr > td{
  padding: 0px !important;
  line-height: 0.99 !important;
}
.letra22{
  font-size: 22px;
}
.letra18{
  font-size: 18px;
}
.letra16{
  font-size: 16px;
}
.letra14{
  font-size: 14px;
}
.letra12{
  font-size: 12px;
}
.letra11{
  font-size: 11px;
}
.letra10{
  font-size: 10px;
}
.letra9{
  font-size: 9px;
}
.letra8{
  font-size: 8px;
}
.limpiar{
  clear: both;
}
.close{
  opacity: 0.8 !important; 
}
.modal-lg{
  width: 95% !important;
}
.margenInterior{
  padding: 0px !important;
  margin: 0px !important;
}
.P10{
 width: 10% !important; 
}
.P20{
 width: 20% !important; 
}
.P30{
 width: 30% !important; 
}
.P40{
 width: 40% !important; 
}
.P50{
 width: 50% !important; 
}
.P60{
 width: 60% !important; 
}
.P70{
 width: 70% !important; 
}
.P80{
 width: 80% !important; 
}
.P15p{
  width: 15px !important; 
}
footer {
  background-color: black;
  position: absolute;
  
  width: 100%;
  height: 60px;
  color: white;
}
.LogoBellota{
  width: 13%;
  background-color: white;
  position: absolute;
}
.LetraFooter{
  position: absolute;
  left: 30%;  
  top: 20%;
  font-size: 20px;
}
.LogoCorona{
  width: 15%;
  background-color: white;
  float: right;
}
.FechaNoticia{
  font-size: 9px;
  font-style: italic;
  float: right;
}
.leyenda{
  font-size: 8px;
  font-style: italic;
}
.pre-scrollable{
  max-height: 500px !important;
}
.EncNotic{
  background-color: #ED2939 !important;
  color: #FFF !important; 
  border-color: #589199 !important; 
}
.BordeNotic{
  border-color: #589199 !important; 
}
.blanco{
	color: #FFFFFF !important;
}
.IconosInicioAni:hover{
	width: 28% !important;
	font-family: 16px !important;
}
.Img_IconoInicio{
	width: 70%;
}
.menuSup{
  background-color: #FFFFFF;
  border-color: #000;
    border-bottom-color: rgb(0, 0, 0);
  border-bottom: 8px solid;
}
.Btn_Bien{
  font-size: 30px;
  color: red;
}
.Btn_NoticiasCM{
   width: 160px;
height: 25px;
background-color: red;
text-align: center;
  color: #FFFFFF;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
}
.Btn_NoticiasCM:hover{
  width: 105px;
height: 22px;
  font-size: 13px;
}
.a{
  text-decoration: none;
}
.RojoFondo{
  background-color: #ED2939 !important;
  color: #FFF !important; 
  font-weight: 600;
}
.CuadroCatalogo{
  height: 160px;
  border: 1px solid #949494;
}
.CuadroCatalogo:hover{
  border: 2px solid #575757;
}
.ImgCatalogo{
  max-height: 150px;
  max-width: 150px;
}
.ImgCatalogoDetalle{
  max-height: 100px;
  max-width: 100px;
}
.Btn_CarritoCompras{
  width: 105px;
  height: 38px;
  position: fixed;
  left: 92%;
  padding-top: 5px;
  border: 2px solid #000;
  border-radius: 10px;
}
.Btn_CarritoCompras:hover{
  cursor: pointer;
  width: 103px;
}
.CuadroModalDetalle{
  min-height: 60px;
  background-color: #FFFFFF;
  color: #ED2939;
  border: 1px solid #CD0101;
  font-weight: 600;
  border-radius: 15px;
}
.CuadroModalDetalleTotal{
  min-height: auto;
  background-color: #ED2939;
  border: 1px solid #CD0101;
  border-radius: 15px;
  font-size: 30px;
  color: #FFFFFF;
}
.e_eliminarPedido{
  float: right;
  font-size: 20px;
  left: 15px;
}
.e_eliminarPedido:hover{
  cursor: pointer;
  font-size: 21px;
}
.e_ValorAcumuladoValor{
  color: #FFFFFF;
  font-weight: 800;
  background-color: #ED2939; 
}
.e_ValorAcumulado{
  color: #000000;
  font-weight: 800;
}
.DivRedondo{
  width: 15px;
  height: 15px;
  border: 1px solid #000000;
  border-radius: 10px;
}
.VerdeFondo{
  background-color: #308B19;
}
.AmarilloFondo{
  background-color: #C2D407;
}
.Circulo_PasosFLujo{
	background-color: #C6C6C6 !important;
	color: #888888;
	width: 50px;
	height: 50px;
	border: 1px solid #C6C6C6;
	border-radius: 30px;
	font-size: 16px !important;
}
.espaciosPasos{
	width: 10px;
	height: 20px;
}
.lineaPasos{
	display: inline-block !important;
}
.letraPasos{
	float: left;
	top: -48px;
	position: relative;
	left: 15px;
	color: #555353;
}
.letraPasos2{
	float: left;
	top: -54px;
	position: relative;
	left: 10px;
	color: #555353;
}
.letraSelect{
	color: #000000 !important;
}
.EspacioInicioEspecial{
	width: 100% !important;
	height: 80px;
}
.VFVerde{
	background-color: #55B340 !important;
	border: 1px solid #449133;
	color: #FFFFFF;
}
.VFRojo{
	background-color: #E64949 !important;
	border: 1px solid #D92B2B;
	color: #FFFFFF;
}
.Circ_ValFec{
  width: 35px;
	height: 18px;
  border-radius: 10px;
}
@media (orientation:portrait) and (max-width:500px){
  .Btn_CarritoCompras{
    position: fixed;
    left: 72%;
  }
	.EspacioInicioEspecial{
		height: 20px;
	}
}
@media (orientation:landscape) and (max-width:800px){
  .fondo2{
    left: 0%;
    width: 100%;
    top: 35%;
  }
  .fondo{
    background-image: url("../imagenes/FondoIniCootraescalMovilF.png");
  }
}
@media (orientation:portrait) and (max-width:500px){
  .Btn_CarritoCompras{
    position: fixed;
    left: 72%;
  }
  .Btn_PuntosDisponiblesCar{
    position: fixed;
    left: 72%;
  }
  .fondo2{
    left: 0%;
    width: 100%;
    top: 35%;
  }
  .fondo{
    background-image: url("../imagenes/FondoIniCootraescalMovilF.png");
  }
	.fondoPrinpal{
		background-image: url("../imagenes/fondoGDMovil.jpg");
	}

	.IconosInicioAni:hover{
		width: 105% !important;
		font-family: 12px !important;
	}
	.Img_IconoInicio{
		width: 50%;
	}
	.lespMIni{
		font-family: 12px !important;
	}
}