

/*  ********************************************************************** */
/*  ****************************** FORMULARIOS *************************** */
/*  ********************************************************************** */





/*  ********************************************************************** */
/*  ******************************    Tform    *************************** */
/*  ********************************************************************** */


.input-text,
.input-textarea,
.form_value,
#fecha_nacimiento  {
    width: 100%;
    padding: 10px 10px;
    margin:10px 0px;
	/* para coincidir con selecboxit container*/
	border: 1px solid #28537D;
	border-color: rgba(40, 83, 125, 0.1) rgba(40, 83, 125, 0.1) rgba(40, 83, 125, 0.25);
	border-bottom-color: #28537D;
	box-sizing: border-box;
}

.form_label{
	height:30px;
	padding:5px 5px;
	margin:5px 0px;
	font-weight:bold;

}

.form_value, 
input.input-text,
#fecha_nacimiento{
	height:30px;
	padding:5px 5px;
	margin:5px 0px;
	box-sizing: border-box;
}

.form_value{
	border:none;
	height:auto;
	box-sizing: border-box;
}


#texto_es___Frame{width:100%;}
#texto___Frame{width:100%;}


.tabuladores{
	float:left;
	padding-right:10px;	
}



.input-boton2,
.input-boton-carrito,
.input-boton  {
    height: 32px;
    border: none;
    border-radius: 20px;
    line-height: 32px;
    background: #425969;
    padding: 0 16px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    /*text-transform: uppercase;*/
    margin: 5px 0px;
    float: right;
}

.input-boton2,
.input-boton-carrito,
.input-boton:hover {
    background: #000;
    color: #fff;
}

/*.input-boton {*/
/*    background: #0A3065;*/
/*    color: #fff;*/
/*    border-radius: 5px;*/
/*}*/

.input-boton:hover,
.input-boton-carrito:hover {
    color: #fff;
    background-color: #88acc4;
}

/*boton2 */
.input-boton2{
	margin-top:20px;
  	background: #727272;
    color: #fff;
	border:1px solid #fff;
	padding-left:  25px;
	padding-right:  25px;
}

.input-boton2:hover{
   background: #969b9d;
    color: #fff;
	border:1px solid #fff;
}


.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 #fff;
	padding-right:20px;
	margin-top:5px;
	border: 1px solid #25537e;
	border-color: rgba(213, 222, 239, 0.1) rgba(213, 222, 239, 0.1) rgba(213, 222, 239, 0.25);
	border-bottom-color: #28537d;
	padding-left:5px;
} 

.input-select option, .input-select-canales option{
	padding:2px 4px;
}


.input-select option:checked, .input-select-canales option:checked {
	color:#fff ;
	background: #25537e;
	box-shadow: 0 0 10px 100px #25537e inset;

}
 
.input-select option:hover .input-select-canales option:hover {
 color:#fff ;
	background: #25537e;
	box-shadow: 0 0 10px 100px #25537e inset;
}

.input-select-canales {
	background: #000;
	color: #fff;
	font-size: 12px;
	height: 20px; 
	margin-top:0px;
	border: 1px solid white;
	padding-left:5px;
} 

.input-select-canales option {
	padding:1px 4px;
}

.input_icono_modificar {
    background: url(../imagenes/modificar.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    border: none;
    margin-left: 5%;
}
.field2{width:100%;}

/*  ********************************************************************** */
/*  ********************************* TABLAS ***************************** */
/*  ********************************************************************** */
#Ttable {
		background-color:#FFFFFF;
		border-color:#999;
		 border-style:double;
		border-width:0px 0px 5px 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: #041e42;
	text-decoration: none;
	text-indent: 3px;
	background: #fff;
	height: 20px;
	line-height: 20px; 
	border-bottom: 1px solid #000;
	text-transform:uppercase;
/*	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: #000; }

#Ttable .campos1 {
	font-size: 11px;
	font-weight: normal;
	color: #727272;	
	text-decoration: none;
	text-indent: 3px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #727272;
	}
#Ttable .campos1 a:active {  text-decoration: none; color: #727272;font-weight: bold;  }
#Ttable .campos1 a:link { text-decoration: none ; color: #727272; font-weight: bold; }
#Ttable .campos1 a:visited { text-decoration: none; color: #727272; font-weight: bold;}
#Ttable .campos1 a:hover { text-decoration: underline; color: #727272; font-weight: bold;}

#Ttable .campos2 {
	font-size: 11px;
	font-weight: normal;
	color: #727272;	
	text-decoration: none;
	text-indent: 3px;
	background: #fff;
	border-bottom: 1px solid #727272;
	}
#Ttable .campos2 a:active {  text-decoration: none; color: #727272;  font-weight: bold;}
#Ttable .campos2 a:link { text-decoration: none ; color: #727272; font-weight: bold;}
#Ttable .campos2 a:visited { text-decoration: none; color: #727272; font-weight: bold;}
#Ttable .campos2 a:hover { text-decoration: underline; color: #727272; font-weight: bold; }


#Ttable .sumas {
	font-size: 11px;
	font-weight: normal;
	color: #FFF;	
	text-decoration: none;
	text-indent: 3px;
	background: #8c8c8c;
	border: 1px solid #000;
	}
#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;

}

#Ttable tr td img {
 /*   width: 100px; */
    margin: 0 auto;
}

#Ttable tr td {
    padding: 10px;
	width:1%;
	text-align: left;
}

#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;
}


#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;
		clear: both;
      }

#Tmensaje .title {
		border:none;
		text-align:center;
		color:#005e9e;
		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); */
	}




