bannerPresentacion*{
	margin:0;
	padding:0;	
}
:root {
  --color-principal:#145C08;/*permite manejar el color verde de la pagina*/
  --color-secundario:#0B243B;/*permite manejar el color azul de la pagina*/
   --color-titulo:#797d7f ;/*permite manejar el color azul de la pagina*/
  --color-white:white;
  --font-principal:'Gotham-Bold';
   --font-menu:'Gotham-Bold', serif;
    background-color:transparent ; 
}
html{
height:100%;
 width:100%;
	position:relative;
}
body {
	height:100%;
	width:100%;
	text-align:center;	
	margin:0px;
	font-family: var( --font-principal);
	margin-bottom:40px;
	background-color:#ffffff  ;   
/*	background: url(../imagenes/fondo2.jpg)no-repeat fixed center;
	/*background: url(background-photo.jpg) center center cover no-repeat fixed;*/
}
.spacer100{clear:both; height:5px;}
.spacer{clear:both; height:10px;}
.spacer1{clear:both; height:2px;}
.spacer3{clear:both; height:1px;}
.spacer4{clear:both; height:0.5px;}
.spacer12{clear:both; height:0.1px;}
.spacer5{clear:both; height:20px;}
.spacerconstrucion{clear:both; height:0px;}
.spacerregistro{clear:both; height:0px;}
.spacergrande2{clear:both; height:30px;}
.spacergrande{clear:both; height:400px;}
.spacer10{clear:both; height:160px;}
.spacer8 { 
   background-color:var(--color-principal);
  height: 6px;
   margin-left: 2.5%;
  margin-right: 2.5%;
position: relative;
}
.spacer9 { 
   background-color:var(--color-principal); 
  height: 1px;
   margin-left: 2.5%;
  margin-right: 2.5%;
position: relative;
}
.spacer6{ 
   background-color:#9b9b9a  ;  
  height: 1px;
margin-top:0px;
 
}
.spacer61{ 
   background-color:#31C5DF  ;  
  height: 1px;
 position: relative;
}
.spacer75{ 
	background-color:#d03c07;
   width:100%;
	height:0.5px;
  position:absolute;
 float:right;
 
 }
.spacer7{ 
   background-color:#0c0c0c;
  width:100%;
   height:6px;
 position:absolute;
float:right;

}
.spacer77{ 
    background-color:#d03c07 ; 
   width:10%;  
   height: 1px;
   text-align: center;
  margin-left: 45%;

}
.spacer71{ 
    background-color:#d03c07 ; 
   width:10%;  
   height: 1px;
   text-align: left;
  margin-left: 15%;

}
.spacermenu{ 
   background-color:#d8dfe3;
  width:1px;
   height:75%;
 position:absolute;
float:right;
margin-top:8px;
}
.spacermenu1{ 
   background-color:#d8dfe3;
  width:1px;
   height:75%;
   margin-left:8px;
 position:absolute;
float:left;
margin-top:8px;
}
.spacer78{ 
	margin-top: 1%;
	background-color:#53b73f ; 
	width:40%;   
  	height: 1px;
	align-content: left;
	margin-left: 31%;
 }
 .spacer781{ 
	margin-top: 1%;
	background-color:transparent ; 
	width:15%;   
  	height: 1px;
	align-content: left;
	margin-left: 31%;
 }
.spacer71{ 
   background-color:#53b73f ; 
   width:10%;   
  margin-right: 25%;
   height: 1px;
	position: relative;
}
.spacer72{ 
   background-color:#d5d8dc ;  
   width:50%;   
  margin-right: 25%;
  height: 1px;
	position: relative;
}

 .textoSubTitulobannerinfo
{
color:#99abb8 ; 
font:14px  'Gotham-Bold';
text-align: left;
margin-right:15px;

cursor:pointer;
}
.textoSubTitulobannerinfo:hover
{
color:#53b73f;
opacity: 1;
}
 .textoSubTitulobannerinfo2
{
color:#99abb8 ; 
font:14px  'Gotham-Bold';
text-align: justify;
margin-right:0px;
margin-left:55px;
cursor:pointer;
}
.textoSubTitulobannerinfo2:hover
{
color:#53b73f;
opacity: 1;
}
#contenedor
{ 
 width:99%;
 margin:0 auto;
 position:relative;
 float:right;
 
}

#contenedorEmpleo
{ 
 width:100%;
 min-height:600px;

 position:relative;
 background-color:#45A916 ;  
}
#contenedorEmpleado
{ 
	margin-top:5px;
    margin-left:5px;	
	bottom:0px;
	margin-right:8px;	
    bottom:15px;
	height:100%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
 background-color:#fff ;  
}
#contenedorRegistra
{ 
 width:100%;
 margin:0 auto;
 position:relative;
 float:left;
 min-height: 600px;
  background: url(../imagenes/campanamontes/fondo.jpg) center center cover no-repeat fixed; 
}
#etiqueta
{ 

 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
 margin:0 auto;
   
	overflow:hidden;
}
#contenedorpro1
{ 
 position: fixed;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
 width:100%;
 min-height:165px;
 margin:0 auto;
    background-color:transparent ; 
	overflow:hidden;
}
#contenedorpro11
{ 
 position: fixed;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 999;
 width:100%;
 height:150px;
 margin:0 auto;
   background-color:white; 
  /* background: white url(../imagenes/bannercabecera.jpg);
background-attachment: fixed;*/
	overflow:hidden;
}
#mostrarmodal25
{ 
 position: fixed;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
}
#mostrarmodalCliente
{ 
 position: fixed;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999;
}
#mostrarmodalSiguenos
{ 
 position: fixed;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
}
#contenedorespacio
{ 
   background-color:transparent ; 
 width:100%;
 position:relative;
 min-height:153px; 
}
#contenedorpro4
{ 
width:100%;
min-height:100px;
margin:0 auto;
position:relative;
/*background: white url(../imagenes/2.jpg);
background-attachment: fixed;*/
}
#imgMenu
{ 
width:100%;
margin-left:2px;
margin-right:15px;
/*background: white url(../imagenes/2.jpg);
background-attachment: fixed;*/
}
#contenedor1
{ 
 position: absolute;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
 width:100%;
 min-height:50px;
 margin:0 auto;
}


#contenedor9 
{
  
display: none;
     position: absolute;
     top: 25%;
     left: 25%;
     width: 50%;
     height: 50%;
     padding: 16px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}
#contenedor2
{ 

width:100%;
min-height:200px;
margin:0 auto;
position:relative;
 background-color: #FFF ;
}
#contenedor3
{ 
  background: #fff;
 width:100%;
 position:relative;
 min-height:470px; 

}
#contenedor4
{ 
width:100%;
min-height:120px;
margin:0 auto;
background:var(--color-principal);
position:relative;
}

#contenedor5
{ 
  background: #fff;
 width:100%;
 position:relative;
 min-height:200px; 

}
#contenedor6
{ 
  background: #fff;
 width:100%;
 position:relative;
 min-height:470px; 
}

#contenedor7
{ 
  background: #fff;
 width:100%;
 position:relative;
 min-height:470px;  
}
#contenedor8
{ 
  background: #fff;
 width:100%;
 position:relative;
 min-height:50px; 
 
}
#contenedormenumobil
{ 
  background: #fff;
 width:100%;
}
#banner
{
	background: transparent;
	max-width: 100%;	
	
}
#banner3
{	
	max-width: 100%;
	float:left;
	margin-left:5px;	
	margin-top:0px;	
	background:transparent;
}
#banner4
{	
	max-width: 100%;
	float:right;
	
}
#banner2
{	
	border: 0; 
	max-width: 100%; 
}

#bannerProductos
 {
   
    height: 50px;    
  background:var(--color-principal);   
    color: #fff;
	font:12px var( --font-principal);
	width: 100%; 
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	 position: absolute;
	 left: 0;
	 right: 0;  
	 margin: 0 auto;

	
}
#bannerProductos5
{	
	width: 99%; 
	margin-left: 0.5%;	
}
#bannerPresentacion
{	
	width: 99%; 
	margin-left: 0.5%;	
	margin-top:160px;
}
.closepublicidad {
  float: right;
  font-size: 30px;
  font-weight: bold;
  margin-right:15px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.closepublicidad:hover,
.closepublicidad:focus {
  color: #45A916;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
#bannerProductos1
{
	margin-top:0%;
	border: 0; 
	max-width: 100%; 
height:270px;	
}
#bannerTituloProductos
{
	background-color: fff;
 left: 0;
 right: 0;  
 width:100%;
 min-height:50px;
 margin:0 auto;
}
#bannerimagenpublicidad
{
 width:1200px;
height:250px;

}
#bannerofertas
{

 width:100%;

 margin-left:15px;

}
#imagensucursal
{
 width:280px;
 height:150px;
 margin-left:10px;
 margin-right:5px;
 margin-top:5px;
}
#bannerofertasgenerales
{
 width:400px;
 height:400px;
 margin-left:15px;
 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
#bannerofertasgenerales:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#bannerImagenEmpleo
{
 width:400px;
 height:400px;
 margin-left:15px;
 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;

-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
#bannerImagenEmpleo:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#bannerDatosContacto
{
 width:95%;
 height:430px;
 margin-left:15px;
 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;

-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
#imagenSomos
{
 width:100%;
 height:150px;
 margin-left:10px;
 margin-right:5px;
 margin-top:5px;
}
#imagenSomos2
{
 width:95%;
 height:100%;
 margin-left:10px;
 margin-right:5px;
 margin-top:5px;
}
#bannerTituloSomos
{
padding:12px;
color:white;
font:bold  16px "Gotham-Bold";	
text-align :center;
background:#428640;
border: 0px solid #333;
justify-content:center;
width:100%;	
margin-right:0px;
margin-left:0px;
cursor:pointer;
border-radius:0px;
height:40px;
}

#bannerTitulosucursal:hover
{
	background:#FEC928;
}
#bannersucursal
{
 width:300px;
 height:300px;
 margin-left:15px;
 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;

-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
/*#bannersucursal:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}*/
#bannereventos
{
 width:100%;
 height:350px;

cursor:pointer;

}

#bannereventosdatos
{
 width:360px;
 height:150px;

}
.TituloEvento
{
letter-spacing: 0.045em;
 
color:#159163;
font:18px "Gotham-Bold";
text-align:left;
margin-left:10px;
margin-right:5px;
}
.DescEvento
{

color:#443d3b;
font:16px "Gotham-Bold";
text-align:left;
margin-left:10px;
margin-right:5px;
}
#bannerevenCompleto
{
 width:360px;
 height:460px;
 margin-left:15px; 
 border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
#bannerevenCompleto:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}

.TituloSucursal
{

color:white;
font:28px   'Montserrat Light', arial;
letter-spacing:1px;
margin-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
cursor:pointer;
float:justify;	
margin-right:15px;
}
#bannerDetManuabajo
{	
 margin-left:15px;
 width:100%; 
 
}
.TituloMenuCinta
{

color: var(--color-titulo);
font:28px var( --font-principal);
letter-spacing: 10px;
margin-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
background-color: fff;
cursor:pointer;
float:justify;	
margin-right:15px;
}
.TituloProductos
{

color: var(--color-titulo);
font:28px var( --font-principal);
letter-spacing: 10px;
margin-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
background-color: fff;
cursor:pointer;
float:justify;	
margin-right:15px;
}
.TituloProductos1
{

color:var(--color-principal);
font:24px "Capture_it",sans-serif;
letter-spacing: 10px;
margin-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
background-color: fff;
cursor:pointer;
float:justify;
}
footerEmpleado
{
    position: relative;
    height: 50px; 
    clear: both;
    background: #1c2833  ; 
    color: #fff;
	font:14px 'Gotham-Bold';
	width: 100%; 
	position: absolute;
	display: block;
	left: 0px;
	top: auto;
	
}
footer 
{
    position:absolute;
    height: 40px; 
    clear: both;
    background: transparent; 
    color: #0e0f0f;
	font:14px 'Gotham-Bold';
	width: 100%;
	bottom:0;
}

#contenedorFooter
{	
	max-width: 100%; 	
	
}
#contenedorFooter1
{	
	max-width: 100%; 	
	 height: 40px; 
	   background: #1c2833  ; 
	width: 100%;
	color: #fff;
	font:14px 'Gotham-Bold';
}
#CuerpoProductos
{	
	max-width: 100%; 	
	 
}
#bannerCuerpoProductos
{
	background-color: fff;
 left: 0;
 right: 0;  
 width:90%;
 min-height:50px;
 margin:0 auto;
}
#contenedordesnombre
{
width:95%;
position:relative;
float:  center;
margin-left:15px;
 margin-right:15px;
 height: 30px;
}
#contenedordescorta
{
	width:95%;
	position:relative;
	float:  center;
	margin-left:15px;
	margin-right:15px;
	height: 18px;
}

#contenedordescorta1
{
	width:95%;
	position:relative;
	float:  center;
	margin-left:2px;
	margin-right:11px;
	height: 18px;
}
 .desc1sucursal1
{

text-align :left;
margin-left:0px;
}
 .desc1sucursal
{
line-height: 1.2;
color :var(--color-titulo);
font:bold 14px 'Gotham-Bold';
text-align :left;
margin-left:5px;
}
 .desc1sucursal1
{
line-height: 1.2;
color :var(--color-titulo);
font:bold 14px 'Gotham-Bold';
text-align :left;
margin-left:5px;
cursor:pointer;
}
 .nombre
{
line-height: 1.2;
color :var(--color-titulo);
font:bold 14px 'Gotham-Bold';
text-align : center;
}
 .descripcioncorta
{
text-indent: 1px;
line-height: 1.2;
color :#0B3861;
font:bold  14px 'Gotham-Bold';
text-align : center;
margin-right:5px;
margin-left:0px;
}
 .descripcioncorta1
{
text-indent: 1px;
line-height: 1.2;
color :#0B3861;
font:bold  14px var( --font-principal);
text-align : left;
margin-right:5px;
margin-left:1px;
}
.textomenumas
{

color : #fff;
font:  12px var( --font-principal);
text-align : center;
margin-top: 10px;
vertical-align:center;
}
.textopronto
{

color : #fff;
font: 25px var( --font-principal);
text-align : center;
margin-top: 10px;
vertical-align:center;
}
#menumas
{
background:var(--color-secundario);
border: 0px solid #333;
justify-content:center;
width:120px;	
float: right;
margin-right:15px;
margin-left:15px;
cursor:pointer;
border-radius: 5px;
height:40px;
opacity: 10;
}
#menumas:hover
{
color:#2e4053;
opacity: 1;
background: var(--color-principal);
}
#menuetiqueta
{
background: #239b56   none repeat scroll 0% 0%;
border: 0px solid #333;
justify-content:center;
width:100px;	
float: left;
margin-left:15px;
margin-right:15px;
cursor:pointer;
border-radius: 8px;
}
#menuetiqueta:hover
{
color:#2e4053;
opacity: 1;
}
#imagen
{
cursor:pointer;
width:150px;
height:150px; 

}
#imagendestacados
{
cursor:pointer;
width:80px;
height:80px; 

}
#bannerMenucinta
 {
     
  background:transparent ;   
   width:100%;
   height:150px;
  
}
.imgSliderDpto
{
margin-top: 50px;
cursor:pointer;
float:left;
margin-right:15px;
width:10px;
}
.imgSliderDptoder
{
margin-top: 50px;
cursor:pointer;
float:right;
margin-right:15px;
width:10px;
}
#imagendpto
{
cursor:pointer;
width:150px;
 height:120px;
}
#contenedorDpto
{
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:95%;
 height:170px; 
/*box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;*/
}
#contenedorDpto:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#imagendetalle
{
cursor:pointer;
width:400px;
height:400px; 

}
 .etiqueta
{
line-height: 1.2;
color :#21618c ;
font:12px var( --font-principal);
margin-left:5px;
margin-right:15px;
}
 .textocorreo1
{
line-height: 1.2;
color :#21618c ;
font:12px var( --font-principal);
margin-left:5px;
margin-right:15px;
}
 .textocorreo2
{
line-height: 1.2;
color :#21618c ;
font:12px var( --font-principal);
margin-left:5px;
margin-right:15px;
}
#contenedorproductos
{
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:95%;
min-height:280px; 
/*box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;*/
}
#contenedorproductos:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#contenedorproductosDestacados
{
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:95%;
min-height:200px; 
/*box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;*/
}
#contenedorproductosDestacados:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#contenedorRevistasTotal
{
width:250px;
margin-left:15px;
height:370px; 
box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
#contenedorRevistasDatos
{
width:250px;
height:100px; 
/*box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;*/
}
#contenedorRevistas1
{
	margin-left:0px;
cursor:pointer;

width:250px;
height:250px; 
/*box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;*/
}
#contenedorRevistasTotal:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#bannerRevistas
{
 width:200px;
 height:100%;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:95%;
min-height:280px; 
/*box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;*/
}
#contenedorproductoslista
{
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
min-height:300px; 
box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
}
#contenedorproductoslista:hover
{
border: 1px solid #2ecc71 ;
}

#imagenlista
{
min-width:100%;
min-height:300px; 
margin-left:0;
}
#imagenlista:hover
{
	border: 1px solid #2ecc71 ;
	border-left-style: none;
	border-top-style: none;
    border-bottom-style: none;
	
}
 .descripcioncortalista
{
line-height: 1.4;
color :#212f3d;
font:  14px var( --font-principal);
text-align : left;
margin-right:5px;
}
 .descripcionlista
{
line-height: 1.4;
color :#707b7c;
font:  14px var( --font-principal);
text-align : left;
margin-right:5px;
min-height:90px; 
}
#menumaslista
{
background: #0063a9  none repeat scroll 0% 0%;
border: 0px solid #333;
justify-content:center;
width:120px;	
float: left;
margin-left:15px;
margin-right:15px;
cursor:pointer;
border-radius: 8px;
opacity: 10;
}
#menumaslista:hover
{
color:#2e4053;
opacity: 1;
}
#contenedorproductosp
{
cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
min-height:280px; 
box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
}
#contenedorproductosp:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 25px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#bannerEmpresa
{
	background-color: fff;
 left: 0;
 right: 0;  
 width:95%;
 min-height:50px;
 margin:0 auto;
 
}

#bannerHistoria
{
	border: 0; 
	max-width: 90%; 
	 border-top-style: solid;
	 border-bottom-style: solid;
	  color: var(--color-principal);
}
 .textohistoria
{
	line-height: 84px;
	letter-spacing: 0.035em;
	font:  16px var( --font-principal);
	text-indent: 0.5cm; 
	text-align : justify;
	margin-right:5px;
	color: #566573;
}
 .textoBtnTajanaje
{
	color: #eaecee;
font:  14px var( --font-principal);

font-size: 14px;
text-align : center;
margin-top: 10px;
vertical-align:center;
}

#BtnTajanaje
{
background:  #154360 none repeat scroll 0% 0%;
border: 1px solid #5d6d7e;
text-align : justify;
min-width:180px;	
float: right;
margin-right:15px;
cursor:pointer;
border-radius: 8px;
opacity: 10;
}
#BtnTajanaje:hover
{
color:#154360 ;
background-color: #17a589  ;
opacity: 15;
}
#BtnNosotros
{
background:  #fff   none repeat scroll 0% 0%;
border: 1px solid #5d6d7e;
text-align : justify;
min-width:180px;	
float: right;
margin-right:15px;
cursor:pointer;
border-radius: 8px;
opacity: 10;
}
#BtnNosotros:hover
{
color:#17a589 ;
background-color: #17a589  ;
opacity: 15;
}
 .textoBtnNosotros
{
color: #154360 ;
font:  14px var( --font-principal);
font-size: 14px;
text-align : center;
margin-top: 10px;
vertical-align:center;
}

 .textoSucursales
{
color:var(--color-principal);
font:16px var( --font-principal);
text-align: left;
background-color: fff;
}
 .textoTituloBajo
{
color:var(--color-white);
font:16px  'Montserrat Light', arial;
text-align: left;
margin-right:15px;
}
 .textoTituloBajo1
{
color:var(--color-white);
font:16px  'Montserrat Light', arial;
text-align:center;
margin-right:15px;
}
 .textoTituloBajo2
{
color:var(--color-white);
font:20px  'Montserrat Light', arial;
text-align:center;
margin-right:15px;
}
 .textoSubTituloBajo
{
color:#BDBDBD;
font:14px  'Montserrat Light', arial;
text-align: left;
margin-right:15px;
}

 .textoSubTituloBajo3
{
color:#BDBDBD;
font:14px  'Montserrat Light', arial;
text-align: left;
margin-top:5px;
}
 .textoSubTituloBajo1
{
color:#BDBDBD;
font:14px  'Montserrat Light', arial;
text-align: center;
margin-right:15px;
}
 .textoSucursales1
{
color: #566573 ;
font: 14px var( --font-principal);
text-align: left;
background-color: fff;
}

.textobuscar
{
color: #fff ;
font:18px var( --font-principal);
text-align : right;
margin-top: 25px;
vertical-align:center;
}
#BtnBuscar
{
background:  #fff   none repeat scroll 0% 0%;
text-align : justify;
min-width:180px;	
float: left;
margin-right:15px;
cursor:pointer;
border-radius: 18px;
opacity: 10;
font:22px var( --font-principal);
text-align : center;
margin-top: 05x;
vertical-align:center;
color:var(--color-secundario);
 padding: 10px 15px;
 text-top: 10px;
}
#BtnBuscar:hover
{

background-color:var(--color-secundario);
opacity: 15;
color:var(--color-white);
}
#bannerSomosImagen
{
	width: 100%; 
	box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
}
#bannerSomos
{
	border: 0; 
	max-width: 100%; 
	 border-top-style: solid;
	 border-bottom-style: solid;
	  color: var(--color-principal);
	
}
#bannerSomos2
{
	border: 0; 
	max-width: 80%; 
	 border-top-style: solid;
	 border-bottom-style: solid;
	  color: var(--color-principal);
	  margin-left:15px;
	  margin-right:15px;
}
#bannerSomos1
{
	border: 0; 
	max-width: 90%; 
	 border-top-style: solid;
	 border-bottom-style: solid;
	  color:var(--color-principal);
	
}
.Titulosomos
{
	letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:#34495e ;
font:28px "Century Gothic";
text-align: left;
background-color: fff;
}
 .textopregunta
{
	letter-spacing: 0.050em;
	line-height: 1.4 em;
	font:  22px "Gotham-Bold";
	text-indent: 0.5cm; 
	text-align : justify;
	color:var(--color-principal);
	margin-left:15px;
	 margin-right:15px;
	 cursor:pointer;
}
.textopregunta:click
{
color: #566573 ;
}
 .textorespuesta
{
	letter-spacing: 0.050em;
	line-height: 1.4 em;
	font:  16px "Gotham-Bold";
	text-indent: 0.5cm; 
	text-align : justify;
	color: #566573 ;
	margin-left:20px;
	 margin-right:15px;
}
 .textosomos2
{
	letter-spacing: 0.050em;
	line-height: 1.4 em;
	font:  14px "Gotham-Bold";
	text-indent: 0.5cm; 
	text-align : justify;
	color:var(--color-principal);
	margin-left:0px;
	 margin-right:15px;
}
 .textosomos
{
	letter-spacing: 0.050em;
	line-height: 1. em;
	font:  14px "Gotham-Bold";
	 
	text-align : justify;
	color: #566573 ;
	margin-left:0px;
	 margin-right:15px;
}
.Titulocontacto
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-principal);
font:28px "Gotham-Bold";
text-align:left;
margin-left:15px;
margin-right:15px;
}
.TextoRegistraFactura
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color :#34495e  ;
font:bold 32px "Gotham-Bold";
text-align:center;
margin-left:15px;
margin-right:15px;
}
.Titulocontacto2
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-principal);
font:28px "Gotham-Bold";
text-align:right;
margin-left:15px;
margin-right:15px;
}
.TituloSuscribir
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:#443d3b;
font:42px "Gotham-Bold";
text-align:left;
margin-left:0px;
margin-right:15px;
}
.TituloSuscribir1
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color :#34495e  ;
font:bold 64px "Gotham-Bold";
text-align:left;
margin-left:0px;
margin-right:15px;
}
.TituloSuscribir2
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:#443d3b;
font:38px "Gotham-Bold";
text-align:left;
margin-left:0px;
margin-right:5px;
}
.TituloSiguenos
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-principal);
font:18px "Gotham-Bold";
text-align:left;
margin-left:15px;
margin-right:15px;
}
.TituloMenu
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-principal);
font:28px "Gotham-Bold";
text-align:left;
margin-left:2px;
margin-right:15px;
}
.Titulocontacto1
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-secundario1);
font:22px "Gotham-Bold";
text-align:left;
margin-left:15px;
margin-right:15px;
}
.Titulocontacto2
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-secundario1);
font:18px "Gotham-Bold";
text-align:center;
margin-left:15px;
margin-right:15px;
}
.Titulocontacto3
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: #1f618d;
font:18px "Gotham-Bold";
text-align:left;

}
.MenuSesion
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-secundario1);
font:16px "Gotham-Bold";
text-align:right;
cursor:pointer;
margin-right:5px;
margin-top:25px;
}

.formulariocontacto
{   
margin-right:2.5%;
margin-left:2.5%;
width:95%;
min-height:350px;

}
.formulariocontacto input[type='password']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	color:#8E8785;
	float:  left;
margin-left:15px
}
.formulariocontacto input[type='password']:focus, .formulariocontacto textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}


.formulariocontacto input[type='text']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	resize: none;
	color:#8E8785;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px
}
.formulariocontacto input[type='text']:focus, .formulariocontacto textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formulariocontacto input[type='email']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	color:#8E8785;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px
}
.formulariocontacto input[type='email']:focus, .formulariocontacto textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formulariocontacto textarea{
   padding: 5px 3px;
  width:90%;
	color:#8E8785;
	min-height:120px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px
	
}
.formulariocontacto textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}
	
.formulariocontacto file {
border: 0px solid #EEF5F7;
	cursor:pointer;
	padding: 13px 5px;
	background:  #117a65 ; 
	float:  left;
	margin-left:55px;
	color: #fff  ;
	min-width:180px;	
	border-radius: 18px;
} 
.formulariocontacto input[type='submit']{
  border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float:  left;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	min-width:120px;
	height:40px;
}
.formulariocontacto input[type='submit']:hover
{
   background-color: #154360  ;
	color: #fff 
}

.pointer
{
	cursor:pointer;
}
.descricontacto
{
line-height: 1.5;
color:var(--color-principal);
font:  16px "Gotham-Bold";
text-align : justify;
margin-left:15px;
margin-right:20px;
}
.mapa
{
	min-height:500px;
	border: 0; 
	width: 100%; 
	 border-top-style: solid;
	 border-bottom-style: solid;
	  color:var(--color-principal);
	
}
#imagenevenPeq
{

width:100px;
height:120px	;
cursor:pointer;
}
#imageneven
{

box-shadow: 0px 3px 1px 0px #148f77, 0 0 0 0px #656565 inset;
width:100%;	
}
#Btnevento
{

box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
min-width:180px;	
float: left;
margin-left:25px;
cursor:pointer;
border-radius: 18px;
opacity: 10;
}
#Btnevento:hover
{
background-color: #154360  ;
opacity: 15;
}

#bannerevento
{
	border: 0; 
	max-width: 90%; 
	  color:var(--color-principal);
	
}
#bannerevento1
{
	border: 0; 
	max-width: 90%; 
	  color:var(--color-principal);
	
}
#Btnevento1
{


min-width:80px;
height:80px;	
float: left;
margin-left:25px;
cursor:pointer;
border-radius: 18px;
opacity: 10;
}
#Btnevento1:hover
{

opacity: 15;
}
.min	{
	border: 1px solid #CED5D7;
	width: 60px;
	height: 60px;
	margin-top: 3px;
	cursor:pointer;
	margin-left:5px;
	float: left;
	}
	
#borde	
{
	box-shadow: 0px 3px 1px 0px #148f77, 0 0 0 0px #656565 inset;
	 position:relative;
	margin-right:15px;
	float: center;
	width:402px;
	margin-left:45px
}

#bannerOferta
{
	border: 0; 
	width: 100%; 

	
}
 .textooferta
{
	letter-spacing: 0.045em;
	line-height: 1.5 em;
	font:bold  14px var( --font-principal);
	text-indent: 0.5cm; 
	text-align :center;
	color: #145a32 ;
	margin-left:15px;
	  margin-right:15px;
}

 .flipbook{
	max-width:100%;
	max-height:420px;
	
}


.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}
#contenedordatos
{
	border: 0; 
	width: 100%; 
	
	background-color:#0B3861;
	height:35px;
    position: absolute;
 left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
}
.textoBannerprincipal1
{
margin-top: 10px;
color :white;
font:bold 0px  var( --font-menu);
font-size : 14px;
float:  right;
margin-left:5px;
margin-right:20px;
cursor:pointer;
}
.textoBannerprincipal1:hover
{
	color :#eaecee;	
	 border-bottom-style: solid;
	 margin-top: 10px;
}
.textoBannerprincipal2
{
margin-top: 8px;
color :#0B243B;
font:bold 12px  var( --font-principal);
float: right;
margin-left:5px;
margin-right:20px;
cursor:pointer;

}
.textoBannerprincipal2:hover
{
	color : var(--color-principal);

	
}
.textoBannerprincipal
{
margin-top: 10px;
color :#ffffff;
font:bold 0px  var( --font-principal);
font-size : 14px;
float:  left;
margin-left:10px;
margin-right:10px;
cursor:pointer;
}
.textoBannerprincipal:hover
{
	color :#eaecee;	
	 border-bottom-style: solid;
	 margin-top: 10px;
}
#contenedorBannerProductos
{
	border: 0; 
	width: 100%; 
	background: transparent;
	min-height:40px;
	 position: fixed;
}
#contenedorBannerProductos1
{
	border: 0; 
	width: 100%; 
	background: transparent;
	min-height:40px;
	 position: fixed;
}
#contenedorcabecera
{
	background-color: #18677a;
 left: 0;
 right: 0;  
 width:100%;
 min-height:20px;
 margin:0 auto;

}

.textoformulariobuscar
{

color :#18677a;
font: var( --font-principal);
font-size: 16px;


}
.formulariobuscar
{   
margin-top: 10px; 
width:100%;
float:  right;
background:transparent;
}
.formulariobuscar input[type='text']
{
    height:50px;
	width:100%;	
	font-size:24px;	
	padding: 5px 3px;
	background:white;
	border-radius: 10px 10px 10px  10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	resize: none;
	float:  left;
	color : #1b4f72;
	/*border-right:none;*/
	border	:2px solid #aeb6bf;
	
}
.formulariobuscar input[type='text']:focus
{
    outline: none;

}
.formulariobuscar input[type='submit']{
	width:20%;  
	border: 2px solid  var(--color-secundario);
	resize: none;

justify-content:center;
	 height:50px;
float:right;

cursor:pointer;
opacity: 10;
color:#fff;
	
}
.formulariobuscar input[type='submit']:hover
{
	
color: var(--color-white);
opacity: 1;
background: #fff none repeat scroll 0% 0%;
border: 2px solid   var(--color-principal);
background: var(--color-principal)  none repeat scroll 0% 0%;

}
#bannerProductos10
{
	margin-left:25px;
	height:40px;
	width:120px;	
	font: 14px Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	padding: 0px 4px;
	background:#159163;
	border-radius: 15px 15px 15px  15px;
	-moz-border-radius: 15px 15px 15px  15px;
	-webkit-border-radius: 15px 15px 15px  15px;
 }
#bannerProductos2
 {
   
  min-height:100%;    
  background: #fff;   
    color:var(--color-principal);
	font:12px "Gotham-Bold";	
	width: 100%; 
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	margin-right:1.5%;

	}
#bannerProductos3
 {
   min-height: 50px;    
  width: 100%; 
}
#redes{
	margin-top: 0px;
	position:relative; 
	float:right;
	border: 0; 
	width: 100%; 
	
}
.textoredes
{
	float:  left;
margin-top: 14px;
color :var(--color-white);
font:16px "Gotham-Bold";	
margin-left:10px;	
margin-right:5px;	
}
.textoredes2
{
	float:  right;
	margin-top: 8px;
	margin-right:8px;
}
.textoenlaces1
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: var(--color-titulo);
font:12px "Gotham-Bold";	
float:  right;
cursor:pointer;
}
.textoenlaces6
{
letter-spacing: 0.045em;
text-indent: 0.2cm; 
color:var(--color-titulo);
font:12px "Gotham-Bold";	
text-align:left;
cursor:pointer;
}
.textoenlaces3
{
letter-spacing: 0.045em;
text-indent: 0.2cm; 
color:var(--color-titulo);
font:11.5px "Gotham-Bold";	
text-align:left;
cursor:pointer;
margin-left:5px;
}
.textoenlaces
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:16px "Gotham-Bold";	
text-align:left;
float:  left;
cursor:pointer;
}

.textoenlaces2
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:16px "Gotham-Bold";	
cursor:pointer;
}
.textoenlaces4
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: var(--color-titulo);
font:12px "Gotham-Bold";	
float:left;
cursor:pointer;
}
.textoenlaces5
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: var(--color-titulo);
font:72px "Gotham-Bold";	
float:center;
cursor:pointer;
}
.TituloDpto
{
color:var(--color-secundario);
font:18px "Gotham-Bold";	
text-align: left;
}

.textoCatalogo1
{

color :#2c3e50;
position:relative;
font:14px "Gotham-Bold";	
float:  left;
 margin: 5px 0;
 margin-left: 5px;
 margin-right:5px;
}
.imgcatalogo
{
float:  left;
margin-left:18px;
opacity: 1;
cursor:pointer;
}
.imgcatalogo:hover
{
	opacity: 0.5;
}
.select {
	border: 1px solid  #aed6f1 ;
	color :#566573 ;
	margin-right:20px;
	margin-left:5px;
   background:   #fff  ;  
   padding: 3px 3px;
   font-size: 14px;   
   cursor:pointer;
   float:  left;
}
#titulosucursal
{
cursor:pointer;
width:90%;
height:20px; 
margin-left:5%;
}
#bannercomplemento
 {
margin-top:3%;	
	height:50px;
   font:14px "Gotham-Bold";		
float:left;
background-color:transparent;
color: #f8f9f9;
width:100%;

}
#bannercomplemento1
 {
margin-top:0%;	
	height:20px;
   font:14px "Gotham-Bold";	
float:right;
background-color:transparent;
color: #f8f9f9;
width:100%;

}
#bannerredes
 {
     
  background: #f8f9f9 ;   
   width:100%;
   box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
}

.titulobannerinfo
{

color : #fff;
font:bold 16px 'Gotham-Bold';
text-align : center;
margin-top: 10px;
vertical-align:center;
}
.titulobannerinfo0
{
color : #fff;
font:bold 20px 'Gotham-Bold';
text-align: center;
margin-top: 10px;
text-align: left;
  margin-left: 15%;
}
.titulobannercontacto
{

color :   #f4f6f6   ;
font: 22px 'Gotham-Bold';
text-align : center;
vertical-align:center;
 margin-left: 13%;
  margin-right: 13%;
}
#bannercontacto
 {     
  background: url(../imagenes/fondoinfo.jpg) no-repeat fixed center;
   width:100%;
   height:350px;
}
#bannerHojaVida
 {     
  background: url(../imagenes/fondoempleo.jpg) no-repeat fixed center;
   width:100%;
   min-height:300px;
}
#bannermenuabajo
 {
     
    background: #212f3d ; 
   width:100%;
  min-height:230px;
}

#bannerFormulario
 {
 
   background-image: url(../imagenes/campanamontes/fondo.jpg);
   width:100%;
  min-height:550px;
}
#bannerimagenviaje
 {
	margin-top:10px;
	float:left;
    background-color:transparent;
   width:100%;
	margin-left:25px;
}
.textoredes3
{
	float:  right;
margin-top: 20px;
color :var(--color-titulo);
font:18px "Gotham-Bold";	
	font-size:18px;
	margin-right:20px;
}
.textoredes4
{
	float:  right;
	margin-top: 10px;
	margin-left:0px;
	margin-right:20px;
}
.textoredes5
{
	float:  left;
	margin-top: 2px;
	margin-left:0px;
	margin-left:00px;
}
#borde1
{
	
	 position:relative;
	margin-right:15px;
	float: left;
	max-width:100%;
	margin-left:45px
}
.textotitulosucapi
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:20px "Gotham-Bold";	
text-align:left;
margin-left:15px;
cursor:pointer;
}
.textotitulosuc
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:20px "Gotham-Bold";	
text-align:left;
margin-left:15px;
}
.textotitulosuc1
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:16px "Gotham-Bold";	
text-align:left;
margin-left:15px;
}
.textotitulopro
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:24px "Gotham-Bold";	
text-align:left;
margin-left:15px;
}
.textotitulopro1
{


color:#428640;
font:32px "Gotham-Bold";	
text-align:left;
margin-left:25px;
}
.textodescpro
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: var(--color-principal);
font:16px "Gotham-Bold";	
text-align:left;
float:  left;

}
.textodescpro1
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: #656565 ;
font:16px "Gotham-Bold";	
text-align:left;
float:  left;
margin-left:15px;
}
.textodescpro2
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:16px "Gotham-Bold";	
text-align:left;
margin-left:15px;
}
.textodescpro4
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-principal);
font:16px "Gotham-Bold";	
text-align:left;
margin-left:15px;
margin-top:10px;
}
.textodescpro5
{

margin-left:5px;
cursor:pointer;
}
.textodescpro3
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-titulo);
font:16px "Gotham-Bold";	
text-align:right;
}
#Btndatospro
{
width:100%;
height:40px;
float: left;

cursor:pointer;
border: 1px solid var(--color-principal);
margin-left:5px;
}
#Btndatospro:hover
{
text-color:#656565;
background-color:#EEF5F7;
}
.textobtnpro
{
margin-top: 10px;
color :#656565;
position:relative;
font-family:"Gotham-Bold";	
font-size :14px;
float: center;

}
#mostrarmodal
{
	background-color: rgba(0, 0, 0, 0.8);
 left: 0;
 right: 0;  
 width:100%;
 min-height:1400px;
 position: absolute;
  margin: 0 auto;
 z-index: 9999999;

}
.formularioEmail
{   
margin-right:20px;
margin-left:20px;

}

.formularioEmail input[type='email']{
   padding: 5px 3px;
	width:100%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:2px;
color : #1b2631  ;
}
.formularioEmail input[type='email']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;

}
#bannerSesion
 {
     
  background: #fff ;   
   width:100%;
    overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
height:510px;
  
}
#bannerfrmsesion
{   

width:95%;
min-height:350px;
box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
margin-left:2%;
}
#bannerleft
{   


margin-right:5%;
}
#bannerri
{   


margin-left:5%;
}
.SubTitulosesion3
{
float:  left;
color: var(--color-principal);
font:14px 'Gotham-Bold';
text-align:left;
margin-left:5px;
margin-top:5px;
cursor:pointer;
} 
.SubTitulosesion4
{
float:  left;
color: #1b2631;
font:14px 'Gotham-Bold';
text-align:left;
margin-left:5px;
margin-top:5px;
cursor:pointer;
} 
.imgpantalla1
{
float:  left;	
margin-left:15px;
margin-top:1px;  
margin-right:0%;
color : #1b2631  ;
font:14px  'Gotham-Bold';
}
.imgpantalla2
{
float:  left;	
margin-left:0px;
margin-top:1px;  
margin-right:0%;
color : #1b2631  ;
font:14px  'Gotham-Bold';
}
#contenedorRegistrarEmpleo
 {
	height: 220px; 	 
    background: white;
	width: 550px; 
	margin-left:30%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	border-radius: 7px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#contenedorSuscribir
 {
	height: 330px; 	 
    background: white;
	width: 500px; 
	margin-left:30%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	border-radius: 7px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.formularioSuscribir
{  
width:97%;
height:auto;
margin-left:1.5%;
margin-right:2.5%;
}

.formularioSuscribir input[type='text']{
   padding: 5px 3px;
	width:100%;	
	resize: none;	
	float:  left;
	height:30px;
	color : #1b2631 ; 

margin-right:2.5%;
}
.formularioSuscribir input[type='text']:hover{
   outline: none;
	
}
.formularioSuscribir input[type='email']{
   padding: 5px 3px;
	width:100%;	
	resize: none;	
	float:  left;
	height:40px;
	color : #1b2631 ; 
	 border: 1px solid #186a3b;
box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
margin-right:2.5%;
}
.formularioSuscribir input[type='email']:focus{
  outline: none;
}
.formularioComentarioTr
{   
}
.formularioComentarioTr  textarea{

   padding: 5px 3px;
	width:98%;	
	height:240px;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
	margin-left:5px;	
}
.formularioRadicado  textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioRadicado
{   
}
.formularioRadicado input[type='text']{
   padding: 5px 3px;
   height: 25px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.formularioRadicado input[type='text']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}
.formularioRadicado input[type='date']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.formularioRadicado input[type='date']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}	
.formularioRadicado  textarea{
   padding: 5px 3px;
	width:100%;	
	height:120px;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
	margin-left:5px;	
}
.formularioRadicado  textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.TextoformularioCliente2
{

 color:#fff;
font:16px "Gotham-Bold";
text-align:right;
margin-left:2px;
margin-right:15px;
cursor:pointer;
} 

.TextoformularioCliente
{

 color:#fff;
font:16px "Gotham-Bold";
text-align:left;
margin-left:2px;
margin-right:3.5%;
} 
.formularioCliente
{ 
width:100%;
}
.formularioCliente input[type='text']{
   padding: 5px 3px;
   height: 35px;
	width:100%;	
	resize: none;
	float:  left;
margin-left:0px;
margin-right:15px;

}
.formularioCliente input[type='text']:focus{
   outline: none;
	
	
	}
.formularioCliente input[type='password']{
  padding: 5px 3px;
   height: 35px;
	width:100%;	
	resize: none;
	float:  left;
margin-left:0px;
margin-right:15px;
}
.formularioCliente input[type='password']:focus{
   outline: none;
	
	
	}
.formularioInisioSesion
{   


}
.formularioInisioSesion  input[type="checkbox"] {
   height: 22px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	margin-top:5px;
	margin-left:5px;
	margin-right:20px;
}
.formularioInisioSesion  input[type="radio"] {
   height: 22px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	margin-top:5px;
	margin-left:10px;
}
.caja2 {
 width:90%;
 color : #1b2631 ; 
 height: 25px;
 overflow: hidden;
 border: 1px solid #186a3b;
 margin-left:15px;
 margin-right:2.5%;
 border-radius:0px;
}
.select {
 background: transparent;
 border: none;
 width:100%;
 padding: 2px 1px;
 float:  left; 
 height: 25px;
 font-size: 14px;
 cursor:pointer;
 color : #1b2631  ; 
 margin-left:5px;
   
}
.selectArea {
 background: transparent;
 border: none;
 width:100%;
 padding: 2px 1px;
 float:  left; 
 height: 25px;
 font-size: 14px;
 cursor:pointer;
color:#8E8785;
 margin-left:5px;
   
}

.cajaArea {
 width:90%;
  height: 25px;
border: 1px solid #CED5D7;
	resize: none;
	color:#8E8785;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px
}
.cajaArea2 {
 width:90%;
  height: 25px;
border: 1px solid #CED5D7;
	resize: none;
	color:#8E8785;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:0px
}

.formularioInisioSesion input[type='date']{
   padding: 5px 3px;
    height: 25px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
 
}
.formularioInisioSesion input[type='date']:hover{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioInisioSesion input[type='email']{
   padding: 5px 3px;
    height: 25px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
 
}
.formularioInisioSesion input[type='email']:hover{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioInisioSesion input[type='text']{
   padding: 5px 3px;
   height: 25px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.formularioInisioSesion input[type='text']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}
.formularioInisioSesion input[type='date']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.formularioInisioSesion input[type='date']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}	
.formularioInisioSesion  textarea{
   padding: 5px 3px;
	width:100%;	
	height:80px;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
	margin-left:15px;	
}
.formularioInisioSesion  textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioInisioSesion input[type='password']{
   padding: 5px 3px; 
	width:90%;
	 height: 25px;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px;
color : #1b2631  ;
}
.formularioInisioSesion input[type='password']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioInisioSesion input[type='submit']{
    border: 0px solid var(--color-principal);
	cursor:pointer;
	padding: 10px 5px;
	background:  var(--color-principal);
	float:  left;
	margin-left:15px;
	color: #fff  ;
	min-width:120px;	
	border-radius: 14px;
}

.formularioInisioSesion input[type='submit']:hover
{
    background-color:var(--color-secundario);
	color: #fff ;
}
.formularioInisioSesion input[type='submit']:active
{
  background-color: #154360  ;
	color: #fff  ;
}
.formularioRegistroCliente
{  

}
.formularioRegistroCliente input[type='date']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
 height: 25px;
}
.formularioRegistroCliente input[type='date']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}
.formularioRegistroCliente input[type='text']{
   padding: 5px 3px;
   height: 25px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.formularioRegistroCliente input[type='text']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}
.formularioRegistroCliente input[type='email']{
   padding: 5px 3px;
    height: 25px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
 
}
.formularioRegistroCliente input[type='email']:hover{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioRegistroCliente  textarea{
   padding: 5px 3px;
	width:95%;	
	height:60px;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
	margin-left:15px;	
	margin-right:35px;
}
.formularioRegistroCliente  textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.selectRegistro {
 background: transparent;
 border: none;
 width:100%;
 padding: 2px 1px;
 float:  left; 
 height: 25px;
 font-size: 14px;
 cursor:pointer;
 color : #1b2631  ; 
 margin-left:5px;
   
}
.cajaRegistro {
 width:90%;
 color : #1b2631 ; 
 height: 25px;
 overflow: hidden;
 border: 1px solid #186a3b;
 margin-left:15px;
 margin-right:2.5%;
 border-radius:1px;
}
.Titulosesion
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:  #1c2833 ;
font:28px var( --font-principal);
text-align:left;
margin-left:15px;
margin-right:15px;
}
.SubTitulosesion
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color: var(--color-principal);
font:16px 'Gotham-Bold';
text-align:left;
margin-left:2px;
margin-right:3.5%;
} 

.SubTitulosesion2
{
letter-spacing: 0.045em;
text-indent: 0.1cm; 
color : #1b2631  ;
font:14px  'Gotham-Bold';
text-align:left;
margin-left:1px;
margin-right:1px;
}
.SubTituloSiguenos
{
letter-spacing: 0.045em;
color:  #3f4855;
font:16px 'Gotham-Bold';
text-align:left;
margin-left:3.5%;
margin-right:3.5%;
}
.SubTitulosesion2
{
letter-spacing: 0.045em;
color: var(--color-secundariol);
font:16px 'Gotham-Bold';
text-align:left;
margin-left:3.5%;
margin-right:3.5%;
}
.tectosesion
{
letter-spacing: 0.045em;
color: #5d6d7e ;
font:12px 'Gotham-Bold';
text-align:left;
margin-left:3.5%;
margin-right:3.5%;
}
.textoerror
{
letter-spacing: 0.045em;
color:  #c0392b;
font:12px 'Gotham-Bold';
text-align:left;
margin-left:3.5%;
margin-right:3.5%;
}
#BtnCta
{
   border: 0px solid var(--color-principal);
	cursor:pointer;	
	background:  var(--color-principal); 
	float:  left;
	margin-left:15px;
	color: var(--color-white);
	min-width:120px;	
	border-radius: 0px
}
#BtnCta:hover
{
background-color: var(--color-secundario);
	color: var(--color-white);
}
#BtnSuscripcion
{
   border: 0px solid var(--color-principal);
	cursor:pointer;	
	background:  #03af45; 
	float:right;
	margin-right:30px;
	color: var(--color-white);
	min-width:120px;	
	border-radius: 2px
}
#BtnSuscripcion:hover
{
background-color: var(--color-secundario);
	color: var(--color-white);
}
#BtnCtaCancelar
{
   border: 0px solid #cb4335 ;
	cursor:pointer;	
	background:  #cb4335 ; 
	float:  left;
	margin-left:15px;
	color: #fff  ;
	min-width:120px;	
	border-radius:0px
}
#BtnCtaCancelar:hover
{
background-color: var(--color-secundario);
	color:  var(--color-white);
}
.btnActualizarcuenta
{
margin-top: 5px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float: center;
}
.btntectosuscripcion
{

margin-top: 20px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float: center;
}
.btntectosesion
{

margin-top:20px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :22px;
float: left;
}
.TextoCuentaTitulo
{

margin-top:0px;
color :#303c48;
position:relative;
font-family:bold "Gotham-Bold",sans-serif;
font-size :24px;
float: left;
}
.TextoCuentaTitulo2
{


color :#303c48;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float: left;
cursor:pointer;
}
.TextoCuentaTitulo2:hover
{
	color: #428640 ; 
}
.TextoCuentaTitulo1
{

margin-top:0px;
color :#303c48;
position:relative;
font-family:bold "Gotham-Bold",sans-serif;
font-size :12px;
float: left;
}
.btntectosesion1
{
margin-top:10px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float:center;

}
.textoBtnCrearCuentaCliente
{
 padding: 5px 3px;
margin-top: 10px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float: center;
}


#mensaje
{   
margin-right:35px;
margin-left:20px;
height:90px;
}
#mensajeerror
{   
margin-right:35px;
margin-left:20px;
min-height:10px;
}
#Bannerterminos
{
  width:100%;
	float:  left;
	margin-left:0px;
	margin-right:0px;	
}
#BtnBuscarCliente
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float:  left;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	min-width:80px;	
	height:25px;

}
#BtnBuscarCliente:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnRegistrarfactura
{
	 
 border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float:  center;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	width:120px;	
	height:40px;
}
#BtnRegistrarfactura:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnCrearCuentaCliente
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #154360 ; 
	float:  left;
	margin-left:0px;
	margin-right:30px;
	color: #fff  ;
	min-width:120px;	
	
}
#BtnCrearCuentaCliente:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnCrearCuenta
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float:  left;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	min-width:120px;	
	
}
#BtnCrearCuenta:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnRegistrar
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float: left;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	min-width:120px;	
	
}
#BtnRegistrar:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnModificarCuenta
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #117a65 ; 
	float:left;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	min-width:120px;	
	border-radius: 14px
}
#BtnModificarCuenta:hover
{
background-color: #154360  ;
	color: #fff ;
}

#mensaje
{
	position:fixed;	
	TOP: 94%;
	z-index: 9999999;
	right:0%;
}
#mensaje2
{
	background: var(--color-secundario);
	margin-left:15px;
	color:white;
	float:  right;
	width: 200px;
	height: 40px;	
	float:  right;	
	cursor:pointer;
	position:fixed;	
	TOP: 94%;
	right:0%;
	z-index: 9999999;
	
}
#mensajePublicidad
{
	 background: white url(../imagenes/publicidadinferior.png);
	color:white;
	width:800px;
	height: 80px;	
	float:  center;	
	cursor:pointer;
	position:fixed;	
	TOP:88%;
	right:20%;
	left:20%;
	z-index: 99;
}
#mensaje3
{
	position:fixed;	
	margin-left:15px;
	z-index: 9999999;
	TOP: 62%;
	background: transparent;
	float:  right;
	width: 200px;
	min-height: 150px;		
	right:0%;
	cursor:pointer;
	visibility:hidden;
}	
#Pedidoflotante
{
	background: var(--color-secundario);
	width: 250px;
	min-height: 60px;	
	cursor:pointer;
	position:fixed;	
	TOP: 90%;
	left:0%;
	z-index: 9999999;
	visibility:hidden;
	border: 1px solid #186a3b;
	box-shadow: 4px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#Pedidoflotante1
{
	background: var(--color-secundario);

}
#mensaje4
{
	background: white;

}
#mensaje5
{
	background: white;
	height: 55px;	
	 border-right-style: solid;
	 border-right-color:  var(--color-secundario);
	 border-right-width: 1px; 
	  border-left-style: solid;
	 border-left-color:  var(--color-secundario);
	border-left-width: 1px; 
	border-bottom-style: solid;
	 border-bottom-color: var(--color-secundario);
	border-bottom-width: 1px; 
}
.textomensaje
{
margin-top: 10px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float: center;
margin-left:10px;
letter-spacing: 0.045em;
}
.formulariomensaje
{   
	
color : #154360  ;
}

.formulariomensaje input[type='email']{
    padding: 5px 3px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
		float:  left;
	margin-left:10px;	
color : #1b2631  ;
font:12px "Gotham-Bold";
 
}
.formulariomensaje input[type='email']:focus{
   outline: none;
	box-shadow:0 0 0 3px #d5d8dc ;
}

.formulariomensaje  textarea{
   padding: 5px 3px;
	width:90%;	
	height:50px;
	border: 1px solid var(--color-principal);
	resize: none;
	
	float:  left;
	margin-left:10px;
color : #1b2631  ;	
	font:12px var( --font-principal);
}
.formulariomensaje textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #d5d8dc ;
	
}
.textoformulariomensaje
{

color: #212f3d ;
font:12px "LatoWeb",sans-serif;
text-align:left;
margin-left:3.5%;
margin-right:3.5%;
}

#BtnEnviarMensaje
{
   border: 0px solid var(--color-secundario);
	cursor:pointer;	
	background: var(--color-secundario);
	float: right;
	margin-left:15px;
	margin-right:15px;
	color: var(--color-white);
	width:80px;	
	height: 30px;
	 padding: 5px 3px;
}
#BtnEnviarMensaje:hover
{
background-color: var(--color-principal);
	color:var(--color-white);
}
.textoTituloPrincipal
{
margin-top: 10px;
color :var(--color-principal);
font: 0px  var( --font-principal);
font-size : 16px;
float:  left;
margin-left:20px;
margin-right:20px;

height: 30px;
}
#bannermenu
{
	background: white;
	color :var(--color-principal);	
	min-height: 40px;
	background:#159163;
	
		
}
#bannermenu1
{
	color :var(--color-white);
	font:bold  18px  'Gotham-Bold';
	width:100%;
	cursor:pointer;	
	height: 40px;
	background:#159163;
	padding: 10px 10px;		
}
#bannermenu1:hover
{
	color :var(--color-white);
	background:var(--color-principal);
}
#bannermenu2
{
	color :var(--color-white);
	font:bold  18px  'Gotham-Bold';
	
	float:  left;
	width:100%;
	cursor:pointer;	
	height: 40px;
	background:#159163;
	padding: 10px 10px;		
}
#bannermenu2:hover
{
	color :var(--color-white);
	background:#B52E2E;
}
#bannermenu21
{
	color :var(--color-white);
	font:bold  18px  'Gotham-Bold';
	background:#B52E2E;
	float:  left;
	width:100%;
	cursor:pointer;	
	height: 40px;	
	padding: 10px 10px;		
}
#bannermenu21:hover
{
	color :var(--color-white);
	background:#B52E2E;
}
#bannermenu3
{
	color :var(--color-white);
	font: 0px  var( --font-principal);
	font-size : 18px;
	float:  left;
	width:100%;
	cursor:pointer;	
	height: 40px;
	background:#159163;
	padding: 10px 10px;
}

#bannermenu3:hover
{
	color :var(--color-white);
	background:var(--color-principal);
}

#ImagenPublicidad
{
	min-height: 200px;
	background: transparent;	
	width: 100%;	
	right:10%;
}
#menuprincipal
{
	visibility:hidden;
	float:  right;
	width: 100%;
	height:480px;
	cursor:pointer;
	position:fixed;
	 overflow : auto; 
	 overflow-y: auto;
	overflow-x: hidden	;
	z-index: 9999999;
}
#menuprincipal1
{
	background: white;
	color :var(--color-principal);
	 border-bottom-style: solid;
	 border-top-style: solid;
	 overflow : auto; 
	 overflow-y: auto;
	overflow-x: hidden	;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;

}
.textoSubMenuPrincipal
{
  color:var(--color-principal);
 height:30px; 
  width:170px;
	font:12px var( --font-principal);
	cursor:pointer;
	 padding: 0px 0px;
margin-left:0px;
}
.textomenudpto
{
	
 color:var(--color-secundario);	
 width:150px;
 font:12px "Gotham-Bold",sans-serif;
 cursor:pointer;	
 margin-left:7px;
 text-align:left;
}
.textomenudpto:hover
{
	color :var(--color-principal);	
	 border-bottom-style: solid;
}
.textomenudpto1
{
 color :var(--color-titulo);
  width:150px;
	font:11px "Gotham-Bold",sans-serif;
	cursor:pointer;	
margin-left:12px;
text-align:left;
margin: 3px  8px ;
}
.textomenudpto1:hover
{
	color :var(--color-secundario);	
	 border-bottom-style: solid;
}
.textomenuGrupo
{

 color :var(--color-secundario);	
  width:200px;
	font:12px "Gotham-Bold",sans-serif;
	cursor:pointer;	
margin-left:2px;
text-align:left;
margin: 7px  8px ;
}

.textomenuSubGrupo
{
 color :var(--color-titulo);
  width:200px;
	font:11px "Gotham-Bold",sans-serif;
	cursor:pointer;	
margin-left:2px;
text-align:left;
margin: 3px  8px ;
}


#menudpto1
{
	background: white;
	color :var(--color-principal);	
	height:200px;
}
#DivSubgrupo
{
	background:transparent;	
	height:30px;
}
#InicioSesionPrincipal
{
	visibility:hidden;
	position:fixed;	
	z-index: 9999999;
	TOP: 5%;
	background: transparent;	
	width: 430px;
	min-height: 350px;		
	right:0%;	
	cursor:pointer;
	
}
#InicioSesionPrincipal1
{
	background: white;
	color :var(--color-principal);
	height:100%;
}

.formInisioSesionPrincipal
{   
margin-right:2.5%;
margin-left:2.5%;
width:100%;
min-height:250px;
height:auto;
	box-shadow: 2px 2px 5px #064D9C, 0 0 0 0px #064D9C inset;
}

.formInisioSesionPrincipal input[type='email']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
 
}
.formInisioSesionPrincipal input[type='email']:hover{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}

.formInisioSesionPrincipal input[type='password']{
   padding: 5px 3px; 
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.formInisioSesionPrincipal input[type='password']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
#mensajeerror1
{   
margin-left:3.5%;
margin-right:3.5%;
min-height:0px;
}
#panelbotones
{   
margin-left:3.5%;
margin-right:3.5%;
min-height:50px;

}
#imagencerrar
{   
left: 0;
 right: 0;  
 margin: 0 auto;
 z-index: 9999999;
 margin:0 auto;
position:absolute;
margin-right:3.5%;
margin-top:2%;
}
#bannermenuusuario
{
	background:var(--color-white);
	color :var(--color-secundario);
	margin-left:0px;
	min-height: 100px;
	width:100%;
-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.textobannermenuusuario
{
margin-top: 8px;
color :var(--color-secundario);
font: 1px  var( --font-principal);
font-size : 16px;
float:  left;
cursor:pointer;	
height: 20px;
width:100%;
text-align:left;
padding: 5px 10px;

}
.textobannermenuusuario:hover
{
	color :var(--color-principal);	
	 margin-top: 8px;
}
#bannerbuscar1
{
	margin-left:3.5%;
	padding: 5px 10px;
	
	min-height:50px;
}
#bannercarrito
{ 
	margin-top: 0px; 
width:100%;
height:40px;
float:  right;
cursor:pointer;
margin-left:5%;
}
#bannercarrito1
{ 
  
color :var(--color-secundario);
border-right:2px solid #797d7f;

}
#bannermenuComple
{ 
  
margin-top:50px;

}
.textocarrito
{
	float:left;
	margin-left:38px;
	margin-top:2%;

}
.textobtnMenucliente
{
 margin-top: 5px;
 float:  left;
}
.textocontenedormenucliente
{
color :var(--color-titulo);
float:left;	
margin-right:5px;
margin-left:5px;
font:14px "Gotham-Bold";	
}
#contenedormenucliente
{
	visibility:hidden;
	position:fixed;	
	z-index: 9999999;
	TOP:13%;
	background:#FEC928;
	width: 200px;
	min-height: 70px;		
	right:1%;	
	cursor:pointer;
	z-index: 99999999999999999999999999999999999999;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.textoCuenta
{
margin-top: 0px;
 color:#fff;
float:center;	
margin-right:15px;
margin-left:5px;
font:26px "Gotham-Bold";	
}
#contenedorCuenta1
{
	background:#0a5f0d ;
	width: 100%;
	height: 500px;
	margin-left:0px;
	float:left;
	border-right:#fff 2px solid;

}
#contenedorCuenta2
{
	background:#0a5f0d ;
	width: 100%;
	height: 450px;
	margin-left:0px;
	float:left;
	
}
#contenedorusuarios
{
	cursor:pointer;
	margin-top:5px;
}
 .descCuenta
{

color :var(--color-titulo);
font:bold 14px 'Gotham-Bold';
text-align :left;
margin-left:0px;
margin-top:25px;
}
.descCuentaicono
{
float: left;

cursor:pointer;

}
#superponer {
	position: relative;
	text-align: center;
}
#carrito
{
	color :#ffffff;
	font-family:var( --font-principal);
	font-size : 12px;
	float:left;
	cursor:pointer;
	margin-left:10px;
	margin-top:0px;
}
#carrito2
{
	color :#f2f5f4;
	font-family:var( --font-principal);
	font-size : 12px;
	float:left;
	cursor:pointer;
	margin-left:2px;
	margin-right:8px;
}
#cantidad25
{
	float:left;
	font: 12px  var( --font-principal);
	margin-left:0px;
	margin-right:5px;
	background:#0f0f0f;
	border-radius: 5px ;
	color: #ffffff;
	text-align: center;
	width:20px; 
	position: absolute;
}
#cantidad
{
	/*float:left;
	font: 12px  var( --font-principal);
	margin-left:0px;
	margin-right:5px;
	/*background:#d64f06;
	border-radius: 5px ;
	color: #ffffff;
	text-align: center;
	width:20px; 
	position: absolute;*/
}
#cantidad2
{
	float:left;
	font: 14px  var( --font-principal);
	margin-left:5px;
	margin-right:5px;
	background: #e2510e;
	border-radius: 5px ;
	color: #ffffff;
	text-align: center;
	width:20px; 
	position: absolute;
}
.textocarrito1
{
margin-top:6%;
float:left;
margin-left:0%;
color :var(--color-secundario);
font:bold 12px  var( --font-principal);

}
.textocarrito3
{
margin-top:0px;
float:right;
margin-right:10px;
color :#0B243B;
font:bold 16px  var( --font-principal);

}
.textocarrito31
{
margin-top:0px;
float:left;
margin-right:10px;
color :#0B243B;
font:bold 21px  var( --font-principal);

}
.textocarrito2
{
	
float:left;
color :var(--color-principal);
font: 18px  var( --font-principal);

margin-left:5px;
margin-right:5px;

}
#BannerTotal
{
	float:right;
	margin-top:15px;
	margin-right:10px;
}

span.blue {
  background: var(--color-principal);
 	border-radius: 5px ;

  color: #ffffff;
  text-align: center;
  width:25px; 


   
}
#menumaspedido1
{
background:var(--color-principal);
border: 0px solid #333;
justify-content:center;
width:250px;	
float:left;
margin-left:35px;
margin-right:15px;
cursor:pointer;
border-radius: 5px;
opacity: 10;
height:80px;
}
#menumaspedido1:hover
{
color:#2e4053;
opacity: 1;
background:var(--color-secundario);
}
#menumaspedido2
{
background:var(--color-principal);
border: 0px solid #333;
justify-content:center;
width:150px;	
float:left;
margin-left:35px;
margin-right:15px;
cursor:pointer;
border-radius: 5px;
opacity: 10;
height:60px;
}
#menumaspedido2:hover
{
color:#2e4053;
opacity: 1;
background:var(--color-secundario);
}
#menumaspedido
{
background:var(--color-principal);
border: 0px solid #333;
justify-content:center;
width:80px;	
float: left;
margin-left:5px;
margin-right:2px;
cursor:pointer;
border-radius: 5px;
opacity: 10;
height:40px;
}
#menumaspedido:hover
{
color:#2e4053;
opacity: 1;
background:var(--color-secundario);
}
.textomenumaspedido
{
padding: 0px 5px;
color :white;
font:bold 14px var( --font-principal);
text-align :center;
margin-left:5px;
	margin-top:12px;

}
.img
{
	float:left;
	margin-left:2px;
	margin-top:8px;
}
.imgpublicidadmenu
{
	float:right;
	margin-left:2px;
	margin-top:8px;
}
.imgmenu
{
	float:left;
	margin-left:2px;
	margin-right:5px;
}
#botoncantidadCar
{
margin-left:5px;
background:#181717 none repeat scroll 0% 0%;
border: 1px solid #181717;
width:20px;
height:20px;
float: left;
cursor:pointer;
color: #ffffff;
padding:3px;
border-radius: 5px;
}
#botoncantidadCar:hover
{
 color:#656565;
background-color:#EEF5F7;;

}
.formulariocantidadcar
{   

}
.formulariocantidadcar input[type='text']
{
	width:20px;
	height:25px;
	border: 1px solid #CED5D7;
	resize: none;
	float:  left;
margin-left:5px;
color :#0B243B;
font: bold 14px var( --font-principal);
text-align:center;
border-radius: 3px;
}
.formulariocantidad
{   

}
.formulariocantidad input[type='text']
{
	width:30px;
	height:30px;
	border: 1px solid #CED5D7;
	resize: none;
	float:  left;
margin-left:5px;
color :#0B243B;
font: bold 14px var( --font-principal);
text-align:center;
}


.formulariocantidad input[type='number']
{
	width:100%;
	height:30px;
	border: 1px solid #CED5D7;
	resize: none;
	float:  left;
margin-left:5px;
color :#0B243B;
font: bold 14px var( --font-principal);
text-align:center;
}

#botoncantidad:hover
{
 color:#656565;
background-color:#EEF5F7;;

}
#botoncantidad
{
margin-left:5px;
background:#fff none repeat scroll 0% 0%;
border: 1px solid #CED5D7;
min-width:20px;
width:10%;	
height:33px;
float: left;
cursor:pointer;
opacity: 0.8;
}
.textosbotoncantidad
{
 color:#656565;
font: bold 12px var( --font-principal);
font-size: 20px;
margin-top: 2.5%;
}

#bannerpedido
{ 
margin-top: 10px; 
width:100%;
float: left;

}
.textoscantidadpedido
{
 color:#656565;
font:  14px var( --font-principal);
float: right;
margin-right:3.5%;

}
.textotablaEmpleo
{
 color:white;
font:  16px var( --font-principal);
float: center;
margin-right:3.5%;
margin-top:5px;
}
.textotablafacturare
{
 color:#fff;
font:  12px var( --font-principal);
float: center;
margin-right:3.5%;
margin-top:4px;
}
.textotabla
{
 color:white;
font:  14px var( --font-principal);
float: center;
margin-right:3.5%;
margin-top:5px;
}
.textotabla1
{
 color:white;
font:  14px var( --font-principal);
float: center;
margin-right:3.5%;
margin-top:15px
}
.textotabla2
{
 color:white;
font:  14px var( --font-principal);
float: center;
margin-right:3.5%;
margin-top:15px;
cursor:pointer;
}
.textototalp
{
 color:white;
font:  22px var( --font-principal);
float: right;
margin-right:11%;
margin-top:5px
}
.textototalp1
{
 color:white;
font:  22px var( --font-principal);
float: right;
margin-right:1%;
margin-top:5px
}
.textototalp2
{
 color:white;
font:  22px var( --font-principal);
float: right;
margin-right:6%;
margin-top:5px
}
.textototalp3
{
 color:white;
font:  18px var( --font-principal);
float: left;
margin-left:1%;
margin-top:5px
}

#menuconfirmar
{
min-width:180px;
height:40px;
float: left;
margin-left:0px;
cursor:pointer;
border: 1px solid #C8D5D9;
}
#menuconfirmar:hover
{
color:#656565;
background-color:#EEF5F7;

}
#menuconfirmar1
{
min-width:180px;
height:40px;
float: right;
margin-right:0px;
cursor:pointer;
border: 1px solid #C8D5D9;
}
#menuconfirmar1:hover
{
text-color:#656565;
background-color:#EEF5F7;

}
#menuconfirmar2
{
min-width:180px;
height:40px;
float: left;
margin-left:0px;
cursor:pointer;
border: 1px solid  #186a3b ;
}
#menuconfirmar2:hover
{
text-color:#656565;
background-color:#EEF5F7;

}
#menuusuario
{
min-width:100%;
height:40px;
float: left;
margin-left:0px;
cursor:pointer;
text-align:center;
border: 1px solid #C8D5D9;
}
#menuusuario:hover
{
text-color:#656565;
background-color:#EEF5F7;

}
.textomenuusuario
{
margin-top: 10px;
color :var(--color-secundario);
position:relative;
font:14px var( --font-principal);
float: center;
margin-left:15px;
}
.textomenuconfirmar
{
margin-top: 10px;
color :var(--color-secundario);
position:relative;
font:14px var( --font-principal);
float:  left;
margin-left:15px;
}
.textomenuconfirmar1
{
margin-top: 10px;
color :var(--color-principal);
position:relative;
font:14px var( --font-principal);
float:  left;
margin-left:15px;
}
.imgpedido
{
margin-top: 10px;
color :#656565;
font:bold 10px Century Gothic,CenturyGothic,AppleGothic,sans-serif;;
font-size : 12px;
float:  left;
margin-left:5px;
cursor:pointer;
}
.imgpedido1
{
margin-top: 10px;
color :#656565;
font:bold 10px Century Gothic,CenturyGothic,AppleGothic,sans-serif;;
font-size : 12px;
float:  right;
margin-right:10px;
cursor:pointer;
}
#bannerbuscar
{ 
 position: absolute;
margin-left:0px;
 z-index: 9999999;
 width:100%;
 height:480px;
 overflow : auto; 
	 overflow-y: auto;
	overflow-x: hidden	;
    background-color:#ffffff ; 
visibility:hidden;
border: 1px solid #186a3b;
border-radius:10px 10px 10px 10px;
}
#bannerbuscarmenu
{ 
width:100%;
margin-top:150px;
}
#bannerbuscar1
{ 
margin-top:47px;
 position: absolute;
margin-left:0px;
 z-index: 9999999;
 width:100%;
 height:70px;
 overflow : auto; 
	 overflow-y: auto;
	overflow-x: hidden	;
    background-color:#ffffff ; 
border: 1px solid #186a3b;
visibility:hidden;
}
#listapro
{ 
min-height:70px;
width:100%;
float: left;

}
.imglistap	{
	border: 1px solid #CED5D7;
	width: 60px;
	height: 60px;
	cursor:pointer;
	margin-left:5px;
	margin-top:5px;
	float: left;
	}
	
#imglistapro
{ 
cursor:pointer;
}
.imgSlider
{
margin-top: 100px;
cursor:pointer;
margin-right:15px;
}

#bannerSucursales
 {     
   background: #1c2833; 
   width:100%;
   height:50px;
}
#bannerSucursales:hover
{
	 background: #53b73f  ; 	
	 cursor:pointer;
}
#bannerfiltro
 {
   height:320px;  
  background: white ;   
   width:100%;
  overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
}
#bannerfiltro4
 {
  height:80px;  
  background: white ;   
   width:100%;
  overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
}
#bannerfiltro2
 {
   height:80px;  
  background: white ;   
   width:100%;
 
}
#bannerfiltro3
 {
   float:left;
   margin-left:5px;
   width:100%;
}
#bannerfiltrope
 {
   height:80px;  
  background: white ;   
   width:100%;
 
}
#bannerfiltroge
 {
   height:80px;  
  background: white ;   
   width:100%;
 
}
#bannerfiltrore
 {
   height:80px;  
  background: white ;   
   width:100%;
 
}
#contModal
 {
   	 
 background:#ffffff;
		/*background: #01698C;*/
	margin-top: 0px;
    margin-left:5px;	
	margin-bottom:5px;
	margin-right:5px;
	width: 99%;
    min-height:600px;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;

}
#contModalRevista
 {
   	 
	background:#ffffff;
	margin-top:5px;
    margin-left:2%;	
	margin-bottom:25px;
	margin-right:2%;	
     height:96%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#contModalRadicado
 {
   	 
	background:#ffffff;
	margin-top:15%;
    margin-left:30%;	
	margin-bottom:30px;
	margin-right:30%;	
     height:300px;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#contModalCuenta
 {
   	 
	background:#0a5f0d ;
	margin-top:25px;
    margin-left:15%;	
	margin-bottom:45px;
	margin-right:15%;	
    height:500px;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#contModalEventos
 {
   	 
	background:#ffffff;
	margin-top:25px;
    margin-left:5%;	
	margin-bottom:25px;
	margin-right:5%;	
     height:90%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#contModalTiendas
 {
   	 
	background:#ffffff;
	margin-top:25px;
    margin-left:5%;	
	margin-bottom:25px;
	margin-right:5%;	
     height:92%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#contModalComentario
 {
   	 	border: 1px solid #CED5D7;
	background:#ffffff;
	margin-top:10%;
    margin-left:15%;	
	margin-bottom:5px;
	margin-right:15%;	
    height:60%;
	box-shadow: 5px 5px 5px  #273746, 5px 5px 5px  #273746;
}
#contModalRegistro
 {
   	 
	background:#ffffff;
	margin-top:5px;
    margin-left:5px;	
	margin-bottom:5px;
	margin-right:5px;	
     height:92%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}

#contModalProducto
 {
   	 
	background:#ffffff;
	margin-top:25px;
    margin-left:10%;	
	margin-bottom:25px;
	margin-right:10%;	
     height:95%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#contModalPedido
 {
   	 
	background:#ffffff;
	margin-top:15px;
    margin-left:20%;	
	margin-right:20%;	
     height:97%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	border-radius:5px;
}
#contModalCliente
 {
   	 
	background:#ffffff;
	margin-top:15px;
    margin-left:20%;	
	margin-right:20%;	
     height:97%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	border-radius:5px;
}
#contModalSiguenos
 {   	 
 background:#ffffff;	
	margin-top:15%;
    margin-left:30%;	
	margin-bottom:25px;
	margin-right:30%;	
     height:250px;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
.textobannerfiltro
{

color :var(--color-secundario);
position:relative;
font:14px var( --font-principal);
float:  left;
margin-left:15px;
}
#btnMenuGrupos
{

	background:#transparent;
	width:100%;	
	min-height:400px;
}
#btnMenuTotal
{
	background:#159163;
	width:300px;	
	min-height:450px;
}
.textobtnMenu
{
float:  left;
}
#btnMenu
{
padding:8px;
color:white;
font:16px var( --font-principal);
background:#159163;
border: 0px solid #333;
justify-content:left;
width:300px;	
cursor:pointer;
height:34px;
}
#btnMenu:hover
{
	background-color: #6ac8a2;
	color:#596c64;
	
}
.textobtnMenu1
{

color:#596c64;
padding:0px;
font:14px var( --font-principal);
float:  left;
margin-left:5px;
}
#btnMenuActivo
{
background:#6ac8a2;
border: 0px solid #333;
width:300px;
cursor:pointer;
height:32px;
color:#596c64;
padding:10px;
font:bold 14px var( --font-principal);
justify-content:left;


}
/*#btnMenuActivo:hover
{
	background-color: #159163;
	color:#01698C;
}*/
#btnEventos
{
padding:9px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#159163;
border: 0px solid #333;
justify-content:center;
width:100px;	
margin-right:15px;
margin-left:15px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnEventos:hover
{
background-color: #64bf87;
color:white;
}
#btnRevistas
{
	float:  left;
padding:8px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#159163;
border: 0px solid #333;
justify-content:center;
width:100px;	
margin-right:15px;
margin-left:15px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnpro
{
padding:12px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#428640;
border: 0px solid #333;
justify-content:center;
width:100%;	
margin-right:15px;
margin-left:0px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnpro:hover
{

background:#f8e12e;
}
#btnprodestacados
{
padding:8px;
color:white;
font:bold  14px var( --font-principal);
text-align :center;
background:#159163;
border: 0px solid #333;
justify-content:center;
width:95%;	
margin-right:15px;
margin-left:0px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnprodestacados:hover
{

background:#06b477;
}
#btnpro2
{
padding:8px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#159163;
border: 0px solid #333;
justify-content:center;
width:95%;	
margin-right:15px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnpro2:hover
{

background:#06b477;
}
#btnpro3
{
padding:12px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#195097;
border: 0px solid #333;
justify-content:center;
width:95%;	
margin-right:15px;
margin-left:10px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnpro3:hover
{
background:#2e7bde;
}
#btnpro1
{
padding:12px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#FEEF00;
border: 0px solid #333;
justify-content:center;
width:95%;	
margin-right:15px;
margin-left:10px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnpro4
{
padding:8px 2px;
color:white;
font:bold  16px var( --font-principal);
text-align :center;
background:#428640;
border: 0px solid #333;
justify-content:center;
width:30px;	
margin-right:15px;
margin-left:0px;
cursor:pointer;
border-radius: 5px;
height:40px;
}
#btnpro4:hover
{
background:#f8e12e;
}
#menumas:hover
{
color:#2e4053;
opacity: 1;
background: var(--color-principal);
}
.caja3 {
	width:95%;
   color : #1b2631 ; 
   height:35px;
   overflow: hidden;
  border:1px solid #3498db;
  margin-left:1.5%;
margin-right:2.5%;
border-radius:5px;
}
.selectactividad {
background: transparent;
   border: none;
  width:100%;
   padding: 5px 3px;
 float:  left; 
   height: 40px;
font-size: 14px;
   cursor:pointer;
  color : #1b2631 ;     
}
#BtnCambiarRadicado
{
  
	cursor:pointer;	
	background:  #159163 ; 
	float:  right;
	height:25px;
	color: #fff ;	
	width:90%;	
	margin-top:0px;
	margin-left:10px;	
	text-align:center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#BtnCambiarRadicado:hover
{
background-color: #EBF5FB;
	color:  #159163 ; 
}
#Btndetalle1
{
  
	cursor:pointer;	
	background:  #159163 ; 
	float:  right;
	height:25px;
	color: #fff ;	
	width:55%;	
	margin-top:5px;
	margin-right:10px;	
	text-align:center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#Btndetalle1:hover
{
background-color: #EBF5FB;
	color:  #159163 ; 
}
#Btndetalle5
{
  
	cursor:pointer;	
	background:  #159163 ; 
	float:  right;
	height:25px;
	color: #fff ;	
	width:55%;	
	margin-top:0px;
	margin-right:10px;	
	text-align:center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#Btndetalle5:hover
{
background-color: #EBF5FB;
	color:  #159163 ; 
}
.textoBtndetalle1
{
float:center;
font:bold 12px var( --font-principal);	
  color: #1f618d ;
cursor:pointer;
margin-top:3px;
margin-right:3.5%
}
#contenedorbody
{	
	
min-height: auto;
	min-width: 100%; 	

}
#contenedorbodyLogin
{	
	
	background-color: #1f618d;
	width: 100%;
	height: 100%;	
}
#MenuEmpresaLogin
 {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	bottom: auto;
	width: 100%;
	height: 35px;
	text-align: center;
	vertical-align:middle;
background-color: #121D53;

}
.TextoBarraLogin
{
float:left;
color: white;
font:  16px "Gotham-Bold",sans-serif;
margin-left:15px;
margin-top:8px;

}
.imglogin
{ 
	background: url(../imagenes/logo.png) no-repeat ;
	position: relative;
    height: 100%; 
  	width:100%	; 
	position: fixed;
	 z-index: 9999999;
	 margin-top:5%;
	margin-left:3%;
}
.textologoLogin
{
float:  left;
position:relative;
margin-left:2%;
background-color: transparent;
}
#contenedorlogin
 {
    min-height: 300px; 	 
    background: white;
	width: 400px; 
	 position: fixed;
	 margin: 0 auto;
	 z-index: 9999999;
	top:25%;
	left:35%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	border-radius: 7px;
	
background: rgba(226,226,226,1);
background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,0.66) 50%, rgba(209,209,209,0.65) 51%, rgba(254,254,254,0.31) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,0.66)), color-stop(51%, rgba(209,209,209,0.65)), color-stop(100%, rgba(254,254,254,0.31)));
background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,0.66) 50%, rgba(209,209,209,0.65) 51%, rgba(254,254,254,0.31) 100%);
background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,0.66) 50%, rgba(209,209,209,0.65) 51%, rgba(254,254,254,0.31) 100%);
background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,0.66) 50%, rgba(209,209,209,0.65) 51%, rgba(254,254,254,0.31) 100%);
background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(219,219,219,0.66) 50%, rgba(209,209,209,0.65) 51%, rgba(254,254,254,0.31) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );

}
#contenedorImagenTicket
{ 
    height: 110px;
	width:100%;
 	float:left;
}
#contenedorImagenLogin
{ 
    height: 50px;
	width:100%;
    clear: both;
    background:transparent;
    text-align: left;
    color: #fff;
	
}
#contenedorImagenRegistroCliente
{ 
    height: 60px;
	width:100%;
    clear: both;
    background:transparent;
    text-align: left;
    color: #fff;
	
}
#contenedorComentario
{ 
    min-height: 20px;
	width:100%;
    clear: both;
    background:transparent;
    
	
}
#contenedorImagenLogin1
{ 
    background:transparent;	
}
#contenedorFormLogin
{ 
    height: 90px;
	width:100%;
    clear: both;
    background:transparent;
    text-align: center;
    color: #fff;
	
}
.textoBtnLogin1
{
margin-top: 0px;
 color:#3b4850;
float:justify;	
margin-right:15px;
margin-left:8px;

   font:20px "Gotham-Bold";	
}
.textoRegistroTitulo
{
margin-top: 0px;
 color:#fff;
float:center;	
margin-right:15px;
margin-left:45px;
font:26px "Gotham-Bold";	
}
.textoCerralModal
{
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-right:15px;
margin-left:8px;
color: #595959;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
}
.textoCerralModal1
{
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-right:15px;
margin-left:8px;
color: #595959;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
}
.textoDesRadicado
{
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-right:15px;
margin-top:5px;
margin-left:5px;
color: #595959;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    text-transform: none;
}
.textoDesRadicado2
{
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-right:15px;
margin-left:5px;
color: #595959;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    text-transform: none;
}


.textologoLogin
{

position:relative;
margin-left:2%;
background-color: transparent;

}
.textologin
{
  color:#17202a;
 height:30px; 
  width:170px;
	font:12px var( --font-principal);
	cursor:pointer;
	 padding: 0px 0px;
margin-left:0px;

}
#BtnLogin
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float:justify;	
	height:50px;
	color: white ;
	width:100%;	
	border-radius: 5px;
	margin-top: 10px; 	
    margin-left:0%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#BtnLogin:hover
{
background-color: #bce3d8;
	color:#01698C;
}
#BtnLogin:focus
{
background-color: #aed6f1;
	color:#01698C;
}
#BtnCerrarModal
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #3085D6; 
	
	height:50px;
	color: white ;
	width:20%;	
	border-radius: 5px;
	margin-top: 10px; 	
    margin-left:0%;

}

.textoBtnLogin2
{
margin-top: 0px;
 color:#3b4850;
float:right;	
margin-right:5px;
margin-left:8px;
cursor:pointer;
   font:bold 12px "Gotham-Bold";	
}
.textoBtnLogin
{
margin-top: 0px;
 color:white;
float:justify;	
margin-right:15px;
margin-left:8px;

   font:20px "Gotham-Bold";	
}
#footerlogin 
 {
	height: 40px; 	 
    background: #1c2833  ; 
    color: #fff;
	font:14px 'Gotham-Bold';
	width: 100%; 
	 position: fixed;
	 margin: 0 auto;
	 z-index: 9999999;
	top:94%;
	
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.textopie
{
  color::#01698C;
  float:right;	
font:14px 'Gotham-Bold';
  padding: 0px 0px;
  margin-right:3.5%;
}
#contenedorlogo
{	
	height: 60px;
	width:90px; 
	margin-left:3.5%;
}
#MenuUsuarioSistema
 {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	bottom: auto;
	width: 100%;
	height: 40px;
	text-align: center;
	vertical-align:middle;
	background:#159163;
}
#BtnUsusario
{
margin-top:0px;
 
	cursor:pointer;	
	background:transparent;
	float:left;	
 font:14px 'Gotham-Bold';
	color: white;
	width:100%;

}
#BtnUsusario:hover
{
	
}
.textoBtnUsusariologo
{
  margin-top:8px;
 float:right;	
 font:14px 'Gotham-Bold';
  margin-left:5px;
  margin-right:5px;
}
.textoBtnUsusario
{
  margin-top:15px;
 float:right;	
 font:14px 'Gotham-Bold';
  margin-left:5px;
  margin-right:5px;
}
.textoBtnUsusario1
{
  margin-top:12px;
	float:right;	
   font:14px 'Gotham-Bold';
  margin-left:1px;
   margin-right:5px;
}
#contenedorBtnUsusario
{  
	cursor:pointer;	
	color: #5DADE2  ;
	background-color:WHITE;
	float:  right;
	min-height:150px;
	border:1px solid #428640;
	color: #212F3D  ;	
	width:350px;	
	top:40px;
	right:0.1%;
	visibility:hidden;
	position:fixed;	
	z-index: 9999999;
	box-shadow: 2px 2px 5px #428640, 0 0 0 0px #428640 inset;
}
#contenedorusu
{	
	height: auto;
	width: 100%; 
	margin-left:1.5%;
	 float:right;	
`}
.iconousuario
{
margin-top:0px;
float:  left;
margin-left:3px;
width:100%;
height:100%;
}
.textoformUsuario
{
font:bold 14px 'Gotham-Bold';	
float:  left;	
margin-left:1.5%;
margin-top:5px; 
 color: #428640;
 cursor:pointer;
}
.textousu
{
margin-top:5px;
font:14px 'Gotham-Bold';	
float:  left;	
 color:  #1b2631 ;
 cursor:pointer;
 margin-left:15px;
}
#BtnSalir
{
   border: 0px solid  #cb4335 ;
	cursor:pointer;	
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	background-color:   #cb4335 ;
	font: 18px 'Gotham-Bold';	
	float:  left;	
	padding:10px 15px;
	color: white;
	text-align:center;
	margin-left:0;
	width:100%;
}
#BtnSalir:hover
{
background: #f5b7b1;
	 color:#154360  ;
}
#BtnOtrosMenu
{
   border: 1px solid #159163  ;
	cursor:pointer;	
	background: #159163 ;
	float:  left;
	height:34px;	
	width:100%;	
	margin-top:4px;


}

#BtnOtros
{
   border: 1px solid #159163  ;
	cursor:pointer;	
	background: #159163 ;
	float:  left;
	height:34px;	
	width:100%;	
	margin-top:4px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;

}
#BtnOtros:hover
{
background-color: #57cd86;
	color: #159163;
}
.imgnuevo
{
float:  left;	
margin-left:10px; 
margin-top:8px;
cursor:pointer; 

}
.imgfiltro
{
float:  left;	
margin-left:0px; 
margin-top:0px;
cursor:pointer; 

}
#Btnimgnuevo
{
 border-left: 1px solid red;
}
.imgnuevo2
{
float:left;	
margin-left:15px;
margin-right:0px; 
margin-top:8px;
cursor:pointer; 
}
.textoBtnOtros
{
font:12px 'Gotham-Bold';	
float:  left;
margin-top:8px; 
margin-left:1px;
   color: #EBF5FB;  
}
#Contenedorfiltro
 {
   	background: transparent;
	width:98%;
    height:40px;
	float:left;	
	margin-left:0.5%;
	margin-top:0%;	
 }
 .formListaFiltro
{  
width:100%;
height:auto;

}

.formListaFiltro input[type='text']{
   padding: 5px 3px;
	width:97%;	
	resize: none;	
	float:  left;
	height:30px;
	margin-left:1.5%;
margin-right:3.5%;
 border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
}
.formListaFiltro input[type='text']:hover{
   outline: none;
	
}
.formListaFiltro input[type='date']{
   padding: 5px 3px;
	width:135px;	
	resize: none;	
	float:  left;
	height:25px;
	color : #1b2631 ; 
margin-left:1.5%;
margin-right:3.5%;
 border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
}
.formListaFiltro input[type='date']:hover{
   outline: none;
	
}
.formListaFiltro textarea{
   padding: 5px 3px;
	width:98%;
	min-height:100px;
	 border:1px solid #3498db;
	resize: none;
	float:  left;
margin-left:0.5%;
margin-right:3.5%;
border-radius:5px;
	color : #1b2631 ; 
}
.formListaFiltro textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}	
.cajaFiltroSelect{
	width:90%;
  color : #1b2631  ;
   height:25px;
   overflow: hidden;
  border: 1px solid #186a3b;

	box-shadow:0 0 0 5px #EEF5F7;
  margin-left:2%;
  margin-right:5px;
}
.cajaradicado{
	width:100%;
   color : #1b2631 ; 
   height:25px;
   overflow: hidden;
   border: 1px solid #186a3b;
	resize: none;
  margin-left:2%;
  margin-right:5px;
}
.selectRadicado {
background: transparent;
   border: none;
  width:100%;  
 float:  left; 
   height: 25px;
font-size: 14px;
   cursor:pointer;
  color : #1b2631 ;   
}
.cajaFiltro{
	width:50px;
   color : #1b2631 ; 
   height:25px;
   overflow: hidden;
   border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
  margin-left:2%;
  margin-right:5px;
}
.selectFiltro {
background: transparent;
   border: none;
  width:100%;  
 float:  left; 
   height: 25px;
font-size: 14px;
   cursor:pointer;
  color : #1b2631 ;   
}
.textofiltro1
{
	letter-spacing: 0.045em;
margin-top:5px;
color : #1b2631  ;
font:14px  'Gotham-Bold';
 text-align:left;
margin-right:5px;
margin-left:15px;
cursor:pointer;
}
.textofiltro
{
	letter-spacing: 0.045em;
margin-top:5px;
color : #1b2631  ;
font:14px  'Gotham-Bold';
 text-align:right;
margin-right:5px;
margin-left:5px;
cursor:pointer;
}
#BtnfrmBuscarFiltro1
{
   border: 1px solid #186a3b;
	resize: none;

	cursor:pointer;	
	background: transparent; 
	float: right;
	height:25px;
	color: #212F3D  ;	
	width:90%;	
	margin-top:0px;
}
#BtnfrmBuscarFiltro1:hover
{
background-color: #EBF5FB;
	color: #1f618d ;
}
#ContenedorTabla
 {
   	background: transparent;
	width:98%;
	height:380px;
	float:left;	
	margin-left:0.5%;
	margin-top:0%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#ContenedorTabla1
 {
   	background: transparent;
	width:100%;
	height:350px;
	float:left;	
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
}
.textotabla
{
margin-top:10px;
color: #eaf2f8 ;
font:var( --font-principal);	
font-size : 12px;
 text-align:center;
margin-left:5px;
cursor:pointer;
}

.textotablaFiltro3
{
margin-top:10px;
color : #1b2631  ;
font:bold 12px  'Gotham-Bold';	
text-align:center;
margin-left:0px;
cursor:pointer;
}
.textotablaFiltro4
{
margin-top:10px;
color : #1b2631  ;
font:bold 12px  'Gotham-Bold';	
float:justify;
margin-left:25px;
cursor:pointer;
}

.textotablaFiltro
{
margin-top:15px;
color : #1b2631  ;
font:14px  'Gotham-Bold';	
font-size : 12px;
 text-align:left;
margin-left:5px;
cursor:pointer;
line-height: 1.5em;
}
.textotablaFiltro2
{
margin-top:15px;
color : #1b2631  ;
font:14px  'Gotham-Bold';
font-size : 12px;
 text-align:center;
margin-left:5px;
cursor:pointer;
}
#ContenedorPagination
 {
   	background: transparent;
	width:100%;
    min-height:20px;
	margin-top:1px;
		
}
#BtExportar
{
width:120px;
height:40px;	
float: right;
cursor:pointer;
margin-right:25px;
}
#BtExportar:hover
{
-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.textomenuus
{
width:1px;
color:white;
font:10px  'Gotham-Bold';
cursor:pointer;
}
.cajacambio {
	 background: #ffff;
 width:100%;
 height:40px;
 overflow: hidden;
 color : #1b2631 ; 
 box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
 margin-right:2.5%;
}
.selectcambio {
 background: #ffff;
 border: none;
 width:100%;
  padding: 5px 3px;
 float:  left; 
 height: 40px;
 font-size: 14px;
 cursor:pointer;
 color : #1b2631  ; 
 margin-left:0px;
  
}
.tectobtndetallecuadro
{

float:center;
font:bold 12px "Gotham-Bold";	
  color: #ffff;
cursor:pointer;
margin-top:5px;
margin-right:3.5%

}
.nombreprospecto2
{

float:center;
font:bold 12px "Gotham-Bold";	
  color: #1f618d ;
cursor:pointer;
margin-top:5px;
margin-right:3.5%

}
.formLogin
{  
width:100%;
height:auto;

}
.formLogin textarea{
	padding: 5px 3px;
 	 color:#8E8785;
	 min-height:120px;
		width:100%;	
	resize: none;	
	float:  left;
	height:50px;
	color : #1b2631 ; 
	 
 }
.formLogin input[type='text']:focus, .formLogin textarea:focus{
	outline: none;
	 box-shadow:0 0 0 3px #dde9ec;
	 behavior: url(PIE.htc);
 }
.formLogin input[type='text']{
 
	width:100%;	
	resize: none;	
	float:  left;
	height:40px;
	color : #1b2631 ; 

margin-right:0%;
}
.formLogin input[type='text']:hover{
   outline: none;
	
}
.formLogin input[type='number']{
 
	width:100%;	
	resize: none;	
	float:  left;
	height:40px;
	color : #1b2631 ; 

margin-right:0%;
}
.formLogin input[type='number']:hover{
   outline: none;
	
}
.formLogin input[type='date']{
   padding: 5px 3px;
	width:100%;	
	resize: none;	
	float:  left;
	height:40px;
	color : #1b2631 ; 
box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
margin-right:2.5%;
}
.formLogin input[type='date']:hover{
   outline: none;
	
}
.formLogin input[type='password']{
   
	width:100%;	
	resize: none;	
	float:  left;
	height:40px;
	color : #1b2631 ; 

margin-right:0%;

}
.formLogin input[type='password']:focus{
  outline: none;
}
.textoformLogin
{
margin-left:5px;
margin-top:8px;
font:14px "Gotham-Bold";	
float:  left;	
 color: #1a5276;
 cursor:pointer;
}	
.TextDescFormulario15
{
color :#445361;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:30px;
margin-top:0px;
}
.TextDescFormulario
{
color :#445361;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:0%;
margin-top:0px;
}
#bannerRegistroFactura
{
background:#FEC928;
width:100%;	
margin-right:0px;
margin-left:0px;
height:250px;
}
#bannerTitulosucursal
{
padding:12px;
color:white;
font:bold  16px "Gotham-Bold";	
text-align :center;
background:#428640;
border: 0px solid #333;
justify-content:center;
width:300px;	
margin-right:0px;
margin-left:0px;
cursor:pointer;
border-radius:0px;
height:40px;
}

#bannerTitulosucursal:hover
{
	background:#FEC928;
}
.btnreload
{
margin-top: 15px;
float:left;
margin-left:15px;
cursor:pointer;
}
#bannerRadicado
{   

width:100%;
height:300px;
box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
margin-left:0px;
}
#ContTituloModal
{
	width: 100%;
	height:40px;	
	background-color:  #2471a3 ;
	font: 22px var( --font-principal);	
	float:  left;	
	padding:10px 15px;
	color: white;
	text-align:left;
	
}
#contenedorRespuestas
{
	height: 280px;
	width: 100%;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;	
	box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
}	
#contenedorImagenCliente
{ 
    height: 110px;
	width:100%;
    clear: both;
    background:transparent;
    text-align: center;
    color: #fff;	
}
#contenedorTexto
{ 
    min-height: 110px;

    clear: both;
    background:transparent;
   margin-left:15px;
   margin-right:15px;
}
 .TituloEscanea
{
color:#fff; 
font:bold 30px   'Nunito', sans-serif;
text-align: center;
margin-right:0px;
margin-left:55px;
cursor:pointer;
}
 .SubTituloEscanea
{
color:#484848; 
font:20px   var( --font-principal);
text-align: center;
margin-right:0px;
margin-left:0px;
cursor:pointer;
}
 .TituloEscaneaEmail
{
color:#273746; 
font:bold 30px   'Nunito', sans-serif;
text-align: center;
margin-right:0px;
margin-left:55px;
cursor:pointer;
}
 .SubTituloEscaneaEmail
{
color:#273746; 
font:14px   'Nunito', sans-serif;
text-align: center;
margin-right:0px;
margin-left:55px;
cursor:pointer;
}
.cajaViaje{
 width:100%;
  height: 30px;
border: 0px solid #9A9695;
	resize: none;
	color:#4CA381;
	background: white;
	float:  left;

 
}
.selectViaje{
 background: white;
 border: none;
 width:100%;
 padding: 2px 0px;
 float:  left; 
  height: 30px;
 font-size: 14px;
 cursor:pointer;
color:#4CA381;
  
}
.TextTerminosEscanea
{
float:  left;
color: #4CA381;
font:14px 'Gotham-Bold';
text-align:left;
margin-left:10px;
margin-top:12px;
cursor:pointer;
} 
.formularioEscanea
{   
margin-right:2.5%;
margin-left:2.5%;
width:95%;
min-height:350px;
font:14px 'Gotham-Bold';

}
.formularioEscanea  input[type="checkbox"] {
   height: 30px;
	display: inline-block;
	font:14px 'Gotham-Bold';
	color:#4CA381;
	vertical-align: middle;
	cursor: pointer;
	margin-top:5px;
	background-color: #4CA381;
	float:  left;
}

.formularioEscanea input[type='password']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	color:#8E8785;
	float:  left;
margin-left:15px
}
.formularioEscanea input[type='password']:focus, .formularioEscanea textarea:focus{
   outline: none;
	//box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}


.formularioEscanea input[type='text']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #9A9695;
	resize: none;
	color:#4CA381;
	border-radius:8px;
	float:  left;
margin-left:15px;
  height: 30px;
}
.formularioEscanea input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
}
.formularioEscanea input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
.formularioEscanea input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
}
.formularioEscanea input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
}
.formularioEscanea input[type='text']:focus, .formularioEscanea textarea:focus{
   outline: none;
	//box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioEscanea input[type='email']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	color:#8E8785;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px
}
.formularioEscanea input[type='email']:focus, .formularioEscanea textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioEscanea textarea{
   padding: 5px 3px;
	width:90%;
	min-height:60px;
		border: 1px solid #9A9695;
	resize: none;
	color:#8E8785;
	border-radius:8px;
	float:  left;
margin-left:15px;
}
.formularioEscanea textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}	
.descriconescanea
{
line-height: 1.5;
color:white;
font:  16px "Gotham-Bold";
text-align : justify;
margin-left:15px;
margin-right:20px;
}
.TextbtnLogin111
{
 padding: 5px 7px;
color :white;
position:relative;
font:bold 16px var( --font-principal);

float: center;
}
.TextbtnFacturaDet
{
 padding: 3px 6px;
color :#000000;
position:relative;
font:bold 22px var( --font-principal);

float: center;
}
.TextbtnFacturaDet1
{
 padding: 3px 6px;
color :#1f1e1e;
position:relative;
font:bold 22px var( --font-principal);

float: center;
}
.TextbtnFactura
{
 padding: 3px 6px;
color :white;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float: center;
}
.TextbtnFactura1
{

color :white;
position:relative;
font-family:var( --font-principal);
font-size :18px;
float: center;
margin-left: 14px;
}
.tituloFactura
{

color : #fff;
font:bold 48px   'Nunito', sans-serif;
text-align: left;
margin-top: 10px;
vertical-align:center;
}
#bannermenuabajo2
 {
     
    background: #CDCDCD; 
   width:100%;
  min-height:80px;
  color : #fff;
font: 22px   'Nunito', sans-serif;
text-align: left;

vertical-align:center;
}
#btnFactura
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:#036830;
	float: center;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	width:120px;	
	height:40px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#btnFactura:hover
{
background-color: #154360  ;
	color: #fff ;
}
#btnFacturaVolver
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:#ee5e5e;
	float: center;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	width:120px;	
	height:40px;
	text-align: center;
}
#btnFacturaVolver:hover
{
background-color: #154360  ;
	color: #fff ;
}
#contModalTitulo
 {
   	background: white;
	width:100%;
    height:80px;
}
#DivcentarForm
 {
	min-height: 250px;
   
    width: 450px;   
    margin-left:auto;
    margin-right: auto;
	border-radius: 7px;  
 }
 #DivcentarFormDatos
 {
	min-height: 250px;
   
    width: 90%;   
    margin-left:10%;
    margin-right: auto;
	border-radius: 7px;  
 }
 #DivcentarForm1
 {
	min-height: 20px;
    width: 90%;   
    margin-left:10%;
    margin-right: auto;
	border-radius: 7px;  
 }
 #PanelImagenBanco
 {
	min-height: 250px;
    background: white;
    width: 100%;   
    margin-left:auto;
    margin-right: auto;
	border-radius: 7px;
    -webkit-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    -moz-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    box-shadow: 0 1px 4px #273746, 0 0 0px #273746;
  
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.91)), color-stop(100%, rgba(237,237,237,0.81)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
 }
 #contMensajeBanco1
 {
	min-height: 250px;
    background: white;
    width: 100%;   
    margin-left:auto;
    margin-right: auto;
	border-radius: 7px;
    -webkit-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    -moz-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    box-shadow: 0 1px 4px #273746, 0 0 0px #273746;
  
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.91)), color-stop(100%, rgba(237,237,237,0.81)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
 }
#contLoginPagar2
 {
	min-height: 250px;
    background: white;
    width: 100%;   
    margin-left:auto;
    margin-right: auto;
	border-radius: 7px;
    -webkit-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    -moz-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    box-shadow: 0 1px 4px #273746, 0 0 0px #273746;
  
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.91)), color-stop(100%, rgba(237,237,237,0.81)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
 }
#contLoginPagar
 {
	min-height: 250px;
    background: white;
    width: 350px;   
    margin-left:auto;
    margin-right: auto;
	border-radius: 7px;
    -webkit-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    -moz-box-shadow: 0 1px 4px #273746, 0 0 0px #273746 inset;
    box-shadow: 0 1px 4px #273746, 0 0 0px #273746;
  
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.91)), color-stop(100%, rgba(237,237,237,0.81)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,0.91) 47%, rgba(237,237,237,0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
 }
.imgCerrarModal
{
float:right;	
margin-right:2.5%;
margin-top:5px; 
//border: 1px solid  #154360;
cursor:pointer;
}
.TextoEmpleado
{

 color:#212f3d;
font:16px "Gotham-Bold";
text-align:left;
margin-left:2px;
margin-right:15px;
cursor:pointer;
} 
.TextoEmpleadoDesc
{

 color:#212f3d;
font:16px "Gotham-Bold";
text-align:left;
margin-left:2px;
margin-right:15px;
cursor:pointer;
} 
#contModalBotones
{
   	background: white;
	background: #fff;
	width:100%;
    height:400px;
	float:left;
	margin-right:1.5%;
}
#BtnMenuModalActivo
{
	background:#45A916  ;
	width:90%;
    height:46px;
	margin-top: 8px;
	margin-left:3.5%;	
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	cursor:pointer;
	font: 20px var( --font-principal);	
	float:  left;	
	padding:8px 3px;
	color: #fff ;
	text-align:left;
	
}
#BtnMenuModalActivo:hover
{
	background: #0a5f0d;
	 color:#fff ;
}
#contModalCentral
 {
   	background: white;
	width:100%;
    height:385px;
	float:left;
	margin-right:1.5%;
	border: 1px solid #45A916;
}
#contModalCentralContenido
 {
   	background: white;
	width:100%;
    height:345px;
	float:left;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-right:1.5%;
	border: 1px solid #45A916;
}
#ContTituloModal
{
	width: 100%;
	height:40px;	
	background-color:  #45A916 ;
	font: 22px var( --font-principal);	
	float:  left;	
	padding:10px 15px;
	color: white;
	text-align:left;	
}
.formularioEmpleado
{   
width:100%;
}
.formularioEmpleado input[type='text']{
   padding: 2px 1px;
	width:90%;
	border: 1px solid #8E8785;
	resize: none;
	color:#8E8785;
		float:  left;
	margin-left:15px;
	 height: 25px;
	 font:  14px "Gotham-Bold";
}
.formularioEmpleado input[type='text']:focus, .formularioEmpleado textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioEmpleado input[type='email']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	color:#8E8785;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px;
 height: 25px;
}
.formularioEmpleado input[type='email']:focus, .formularioEmpleado textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioEmpleado textarea{
   padding: 5px 3px;
  width:90%;
	color:#8E8785;
	min-height:120px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:15px
	
}
.formularioEmpleado textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.formularioEmpleado input[type='date']{
    padding: 2px 1px;
	width:98%;
	border: 1px solid #8E8785;
	resize: none;
	color:#8E8785;
		float:  left;
	margin-left:15px;
	 height: 25px;
 font:  14px "Gotham-Bold";
}
.formularioEmpleado input[type='date']:hover{
    outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioEmpleado  input[type="radio"] {
   height: 22px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	margin-top:5px;
	margin-left:10px;
	font:  14px "Gotham-Bold";
}
.cajaempleado{
 width:98%;
  height: 25px;
border: 1px solid #8E8785;
	resize: none;
	color:#8E8785;
	font:  14px "Gotham-Bold";
	float:  left;
margin-left:15px;
}
.selectEmpleado {
 background: transparent;
 border: none;
 width:98%;
 padding: 2px 1px;
 float:  left; 
 height: 25px;
 font-size: 14px;
 cursor:pointer;
color:#8E8785;
 margin-left:0px;
 font:  14px "Gotham-Bold";
   
}
.descriconFormEmplead
{
color:var(--color-principal);
font:  14px "Gotham-Bold";
text-align : left;
margin-left:15px;
margin-right:0px;
}
.SubFormEmplead
{

color : #1b2631  ;
font:14px  'Gotham-Bold';
text-align:left;
margin-left:1px;
margin-right:1px;
}
.SubFormEmplead2
{

color : #1b2631  ;
font:12px  'Gotham-Bold';
text-align:left;
margin-left:15px;
margin-right:5px;
}
#BtnAceptar
{
	margin-top:4px;
  border: 0px solid #EEF5F7;
	cursor:pointer;	
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	background-color:  #196f3d;
	font: 12px var( --font-principal);	
	float:  right;	
	padding:10px 15px;
	color: white;
	text-align:left;
	margin-right:0px;
}
#BtnAceptar:hover
{
background: #a9dfbf ;
	 color:#154360  ;
}
#contInicioGana
 {
   	background:transparent;
	width:80%;
    height:230px;
	float:center;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-right:1.5%;
	border: 1px solid #45A916;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#contInicioGana2
 {
   	background:transparent;
	width:80%;
    height:150px;
	float:center;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-right:1.5%;
	border: 1px solid #45A916;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#ContTituloInicioGana
{
	width: 100%;
	height:40px;	
	background-color:  #036830 ;
	font: 22px var( --font-principal);	
	float:  justify;	
	padding:10px 15px;
	color: white;
	text-align:center;
	
}
 .textInicioGana
{
color:#484848; 
font:bold 16px   var( --font-principal);
text-align: center;
margin-right:0px;
margin-left:0px;
cursor:pointer;
}
.formularioInicioGanassss
{
}
.formularioInicioGanassss input[type='text']
{
   padding: 2px 1px;
	width:90%;
	border: 1px solid #8E8785;
	resize: none;
	color:#8E8785;
		float:center;
	margin-left:15px;
	 height: 35px;
	 font:  14px "Gotham-Bold";
	 border-radius:8px;
}

.formularioInicioGanassss input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
	text-align: center;
}
.formularioInicioGanassss input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
   text-align: center;
}
.formularioInicioGanassss input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
   text-align: center;
}
.formularioInicioGanassss input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
   text-align: center;
}
#bannerRegistro
{
	width: 100%;
	height:0px;	
	background:;
	font: 0px var( --font-principal);	
	float:  justify;	
		
	text-align:right;	
}
 .textRegistroGanasin
{
color:#484848; 
font:bold 16px var( --font-principal);	
color: white;
	text-align:right;
margin-right:5px;
margin-left:10px;
cursor:pointer;
 
}
.textRegistroGanasin:hover
{
border-bottom: white 2px solid ;
}
 .textRegistroGana
{
color:#484848; 
font:bold 16px var( --font-principal);	
color: white;
	text-align:right;
margin-right:5px;
margin-left:10px;
cursor:pointer;
 border-bottom: white 2px solid ;
}
#contenedorimagenmontes
 {	
    background: transparent;	
	position: absolute;
	margin: 0 auto;
	z-index: 9999999;
	
 }
 #contRegistroGana
 {
   	background:transparent;
	width:45%;
    height:210px;
	float:center;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-right:1.5%;
	border: 1px solid #45A916;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
 #contContactoGana
 {
   	background:transparent;
	width:45%;
    height:320px;
	float:center;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-right:1.5%;
	border: 1px solid #45A916;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.formularioRegistroGana
{
}
.formularioRegistroGana input[type='text']
{
   padding: 2px 1px;
	width:60%;
	border: 1px solid #8E8785;
	resize: none;
	color:#8E8785;
		float:center;
	margin-left:15px;
	 height: 35px;
	 font:  14px "Gotham-Bold";
	 border-radius:8px;
}

.formularioRegistroGana input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
	text-align:left;
	margin-left:15px;
}
.formularioRegistroGana input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
   text-align:left;
   margin-left:15px;
}
.formularioRegistroGana input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
  text-align:left;
 
}
.formularioRegistroGana input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
  text-align:left;
  margin-left:15px;
}
.cajaRegistroGana{
 width:60%;
  height: 35px;
border: 1px solid #9A9695;
	resize: none;
	color:#4CA381;
	background: white
	float:  left;
margin-left:15px;
  border-radius:8px;
}
.selectViajeGana{
 background: white;
text-align: center;
 width:100%;

  height: 25px;
 font-size: 14px;
 cursor:pointer;
color:#4CA381;
 margin-left:0px;
   border-radius:0px;
}
#ContenedorTablaRegistroGana
 {
   	background: transparent;
	width:60%;
	height:300px;
	float:center;	
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#ContenedorTabla1RegistroGana
 {
   	background: transparent;
	width:100%;
	height:350px;
	float:left;	
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
}
.textotablaRegistroGana
{
 color:white;
font:  20px var( --font-principal);
float: center;
margin-right:3.5%;
margin-left:15px;
margin-top:5px;
}
.textotabla1RegistroGana
{
 color:#fff;
font:20px   var( --font-principal);
float: center;
margin-right:3.5%;
margin-left:15px;
margin-top:5px;
}
.table1
{
 background: #9A9695;
}
.formularioContactoGana
{
}
.formularioContactoGana input[type='text']
{
   padding: 2px 1px;
	width:90%;
	border: 1px solid #8E8785;
	resize: none;
	color:#8E8785;
		float:left;
	margin-left:15px;
	 height: 35px;
	 font:  14px "Gotham-Bold";
	 border-radius:8px;
}
.formularioContactoGana text:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}

.formularioContactoGana input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
	text-align:left;
	margin-left:15px;
}
.formularioContactoGana input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
   text-align:left;
   margin-left:15px;
}
.formularioContactoGana input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
  text-align:left;
 
}
.formularioContactoGana input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
  text-align:left;
  margin-left:15px;
}
.formularioContactoGana textarea{
   padding: 5px 3px;
  width:90%;
	color:#8E8785;
	min-height:120px;
	border: 1px solid #8E8785;
	resize: none;
	 border-radius:8px;
	float:  left;
margin-left:15px
	
}
.formularioContactoGana textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}
.formularioContactoGana textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
	text-align:left;
	margin-left:15px;
}
.formularioContactoGana textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
   text-align:left;
   margin-left:15px;
}
.formularioContactoGana textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
  text-align:left;
 
}
.formularioContactoGana textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
  text-align:left;
  margin-left:15px;
}
 #menugana
 {
	 float:  left;
	 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	cursor:pointer;
	
 }

#BtnMenuGana
{
	width: 90%;
	height:40px;	
	background-color:  #036830 ;
	font: 22px var( --font-principal);	
	float:  justify;	
	padding:10px 15px;
	color: white;
	text-align:left;
	 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	cursor:pointer;
}
#BtnMenuGana:hover
{
background-color: #154360  ;
	color: #fff ;
}
 #contenedorimagenconstrucion
	{
		margin-top:0px;
		cursor:pointer;
	}
 .Tituloconstrucion
{
color:#036830; 
font:bold 46px   var( --font-principal);
text-align: center;
margin-right:0px;
margin-left:0px;
cursor:pointer;
}
 .textRegistroGanaDos
{
color:#484848; 
font:bold 16px var( --font-principal);	
color: white;
	text-align:right;
margin-right:5px;
margin-left:10px;
cursor:pointer;
margin-top:5px;
}
#btnFactura2
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:#036830;
	float: center;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	width:160px;	
	height:40px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#btnFactura2:hover
{
background-color: #154360  ;
	color: #fff ;
}

#bannerConfig
 {
	 width:100%;
height:100%;
   background:#fff;
 }
#bannerConfig2
{
	width: 100%;
	min-height:100%;	
background:#fff;
	
	
}
#contenedorRegistraCONFIG
{ 
 width:100%;
 margin:0 auto;
 position:relative;
 float:left;
 min-height:100%;
}
.caja{
 width:96%;
 height:40px;
border: 0px solid #9A9695;
	resize: none;
	color:#4CA381;
	background: white;
	float:  left;
margin-left:0px;
margin-right:0px;
  border-radius:2px;
}
.select{
margin-top:10px;
 background: white;
 width:100%;
height:35px;
 cursor:pointer;
color :#445361 ;
   border: 1px solid #445361;
}

.formLoginConfig
{  

}

.formLoginConfig input[type='text']{
   padding: 5px 3px;
	width:85%;	
border: 1px solid #8E8785;
	float:left;
	height:38px;
	color : #1b2631 ; 
	border-radius: 4px;
	margin-left:15px;

}
.formLoginConfig input[type='text']:hover{
   outline: none;
	color : #1b2631 ; 
}
.formLoginConfig input[type='password']{
  padding: 5px 3px;
	width:85%;	
border: 1px solid #8E8785;
	float:left;
	height:38px;
	color : #1b2631 ; 
	border-radius: 4px;
	margin-left:15px;
}
.formLoginConfig input[type='password']:focus{
  outline: none;
}
.textoformLoginConfig
{
margin-left:3%;
font:14px var( --font-principal);	
float:  left;	
 color: #1a5276;
 cursor:pointer;
}
#captcha
{
	float:  left;
	margin-left:15px;
		color: #fff  ;
}
#BtnComprarAgregar
{
   border: 0px solid #f8de77;
   border-radius: 8px;
	cursor:pointer;	
	background:#f8de77;
	float: center;
	margin-left:8px;
	margin-right:30px;
	color: #fff  ;
	width:70%;	
	height:40px;
	text-align: left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}

#BtnComprarDet
{
   border: 0px solid #FFCC00;
   border-radius: 8px;
	cursor:pointer;	
	background:#FFCC00;
	float: center;
	margin-left:8px;
	margin-right:30px;
	color: #fff  ;
	width:70%;	
	height:40px;
	text-align: left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnComprar
{
   /*border: 0px solid #FFCC00;
   border-radius: 8px;
	cursor:pointer;	
	background:#FFCC00;
	float: center;
	margin-left:5px;
	margin-right:30px;
	color: #fff  ;
	width:90%;	
	height:40px;
	text-align: left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;*/
	border: none;
	display: block;
	padding: 9px;
	background-color: #93c01f;
	width: 100%;
	text-align: center;
	font-family: 'Gotham-Bold', sans-serif;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0 3px 4px rgba(0,0,0,.23);
	/*border-bottom: 4px solid rgba(0,0,0,.23);*/
	text-transform: uppercase;
	transition: all ease-in .4s;
	height:40px;
	
}
#BtnComprar:hover
{
/*background-color: #f8de77 ;
	color: #fff ;*/
	background-color: #000;
}
#BtnBlog1
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:#149c31;
	float: center;
	margin-left:1px;
	margin-right:30px;
	align-content: center;
	color: #fff  ;
	width:120px;	
	height:40px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnBlog1:hover
{
background-color: #b3340e  ;
	color: #fff ;
}
#BtnComprar1
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:#e2510e;
	float: center;
	margin-left:25px;
	margin-right:30px;
	
	color: #fff  ;
	width:150px;	
	height:40px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnComprar1:hover
{
background-color: #b3340e  ;
	color: #fff ;
}
#BtnLoginConfig
{
	border: 0px solid #f74f4f;
	cursor:pointer;	
	background:  #e2510e; 
	float: center;
	margin-left:5%;
	margin-right:0%;
	color: #fff  ;
	width:120px;	
	height:40px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnLoginConfig:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnLoginConfig3
{
	border: 0px solid #4cd137;
	cursor:pointer;	
	background:#93C01F; 
	float: right;
	margin-left:0%;
	margin-right:0%;
	color: #fff  ;
	width:100%;	
	height:40px;
	text-align: center;
	border-radius: 8px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnLoginConfig2:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnLoginConfig2
{
	border: 0px solid #f74f4f;
	cursor:pointer;	
	background:  #3c3c3b; 
	float: right;
	margin-left:0%;
	margin-right:0%;
	color: #fff  ;
	width:100%;	
	height:40px;
	text-align: center;
	border-radius: 8px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnLoginConfig2:hover
{
background-color: #154360  ;
	color: #fff ;
}
#BtnLoginConfig1
{
	border-radius: 8px;
	border: 0px solid #4cd137;
	cursor:pointer;	
	background:  #4cd137; 
	float: center;
	margin-left:3%;
	margin-right:2%;
	color: #fff  ;
	width:94%;	
	height:40px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnLoginConfig1:hover
{
background-color: #154360  ;
	color: #fff ;
}
#contenedorloginConfig
 {
    min-height: 250px; 	 
    background: white;
	width: 350px; 
	 position: fixed;
	 margin: 0 auto;
	 z-index: 9999999;
	top:15%;
	left:38%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	border-radius: 7px;		
background: rgba(226,226,226,1);


}
#bannerFiltroConfig
 {
     
  background: transparent ;   
   width:100%;
    overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
height:510px;  
}
.TitulocontactoConfig
{
letter-spacing: 0.045em;
text-indent: 0.5cm; 
color:var(--color-principal);
font:28px "Gotham-Bold";
text-align:left;
margin-left:15px;
margin-right:15px;
}
#contenedorBtnUsusarioConfig
{  
	cursor:pointer;	
	color: #5DADE2  ;
	background-color:WHITE;
	float:  right;
	min-height:120px;
	border:1px solid #428640;
	color: #212F3D  ;	
	width:350px;	
	top:48px;
	right:0.1%;
	visibility:hidden;
	position:fixed;	
	z-index: 9999999;
	box-shadow: 2px 2px 5px #428640, 0 0 0 0px #428640 inset;
}
#bannerMenuConfig
{
	width: 100%;
	height:40px;	
	background-color:  #1D1D1B ;
}
#BtnMenuConfig
{
	width:100%;
	height:38px;	
	background-color: #1D1D1B;
	float:left;
	margin-right:0px;
	cursor:pointer;
	color: #fff ;
	
}
#BtnMenuConfig:hover
{
 background-color: rgb(0,0,0); opacity: 0.5;
	color: #fff ;
}
#BtnMenuConfigVolver
{
	width: 40px;
	height:40px;	
	background-color:transparent ;
	float:left;
	margin-right:15px;
	cursor:pointer;
}
#BtnMenuConfigVolver:hover
{
 background-color: #fff; 
	color: #fff ;
}
#BtnMenuConfigright
{
	width: 40px;
	height:40px;	
	background-color: transparent ;
	float:right;
	margin-left:15px;
	cursor:pointer;
}
#BtnMenuConfigright:hover
{
 background-color: rgb(0,0,0); opacity: 0.5;
	color: #fff ;
}
#BtnMenuLimpiar
{
	width: 40px;
	height:40px;	
	background-color: transparent ;
	float:right;
	margin-left:15px;
	cursor:pointer;
}
#BtnMenuLimpiar:hover
{
 background-color: rgb(0,0,0); opacity: 0.5;
	color: #fff ;
}
#ImagenMenu
 {
	
    background: transparent;	
	/* position: absolute;*/
	 margin-left:25px;
	 z-index: 9999999;	
 }
 #contModalCarrito
 {
   	 position: absolute; 
		background: #E9ECF1;
	margin-top:0px;
    margin-left:65%;	
	margin-bottom:0px;
	width: 35%;
     height:98%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	 z-index: 3;
}
#contModalMenu
{
	   position: absolute; 
	   background: #0f0f0f;
   margin-top:0px;
   margin-left:0%;	
   margin-bottom:0px;
   width: 100%;
	height:100%;
   box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	z-index: 2;
}
#contModalBuscar
{
   background:#010407;
   margin-top:50px;
   margin-left:0%;	
   margin-bottom:5%;
   margin-right:0%;	
	height:160px;
  

}
 #contModalCambio
 {
	background:#ffffff;
	margin-top:3%;
    margin-left:35%;	
	margin-bottom:0%;
	margin-right:35%;	
     height:90%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	border-radius: 15px;
}
   #contModalFactura
 {
	background:#ffffff;
	margin-top:15px;
    margin-left:10%;	
	margin-bottom:25px;
	margin-right:10%;	
     height:95%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
  #contModalMenuConfig
 {
   	 position: absolute; 
	background:#ffffff;
	margin-top:0px;
    margin-left:0%;	
	margin-bottom:0px;
	width: 20%;
     height:100%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	 z-index: 99999999999999999999999;
}
#contModalglobalMensaje
{
	  background:#ffffff;
   margin-top:15%;
   margin-left:25%;	
   margin-bottom:0px;
   margin-right:25%;	
	height:40%;
   box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
  #contModalglobal
 {
   	background:#ffffff;
	margin-top:0px;
    margin-left:0%;	
	margin-bottom:0px;
	margin-right:0%;	
     height:100%;
	
	z-index: 3;
}
#PanelDetal
 {
     
  background: transparent ;   
   width:100%;   

}

  #contModalMenuRight
 {
   	 position: absolute; 
	background:#ffffff;
	margin-top:0px;
    margin-left:80%;	
	margin-bottom:0px;
	width: 20%;
     height:100%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
	 z-index: 99999999999999999999999;
}

#BtnMenuConfigrightVolvel
{
	width: 50px;
	height:50px;	
	background-color: transparent ;
	float:right;
	margin-right:15px;
	cursor:pointer;
}
#BtnMenuConfigrightVolvel:hover
{
  background-color: #fff; 
	color: #fff ;
}
#bannerTituloConfig
{
	float:left;
	width: 100%;
	height:40px;	
	background-color:  #e9f0f7 ;
}
/*para el calendario*/
.textoFechaMes1
{
font:bold 22px var( --font-principal);	
float:  left;	
margin-left:15px;
margin-top:5px; 
 color: #1a5276;
 cursor:pointer;
}
.textoFechaMes
{
font:bold 22px var( --font-principal);	
float:center;
text-align:center;	
margin-left:1.5%;
margin-top:5px; 
 color: #1a5276;
 cursor:pointer;
}
.textoFechaMes2
{
font:bold 22px var( --font-principal);	
float:right;	
margin-right:15px;
margin-top:5px; 
 color: #1a5276;
 cursor:pointer;
}
#ContenedorTablaFecha
 {
   	background: transparent;
	width:98%;
	min-height:320px;
	float:left;	
	margin-left:0.5%;
	margin-top:0%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
.textotabla
{
margin-top:25px;
color: #eaf2f8 ;
font:var( --font-principal);	
font-size : 25px;
 text-align:center;
margin-left:5px;
cursor:pointer;
}
.textotablaFecha1
{
margin-top:25px;
color: #092c4f ;
font:var( --font-principal);	
font-size : 40px;
 text-align:justifi;
margin-left:5px;
cursor:pointer;
}
.textotablaFecha
{
margin-top:25px;
color: #2980b9 ;
font:var( --font-principal);	
font-size : 40px;
 text-align:justifi;
margin-left:5px;
cursor:pointer;
}
.textotablaFecha:hover
{ 
color: #092c4f ;
}
.textotablaFechaActivo
{
margin-top:25px;
color: #186a3b  ;
font:var( --font-principal);	
font-size :40px;
 text-align:justifi;
margin-left:5px;
cursor:pointer;

}
#contenedorDatos2
{
	width: 100%;
	height: 510px;
	 overflow : auto; 
	 overflow-y: auto;
	overflow-x: hidden	;
	/*-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	//box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;*/
}
.textoFechaMes3
{
font:bold 22px var( --font-principal);	

text-align:left;	
margin-left:15px;
margin-top:5px; 
 color: #797d7f;
 cursor:pointer;
}
.textoFechaMes31
{
font:bold 22px var( --font-principal);	
text-align:left;	
margin-left:15px;
margin-top:5px; 
 color: #797d7f;
 cursor:pointer;
}
.textoFechaMes
{
font:bold 22px var( --font-principal);	
text-align:right;	
margin-left:5px;
margin-top:5px; 
 color: #1a5276;
 cursor:pointer;
}
.textoFechaMes1
{
font:bold 22px var( --font-principal);	
float:  left;	
margin-left:15px;
margin-top:5px; 
 color: #1a5276;
 cursor:pointer;
}
.textoFechaMes2
{
font:bold 22px var( --font-principal);	
float:right;	
margin-right:15px;
margin-top:5px; 
 color: #1a5276;
 cursor:pointer;
}
.iconocamara1
{
margin-top:20%;
float:right;
margin-left:15px;
}
#contMensaje
{
	width: 100%;
	float:right;
	margin-right:20px;
	min-height:100px;	
	color: #2c3e50 ;	
	background-color: white;
	box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
	cursor:pointer;	
	margin-left:35px;
}
.iconoprospecto
{
margin-top:15px;
float:  left;
margin-left:10px;
}
.nombreprospecto
{

float:  left;
margin-left:10px;
font:bold 12px var( --font-principal);	
float:  left;
}
.nombrefactura
{

float: left;
margin-left:10px;
font:bold 16px var( --font-principal);	
float:  left;
}
.nombrefactura1
{

float:  left;
margin-left:2px;
font:bold 16px var( --font-principal);	
color: #5d6d7e;
}
.nombreprospecto1
{

float:  left;
margin-left:2px;
font:bold 12px var( --font-principal);	
color: #5d6d7e;
}
.textoconceptomensaje
{
margin-left:10px;
font:bold 12px var( --font-principal);	
float: left;
margin-top:9px;
}
.textoconceptomensaje1
{
margin-left:5px;
font:bold 12px var( --font-principal);	
float: left;
margin-right:2.5%;
margin-top:5px;
color: #5d6d7e;
}
.textofechamensaje
{
margin-left:10px;
font:bold 12px var( --font-principal);	
float: right;
margin-right:2.5%;
margin-top:5px;
}
#BtnNuevo
{
   border: 1px solid #036830 ;
	cursor:pointer;	
	background:  #036830 ; 
	float:  left;
	height:34px;
	color: #212F3D  ;	
	width:120px;	
	margin-top:2px;
	box-shadow: 2px 2px 5px #064D9C, 0 0 0 0px #064D9C inset;
}
#BtnNuevo:hover
{
background-color: #267a7a;
	color: 1f618d ;
}
.textoBtnNuevo
{
font:bold 13px var( --font-principal);	
float:  left;	
margin-left:3.5%;
margin-top:8px; 
   color: #fff ;
}
.imgnuevo
{
float:  left;	
margin-left:5%;
margin-top:1%;  
cursor:pointer; 
}
/*comienza trabajo de la modal global*/
#bannerModalGlobal
{
	width: 100%;
	height:35px;	
	background-color:  #036830 ;
}
#bannerModalGlobal2
{
	width: 100%;
	height:35px;	
	background-color:  #d7e1de ;
}
.textobannerModalGlobal
{
font:bold 13px var( --font-principal);	
float:  left;	
margin-left:15px;
margin-top:8px; 
   color: #fff ;
}
.cajaFRMModalGlobal {
 width:90%;
 color : #1b2631 ; 
 height: 35px;
 overflow: hidden;
 border: 1px solid #186a3b;
 margin-left:15px;
 margin-right:2.5%;
 border-radius:1px;
}
.selectFRMModalGlobal {
	border: 0px solid  #186a3b ;
	color :#566573 ;
	 height: 35px;
   background:   #fff  ;  
  width:100%;
   font-size: 14px;   
   cursor:pointer;
   float:  left;
}
.FRMModalGlobal
{  

}
.FRMModalGlobal input[type='date']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
 height: 35px;
}
.FRMModalGlobal input[type='date']:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	
	}
.FRMModalGlobal input[type='text']{
   padding: 5px 3px;
   height: 35px;
	width:90%;
	border: 1px solid #186a3b;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	float:  left;
margin-left:3.5%;
margin-right:3.5%;
color : #1b2631  ;
}
.FRMModalGlobal input[type='text']:focus
{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;	
}
#BtnBannerGlobal
{
  
	cursor:pointer;	
	background: transparent  ; 
	float:  left;
	height:35px;
	color: #212F3D  ;	
	width:100px;	
	margin-top:2px;
	margin-left:15px;
}
#BtnBannerGlobal:hover
{
background-color:#e8f6f6;
	color: 1f618d ;
}
.textoBtnBannerGlobal
{
font:bold 13px var( --font-principal);	
float:  left;	
margin-left:15px;
margin-top:8px; 
   color: #036830 ;
}
.textoTituloUsuario
{
font:bold 16px var( --font-principal);	
float:  right;	
margin-left:15px;
margin-top:12px; 
   color: #fff ;
}
.textoTituloPanel
{
font:bold 20px var( --font-principal);	
float:  left;	
margin-left:15px;
margin-top:8px; 
   color: #1c5ca4 ;
}
.cajaRegistroCliente{
 width:90%;
  height: 35px;
border: 1px solid #9A9695;
	resize: none;
	color:#4CA381;
	background: white
	float:  left;
margin-left:15px;
  border-radius:8px;
}
.formularioRegistroCliente
{   
margin-right:2.5%;
margin-left:2.5%;
width:95%;
min-height:350px;
font:14px 'Gotham-Bold';

}
.formularioRegistroCliente  input[type="checkbox"] {
   height: 30px;
	display: inline-block;
	font:14px 'Gotham-Bold';
	color:#4CA381;
	vertical-align: middle;
	cursor: pointer;
	margin-top:5px;
	background-color: #4CA381;
	float:  left;
}

.formularioRegistroCliente input[type='password']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 5px #EEF5F7;
	color:#8E8785;
	float:  left;
margin-left:15px
}
.formularioRegistroCliente input[type='password']:focus, .formularioRegistroCliente textarea:focus{
   outline: none;
	//box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}


.formularioRegistroCliente input[type='text']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #9A9695;
	resize: none;
	color:#4CA381;
	border-radius:8px;
	float:  left;
margin-left:15px;
  height: 35px;
}
.formularioRegistroCliente input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
}
.formularioRegistroCliente input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
.formularioRegistroCliente input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
}
.formularioRegistroCliente input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
}
.formularioRegistroCliente input[type='text']:focus, .formularioRegistroCliente textarea:focus{
   outline: none;
	//box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioRegistroCliente input[type='email']{
    padding: 5px 3px;
	width:90%;
	border: 1px solid #9A9695;
	resize: none;
	color:#4CA381;
	border-radius:8px;
	float:  left;
margin-left:15px;
  height: 35px;
}
.formularioRegistroCliente input[type='email']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #4CA381;
}
.formularioRegistroCliente input[type='email']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4CA381;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
.formularioRegistroCliente input[type='email']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4CA381;
   opacity:  1;
}
.formularioRegistroCliente input[type='email']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4CA381;
}
.formularioRegistroCliente input[type='email']:focus, .formularioRegistroCliente textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioRegistroCliente input[type='date']{
   padding: 5px 3px;
	width:90%;
	border: 1px solid #9A9695;
	resize: none;
	color:#4CA381;
	border-radius:8px;
	float:  left;
margin-left:15px;
  height: 35px;
}
.formularioRegistroCliente input[type='date']:focus, .formularioRegistroCliente textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	behavior: url(PIE.htc);
}
.formularioRegistroCliente textarea{
   padding: 5px 3px;
	width:90%;
	min-height:60px;
		border: 1px solid #9A9695;
	resize: none;
	color:#8E8785;
	border-radius:8px;
	float:  left;
margin-left:15px;
}
.formularioRegistroCliente textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}	
.descriconescanea
{
line-height: 1.5;
color:white;
font:  16px "Gotham-Bold";
text-align : justify;
margin-left:15px;
margin-right:20px;
}
#BtnCerrarsesion
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #1c5ca4 ; 
	float:  left;
	margin-left:0px;
	margin-right:0px;
	color: #fff  ;
	width:100%;	
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnCerrarsesion:hover
{
background-color: #55a3f5;
	color: #fff ;
}
#BtnCerrarsesion1
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #1c5ca4 ; 
	float:right;
	margin-left:0px;
	margin-right:10px;
	color: #fff  ;
	width:120px;	
	height:40px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnCerrarsesion1:hover
{
background-color: #55a3f5;
	color: #fff ;
}
#BtnMenuConfigImg
{
	width: 50px;
	height:50px;	
	
}
#contMensaje
{
	width: 100%;
	float:right;
	margin-right:20px;
	min-height:100px;	
	color: #2c3e50 ;	
	background-color: white;
	box-shadow: 2px 2px 5px #2c3e50, 0 0 0 0px #cb4335 inset;
	cursor:pointer;	
	margin-left:35px;
}
#bannerTituloFactura
{
	float:left;
	width: 100%;
	height:40px;	
	background-color:  #e9f0f7 ;
}
#ContCambioClave
{
	width: 100%;
	min-height:510px;	
	background-color:  #fff ;
}
 #ContCambioClavecentral
 {
   	background:transparent;
	width:45%;
   min-height:350px;
	float:center;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-right:1.5%;
	border: 1px solid #1c5ca4;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.formularioClave
{ 
width:100%;

}
.formularioClave input[type='text']{
   padding: 5px 3px;
   height: 35px;
	width:100%;	
	resize: none;
	float:  left;
margin-left:0px;
margin-right:15px;

}
.formularioClave input[type='text']:focus{
   outline: none;
	
	
	}
.formularioClave input[type='password']{
   padding: 2px 1px;
	width:90%;
	border: 1px solid #1c5ca4;
	resize: none;
	color:#1c5ca4;
		float:center;
	margin-left:15px;
	 height: 35px;
	 font:  14px "Gotham-Bold";
	 border-radius:8px;
}
.formularioClave input[type='password']:focus{
   outline: none;	
	
	}
.TextoformularioClave
{
margin-left:25px;
 color:#1c5ca4;
font:16px "Gotham-Bold";
float:left;

margin-right:3.5%;
} 
#BtnCambioclave
{
   border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #428640 ; 
	float:  right;
	margin-left:15px;
	margin-right:30px;
	color: #fff  ;
	min-width:120px;	
	
}
#BtnCambioclave:hover
{
background-color: #154360  ;
	color: #fff ;
}
.TextoBtnCambioclave
{

margin-top:10px;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :14px;
float:center;
}
.nombredesarrollo
{

float:  left;
margin-left:10px;
margin-top:15px;
font: 12px var( --font-principal);	
cursor:pointer;
}
.nombredesarrollo1
{
cursor:pointer;
margin-left:10px;
margin-top:5px;
font: 14px var( --font-principal);	
float:left
}
#PanelPrincipal
{ 
    min-height: 100vh;
	width:100%;
 	background:#fff;
}
#PanelMenuCliente{
	
	width:250px;
	height: 100vh;
	background-color: #3f3f41;
	/*background-color: #E9ECF1;*/
	/* Esto lo mantendra en su sitio */
	position: fixed;
	top: 57px;
	left: 0;
	color:#fff;
  }
#PanelMenu{
	
  width:250px;
  min-height:400px;
  /*background-color: #121D53;*/
  background-color:#f4f7f8!important;
  /* Esto lo mantendra en su sitio */
  position: fixed;
 /* top: 57px;*/
  left: 0;
  color:#fff;
}
#PanelCabeceroMovil2
{ 
position: fixed;
z-index: 999;
    height:40px;
	width:100%;
	margin-top: 50px;
 	background:#e3ecf0;
	margin-left:0px;
}
#PanelMenuConfig{
	
	width:220px;
	height: 100vh;
	background-color:#182125;
	/* Esto lo mantendra en su sitio */
	position: fixed;
	top: 0;
	left: 0;
	  color:#fff;
  }
  #PaDet{
	
	width:100%;
	min-height:550px;

  }
.TextPanelMenu
{
color :#f6eeee;
font-family:var( --font-principal);
font-size :12px;
float: center;
cursor:pointer;
margin-left:7px;
margin-top:7px;
}
.TextPanelMenunuevonom
{
color :#bb7814;
font:bold 14px 'Gotham-Bold';	
float: left;
cursor:pointer;
margin-left:5px;
margin-top:0px;
}
.TextPanelMenunuevonom:hover{
	color :#0e1110;
	
 }

.TextPanelMenunuevo
{
color :#ffffff;
font: 14px  var( --font-principal);	
float: left;
cursor:pointer;
margin-left:0px;
margin-top:0px;
}
.TextPanelMenunuevo:hover
{

	color :#ffffff;
}
.TextPanelMenunuevoico
{
color :#ffffff;
font: 14px  var( --font-principal);	
float: left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
.TextPanelMenunuevoico:hover
{

	color :#ffffff;
}

#BtnCerrarsesionMenu
{
  	background:  #f92e2e ; 
	float:right;
	 border: 0px solid #f74f4f;
	cursor:pointer;		
	float:right;
	margin-left:5px;
	margin-right:1px;
	color: #fff  ;
	width:90px;	
	height:30px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnCerrarsesionMenu:hover
{
background-color: #fc7272;
	color: #fff ;
}
#BtnClaveMenu
{
   border: 0px solid #f74f4f;
	cursor:pointer;	
	background:  #31C5DF; 
	float:right;
	margin-left:5px;
	margin-right:1px;
	color: #fff  ;
	width:70px;	
	height:25px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnClaveMenu:hover
{
background-color: #73b9e1;
	color: #fff ;
}
#BtnIniciarS2
{
   border: 0px solid #f74f4f;
	cursor:pointer;	
	background: transparent; 
	float:left;
	margin-left:1px;
	margin-right:1px;
	color: #fff  ;
	width:100px;	
	height:22px;	
}
#BtnIniciarS2:hover
{
	color: #d33c0d ;
}
#BtnIniciarS
{
   border: 0px solid #f74f4f;
	cursor:pointer;	
	background: transparent; 
	float:left;
	margin-left:20px;
	margin-right:1px;
	color: #fff  ;
	width:85px;	
	height:22px;	
}
#BtnIniciarS:hover
{
	color: #d33c0d ;
}
#BtnIniciarSN
{
   border: 0px solid #f74f4f;
	cursor:pointer;	
	background: transparent; 
	float:left;
	margin-left:8%;
	margin-right:1px;
	color: #fff  ;
	width:150px;	
	height:22px;	
}
#BtnIniciarSN:hover
{
	color: #d33c0d ;
}
.textoMenuBanner
#BtnIniciarSesion
{
   border: 0px solid #f74f4f;
	cursor:pointer;	
	background:  #e2510e; 
	float:right;
	margin-left:1px;
	margin-right:1px;
	color: #fff  ;
	width:90px;	
	height:30px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnIniciarSesion:hover
{
background-color: #73b9e1;
	color: #fff ;
}
.textoMenuBanner
{
	margin-right:15px;
	margin-left:15px;
	font: 18px 'Gotham-Bold';	
	float: right;
	margin-top:20px;
	color: #fff;
	cursor:pointer;
	letter-spacing:1px;
}	
.textoMenuBanner:hover
{
	color: #FF670A;
}
#BtnCrearCuentaN
{
	align-content: center;
   border: 0px solid #f74f4f;
	cursor:pointer;	
	background: #149c31; 
	float:right;
	margin-left:15px;
	margin-right:1px;
	color: #fff  ;
	width:90px;	
	height:30px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnCrearCuentaN:hover
{
  background-color: #73b9e1;
  color: #fff ;
}
#DetalleDpto
{
	min-height:500px;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	width:99%;
	margin-left: 2px;
}
.TextUsuarioMenu
{
color :#ffffff;
/*color :#fff;*/
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:7px;
}
.TextUsuarioMenuConfig
{

color :#fff;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:7px;
}
#BtnMenu
{
   /*border: 1px solid rgba( 253, 255, 0, 0.1);*/
	cursor:pointer;	
	background:transparent;
	float:left;
	margin-left:0px;
	margin-right:10px;
	color: #fff  ;
	width:99%;	
	height:40px;	
}

#BtnMenu:hover
{

	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	background:  #31C5DF; 
}
#BtnMenuCategoriaP
{
	background:transparent; 
	float:left;
	margin-left:15px;
	color: #fff  ;
	width:100%;	
	height:40px;
	cursor: pointer;
}
#BtnMenuCategoria
{
	background:transparent; 
	float:left;
	margin-left:0px;
	color: #fff  ;
	width:100%;	
	min-height:40px;
	cursor:pointer;		

}
#BtnMenuCategoria:hover
{
  background-color: #9dafbf6e;
}
.TextMenuDpto1
{
color :#1d2122;
/*color :#fff;*/
font-family:var( --font-principal);
font-size :14px;
text-align:left;
cursor:pointer;
margin-left:0px;
margin-top:5px;
cursor:pointer;		
}
.TextMenuDpto:hover
{
  color: #e2510e;
}
.TextMenuDpto
{
color :#ffffff;
/*color :#fff;*/
font-family:var( --font-principal);
font-size :14px;
text-align:left;
cursor:pointer;
margin-left:0px;
margin-top:5px;
cursor:pointer;		
}
.TextMenuDpto:hover
{
  color: #e2510e;
}
.TextMenuDptoFlechaConfig
{

color :#fff;
font-family:var( --font-principal);
font-size :14px;
text-align:right;
cursor:pointer;
margin-left:15px;
margin-top:5px;
cursor:pointer;		
}
.TextMenuDptoFlecha1
{
color :#1d2122;
/*color :#fff;*/
font-family:var( --font-principal);
font-size :14px;
text-align:right;
cursor:pointer;
margin-left:15px;
margin-top:5px;
cursor:pointer;		
}
.TextMenuDptoFlecha
{
color :#ffffff;
/*color :#fff;*/
font-family:var( --font-principal);
font-size :14px;
text-align:right;
cursor:pointer;
margin-left:15px;
margin-top:5px;
cursor:pointer;		
}
.TextMenuDptoFlechaUp
{
color :#1d2122;
/*color :#fff;*/
font-family:var( --font-principal);
font-size :14px;
text-align:right;
cursor:pointer;
margin-left:15px;
margin-top:5px;
cursor:pointer;		
}

.TextMenu
{
color :white;
font-family:var( --font-principal);
font-size :12px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:5px;
}
.TextMenuCategoria
{
color :#262727;
/*color :#fff;*/
font-family:bold 'Gotham-Bold';
font-size :24px;
float:left;
margin-left:5px;
margin-top:0px;

}
.TextMenuCategoria1
{
color :#262727;
/*color :#fff;*/
font-family:bold 'Gotham-Bold';
font-size :24px;
float:left;
margin-left:5px;
margin-top:0px;

}
#BtnMenu1
{
 position: absolute;
	display: block;
	left: 0px;
	top: auto;
	bottom: 0px;
	cursor:pointer;	
	background: transparent; 
	float:left;
	margin-left:0px;
	margin-right:10px;
	color: #fff  ;
	width:99%;	
	height:40px;
	
}
#BtnMenu1:hover
{
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	background:  #31C5DF; 
}
#BtnMenu2
{
 position: absolute;
	display: block;
	left: 0px;
	top: auto;
	bottom: 40px;
	cursor:pointer;	
	background:  transparent; 
	float:left;
	margin-left:0px;
	margin-right:10px;
	color: #fff  ;
	width:99%;	
	height:40px;
	
}
#BtnMenu2:hover
{
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	background:  #31C5DF; 
}
#PanelDivspace
{ 
	margin-top:px;
    height: 50px;
	width:100%;
 	background:#fff;
	
}
#PanelDivspace1
{ 
	margin-top:px;
    height: 0px;
	width:100%;
 	background:#fff;
	
}
#PanelComplemento1
{ 
	margin-top:5x;
    min-height: 600px;
	width:100%;
 	background:#fff;
	
}
#PanelComplementoCliente
{ 
	margin-left:220px;
    min-height: 100vh;
	width:83%;
 	background:#F7F9F8;
	
}
#PanelComplemento
{ 
	margin-left:0px;
    min-height: 100vh;
	width:100%;
 	background:transparent;
	 position:relative;
	
}
#PanelComplementoCarrito
{ 
	margin-top:0px;
    min-height: 600px;
	width:100%;
 	background:#fff;
	 word-wrap: break-word;
}
#PanelCabecero
{ 
    height:50px;
	width:100%;	 
	background:#fdfeff;
}
#PanelOpcionCliente
{ 

   min-height:600px;
	width:100%;	 
	background:#ffffff;
}
#PanelTituloOpcioncliente
{ 
	
   
	width:100%;
 	background:#c6cfd8;
}
#PanelCabecerotienda1
{ 
	/*position: absolute;
    z-index: 9;*/
    min-height:30px;
	width:100%; 
	 background:transparent;
	margin-left:0px;
	border-bottom: #d03c07 ;
	
}
	/*background:#070707a8;*/
#PanelCabecerotienda
{ 
	/*position: fixed;
    z-index: 99999999999999999999999;*/
    height:40px;
	width:100%;
 	background:#bfc3c5e2;
	margin-left:0px;
	border-bottom: #0c0c0c ;
	
}
#PanelCabecerotiendaMovil
{ 
position: fixed;
    z-index: 1;
    height:40px;
	width:100%;
 	background:#1d1d1b;
	margin-left:0px;
}
#DescDatos
{ 
width:120px; 
}
.TextTituloCabeceroCliente
{
color :#f8f8f8;
font-family:var( --font-principal);
font-size :22px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:8px;
}
.TextTituloPedidoCa
{
color :#0b0c0c;
font: bold 24px  var( --font-principal);	
float:left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
.TextTituloCabecero52
{
color :#0a0a0a;
font-family:var( --font-principal);
font-size :26px;
float:left;
cursor:pointer;
margin-left:1px;
margin-top:0px;
}
.TextTituloCabecero
{
color :#445361;
font-family:var( --font-principal);
font-size :22px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
.TextTituloCabeceroConfig
{
color :#445361;
font-family:var( --font-principal);
font-size :20px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:5px;
}
.TextTituloCabeceroDeta
{
color :#373e44;
font-family:var( --font-principal);
font-size :22px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
.TextDatosPersonales
{
color :#445361;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
.TextTituloCabecero1
{
color :#445361;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:5px;
}
.Textflechas
{
color :#445361;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;

}
.Textflechas1
{
color :#445361;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:15px;

}
.TextTituloDetDis
{
color :#105c3b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:1px;
}
.TextTituloDetNoDis
{
color :#a0392b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:1px;
}
.TextTituloDetArt
{
color :#000000;
font:bold 26px var( --font-principal);
float:left;
cursor:pointer;
margin-left:30px;
margin-top:1px;
}
.TextTituloPrecio
{
	color :#000000;
	font:bold 32px var( --font-principal);
	float:left;
	cursor:pointer;
	margin-left:30px;
	margin-top:1px;
}
.TextTituloenvio
{
color :#39b547;
font:bold 18px var( --font-principal);
float:left;
cursor:pointer;
margin-left:30px;
margin-top:5px;

}
.TextTituloTachado
{
color :#445361;
font-family: var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:1px;
text-decoration:line-through;
}
.TextTituloDetArt11
{
color :#445361;
font-family: var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:5px;

}
.TextTituloDetArt12
{
color :#445361;
font-family: var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:30px;
margin-top: 8px;
}
.TextTituloDetArt1
{
color :#445361;
font-family: var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:30px;

}
.TextTituloDetArtde
{
color :#000000;
font-family:var( --font-principal);
font-size :12px;
text-align: justify;
cursor:pointer;
margin-left:30px;
margin-top:1px;
}
.TextPrecioDetArt
{
color :#062949;
font-family:bold var( --font-principal);
font-size :24px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:5px;
}

.TextTituloCabTienda
{
color :#0e1110;
font-family:var( --font-principal);
font-size : 12px;
float:left;
cursor:pointer;
margin-left:5px;
margin-top:5px;
}
.TextTituloCabTienda:hover
{
	color :#098b2e;
}
.TextPrecioTienda2
{
color :#f3f3f3;
font-family:bold var( --font-principal);
font-size :14px;
float:right;
cursor:pointer;
margin-left:0px;
margin-top:3px;
margin-right: 5px;
}
.TextPrecioTienda
{
/*color :#ffffff;
font-family:bold var( --font-principal);
font-size :24px;
float:right;
cursor:pointer;
margin-left:5px;
margin-top:3px;*/
}
.TextPrecioTienda:hover
{
	color :#e2510e;
}
.TextTituloCabecero2
{
color :#445361;
font-family:var( --font-principal);
font-size :14px;
float:right;
cursor:pointer;
margin-left:15px;
margin-top:5px;
}
.TextTituloCabecero2:hover
{
	color :#d1d8df;
}
.TextTituloCabecero3
{
color :#445361;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:5px;
}
.TextTituloCabecero3:hover
{
	color :#d1d8df;
}
.TextTituloCabecero4
{
color :#01060b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:10px;
}
#PanelTotalesGraficos
{ 
	margin:25px 20px 20px 25px;
	height:240px;
	width:97%;
 	background:transparent;
}

.TextEstaGrafico
{
color :#05203b;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:0px;
margin-top:0px;
}
.TextEstaGrafico2
{
color :#f92e2e;
font-family:var( --font-principal);
font-size :14px;
float:right;
cursor:pointer;
margin-left:0px;
margin-top:0px;
}
.TextEstaGrafico1
{
color :#05203b;
font-family:var( --font-principal);
font-size :14px;
float:right;
cursor:pointer;
margin-left:0px;
margin-top:0px;
}

.TextTituloGrafTotal
{
color :#445361;
font-family:var( --font-principal);
font-size :18px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:12px;
}
#PanelGrafTotal
{ 
	color :#445361;
	font-family:var( --font-principal);
	font-size :10px;
	height:240px;
	width:98%;
 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	cursor:pointer;
	
	
}
#PanelGrafTotal:hover
{
	background: #3695f3 ;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#PanelGrafTotal1
{ 
	height:120px;
	width:250px;
 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
.TextGrafifo1
{
color :#1b1d1d;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:10px;
}
.TextGrafifo
{
color :#2c2c2e;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:15px;

}
.TextGrafifo3
{
color :#445361;
font-family:var( --font-principal);
font-size :24px;
float:right;
cursor:pointer;
margin-right:15px;
margin-top:10px;
}

.TextGrafifo2
{
color :#31C5DF;
font-family:var( --font-principal);
font-size :15px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:10px;
}
.TextTituloGrafi
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:10px;
}
.TextTituloGrafico
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:1px;
margin-top:10px;
}
.TextDescGrafico
{
color :#31C5DF;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;

}
#PanelGraficoGeneral
{ 
	margin-left:40px;
margin-right:50px;
	height:420px;
	width:95%;
 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#PanelTotalesVentas
{ 
	margin-left:10px;
	margin-right:50px;
	height:400px;
	width:98%;
 	background:#fff;
	
}
#PanelTotalesVentas1
{ 
	margin-left:0px;
	margin-right:50px;
	height:320px;
	width:100%;
 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#PanelTotalesVentas2
{ 
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
	height:350px;
}
#PanelTituloTotales
{ 
	height:50px;
	width:100%;
 	background:#fff;	
}

.TextTablaEstadis
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:0px;
margin-top:0px;
}
.TextTablaEstadis1
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float:right;
cursor:pointer;
margin-left:15px;
margin-right:10px;
margin-top:20px;
}
.TextTablaEstadis2
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float:center;
cursor:pointer;
margin-left:15px;
margin-right:10px;
margin-top:20px;
}
.Textmas
{
color :#92A6B3;
font-family:var( --font-principal);
font-size :16px;
float:right;
cursor:pointer;
margin-left:15px;
margin-right:10px;
margin-top:10px;
}
.Textmas2
{
color :#92A6B3;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:15px;
margin-right:10px;
margin-top:10px;
}
#PanelTotalesGraficosSucu
{ 
	
	height:350px;
	width:97%;
	margin-left:35px;
}
.textoiconologin
{
font: 14px "Gotham-Bold";
margin-top:0px;
color :#090a0c; 
line-height: 1.2em;
text-align:left;
margin-left:5px;
cursor:pointer;
}
#BtnDetalleDptoBus
{
	padding: 5px 5px;
	margin-top:0px;
	cursor:pointer;	
	float: left;
	margin-left:25px;
	margin-right:8px;
	color: #ffffff   ;
	width:40px;	
	height:35px;
	text-align: center;
	
	
}

/*#BtnDetalleDpto
{
	padding: 5px 5px;
	margin-top:0px;
	cursor:pointer;	
	float: left;
	margin-left:8px;
	margin-right:8px;
	color: #ffffff   ;
	width:40px;	
	height:35px;
	text-align: center;
	
	
}*/
#BtnDetalleDpto:hover
{
background-color: #fff  ;
	color: #1f74e1 ;
}
.TextCerrarVentana
{
color :#c8cfd5;
font-family:var( --font-principal);
font-size :24px;
float:right;
cursor:pointer;
margin-right:15px;
margin-top:10px;
}
.TextCerrarVentana:hover
{
  color: #70757c ;
}
#MenuUsuarioLogin
{
	margin-left:12%;
	margin-top: 5px;
}
.formBuscar
{
	
}
.formBuscar input[type='text']{
	margin-top:0px; 
    height: 41px;
	width:100%;
   border: 1px solid #0e1110;
	resize: none;
	float:  left;
	color : #ffffff  ; 
	margin-left:9.5%;
	margin-right:3.5%;
	border-radius:25px ;
	background:#858687a8;
	text-align: center;
	font-family:var( --font-principal);
font-size :24px;


}
.formBuscar input[type='text']:hover{
   outline: none;
   border-radius:25px ;
	}

	.formBuscar input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color: #ffffff;
	}
	.formBuscar input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color: #ffffff;
	   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
	}
	.formBuscar input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color: #ffffff;
	   opacity:  1;
	}
	.formBuscar input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color: #ffffff;
	}
#MenuLine2
{
	width:100%;	
	height:120px;
	/*background:#070707a8;*/
	background:transparent;
}
#MenuLine
{
	width:100%;	
	height:60px;
	/*background:#070707a8;*/
	background:transparent;
}
#BtnMenuline
{
border-radius:0px ;	
	
	margin-top:0px;
	cursor:pointer;	
	background:transparent;
	float: center;
	margin-left:0px;
	margin-right:8px;	
	width:100%;	
	height:50px;
	border-radius:5px ;	
	border: 1px solid #363637;
}
#BtnMenuline:hover
{
	background:#363637;
	color: transparent ;
}
#BtnClienteSesi
{
border-radius:0px 5px 5px 0px;	
	padding: 5px 5px;
	margin-top:0px;
	cursor:pointer;	
	background:transparent;
	float: left;
	margin-left:8px;
	margin-right:8px;
	color: #0e1110 ;
	width:40px;	
	height:40px;
	text-align: center;
	
	
}
#BtnformBuscar1
{
border-radius:0px 0px 0px 0px;	
	padding: 5px 5px;
	margin-top:0px;
	cursor:pointer;	
	background:#ffffff;
	float: left;
	margin-left:12px;
	margin-right:8px;
	color: #858687a8  ;
	width:40px;	
	height:40px;
	text-align: center;

	border-radius: 0px 25px 25px 0px;
	
}
#BtnformBuscar1:hover
{
background-color: #fff  ;
	color: #0e1110 ;
}
#BtnformBuscar
{
	border-radius:0px 0px 0px 0px;	
	padding: 5px 5px;
	margin-top:0px;
	cursor:pointer;	
	/*background:#8586878e;*/
	float: left;
	margin-left:12px;
	margin-right:8px;
	color: #222  ;
	width:40px;	
	height:40px;
	text-align: center;
    display: inline-block;
    padding: 7px 15px;
	/*border-radius: 0px 25px 25px 0px;*/
	
}
#BtnformBuscar:hover
{
/*background-color: #fff  ;*/
	color: #888 ;
}
.formDptoBuscar
{
	
}
.formDptoBuscar input[type='text']{
	margin-top:0px; 
    height: 35px;
	width:99%;
   border: 1px solid #445361;
	resize: none;
	float:  left;
	color : #ffffff  ; 
	margin-left:25px;
	margin-right:0;
	border-radius:0px;
	background:transparent;
}
.formDptoBuscar input[type='text']::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ffffff;
}
.formDptoBuscar input[type='text']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ffffff;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
.formDptoBuscar input[type='text']::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ffffff;
   opacity:  1;
}
.formDptoBuscar input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ffffff;
}
.formDpto
{
	
}
.formDpto input[type='password']{
	margin-top:5px;
   padding: 5px 3px;
    height: 35px;
	width:99%;
   border: 1px solid #445361;
	resize: none;
	float:  left;
	margin-left:3.5%;
	margin-right:3.5%;
	color : #1b2631  ; 
}
.formDpto input[type='password']:hover{
   outline: none;
	}
.formDpto input[type='text']{
	margin-top:0px; 
    height: 35px;
	width:99%;
   border: 1px solid #445361;
	resize: none;
	float:  left;
	color : #ffffff  ; 
	margin-left:3.5%;
	margin-right:3.5%;
	border-radius:5px;
	background:transparent;
}
.formDpto input[type='text']:hover{
   outline: none;
	}
	.formDpto input[type='date']{
		margin-top:0px; 
		height: 35px;
		width:99%;
	   border: 1px solid #445361;
		resize: none;
		float:  left;
		color : #1b2631  ; 
		margin-left:3.5%;
		margin-right:0%;
	}
	.formDpto input[type='date']:hover{
	   outline: none;
		}
	.formDpto input[type='month']{
		margin-top:0px; 
		height: 35px;
		width:90%;
	   border: 1px solid #445361;
		resize: none;
		float:  left;
		color : #1b2631  ; 
		margin-left:3.5%;
		margin-right:0%;
		
		background:transparent;
	}
	.formDpto input[type='month']:hover{
	   outline: none;
		}
.formDpto textarea{
  
	width:99%;
	min-height:100px;
	border: 1px solid #445361;
	resize: none;
	float:  left;
	margin-left:1.5%;
	margin-right:3.5%;
	border-radius:5px 0px 0px 5px;
	background:transparent;
	color : #1b2631 ; 
}
.formDpto textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}	
	.formDpto input[type='tel']{
		margin-top:0px; 
		height: 35px;
		width:99%;
	   border: 1px solid #445361;
		resize: none;
		float:  left;
		color : #1b2631  ; 
		margin-left:3.5%;
		margin-right:3.5%;
		border-radius:5px 0px 0px 5px;
		background:transparent;
	}
	.formDpto input[type='tel']:hover{
	   outline: none;
		}
		.formDpto input[type='email']{
			margin-top:0px; 
			height: 35px;
			width:99%;
		   border: 1px solid #445361;
			resize: none;
			float:  left;
			color : #1b2631  ; 
			margin-left:3.5%;
			margin-right:3.5%;
			border-radius:5px 0px 0px 5px;
			background:transparent;
		}
		.formDpto input[type='email']:hover{
		   outline: none;
			}
#BtnAceptarText
{
	 padding: 5px 5px;
	margin-top:10px;
	cursor:pointer;	
	background:#fff;
	float: left;
	margin-left:8px;
	margin-right:8px;
	color: #069d28  ;
	width:40px;	
	height:35px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnAceptarText:hover
{
background-color: #069d28  ;
	color: #fff ;
}
.textotablaDpto5
{
margin-top:10px;
color: #ffffff ;
font:bold  14px var( --font-principal);	
 text-align:center;
margin-left:5px;
cursor:pointer;
}
.textotablaDpto4
{
margin-top:10px;
color: #141414 ;
font:bold  14px var( --font-principal);	

 text-align:left;
margin-left:5px;
cursor:pointer;
}
.textotablaDpto
{
margin-top:10px;
color: #141414 ;
font:bold  14px var( --font-principal);	
 text-align:center;
margin-left:5px;
cursor:pointer;
}
.textotablaDpto1
{
color :#05203b;
font-family:var( --font-principal);
font-size :14px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:20px;
}
.textotablaDpto2
{
color :#05203b;
font-family:var( --font-principal);
font-size :14px;
float:right;
cursor:pointer;
margin-right:15px;
margin-top:20px;
}
#PanelTop
{ 
	margin-left:25px;
	margin-right:25px;
	min-height:500px;
	width:97%;
 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#PanelTopPedido
{ 
	margin-left:25px;
	margin-right:25px;
	min-height:350px;

 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#DetArticulos
{ 
	margin-left:5px;
	margin-right:0px;
	height:420px;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	width:99%;
 	background:#F7F9F8;
	
}
#BtnDetaArt
{
	padding: 5px 5px;
	cursor:pointer;	
	background:#149c31;
	float:left;
	color: #fff  ;
	width:40px;	
	height:35px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnDetaArt:hover
{
background-color: #fff  ;
	color: #149c31 ;
}
#BtnDetalleArt
{
	 padding: 5px 5px;
	margin-top:5px;
	cursor:pointer;	
	background:#149c31;
	float:left;
	margin-left:8px;
	margin-right:8px;
	color: #fff  ;
	width:40px;	
	height:35px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnDetalleArt:hover
{
background-color: #fff  ;
	color: #149c31 ;
}
#PanelArticulo
{ 
	margin-left:5px;
	margin-right:0px;
	height:520px;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	width:99%;
 	background:#fff;
	
}
#PanelError
{ 
	margin-left:32%;
	margin-right:25%;
	height:400px;	
	width:450px;
 	background:#fff;	
	-webkit-box-shadow:0 1px 4px  #f42d12, 0 0 0px  #f42d12 inset;
	-moz-box-shadow:0 1px 4px  #f42d12, 0 0 0px  #f42d12 inset;
	box-shadow:0 1px 4px  #f42d12, 0 0 0px  #f42d12 ;
}
.textoError
{
color :#f42d12;
font-family:var( --font-principal);
font-size :25px;
float:center;
cursor:pointer;
margin-right:15px;
margin-top:20px;
}

.selectPerfil{
margin-top:10px;
 background: white;
 width:100%;
height:35px;
 cursor:pointer;
color :#445361 ;
   border: 1px solid #445361;
}
#PanelUsuario
{ 
	margin-left:15%;
	margin-right:1%;
	height:500px;	
	width:600px;
 	background:#fff;		
}
#BtnCrearUsuario
{
	border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #149c31 ; 
	float: left;
	margin-top:25px;
	margin-left:35px;
	margin-right:30px;
	color: #fff  ;
	width:120px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
}
#BtnCrearUsuario:hover
{
background-color: #154360  ;
	color: #fff ;
}
.BtnCrearUsuarioText
{
margin-top:10%;
color :#fff;
position:relative;
font-family:var( --font-principal);
font-size :16px;
float: center;
}
.formMensaje{
	margin-left:45px;
}
.formMensaje input[type='text']{
	margin-top:10px;
   padding: 5px 3px;
    height: 35px;
	width:99%;
   border: 1px solid #445361;
	resize: none;
	float:  left;
	margin-left:0.5%;
	margin-right:0.5%;
	color : #1b2631  ; 
}
.formMensaje input[type='text']:hover{
   outline: none;
	}
.formMensaje textarea{
  padding: 5px 3px;
	width:98%;
	min-height:140px;
	 border:1px solid #3498db;
	resize: none;
	float:  left;
margin-left:3.5%;
margin-right:0.5%;
border-radius:5px;
	color : #1b2631 ; 
}
.formMensaje textarea:focus{
   outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	}
#BtnMensaje
{
	border: 0px solid #EEF5F7;
	cursor:pointer;	
	background:  #149c31 ; 
	float: left;
	margin-top:5px;
	margin-left:0px;
	margin-right:30px;
	color: #fff  ;
	width:120px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
}
#BtnMensaje:hover
{
background-color: #154360  ;
	color: #fff ;
}
.textoVista
{
	margin-left:5px;
	font:bold 12px var( --font-principal);	
	float: left;
	margin-right:2.5%;
	margin-top:5px;
	color: #5d6d7e;
	cursor:pointer;
}	
.textoVista:hover
{
	color: #273746 ;
}
#PanelPresentacionorg
{ 
	margin-top:0px;
	margin-left:0%;
	margin-right:0%;
	height:370px;	
	width:100%;
	background:transparent;	
	float:left;
}
#PanelPresentacion
{ 
	margin-top:0px;
	margin-left:0%;
	margin-right:0%;
	height:370px;	
	width:100%;
	background:transparent;	
	float:left;
}
#PanelPresentacion1
{ 
	margin-left:0%;
	margin-right:0px;
	height:400px;	
	width:100%;
	background:transparent;	
	float:left;
}
#ImgPresentacion
{ 
	margin-left:0%;
	margin-right:1%;
	height:280px;	
	width:100%;
 	background:transparent;	
	float:left;
}
#PanelBlog
{ 
	margin-top:15px;
	margin-right:0%;
	min-height:300px;	
	width:100%;
 	background:#fff;	
	border-radius:9px;
	float:left;
/*	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	*/
}
#PanelBlogPrincipal
{ 
	margin-top:0px;
	margin-right:0%;
	height:240px;	
	width:100%;
 	background:#fff;	
	border-radius:9px;
	float:left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
}
	#PanelPresentacion2
{ 
	margin-top:15px;
	margin-right:0%;
	height:240px;	
	width:100%;
 	background:#fff;	
	border-radius:9px;
	float:left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
}

#PanelDescPresentacion
{ 
	height:50px;	
	width: 100%; 	
	float:left;		
}
#PanelDescPresentacionBlog
{ 
	height:40px;	
	width: 100%; 	
	float:left;		
}
#PanelimgPresentacion3
{ 
	margin:0%;	
	height:90px;	
	width:100%;
 	background:transparent;	
	float:left;	
	border-radius:5px;
}
#PanelDescPresentacion
{ 
	height:50px;	
	width: 100%; 	
	float:left;		
}
#PanelDescPresentacionBlog
{ 
	height:40px;	
	width: 100%; 	
	float:left;		
}
#PanelimgPresentacionDpto
{ 
	margin-left:3%;	
	height:280px;	
	width:94%;
 	background:transparent;	
	float:left;
	
	border-radius:5px;
}
#PanelimgPresentacionDptoOrg
{ 
	margin-left:0%;	
	height:280px;	
	width:100%;
 	background:transparent;	
	float:left;	
	border-radius:5px;
}
.textoPanelPresentacion2
{
	
	font:bold 16px var( --font-principal);	
	float: left;
	margin-left:5%;
	color: #0e1110;
	cursor:pointer;
}
.textoPanelPresentacion3
{
	margin-left:5px;
	font:bold 12px var( --font-principal);	
	text-align:left;
	margin-left:8%;
	margin-top:0px;
	color: #868CA2;
	cursor:pointer;
}
.textoPanelPresentacion4
{
	margin-left:5px;
	font:bold 12px var( --font-principal);	
	text-align:left;
	margin-left:8%;
	margin-top:0px;
	color: #006633;
	cursor:pointer;
}
#PanelLateralArticulo
{ 
	margin-left:0%;
	margin-right:5%;
	height:350px;	
	width:100%;
 	background:transparent;	
	float:left;
}
#PanelCompleArt
{ 
	height:170px;	
	width:100%;
 	background:#f0f0f0;	
	align-content: center;
}
#PanelImgArticulo
{ 

	height:150px;	
	width:150px;
 	background:#ffffff;	
	margin-top: 5px;
	clear: both;
	margin: 0 auto;
	color: #fff;
	align-content: center;
}
#PanelImgArticulo1
{ 
	height:60px;	
	width:150px;
 	background:transparent;	
	margin-top: 0px;
	clear: both;
	margin: 0 auto;
	color: #fff;
	align-content: center;
}
#PanelImgArticuloLista
{ 
	height:120px;	
	width:100%;
 	background:transparent;	
	float:left;
	margin-top: 5px;
}
#PanelArticuloDetaImage
{
	width:100%;
	height:100%;	
}
#PanelImgBlogDeta
{ 
	margin-left: 15px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
	border-radius:5px;	
}
#PanelImgArticuloDeta
{ 
	height:300px;	
	width:300px;
 	background:transparent;	
	float:left;
	margin-left: 15px;
	/*-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;*/
	border-radius:5px;
	
}
#PanelDescArticulo
{ 
	height:50px;	
	width:90%;
 	background:transparent;	
	float:left;
	margin-top: 5px;
	margin-left: 5px;
}
#PanelDescArticuloLista
{ 
	min-height:45px;	
	width:100%;
 	background:transparent;	
	float:left;
	margin-top: 15px;
}
.textoDescArticulo
{
	font:bold 12px var( --font-principal);	
	text-align:center;
	margin-left:5%;
	margin-top:8%;
	color: #0f0f10;

}
.textoDescArticuloLista
{
	font:bold 18px var( --font-principal);	
	text-align:left;
	margin-left:0%;
	margin-top:8%;
	color: #0f0f10;

}
#PanelPrecioArticulo
{ 
	height:40px;	
	width:100%;
 	background:transparent;	
	float:left;	
	margin-top: 5px;
}
.textoPrecioArticulo
{
	font:bold 24px var( --font-principal);	
	text-align:center;
	margin-left:5%;
	margin-top:5px;
	color: #0e1110;

}
.textoPrecioArticuloLista
{
	font:bold 36px var( --font-principal);	
	text-align:center;
	margin-left:5%;
	margin-top:5px;
	color: #0e1110;

}
#PanelBotonesArticulo
{ 
	height:40px;	
	width:100%;
 	background:transparent;	
	float:left;	
	margin-top: 0px;
}
#PanelProductosPrincipal
{ 
	margin-left:0px;
	margin-right:0%;
	min-height:400px;	
	width:99%;
 	background:#fff;	
	float:left;
	margin-top: 25px;
}
.textoTituloProd12
{
	margin-left:5px;
	font:bold 28px 'Gotham-Bold';
	text-align:center;
	margin-left:0%;
	margin-top:15px;
	color: #0e1110;
	cursor:pointer;
}
.textoTituloOrg
{
	margin-left:5px;
	font:bold 28px 'Gotham-Bold';
	text-align:left;
	margin-left:0%;
	margin-top:15px;
	color: #182125;
	cursor:pointer;
}
.textoTituloProd
{
	margin-left:5px;
	font:bold 28px 'Gotham-Bold';
	text-align:left;
	margin-left:0%;
	margin-top:15px;
	color: #0e1110;
	cursor:pointer;
}
.textoFlecha
{
	margin-left:0px;
	font:bold 30px 'Gotham-Bold';
	text-align:left;
	margin-left:0%;
	margin-top:50%;
	color: #0e1110;
	cursor:pointer;
}
.textoFlecha:hover
{
	color: #273746 ;
}
.textoTituloOrg1
{
	margin-left:5px;
	font:bold 24px var( --font-principal);
	text-align:right;
	margin-left:0%;
	margin-top:35px;
	color: #182125;
	cursor:pointer;
}
.textoTituloProd1
{
	margin-left:5px;
	font:bold 20px var( --font-principal);
	text-align:right;
	margin-left:0%;
	margin-top:35px;
	color: #0e1110;
	cursor:pointer;
}
#PanelProductosDetLista
{ 
	margin-top:20px;
	margin-right:0px;
	min-height:280px;	
	width:90%;
 	background:#fff;	
	float:left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
	border-radius:5px;
	transform:scale(1.05);
}
#DetaArtdet
{ 
	
	min-height:300px;	
	width:100%;
 	background:#f0f0f0;	
	float:left;

	border-radius:5px;
}
#PanelProductosDet
{ 
	margin-top:20px;
	margin-right:0px;
	min-height:280px;	
	width:90%;
 	background:#fff;	
	float:left;
	cursor: pointer;
	/*-webkit-transition:all .9s ease; /* Safari y Chrome */
	/*	-moz-transition:all .9s ease; /* Firefox */
	/*	-o-transition:all .9s ease; /* IE 9 */
	/*	-ms-transition:all .9s ease; /* Opera */
	border-radius:5px;
	transform:scale(1.05);
	/*box-shadow: 0px 0px 1px gray;*/
}
#PanelProductosDet:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#PanelProductosDet1
{ 
	margin-top:2px;
	margin-right:0px;
	height:180px;	
	width:95%;
	 background:#fff;	
	 cursor: pointer;
	float:left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
	border-radius:5px;
}
#PanelMenuEmpre
 {     
   background: #1D1D1B ; 
   width:100%;
	min-height:350px;
	
}


#Imgenlogo
{     
  
   width:250px;
   margin-left: 60px;
   height:200px;
 
}
#PanelPiePagina
 {
     
   background: #182125 ; 
   width:100%;
	height:40px;
	color:#99abb8;
	padding:15px;
}
 .textoSubTitulobannerinfo0
{
color:#8d9ca8 ; 
font:14px  'Gotham-Bold';
text-align: left;
  margin-left: 15%;

}
 .textoSubTitulobannerinfoMenu
{
color:#8d9ca8 ; 
font:14px  'Gotham-Bold';
text-align: left;
  margin-left: 15%;
cursor:pointer;
}
.textoSubTitulobannerinfoMenu:hover
{
	color: #53b73f ;
}
.formEmail{
	margin-left:45px;
}
.formEmail input[type='text']{
	margin-top:10px;
   padding: 5px 3px;
    height: 35px;
	width:99%;
   border: 0px solid #53b73f;
	resize: none;
	float:  left;
	margin-left:15px;
	color : #99abb8  ; 
	background:transparent ;
	border-bottom:1px solid #53b73f;
}
.cajaOrdenar{
	width:98%;
	 height: 35px;
 	  border: 1px solid #9A9695;
	   resize: none;
	   color: #0e1110;
	   background: white;
	   float:  left;
  	 margin-left:15px;
	 border-radius:8px;
	 margin-top:35px;
   }
   .selectOrdenar{
	background: white;
	border: none;
	width:100%;
	padding: 2px 0px;
	float:  left; 
	 height: 30px;
	font-size: 14px;
	cursor:pointer;
	color: #0e1110;
	  border-radius:8px;
   }
   .textoVistas
{
	margin-left:5px;
	font:bold 20px 'Gotham-Bold';
	text-align:right;
	margin-right: 5px;
	margin-top:35px;
	color: #0e1110;
	cursor:pointer;
}
.textoVistas :hover
{
	color: #154360 ;
}
#PanelBannerImg
 {
	width:350px;
	margin-left: 00px;
	height:60px;
	cursor: pointer;
}
.TextoCapcha
{

color:rgb(24, 30, 36);
font:26px 'Ingleby_regular';
text-align:left;
margin-left:8px;
margin-top:0px;
cursor:pointer;
} 
.TextoCta3
{
color:rgb(24, 30, 36);
font:12px 'Gotham-Bold';
text-align:left;
margin-left:0px;
cursor:pointer;
}
.TextoCta2
{

color:rgb(24, 30, 36);
font:16px 'Gotham-Bold';
text-align:left;
margin-left:30px;
cursor:pointer;
}
.TextoCta
{

color:rgb(24, 30, 36);
font:16px 'Ingleby_regular';
text-align:left;
margin-left: 1em;
margin-top:5px;
cursor:pointer;
}
.textReload
{
letter-spacing: 0.045em;
color:rgb(24, 30, 36);
text-indent: 0.5cm; 
font:16px 'Gotham-Bold';
text-align:left;
margin-left: 1em;
margin-right:3.5%;
cursor:pointer;
} 
.textReload:hover
{
	color: #bf3e0d ;
}
#BtnOpcionesCtaCerrar
{
	border: 0px solid #f74f4f;
	cursor:pointer;	
	background:  #93c01f; 
	float: center;
	margin:5% 5% 10% 5%;	
	color: #fff  ;
	width:95%;	
	height:120px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnOpcionesCta
{
	border: 0px solid #f74f4f;
	cursor:pointer;	
	background:  #93c01f; 
	float: center;
	margin:5% 5% 10% 5%;	
	color: #fff  ;
	width:95%;	
	height:120px;
	text-align: center;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnOpcionesCta:hover
{
background-color: #154360  ;
	color: #fff ;
}
.TextBtnOpcionesCta
{
 padding: 5px 6px;
color :white;
position:relative;
font-family:var( --font-principal);
font-size :16px;
float: center;
}
.cajaDatosCliente2{
	width:100%;
	 height: 35px;
   border: 1px solid #9A9695;
	   resize: none;
	   color : #1b2631 ; 
	   background: white;
	   float:  left;
   margin-left:0px;
	
   }
.cajaDatosCliente1{
	width:90%;
	 height: 40px;
   border: 1px solid #9A9695;
	   resize: none;
	   color : #1b2631 ; 
	   background: white;
	   float:  left;
   margin-left:0px;
	
   }
.cajaDatosCliente{
	width:100%;
	 height: 40px;
   border: 1px solid #9A9695;
	   resize: none;
	   color : #1b2631 ; 
	   background: white;
	   float:  left;
   margin-left: 0px;
	
   }
   .selectDatosCliente{
	background: white;
	border: none;
	width:100%;
	padding: 2px 0px;
	float:  left; 
	 height: 35px;
	font-size: 14px;
	cursor:pointer;
	color : #1b2631 ; 
	 
   }
   .cajaPedidos2{
	width:98%;
	 height: 35px;
 	  border: 1px solid #9A9695;
	   resize: none;
	   color: #0e1110;
	   background: white;
	   float: right;;
	   margin-right:25px;
	   margin-top:5px;
   }
   .cajaPedidos{
	width:98%;
	 height: 35px;
 	  border: 1px solid #9A9695;
	   resize: none;
	   color: #0e1110;
	   background: white;
	   float: right;;
	   margin-left:15px;
	   margin-top:5px;
   }
  .selectPedidos{
	background: white;
	border: none;
	width:100%;
	float: right; 
	 height: 30px;
	font-size: 14px;
	cursor:pointer;
	color: #0e1110;
	
   }
   .formPedido
{
	
}

.formPedido input[type='text']{
	margin-top:5px; 
    height: 35px;
	width:95%;
   border: 1px solid #445361;
	resize: none;
	float:  left;
	color : #1b2631  ; 
	margin-left:30px;
	margin-right:3.5%;

	background:transparent;
}
.formPedido input[type='text']:hover{
   outline: none;
	}
	#BtnBuscaP
	{
		padding: 5px 5px;
		margin-top:5px;
		cursor:pointer;	
		background:#1f74e1;
		float: left;
		margin-left:8px;
		margin-right:8px;
		color: #fff  ;
		width:40px;	
		height:35px;
		text-align: center;
		-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
		-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
		box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
		
	}
	#BtnBuscaP:hover
{
background-color: #fff  ;
	color: #1f74e1 ;
}
.TextFechaCuadro
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
.TextFechaCuadro1
{
color :#05203b;
font-family:var( --font-principal);
font-size :16px;
float: right;;
margin-left:15px;
margin-top:0px;
}
.textoTotalcuadro{
	font:bold 24px var( --font-principal);	
	text-align:left;
	margin-left:5%;
	margin-top:5px;
	color: #0e1110;
}
.textoTotalcuadro1{
	font:bold 24px var( --font-principal);	
	text-align:right;
	margin-left:5%;
	margin-top:5px;
	color: #0e1110;
}

#PanelcuadroPedido
{ 
	margin-top:20px;
	margin-right:0px;
	height:230px;	
	width:95%;
 	background:#fff;	
	float:left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
	border-radius:5px;
}
#PanelDetPedido
{
	height:320px;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #ffcc00, 0 0 0px  #273746 ;	
}
#PanelDeSesion
{
	height:60px;	
	width:100%;
	border-radius: 8px 8px 0px 0px;
	background:#93c01f;	
}
#PanelDetPedidotitulo
{
	height:90px;	
	width:100%;
	background:#93c01f;	
}
#PanelDetPedidotitulo2
{
	height:40px;	
	width:100%;
	background:#93c01f;	
}
#PanelDetPedido2
{
	height:320px;
	overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;	
	background:#fff;	
}
.TextTotalCarritoCt
{
color :#121213;
font: bold 24px var( --font-principal);

text-align: left;
cursor:pointer;
margin-LEFT:5px;
margin-top:0px;
}
.TextTotalCarrito1
{
color :#121213;
font: bold 12px var( --font-principal);

text-align: left;
cursor:pointer;
margin-LEFT:5px;
margin-top:0px;
}
.TextTotalCarrito2
{
color :#Ff0000;
font: bold 22px var( --font-principal);

text-align: left;
cursor:pointer;

margin-top:0px;
}
.TextTotalCarrito
{
color :#070a0c;
font: bold 16px var( --font-principal);
text-align: left;
cursor:pointer;
margin-right:0%;
margin-top:0px;
}
.TextTotalCarrito5
{
color :#070a0c;
font: bold 14px var( --font-principal);
text-align: right;
cursor:pointer;
margin-right:2%;
margin-top:0px;
}
#PanelTituloCarri
{
	width:100%;	
	height:40px;
	background: #0a0a0a;
}
#PanelTotalPedido2
{
	width:100%;	
	height:40px;
	background: transparent; 

}
#PanelTotalPedido
{
	width:100%;	
	height:170px;
	background: #f3f5f3; 
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#PanelTotalPedido1
{
	width:100%;	
	height:190px;
	background: #f5f3f3; 
	
}
#BtnPagarCarrito
{
	font:bold 28px var( --font-principal);;
	text-align:center;
	cursor:pointer;	
	background: #93c01f; 
	width:100%;	
	height:180px;
	color: #f5f3f1;
	float:left;
	margin-left: 0px;
	padding: 70px 0px;
	
}
#BtnPagarCarrito:hover
{
 
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
 }
.TextCarritoVacio
{
color :#888888;
font-family:var( --font-principal);
font-size :24px;
cursor:pointer;
text-align:center;
margin-top:5%;
}
.TextCarritoVacio1
{
color :#888888;
font-family:var( --font-principal);
font-size :20px;
cursor:pointer;
text-align:center;
margin-top:5%;
}
.TexttOTALCA
{
color :#f7f2f2;
font-family:var( --font-principal);
font-size :20px;
float:RIGHT;

margin-right:15%;

}
.TextDesCarrito
{
	font:bold 14px var( --font-principal);	
	text-align:justify;
	margin-left:5%;
	margin-top:15px;
	color: #0f0f10;
}
.TextDesCarrito2
{
	font:bold 14px var( --font-principal);	
	text-align:center;
	margin-left:5%;
	margin-top:10px;
	color: #0f0f10;
	cursor:pointer;
}
.TextDesCarrito3
{
	font:bold 14px var( --font-principal);	
	text-align:center;
	margin-left:5%;
	margin-top:20px;
	
	cursor: pointer;
	color: #0f0f10 ;
}
.TextDesCarrito3:hover
{
	color: #0f0f10;
}
#contCarrito
 {  
	background:#E9ECF1;
	margin-top: 0px;
    width:98%;
	min-height:100px;
	float:left;
	margin-left: 15px;
}
#PanelPagarCarrito
 {     
	background:#E9ECF1;
	margin-top: 15px;
	background:#ffffff;
   width:100%;
	min-height:100px;
	margin-left:0em;
	margin-right:0em;
	
}
#contCarritoCta
 {  
	background:#ffffff ; 
	margin-top: 40px;
   width:100%;
	min-height:500px;
	float:left;
}
.formDped1
{
	
}
.formDped1 input[type='number']{
	margin-top:0px;
	padding: 0px 0px;
	 height: 40px;
	 width:40px;
	border: 1px solid #062c47e7;
	 resize: none;
	 float:  center;
	 margin-left:0px;
	 color : #252627  ; 
	 background:transparent ;
	border-radius: 8px;
	  text-align: center;
	  font:bold 18px var( --font-principal);	
}
.formDped1 input[type='number']:hover{
 
   background:transparent ;
   border: 0px solid #062c47e7;
}
.formDped
{
	
}
.formDped input[type='number']{
	margin-top:0px;
	padding: 0px 0px;
	 height: 40px;
	 width:40px;
	border: 1px solid #062c47e7;
	 resize: none;
	 float:  center;
	 margin-left:0px;
	 color : #252627  ; 
	 background:transparent ;
	border-radius: 8px;
	  text-align: center;
	  font:bold 18px var( --font-principal);	
}
.formDped input[type='number']:hover{
 
   background:transparent ;
   border: 0px solid #062c47e7;
}
#PanelPublicidad
 {     
	 margin-top:15px ;
	background:#0f0f0f;	
   width:98%;
	height:200px;

}
#bannercontactoN
 {     
   background: #93C01F ; 
   width:100%;
   height:60px;
}
.titulobannercontacto
{
	padding-top: 1%;
color :   #f4f6f6   ;
font: 22px 'Gotham-Bold';
text-align : center;
vertical-align:center;
 margin-left: 13%;
  margin-right: 13%;
}
#cuentaR {
	position:fixed;
	width:125px;
	height:60px;
	bottom:40px;
	right:30px;
	background-color:#d8313b;
	color:#FFF;
	border-radius:15px;
	text-align:center;
	font-size:30px;
	z-index:100;
	padding: 8px 0px;
	cursor: pointer;
  }
  
  .CuentaR-icon {
	margin-top:13px;
  }
  .vip {
	position:fixed;
	width:125px;
	height:60px;
	bottom:170px;
	right:30px;
	background-color:#141414;
	color:#FFF;
	border-radius:15px;
	text-align:center;
	font-size:30px;
	z-index:100;
	padding: 8px 0px;
	cursor: pointer;
  }
  
  .vip-icon {
	margin-top:13px;
  }
.whatsapp {
	position:fixed;
	width:125px;
	height:60px;
	bottom:100px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:15px;
	text-align:center;
	font-size:30px;
	z-index:100;
	padding: 8px 0px;
	cursor: pointer;
  }
  
  .whatsapp-icon {
	margin-top:13px;
  }

  span.heading-style {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
    z-index: 1;
    line-height: 0px;
}
.heading-style i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #FF5722;
    margin: 0 -4px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.heading-style i:nth-child(2) {
    width: 12px;
    height: 12px;
    background-color: #1accfd;
}
#PanelMetodoEntrega
 {     
	 margin-top:15px ;
	 margin-left: 15px;
	background:#E9ECF1;	
   width:94%;
	height:60px;
	border-radius:0px;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
}
#PanelMetodoEntrega:hover{
 
	background:#c0c3c7 ;
	border: 0px solid #062c47e7;
 }
  
 #contBuscar
{ 
    z-index: 1;
position:fixed;
    height: 50px;
    width: 100%;
	background:#1d1d1b;	
	top:40px;
	
	
}
 #conttext
{ 
	
  	width:90%;
	margin-top: 10px;
 	background:transparent;
	margin-left:15px;

}
#cont
{ 
	font-family: 'Gotham-Bold';
	overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    height:60px;
	width:90%;
	margin-top: 20px;
 	background:transparent;
	margin-left:25px;
	margin-right: 25px;
	align-content: flex-start;
}
#cont .flex-item {
	min-width: 120px;
	height: 50px;
	background: transparent;
   	border-radius: 10px;
	   margin: 0.2em; 
	   display: inline-block;
}
#cont .flex-item1 {
	
	min-width: 120px;
	height: 50px;
	background: transparent;
   	border-radius: 10px;
	   margin: 0.2em; 
	   display: inline-block;
}
/*#cont .flex-item {
	min-width: 120px;
	height: 40px;
	background: #93c01f;
    display: inline-block;
	
	margin: 0.2em; 
	font-family: 'Gotham-Bold';
	position: relative;
	cursor: pointer;
	line-height: 40px;
	color: white;
	font-weight: bold;
	font-size:12px;
	text-align: center;
	word-break: break-all;
	border-radius: 10px;
	
}
#cont .flex-item1 {
	
	min-width: 120px;
	height: 40px;
	background: #2c2c2e;
    display: inline-block;
    vertical-align: middle;	
	font-family: 'Gotham-Bold';
	position: relative;
	cursor: pointer;
	line-height: 40px;
	color: white;
	font-weight: bold;
	font-size:12px;
	text-align: center;
	word-break: break-all;
	border-radius: 10px;
}*/
.TextbtnFacturaDet1
{
 padding: 3px 6px;
color :#1f1e1e;
position:relative;
font:bold 22px 'Gotham-Bold';

float: center;
}
  #BtnComprarAgregar1
  {
	 border: 0px solid #f8de77;
	 border-radius: 8px;
	  cursor:pointer;	
	  background:#f8de77;
	  float: left;
	  margin-left:8px;
	  margin-right:30px;
	  color: #fff  ;
	  width:50%;	
	  height:40px;
	  text-align: left;
	  -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	  -moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	  box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	  
  }
  .TextTituloDetArt12
{
color :#445361;
font-family: var( --font-principal);
font-size :16px;
float:left;
cursor:pointer;
margin-left:30px;
margin-top: 8px;
}
  .formulariocantidad1
{   

}
.formulariocantidad1 input[type='text']
{
	width:30px;
	height:30px;
	border: 1px solid #CED5D7;
	resize: none;
	float:  left;
margin-left:5px;
color :#0B243B;
font: bold 14px var( --font-principal);
text-align:center;
}


.formulariocantidad1 input[type='number']
{
	width:100%;
	height:30px;
	border: 1px solid #CED5D7;
	resize: none;
	float:  left;
margin-left:5px;
color :#0B243B;
font: bold 14px var( --font-principal);
text-align:center;
}
.TextTituloCabeceroDeta
{
color :#373e44;
font-family:var( --font-principal);
font-size :22px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:0px;
}
#PaDet{
	
	/*overflow : auto; 
	overflow-y: auto;
	overflow-x: hidden;*/
	width:100%;
	min-height:500px;
	background:#ffffff;

  }
  #BtnComprarSimbolo
  {
	 border: 0px solid #f8de77;
	 border-radius: 50px;
	  cursor:pointer;	
	  background:#445361;
	  float: left;
	  margin-left:0px;
	  margin-right:0px;
	
	  width:30px;	
	  height:30px;
	  text-align: center;
	 
	  
  }
  .TextComprarSimbolo
{
color :#ffffff;
font: 14px "Gotham-Bold";;
text-align: center;
cursor:pointer;




}
.TextTituloDetArtde
{
color :#000000;
font-family:var( --font-principal);
font-size :12px;
text-align: justify;
cursor:pointer;
margin-left:30px;
margin-top:1px;
}
.TextTituloDetArtde1
{
color :#000000;
font-family:var( --font-principal);
font-size :14px;
text-align: justify;
cursor:pointer;
margin-left:30px;
margin-top:1px;
}
#PanelProductosDet2
{ 
	margin-top:9px;
	margin-right:0px;
	height:215px;	
	width:95%;
 	background:#fff;	
	float:left;
	cursor: pointer;
	/*-webkit-transition:all .9s ease; /* Safari y Chrome */
	/*	-moz-transition:all .9s ease; /* Firefox */
	/*	-o-transition:all .9s ease; /* IE 9 */
	/*	-ms-transition:all .9s ease; /* Opera */
	border-radius:5px;
	transform:scale(1.05);
	/*box-shadow: 1px 0px 1px gray;*/
}
#PanelProductosDet2:hover
{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.05);
box-shadow: 0px 0px 4px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
}
#PanelImgArticulo2
{ 
	height:80px;	
	width:100%;
 	background:transparent;	
	margin-top: 5px;
	align-items: center;
}
#PanelCompleArt2
{ 
	margin-top: 15px;
	height:90px;	
	width:100%;
 	background:#f0f0f0;	
	
}
#PanelDescArticulo2
{ 
	height:40px;	
	width:100%;
 	background:transparent;	
	float:left;
	
}
.textoDescArticulon
{
	font:bold 10px var( --font-principal);	
	text-align:center;

	color: #0e1110;

}
#PanelPrecioArticulon
{ 
	height:25px;	
	width:100%;
 	background:transparent;	
	float:left;	
	margin-top: 0px;
}
.textoPrecioArticulon
{
	font:bold 14px var( --font-principal);	
	text-align:center;
	margin-top: 8px;
	color: #0e1110;

}
#contModalglobalConfigEs
{
	background:#ffffff;
	margin-top:12%;
    margin-left:0%;	
	margin-bottom:0px;
	margin-right:0%;	
     height:99%;
	box-shadow: 2px 5px 5px  #273746, 2px 5px 5px  #273746;
}
#BtnComprarAgregar2
{
   border: 0px solid #f8de77;
   border-radius: 8px;
	cursor:pointer;	
	background:#f8de77;
	float: center;
	margin-left:8px;
	margin-right:30px;
	color: #fff  ;
	width:90%;	
	height:40px;
	text-align: left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	
}
#BtnComprar2:hover
{
background-color: #f8de77 ;
	color: #fff ;
}
#BtnComprarCel
{
  /* border: 0px solid #e2510e;
   border-radius: 0px;
	cursor:pointer;	
	background:#e2510e;
	float: center;	
	color: #fff  ;
	width:100%;	
	height:30px;
	text-align: left;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;*/
	border: none;
	display: block;
	padding: 9px;
	background: #93c01f;
	width: 100%;
	text-align: center;
	font-family: 'Gotham-Bold', sans-serif;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0 3px 4px rgba(0,0,0,.23);
	/*border-bottom: 4px solid rgba(0,0,0,.23);*/
	text-transform: uppercase;
	transition: all ease-in .4s;
	
}
#BtnComprarCel:hover
{
/*background-color: #f8de77 ;
	color: #fff ;*/
	background: #000;
}

/*estilos plantilla nueva*/
/*
Codigo escrito por Equipo Toscana
* ApocSystem
*/

.products-offer {
    /*margin-top: -60px;*/
    display: block;
    /*padding: 150px;*/
    /*background: #FFF;*/
    /*background: #000;*/
    width: 100%;
}

.products-title {
    font-family: 'Gotham-Bold' !important;
    /*font-size:  26px !important;*/
    font-size: 24px !important;
    font-weight: bold;
    display: block;
    margin-bottom: 25px;
    margin-top: 25px;
    color:  #3C3C3B;
}

.main-product {
    position: relative;
    /*box-shadow: 0 3px 4px 0px rgba(0,0,0,.23);*/
    /*border-radius: 5px;*/
    display: block;
    /*padding: 25px;*/
    /*padding-bottom: 25px;*/
    display: flex;
    /*height: 318px;*/
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    /*background: rgba(0, 0, 0,.25);*/
    /*border-radius: 25px;*/
    display: block;
    margin-top: 8px;
    text-align: center;
    /*border-right: 1px solid #eaeaea;*/

}

.main-product img {
    object-fit: cover;
    /*padding: 5px;*/
    width: 80%;
    text-align: center;
}

.main-product .main-product-info {
    position: absolute;
    bottom: 0;
    padding:  15px;
    text-align: left;
    background: rgba(0,0,0,.23);
    margin-top: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.main-product .main-product-info img {
    width: 100%;
    /*border-radius: 5px;*/
    /*box-shadow: 0px 3px 4px rgba(0, 0, 0,.25);*/
}

.main-product .main-product-info h3 {
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 18px;
    color:  #FFF;
    font-weight: bold;
    text-transform: uppercase;
}

.main-product .main-product-info p {
    font-family: 'Gotham-Bold', sans-serif;
    font-weight: normal;
    font-size: 13px;
    /*line-height: 24px;*/
    color:  #FFF;
    text-align: justify;
}

.carousel {
    position: absolute !important;
    width: 100% !important;
    overflow: hidden !important;
}

.carousel img {
    width: 100% !important;
    object-fit: cover;
    background-position: center center;
}

.main-product {
    display: block;
    margin-bottom: 25px;
}

.main-product img {
    width: 100%;
    position: relative;
    /*z-index: 9999999999999;*/
}

.products-in-offert {
    /*display: inline-block;*/
    /*flex: column wrap;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 5px;
}

.products-in-offert div {
    width: 10% !important; 
    margin-bottom: 15px;
    display: block;
    padding: 15px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-right: 5px;
    transition: all ease .4s;
}

.products-in-offert div:hover {
    background: #eaeaea;
    transform: scale(1.2);

}

.products-in-offert img {
    width: 100%;
    position: relative;
}

.selectorcompany {
    width: 100%;
    background: #d8313b;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    box-shadow: 0 3px 4px rgba(0, 0, 0,.25);
}

.selectorcompany a {
    transition: all ease .4s;
    padding: 8px;
}

.selectorcompany a:hover {
    background: rgba(0, 0, 0,.25);
    opacity: .2;
    padding: 8px 25px;
}

.button-cart {
    display: inline-block;
    border: none;
    background: transparent;
    position: relative;
    color: #FFF;
    transition: all ease .4s;
}

.button-cart:hover {
    color: rgba(255,255,255,.57);
}

.button-cart i {
    font-size: 42px;
}

.button-cart .show-counter {
    position: absolute;
    top: 0;
    left:  0;
    /*z-index: 999999;*/
    background: #ff4d4d;
    width: 24px;
    height: 24px;
    border-radius: calc(50%);
    color:  #212121;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-shadow: 0 3px 4px rgba(0,0,0,.23);
    color: #FFF;
    font-size: 13px;
}

.money-from-cart {
    color: #FFF;
    font-family: 'Gotham-Bold', sans-serif;
    margin-right: 8px;
    font-size: 18px;
}

.custom-search {
    width: 100% !important;
    height: 36px;
    border: 1px solid transparent;
    outline: none;
    padding: 8px 25px;
    text-align: center;
    border-radius: 25px;
    font-size: 21px;
}

.main-w-nav {
    text-align: right;
}

.main-w-nav a {
    text-decoration: none;
    /*display: inline-block;*/
    padding: 8px 15px;
    /*color: #FFF;*/
    display: inline-flex;
    /*align-items: center;*/
    /*justify-content: center;*/
    /*background: #FFF;*/
    border-radius: 5px;
    color: #FFF;
    /*margin-left: 8px;*/
    transition: all ease .4s;
    text-align: center;
}

.main-w-nav a:hover {
    text-decoration: none;
    color: #222;
    background: #FFF;
    box-shadow: 0px 3px 4px rgba(0,0,0,.23);
}

.main-w-nav a > i {
    margin-right: 15px;
}


.businessSelector { 
    text-align: left;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    top: 115px !important;
}

.businessSelector a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-decoration: none;
    color: #FFF;
}

.businessSelector a:hover {
    text-decoration: none;
    color: #FFF;
}

.businessSelector a span {
    margin-left: 8px;
    margin-top: 3px;
}

.businessHour img {
    width: 100%;
  }


#cr-active-offert {
    transition: all ease .4s;
}

.scale-cm {
    /*transform: scale(1.2);*/
}

.news {
    display: block;
    background-color: #e3e3e3;
    background-image: url('../imagenes/simple_pattern.png');
    background-repeat: repeat-x;
    text-align: center;
   
}

.news img {
    width: 100%;
}

.PanelDescArticulo {

    text-align: center;
}

.info-Articulo {
    display: flex;
    flex-flow: row wrap;
    padding: 8px 0;
}

.info-Articulo .titleArticle {
    width: 100%;
}

.info-Articulo .reviewsArticle {
    width: 100%;
}

.info-Articulo .priceArticle {
    width: 100%;
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    border-bottom: 15px;
}

.titleArticle {
    font-family: 'Gotham-Bold', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #222;
    text-transform: uppercase;
}


.reviewsArticle {
   text-align: center;  
}

.starActive {
   color: #ff9f1a;
}

.starUnactive {
    color:  #cbcbcb;
}

.reviewsArticle span i {
    font-size: 13px !important;
}

.promotion-content ul {
    padding: 0;
    margin: 0;
}

.promotion-content ul li {
    list-style: none;
    font-size: 12px;
    font-family: 'Gotham-Bold';
    color: #777;
}


.promotion-content h3 {
    font-family: 'Gotham-Bold';
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.promotion-content p {
    font-family: 'Gotham-Bold', sans-serif;
    color: #888;
    line-height: 14px;
    margin-bottom: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}

.promotion-content .call-promotion {
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    color: #FFF;
    background: #93c01f;
    text-align: center;
    border-radius: 25px;
    font-family: 'Gotham-Bold', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    transition: all ease .4s;
}

.promotion-content .call-promotion:hover {
    background: #000;
    padding: 10px 15px;
}

.about-business {
    text-align: left;
}

.about-business h3 {
    font-family: 'Gotham-Bold', sans-serif;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
    font-weight: bold;
    color: #FFF;
}

.about-business ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-business ul li {
    display: block;
    text-decoration: none;
}

.about-business ul li a {
    display: block;
    text-decoration: none;
    color: rgba(255, 255, 255,.87);
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,.23);
    padding-bottom: 8px;
}

.about-business ul li a:hover {
    color: #93c01f;
}

.about-business ul li a i {
    font-size: 13px;
    margin-right: 8px;
}

.about-business .businessLogo {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

.about-business .businessLogo img {
    display: block;
    width: 32.33333333%;
    padding: 8px 0;
    cursor: pointer;

}

.web-footer {
    text-align: left;
}

.web-footer h3 {
    font-family: 'Gotham-Bold', sans-serif;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
    font-weight: bold;
    color: #FFF;
}

.web-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.web-footer ul li {
    list-style: none;
}

.web-footer ul li a {
    display: block;
    font-family: 'Gotham-Bold', sans-serif;
    padding: 8px 0;
    font-size: 15px;
    text-decoration: none;
    color: #FFF;
}

.web-footer ul li a:hover {
    font-weight: bold;
    color: #93c01f;
}

.newsletter-footer {
    text-align: left;
}

.newsletter-footer h3 {
    font-family: 'Gotham-Bold', sans-serif;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
    font-weight: bold;
    color: #FFF;
}

.newsletter-footer span {
    display: block;
    /*text-align: center;*/
    margin-bottom: 15px;
    font-family: 'Gotham-Bold', sans-serif;
    font-weight: bold;
    color: rgba(255,255,255,.57);
}

.inputNewsletter {
    width: 100%;
    position: relative;
    border: none;
    padding: 8px;
    border-radius: 5px;
    outline: none;
    box-shadow: 0 3px 4px rgba(0,0,0,.23);
    font-family: 'Gotham-Bold', sans-serif;
    font-weight: 500;
    text-align: center;
}

.btnSendNewsletter {
    position: absolute;
    /*top: 0;*/
    right: 20px;
    border: none;
    background: transparent;
    outline: none;
    display: inline-block;
    padding: 5px;
    color: #93c01f;
}

.btnSendNewsletter:hover {
    background: transparent !important;
    color: #222 !important;
}

.addr_web {
    width: 100%;
    display: block;
    width: 100%;
    background: #FFF;
    border-radius: 5px;
    padding: 8px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.addr_web h3 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.footer-dev {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    background: url('../imagenes/simple_pattern.png');
    background-repeat: repeat;
    padding: 8px;
}

.footer-dev p {
    padding: 0;
    margin: 0;
    color: #222;
    font-family: 'Gotham-Bold', sans-serif;
}

.footer-dev p a {
    padding: 3px;
    text-decoration: none;
    color: #93c01f;
}

.social-actions {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    /*justify-content: space-between;*/
    margin-top: 15px;
    margin-bottom: 15px;

}

.social-actions a {
    display: inline-block;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 22px !important;
    transition: all ease .4s;
    background: #FFF;
    margin-left: 8px;
}

.social-actions i {
    padding: 0 !important;
    margin: 0 !important;
}

.social-actions a:hover {
    transform: scale(1.2);
}

.icon-facebook {
    /*background: #1877F2;*/
    color: #1877F2;
}

.icon-instagram {
    color: #E4405F;
}

.icon-whatsapp {
    color: #25D366;
}

.follow-social a {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    text-decoration: none;
    color: #FFF;
    text-align: left;
    margin-bottom: 8px;
}

.follow-social a i {
    margin-right: 8px;
}

.follow-social a:hover {
    color: #E4405F;
    text-decoration: none;
}

.menuMovil {
    display: none;
}

.left-menubg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.23);
    z-index: 9999;
    display: none;
}

.left-menu {
    position: fixed;
    left: -40000px;
    top: 0;
    width: 300px;
    max-width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 9999999;
    overflow-x: auto;
}

.header-left {
    background: #FFF;
}

.header-left a {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    text-align: left;
    padding: 25px;
    text-decoration: none;
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 17px;
    /*font-weight: bold;*/
    color: #d8313b;
    border-bottom: 1px solid rgba(0, 0, 0,.23);
    transition: .4s;

}

.header-left a:hover {
    text-decoration: none;
    background: #d8313b;
    color: #FFF;
    border-bottom: 1px solid #d8313b;
    transform: scale(1.2);
    box-shadow: 0 8px 9px rgba(0, 0, 0,.23);
}

.header-left a i {
    margin-right: 15px;
    font-size: 22px;
}


.content-left {
    /*text-align: left;*/
    padding: 15px;
}

.content-left h3 {
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #222;
}

.businessLeft {
    display: none;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    background: #000;
    padding: 25px;
    border-radius: 25px;

}

.businessLeft a {
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255,.1);
    padding-bottom: 25px;
}

iframe {
    width: 100%;
}

.posts-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 25px 0;
}

.posts-container .post {
    width: 49%;
    background: #FFF;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 25px;

}

.posts-container .post .post-thumb {
    position: relative;
}

.posts-container .post .post-thumb img {
    width: 100%;
}

.posts-container .post .post-thumb button {
    display: inline-block;
    padding: 8px;
    position: absolute;
    bottom: -10px;
    left: 10px;
    border: none;
    border-radius: 5px;
    background: #93c01f;
    font-family: 'Gotham-Bold';
    font-size: 12px;
    color: #FFF;
    transition: .4s;
    /*margin-bottom: 25px;*/
}

.posts-container .post .post-thumb button i {
    font-size: 8px;
}

.posts-container .post .post-thumb button:hover {
    padding: 8px 25px;
    color: #FFF;
    background: #000;
}

.posts-container .post .post-title {
    display: block;
    padding: 15px;
}

.posts-container .post .post-title h3 {
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
}

.posts-container .post .post-title .stars span i{
    font-size: 18px;
    color: #eaeaea;
}

.posts-container .post .post-title .stars .active {
    color: #ff9f1a !important;
}

.posts-container .post .post-description p {
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 14px;
    padding: 8px;
    line-height: 24px;
}

.posts-container .post .post-actions {
    padding: 8px;
}

.btnAddToCart {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 25px;
    border: 1px solid #d8313b;
    background: transparent;
    padding: 8px;
    margin-bottom: 8px;
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 13px;
    outline: none;
}

.btnAddToCart:focus {
    background: #d8313b;
    color: #FFF;
}

.btnAddToCart i {
    font-size: 12px;
    margin-right: 15px;
}

.btnSeeProduct {
    display: flex;
    width: 100%;
    border: none;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    background: #93c01f;
    border-radius: 25px;
    color: #FFF;
}

.btnSeeProduct i {
    margin-right: 8px;
    font-size: 16px;
}

.fixedMenu {
    display: none;
}

/* Pagination styles */

li.next a {
    background: #d8313b !important;
    color: #FFF !important;
    border: 1px solid #d8313b !important;
    transition: .4s;
}

li.next a:hover {
    background: transparent !important;
    color: #d8313b !important;
    /*border: 1px solid ;*/
}

.btnUp {
    display: inline-flex;
    /*width: 100%;*/
    text-align: center;
    border: none;
    width: 50px;
    height: 50px;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border-radius: calc(50%);
    background: rgba(0,0,0,.23);
    color: #FFF;
    transition: all ease .4s;
    text-decoration: none;
}

.btnUp:hover {
    background: #93c01f;
    transform: scale(1.1);
    box-shadow: 0 3px 4px rgba(0, 0, 0,.25);
    text-decoration: none;
    color: #FFF;
}

/*Slider custom*/
#thumbnail-slider {
    display: none;
}

#contModalglobalini
{
	/*position: fixed;*/
    /*background-color: transparent;*/
   margin-top:0%;
   margin-left:2%;	
   margin-bottom:2px;
   margin-right:2%;	
	min-height:400px;
    background-color: #ffffff;
   z-index: 119999999999999999999999999999999999999999999;
  /* background: url(iscripciones.jpg) ;*/
  
}

#PanelCatalogoAct
{ 
	border-radius: 5px;
	height:100%;
	width:100%;
 	background:#fff;
	-webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	cursor: pointer;
}
#PanelCataDec
{ 
	
	height:100%;
	width:100%;
 	background:#fff;
	 cursor: pointer;
	 border-radius: 5px;
	 -webkit-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	-moz-box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 inset;
	box-shadow:0 1px 4px  #273746, 0 0 0px  #273746 ;
	background: #93c01f;
}
#PanelCabeDpto {
   
    height: 40px;
    width: 100%;
    margin-top: 0px;
    background: #97BD11;
    margin-left: 0px;
	
}
#BtneCabeDpto
{
width:80px;
height:40px;	
margin-left:5px;
cursor:pointer;
border-left:5px;
background: transparent;
align-items: center;
}



.menu {
	background-color: #97BD11; 
  }
  .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 12px;
  }
  .menu ul li {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
  }
  .menu ul li:last-child {
	margin-right: 0;
	cursor: pointer;
  }
  .menu ul li a {
	color: white;
	text-decoration: none;
	padding: 10px 20px;
	display: block;
	transition: transform 0.3s ease, background-color 0.3s ease;
  }
  .menu ul li a:hover {
	transform: translateY(2px); 
	
  }

  #PanelCabeDptoMostrar {
  
    min-height: 450px;
    width: 100%;
    background: #ffffff;
	border-style: solid;
    border-color: #97BD11;
	box-shadow: 0 3px 4px rgba(0, 0, 0,.25);
	
	visibility: hidden;
}


#PanelCabeDptoMostrar1 {
	position:absolute;
	z-index: 9999999999999999999999999;
	background: #ffffff;
	
 }
 .textoTituloDpto
{
	margin-left:5px;
	font:bold 14px 'Gotham-Bold';
	text-align:left;
	margin-left:15px;
	margin-top:15px;
	color: #3C3C3B;
	cursor:pointer;
	
}
 .textoTituloGrupo
{
	margin-left:5px;
	font:bold 12px 'Gotham-Bold';
	text-align:left;
	margin-left:0%;
	margin-top:5px;
	color: #97BD11;
	cursor:pointer;
	
}
.textoTituloSubGrupo
{
	margin-left:5px;
	font:bold 10px 'Gotham-Bold';
	text-align:left;
	margin-left:0%;
	margin-top:5px;
	color: #0e1110;
	cursor:pointer;
	
}
#imgtitulonosotrs {
	margin-left: 5%;
	
 }

 .TextCarritoVacio345
{
color :#93c01f;
font-family:var( --font-principal);
font-size :24px;
cursor:pointer;
text-align:center;
margin-top:5%;
}