.form_tb{
	margin:11px auto;
}
.form_tb td, form td{
	padding:6px;
	border-bottom: none;
}
.form_tb td h1, form td h1,
.form_tb td h2, form td h2,
.form_tb td h3, form td h3,
.form_tb td h4, form td h4
{
	text-align:left;
}
.form_tb td:first-child, form td:first-child{
	text-align:right;
}
.form_tb .form_td_titulo{
	font-size:1.2em;
	color:#111;
	font-weight:bold;
	padding-top:21px;
	padding-bottom:17px;
}
.form_tb .td_etiqueta{
	text-align:right;
        vertical-align: top;
	padding-top:0.7em;
}
.form_tb .td_input{
	text-align:left;
}
.antispam_question{
        font-weight: bold;
        line-height:2em;
}

.disabled{background-color:rgba(128,128,128,0.6)!important;}

.alerted_field{background-color: yellow!important;background: yellow!important;color:black!important;}

input[type=checkbox].alerted_field{box-shadow:0px 0px 1px 3px yellow;}
.valid_antispam{background-color:rgba(80,200,80,0.2)!important;border-color:rgba(80,200,80,0.7)!important;}
.not_valid_antispam{background-color:rgba(200,80,80,0.2)!important;border-color:rgba(200,80,80,0.7)!important;}

td[rel=label]{white-space: nowrap_;}

input, select, textarea{width: 100%;}
input[type=radio], input[type=checkbox]{width: auto;}
label{display:inline-block!important;}

.add_element_form input[rel=code]{ min-width:150px; }
.add_element_form .control{ text-align:left;}

.add_element_form .two_text_group{
    display:table;
    position:relative;
    border-collapse: separate;
    box-sizing: border-box;
    width:100%;
    padding:0; margin:0.5rem 0;
    white-space:nowrap;
}
    .add_element_form .two_text_group input{
        position:relative; display:table-cell!important;width:50%;margin:0px!important;height:38px;
    }
    .add_element_form .two_text_group input:first-child{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: none;
    }
    .add_element_form .two_text_group input:nth-child(2) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .add_element_form .two_text_group a{
        position:relative; display:table-cell!important;
        vertical-align: middle;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }


/* ====== user/login/logout gadgets ===== */

	/* ====== top user/bar ===== */

	.user_bar{
		display:inline-block;
		padding:0.1rem 1rem;
		color: #fff;
	}
		.user_bar .shopping_cart{
			border-bottom: none;
			display:inline-block;
			margin:0 0.5rem;
			color: orange;
			font-size: 1.1rem;
			outline:none;
		}
		.user_bar .shopping_cart:hover{
			color: #fff;
		}
		.user_bar .shopping_cart .cart_n{
			font-weight: bold;
			display: inline-block;
			vertical-align: baseline;
			height: 1.6rem;
			line-height: 1.6rem;
			padding: 0;
			font-size: 1rem;
		}

	/* ====== slide menu (for mobile) user/bar ===== */

	@media (max-width: 600px) {
		.user_bar{display:none;}
		.user_bar2 .user_bar{display:block;}
	}

	.user_bar2{
		display:block;
		width:100%;
		border-top:2px rgba(0,0,0,0.15) solid;
		border-bottom:2px rgba(0,0,0,0.15) solid;
		margin: 0.8rem 0;
	}
	.user_bar2 *{
		color: #444;
		border-bottom:none;
	}


/* ====== LOGIN FORM ===== */

	#contactos_login_form td{
		width:300px;
		max-width:90%;
	}

/* ====== USER DASHBOARD ===== */

	.contactos_user .msg{
		display:inline-block;
		padding-left: 30px;
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 20px;
		background-size: 2rem;
	}
	.contactos_user .msg.warning{
		background-image:url('../../modulo_/disenyo/ic-warning.png');
	}
	.contactos_user .msg.info{
		background-image:url('../../modulo_/disenyo/ic-info.png');
	}
	.contactos_user .msg.success{
		background-image:url('../../modulo_/disenyo/ic-success.png');
	}
	#keyphrase_rec_2{ width:90%; max-width:200px;}

	.contactos_user .frame{
		margin-left:0;
		margin-right:0;
		width:100%;
		position:relative;
	}
	.contactos_user .menu{
		margin:0;
		padding:0;
		width:100%;
		text-align:center;
	}
	.contactos_user .menu a{
		margin: 0.3rem; text-align: center;
	}

	.contactos_user a.green{
		/*background-color: rgba(0,255,0,0.2);*/
                color: rgba(0,0,0,0.8);
	}
	.contactos_user .menu a.cart span.cart_n{
		background-color: #211;
		color: white;
		font-weight: bold;
		display: inline;
		border-radius: 50%;
		height: 1.5rem;
		padding: 0 2px;
	}

            @media (max-width: 600px) {
                    .contactos_user .menu a span{display:none;}
            }

	.contactos_user input{
		width:100%;max-width:300px;
	}

        table.contactos_user_log{ margin-left:10%; color:#555;}

	/* ====== slide menu (for mobile) user/bar ===== */

		.contactos_user .frame a[rel=user_menu]{
			position: absolute;
			top:0.5rem;
			right: 0.5rem;
		}

/* Form controls (responsive design style)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .control{
        float:none; clear:both;
    }
    .control:after{
        content:'';display:block;height:1px;float:none; clear:both;
    }
    .control label{
        line-height: 2.3rem;
        display:inline-block;
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding:0.3em 0;
        padding-bottom: 0;
        text-align:left;
    }
    .control div{
        display:inline-block;
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding:0.3em 0;
        padding-top: 0;
    }
    /* For devices larger than 500px */
    @media (min-width: 500px) {

        .control label{
            line-height: 1.5rem;
            display:inline-block;
            width: 48%;
            max-width:200px;
            float: left;
            box-sizing: border-box;
            padding:0.3em;
            text-align:right;
        }
        .control div{
            display:inline-block;
            width: 48%;
            float: left;
            box-sizing: border-box;
            padding:0.3em;
        }
    }
    .control.vertical label,
    .control.vertical div{
        float:none;
        width: 100%;
    }
