/* Solo si la pantalla es de PC muestra las columnas de publicidad */
/* Pagina carrito */
.imgPNG{
	width:110px;
	height:110px;
}
.slidePNG{
	width:110px;
	height:110px;
	border:solid 0px;
	border-radius:5px;
	background-color:black;
	margin:5px;
	padding:4px;
	
}
.slidePNG:hover {
	transform: translate(0px, -2px); /* Mover 1px a la derecha y 1px arriba */
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}

.canvases{

	border-radius:5px;
	border:solid 1px gray;
}
#contenido{
	position:absolute;
	font-family: Tahoma, Verdana, sans serif;
	left:180px;
	width:1100px;
	height:100%;

	background-color:white;
}
#usuariosExp{
	width:100%;
	background-color:gray;
	position:absolute;
	top:180px;
	height:100%;
	left:0px;
	padding:0px;
	
}
#boton_menu_usr{
	width:20px;
	height:30px;
	border:none;
	position:absolute;
	left:-5px;
}
/* Barra superior */
#boton_usuario_act{
			background-image: url('../img_sitio/usuario_activo.svg');
			background-size: 20px 20px; 
			background-repeat: no-repeat;
			background-position:center center;
			width:30px;
			height:30px;
	}
#boton_usuario{
			background-image: url('../img_sitio/usuario.svg');
			background-size: 20px 20px; 
			background-repeat: no-repeat;
			background-position:center center;
			width:30px;
			height:30px;
	}
#boton_idioma{
		background-image: url('../img_sitio/Idioma.svg');
		background-size: 20px 20px; 
		background-repeat: no-repeat;
		background-position:center center;
		width:30px;
		height:30px;
}
#boton_contacto{
		background-image: url('../img_sitio/whatsapp.svg');
		background-size: 20px 20px; 
		background-repeat: no-repeat;
		background-position:center center;
		width:30px;
		height:30px;
}
#boton_apps{
		background-image: url('../img_sitio/apps_icono_color.svg');
		background-size: 20px 20px; 
		background-repeat: no-repeat;
		background-position:center center;
		width:30px;
		height:30px;
}

/* Classes */
	.aviso_chico {											
		background-color:transparent;
		border-radius:10px;
		margin-bottom:10px;
		margin-top:10px;
		}
	.aviso_grande {
	display:block;
	background-color:transparent;
	width:98%;
	height:97px;
	margin:10px;
	}
	.boton_descarga{
			position:relative;
			cursor:pointer;
			width:200px;	
			height:40px;											
			top:0px;
			padding:11px;
			  background-image: url('../img_sitio/descarga.svg');
			  background-size: cover;
			  background-position: center;
			  background-color: transparent;
			  border: none;
			  border-radius:10px;
			  color: transparent;
			  font-size: 16px;
	}
	#boton_descarga_detal{
			position:relative;
			cursor:pointer;
			width:200px;	
			height:40px;											
			top:-145px;
			padding:11px;
			  
			  background-color: rgb(100,100,255);
			  border: none;
			  border-radius:10px;
			  color: white;
			  font-size: 16px;
	}
	
	#carritoIcon{
		width:20px;
	}
	#carritoSub
		{
				position:relative;
				background-color:transparent;
				background-image: url('../img_sitio/carrito.svg'); 
				background-size: 30px 30px;
				background-repeat: no-repeat; 
				background-position: center center;
				width:50px;
				height:50px;
				border:none;
				cursor:pointer;
				border-width:0px;

		}
	#descargaSub
		{
				position:relative;
				background-color:transparent;
				background-image: url('../img_sitio/descargables.svg'); 
				background-size: 25px 25px;
				background-repeat: no-repeat; 
				background-position: center center;
				width:50px;
				height:50px;
				border:none;
				cursor:pointer;
				border-width:0px;

		}
	.pdfsvg{
			position:relative;
			cursor:pointer;
			width:120px;	
			height:20px;											
			top:0px;
			padding:11px;
			  background-image: url('../img_sitio/svgypdf.svg');
			  background-size: cover;
			  background-position: center;
			  background-color: transparent;
			  border: none;
			  border-radius:5px;
			  color: transparent;
			  padding-left:80px;
			  font-size: 0px;
			  font-family:tahoma, verdana;
			  font-weight:bold;
			  display:block;
	}
	.pdfpng{
			position:relative;
			cursor:pointer;
			width:120px;	
			height:20px;											
			top:0px;
			padding:11px;
			  background-image: url('../img_sitio/pngypdf.svg');
			  background-size: cover;
			  background-position: center;
			  background-color: transparent;
			  border: none;
			  border-radius:5px;
			  color: transparent;
			  padding-left:80px;
			  font-size: 0px;
			  font-family:tahoma, verdana;
			  font-weight:bold;
			  display:block;
	}	
	.pdfonly{
		position:relative;
			cursor:pointer;
			width:120px;	
			height:20px;											
			top:0px;
			padding:11px;
			  background-image: url('../img_sitio/pdf_only.svg');
			  background-size: cover;
			  background-position: center;
			  background-color: transparent;
			  border: none;
			  border-radius:10px;
			  color: white;
			  padding-left:80px;
			  font-size: 5px;
			  font-family:tahoma, verdana;
			  font-weight:bold;
			  display:block;
		}
	.svgonly{
		position:relative;
			cursor:pointer;
			width:120px;	
			height:20px;											
			top:0px;
			padding:11px;
			  background-image: url('../img_sitio/svg_only.svg');
			  background-size: cover;
			  background-position: center;
			  background-color: transparent;
			  border: none;
			  border-radius:5px;
			  color: transparent;
			  font-size: 16px;
			  display:block;
	
	}
	.pngonly{
		position:relative;
			cursor:pointer;
			width:120px;	
			height:20px;											
			top:0px;
			padding:11px;
			  background-image: url('../img_sitio/png_only.svg');
			  background-size: cover;
			  background-position: center;
			  background-color: transparent;
			  border: none;
			  border-radius:5px;
			  color: transparent;
			  font-size: 16px;
			  display:block;
	
	}

	.boton_fallo
		{
				position:relative;
				width:150px;	
				height:50px;											
				background-color:gray;
				border-radius:5px;
				top:-15px;
				padding:11px;
				font-family:'Alatsi';
				font-weight:bold;
				font-size: 15px;				
				color: white;			
				text-decoration:none;1m. 
		}
		
	.boton_editar
		{
				position:relative;
				width:20px;	
				height:18px;											
				background-color:dodgerblue;
				border-radius:5px 0px 0px 5px;
				top:-40px;
				left:15px;
				padding:11px;
				font-family:'Alatsi';
				font-weight:bold;
				font-size: 15px;				
				color: white;			
				text-decoration:none;1m. 
		}
		
	.bot_opcion{
		background-color:black;
		cursor:pointer;
		border:solid 1px rgb(180,0,0);
		color:white;
		font-weight:bold;
		font-size:15px;
		border-radius:3px;
		margin:1px;
		height:30px;
	}
	
	.bot_subopcion{
		background-color:black;
		cursor:pointer;
		border:solid 1px rgb(180,0,0);
		color:white;
		font-weight:bold;
		font-size:15px;
		border-radius:3px;
		margin:1px;
		height:30px;
	}
	
	
	.bot_opcion:hover {
		background-color:rgb(180,0,0);
	}
	.bot_nube{
		background-color:rgb(180,0,0);
		cursor:pointer;
		border:solid 1px black;
		color:white;
		font-weight:bold;
		font-size:15px;
		border-radius:3px;
		margin:2px;
		height:40px;
		width:100%;
	}
	.bot_nube:hover 
	{
		background-color:black;
	}
	
	
	.boton_sup{
		width:30px;
		height:40px;
		color: gray;
		background-color:transparent;
		text-decoration: none;
		text-align:right;
		border: none;
	}
	.boton_sup:hover{
		color: white;
		background-color:transparent;
		text-decoration: none;
	}	
	.bloque_de3{
		width:800px;
		position:relative;
		top:10px;
		

	}
	.card_catalogo
		{		
				position:relative;						
				width: 239px;
				height:340px;
				background-color:white;
				border-radius:5px;
				padding:0px;
				/* margin-bottom:10px; */
				padding-top:10px;
				text-align:center;
				align-content:center;
				line-height:0.85;								
				box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.8);
		}
	.card:hover {
	   box-shadow: 0px 0px 20px black;	   
	   top:-2px;
	}
	 .card:active{
	   box-shadow: 0px 0px 20px black;	   
	   top:-2px;
	} 
	.card_catalogo:hover {
    transform: translate(0px, -1px); /* Mover 1px a la derecha y 1px arriba */
	box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.8);
	}
	.cat_png{
		background-color:black;
		color:rgb(20,20,20);
		
	}
	
	#donar{
					position:relative;
					left:0px;					
					top:0px;
					height:310px;
					display:block;
					border:1px solid gray; 
					border-radius: 10px;
					padding:10px;
					margin:10px;					
					
		}
		#donar_txt
		{
			position:realtive;
					left:0px;					
					top:0px;					
			font-weight: normal;
			font-family: Alatsi, Tahoma, Verdana, sans serif;

		}
		.donar_mp{
					position:relative;
					left:0px;					
					top:0px;					
					margin: 5px;					
		}
		#donar_Paypal{
					position:relative;
					left:0px;					
					top:0px;					
					
		}

				
	.flex-container
	{
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.nav-link{
		background-color:black;
		font-weight: bold;
		border-style:1;
		border-radius:5px;
		border-color:rgb(180,0,0);
		margin:2px;						
		color: white;
						
	}
					
	.img {
		width:310px;
		}
		
	.linkaut{
		text-decoration:none;
		color:black;
	}
		
	.tarjeta_titulo{
			font-family: 'Alatsi';
			font-weight:bold;
			color:gray;
			font-size:20px;
			height:20px;
		}
	.tarjeta_texto{
		font-family: 'Alatsi', Tahoma, Verdana, sans serif;
		font-weight:normal;
		color:gray;
		font-size:10px;
		height:12px;
		margin-top:-10px;
	}					
	.tarjeta_autor{
		font-family: 'Alatsi', Tahoma, Verdana, sans serif;
		font-weight:bold;
		color:black;
		font-size:12px;
		height:30px;
		
	}		
	.usIcon{
		width:26px;
		height:26px;
		border-radius:13px;
		margin-bottom:-10px;
		margin-right:10px;
		
	}
	
/* id's */
#acciones{
			width:100%; 
			height:60px;
			background-color:gray;
			padding:10px;
			border-radius:5px;
		}
	
	#barraSuperior{
		position: absolute;
		right: 10px;
		top: 10px;
	}
	
	#buscador_display
	{
		border:solid 1px gray;
		border-radius:8px;
		height:27px;
		width:214px;
		transition: box-shadow 0.3s ease;	
	}
	#buscador_display:hover,
	#buscador_display:active	{
    box-shadow: 0 0 15px 15px rgba(255, 0, 0, 0.7);
	}
	#buscador_input
	{
		background-color:transparent;
		font-family:'Alatsi',Tahoma,Verdana;
		font-size:17px;
		font.weight:bold;
		border:none;
		outline:none;
		color:white;
		font-weight:bold;	
		width:150px;
		position:relative;
		top:-10px;
	}
		
	#buscador_lupa
	{
		background-color:black;	
		margin:13px;
	}
	
	
	#boton_menu{
		background-image: url('../img_sitio/menu.svg');
		  background-size: 20px 20px; 
		  background-repeat: no-repeat;
		  background-position:center center;
		  padding-left: 30px; 
  
		position:absolute;
		width:200px;
		height:60px;
		cursor:pointer;
		background-color:black;
		border:solid 1px rgb(180,0,0);
		border-radius:3px;
		margin:2px;
	}


	
	#boton_menu:hover {
		background-color:rgb(180,0,0);
	}
	
	#cabecera
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width:100%;
		font-family: Verdana, Tahoma;
		text-align:center;
		background-color: black;
		margin-bottom:-60px;
		height:180px;
	}
	#detal-tit{
		font-family: Verdana, Tahoma;
		color: gray;
		font-weight:bold;
		font-size:25px;
	}		
	#detal-dim{
		font-family: Verdana, Tahoma;
		color: gray;
		font-weight:normal;
		font-size:10px;
		
	
	}		
	
				
	body{
		background-color:rgb(180,0,0);
		
	}
					.btn{
						color:lightblue;
					}
					.btn:hover{
						color:white;
					}
	
	#catalogo{
				background-color:rgb(180,0,0);				
			}
			
	#catalogo_tabla
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
	
	#catalogo_vacio
	{
		position:absolute;
		left:270px;
		width:750px;
		top:290px;
		
	}
	
	#columna_pub
	{
		position: fixed;
		top:200px;
		/*left:35px;
		width:270px;*/
		height:300px;
		background-color:transparent;	
	}
	#columna_pub_2
	{
		position: fixed;
		top:200px;
		right:0px;
		background-color:transparent;	
	}
	#columna_pub_3
	{
		position: fixed;
		top:530px;
		left:1100px;
		width:270px;
		height:300px;
		background-color:transparent;	
	}
	#columna_pub_4
	{
		position: fixed;
		top:530px;
		left:35px;
		width:270px;
		height:300px;
		background-color:transparent;	
	}
	#pie_moviles
	{
		position: fixed;
		top:660px;
		width:96%;
		height:200px;
		background-color:transparent;	
	}
	
	#logo:hover{		
		box-shadow: 1px -2px 13px 2px rgba(255,255,255,0.75);
			}
		
	#menu_opciones{		
		z-index:99999;
	}
	
	#miniatura{
		width:200px;
		height:200px;
		}
	/* Mensaje en el buscador cuando no hay resultados */	
	#no_results{		
		
		font-family: 'Alatsi';
			font-weight:bold;
			color:white;
			font-size:16px;
			
	}
	#pag_detal{
		position:absolute;
		width:660px;
		left:360px;
	
	}
	/* buscador en la nube */	
	#busca_en_nube{
		width:100%;
		height:50px;
		border-radius:5px;
		margin:10px;
		font-family:'Alatsi', Verdana, Tahoma;
		font-size:30px;
		font-weight:bold;
	}
	
		#aviso_menu
		{	
		position:absolute;
		background-color:transparent;		
		height:115px;		
		top:10px;
		}
		
		
		
		
	/**/
	/* paginas productos */					
	/**/
		
		#boton_desc_producto
		{
			position:absolute;
				width:80%;																
				left:10%;
				bottom:60px;
		}
		#but_compartir
		{
				position:absolute;
				width:80%;																
				left:10%;
				top:600px;
		}
		
		#catalogo
		{
			position:absolute;
			top: 412;
		}
										
								
		
						
		#card_producto {
				background-color:white;
				border-radius:5px;								
				width:96%;
				top:10px;
				padding:10px;
				height:500px;
				/* margin:5px;	*/
				line-height:0.85;
		}
		
		#card_detal {
				background-color:white;
				border-radius:5px;								
				top:10px;
				padding:10px;
				height:650px;
		}
		#card_edicion {
				background-color:white;
				border-radius:5px;								
				top:10px;
				padding:10px;
				height:650px;
		}
						
						
		#card_producto_titulo 
		{
		color: grey;		
		text-transform: capitalize;
		font-size: 25px;
		font-weight: bold;		
		margin:10px;
		}
							
		#card_producto_texto
		{
			
			color: gainsboro;    
			font-size: 12px;
			font-weight: normal;
			visibility:hidden;

		}
						
	#card_producto_texto_2 {
	color: gainsboro;    
	font-size: 20px;
	font-weight: normal;	
	margin:15px;
	}
	
	#card_producto_texto_5 {
		color: gainsboro;    
		font-size: 13px;
		font-weight: normal;	
		position:absolute;
		bottom:0px;
		visibility:hidden;
		}
		
	#card_producto_texto_6 {
		color: gainsboro;    
		font-size: 13px;
		font-weight: normal;	
		position:absolute;
		bottom:15px;
		visibility:hidden;
		}
		
	#catalogo_cols {							
		display:block; 
		column-count:1;
		}
		
	#catalogo_col_de_publi{
		visibility:hidden;
		}
						
	#columna_imagen{							
			width:310px;
			}
	
	#fondo{
		
		top:110px;
		padding:10px;
		width:100%;
		}
						

	

	#opciones{
			position:absolute;
			top: 100px;							
			text-align:center;
			width:100%;
			
	}		
	
#producto_thumbs {
				
				background-color:white;
				border-radius:5px;
				width:96%;
				padding:10px;
				
				margin:5px;								
					}	

	#aviso_310x310{
		background-color:transparent;
		width:310px;
		height:310px;						
		
	

	}
	
	#aviso_310x310_2{
		background-color:transparent;
		width:310px;
		height:310px;						
	

	}
					
	#butDescarga{
				position:relative;
				width:250px;
				left:0px;
				top:10px;
					}

	#opciones{
			position:absolute;
			top: 90px;							
			left:25%;
	}						
				
	
					
	.card_catalogo_imagen {
		width:230px;
		height:230px;
		border-radius:5px;
	}
	
		

	

	#card_producto {

				background-color:white;

				border-radius:5px;

				width:100%;

				padding:10px;

				height:350px;

				margin:5px;
				display:grid;

					}
	
	
	#card_producto_titulo {
			 color: grey;
			margin-bottom: 0.625rem;
			text-transform: capitalize;
			font-size: 30px;
			font-weight: bold;
			line-height:0.90;
			}
			
	#card_producto_texto {
			color: gray;    
			font-size: 18px;
			font-weight: normal;
			line-height:0.90;							
			}
			
	#card_producto_texto_5 {
			color: gray;    
			font-size: 12px;
			font-weight: normal;	
			}

	#fondo{
		position:absolute;
		top:170px;
		padding:10px;
		width:100%;
	}

	#logo{
				position:absolute;
				left:20px;								
				width:130px;
				height:126px;
				border-radius:15px;
					}
	/*Barra superior*/
	#navbarSupportedContent{
				position:absolute;
				left:150px;
				top:10px;
				width:800px;
	}
	#producto_thumbs {
				
				background-color:white;
				border-radius:5px;
				width:100%;
				padding:10px;
				height:220px;
				margin:5px;								
	}
	#titulo{
		height:50px;
		padding:20px;
		position:relative;
	}

#txt_carrito{
	font-family:verdana, tahoma, san serif;
	color: white;
	font-size:8px;
	font-weight:bold;
	position:relative;
	left:-10px;
	top:-15px;
}

.stretch-card>.card {
    width: 100%;
    min-width: 100%
}

.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.form-control{
	width:200px;
	border-radius:5px;
}


.mainimage {
    width: 100% !important
}
/* Dropdown menu */
.dropbtn {
  font-family:'Alatsi';
  background-color: transparent;
  
  font-size:15px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  color:white;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-botones{
	background-color: black;
	color:white;
	font-family:Verdana, Tahoma, San Serif;
  font-size: 12px;
  font-weight:bold;
  cursor:pointer;
  border: solid red 1px;
  border-radius:5px;
  margin:3px;
  height:30px;
  width:150px;
}
.dropdown-ahref{
	background-color: black;
	color:white;
	font-family:Verdana, Tahoma, San Serif;
  font-size: 12px;
  font-weight:bold;
  cursor:pointer;
  border: solid red 1px;
  border-radius:5px;
  margin:3px;
  height:30px;
  width:150px;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
  width: 170px;
  left:-90px;
  overflow: auto;
  z-index: 1;
  text-align:center;
  border-radius:5px;
}

.dropdown-content a {
  font-family:Verdana, Tahoma, San Serif;
  font-size: 12px;
  font-weight: bold;
  color: white;
  padding: 5px;
  text-decoration: none;
  display: block;
  text-align:center;
  vertical-align:middle;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}