/* CSS Document 
//2023-02-28
body{
	/*padding: 20px 10px 20px 10px;
	font-family: "Raleway",sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Lato', sans-serif;*/	
font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 25px;
	margin:0 auto;
	font-weight:300;
}
.ancho_pral{
	margin:0 auto;	
	/*max-width:1200px;*/
}
.barra_menu{
	background-color:#FFF;
}
#clienteSinLogo{
	padding:20px;
	color:#fff;
	font-size:2.00em;
	font-weight:bold;
}
.modal-dialog {
    max-width: 800px;
}

.titulo_cc{
	top:30px;
	padding-left:100px;
}
.titulos{
	font-size:1.30em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
label{
	position:relative;
	top:5px;
	
}
/*input[type="checkbox"] {
	padding: 40px;
}*/
input[type="text"], select  {
	width:100%;
	padding:5px;

	
}
input[type="text"].cant  {
	text-align:center;
}
input[type="email"]  {
	width:100%;
		padding:5px;
}
input[type="tel"]  {
	width:100%;
		padding:5px;
}
.marco {
	/*border:#333 2px solid;*/
}
.bordeinf{
	border-bottom:#333 2px solid;
}
.listado .row{
	padding:5px;
	
}
.desactivado{
	font-size:0.90em;
	color:#CCC;
	position:relative;
	padding:5px;

}
.activado{
	font-size:0.90em;
	color:#333;
	position:relative;
	padding:5px;

}
.datos{
	padding:0px 20px 0px 20px;
	
}
.margen{
	padding:0px 0px 0px 0px;
	
}
.separado-inf{
	position:relative;
	padding-bottom:10px;
	
}
.blanco{
	color:#FFF;
}
	
.color_ok{
	color:#360;
}
.color_ko{
	color:#f00;
}
.color_gris{
	color:#999;
}
.color_primary{
	color:#007bff;
}
.color_warning{
	color:#ffc107;
}
.negrita{
	font-weight:bold;
}
.fnd-acordeon{
	background-color:#f3f3f3;
	
}
#accordionExample h6 {
	color:#333;
	width:100%;
	text-align:left;
}
/*#accordionExample .btn:hover{
	text-decoration:none;
	color:#000;
	
}*/
#accordionAdmin .card-header {
	background-color:#333;
	color:#FFF;
}
#accordionAdmin .btn {
	color:#fff;
	width:100%;
	text-align:center;
}
#accordionAdmin .btn:hover{
	text-decoration:none;
	color:#000;
	
}
.enlace_gris a {
	color:#666;
}
.enlace_gris a:hover{
	text-decoration:none;
	color:#000;
	
}
.tit_ejemplo{
	background-color:#360;
	padding:5px;
	width:100%;
	color:#fff;
}
.logo{
	padding-bottom:20px;
	padding-top:40px;
	padding-left:0px;
	padding-right:0px;

}
.titulo_scc{
	color:#FFF;
	background-color:#000;
	text-align:center;
	padding:10px;
	
}
/* INTERLINEADO*/
.desc_admin{
	margin:0px 0px 30px 0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:10px;	
	padding-bottom:10px;
	border:#000 1px solid;	
	background-color:#eee;
}
.titulo_prod{
	padding:10px;
	text-align:center;
	font-weight:bold;
	border:#000 1px solid;
	background-color:#f9f9f9;
}
.titulo_col{
	text-align:center;
	font-weight:200;
	color:#aaa;
}
#heading_enviar, #heading_recoger  {
	background-color:#ccc;
}
#heading_enviar .btn, #heading_recoger .btn {
	color:#333;
	font-weight:bold;	
	
}
#heading_enviar .btn:hover, #heading_recoger .btn:hover {
	color:#000;	
}
#embarque{
	padding:20px;
}
.tit_enviar{
	background-color:#CCC;
	color:#333;
	font-size:0.75em;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	
}
.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     
.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position:relative;      
z-index:100;  
}
.inc_conf_carro a{
	color:#222;
	text-decoration:none;
	padding:5px	
}
.hojapedido{
	border:1px #666 solid;
}
.hojapedido h3{
	background-color:rgba(0,0,0,0.2); 
	padding:25px 10px 20px 10px;	
}


.inc_conf_carro a:hover{
	color:#000;
}
.pedido{
	display:none;
}
/*------------------------M10---------------------------*/
.opciones{
	font-style:italic;
	font-size:0.80em;
	color:#666;
}
.boton_carro button{
	background-color:#000;
	color:#FFF;
	padding:10px 15px;

}
.boton_carro button a{
	color:#FFF;
	text-decoration:none;
	font-weight:400;
}
.trazo_negro {
    text-shadow: 1px  0px 0px #000,
               0px  1px 0px #000,
              -1px  0px 0px #000,
               0px -1px 0px #000;
}
/*------------------------M12---------------------------*/
img.fotosVisor {
	height:90px;
	border:1px solid #ccc;
	margin:5px;
	cursor:pointer;
}
.oculto{
	display:none;
}
.div_marco_enlinea{
	border:1px solid #CCC;
	display:inline-block;
	box-shadow:#CCC;
	
}
.div_marco_enlinea img, .div_marco_enlinea .btn{
	margin-bottom:10px;	
}
.tit_panel_usuario{
	background-color:#CCC;
	color:#333;
	font-size:1.30em;
	font-weight:bold;
	padding:10px 20px;
}
.bienvenida h3{
	color:#333;
	/*background: url(../img/bienvenida/bienvenida.jpg) center center;*/
	background-color:#FFF;
	text-transform:uppercase;
	font-size:1.50em;
	font-weight:bold; 
	margin:20px 0px 35px 0px;
}
.foto_carrito{
	height:50px;
	padding:5px;
	border:1px solid #ccc;
	margin-right:20px;
}
.foto_carrito:hover{
	/*height:200px;*/

}
footer{
	background-color:#000;
	color:#FFF;
	
}
footer{
	/*max-width:1200px;*/	
	margin:0 auto;
	position:relative;
	/*top:-20px;*/
}
footer .info{

	/*padding:40px 0px;*/
}
footer .titulo{
	position:relative;
	padding:20px 0px;
	font-size:2.00em;
	font-weight:600;	
	line-height:1.00em;
}
footer .subtitulo{

	position:relative;
	padding-bottom:25px;
	font-size:1.30em;
	font-weight:400;
	line-height:1.20em;
	
}
footer .direccion{
	font-size:1.10em;
	line-height:1.40em;
	padding-left: 30px;
	font-weight:400;
	
}
footer .icono{
	position:relative;
	float:left;
	font-size:1.10em;
}
footer .inferior{
	/*border-top:1px solid #333;*/ 
	padding:10px 0px;
	background-color:rgba(255,255,255,0.09);
	font-size:0.85em;
	color:#999;;
 	
}
footer a{
	color: #999;
}
footer a:hover{
	color: #ffF;
	text-decoration:none;
}
/*------------------------------------------*/
.rs{
	font-size:1.90em;
	position:relative;
	display:inline-block;
	padding:15px;
	
}
.rs .facebook, 
.rs .instagram, 
.rs .whatsapp, 
.rs .twitter, 
.rs .pinterest, 
.rs .youtube,
.rs .blog
{
	padding-right:15px;
}
.rs .compartir{
	text-align:right;
	color:#999;
	padding-right:15px;
}
.rs .compartir a:hover{
	color:#333;
}

.whatsapp a{
	color: #03c100;
}
.whatsapp a:hover{
	color: #04ef00;	
}
.facebook a{
	color: #34538f;
}
.facebook a:hover{
	color: #4167b2;	
}
.instagram a{
	color: #952e76;
}
.instagram a:hover{
	color: #be3b97;	
}
.pinterest a{
	color: #c00;	
}
.pinterest a:hover{
	color: #f00;	
}
.twitter a{
	color: #1d9bf0;
}
.twitter a:hover{
	color: #1fa5ff;	
}
.youtube a{
	color: #fe0000;
}
.youtube a:hover{
	color: #fe3636;	
}
.blog a{
	color: #fea700;
}
.blog a:hover{
	color: #febb3a;	
}
/*------------------------------------------*/
#ficha_prod .precio{
	font-size: 2.00em;
	padding-right:15px;
}
.rojo{
	background-color:#F00;
	color:#fff;
}
.verde{
	background-color:#0F0;
	color:#000;
}
.card-title{
	min-height:45px;
}
.card_cuerpo{
	padding: .75rem 1.25rem;
}
.pestanas-body{
	margin-top:8px;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	border-bottom:1px #ddd solid;
}
.form_tramitar a{
	color:#333;
	font-weight:bold;
}
.form_tramitar a:hover{
	text-decoration:none;
}
/* RAYAS
.impar{	
	background-color:#ccc;
}
.par{	
	background-color:#ccc;
} */
.square {
position: relative;
width: 50%;
}

.square:after {
content: '';
display: block;
padding-bottom: 100%;
}

.content {
position: absolute;
width: 100%;
height: 100%;
}

/*//-----------------------------------------*/
/* M14*/
.form_tramitar{
	font-size:0.80em;
}
.form_tramitar .nav-link, .form_tramitar .nav-link:focus, .nav-link:hover {
	color:#000;
	font-weight:bold;
}
.card_precio{
	padding:20px 0px;
	font-size:1.50em;
	font-weight:700;
	text-align:right;
}
.card_ref{
	font-size:0.75em;

	font-weight:400;
	text-align:right;	
	color:#999;
	font-style:italic;
}

.card_add{

}
.card_titulo{
	font-size:0.95em;

}

.card.producto:hover {
	outline:#CCC solid thin;
}
.tema_color{
  background-color: #000;
}
.tema_color:hover{
  opacity: .8;
}
a.tema_color{
color:#fff;	
}
a.tema_color:hover{
 opacity:0.9;
 color:#fff;	
}
.card-img-top:hover {
	transition: transform 0.5s;
	transform:scale(1.01,1.01);
	
}
.body-ini{
	margin-bottom:-16px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs {
	color: #495057;
	background-color: #eee;
	border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #ccc;
	border-color: #dee2e6 #dee2e6 #fff;
}
.icon_scc{
    background-color: #000099; /* Green */
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 30px;
	border-radius: 4px;
	opacity:0.8;
}
.icon_scc:hover{
	opacity:1.0;
}
.pag_info {
	background-color: #f3f3f3;
	border: 1px #666666 solid;
	padding: 40px;

}