* {
	margin:0;
	padding:0;
	border:0;
	box-shadow: 0;
	box-sizing: border-box;
	}



@font-face {
  font-family: 'Ubuntu', ;
  
}

.container {
  padding-right: 10px ;
  padding-left:10px ;
  width:98%;  
  
}




 .profile {
		
		font-size: 14px;
	    text-align: left;	
		
	}
	
	.profile a {
		
		text-decoration:none;
		color:rgb(80,80,80);
		
	}
	
	.encabezadoh2 , .profile h2{color: rgb(248,211,20);}
	
 
 body {
	background:rgb(245,245,245);
    color: rgb(57, 57, 57); 
	font-family: Ubuntu;
	font-size: 18px;
	text-align: center;
	font-weight:light;
    }
	


header {
	margin: 0;
	padding: 0;
	border:0;
	box-shadow: 0;
}

/* footer*/
	footer {
	background: rgb(40,40,40);
	color: rgb(120,120,120);
	text-align: center;
	margin:auto;
	}
	
.dark div{
  
  border-bottom:solid 1px rgb(120,120,120);
  width:100%;
  height:10px;
  
}	
 
 .contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px ;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
 .login2{
	border:0;
	background: rgb(248,211,20);
	color:white;
	margin: 5px 5px 5px 5px;	
	padding: 5px 10px 5px 10px;
	border-radius:50px;
	height:40px;
	
	
}




.login2:hover{ background:rgba(248,211,20,.8) !Important;}
 
 
 .yellow {color:rgb(248,211,20);}
 
 
 /* Mi Carta */
 
 .fluidmicarta {
	 position:fixed;
	 top:0;
	 width:100%;
	 background: rgb(40,40,40) !Important;
    -webkit-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
     box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
     z-index:10001;




 }
 
 /* Centrar imagen en el medio--*/

.logocontainer {
	display: flex;    
    justify-content: center;
	
}

.logocontainer img {margin-top:10px; margin-bottom:10px; height:150px;}

.footer3 {
	position:fixed; 
	bottom:0px; 
	width:100%;
	-webkit-box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.75);
     box-shadow: -1px -30px 31px -16px rgba(0,0,0,0.75);
	
}

.pmicarta {font-size:14px !Important;}


.container1micarta{

height:112.5px;
width: : 92%;
border: .5px solid ;
border-radius:5px;
border-color: rgb(220,220,220);
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:0px;
padding-left:0px;
padding-right:20px;
padding-bottom:0px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15);
margin: auto;
background:rgba(255,255,255,1);
position:relative;
}

.imgmicartacontainer {
	
	display: inline-block;
	width:150px;
	height:112px;
	padding-top:0px;
padding-left:0px;
padding-right:00px;
padding-bottom:0px;

}

 .imgmicarta {
	 
	 border-radius: 5px 0px 0px 5px ;
	 width:150px;
	 height:112px;
	 
 }
 
 .imgmicarta:hover{
	 transition: all 1s;
	 transform: scale(1.2) !Important;
	 z-index:999999 !Important;
	 border-radius:5px;
 }
 
 .imgmicarta {
	 transition: all 1s;
	 transform: scale(1) !Important;
 } 
	 
 
 

.datamicarta {display:inline-block  ;
margin-left:10px;
height:112.5px;
margin-top:0px;
padding-top:0px;

}

.h4micarta {
font-size:18px;
font-weight:bold;
margin-top:0px;
position:absolute;
top:5px;
}



.descmicarta {
font-size:12px;
color:rgb(80,80,80);
position:absolute;
top:30px;
}
 
 .preciomicarta {
font-size: 18px;
font-weight:bold;
color:rgb(248,211,20);
position: absolute;
right:20px;
bottom:5px;


 }	 
	 
 .codmicarta {
font-size: 12px;
font-weight:bold;
color:rgb(57,57,57);
position: absolute;
left:160px;
bottom:5px;


 }	
 
 /* Fin Mi Carta */
 
 

.pdemo{color : white;}

/* Social */



.contact2 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	left: 20px ;
	z-index:100;	
	}	
	
.contact2:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact2 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
.socialicon{color:rgb(248,211,20);}


.modal-dialog {
	
width:90%;
max-width:500px;
background: rgba(57,57,57,.7) !Important;
margin:auto;

}

.modal-content {

background: transparent !Important;

}

.tasocial {margin:auto;}

.tdsocial {margin: 5px 5px 5px 5px;
padding:10px 10px 10px 10px;
}

.inputsocial  {
	
	background: transparent ;
	border: 1px solid rgb(248,211,20) !Important;
	border-radius:5px;
	color: rgb(248,211,20) !Important;
	font-size:14px;
    padding:5px 5px 5px 5px;
}



.socialh3{color:rgb(248,211,20) !Important;}

.socialboton {background:rgb(248,211,20)  !Important ;}

.ili {display:inline-block;}

.facebook,
.instagram,
.whatsapp,
.suscribetemail,
.suscribetecel {
	
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:50px;
	height:50px;
	transition: all 1s;
	
}





/*Fin Social */



 /*---acordeon---*/

#container-main{
	width:98%;	
}


.accordion-container {
	width: 100%;
}

.accordion-titulo {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 24px;
	font-weight: 300;
	background: rgb(57,57,57);
	color: rgb(248,211,20);
	text-decoration: none;
}
.accordion-titulo.open {
	background: rgb(57,57,57);
	color: rgb(248,211,20);
}
.accordion-titulo:hover , .accordion-titulo:focus , .accordion-titulo:active{
	background: rgb(57,57,57);
	color:rgb(248,211,20);
	text-decoration:none;
}

.accordion-titulo span.toggle-icon:before {
	content:"+";
	color:rgb(248,211,20);
}

.accordion-titulo.open span.toggle-icon:before {
	content:"-";
	color:rgb(248,211,20);
}

.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 3px;
	right: 20px;
	font-size: 38px;
	font-weight:bold;
}

.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}



@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
	}
}

/*Fin Acordeon*/