/*  ********************************************************************** */
/*  ****************************** FORMULARIOS *************************** */
/*  ********************************************************************** */





/*  ********************************************************************** */
/*  ******************************    Tform    *************************** */
/*  ********************************************************************** */


.input-text,.input-textarea,.form_value {
    width: 100%;
    padding: 10px 10px;
    margin:10px 0px;
	/* para coincidir con selecboxit container*/
	border: 1px solid #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	box-sizing: border-box;
}

.form_label{
	height:30px;
	padding:5px 5px;
	margin:5px 0px;
	font-weight:bold;

}

.form_value, input.input-text {
	height:30px;
	padding:5px 5px;
	margin:10px 0px;
	box-sizing: border-box;
	background: rgba(216,216,216,0.2);
    border: 2px solid;
    border-radius: 0;
    padding: 15px 20px;
    height: auto;
    color: #4e4e4e!important;
    font-size: 1.7rem;
    text-align: center;
}

.form_value{
	border:none;
	height:auto;
	box-sizing: border-box;
}


#texto_es___Frame{width:100%;}
#texto___Frame{width:100%;}

input[type="checkbox"], input[type="radio"] { 
	margin-top:20px;
}

.tabuladores{
	float:left;
	padding-right:10px;	
}



.input-boton2,
.input-boton-carrito,
.input-boton  {

    font-family: "Prompt-Bold", sans-serif !important;
    border: none;

    background: var(--primary-color);
    padding: 10px 16px;
    display: inline-block;
    font-size: 2.4rem;
    color: #fff;
	font-weight: bold;
    /*text-transform: uppercase;*/
    margin: 10px 0px;

}

.input-boton2:hover,
.input-boton-carrito:hover,
.input-boton:hover {
    color: #fff;
    background: var(--primary-color);
}

.input-boton {
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
}

.input-boton:hover {
    background: var(--primary-color);
    color: #fff !important;
}

/*boton2 */
.input-boton2{
  	background: var(--primary-color);
    color: #fff;
	border:1px solid #fff;
	border-radius: 28px;
	text-transform: uppercase;
}

.input-boton2:hover{
	background: var(--primary-color);
    color: #fff ;
	font-weight:bold;

}
/*boton2 formulario */
.input-botonForm{
  	background: var(--primary-color);
  	float:left;
    color: #fff;
	border:1px solid #fff;
	border-radius: 28px;
	text-transform: uppercase;
	/*width: 100%;*/
	border:1px solid #fff;
	border-radius: 28px;
	text-transform: uppercase;
	height: 45px;
    font-family: "Prompt-Bold", sans-serif;
    border: none;
    line-height: 30px;
    padding: 0 16px;
    display: inline-block;
    font-size: 2.4rem;
    /*text-transform: uppercase;*/
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-botonForm:hover{
	background: var(--primary-color);
    color: #fff;
	font-weight:bold;

}
/*boton3 amarillo */
.input-boton3{
	width: 100%;
  	background: #ffdf2c;
    color: var(--primary-color);
	border:1px solid #fff;
	border-radius: 28px;
	text-transform: uppercase;
	height: 45px;
    font-family: "Prompt-Bold", sans-serif;
    border: none;
    line-height: 30px;
    padding: 0 16px;
    display: inline-block;
    font-size: 2.4rem;
    /*text-transform: uppercase;*/
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-boton3:hover{
	background: var(--secondary-color);
    color: #fff;
	font-weight:bold;

}


.input-select,.input-select-canales {
   font-size: 13px;
   height: 30px; 
	-webkit-appearance:none;
	-moz-appearance:none;
	background: url(../imagenes/arrow-down-gray-th.png) 97% / 14px no-repeat #ededed;
	padding-right:20px;
	margin-top:5px;
	 border: 2px solid #ccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: var(--primary-color);
	padding-left:5px;
	color:6f6f6f;
} 

.input-select option, .input-select-canales option{
	padding:2px 4px;
}


.input-select option:checked, .input-select-canales option:checked {
	color:#fff ;
	background: var(--primary-color);
	box-shadow: 0 0 10px 100px var(--primary-color) inset;

}
 
.input-select option:hover .input-select-canales option:hover {
    box-shadow: 0 0 10px 100px var(--primary-color) inset;
	color:#fff;
}

.input-select-canales {
   font-size: 12px;
   height: 20px; 
	margin-top:0px;
	border-bottom: 0px;
	padding-left:5px;
	color:#000;
} 

.input-select-canales option {
	padding:1px 4px;
}

.input_icono_modificar{
	background: url(../imagenes/modificar.png) no-repeat ;
	background-size:auto 100%;
	height:25px;
	width:40px;
	border:none;
	margin-left:5%;
	line-height:10px;	
}
.input_icono_modificar:hover{
	background: url(../imagenes/modificar-hover.png) no-repeat ;
	background-size:auto 100%;
	
}
.form_label > a{
	color:#fff;
	background:var(--primary-color);
	padding-left: 16px;
	padding-right: 16px;
	height:30px;
	float:left;
	text-align:center;
	margin-top:-5px;
	line-height:30px;
	font-weight:500;
}

/*  ********************************************************************** */
/*  ********************************* TABLAS ***************************** */
/*  ********************************************************************** */
#Ttable {
/*		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		-khtml-border-radius: 16px;
		border-radius:16px; */
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#9c9e9f;
		border-width:0px 0px 2px 0px ; 
		margin:15px 5px 5px 5px; 
		padding:0px 0px 5px 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:10px;
		margin-left: auto;
		margin-right: auto;
      }
	
#Ttable a:active{ color: #000000; }
#Ttable a:link{ color: #000000; }
#Ttable a:visited{ color: #000000; }
#Ttable a:hover{ color: #000000; }


	
#Ttable .title {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align:left;
	text-indent: 3px;
	height: 20px;
	line-height: 20px; 
	border: 1px solid #8c8c8c;
/*	border-top: 2px solid #d5d5d7; */
/*	border-bottom: 2px solid #d5d5d7; */
}
#Ttable .title a:active{ color: #000; }
#Ttable .title a:link{ color: #000; }
#Ttable .title a:visited{ color: #000; }
#Ttable .title a:hover{ color: #000s; }

#Ttable .campos1 {
	font-size: 11px;
	font-weight: normal;
	color: #646464;	
	text-decoration: none;
	text-indent: 3px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	}
#Ttable .campos1 a:active {  text-decoration: none; color: #646464;font-weight: bold;  }
#Ttable .campos1 a:link { text-decoration: none ; color: #646464; font-weight: bold; }
#Ttable .campos1 a:visited { text-decoration: none; color: #646464; font-weight: bold;}
#Ttable .campos1 a:hover { text-decoration: underline; color: #646464; font-weight: bold;}

#Ttable .campos2 {
	font-size: 11px;
	font-weight: normal;
	color: #646464;	
	text-decoration: none;
	text-indent: 3px;
	background: #FFFFFF;
/*	height: 20px;
	line-height: 20px; */
	   border: 1px solid #cccccc;
	}
#Ttable .campos2 a:active {  text-decoration: none; color: #646464;  font-weight: bold;}
#Ttable .campos2 a:link { text-decoration: none ; color: #646464; font-weight: bold;}
#Ttable .campos2 a:visited { text-decoration: none; color: #646464; font-weight: bold;}
#Ttable .campos2 a:hover { text-decoration: underline; color: #646464; font-weight: bold; }


#Ttable .sumas {
	font-size: 13px;
	font-weight: bold;
	color: #000;	
	text-decoration: none;
	background: #fff;
	border:none;
	border-bottom:1px solid #cccccc;
	}
	
#Ttable .sumas:first-of-type {
	border-left: 1px solid #cccccc;
	}
#Ttable .sumas:last-of-type {
	border-right: 1px solid #cccccc;
	}
	
#Ttable .sumas a:active {  text-decoration: none; color: #FFF;  font-weight: bold;}
#Ttable .sumas a:link { text-decoration: none ; color: #FFF; font-weight: bold;}
#Ttable .sumas a:visited { text-decoration: none; color: #FFF; font-weight: bold;}
#Ttable .sumas a:hover { text-decoration: underline; color: #FFF; font-weight: bold; }
	  
/* 15. CART STYLES */

#Ttable {
    width: 100%;
    background: #ffffff;
    display: block; 
 /* display:table-caption;*/
    overflow: auto;
	   margin-left:auto; 
    margin-right:auto;
	padding:1px;
	

}

#Ttable tr td img {
 /*   width: 100px; */
    margin: 0 auto;
}

#Ttable tr td {
    padding: 7px;
	width:1%;
}

#Ttable tr .td_oculto{
text-align:center;
	padding:0px ;
margin:0px;
	width:0.01%;
}

@media only screen and (min-width: 768px)  and (max-width: 1172px)  {
#Ttable tr td {
    padding: 8px;
}

}
	  
@media only screen and (min-width: 768px)  and (max-width: 959px)  {
#Ttable tr td {
    padding: 4px;
}

}
  
@media only screen and (min-width: 200px)  and (max-width: 767px)  {
#Ttable tr td {
    padding: 2px;
}
.input-boton3, .input-boton2, .input-botonForm {
	font-size: 2rem;
}

#formularios{width:84%;margin-left:8%;}

.form_label{
	height:20px;
	padding:3px 3px;
	margin:10px 0px 0px 0px;
	line-height:auto;
}
}

/*  ********************************************************************** */
/*  ********************************* MENSAJES *************************** */
/*  ********************************************************************** */

#Tmensaje {
	/*	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-style:solid;
		background-color:#E9E9E0;
		border-color:#D4D1C9;
		border-width:5px;*/
		margin:10px 10px 10px 10px;
		padding:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-left: auto;
		margin-right: auto;
      }

#Tmensaje .title {
		border:none;
		text-align:center;
		color:#088395;
		font-weight: bold;
		font-size:14px;
		}

#Tmensaje .spantitle1 {
	/*	background:url("../imagenes/titulo_izq_mensaje.gif") no-repeat left top; */
/*		background-position: 0px 7px; */
		padding:12px 0px 4px 25px; 
		margin:0px 0px 0px 0px; 
      }

#Tmensaje .spantitle2 {
		/*background:url("../imagenes/titulo_der_mensaje.gif") no-repeat right top; */
	/*	background-position: 0px 7px;  */
		padding:12px 25px 4px 0px;  
		margin:0px 0px 0px 0px;  
      }

	  



#Tmensaje .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #222222;
	text-decoration: none;
/*	text-indent: 3px; */
	padding:2px 4px 2px 4px; 
/*	background-color: #D0D0D0; */
/*	background-image: url(../imagenes/fondo_formulario_campos.gif); */
	}


/*  ********************************************************************** */
/*  ********************************* MENSAJES ALERTAS******************** */
/*  ********************************************************************** */

#Tmensajealerta {
/*		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		-khtml-border-radius: 16px;
		border-radius:16px; */
	/*	border-style:solid; */
		background-color:#FFFFFF;
		/*border-color:#0081ff;
		border-width:0px 0px 2px 0px ; */
		margin:15px 5px 5px 5px; 
		padding:0px 0px 5px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-left: auto;
		margin-right: auto;
      }
	
#Tmensajealerta a:active{ color: #fff; }
#Tmensajealerta a:link{ color: #fff; }
#Tmensajealerta a:visited{ color: #fff; }
#Tmensajealerta a:hover{ color: #fff; }

#Tmensajealerta .title {
		border:none;
		text-align:center;
		height:22px;
		color:#FFFFFF;
		font-weight: bold;
		font-size:13px;
		text-transform:uppercase;
/*		background-color:#69C;   */
		padding:0px;
/*		border-style:solid; */
	/*	border-color:#0081ff; */
	/*	border-width:0px 0px 2px 0px ;  */
		text-height:20px;
		}

#Tmensajealerta .spantitle1 {

      }

#Tmensajealerta .spantitle2 {
 
      }

	  
#Tmensajealerta .text a:active {  text-decoration: none; color: #fff;}
#Tmensajealerta .text a:link { text-decoration: none ; color: #fff;}
#Tmensajealerta .text a:visited { text-decoration: none; color: #fff;}
#Tmensajealerta .text a:hover { text-decoration: underline; color: #fff;}


#Tmensajealerta .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #222222;
	text-decoration: none;
/*	text-indent: 3px; */
	padding:2px 4px 2px 4px; 
/*	background-color: #D0D0D0; */
/*	background-image: url(../imagenes/fondo_formulario_campos.gif); */
	}