@charset "utf-8";
/* CSS Document */

*:focus {
	outline: none;
}

.error_mesg{ color:#F20C0C; display:none; font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans'; font-size:14px; padding:20px;}
.form_error{ color:#F20C0C; font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans'; font-size:14px; }

.label_form{ font-size:15px; padding:15px 0 5px 0; display:block; }


.required{ color:#FF0004; font-size:18px; padding-left:2px;}
/*inputs*/


.form-input, .form-input-disabled, .form-input-error,
.form-textarea, .form-textarea.disabled, .form-textarea.error{
	display: inline-block;
	font-family: "Roboto Condensed", Roboto, Montserrat, Arial;
	height: 32px;
	line-height: 22px;
	_height: 36px;
	padding: 0 8px;
	font-size: 16px;
	color: #767676;
	background: #fff;
	border: 1px solid #949494;
	vertical-align: top;
	/*NOTE: do not set middle in this container (IE bugs will be)*/
}

.gen_select{
	display: inline-block;
	font-family: "Roboto Condensed", Roboto, Montserrat, Arial;
	height: 32px;
	line-height: 22px;
	_height: 36px;
	font-size: 16px;
	color: #767676;
	background: #fff;
	border: 2px solid #949494;
	vertical-align: top;
	/*NOTE: do not set middle in this container (IE bugs will be)*/
}

.special_size{ width:44.0%; float:left;}

.float_right{ float:right;}

.margin_right30{ margin-right:10%;}
.margin_left30{ margin-left:20px;}



.form-textarea, .form-textarea.disabled, .form-textarea.error{
	height: 66px;
	font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans',Arial;
	padding: 10px;
	border: 2px #949494 solid;
	overflow-y: visible;
}

*html .form-textarea {
	height: 90px;
}

.pre-active{color: #767676; border-color:#949494;}
.form-input:hover, .form-textarea:hover,
.form-input:focus, .form-textarea:focus, .gen_select:hover, .gen_select:focus{color: #000; border-color: #363636}
.form-input-disabled, .form-textarea.disabled{color: #666; background: #e5e5e5; border-color: #949494}
.form-input-error, .form-textarea.error{border-color: #ff0000; color:#ff0000}

/* Slim Inputs */
.input-slim{font-size: 14px; height: 22px; _height: 26px; line-height: 18px; padding: 0 8px;}

.form-textarea.resizeoff{resize: none;}
.form-textarea.scroll-y{overflow-y: scroll}

.form-textarea.auto-resize{overflow:  hidden;}

.form-error {
	background: none repeat scroll 0 0 #FFF;
	margin: 20px 0 20px;
	padding: 20px 20px 10px;
}


.form-error li {
	color: #FF0000;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}








/* fin inputs  /*







/*botones*/

/**
 * @section Form buttons
 * @subsection Common styles for form buttons
 */
.button input {border: none; font: inherit; color: inherit; background: transparent; overflow: visible;}

input:focus  {outline:0;}


/**
 * @section Inline Action buttons
 * @subsection Common styles for inline action buttons
 */
.button {font-family: "Roboto Condensed", Roboto, Montserrat,'Open Sans'; -moz-border-radius: 0 4px; border-radius: 0 4px; padding: 0 20px; display: inline-block; height: 40px;}

.inline.button{ margin-left:20px;}

.button_reg .inline.button{ margin-left:0 !important;}


.separator{border-top: 1px solid #cccccc;
  margin-top: 30px;
  padding-top: 20px;
}

.button .btn_label, .button input {text-transform: none; line-height: 36px; font-size: 20px; font-weight: bold; border: none}
.button:hover, .button:focus { background-color: #d6492d; text-decoration: none;}
.button:visited span{color: #ffffff;}
.button { background-color:#f05332; }
a.button, a.button:hover,a.button:focus {color: #fff;text-decoration:none}
.button.inline .btn_label {line-height: 34px; font-size: 16px;}
.button.inline input {height: 36px;font-size: 18px;}
.button.inline {height: 36px; padding: 0 15px}
.button.slim .btn_label, .slim input {line-height: 26px; font-size: 14px; margin-bottom: 1px}
.button.slim input {height: 26px}
.button.slim {height: 26px; padding: 0 10px;}
/**
 * @section Inline Action buttons
 * @subsection Styles for critical button
 */
.button.critical, .button.critical input {background-color: #D7410B;cursor: pointer; color:#fff; }
.button.critical:hover, .button.critical:hover input, .button.critical:focus, .button.critical:focus input { background-color: #C1401A; color:#fff; }
.button.critical_disabled:hover,.button.critical_disabled:focus, .button.critical_disabled,
.button.critical_disabled input { color: #5e5e5e; background-color: #d9d9d9; cursor: default; }
/**
 * @section Inline Action buttons
 * @subsection Styles for cancel button
 */
.button.cancel, .button.cancel input { color: #ffffff; background-color: #767676;cursor: pointer; }
.button.cancel:hover, .button.cancel:hover input, .button.cancel:focus, .button.cancel:focus input  { background-color: #5a5a5a; }
.button.cancel_disabled:hover,.button.cancel_disabled:focus, .button.cancel_disabled,
.button.cancel_disabled input { color: #5e5e5e; background-color: #d9d9d9; cursor: default; }
/**
 * @section Inline Action buttons
 * @subsection Styles for primary button
 */
.button.primary, .button.primary input { color: #ffffff; background-color: #0096d6; cursor: pointer;}
.button.primary:hover, .button.primary:hover input,.button.primary:focus, .button.primary:focus input { background-color: #006699;}
.button.primary_disabled:hover,.button.primary_disabled:focus, .button.primary_disabled,
.button.primary_disabled input {color: #5e5e5e; background-color: #d9d9d9; cursor: default; }
/**
 /**
 * @section Inline Action buttons
 * @subsection Styles for secondary button
 */
.button.secondary, .button.secondary input { color: #ffffff; background-color: #767676; }
.button.secondary:hover, .button.secondary:hover input,.button.secondary:focus, .button.secondary:focus input { background-color: #5a5a5a;}
.button.secondary_disabled:hover,.button.secondary_disabled:focus, .button.secondary_disabled,
.button.secondary_disabled input {color: #5e5e5e; background-color: #d9d9d9; cursor: default; }
/**
 *
 */
/**
 * @section Inline Action buttons
 * @subsection Styles for tertiary button
 */
.button.white, .button.white input {color: #0096d6; background-color: #ffffff; }
.button.white:hover, .button.white:hover input,.button.white:focus, .button.white:focus input { color: #006699}
.button.white_disabled:hover,.button.white_disabled:focus, .button.white_disabled,
.button.white_disabled input {background-color: #d9d9d9; color: #5e5e5e; cursor: default; }
/**
 *
 * @section Toggle form buttons
 * @subsection Common styles for toggle form buttons
 */
.btn_toggle span.btn_label {cursor: pointer; line-height: 18px; font-size: 14px}
.btn_toggle .btn_inner { margin: 0px; padding: 1px 6px 0; display: inline-block; height: 21px; border: 2px #949494 solid; border-collapse: collapse; }
.btn_toggle a.first {margin-right: 1px}
.btn_toggle a:hover .btn_inner,
.btn_toggle a:focus .btn_inner { background-color: #fff; color: #007dba; border-color: #363636}
.btn_toggle .btn_inner { background-color:#007CA2; }
.btn_toggle .arr_wht_rgt { background-position:right -136px; }
/**
 * @section Toggle form buttons
 * @subsection Styles for default toggle form button
 */
.btn_toggle .btn_inner,
.btn_toggle span { color: #767676; background-color: #fff }
.btn_toggle a:hover .btn_inner,
.btn_toggle a:hover span { background-color: #ffffff; color: #007dba; }
.btn_toggle a.chkd .btn_inner,
.btn_toggle a.chkd  span,
.btn_toggle a.chkd:hover .btn_inner,
.btn_toggle a.chkd:hover  span { cursor: default; border-color: #007dba; color: #fff; background-color: #007dba }
/**
 * @section Toggle form buttons
 * @subsection Styles for error toggle form button
 */
.btn_toggle a.error .btn_inner,
.btn_toggle a.error span { color: #ff0000; border-color: #ff0000; background-color: #ffffff; }
.btn_toggle a.error:hover .btn_inner,
.btn_toggle a.error:hover span {background-color: #ffffff; color: #ff0000; border-color: #5a5a5a; }

/**
 * @section Pagination button
 * @subsection Common styles for pagination buttons
 */
.btn_pagination {font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans',Arial; }
.btn_pagination .btn_label { font-weight: bold; cursor: pointer; line-height: 26px; height: 26px;  font-size: 14px;}
.btn_pagination .btn_inner { padding: 0 10px; -moz-border-radius: 0 4px; border-radius: 0 4px; display: inline-block;}
.btn_pagination .page_number{ display: inline-block; font-weight: normal; padding-left: 3px;}
.btn_pagination .btn_inner,
.btn_pagination span { background-color: #0096d6; color: #ffffff; }
.btn_pagination:hover .btn_inner,
.btn_pagination:hover span, .btn_pagination:focus .btn_inner,
.btn_pagination:focus span { background-color: #006699; }
.btn_pagination.disabled:hover .btn_inner,
.btn_pagination.disabled .btn_inner,
.btn_pagination.disabled:hover span,
.btn_pagination.disabled:focus .btn_inner,
.btn_pagination.disabled:focus span,
.btn_pagination.disabled span { color: #5e5e5e; background-color: #d9d9d9; cursor: default; }
/**
 * @section Share button
 * @subsection Common styles for share button
 */
.btn_share .btn_label, .btn_print .btn_label,
.btn_indicator .arrow_left .icon, .btn_indicator .arrow_right .icon,
.btn_indicator .search_left .icon, .btn_indicator .search_right .icon {
	background-image: url(../../i/common/s-15px-hpe.png); background-repeat:no-repeat;
	_background-image: url(../../i/common/s-15px-ie6-hpe.gif);}


.btn_share_trigger_parent { height: 19px; display: inline-block; }
.btn_share, .btn_print { text-transform: capitalize; }
.btn_share .btn_label, .btn_print .btn_label {
	padding-left: 18px;
	cursor: pointer;
	font-size: 14px;
	border: none;
	display: inline-block;
	background-position: 0 -581px;
}


.btn_print .btn_label { background-position: left -790px;}
.btn_share .btn_inner, .btn_print .btn_inner { display: inline-block; padding: 2px 10px;  border-radius: 0 4px 0 4px; background-color:#fff }
.btn_share .btn_inner span, .btn_print .btn_inner span{ color: #767676;}

.btn_share a:hover .btn_inner .btn_label, .btn_print a:hover .btn_inner .btn_label,.btn_share a:focus .btn_inner .btn_label, .btn_print a:focus .btn_inner .btn_label{ text-decoration: underline }
.btn_share a:hover .btn_inner, .btn_print a:hover .btn_inner,.btn_share a:focus .btn_inner, .btn_print a:focus .btn_inner  { text-decoration: none; }
/**
 * @section Share button
 * @subsection Styles for share popup
 */
.share_widget_holder{display: none; }
.share_popup_dark .border_bottom a,
.share_popup_dark .email a,
.share_popup_light .border_bottom a,
.share_popup_light .email a { padding: 8px 30px 8px 8px; display: inline-block; _display: block; }
/**
 * @section Share popup
 * @subsection Styles for share popup dark
 */
.share_popup_dark .popup_list { }
.share_popup_dark .popup_list { }
.share_popup_dark .border_bottom { border-bottom: 1px solid #666666;}
.share_popup_dark .popup_list { border-radius: 3px; -moz-border-radius: 3px; }
.share_popup_dark .border_bottom,
.share_popup_dark .email { background-color: #3f4043; }
.share_popup_dark .border_bottom span,
.share_popup_dark .email span { font-size: 95%; color: #b2b2b2; }
.share_popup_dark .border_bottom:hover,
.share_popup_dark .email:hover { background-color: #494a4d; }
.share_popup_dark .border_bottom:hover span,
.share_popup_dark .email:hover span { font-size: 95%; color: #f2f2f2; }
/**
 * @section Icon buttons
 * @subsection Common styles for icon buttons
 */
.btn_icon a,
.btn_expand_all .icn_pls_drk, .icn_mns_drk,
.btn_checkbox .checkbox {
	background-image:url(../../i/common/s-21px-hpe.png); background-repeat: no-repeat;
	_background-image: url(../../i/common/s-21px-ie6-hpe.gif)}

.btn_icon,
.btn_icon .close{ display: inline-block; }
.btn_icon div{ border-radius: 3px; -moz-border-radius: 3px; }
/**
 * @section Icon buttons
 * @subsection Styles for close button
 */
.btn_icon .close a{ width: 17px; height: 17px; cursor: pointer; display: inline-block; background-position: left -455px; font-size: 0px; color: #373536; line-height: 0px; }
.btn_icon .close a:hover,.btn_icon .close a:focus{ background-position: left -500px; font-size: 0px; color: #373536;}
/**
 * @section Icon buttons
 * @subsection Styles for remove button
 */
.btn_icon .remove a{ width: 15px; height: 15px; cursor: pointer; display: inline-block; background-position: left -544px; font-size: 0px; color: #100e0f; line-height: 0px; }
.btn_icon .remove a:hover,.btn_icon .remove a:focus{ background-position: left -585px; font-size: 0px; color: #100e0f; }
/**
 * @section Icon buttons
 * @subsection Styles for zoom button
 */
.btn_icon .zoom a{ height: 15px; cursor: pointer; display: inline-block; padding: 0px 0px 0px 17px; font-size: 14px; background-position: left -626px; color: #767676; line-height: 18px}
.btn_icon .zoom a:hover,.btn_icon .zoom a:focus{ background-position: left -626px; text-decoration: underline}
/**
 * @section Inline Action buttons with Indicator
 * @subsection Common styles for inline action buttons with indicators
 */
.btn_indicator { font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans',Arial; }
.btn_indicator .icon,
.btn_indicator span.btn_label { font-weight: bold; cursor: pointer; font-size: 14px; border: none; }
.btn_indicator .icon { display: inline-block; width: 15px; height: 15px}
.btn_indicator .btn_inner { display: inline-block; }
.btn_indicator .btn_inner { height: 21px; padding: 0 10px 0 8px; -moz-border-radius: 0 4px; border-radius: 0 4px;}
.btn_indicator .btn_inner,
.btn_indicator .btn_inner span{ background-color: #767676; color: #ffffff; }
.btn_indicator a:hover .btn_inner,
.btn_indicator a:hover .btn_inner span, .btn_indicator a:focus .btn_inner,
.btn_indicator a:focus .btn_inner span { background-color: #5a5a5a; }
.btn_indicator .disabled .btn_inner,
.btn_indicator .disabled .btn_inner span,
.btn_indicator .disabled:hover .btn_inner,
.btn_indicator .disabled:hover .btn_inner span,.btn_indicator .disabled:focus .btn_inner,
.btn_indicator .disabled:focus .btn_inner span{ color: #5e5e5e; background-color: #d9d9d9; cursor: default; }
.btn_indicator .arrow_left {padding: 5px 10px 0 6px}
.btn_indicator .arrow_right {padding: 5px 6px 0 10px}
.btn_indicator .arrow_left .btn_label {padding: 0}
.btn_indicator .arrow_right .btn_label {padding: 0}
/**
 * @section Inline Action buttons with Indicator, left icon
 * @subsection Styles for inline action button with indicator on the left and right sides (arrow)
 */
.btn_indicator .arrow_right .icon { background-position: left -2756px}
.btn_indicator .disabled .arrow_right .icon { background-position: left -3224px}

.btn_indicator .arrow_left .icon { background-position: left -2791px}
.btn_indicator .disabled .arrow_left .icon { background-position: left -3259px}

.btn_indicator .search_left {padding: 5px 8px 0 10px}
/**
 * @section Inline Action buttons with Indicator, left icon
 * @subsection Styles for inline action button with indicator on the left and right sides (google search)
 */

.btn_indicator .search_left .icon,
.btn_indicator .search_right .icon {background-position: left -2722px; width: 15px; height: 15px; }

.btn_indicator .disabled .search_right .icon {
	background-position: left -635px;
}

.btn_indicator .search_left .btn_label{ padding-left: 5px; }
.btn_indicator .search_right .btn_label{ padding-right: 3px; padding-left: 0px; }
.btn_indicator .search_right {padding: 5px 8px 0 10px;}
/**
 * Styles from molecules.css
 * @section Button expand all
 */
.btn_expand_all .icn_pls_drk, .icn_mns_drk { width: 18px; height: 18px; display: inline-block; cursor: pointer; }
.btn_expand_all a:hover{ cursor: pointer; }
.btn_expand_all .icn_pls_drk { background-position: left -1680px; }
.btn_expand_all .icn_mns_drk { background-position: left -1815px; margin-left: 23px; }
.btn_expand_all .active .icn_pls_drk,
.btn_expand_all a:hover .icn_pls_drk,.btn_expand_all a:focus .icn_pls_drk { background-position: left -1950px; }
.btn_expand_all .active .icn_mns_drk,
.btn_expand_all a:hover .icn_mns_drk,.btn_expand_all a:focus .icn_mns_drk { background-position: left -2085px; }
/**
 * Styles from molecules.css
 * @section Expand all button
 */
.btn_expand .expand-icn { width: 18px; height: 18px; background: url(../../i/patterns/s-plus-minus-btn.jpg) no-repeat; display: inline-block;  }
.btn_expand a:hover { cursor: pointer;  }
.btn_expand .expand-icn{background-position: left -420px;}
.btn_expand .expanded .expand-icn {background-position: left -350px;}
/**
 * @section Checkbox button
 * @subsection Common styles
 */
.btn_checkbox {line-height: 18px;  font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans',Arial;}
.btn_checkbox .label{display: inline-block; margin-left: 5px;}
.btn_checkbox label {font-size: 14px; line-height: 18px; color: #767676; vertical-align: middle;}
.btn_checkbox a:hover label { text-decoration: underline;}
.btn_checkbox .checkbox{display: inline-block; width: 17px; height: 17px; background-position: left 0;}
.btn_checkbox .checkbox:hover{background-position: left -45px;}
.chkd .checkbox, .chkd .checkbox:hover{ background-position: left -90px; }


/* fin botones*/





/*-------------radio_buttons----------------*/

.radio_content{ margin:0px 0 1px 0; color:#5A2D82;}

.radio_content span{ margin:0 0 16px 0; display:block;}


.radio_content label{ margin-right:30px;}


.radio_table tr td{padding:4px 5px 5px;}


input[type=radio].css-checkbox {
							display:none;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:30px;
							height:24px;
							display:inline-block;
							line-height:24px;
							background-repeat:no-repeat;
							background-position: 0 0px;
							font-size:14px;
							vertical-align:middle;
							cursor:pointer;
							box-sizing:inherit;
							padding:0 0 0 30px;
							color: #000000;

						}

						input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -24px;}

label.css-label {
				background-image:url(../images/checkbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


/*-----fin radiobutton---*/



/*---checkbox square---*/

.checksquare input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

.checksquare input[type=checkbox].css-checkbox + label.css-label {
							padding-left:25px;

							display:inline-block;
							line-height:26px;
							background-repeat:no-repeat;
							background-position: -5px 0;
							font-size:16px;
							vertical-align:middle;
							cursor:pointer;

						}

.checksquare input[type=checkbox].css-checkbox:hover + label.css-label {background-position: -5px -52px;}


.checksquare input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: -5px -26px;
						}
.checksquare label.css-label {
				background-image:url(../images/csscheckbox.jpg);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


/*--- fin checkbox square---*/





input, .form-textarea{
	padding: 0 8px;
	vertical-align: top;
	/*width:95%*/
}



	.gen_select{ background-image:url(../images/bg_select.jpg); background-repeat:no-repeat; background-position:center right;  width:95%; overflow:hidden; padding: 0 8px; }



	.gen_select select{ height:35px; background:none !important;     vertical-align: top; width:100%; border:none; padding:0; -webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	color:#0096D6; }


	.gen_select select option, .option_fix, .gen_select optgroup{ background-color: #ffffff;
	border-color: #949494;
	border-image: none;
	border-style: solid;
	border-width: 0px 0 1px 0;
	color: #000000;
	height: 25px;
	line-height: 30px;
	padding-top: 10px;}







.gen_select select::-ms-expand {
	display: none;

}

.transport_spec{ background-color:#f2f2f2; padding:5px 10px 05px 10px;}






@media only screen and (min-width: 481px) {
	input{
	padding: 0 2%;
	vertical-align: top;
	/*width:98%*/
}

}

.form_left input, .form_right input{ width:95%}

@media only screen and (min-width: 769px) {



.special_size{ width:42%; }}