/*
 * CSS NORMAL VERSION
 *
 * */

/* On the module's own search results page, hide the sidebar (category tree /
 * faceted search / "Búsqueda avanzada" link are redundant here) and the
 * "Búsqueda avanzada" page title, and let the content area use the full width. */
#module-ai_advancedsearch-default #left-column {
	display: none;
}

#module-ai_advancedsearch-default .page-header {
	display: none;
}

#module-ai_advancedsearch-default #content-wrapper.left-column {
	width: 100%;
}

#ai_search_top {
	position: absolute;
	top: 65px;
	right: 245px;
}

#ai_search_btn {
	background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
	text-transform: uppercase;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    margin: 0;
    outline: medium none;
    padding: 3px 8px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    white-space: nowrap;
	width: 20%;
}

#ai_search_btn:hover {
	border: 1px solid #939393;
}

#ai_search_btn:focus {
	border: 1px solid #3293D6;
}

#ai_label {
    display: block;
    width: 100px;
    float: left;
}

#ai_label.ai_description {
	width: 40%;
}

#ai_label.ai_description_faceted {
	width: 28%;
}

#ai_fielset {
	font: 13px Arial,Verdana,sans-serif;
	border: 1px solid #888; 
	border-radius: 5px;
	padding: 5px;
}

#ai_fielset_faceted {
	font: 13px Arial,Verdana,sans-serif;
	border: 1px solid #888; 
	border-radius: 5px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#ai_searchForm {
	margin-top: 20px;
}

#fieldset_manufacturer, #fieldset_shop, #fieldset_supplier {
	width: 50%;
}

#number_result {
	font-weight: bold;
}

input {
	border: 1px solid #666;
	vertical-align: middle;
}

hr {
	margin-top: 20px; 
	margin-bottom: 20px;
}

table {
	width: 100%;
}

input#ai_search_input {
	height: 23px;
	width: 70%;
	border-right: 0 !important;
	color: #666;
	float: left; 
	margin-left: 20px;
	margin-bottom: 20px;
}

.checkbox_faceted_no_mobile {
	display: block;
    width: 100px;
    float: left;
    margin-right: 10px;
}

.ai_product {
	margin-top: 20px;
}

.other_lang {
	padding-left: 10px;
}

.slider {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	width: 85%;
}

.slider_faceted {
	color: #333333;
}

.ai_description {
	padding-left: 30px;
}

.check, .uncheck, .reset_slider {
	display: block;
    width: 100px;
    float: right;
    font-size: 11px;
}

.ai_fieldset_criteria {
	border: 1px solid #888; 
	border-radius: 5px;
	padding-left: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.ai_checkbox {
	vertical-align: top;
	margin : 0px 10px 0px 0px;
}

.ai_checkbox_bool {
	margin : 0px 3px 0px 0px;
}

.warning {
	margin-bottom: 20px !important;
}

.dropdown {
	display:block;
}

.criteria_no_mobile {
	color: #FB270E;
}

/* 
 * CSS MOBILE VERSION 
 * 
 * */

#ai_search_top_mobile {
	text-align:right;
	margin:5px 0 0;
	padding:0 20px 0 0;
	font-size:.8em;
	font-weight:400 !important;
	font-size:12px !important;
}

p.faceted_mobile {
	margin: 0 !important;	
}

.ai_searchFormMobile, .result_mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
}

.search {
	width: 4% !important;
}

.checkbox_mobile {
	font-family: Helvetica,Arial,sans-serif;
}

/* Reset slider & pages buttons */
.reset_slider_mobile { 
	float: right;
	font-family: sans-serif;
	font-size: 0.8em; 
	width: 80px; 
	height: 20px; 
	text-align: center; 
	color: #FFFFFF !important; 
	background: #444; 
	background: -webkit-linear-gradient( #555, #2C2C2C); 
	background: -moz-linear-gradient( #555, #2C2C2C); 
	background: -ms-linear-gradient( #555, #2C2C2C); 
	background: -o-linear-gradient( #555, #2C2C2C); 
	background: linear-gradient( #555, #2C2C2C);
	border-radius: 10px;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	border: 1px solid #000000;
	text-align: center;
	padding: 0 !important;
}

.pagination_mobile {
	font-family: sans-serif;
	font-size: 0.8em; 
	width: 25px; 
	height: 15px; 
	text-align: center; 
	background: #444; 
	background: -webkit-linear-gradient( #555, #2C2C2C); 
	background: -moz-linear-gradient( #555, #2C2C2C); 
	background: -ms-linear-gradient( #555, #2C2C2C); 
	background: -o-linear-gradient( #555, #2C2C2C); 
	background: linear-gradient( #555, #2C2C2C);
	border-radius: 10px;
	text-shadow: 0px 2px 0px rgba( 255, 255, 255, 0.2);
	padding: 5px !important;
	border: 1px solid #000000;
	margin: auto !important;
	vertical-align: 15px;
}

.pagination_mobile:hover { 
	color: #FFFFFF !important; 
	background: #555; 
	background: -webkit-linear-gradient( #777, #333); 
	background: -moz-linear-gradient( #777, #333); 
	background: -ms-linear-gradient( #777, #333);
	background: -o-linear-gradient( #777, #333); 
	background: linear-gradient( #777, #333);
	cursor: pointer;
}

.reset_slider_mobile:hover { 
	color: #222; 
	background: #555; 
	background: -webkit-linear-gradient( #777, #333); 
	background: -moz-linear-gradient( #777, #333); 
	background: -ms-linear-gradient( #777, #333);
	background: -o-linear-gradient( #777, #333); 
	background: linear-gradient( #777, #333);
	cursor: pointer;
}

.reset_slider_mobile:active, .pagination_mobile:active { 
	color: #000; 
	background: #444; 
	background: -webkit-linear-gradient( #555, #2C2C2C); 
	background: -moz-linear-gradient( #555, #2C2C2C); 
	background: -ms-linear-gradient( #555, #2C2C2C); 
	background: -o-linear-gradient( #555, #2C2C2C); 
	background: linear-gradient( #555, #2C2C2C); 
	box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4); 
}

.pages_mobile, .result_mobile, .warning_mobile {
	font-size: 0.9em;
}

.div_slider_mobile {
	margin-bottom: 30px;
	margin-right: 10px;
	margin-top: 10px;
}

.checkbox {
	margin-bottom: 30px;
}

.warning_mobile {
	padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.drop_mobile {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}

.dropdown > div:first-child {
	margin-bottom: 30px;
}

.dropdown > div:last-child {
	margin: auto;
	padding: auto;
	margin-top: 30px;
}