/*
* Template Name: Marketservices
* Template Description: Responsive HTML5/CSS3 Template
* Version: 1.0
* Author: DelegBCN
* Demo URL: www.doctorpixel.eu/adelia
*/

/* -------------------------------------------------------------------
Stylesheet Guide
----------------------------------------------------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. General Classes
	3. Typography
	4. Dropcap
	5. Font Awesome
	6. Images
	7. Fluid Width Video
	8. Dividers
	9. Forms
	10. Contact and Comments Form
	11. Buttons

03. Wrapper

04. Header
	1. Logo
	2. Social Icons
	3. Main Navigation
	4. Search

05. Slider

06. Page Header

07. Content
	1. Main
		- Detail Columns
		- Project Carousel
		- Team
		- 404 Page
		- Clients
		- Pricing Tables

08. Blog
	1. Image Post Slider
	2. Page Navigation
	3. About Author
	4. Comments

09. Portfolio
	1. Portfolio Filter
	2. Portfolio Items
	3. Portfolio Controls
	4. Isotope

10. Sidebar
	1. Widgets
		- Default Widgets
		- Popular Posts
		- Tags Cloud

11. Footer 
	1. Widgets
		- Flickr
		- Address Info
	2. Copyright

12. Widgets + Shortcodes
	1. Accordion and Toggle
	2. Testimonials
	3. Quote Navigation
	4. Tabs
	5. Pie Chart
	6. Numeric Statistic
	7. Button group
	8. Info Box
	9. Notifications
	10. List
	11. Map
	12. Tooltip

13. Other
	1. Ajax Navigation
	2. Services
	3. Coming Soon
	4. Back To Top

   ---------------- */

/* ---------------------------------------------------------------------- */
/*	Import Google Fonts
/* ---------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600italic|Montserrat:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans|Roboto+Mono:100,300,400,500,700);


/* ---------------------------------------------------------------------- */
/*	RESET
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

ul {
	list-style: none outside;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	outline: none;
	text-decoration:none;
	background:transparent;
	vertical-align:baseline;
}

a, a > * {
	text-decoration: none;
	color: #373737;
}

b {
	color: #383838;
}

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

.map img, .google_map img {
	max-width: none;
}

.box {
	margin-bottom: 80px;
}

/* ---------------------------------------------------------------------- */
/*	BASIC ELEMENTS
/* ---------------------------------------------------------------------- */

body {
	background-color: #fff;
	color: #828282;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

body.boxed {
	background-attachment: fixed;
}

.boxed.pattern-1 {
	background-image: url(../images/patterns/pattern-1.png);
}

/* -------------------------------------------------- */
/*	Clearfix
/* -------------------------------------------------- */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

/* -------------------------------------------------- */
/*	General Classes
/* -------------------------------------------------- */

.espaiat {
	letter-spacing: 5px;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.bwWrapper.alignleft,  img.alignleft {
	margin-right: 20px;
}

.bwWrapper.alignright,  img.alignright {
	margin-left: 20px;
}

.padd-left {
	padding-left: 10px;
}

.padd-right {
	padding-right: 10px;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.showline {
	display: inline-block;
}

.invisible {
	visibility: hidden;
}

.affix {
	position: fixed;
}

/* -------------------------------------------------- */
/*	Typography
/* -------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	color: inherit;
	font-family: 'Montserrat', serif;
	font-weight: 500;
	line-height: 1.2;
}

/*h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    color: #222;
    font-family: 'Montserrat', serif;
    font-weight: 400;
    line-height: 1.15;
}*/

h1 {
	font-size: 31px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.title {
	line-height: 1.25;
	margin-bottom: 20px;
}
	
::-moz-selection {
	color: #fff;
	text-shadow: none;
}

::selection {
	color: #fff;
	text-shadow: none;
}

.highlight {
	padding: 0 3px;
	color: #fff;
	text-shadow: none;
}

a.highlight:hover {
	color: #fff !important;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
	line-height: 1.7em;
}

blockquote {
	padding: 0 0 0 45px;
	background-image: url(../images/icons/quotes.png);
	background-position: 0 8px;
	background-repeat: no-repeat;
	color: #b2b2b2;
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	font-family: 'Montserrat', Arial;
}

blockquote p {
	margin: .7em 0;
}

/* -------------------------------------------------- */
/*	Dropcap
/* -------------------------------------------------- */	

.dropcap {
	display: block;
	float: left;
	margin: 5px 9px 0 0;
	width: 50px;
	height: 50px;
	color: #373737;
	text-align: center;
	text-shadow: none;
	font-size: 60px;
	line-height: 50px;
}

.dropcap.rounded {
	border-radius: 20%;
}

.dropcap.dark {
	background-color: #373737;
	color: #fff;
	font-size: 30px;
}

.dropcap.color {
	color: #fff;
	font-size: 30px;
}

.dropcap.circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.dropcaprounded {
	display: inline-block;
	float: left;
	margin: 0 15px 0 0;
	width: 39px;
	height: 39px;
	border-radius: 20%;
	background-color: #18A3FE;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	font-family: 'Montserrat', Arial;
	line-height: 39px;
}

.dropcaprounded + h6, .iconcircle + h6, .icondisk + h6 {
	font-size: 16px;
	margin-top: 11px;
	margin-bottom: 20px;
}

.iconcircle + h3, .icondisk + h3 {
	margin-top: 11px;
	margin-bottom: 12px;
}

/* -------------------------------------------------- */
/*	Font Awesome
/* -------------------------------------------------- */

.the-icons li i {
	color: #000;
}

.iconcircle, .icondisk {
	display: inline-block;
	float: left;
	margin: 0 15px 0 0;
	width: 38px;
	height: 38px;
	border-radius: 20%;
	background-color: #373737;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	font-family: 'FontAwesome';
	line-height: 38px !important;
	-webkit-transition: all .50s ease-in;
	-moz-transition: all .50s ease-in;
	-ms-transition: all .50s ease-in;
	-o-transition: all .50s ease-in;
	transition: all .50s ease-in;
}

.icondisk {
	background-color: transparent;
	color: #373737;
	border: solid 2px #373737;
}

.f-box {
	margin-top: 10px;
	margin-bottom: 10px;
}

.f-box:hover .iconcircle, .f-box:hover .icondisk, .icondisk:hover, .iconcircle:hover {
	border-radius: 50%;
	-webkit-transition: all .30s ease-in;
	-moz-transition: all .30s ease-in;
	-ms-transition: all .30s ease-in;
	-o-transition: all .30s ease-in;
	transition: all .30s ease-in;
}

.f-box:hover .icondisk {
	border-color: transparent;
	color: #fff;
}

/* -------------------------------------------------- */
/*	Images
/* -------------------------------------------------- */

.single-image {
	position: relative;
	display: block;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 0;
}

.bwWrapper {
	position: relative;
	overflow: hidden;
	display: block;
}

.curtain {
	position: absolute;
	z-index: 5;
	top: -20%;
	left: 50%;
	margin: 0 0 0 -50%;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transform: scale(0)  rotateX(0deg);
	-moz-transform: scale(0)  rotateX(0deg);
	-ms-transform: scale(0)  rotateX(0deg);
	-o-transform: scale(0)  rotateX(0deg);
	transform: scale(0)  rotateX(0deg);
	-webkit-transition: all .50s ease-in;
	-moz-transition: all .50s ease-in;
	-ms-transition: all .50s ease-in;
	-o-transition: all .50s ease-in;
	transition: all .50s ease-in;
}

.single-image .curtain:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	width: 30px;
	height: 30px;
	color: #fff;
	content: "";
	text-align: center;
	zoom: 1;
}

.single-image.link-icon .curtain:after {
	background-image: url(../images/icons/link-icon.png);
}

.single-image.zoom-icon .curtain:after {
	background-image: url(../images/icons/zoom-icon.png);
}

.single-image.video-icon .curtain:after {
	background-image: url(../images/icons/video-icon.png);
}

.single-image:hover .curtain {
	top: 0;
	opacity: 0.60;
	filter: alpha(opacity = 60);
	-webkit-transform: scale(1)  rotateX(360deg);
	-moz-transform: scale(1)  rotateX(360deg);
	-ms-transform: scale(1)  rotateX(360deg);
	-o-transform: scale(1)  rotateX(360deg);
	transform: scale(1)  rotateX(360deg);
}

/* -------------------------------------------------- */
/*	Fluid Width Video
/* -------------------------------------------------- */

.video-container iframe,  .video-container object,  .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
	max-width: 100%;
	height: auto;
}

/* -------------------------------------------------- */
/*	Dividers
/* -------------------------------------------------- */

.divider-solid, .divider-half-solid {
	margin-bottom: 80px;
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
}

.divider-half-solid {
	margin-bottom: 40px;
}

#main .divider-solid {
	margin-left: 0;
	margin-right: 0;
}

.white-space {
	clear: both;
	padding: 20px 0;
}

.white-space-10 {
	clear: both;
	padding: 10px 0;
}

.divider-line, .divider-half-line {
	clear: both;
	margin-bottom: 40px;
	border-bottom: solid 1px #ebebeb;
}

.divider-half-line {
	margin-bottom: 20px;
}

/* -------------------------------------------------- */
/*	Forms
/* -------------------------------------------------- */

button, input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
}

button::-moz-focus-inner,  input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,  input,  select,  textarea {
	margin: 0;
	border: none;
	vertical-align: baseline;
	font-size: 100%;
}

button {
	display: inline-block;
	margin-bottom: 15px;
	padding: 12px 25px !important;
	outline: none;
	background-color: #000;
	color: #fff;
	vertical-align: baseline;
	text-align: center;
	text-decoration: none;
	font: 11px/1.5 'Montserrat', Arial;
	cursor: pointer;
	border-radius: 3px;
}

label {
	display: inline-block;
	cursor: pointer;
}

/*.not-ie input,  .not-ie textarea,  .not-ie select,  .not-ie button {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}
*/
input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], textarea, select {
	display: inline-block;
	color: #212529;
	font-size: 14px;
	font-family: 'Roboto';
	padding: 6px 8px 7px 15px;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-color: #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none;
}

input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, textarea:focus, select:focus {
	border-color: #b4b4b4;
	background-color: #fdfdfd;
	-webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, .1);
	-webkit-appearance: none;
}

.ie7 input[type=text], .ie7 input[type=password], .ie7 textarea, .ie7 select, .ie8 input[type=text], .ie8 input[type=password], .ie8 textarea, .ie8 select {
	line-height: 1.3em;
}

textarea {
	resize: both;
	min-height: 100px;
}

select {
	background-image: url(../images/icons/select-arrows.png);
	background-position: 100% bottom;
	background-repeat: no-repeat;
}

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    line-height: normal;
    cursor: pointer;
}

input[type=image], input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] {
	width: auto;
}

.wrong-data {
	border-color: #fe5214;
}

/* Fix for Mobile Safari */

input[type=checkbox] {
    
	-webkit-appearance: checkbox;
}

input[type=radio] {
	-webkit-appearance: radio;
}

/* Chrome, Safari */

input::-webkit-input-placeholder,  textarea::-webkit-input-placeholder {
	color: #9e9e9e;
}

/* Firefox */
input:-moz-placeholder,  textarea:-moz-placeholder {
	color: #9e9e9e;
}

/* ---------------------------------------- */
/*	Contact and Comments Forms
/* ---------------------------------------- */

.comment-form-author,  .comment-form-email,  .comment-form-url,  .comment-form-tel, .comment-form-comment,  .message-form-name,  .message-form-email,  .message-form-url,  .message-form-tel,  .message-form-message,  .form-submit {
	position: relative;
	margin-bottom: 10px;
}

.message-form-name:before,  .message-form-email:before,   .message-form-url:before,  .message-form-tel:before,  .message-form-money:before,  .message-form-message:before,  .comment-form-author:before,  .comment-form-email:before,  .comment-form-url:before,  .comment-form-tel:before,  .comment-form-money:before,  .comment-form-comment:before {
	top: 28px;
	display: inline-block;
	color: #b4b4b4;
	font-weight: normal;
	font-style: normal;
	font-family: 'FontAwesome';
	font-size: 14px;
}

.message-form-name:before,  .message-form-email:before,  .message-form-url:before,  .message-form-tel:before,  .message-form-message:before,  .comment-form-author:before,  .comment-form-email:before,  .comment-form-url:before,  .comment-form-comment:before {
	position: absolute;
	left: 8px;
}

.message-form-name:before,  .comment-form-author:before {
	content: "\f007";
}

.message-form-email:before,  .comment-form-email:before {
	content: "\f0e0";
}

.message-form-url:before,  .comment-form-url:before {
	content: "\f015";
}

.message-form-message:before,  .comment-form-comment:before {
	content: "\f040";
}

.message-form-tel:before,  .comment-form-tel:before {
	content: "\f095";
}

.message-form-money:before,  .comment-form-money:before {
	content: "\f0d6";
}

.contact-form {
	margin-top: 20px;
}

.comments-form input,  .contact-form input {
	width: 100%;
	padding-left: 30px;
}

.comments-form textarea, .widget_contact_form textarea {
	width: 100%;
}

.contact-form input, .contact-form textarea {
	width: 95%;
}

.comments-form textarea,  .contact-form textarea {
	padding-left: 30px;
	min-height: 150px;
}

.comments-form label,  .contact-form label {
	display: block;
}

.comments-form .required,  .contact-form .required {
	color: #b2b2b2;
	font-style: italic;
	font-size: 11px;
}

.comments-form input,  .contact-form input,  .widget_contact_form input {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Widget Contact Form */

.widget_contact_form input,  .widget_contact_form textarea {
	padding-left: 32px;
}
				
				
/* HTML5 Validation Styles */	
		
.comments-form input:required:valid,  .contact-form input:required:valid,  .comments-form textarea:required:valid,  .contact-form textarea:required:valid,  .widget_contact_form input:required:valid,  .widget_contact_form textarea:required:valid {
	border-color: #000;
}
.comments-form input:focus:invalid,  .contact-form input:focus:invalid,  .comments-form textarea:focus:invalid,  .contact-form textarea:focus:invalid,  .widget_contact_form input:focus:invalid,  .widget_contact_form textarea:focus:invalid {
	border-color: #e27152;
}

/* -------------------------------------------------- */
/*	Buttons
/* -------------------------------------------------- */	

.button {
	display: inline-block;
	padding: 6px 13px;
	outline: medium none;
	color: #fff;
	vertical-align: baseline;
	text-align: center;
	border-radius: .25rem;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.button.small {
	padding: 6px 13px;
}

.button.medium {
	padding: 8px 20px;
	font-size: 13px;
}

.button.big {
	padding: 10px 23px;
	font-size: 14px;
}

.button.frame {
	border: solid 1px #828282;
}

.button.default {
	background-color: #828282;
}

.button.orange {
	background-color: #f99200;
}

.button.olive {
	background-color: #abbd38;
}

.button.green {
	background-color: #00b482;
}

.button.blue {
	background-color: #169fe6;
}

.button.yellow {
	background-color: #e8bf00;
}

.button.red {
	background-color: #ff1414;
}

.button.cherry {
	background-color: #9f1854;
}

.button.gray {
	background-color: #828282;
}

.button.orange:hover,  .button.olive:hover,  .button.green:hover,  .button.blue:hover,  .button.yellow:hover,  .button.red:hover,  .button.cherry:hover,  .button.gray:hover {
	background-color: #373737;
}

.button.color:hover {
	background-color: #373737 !important;
}

/* ---------------------------------------------------------------------- */
/*	WRAPPER
/* ---------------------------------------------------------------------- */


.boxed #wrapper {
	margin: 0 auto;
	width: 1000px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.wide #wrapper {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */

	#header {
	z-index: 99;
	padding-top: 0px;
	background-color: #fff;
	/*background-image: url(../images/shadow_top.png);*/
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.fixed#header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 12px 0 8px;
	width: 100%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .95);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

/* -------------------------------------------------- */
/*	Logo
/* -------------------------------------------------- */

	#logo {
	width: 150px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/logo/logo_blue.png);
	display: block;
	float: left;
	line-height: 0;
	margin-top: 2px;
}

.fixed#header .six #logo {
	display: none;
}

.fixed#header .sixteen #logo {
	margin: 4px 0 8px;
}

/* -------------------------------------------------- */
/*	Social Icons
/* -------------------------------------------------- */

#header ul.social-icons {
	float: right;
}

.fixed#header ul.social-icons {
	display: none;
}

ul.social-icons {
	margin-top: 3px;
	font-size: 0;
}

ul.social-icons li {
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 2px;
	vertical-align: top;
	background-color: #d4d4d4;
	border-radius: 15% 0 15% 15%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

#footer ul.social-icons li {
	background-color: #555;
}

#header ul.social-icons li:last-child {
	margin-right: 0;
}

ul.social-icons li a {
	position: relative;
	display: block;
	width: 31px;
	height: 31px;
	background-image: url(../images/icons/social-icons.png);
	background-repeat: no-repeat;
	font: 0/0 a;
	cursor: pointer;
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}

ul.social-icons li.twitter a {
	background-position: 0 0;
}

ul.social-icons li.facebook a {
	background-position: -31px 0;
}

ul.social-icons li.dribble a {
	background-position: -62px 1px;
}

ul.social-icons li.vimeo a {
	background-position: -94px 1px;
}

ul.social-icons li.youtube a {
	background-position: -126px 1px;
}

ul.social-icons li.rss a {
	background-position: -155px 1px;
}

ul.social-icons li.picasa a {
	background-position: -186px 2px;
}

ul.social-icons li.stubleupon a {
	background-position: -217px 2px;
}

ul.social-icons li.skype a {
	background-position: -248px 2px;
}

ul.social-icons li.dropbox a {
	background-position: -279px 2px;
}

ul.social-icons li.cat a {
	background-position: -310px 1px;
}

ul.social-icons li.linkedin a {
	background-position: -341px 1px;
}

ul.social-icons li.plus a {
	background-position: -372px 1px;
}

ul.social-icons li.pinterest a {
	background-position: -403px 2px;
}

ul.social-icons li.blogger a {
	background-position: -434px 1px;
}

ul.social-icons li.flickr a {
	background-position: -464px -1px;
}

ul.social-icons li.delicious a {
	background-position: -495px 1px;
}

ul.social-icons li.yahoo a {
	background-position: -526px 1px;
}

ul.social-icons li.evernote a {
	background-position: -557px 2px;
}

ul.social-icons li.apple a {
	background-position: -588px 1px;
}

ul.social-icons li.behance a {
	background-position: -620px 1px;
}

ul.social-icons li.gplus a {
	background-position: -651px 2px;
}

ul.social-icons li.digg a {
	background-position: -682px 1px;
}

ul.social-icons li.lastfm a {
	background-position: -713px 0px;
}

ul.social-icons li.myspace a {
	background-position: -745px 1px;
}

ul.social-icons li.deviantart a {
	background-position: -776px -1px;
}

ul.social-icons li.wordpress a {
	background-position: -806px 2px;
}

ul.social-icons li.mail a {
	background-position: -838px 0px;
}

#wrapper ul.social-icons .twitter:hover {
	background-color: #47c0d8;
}

#wrapper ul.social-icons .facebook:hover {
	background-color: #49699f;
}

#wrapper ul.social-icons .dribble:hover {
	background-color: #e65992;
}

#wrapper ul.social-icons .vimeo:hover {
	background-color: #568799;
}

#wrapper ul.social-icons .youtube:hover {
	background-color: #b72d24;
}

#wrapper ul.social-icons .rss:hover {
	background-color: #fe9900;
}

#wrapper ul.social-icons .picasa:hover {
	background-color: #535353;
}

#wrapper ul.social-icons .stubleupon:hover {
	background-color: #eb4924;
}

#wrapper ul.social-icons .skype:hover {
	background-color: #24b0e4;
}

#wrapper ul.social-icons .dropbox:hover {
	background-color: #5da3e8;
}

#wrapper ul.social-icons .cat:hover {
	background-color: #7292a2;
}

#wrapper ul.social-icons .linkedin:hover {
	background-color: #2c7cb7;
}

#wrapper ul.social-icons .plus:hover {
	background-color: #629e61;
}

#wrapper ul.social-icons .pinterest:hover {
	background-color: #c21c21;
}

#wrapper ul.social-icons .blogger:hover {
	background-color: #f38f33;
}

#wrapper ul.social-icons .flickr:hover {
	background-color: #b5c2d2;
}

#wrapper ul.social-icons .delicious:hover {
	background-color: #3975be;
}

#wrapper ul.social-icons .yahoo:hover {
	background-color: #a55bbe;
}

#wrapper ul.social-icons .evernote:hover {
	background-color: #606060;
}

#wrapper ul.social-icons .apple:hover {
	background-color: #fe9900;
}

#wrapper ul.social-icons .behance:hover {
	background-color: #18a3fe;
}

#wrapper ul.social-icons .gplus:hover {
	background-color: #2882c6;
}

#wrapper ul.social-icons .digg:hover {
	background-color: #2882c6;
}

#wrapper ul.social-icons .lastfm:hover {
	background-color: #be0607;
}

#wrapper ul.social-icons .myspace:hover {
	background-color: #1b61b0;
}

#wrapper ul.social-icons .deviantart:hover {
	background-color: #5f7162;
}

#wrapper ul.social-icons .wordpress:hover {
	background-color: #33759d;
}

#wrapper ul.social-icons .mail:hover {
	background-color: #65a413;
}

/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */

.menu-container {
	margin-top: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
}

.fixed#header .menu-container {
	float: right;
	margin: 0;
	border-top-width: 0;
	border-bottom-width: 0;
}

.menu-container .navigation {
	float: left;
}

.navigation > div > ul > li {
	position: relative;
	display: block;
	float: left;
}

.navigation > div > ul > li > a {
	display: block;
	margin: 0;
	margin: 0px 30px 0px 0;
	color: #fff;
	font-size: 15px;
}

.fixed#header .navigation > div > ul > li > a {
	padding: 5px 0 17px 30px;
}

.navigation a {
	font-family: 'Montserrat', serif;
}

.navigation .device-cart-text {
	display: none;
}

.ie7 .navigation > div > ul > li > a,  .ie8 .navigation > div > ul > li > a {
	font-weight: 400;
}

.navigation > div > ul > li:first-child > a {
	border-left-width: 0;
}

.navigation > div > ul > li:hover > a,  .navigation > div > ul > li.current-menu-item > a,  .navigation > div > ul > li.current-menu-parent > a,  .navigation > div > ul > li.current-menu-ancestor > a,  .navigation > div > ul > li.current_page_item > a,  .navigation > div > ul > li.current_page_parent > a,  .navigation > div > ul > li.current_page_ancestor > a {
	color: #fff;
}

/* Dropdown */

.navigation ul ul {
	position: absolute;
	z-index: 9999;
	display: none;
	margin-top: 1px;
	width: 200px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
	-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
	opacity: 1;
}

.navigation ul ul li {
	position: relative;
	margin-top: -1px;
	border: 1px solid #eaeaea;
	background-color: #f1f1f1;
}

.navigation > div > ul ul li:hover,  .navigation > div > ul ul li.current-menu-item,  .navigation > div > ul ul li.current-menu-parent,  .navigation > div > ul ul li.current-menu-ancestor,  .navigation > div > ul ul li.current_page_item,  .navigation > div > ul ul li.current_page_parent,  .navigation > div > ul ul li.current_page_ancestor {
	border-left-color: transparent;
	border-right-color: transparent;
	background-color: #f9f9f9;
}

.navigation ul ul li a {
	display: block;
	padding: 6px 20px;
	color: #818181;
	font-size: 13px;
}

.navigation ul ul li a:active {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .05);
}

.navigation > div > ul ul li:hover > a,  .navigation > div > ul ul li.current-menu-item > a,  .navigation > div > ul ul li.current-menu-parent > a,  .navigation > div > ul ul li.current-menu-ancestor > a,  .navigation > div > ul ul li.current_page_item > a,  .navigation > div > ul ul li.current_page_parent > a,  .navigation > div > ul ul li.current_page_ancestor > a {
	background-color: #f9f9f9;
}

.navigation ul ul li .rightarrowclass:before {
	position: absolute;
	top: 9px;
	right: 10px;
	color: #ccc;
	content: "\f054";
	font-weight: 100;
	font-style: normal;
	font-size: 9px;
	font-family: 'FontAwesome', Arial;
}

.navigation ul ul li:hover > a .rightarrowclass:before {
	color: #ccc;
}

/* Sub Dropdown */	

.navigation ul ul ul {
	left: 188px;
	top: -1px;
}

/* Responsive Select */
	
.responsive-nav {
	display: none;
	margin-bottom: 25px;
	background-color: transparent;
	background-image: url(../images/icons/select-arrows.png);
	background-position: 98% top;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ebebeb transparent #ebebeb transparent;
}

.responsive-nav:focus {
	background-color: transparent;
	background-position: 98% bottom;
	border-color-top: #ebebeb;
	border-color-bottom: #ebebeb;
	border-color-left: transparent;
	border-color-right: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* -------------------------------------------------- */
/*	Search
/* -------------------------------------------------- */

.search-wrapper {
	position: relative;
	overflow: hidden;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1px;
	width: 70px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fixed#header .search-wrapper {
	display: none;
}

.search-wrapper p {
	margin: 0;
}

.search-wrapper input[type=text] {
	margin: 0 0 0 7px;
	padding: 2px 5px;
	font-size: 11px;
}

.search-wrapper .submit-search {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	font: 0/0 a;
	border: none;
	background-color: #fff;
}

.search-wrapper .submit-search:after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	width: 34px;
	height: 34px;
	color: #b2b2b2;
	content: "\f002";
	font-size: 14px;
	font-family: 'FontAwesome';
	line-height: 34px;
	text-align: center;
}

.ie7 .search-wrapper .submit-search:after,  .ie8 .search-wrapper .submit-search:after {
	line-height: 0;
}

.search-wrapper .submit-search:hover:after,  .search-wrapper .submit-search.active:after {
	color: #373737;
}

/* ---------------------------------------------------------------------- */
/*	SLIDER
/* ---------------------------------------------------------------------- */

.slider, .slider-flex {
	position: relative;
	margin-top: 0;
	margin-bottom: 70px;
	height: auto;
	zoom: 1;
}

.slider {
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.slider-flex {
	background: url(../images/sliders/flexslider/bg.jpg) center center no-repeat;
}

.menu-shadow-slider, .menu-shadow {
	width: 100%;
	height: 47px;
	left: 0;
	background-image: url(../images/shadow_slider.png);
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	opacity: 0.3;
	z-index: 1000;
}

#layerslider {
	background-image: url(../images/gradient.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
}

#layerslider .inline-h2-dark {
	background-color: #373737;
	color: #fff;
}

.flexslider {
	background-color: #eee;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
}

.flexslider .caption {
	background-color: rgba(0, 0, 0, .7);
}

/* ---------------------------------------------------------------------- */
/*	PAGE HEADER
/* ---------------------------------------------------------------------- */


.page-header {
	margin: 0 10px 60px;
	padding: 60px 0 0;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
}

.page-header h1 {
	margin: 0;
	color: #999;
	font-size: 28px;
	text-transform: uppercase;
	line-height: 1.25;
}

.line {
	width: 75px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	margin: 10px auto 0;
}

/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */

#content {
	align-items: center;
	padding-inline: 75px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

#content.consultaPage {
	align-items: start;
}

.slogan {
	display: block;
	margin: -25px 10px 70px 10px;
	padding: 0;
	text-align: center;
	line-height: 1.25;
	zoom: 1;
}

.slogan h6 {
	color: #828282;
}

.text-bar {
	margin: 0 10px 70px 10px;
	padding: 25px 80px 25px 30px;
	background-image: url(../images/bg-text-bar.png);
	background-repeat: no-repeat;
	height: 75px;
}

.text-bar h2 {
	color: #444;
	margin-bottom: 10px;
}

.text-bar button {
	margin: -68px 13px 0 13px;
}

.ie7 .slogan,  .ie8 .slogan {
	font-weight: 400;
}

.content-title {
	margin: 0 10px 20px 10px;
	font-family: 'Montserrat', serif;
	color: #222;
}

.columns .content-title,  .column .content-title {
	margin: 0 0 20px 0;
}

.section-title {
	margin-bottom: 22px;
}

/* ---------------------------------------------------------------------- */
/*	MAIN
/* ---------------------------------------------------------------------- */

.sbr #main {
	float: left;
}

.sbl #main {
	float: right;
}

/* -------------------------------------------------- */
/*	Detail Columns
/* -------------------------------------------------- */

.detail-box {
	position: relative;
	margin-bottom: 90px;
	padding: 20px 25px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ebebeb;
	text-align: center;
	border-radius: 35px 0 0 0;
}

.detail-entry {
	position: relative;
	z-index: 2;
}

.detail-box.stateColor .detail-entry,  .detail-box.defaultState .detail-entry {
	color: #fff;
}

.detail-box h5 {
	margin-bottom: 5px;
}

.detail-box h5 a {
	margin-bottom: 20px;
	color: #373737;
}

.detail-box.stateColor h5,  .detail-box.defaultState h5 {
	color: #fff;
}

.detail-box.stateColor h5 a,  .detail-box.defaultState h5 a {
	color: #fff;
}

.detail-box i {
	color: #ccc;
	font-size: 30px;
	margin: 12px auto 8px;
}

.detail-box:hover i {
	color: #373737;
}

.detail-box p {
	margin-top: 8px;
}

.detail-box:hover button {
	background: #373737;
}

.detail-box .transform {
	position: absolute;
	bottom: 50%;
	left: 50%;
	right: 0;
	width: 0;
	height: 0;
	opacity: 0;
	background-repeat: repeat;
	background-attachment: fixed;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}

.detail-box.stateColor .transform,  .detail-box.defaultState .transform,  .touched .transform {
	width: 100%;
	bottom: 0;
	left: 0;
	opacity: 1;
	border-radius: 35px 0 0 0;
}

/* -------------------------------------------------- */
/*	Project Carousel
/* -------------------------------------------------- */

.jcarousel-container {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 60px;
}

.sixteen.columns .jcarousel-container {
	margin-left: -10px;
	margin-right: -10px;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.projects-carousel li .project-meta {
	background-color: #f5f5f5;
}

.projects-carousel li:hover .project-meta {
	background-color: #fff;
}

.projects-carousel h6 {
	margin-bottom: 5px;
	color: #373737;
	font-size: 12px;
	font-family: 'Montserrat', Arial, sans-serif;
}

.projects-carousel .project-meta {
	display: block;
	margin-bottom: 20px;
}

.projects-carousel img {
	display: block;
}

/* Controls */
		
	.jcarousel-prev,  .jcarousel-next {
	position: absolute;
	top: 1px;
	right: 10px;
	overflow: hidden;
	width: 22px;
	height: 22px;
	background-color: #373737;
	cursor: pointer;
	border-radius: 0 10% 10% 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.jcarousel-prev {
	right: 35px;
	border-radius: 10% 0 0 10%;
}

.jcarousel-next:after {
	background-position: right top;
}

.jcarousel-prev:after,  .jcarousel-next:after {
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url(../images/icons/small-arrows.png);
	background-repeat: no-repeat;
	content: "";
}

.jcarousel-next-disabled,  .jcarousel-next-disabled:hover,  .jcarousel-next-disabled:focus,  .jcarousel-next-disabled:active,  .jcarousel-prev-disabled,  .jcarousel-prev-disabled:hover,  .jcarousel-prev-disabled:focus,  .jcarousel-prev-disabled:active {
	background-color: #373737 !important;
	cursor: auto;
	opacity: .75;
}

/* -------------------------------------------------- */
/* Team
/* -------------------------------------------------- */	

.team-member {
	margin-bottom: 80px;
}

.team-entry {
	position: relative;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}

.team-entry a {
	border-radius: 5px;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}

.team-entry a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.team-entry .team-name {
	margin-top: 10px;
	color: #383838;
	font-weight: 700;
	font-size: 14px;
	font-family: 'Montserrat', Arial, sans-serif;
}

.team-entry .job-title {
	display: block;
	margin-bottom: 5px;
	color:#b2b2b2;
	font-size: 11px;
}

.team-entry ul.social-icons {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* -------------------------------------------------- */
/* 404 Page
/* -------------------------------------------------- */	

.e404 {
	padding: 50px 0 160px 0;
}

.e404 h1 {
	display: inline-block;
	float: left;
	margin-right: 50px;
	padding-right: 70px;
	font-weight: 600;
	font-size: 200px;
	font-family: 'Montserrat', Arial, sans-serif;
	line-height: .8;
}

.e404 h2 {
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 25px;
	line-height: 1.2;
}

/* -------------------------------------------------- */
/*	Clients
/* -------------------------------------------------- */			
				
ul.clients-items {
	padding: 10px 0 0;
}

ul.clients-items li {
	float: left;
	width: 20%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.clients-items .bwWrapper {
	position: relative;
	display: block;
}

/* -------------------------------------------------- */
/* Pricing Tables
/* -------------------------------------------------- */	

.simple-pricing-table {
	margin: 0 10px;
}

#main .simple-pricing-table {
	margin: 0;
}

.container .simple-pricing-table .column {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-transition: margin .25s linear;
	-moz-transition: margin .25s linear;
	-ms-transition: margin .25s linear;
	-o-transition: margin .25s linear;
	transition: margin .25s linear;
}

.container .simple-pricing-table .column.featured,  .container .simple-pricing-table .column:hover {
	z-index: 3;
	margin-top: -10px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.simple-pricing-table .title {
	margin: 0;
}

.simple-pricing-table.type-1 .title {
	padding: 15px 15px 13px;
	color: #fff;
}

.simple-pricing-table.type-2 .title {
	padding: 11px 0;
	background-color: #f6f6f6;
	text-transform: uppercase;
	font-size: 15px;
}

.simple-pricing-table.type-1 .featured .title {
	padding-top: 15px;
	padding-bottom: 13px;
	background-color: #373737 !important;
}

.simple-pricing-table.type-2 .featured .title {
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #f4f4f4;
	color: #373737;
}

.simple-pricing-table.type-1 .column:hover .title {
	padding-top: 15px;
	padding-bottom: 13px;
}

.simple-pricing-table.type-2 .column:hover .title {
	padding-top: 16px;
	padding-bottom: 16px;
}

.simple-pricing-table .price {
	padding: 18px 0 15px;
}

.simple-pricing-table.type-1 .price {
	background-color: #e6e6e6;
}

.simple-pricing-table.type-2 .price {
	background-color: #828282;
}

.simple-pricing-table.type-1 .featured .price {
	background-color: #f4f4f4;
}

.simple-pricing-table .cost {
	margin: 0;
	font-weight: 400;
	font-size: 36px;
}

.simple-pricing-table.type-2 .cost {
	color: #373737;
	text-shadow: 1px 1px rgba(255, 255, 255, .5);
}

.simple-pricing-table.type-2 .cost {
	color: #fff;
	text-shadow: -1px -1px rgba(0, 0, 0, .2);
}

.simple-pricing-table .description {
	font-size: 15px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-style: italic;
}

.simple-pricing-table.type-1 .description {
	color: #505050;
	text-shadow: 1px 1px rgba(255, 255, 255, .5);
}

.simple-pricing-table.type-2 .description {
	color: #f6f6f6;
	text-shadow: 1px 1px rgba(0, 0, 0, .2);
}

.simple-pricing-table .features {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

.simple-pricing-table .features li {
	position: relative;
	padding: 10px 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	background-color: #f6f6f6;
	text-align: center;
}

.simple-pricing-table .features li:first-child {
	border-top: none;
}

.simple-pricing-table .featured .features li {
	background-color: #fefefe;
}

.simple-pricing-table .footer {
	padding: 25px 20px 25px;
	background-color: #e6e6e6;
}

.simple-pricing-table .featured .footer {
	padding: 25px 20px 25px;
	background-color: #f4f4f4;
}

.simple-pricing-table .column:hover .footer {
	padding: 25px 20px 25px;
}

.simple-pricing-table .footer .button {
	margin: 0;
}

.simple-pricing-table .title,  .simple-pricing-table .footer {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

/* ---------------------------------------------------------------------- */
/*	BLOG
/* ---------------------------------------------------------------------- */

.entry {
	margin-bottom: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

.item {
	float: left;
	margin-bottom: 75px;
	margin-left: 10px;
	margin-right: 10px;
	width: 100%;
}

.item .title {
	margin-bottom: 7px;
}

.entry-title .title {
	margin-bottom: 14px;
	line-height: 1;
}

.entry-title h2 a {
	color: #373737;
}

.item .title a {
	color: #383838;
}

.entry-meta {
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px 0;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

.item .entry-meta {
	margin: 0;
	padding: 10px 0;
}

.entry-meta span {
	display: block;
	float: left;
	margin-right: 20px;
}

.item .entry-meta span {
	margin-right: 15px;
}

.entry-meta span:before {
	margin-right: 5px;
	font-size: 14px;
	font-family: 'FontAwesome';
}

.entry-meta .date:before {
	content: "\f073";
}

.entry-meta .author:before {
	content: "\f007";
}

.entry-meta .tag:before {
	content: "\f02b";
}

.entry-meta .comments:before {
	content: "\f086";
}

.entry-meta a {
	color: #b2b2b2;
	font-size: 11px;
}

.entry-body {
	margin-bottom: 24px;
}

.rel-posts .item {
	margin-bottom: 0;
}

/* -------------------------------------------------- */
/*	Image Post Slider
/* -------------------------------------------------- */

.image-post-slider,  .image-gallery-slider {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}

.column .image-post-slider,  .columns .image-post-slider,  .column .image-gallery-slider,  .columns .image-gallery-slider {
	margin-left: 0;
	margin-right: 0;
}

.image-post-slider > ul > li,  .image-gallery-slider > ul > li {
	width: 0;
	display: block !important;
}

.image-post-slider > ul > li:first-child,  .image-gallery-slider > ul > li:first-child {
	width: 100%;
}

.image-post-slider a,  .image-gallery-slider a {
	margin: 0;
}

.post-slider-nav,  .gallery-slider-nav {
	position: absolute;
	right: 15px;
	bottom: 50%;
	margin-bottom: -15px;
	z-index: 100;
	width: 65px;
}

.post-slider-nav a,  .gallery-slider-nav a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	font: 0/0 a;
	cursor: pointer;
	background-color: #000;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 0 10% 10% 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.post-slider-nav a:after,  .gallery-slider-nav a:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/icons/medium-arrows.png);
	background-repeat: no-repeat;
	content: "";
}

.post-slider-nav .prevBtn,  .gallery-slider-nav .prevBtn {
	left: 0;
	float: left;
	border-radius: 10% 0 0 10%;
}

.post-slider-nav .nextBtn,  .gallery-slider-nav .nextBtn {
	right: 0;
	float: right;
}

.post-slider-nav .nextBtn:after,  .gallery-slider-nav .nextBtn:after {
	background-position: right;
}

/* -------------------------------------------------- */
/*	Page Navigation
/* -------------------------------------------------- */

.pagenavi .page-numbers {
	display: block;
	float: left;
	margin-right: 2px;
	width: 31px;
	height: 31px;
	background-color: #e9e9e9;
	color: #373737;
	text-align: center;
	line-height: 31px;
}

.pagenavi .current {
	color: #fff;
}

.pagenavi a:hover {
	background-color: #373737;
	color: #fff !important;
}

.pagenavi .prev,  .pagenavi .next {
	font-size: 15px;
	vertical-align: middle;
}

.pagenavi .prev:after {
	content: "←";
}

.pagenavi .next:after {
	content: "→";
}

/* -------------------------------------------------- */
/*	About Author
/* -------------------------------------------------- */

.author-about {
	margin-bottom: 40px;
	padding: 20px;
	background-color: #f5f5f5;
	overflow: hidden;
}

.author-thumb {
	float: left;
	margin-right: 20px;
}

.author-entry {
	display: table;
}

.author-entry h5 {
	font-weight: 400;
	font-size: 18px;
}

/* -------------------------------------------------- */
/*	Comments
/* -------------------------------------------------- */

.comments-list {
	margin-top: 10px;
	margin-bottom: 40px;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

.comment {
	list-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
	padding-top: 40px;
}

.comments-list .comment:first-child {
	border-top-width: 0;
}

.comment > article {
	margin-bottom: 20px;
}

.comment .gravatar {
	float: left;
	margin-right: 10px;
}

.comment-body {
	display: table;
}

.comment .comment-meta {
	zoom: 1;
}

.comment .comment-author a {
	color: #383838;
	font-weight: 700;
}

.comment .comment-date {
	float: left;
}

.comment .comment-date a {
	margin-right: 10px;
	color: #b2b2b2;
	font-size: 11px;
}

.comment-reply-link {
	padding: 0 6px;
	font-size: 11px;
}

.comment-reply-link:hover {
	background-color: #038ca9;
}

/* Children */

.comment .children {
	margin: 0;
	padding-left: 70px;
}

.children .comment {
	padding-top: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
}

.normal .children .comment {
	border-top: 1px solid #ebebeb;
}

/* Respond */

#respond {
	width: 100%;
}

#respond h6 {
	margin-bottom: 20px;
}

/* ---------------------------------------------------------------------- */
/*	PORTFOLIO
/* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */
/*	Portfolio Filter
/* -------------------------------------------------- */

.portfolio-filter {
	margin: 0 10px 35px;
	text-align: left;
	text-transform: uppercase;
}

.portfolio-filter li {
	display: block;
	float: left;
	margin-right: 20px;
}

.portfolio-filter li a {
	color: #383838;
	font-weight: 600;
	font-size: 11px;
	font-family: 'Montserrat', Arial, sans-serif;
	cursor: pointer;
}

.ie7 .portfolio-filter li a,  .ie8 .portfolio-filter li a {
	font-weight: 400;
}

/* -------------------------------------------------- */
/*	Portfolio Items
/* -------------------------------------------------- */

.portfolio-items {
	font-size: 0;
}

.container .portfolio-items article {
	position: relative;
	display: inline-block;
	float: none;
	vertical-align: top;
	margin-bottom: 40px;
}

.portfolio-items article .single-image,  .jcarousel-container .single-image {
	margin: 0;
}

.single-image img {
	display: block;
}

.preloader {
	background-position: center center;
	background-repeat: no-repeat;
}

.preloader.loader {
	background-image: url(../images/preloader.gif);
}
 .preloader img:not(.BWFilter) {
	opacity: 0;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	transition: all .25s linear;
}

.preloader .fadein {
	opacity: 1 !important;
}

.project-meta {
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 11px;
	background-color: #f5f5f5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	border-radius: 0 0 10% 10%;
}

.portfolio-items article:hover .project-meta {
	background-color: #fff;
}

.project-meta .title {
	margin-bottom: 5px;
	color: #373737;
	font-size: 12px;
	font-family: 'Montserrat', Arial, sans-serif;
}

.project-meta .categories {
	display: block;
}

.project-meta span {
	color: #828282;
}

/* -------------------------------------------------- */
/*	Portfolio Controls
/* -------------------------------------------------- */	
		
.portfolio-controls {
	padding: 20px 0 5px;
	font-size: 0;
}

.portfolio-controls a {
	display: inline-block;
	overflow: hidden;
	margin-left: 2px;
	width: 21px;
	height: 21px;
	background-color: #373737;
	background-image: url(../images/icons/controls.png);
	background-repeat: no-repeat;
	font: 0/0 a;
	cursor: pointer;
	border-radius: 0 10% 10% 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.portfolio-controls .controls-all {
	background-position: center;
}

.portfolio-controls .controls-next {
	background-position: right;
}

.portfolio-controls .controls-prev {
	border-radius: 10% 0 0 10%;
}

/* Isotope */

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	z-index: 2;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: top, left, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/* ---------------------------------------------------------------------- */
/*	SHOP
/* ---------------------------------------------------------------------- */

.sorting {
	margin: 0 10px;
}

.sort {
	float: left;
	padding: 0 0 20px;
	margin-top: -10px;
	width: 250px;
	color: #373737;
}

.sort_text {
	float: left;
	padding-top: 5px;
}

.sort form {
	width: auto;
	float: left;
	margin-left: 15px;
}

.sort select, .show-nr select {
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	width: 120px;
	background-color: #fff;
	border: solid 1px #eee;
	color: #828282;
}

.sort select option, .show-nr select option {
	margin: 10px;
}

.pagenavi .order {
	display: block;
	float: left;
	margin-left: 3px;
	width: 34px;
	height: 34px;
	background-color: #f3f3f3;
	text-align: center;
	line-height: 34px;
}

.pagenavi .order:hover {
	background-color: #eee;
}

.pagenavi .order i {
	color: #999;
}

.show-nr {
	float: right;
	text-align: right;
	padding: 0 0 20px;
	margin-top: -10px;
	width: 250px;
	color: #373737;
}

.show-nr_text {
	float: right;
	padding-top: 5px;
}

.show-nr form {
	width: auto;
	float: right;
	margin-left: 15px;
}

.shop-items {
	font-size: 0;
}

.shop-items article {
	border: solid 1px #ebebeb;
	border-bottom: solid 2px #ebebeb;
	border-radius: 0 0 5% 5%;
	background-color: #f5f5f5;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.container .shop-items article {
	position: relative;
	display: inline-block;
	float: none;
	vertical-align: top;
	margin-bottom: 40px;
}

.shop-items article .single-image {
	margin: 0;
}

.shop-items article:hover {
	background-color: #fff;
}

.shop-items article:hover .addtocart {
	opacity: 1;
	top: 40%;
}

.shop-items article img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.shop-items article:hover img {
	opacity: 0.7;
}

button.addtocart {
	position: absolute;
	width: 140px;
	height: 40px;
	padding: 12px !important;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -70px;
	opacity: 0;
	z-index: 10;
}

button.addtocart i {
	font-size: 20px;
	margin-left: 5px;
	vertical-align: middle;
	margin-top: -2px;
}

.item-new, .item-sale, .item-sale1, .item-franca, .item-eau, .item-rusa {
	position: absolute;
	font-size: 12px;
	text-align: center;
	right: -3px;
	top: 7%;
	width: 90%;
	height: 35%;
	background-color: #abbd38;
	color: #fff;
	padding: 10px;
	display: block;
	border-radius: 15% 3% 3% 3%;
}

.item-sale {
	background-color: #828282;
}

.item-sale1 {
	background-color: #3399FF;
}

.item-franca {
	background-color: #373737;
}

.item-eau {
	background-color: #FE5214;
}

.item-rusa {
	background-color: #ff0000;
}

.shop-item-meta {
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 11px;
}

.shop-item-meta .title {
	margin-bottom: 5px;
	color: #828282;
	font-size: 12px;
	font-family: 'Montserrat', Arial, sans-serif;
	text-transform: uppercase;
}

.shop-item-meta .price {
	display: block;
	font-size: 20px;
	color: #373737;
}

.shop-item-meta .old-price {
	font-size: 16px;
	color: #aaa;
	text-decoration: line-through;
	margin-right: 10px;
}

.shop-item-meta span {
	color: #828282;
}

.shop-navigation {
	margin: 0 10px;
}

.price_filter {
	width: 100%;
	padding-bottom: 5px;
}

#price-range input {
	padding: 0;
	background: 0;
	border: 0;
	box-shadow: none;
	margin: 2px 0 0 4px;
	float: left;
	width: 100px;
	color: #373737;
}

#price-range .button {
	float: right;
	padding: 3px 11px 4px 11px;
	margin: -5px 0 0;
	border-radius: 2px;
}

#price-range label {
	float: left;
}

.padding-range {
	padding: 0 8px;
}

#slider-range {
	margin: 0 0 16px;
}

#price-range .ui-slider {
	position: relative;
	text-align: left;
}

#price-range .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 14px;
	height: 17px;
	margin: 2px 0 0;
	cursor: w-resize;
}

#price-range .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 14px;
	display: block;
	border: 0;
	background-position: 0 0;
}

#price-range .ui-widget-content {
	box-shadow:  inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05);
	background-color: #f2f2f2;
	padding: 2px 0;
	border-radius: 2px;
}

#price-range .ui-widget-header {
	background-color: #ccc;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}

#price-range .ui-state-default {
	background-color: #f2f2f2;
	border: solid 1px #ccc;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.08);
	border-radius: 2px;
}

#price-range .ui-slider.ui-state-disabled .ui-slider-handle, #price-range .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

#price-range .ui-slider-horizontal {
	height: .8em;
}

#price-range .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

#price-range .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

#price-range .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

#price-range .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

/* ---------------------------------------------------------------------- */
/*	SHOP SINGLE PRODUCT
/* ---------------------------------------------------------------------- */

.product-description h2.title {
	font-size: 30px;
	margin-bottom: 2px;
}

.product-description .reviews {
	margin-left: 7px;
}

.product-description .price {
	font-size: 27px;
	padding: 25px 0;
}

.product-description ul.list {
	margin-top: 20px;
}

.addtocart-product {
	padding: 5px 0 12px;
}

button.addtocart-bt i {
	font-size: 20px;
	margin-left: 5px;
	vertical-align: middle;
	margin-top: -2px;
}

.product-amount {
	margin: 0 20px 15px 0;
	float: left;
	border: solid 1px #ccc;
	border-radius: 2px;
}

.product-amount input {
	width: 45px;
	height: 38px;
	padding: 5px;
	text-align: center;
	float: left;
	background: none;
	font-size: 14px;
}

.increase-value {
	float: left;
	color:#fff;
	background-color: #ccc;
	cursor: pointer;
	font-size: 11px;
	width: 45px;
	height: 38px;
	border-radius: 0 2px 2px 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.increase-value span {
	margin: 4px 0 0 11px;
	display: inline-block;
}

.increase-value:hover {
	background: #ddd;
}

.product-amount .increase-value i {
	font-size: 20px;
	margin-top: 10px;
	margin-left: 16px;
	color: #fff !important;
}

.categories-product {
	margin: 20px 0 5px;
}

/* ---------------------------------------------------------------------- */
/*	SIDEBAR
/* ---------------------------------------------------------------------- */

.sbr #sidebar {
	float: right;
}

.sbl #sidebar {
	float: left;
}

/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */

	#sidebar .widget {
	margin-bottom: 40px;
}

#sidebar .widget-title {
	margin-bottom: 20px;
	font-size: 15px;
	margin-bottom: 20px;
}

.widget .post-date {
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #b2b2b2;
}

.ie8 #sidebar .widget-title {
	font-weight: 400;
}

/* ---------------------------------------- */
/*	Default Widgets
/* ---------------------------------------- */

.widget .sub-menu {
	padding-top: 5px;
}

.widget_categories ul li,  .widget_archive ul li,  .widget_links ul li,  .widget_meta ul li,  .widget_pages ul li,  .widget_recent_entries ul li {
	position: relative;
	padding: 6px 0 6px 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8e8e8;
	list-style: none;
}

#footer .widget_categories ul li,  #footer .widget_archive ul li,  #footer .widget_links ul li,  #footer .widget_meta ul li,  #footer .widget_pages ul li,  #footer .widget_recent_entries ul li {
	border-top-color: #464545;
}

.widget_categories ul li:first-child,  .widget_archive ul li:first-child,  .widget_links ul li:first-child,  .widget_meta ul li:first-child,  .widget_pages ul li:first-child,  .widget_recent_entries ul li:first-child {
	border-top-width: 0;
}

.widget_categories li a,  .widget_archive li a,  .widget_links li a,  .widget_meta li a,  .widget_pages li a,  .widget_recent_entries li a {
	position: relative;
	display: inline-block;
	color: #969696;
}

.widget_categories li a:before,  .widget_archive li a:before,  .widget_links li a:before,  .widget_meta li a:before,  .widget_pages li a:before,  .widget_recent_entries li a:before {
	position: absolute;
	left: -15px;
	top: 0;
	width: 4px;
	height: 100%;
	display: block;
	background-image: url(../images/icons/arrow-black.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	content: "";
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-ms-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear;
}

#footer .widget_categories li a:before,  #footer .widget_archive li a:before,  #footer .widget_nav_menu li a:before,  #footer .widget_links li a:before,  #footer .widget_meta li a:before,  #footer .widget_pages li a:before,  #footer .widget_recent_entries li a:before {
	background-image: url(../images/icons/arrow-light.png);
}

.widget_categories li a:hover:before,  .widget_archive li a:hover:before,  .widget_links li a:hover:before,  .widget_meta li a:hover:before,  .widget_pages li a:hover:before,  .widget_recent_entries li a:hover:before {
	left: -10px;
}

/* Widget Nav Menu for Footer */
			
#footer .widget_nav_menu ul li {
	position: relative;
	padding: 6px 0 6px 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8e8e8;
	list-style: none;
}

#footer .widget_nav_menu ul li:first-child {
	border-top-width: 0;
}

#footer .widget_nav_menu li a {
	position: relative;
	display: inline-block;
	color: #969696;
}

#footer .widget_nav_menu li a:hover:before {
	left: -10px;
}

#footer .widget_nav_menu li a:before {
	position: absolute;
	left: -15px;
	top: 0;
	width: 4px;
	height: 100%;
	display: block;
	background-image: url(../images/icons/arrow-black.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	content: "";
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-ms-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear;
}

/* Widget Nav Menu */
				
.widget_nav_menu .menu {
	margin-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
}

.widget_nav_menu li {
	position: relative;
}

.widget_nav_menu li:after {
	position: absolute;
	top: 13px;
	right: 11px;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../images/icons/ajax-nav-row.png);
	background-repeat: no-repeat;
	content: "";
	-webkit-transition: right .25s linear;
	transition: right .25s linear;
}

.widget_nav_menu li:hover:after,  .widget_nav_menu .current-menu-item:after,  .widget_nav_menu .current_page_item:after {
	right: 4px;
	background-position: bottom;
}

.widget_nav_menu li:hover:before,  .widget_nav_menu .current-menu-item:before,  .widget_nav_menu .current_page_item:before {
	position: absolute;
	top: 1px;
	right: -14px;
	display: block;
	width: 0;
	height: 0;
	border-top: 21px solid transparent !important;
	border-bottom: 21px solid transparent !important;
	border-left-width: 15px;
	border-left-style: solid;
	content: "";
}

.widget_nav_menu li a {
	display: block;
	padding: 11px 30px 11px 10px;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	color: #383838;
	-webkit-transition: none;
	transition: none;
}

.widget_nav_menu li:hover > a,  .widget_nav_menu .current-menu-item > a,  .widget_nav_menu .current_page_item > a {
	color: #fff !important;
}

/* ---------------------------------------- */
/*	Popular Posts
/* ---------------------------------------- */

.widget_popular_posts li {
	margin-bottom: 20px;
}

.widget_popular_posts li:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

.widget_popular_posts .preloader {
	float: left;
	margin-right: 10px;
}

.widget_popular_posts .post-holder {
	display: table;
}

.widget_popular_posts h6 {
	margin-bottom: 5px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3;
}

.widget_popular_posts p {
	margin-bottom: 5px;
	font-size: 11px;
}

.widget_popular_posts span {
	display: block;
	color: #b2b2b2;
	font-style: italic;
	font-size: 11px;
}

/* ---------------------------------------- */
/*	Shop Best Sellers
/* ---------------------------------------- */

.widget_best_sellers li {
	padding: 7px 4px 2px;
	border: solid 1px #afafaf;
	margin-bottom: 20px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.widget_best_sellers li:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

.widget_best_sellers li:hover {
	border-color: #eee;
}

.widget_best_sellers .bs-image {
	float: left;
	margin-right: 10px;
}

.widget_best_sellers .bs-holder {
	display: table;
}

.widget_best_sellers h6 {
	margin-top: 2px;
	margin-bottom: 5px;
	color: #828282;
	font-size: 13px;
	font-family: 'Montserrat', Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1.3;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.widget_best_sellers p {
	margin: 5px 0 0;
	font-size: 13px;
	height: 30px;
	display: block;
}

.widget_best_sellers p i {
	float: left;
	margin-right: 1px;
}

.widget_best_sellers span {
	display: block;
	color: #373737;
	font-size: 18px;
}

/* ---------------------------------------- */
/*	Tags Cloud
/* ---------------------------------------- */		
	
.widget_tag_cloud .tagcloud a {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 3px;
	padding: 5px;
	color: #fff !important;
	font-size: 12px !important;
}

#sidebar .widget_tag_cloud .tagcloud a {
	background-color: #c0c0c0;
}

#footer .widget_tag_cloud .tagcloud a {
	background-color: #676767;
	color: #d4d4d4 !important;
}

#sidebar .widget_tag_cloud .tagcloud a:hover {
	background-color: #444 !important;
}

#footer .widget_tag_cloud .tagcloud a:hover {
	background-color: #c2c2c2 !important;
	color: #383838 !important;
}

/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */

#footer {
	background-color: #373737;
	padding: 35px 0 40px;
	color: #969696;
	border-radius: 15% 15% 0 0;
}

#footer a {
	color: #969696;
}

/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */

#footer .widget {
	margin-bottom: 45px;
}

#footer .widget-title {
	color: #ebebeb;
	font-size: 15px;
	margin-bottom: 20px;
}

.ie7 #footer .widget-title,  .ie8 #footer .widget-title {
	font-weight: 400;
}

/* ---------------------------------------- */
/*	Flickr
/* ---------------------------------------- */

.flickr-badge li {
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.flickr-badge li:nth-of-type(3n) {
	margin-right: 0;
}

.flickr-badge li a {
	position: relative;
	display: block;
	height: 65px;
	width: 65px;
}

.flickr-badge li a:after {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-box-shadow: inset 0 0 0 0 transparent;
	-moz-box-shadow: inset 0 0 0 0 transparent;
	box-shadow: inset 0 0 0 0 transparent;
}

/* ---------------------------------------- */
/*	Address Info
/* ---------------------------------------- */

.address-info {
	margin-top: 17px;
}

.address-info .fa {
	width: 15px;
}

.contact-info {
	font-style: italic;
}

/* -------------------------------------------------- */
/*	Copyright
/* -------------------------------------------------- */	

.adjective {
	padding-top: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4a4a4a;
	font-size: 11px;
}

.copyright {
	float: left;
}

.footer-bottom-right {
	float: right;
}

.copyright a,  .developed a {
	color: #969696;
}

/* ---------------------------------------------------------------------- */
/*	WIDGETS + SHORTCODES
/* ---------------------------------------------------------------------- */		

/* -------------------------------------------------- */
/*	Accordion and Toggle
/* -------------------------------------------------- */
	
.acc-box {
	margin-bottom: 80px;
}

.acc-trigger {
	position: relative;
	display: block;
	padding: 15px 15px 15px 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
}

.acc-box .acc-trigger:first-child {
	border-top-width: 0;
}

.acc-trigger:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -13px;
	width: 25px;
	height: 25px;
	background-color: #373737;
	background-image: url(../images/icons/collapse.png);
	cursor: pointer;
	content: "";
	border-radius: 10%;
}

.acc-trigger.active:before {
	background-position: bottom;
}

.acc-trigger a {
	color: #828282;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	font-family: 'Montserrat', Arial, sans-serif;
}

.ie7 .acc-trigger a,  .ie8 .acc-trigger a {
	font-weight: 400;
}

.acc-trigger:hover a,  .acc-trigger.active a {
	color: #373737;
}

.acc-trigger.active + .acc-container p {
	margin: 0 0 10px 0;
}

.acc-container {
	display: none;
}

/* -------------------------------------------------- */
/*	Testimonials
/* -------------------------------------------------- */

.quote-box {
	position: relative;
	margin-bottom: 80px;
}

.testimonials > li {
	margin-right: 15px;
}

.quote-text {
	position: relative;
	margin-bottom: 5px;
	padding: 20px 15px;
	padding-bottom: 20px;
	border-width: 1px;
	border-style: solid;
	background: #f5f5f5;
	border-color: #ebebeb;
	font-style: italic;
	color: #828282;
	border-radius: 10% 0 10% 10%;
}

.quote-text:before {
	position: absolute;
	z-index: 99;
	bottom: -31px;
	left: 45px;
	display: block;
	width: 31px;
	height: 31px;
	background-image: url(../images/quote-arrow.png);
	content: "";
}

.quote-author {
	display: block;
	margin-left: 85px;
	padding-bottom: 10px;
}

.quote-author span {
	color: #828282;
}

/* Quote Navigation */

.quotes-nav {
	position: absolute;
	right: 0;
	top: -40px;
	z-index: 100;
	width: 44px;
}

.quotes-nav a {
	position: relative;
	display: block;
	width: 21px;
	height: 21px;
	opacity: 1;
	cursor: pointer;
	background-color: #000;
	background-color: rgba(0, 0, 0, .8);
	font: 0/0 a;
}

.quotes-nav a:after {
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url(../images/icons/small-arrows.png);
	background-repeat: no-repeat;
	content: "";
}

.quotes-nav .prevBtn {
	float: left;
}

.quotes-nav .nextBtn {
	float: right;
}

.quotes-nav .nextBtn:after {
	background-position: right;
}

/* -------------------------------------------------- */
/*	Tabs
/* -------------------------------------------------- */

.content-tabs {
	margin-bottom: 90px;
}

.tabs-nav {
	clear: both;
	margin: 0;
	width: 100%;
}

.tabs-nav li {
	position: relative;
	float: left;
	margin-right: -1px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ebebeb;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ebebeb !important;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebebeb !important;
	background-color: #fafafa;
	height: 34px;
}

.tabs-nav li:first-child {
	border-left-width: 1px;
}

.tabs-nav li a {
	display: inline-block;
	padding: 10px 16px;
	outline: none;
	color: #828282;
	vertical-align: baseline;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	cursor: pointer;
}

.tabs-nav li a:hover {
	color: #373737;
}

.tabs-nav .active a {
	background-color: #fff;
	color: #373737;
}

.tabs-container {
	margin: 0 0 20px;
	overflow: hidden;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4;
	width: 100%;
	border-radius: 0 5% 5% 5%;
}

.tab-content {
	display: none;
	padding: 20px 20px 10px;
}

.tab-content:first-child {
	display: block;
}

/* -------------------------------------------------- */
/*	Pie Chart
/* -------------------------------------------------- */
		
.bg-facts {
	margin-bottom: 70px;
	background: url(../images/bg_chart.jpg) center center no-repeat;
}

.easyPieChart {
	position: relative;
	text-align: center;
}

.easyPieChart canvas {
	position: absolute;
	top: 5px;
	left: 5px;
}

.chart {
	float: left;
	height: 100%;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

.chart .percentage-light {
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 35px;
	font-weight:400;
	border-radius: 50%;
	padding: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.chart:hover .percentage-light {
	background-color:rgba(180, 180, 180, 0.6) !important;
}

.chart .percentage-light span {
	font-size: 20px;
}

.chart h5 {
	font-size: 16px;
	text-align:center;
	font-weight:300;
}

.chart p {
	line-height:18px;
	text-align:center;
}

/* -------------------------------------------------- */
/*	Numeric Statistic
/* -------------------------------------------------- */

.bg-stats {
	background: url(../images/bg_stats.png) center center no-repeat;
}

.stats {
	padding: 35px 0px;
	text-align: center;
	width:100%;
}

.stats.last {
	border-right: none;
}

.stats .num {
	color: #505050;
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 10px;
}

.stats .type {
	color: #505050;
	font-weight: 200;
	font-size: 13px;
	letter-spacing:2px;
}

.stats .type.white {
	color: #fff;
	font-weight: 200;
	font-size: 11px;
	letter-spacing:2px;
}

/* -------------------------------------------------- */
/*	Button group
/* -------------------------------------------------- */		

.button-group {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.button-group .button {
	font-size: 18px;
	overflow: hidden;
	padding: 25px 0;
	text-align: center;
	text-transform: uppercase;
	width: 30%;
	margin: 0;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.button-group .icon {
	background-color: #fff;
	font-size: 25px;
	display: block;
	text-align: center;
	margin-left: -22px;
	margin-top: -25px;
	position: absolute;
	padding-top: 4px;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 40px;
	z-index: 99;
	border-radius:15%;
}

.button-group h4 {
	display: block;
	margin-bottom: 5px;
}

.button-group .subtitle {
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0;
}

.button-group .button:first-child {
	border-bottom-left-radius: 30px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 0px solid #fff;
}

.button-group .button:last-child {
	border-bottom-right-radius: 30px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.button-group a.gray h4, .button-group a.gray .subtitle {
	color: #fff;
}

.button-group a.color:hover {
	background-color: #828282 !important;
}

.button-group a.gray:hover h4, .button-group a.gray:hover .subtitle, .button-group a.color:hover h4, .button-group a.color:hover .subtitle {
	color: #fff;
}

/* -------------------------------------------------- */
/*	Info Box
/* -------------------------------------------------- */

.info-box {
	margin-bottom: 80px;
	padding: 25px 20px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ebebeb;
	border-radius: 20%;
}

/* -------------------------------------------------- */
/*	Notifications
/* -------------------------------------------------- */

.error, .success, .info, .notice {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 14px;
	padding: 8px 15px 8px 20px;
	position: relative;
}

.error {
	background-color: #f9bcc3;
	border-color: #f09da7;
	color: #b76973;
}

.success {
	background-color: #d8efc1;
	border-color: #b4d892;
	color: #79985b;
}

.info {
	background-color: #FFFFFF;
	border-color: #00BBFF;
	color: #52889b;
}

.notice {
	background-color: #feebb7;
	border-color: #e7d195;
	color:#b49133;
}

.alert-close {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	line-height: 1;
}

.alert-close:before {
	font-size: 13px;
	font-family: 'FontAwesome';
	content: "\f00d";
}

.error .alert-close {
	color: #b76973;
}

.success .alert-close {
	color: #79985b;
}

.info .alert-close {
	color: #52889b;
}

.notice .alert-close {
	color: #b49133;
}

/* -------------------------------------------------- */
/*	List
/* -------------------------------------------------- */

ul.list {
	margin-bottom: 20px;
	margin-top: 30px;
}

.list li {
	margin-bottom: 6px;
}

.list li .fa {
	width: 21px;
}

ul.list [class^="fa-"]:before,  ul.list [class*="fa-"]:before {
	font-size: 15px;
}

.f-list li {
	font-size: 12px;
	margin-bottom: 12px;
}

.f-list .fa {
	width: 21px;
	color: #373737;
	font-size: 15px;
}

i.small-arrows {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}

i.small-arrows:before {
	position: absolute;
	left: 0;
	top: 3px;
	margin-top: -3px;
	width: 21px;
	height: 21px;
	background-image: url(../images/icons/small-arrows.png);
	background-position: right;
	background-repeat: no-repeat;
	content: "";
}

/* -------------------------------------------------- */
/*	Map
/* -------------------------------------------------- */

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

#content .google_map {
	width: 100%;
	height: 400px;
}

/* -------------------------------------------------- */
/*	Tooltip
/* -------------------------------------------------- */

.tooltip {
	position: relative;
}

.tooltip:after,  .tooltip:before {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.tooltip:after {
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 98;
	padding: 5px;
	width: 100px;
	border-radius: 3px;
	background-color: #373737;
	background-image: url(../images/tooltip.png);
	color: #fff;
	content: attr(data-tooltip);
	opacity: 0;
}

.tooltip:before {
	position: absolute;
	bottom: 16px;
	left: 50%;
	z-index: 99;
	border-width: 6px 6px 0;
	border-style: solid;
	border-color: #373737 transparent;
	content: "";
	opacity: 0;
}

.tooltip:hover:after,  .tooltip:hover:before {
	opacity: 1;
}

.ie8 .tooltip:after,  .ie8 .tooltip:before {
	display: none;
}

.ie8 .tooltip:hover:after,  .ie8 .tooltip:hover:before {
	display: block;
}

/* ---------------------------------------------------------------------- */
/*	OTHER
/* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */
/*	Ajax Navigation
/* -------------------------------------------------- */

.ajax-nav {
	margin-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
}

.ajax-nav li {
	position: relative;
}

.ajax-nav li a {
	display: block;
	padding: 11px 30px 11px 10px;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	color: #919191;
	font-family: 'Montserrat', serif;
	font-size: 14px;
	font-weight: 400;
	-webkit-transition: none;
	transition: none;
}

.ajax-nav li:hover > a {
	background-image: url(../images/bg-side-nav.png);
	color: #919191;
}

.ajax-nav .current a {
	color: #fff !important;
}

.ajax-nav .current a:hover {
	background: none;
}

.ajax-navigation-item {
	display: none;
}

.ajax-navigation-item:first-child {
	display: block;
}

/* -------------------------------------------------- */
/*	Services
/* -------------------------------------------------- */

.title-service {
	margin-bottom: 25px;
	line-height: 2;
}

.title-service i {
	float: left;
}

.title-service:hover i {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}

.title-service i:before {
	position: absolute;
	display: block;
	margin-top: 38px;
	width: 47px;
	height: 7px;
	background-image: url(../images/shadow.png);
	opacity: 0;
	filter: alpha(opacity = 0);
	content: "";
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.ie7 .title-service i:before,  .ie8 .title-service i:before {
	display: none;
}

.title-service:hover i:before {
	margin-top: 43px;
	opacity: 1;
	filter: alpha(opacity = 100);
}

.title-service a {
	display: table;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 15px;
	color: #373737;
}

/* -------------------------------------------------- */
/*	Coming Soon
/* -------------------------------------------------- */

/* Countdown */

.countdown-row {
	display: block;
	text-align: right;
	position: relative;
	top: -45px;
	margin-right: 15px;
}

.countdown-section {
	border-left: 1px solid;
	border-color: rgba(0,0,0,0.1);
	color: #373737;
	display: inline-block;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
	width: 15%;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	transform: skew(-10deg);
}

.countdown-section:first-child {	
	border-left: 0;
}

.countdown-amount {
	color: #bbb;
	display: block;
	font-family: 'Montserrat', serif;
	font-size: 50px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1;
	padding-bottom: 0;
}

/* Newsletter */

.newsletter {
	margin: 60px auto 30px;
	max-width: 588px;
}

.newsletter h4 {
	text-align: center;
}

#newsletter-form {
	position: relative;
}

#newsletter-form .form-field {
	margin-right: 180px;
}

#newsletter-form .form-submit {
	height: 42px;
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
}

#newsletter_email,
#newsletter_submit {
	display: block;
	height: 42px;
	width: 100%;
}

#newsletter_email {
	border-right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#newsletter_submit {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* Assistive text */
.screen-reader-text {
	border: 0 none;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

.form-wrap .loading {
	height: 42px;
	margin: 0 auto 28px;
	text-align: center;
}

.bounce1,
.bounce2,
.bounce3 {
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: both;
	-moz-animation-name: bounce;
	-moz-animation-duration: 1.4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: both;
	animation-name: bounce;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	background: #474747;
	display: inline-block;
	height: 14px;
	margin: 0 3px;
	opacity: 0.6;
	width: 14px;
	border-radius: 50%;
}

.bounce1 {
	-webkit-animation-delay: -0.32s;
	-moz-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.bounce2 {
	-webkit-animation-delay: -0.16s;
	-moz-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bounce {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bounce {
	0%, 80%, 100% { -moz-transform: scale(0.0) }
	40% { -moz-transform: scale(1.0) }
}
@keyframes bounce {
	0%, 80%, 100% { transform: scale(0.0) }
	40% { transform: scale(1.0) }
}

/* -------------------------------------------------- */
/*	Back to Top
/* -------------------------------------------------- */

#back-top {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 999;
	display: none;
	width: 50px;
	height: 50px;
	background-color: #918F89;
	text-align: center;
	font: 0/0 a;
	opacity: 0.9;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

#back-top:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background-image: url(../images/back-to-top.png);
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
}
		/* -------------------------------------------------- */
		/*	Table Description
		/* -------------------------------------------------- */	
		
		.table-description {
			width: 100%;
			border-top: 3px solid #4c4c4c;
			border-bottom: 1px solid #c9c9c9;
		}

				.desc-column-1 {
					padding: 30px 20px 30px 0;
					width: 200px;
					border-right: 1px solid #c9c9c9;
				}
				
					.desc-column-1 .author-created {
						display: block;
						padding-top: 3px;
						padding-bottom: 16px;
						color: #828282;
						font-size: 11px;
					}

					.desc-column-1 .author-link {
						display: block;
						color: #ffb200;
						font-size: 11px;
					}

				.desc-column-2 { padding: 30px 45px 30px 40px; }
							
				.html_structure,
				.html_logo,
				.html_logo_css,
				.html_navigation,
				.html_cs,
				.html_columns,
				.html_sidebar,
				.home_fullscreen,
				.home_masonry,
				.sub_blog,
				.sub_image-post-slider,
				.sub_video,
				.feat_toggles,
				.feat_info,
				.feat_testimonials,
				.feat_tooltips,
				.feat_tabs,
				.feat_block,
				.feat_social,
				.feat_list_or,
				.feat_list_unor,
				.feat_drop,
				.feat_alert,
				.feat_buttons,
				.css_stuct,
				.js_set{ margin-bottom: 30px;
}

.uppercase
{
    text-transform: uppercase;
}
/* -------------------------------------------------- */
/*	Taulas nostres
/* -------------------------------------------------- */

.Cabcelera-taula {
    margin: 10px auto 0;
    padding: 5px 5px 5px 5px;
    border: 1px;
    border-style: none solid;
    border-color: #ebebeb;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #888888;
    text-align: center;
    min-height: 32px;
}
.Cabcelera-taula-color {
    margin: 10px auto 0;
    padding: 5px 5px 5px 5px;
    text-align: center;
    min-height: 32px;
	position: relative;
}

.Cabcelera-taula-color::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #00b482;
	z-index: 1000;
}

.Cabcelera-taulaimput {
	width: 58px;
	height: 27px;
	margin: 10px auto 0;
	padding: 5px 5px 5px 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-color: #888888;
	text-align: center;
	min-height: 32px;
}
.Showline {
    display: inline-block;
}
.Celda-col-taula {
    padding: 4px;
    border-style: none solid;
    border-color: #ebebeb;
    font-family: 'Roboto', sans-serif;
}
.Celda-taula {
    padding: 5px 5px 5px 5px;
    border-spacing: 5px;
    border: 1px;
    border-style: solid;
    border-color: #ebebeb;
    /*min-height: 32px;*/
}
.Celda-taulaes {
    padding: 5px 5px 5px 5px;
    border-spacing: 5px;
    border: 1px;
    border-style: solid;
    border-color: #ebebeb;
    text-align: right;
    /*min-height: 32px;*/
}
.Celda-taulade {
    padding: 5px 5px 5px 5px;
    border-spacing: 5px;
    border: 1px;
    border-style: solid;
    border-color: #ebebeb;
    text-align: right;
    /*min-height: 32px;*/
}
.Celda-taulace {
    padding: 5px 5px 5px 5px;
    border-spacing: 5px;
    border: 1px;
    border-style: solid;
    border-color: #ebebeb;
    text-align: center;
    /*min-height: 32px;*/
}
.Celda-taulace-ver {
    padding: 5px 5px 5px 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #ebebeb;
    text-align: center;
    min-height: 32px;
}

.GridView1 tbody {
    border-spacing: 2px;
}

#GridView1 {
	color: #212529;
	font-size: 12px;
	position: relative;
}

.pagination span {
	width: 27px;
    height: 27px;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    color:#f5f5f5;
    background-color: #00b482; /* color de fondo verde */
    border-radius: 0px;
    border: 1px solid #00b482; /* color de fondo verde */
}
.pagination a {
	width: 27px;
    height: 27px;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    color: #828282;
    border: 1px solid #ddd; /* Gray */
}
.pagination a:hover:not(.active) {
    background-color: #00b482; /* cuando pasamos el raton por encima */
    border-radius: 0px;
    color: #373737;
}
.tranformtext {
	text-transform: uppercase;
}

/* -------------------------------------------------- */
/*	Mega Menu
/* -------------------------------------------------- */

/* reset */
.mega-menu ul,
.mega-menu li,
.mega-menu a,
.mega-menu p,
.mega-menu img,
.mega-menu h2 {
	margin: 0;
	padding: 0;
	display: block;
	line-height: normal;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* menu container */
.mega-menu {
	margin: 0 auto;	
	padding: 0;
	position: relative;
	z-index: 99999;
	display: block;
	max-width: 1280px; 
	min-height: 58px;
	width: 100%;
	min-width: 180px;
}

/* ul tag layout */
.mega-menu > ul {
	float: left;
	width: 100%;
	min-height: 58px;
}

/* li tag layout */
.mega-menu > ul > li {
	float: left;
	min-height: 58px;
	line-height: 58px;
	color: #444;
}

/* a tag layout */
.mega-menu > ul > li > a {
	display: block;
	padding-right: 40px;
	color: #444;
	line-height: 57px;
	font-size: 15px;
	font-family: 'Montserrat', serif;
}

.fixed#header .mega-menu > ul > li > a {
	padding-left: 40px;
	padding-right: 0;
}

.mega-menu > ul > li > div > ul > li:hover, .mega-menu ul ul li a:hover {
	background-color: #FFFFFF;
}

/* .login-form class */
.mega-menu ul .login-form {
	min-width: 6%;
	text-align: center;
	cursor: pointer;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	color: #ccc;
	border-left: 1px solid #eee;
}

.fixed#header .mega-menu ul .login-form {
	display: none;
}

.mega-menu .login-form table,
.mega-menu .login-form tbody {
	width: 100%;
}

.mega-menu .login-form input {
	width: 100%;
	margin: 0 0 3px;
	padding: 10px 10px;
	font-size: 15px;
	display: block;
	border-radius: 3px;
	background-color: rgb(255, 255, 255);
	border: none;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.mega-menu .login-form input[type=submit] {
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	opacity: 0.81;
	box-shadow: inset 0.5px 0.866px 0px 0px rgba(255, 248, 68, 0.106);
	color: #FFFFFF;
	height: 35px;
	width: 100px;
	font-size: 1em;
	margin-top: 10px;
	cursor: pointer;
	outline: none;
}

.mega-menu .login-form a.button {
	color: #fff;
	padding: 8px 20px;
	text-align: center;
}

.mega-menu .login-form input[type=submit]:hover {
	opacity: 1;
}

.mega-menu .login-form input[type=checkbox] {
	float: left;
	display: block;
	height: 35px;
	width: auto;
	cursor: pointer;
	outline: none;
	background-color: #FFFFFF;
}

.mega-menu .login-form label {
	color: #888;
	font-size: 0.8em;
	font-weight: normal;
	height: 35px;
	display: block;
	margin: 10px 0 0 20px;
	padding: 0 0 0 0px;
	line-height: 35px;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.mega-menu .login-form ul {
	position: absolute;
	right: 0px;
	width: 300px;
	padding: 15px 15px 10px;
}

.mega-menu .login-form:hover {
	background-color: #FFFFFF;
	color: #444;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

/* .search-bar class */
.mega-menu ul .search-bar {
	min-width: 6%;
	text-align: center;
	cursor: pointer;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	color: #ccc;
}

.fixed#header .mega-menu .search-bar {
	display: none;
}

.mega-menu .search-bar:hover {
	color: #444;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

.mega-menu .search-bar ul {
	position: absolute;
	right: 0;
	width: 100%;
}

.mega-menu .search-bar table,
.mega-menu .fa-user tbody {
	width: 100%;
}

.mega-menu .search-bar table tr td:last-child {
	width: 120px;
}

.mega-menu .search-bar ul input[type=text] {
	background-color: #FFFFFF;
	border: none;
	padding: 10px;
	width: 100%;
	float: left;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	outline: none;
	border-radius: 3px;
}

.mega-menu .search-bar ul input[type=submit] {
	border: none;
	width: 85%;
	cursor: pointer;
	font-size: 0.9em;
	float: left;
	height: 40px;
	outline: none;
	opacity: 0.81;
	color: #FFFFFF;
}

.mega-menu .search-bar ul input[type=submit]:hover {
	opacity: 1;
	outline: none;
}

/* hover animation */
.mega-menu > ul > li:hover > a {
	color: #444;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

.mega-menu > ul > .title:hover > a {
	background: inherit;
	color: inherit !important;
}

/*------- Drop down layout start ------*/
.mega-menu .drop-down {
	position: absolute;
	background: #f5f5f5;
	z-index: 999;
	margin-left: 0px;
	width: 100%;
	float: left;
	width: 150px;
	border: 1px solid rgba(0,0,0,0.05);
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 0 10px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 10px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 8px 3px rgba(0, 0, 0, .07);
}

.mega-menu .drop-down .drop-down {
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mega-menu .drop-down li {
	float: left;
	width: 100%;
	position: relative;
}

.mega-menu .drop-down li a {
	color: #888;
	font-size: 13px;
	text-align: left;
	padding: 10px 20px 10px 25px;
	background-color: #f5f5f5;
}
.mega-menu .drop-down li i {
	color: #888;
	font-size: 13px;
	text-align: left;
	padding: 10px 20px 10px 25px;
}

/* drop down hover animation */
.mega-menu .drop-down li:hover > a {
	color: #169fe6;
}

/* default hover animation to show drop down */
.mega-menu > ul > li:hover .drop-down {
	display: block;
}

.mega-menu ul li .drop-down li:hover > .drop-down {
	display: block;
}

/* .hover-fade animation to show drop down */
.mega-menu > ul > li .drop-down.hover-fade {
	display: none;
}

.mega-menu > ul > li:hover > .drop-down.hover-fade,
.mega-menu > ul > li .drop-down li:hover > .drop-down.hover-fade {
	display: block;
	/* keyframes animation */
	animation: hover-fade 0.3s linear 0s forwards;
	-moz-animation: hover-fade 0.3s linear 0s forwards;
	-ms-animation: hover-fade 0.3s linear 0s forwards;
	-o-animation: hover-fade 0.3s linear 0s forwards;
	-webkit-animation: hover-fade 0.3s linear 0s forwards;
}

@keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}

/* .hover-zoom animation to show drop down */
.mega-menu > ul > li .drop-down.hover-zoom {
	display: none;
}

.mega-menu > ul > li:hover > .drop-down.hover-zoom,
.mega-menu > ul > li .drop-down li:hover > .drop-down.hover-zoom {
	display: block;
	/* keyframes animation */
	animation: hover-zoom 0.2s linear 0s forwards;
	-moz-animation: hover-zoom 0.2s linear 0s forwards;
	-ms-animation: hover-zoom 0.2s linear 0s forwards;
	-o-animation: hover-zoom 0.2s linear 0s forwards;
	-webkit-animation: hover-zoom 0.2s linear 0s forwards;
}

@keyframes hover-zoom {0% {opacity:0; transform: scale(0.8, 0.8);} 100% {opacity:1; transform:scale(1.0, 1.0);}}
@-moz-keyframes hover-zoom {0% {opacity:0; -moz-transform: scale(0.8, 0.8);} 100% {opacity:1; -moz-transform:scale(1.0, 1.0);}}
@-ms-keyframes hover-zoom {0% {opacity:0; -ms-transform: scale(0.8, 0.8);} 100% {opacity:1; -ms-transform:scale(1.0, 1.0);}}
@-o-keyframes hover-zoom {0% {opacity:0; -o-transform: scale(0.8, 0.8);} 100% {opacity:1; -o-transform:scale(1.0, 1.0);}}
@-webkit-keyframes hover-zoom {0% {opacity:0; -webkit-transform: scale(0.8, 0.8);} 100% {opacity:1; -webkit-transform:scale(1.0, 1.0);}}

/* .hover-expand animation to show drop down */
.mega-menu > ul > li .drop-down.hover-expand {
	display: none;
}

.mega-menu > ul > li:hover > .drop-down.hover-expand,
.mega-menu > ul > li .drop-down li:hover > .drop-down.hover-expand {
	display: block;
	/* keyframes animation */
	animation: hover-expand 0.2s linear 0s forwards;
	-moz-animation: hover-expand 0.2s linear 0s forwards;
	-ms-animation: hover-expand 0.2s linear 0s forwards;
	-o-animation: hover-expand 0.2s linear 0s forwards;
	-webkit-animation: hover-expand 0.2s linear 0s forwards;
}

@keyframes hover-expand { 0% {opacity:0; transform: rotateY(90deg);} 100% {opacity:1; transform:rotateY(0deg);}}
@-moz-keyframes hover-expand { 0% {opacity:0; -moz-transform: rotateY(90deg);} 100% {opacity:1; -moz-transform:rotateY(0deg);}}
@-ms-keyframes hover-expand { 0% {opacity:0; -ms-transform: rotateY(90deg);} 100% {opacity:1; -ms-transform:rotateY(0deg);}}
@-o-keyframes hover-expand { 0% {opacity:0; -o-transform: rotateY(90deg);} 100% {opacity:1; -o-transform:rotateY(0deg);}}
@-webkit-keyframes hover-expand { 0% {opacity:0; -webkit-transform: rotateY(90deg);} 100% {opacity:1; -webkit-transform:rotateY(0deg);}}

/* fontAwesome icons layout */
.mega-menu .drop-down li i {
	position: absolute;
	z-index: 999;
	top: 0;
	left: -19px;
	bottom: 0;
	height: 16px;
	margin: auto;
	color: #aaa;
}

/* level 2 .drop-down layout */
.mega-menu .drop-down .drop-down {
	left: 100%;
	top: -10px;
	width: 150px;
}

/*------- one column layout ----------*/
.mega-menu .drop-down.one-column {
	width: 250px;
}

.mega-menu .drop-down .drop-down.one-column {
	width: 220px;
}

/*-------- two column layout ---------*/
.mega-menu .drop-down.two-column {
	width: 522px;
}

.mega-menu .drop-down.two-column ul {
	float: left;
	width: 260px;
	margin: 0;
	padding: 0;
}

/*--------- .full-width with 4 columns layout -----------*/
.mega-menu .drop-down.full-width {
	width: 100%;
	margin-left: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mega-menu .drop-down.full-width ul {
	float: left;
	width: 25%;
	cursor: default;
}

.mega-menu .drop-down.full-width ul li {
	margin: 0;

	float: left;
	width: 100%;
}

.mega-menu .drop-down.full-width ul li a {
	margin: 0;
	border: none;
	padding-left: 0;
	float: left;
	margin-right: 10%;
	margin-left: 10%;
	background-color: transparent;
	transition: text-indent 0.2s linear 0s;
	-moz-transition: text-indent 0.2s linear 0s;
	-ms-transition: text-indent 0.2s linear 0s;
	-o-transition: text-indent 0.2s linear 0s;
	-webkit-transition: text-indent 0.2s linear 0s;
}

.mega-menu .drop-down.full-width ul li p {
	margin: 0;
	padding: 10px 10px 10px 11%;
	float: left;
	width: 100%;
	clear: both;
	font-size: 0.9em;
	color: #888;
}

/*---------- drop down with .social-bar class -------*/
.mega-menu .drop-down.social-bar {
	width: 200px;
}

/* hr tag layout */
.mega-menu hr {
	margin: 0;
	padding: 0;
	display: block;
}

/* image layout */
.mega-menu img {
	width: 100%;
	float: left;
	border-style: solid;
	border-width: 4px;
	border-color: rgb(255, 255, 255);
	background-color: rgb(235, 235, 235);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.078), inset 0px 0px 76px 0px rgba(0, 0, 0, 0.039);
}

/* image hover animation */
.mega-menu img:hover {
	opacity: 0.8;
}

/* h2 layout */
.mega-menu h2 {
	color: #444;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 15px 5px 20px 10%;
	background: #f5f5f5;
}

/* .social-bar class layout */
.mega-menu .social-bar {
	position: relative;
}

.mega-menu .social-bar ul {
	width: 262px;
	padding: 10px;
	position: absolute;
	background-color: #FFFFFF;
	border-bottom: 3px solid;
	border-bottom-color: #444;
	right: 0;
}

.mega-menu .social-bar ul li {
	float: left;
	width: 40px;
	height: 40px;
	margin: 10px;
	padding: 0;
}

.mega-menu .social-bar ul a {
	margin: 0;
	padding: 0;
	display: block;
	height: 40px;
	width: 40px;
	position: relative;
}

.mega-menu .social-bar ul a i {
	text-align: center;
	padding: 0;
	margin: 0;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.10);
	line-height: 40px;
	border-radius: 5px;
	color: #797979;
	font-size: 1.3em;
	border-radius: 4px;
	background-image: -moz-linear-gradient(90deg, rgba(233,233,233,1.00) 0%, rgba(233,233,233,1.00) 100%);
	background-image: -webkit-linear-gradient(90deg, rgba(233,233,233,1.00) 0%, rgba(233,233,233,1.00) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(240,240,240) 0%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(90deg, rgba(233,233,233,1.00) 0%, rgba(233,233,233,1.00) 100%);
	background-image: linear-gradient(0deg, rgba(233,233,233,1.00) 0%, rgba(233,233,233,1.00) 100%);
}

.mega-menu .social-bar ul a:hover i {
	background: #C7C7C7;
	color: #000000
}

/* mobile button hide in desktop mode */
.mega-menu > label,
.mega-menu > input {
	display: none;
}

/* media query */
@media screen and (max-width:768px) {

	/* li tag layout */
	/*.mega-menu > ul > li {
		width: 100%;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid;
		border-bottom-color: #eee;
	}

	.mega-menu ul li ul h2 {
		text-align: left;
	}

	.mega-menu > ul > li > a {
		padding-left: 0;
		padding-right: 0;
	}

	.mega-menu ul div.two-column ul a {
		padding-left: 10%;
	}

	.mega-menu ul ul li:hover, .mega-menu ul ul li a:hover {
		background-color: transparent;
	}*/

	/* all drop-downs layout */
	/*.mega-menu .drop-down.one-column,
	.mega-menu .drop-down.two-column,
	.mega-menu .drop-down.full-width,
	.mega-menu .drop-down .drop-down,
	.mega-menu .social-bar ul,
	.mega-menu .search-bar ul,
	.mega-menu .login-form ul {
		width: 100% !important;
		display: block !important;
		position: relative;
		left: 0px;
		transform: scale(1.0, 1.0), rotateY(90deg);
		-moz-transform: scale(1.0, 1.0), rotateY(90deg);
		-ms-transform: scale(1.0, 1.0), rotateY(90deg);
		-o-transform: scale(1.0, 1.0), rotateY(90deg);
		-webkit-transform: scale(1.0, 1.0), rotateY(90deg);
	}

	.mega-menu .drop-down .drop-down {
		border: none;
		border-top: 1px solid #E8E8E8;
		border-bottom: 1px solid #E8E8E8;
		top: 0;
		padding: 0;
	}

	.mega-menu .drop-down .drop-down.one-column {
		padding-left: 20px;
	}

	.mega-menu > ul > li .drop-down.hover-expand,
	.mega-menu > ul > li .drop-down.hover-fade,
	.mega-menu > ul > li .drop-down.hover-zoom {
		display: none;
		border: none;
	}

	.mega-menu > ul > li:hover > .drop-down.hover-expand,
	.mega-menu > ul > li:hover > .drop-down.hover-fade,
	.mega-menu > ul > li:hover > .drop-down.hover-zoom,
	.mega-menu > ul > li .drop-down li:hover > .drop-down.hover-expand,
	.mega-menu > ul > li .drop-down li:hover > .drop-down.hover-fade,
	.mega-menu > ul > li .drop-down li:hover > .drop-down.hover-zoom {
		display: block;*/
		/* keyframes animation */
		/*animation: hover-default 0.2s linear 0s forwards;
		-moz-animation: hover-default 0.2s linear 0s forwards;
		-ms-animation: hover-default 0.2s linear 0s forwards;
		-o-animation: hover-default 0.2s linear 0s forwards;
		-webkit-animation: hover-default 0.2s linear 0s forwards;
	}

	.mega-menu > ul > .login-form:hover,
	.mega-menu > ul > .search-bar:hover,
	.mega-menu > ul > li:hover > a {
		color: #FFFFFF;
		background: inherit;
	}

	.mega-menu ul .login-form,
	.mega-menu ul .search-bar {
		margin: 0;
		padding: 0;
	}

	.mega-menu ul .login-form label {
		text-align: left;
		text-indent: 10px;
	}

	.mega-menu ul .login-form table td {
		cursor: default;
	}

	.mega-menu .drop-down.two-column ul,
	.mega-menu .drop-down.full-width ul {
		width: 50%;
	}

	.mega-menu .drop-down.one-column a,
	.mega-menu .drop-down.two-column a {
		width: auto;
		float: left;
	}

	.mega-menu ul .social-bar {
		text-align: center;
	}

	.mega-menu ul .social-bar ul li {
		display: inline-block;
		float: none;
	}*/

	/* fontAwesome icons layout */
	/*.mega-menu .drop-down li .fa.fa-angle-right {
		position: relative;
		z-index: 9999;
		right: 0px;
		float: right;
		height: auto;
		color: #aaa;
		padding: 0;
		margin: 0 17px 0 0;
		display: block;
		line-height: 38px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}*/

	/* mobile button layout */
	/*.mega-menu #mobile-button {
		position: absolute;
		display: none;
	}

	.mega-menu > ul {
		height: 60px;
		overflow: hidden;
		visibility: hidden;
	}*/

	/* mobile button click to show drop down */
	/*.mega-menu #mobile-button:checked + ul {
		height: auto;
		overflow: visible;
		visibility: visible;
	}*/

	/* label tag layout */
	/*.mega-menu > label {
		width: 50px;
		height: 50px;
		background-color: rgba(0,0,0,0.40);
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		line-height: 50px;
		font-size: 2em;
		color: #FFFFFF;
		cursor: pointer;
	}

	.mega-menu > label i{
		-ms-user-select:none;
		-moz-user-select:none;
		-o-user-select:none;
		-webkit-user-select:none;	
	}

	.mega-menu ul .title {
		padding-left: 60px;
	}*/

	/* collapse class layout */
	/*.mega-menu .collapse .drop-down.one-column,
	.mega-menu .collapse .drop-down.two-column,
	.mega-menu .collapse .drop-down.full-width,
	.mega-menu .collapse .drop-down .drop-down,
	.mega-menu .collapse .social-bar ul,
	.mega-menu .collapse .search-bar ul,
	.mega-menu .collapse .login-form ul {
		width: 100% !important;
		display: none !important;
		position: relative;
		left: 0px;
		transform: scale(1.0, 1.0), rotateY(90deg);
		-moz-transform: scale(1.0, 1.0), rotateY(90deg);
		-ms-transform: scale(1.0, 1.0), rotateY(90deg);
		-o-transform: scale(1.0, 1.0), rotateY(90deg);
		-webkit-transform: scale(1.0, 1.0), rotateY(90deg);
	}

	.mega-menu > .collapse > li:hover > .drop-down.hover-expand,
	.mega-menu > .collapse > li:hover > .drop-down.hover-fade,
	.mega-menu > .collapse > li:hover > .drop-down.hover-zoom,
	.mega-menu > .collapse > li .drop-down li:hover > .drop-down.hover-expand,
	.mega-menu > .collapse > li .drop-down li:hover > .drop-down.hover-fade,
	.mega-menu > .collapse > li .drop-down li:hover > .drop-down.hover-zoom {
		display: block !important;*/
		/* keyframes animation */
		/*animation: hover-fade 0.2s linear 0s forwards;
		-moz-animation: hover-fade 0.2s linear 0s forwards;
		-ms-animation: hover-fade 0.2s linear 0s forwards;
		-o-animation: hover-fade 0.2s linear 0s forwards;
		-webkit-animation: hover-fade 0.2s linear 0s forwards;
}*/

@keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
@-moz-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
@-ms-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
@-o-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
@-webkit-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}

}

/* media query */
/*@media screen and (max-width:320px) {*/

	/* ul tag layout */
	/*.mega-menu .drop-down.two-column ul,
	.mega-menu .drop-down.full-width ul {
		width: 100%;
	}*/

	/* .search-bar layout */
	/*.mega-menu ul .search-bar td {
		width: 100% !important;
		float: left;
		padding: 5px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: default;
	}

	.mega-menu ul .search-bar input[type=text],
	.mega-menu ul .search-bar input[type=submit] {
		width: 100%;
		margin: 0;
		border: none;
	}*/

	/* .login-form layout */
	/*.mega-menu ul .login-form ul {
		padding: 20px;
	}

	.mega-menu ul .login-form td {
		float: left;
		width: 100%;
		cursor: default;
	}

	.mega-menu ul .login-form input[type=submit] {
		width: 100%;
	}*/

	/* .title class layout */
	/*.mega-menu ul .title {
		padding-left: 0px;
		text-indent: 60px;
	}
}*/

.bottom-page {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.Subtle-color-background {
    background-color: #defff6;
}

.Shadow-box-block-under {
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 0px 0px, rgba(0, 0, 0, 0.1) 0 1.5px 0px 0px, rgba(0, 0, 0, 0.1) 0 1px 0px 0px, rgba(0, 0, 0, 0.1) 0 0.5px 0px 0px;
}
.Shadow-box-block-over {
    box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 0px 0px, rgba(0, 0, 0, 0.1) 0 -1.5px 0px 0px, rgba(0, 0, 0, 0.1) 0 -1px 0px 0px, rgba(0, 0, 0, 0.1) 0 -0.5px 0px 0px;
}
.Shadow-box-block-under-inset {
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 2px 0px 0px, inset rgba(0, 0, 0, 0.1) 0 1.5px 0px 0px, inset rgba(0, 0, 0, 0.1) 0 1px 0px 0px, inset rgba(0, 0, 0, 0.1) 0 0.5px 0px 0px;
}
.Shadow-box-under {
    box-shadow: 0 4px 3px -3px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.selectorChange > label {
    font-weight: 500;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.selectorChange:hover > label {
    color: #00b482;
    /*font-weight: 700;*/
}

.selectorChange, .selectorChange input, .selectorChange > label, .selectorChange > label:before {
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.selectorChange > input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.selectorChange > input[type=radio] {
    opacity: 0;
    position: absolute;
}


.selectorChange > input[type=checkbox] + label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: transparent;
    background-color: whitesmoke;
    border-color: #828282;
    border-width: 1.5px;
    border-style: solid;
    border-radius: 2px;
}

.selectorChange > input[type=checkbox]:checked + label:before {
    content: "\f00c";
    color: black;
}

.selectorChange > input[type=radio]:checked + label:before {
    content: "\f111";
    color: black;
}


.selectorChange > input[type=radio] + label:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 10px;
    color: transparent;
    background-color: whitesmoke;
    border-color: #828282;
    border-width: 1.5px;
    border-style: solid;
    padding: 1px;
    border-radius: 50px;
}

.selectorChange > input[type=radio] + label {
    margin: 3px 0px;
}


.selectorChange:hover input:enabled + label:before {
    background-color: #00b482 !important;
}

.selectorChange input:disabled + label:before {
    border-color: #afafaf !important;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.selectorChange input:disabled, .selectorChange input:disabled + label, .selectorChange:disabled {
    font-weight: normal;
    color: #afafaf;
    cursor: not-allowed;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.selectorChange:hover input:disabled + label {
    color: lightgray;
    /*font-weight: 700;*/
}

.calendarDaySelector {
    background-color: transparent;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}
.calendarDaySelector:hover {
    background-color: #defff6;
    color: white;
    /*font-weight: 700;*/
}
.calendarDaySelector:hover > a{
    color:white;
    /*font-weight: 700;*/
}

.sideInnerShadows {
    box-shadow: inset 5px 0 5px -5px, inset -5px 0 5px -5px;
}



/*************************************
Cambios Víctor Valero 22-11-2024
*************************************/

/* IMPORTACIÓN*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html, body {
	--main_color: #00b17f;
	--accent_color: #009c70;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 1em;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	margin: 0;
	color: #333;
	margin: 0 0 10px 0 !important;
	font-size: 1.4em;
}

#main-container {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 1fr 190px;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

#fixed {
	height: auto;
}

#main_content {
	/*	display: flex;
	align-items: center;
	justify-content: center;
	height: 85%;*/
}

header.fixed {
	/*height: 15%;*/
}

.grid_container {
	display: flex;
	flex-direction: column;
	align-self: center;
	justify-self: center;
}

.grid_section {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 25px 0 25px 0;
}

#section2 {
	border-top: 1px solid #b2b2b2;
}

#section3 {
	border-top: 1px solid #b2b2b2;
	display: flex;
	flex-direction: column;
}

#checkboxes_grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 10px;
	align-items: center;
}

#checkboxes_grid input[type="checkbox"], #checkboxes_grid label {
	cursor: default !important;
}

#TipoCSV_Importacion_CheckBox, #TipoCSV_Exportacion_CheckBox {
	margin-top: 0;
	margin-right: 3px;
	accent-color: var(--accent_color);
}



.file-upload-form {
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 0 10px;
}

.file-upload-label input {
	display: none;
}

.file-upload-label svg {
	height: 50px;
	fill: var(--main_color);
	margin-bottom: 20px;
	transition: 0.3s fill;
}



.file-upload-label .white-icon {
	fill: #fff !important;
	animation: 1.5s up_and_down ease infinite;
}

@keyframes up_and_down {

	0% {
		transform: translateY(3px);
	}

	50% {
		transform: translateY(-6px);
	}

	100% {
		transform: translateY(3px);
	}
}

.file-upload-label {
	cursor: pointer;
	background-color: #FFF;
	min-width: 430px;
	padding: 20px 100px;
	border-radius: 10px;
	border: 2px dashed var(--main_color);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	margin-bottom: 10px;
	transition: border-color 0.3s, background-color 0.3s; /* Transiciones suaves */
}

	.file-upload-label.highlight {
		border-color: #00b17f; /* Cambia el color del borde al arrastrar */
		background-color: #f8f8f8; /* Fondo más claro al arrastrar */
	}


.file-upload-design {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

#browse-button {
	background-color: var(--main_color);
	padding: 5px 35px;
	border-radius: 7px;
	color: white;
	transition: all 0.3s;

	width: 230px;
	text-align: center;
}

.file-upload-label:hover #browse-button {
	background-color: var(--accent_color) !important;
}

.insert-button {
	background-color: var(--main_color);
	border: none;
	margin: 0 10px 0 10px;
	color: #fff;
	padding: 5px 35px;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 7px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.file-count {
	color: #333;
	margin-bottom: 10px;
}

.insert-button:hover {
	background-color: var(--accent_color) !important;
}


#Label1, label[for = redur], label[for = cipsa] {
	color: #555;
}

.checkboxes {
	display: flex;
	gap: 35px;
}

	.checkboxes span {
		display: flex;
		align-items: center;
		justify-content: center;
	}


input[type="checkbox"] {
	accent-color: var(--accent_color);
	margin: 0 3px 0 0;
}

/* LOGIN */

content {
	/*width: 525px !important*/;
}

.card-deck {
	min-width: 1140px;
	display: flex;
	justify-content: center;
	gap: 30px;
}

.card {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header {
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.md-form input:not([type]),
.md-form textarea:not(.browser-default),
.md-form input[type="text"]:not(.browser-default),
.md-form input[type="password"]:not(.browser-default),
.md-form input[type="email"]:not(.browser-default),
.md-form input[type="url"]:not(.browser-default),
.md-form input[type="time"]:not(.browser-default),
.md-form input[type="date"]:not(.browser-default),
.md-form input[type="datetime"]:not(.browser-default),
.md-form input[type="datetime-local"]:not(.browser-default),
.md-form input[type="tel"]:not(.browser-default),
.md-form input[type="number"]:not(.browser-default),
.md-form input[type="search"]:not(.browser-default),
.md-form input[type="phone"]:not(.browser-default),
.md-form input[type="search-md"],
.md-form textarea.md-textarea,
.md-form select:not(.browser-default),
.md-form select:not(.browser-default) option {
	background-color: rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	border-bottom: 3px solid rgba(0,0,0,.1);
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

	.md-form input:not([type]):disabled, .md-form textarea:not(.browser-default):disabled, .md-form input[type="text"]:not(.browser-default):disabled, .md-form input[type="password"]:not(.browser-default):disabled, .md-form input[type="email"]:not(.browser-default):disabled, .md-form input[type="url"]:not(.browser-default):disabled, .md-form input[type="time"]:not(.browser-default):disabled, .md-form input[type="date"]:not(.browser-default):disabled, .md-form input[type="datetime"]:not(.browser-default):disabled, .md-form input[type="datetime-local"]:not(.browser-default):disabled, .md-form input[type="tel"]:not(.browser-default):disabled, .md-form input[type="number"]:not(.browser-default):disabled, .md-form input[type="search"]:not(.browser-default):disabled, .md-form input[type="phone"]:not(.browser-default):disabled, .md-form input[type="search-md"]:disabled, .md-form textarea.md-textarea:disabled, .md-form select:not(.browser-default):disabled, .md-form select:not(.browser-default) option:disabled, .md-form input:not([type]).disabled, .md-form textarea:not(.browser-default).disabled, .md-form input[type="text"]:not(.browser-default).disabled, .md-form input[type="password"]:not(.browser-default).disabled, .md-form input[type="email"]:not(.browser-default).disabled, .md-form input[type="url"]:not(.browser-default).disabled, .md-form input[type="time"]:not(.browser-default).disabled, .md-form input[type="date"]:not(.browser-default).disabled, .md-form input[type="datetime"]:not(.browser-default).disabled, .md-form input[type="datetime-local"]:not(.browser-default).disabled, .md-form input[type="tel"]:not(.browser-default).disabled, .md-form input[type="number"]:not(.browser-default).disabled, .md-form input[type="search"]:not(.browser-default).disabled, .md-form input[type="phone"]:not(.browser-default).disabled, .md-form input[type="search-md"].disabled, .md-form textarea.md-textarea.disabled, .md-form select:not(.browser-default).disabled, .md-form select:not(.browser-default) option.disabled {
		background-color: rgba(0,0,0,.05);
		border: 1px solid rgba(0,0,0,.1);
		border-bottom: 3px solid rgba(0,0,0,.1);
	}

	.md-form input:not([type]):focus:not([readonly]), .md-form textarea:focus:not(.readonly), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]), .md-form select:not(.browser-default):focus:not([readonly]) {
		border-bottom: 3px solid var(--main_color);
		color: #212529;
	}

	.md-form input:not([type]),
	.md-form textarea:not(.browser-default),
	.md-form input[type="text"]:not(.browser-default),
	.md-form input[type="password"]:not(.browser-default),
	.md-form input[type="email"]:not(.browser-default),
	.md-form input[type="url"]:not(.browser-default),
	.md-form input[type="time"]:not(.browser-default),
	.md-form input[type="date"]:not(.browser-default),
	.md-form input[type="datetime"]:not(.browser-default),
	.md-form input[type="datetime-local"]:not(.browser-default),
	.md-form input[type="tel"]:not(.browser-default),
	.md-form input[type="number"]:not(.browser-default),
	.md-form input[type="search"]:not(.browser-default),
	.md-form input[type="phone"]:not(.browser-default),
	.md-form input[type="search-md"],
	.md-form textarea.md-textarea,
	.md-form select:not(.browser-default),
	.md-form select:not(.browser-default) option {
		width: calc(100% - 3.2rem);
		font-family: 'Ubuntu Mono', monospace;
		font-weight: 200;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		border-radius: .125rem;
		padding: .4rem 1.3rem .4rem 1rem;
		margin: .375rem 0;
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
	}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}

.card {
	min-width: 535px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.card-title {
	font-weight: 300;
}

.password-cnt {
	position: relative;
}

#showPass {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

#cnt-login {
	/*width: 525px !important;*/
	align-items: center;
	justify-content: center;
	display: flex;
	height: 100%;
}

footer {
	width: 100%;
	height: auto;
	bottom: 0;
}

.md-form {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

#Login1_LoginButton, .Login2_LoginButton {
	padding: .7rem 1.6rem;
	font-size: .7rem;
	text-decoration: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

#Login1_LoginButton:hover, .Login2_LoginButton:hover {
	color: #fff !important;
	text-decoration: none;
}

#login-icon {
	color: #fff;
	margin-right: 3px;
}

ul.dropdown-menu.dropdown-menu-end.show {
	display: flex !important;
	flex-direction: column !important;
	padding: 15px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	border-color: transparent !important;
}

#navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdown {
	margin-top: -20px;
}

.menu ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

.current-menu-item a {
	background: #70c7ae;
	color: #fff;
	padding: 3px 10px;
	border-radius: .250rem;
	font-weight: 700;
}

.dropdown button span {
	color: white;
}

.dropdown-menu li a {
	color: #444 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #e9e9e9 !important;
}




/*************************************
Cambios Víctor Valero 22-11-2024
*************************************/

/* IMPORTACIÓN*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html, body {
	--main_color: #00b17f;
	--accent_color: #009c70;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.5px;
	margin: 0;
	font-size: 1em;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	margin: 0;
	color: #333;
	margin: 0 0 10px 0 !important;
	font-size: 1.4em;
}

#main-container {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 1fr 190px;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

#fixed {
	height: auto;
}

#main_content {
	/*	display: flex;
	align-items: center;
	justify-content: center;
	height: 85%;*/
}

header.fixed {
	/*height: 15%;*/
}

.file-upload-form {
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 0 10px;
}

.file-upload-label input {
	display: none;
}

.file-upload-label svg {
	height: 50px;
	fill: var(--main_color);
	margin-bottom: 20px;
	transition: 0.3s fill;
}



.file-upload-label .white-icon {
	fill: #fff !important;
	animation: 1.5s up_and_down ease infinite;
}

@keyframes up_and_down {

	0% {
		transform: translateY(3px);
	}

	50% {
		transform: translateY(-6px);
	}

	100% {
		transform: translateY(3px);
	}
}

.file-upload-label {
	cursor: pointer;
	background-color: #FFF;
	min-width: 430px;
	padding: 20px 100px;
	border-radius: 10px;
	border: 2px dashed var(--main_color);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	margin-bottom: 10px;
	transition: border-color 0.3s, background-color 0.3s; /* Transiciones suaves */
}

	.file-upload-label.highlight {
		border-color: #00b17f; /* Cambia el color del borde al arrastrar */
		background-color: #f8f8f8; /* Fondo más claro al arrastrar */
	}


.file-upload-design {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

#browse-button {
	background-color: var(--main_color);
	padding: 5px 35px;
	border-radius: 7px;
	color: white;
	transition: all 0.3s;
}

.file-upload-label:hover #browse-button {
	background-color: var(--accent_color) !important;
}

.insert-button {
	background-color: var(--main_color);
	border: none;
	margin: 0 10px 0 10px;
	color: #fff;
	padding: 5px 35px;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 7px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.file-count {
	color: #333;
	margin-bottom: 10px;
}

.insert-button:hover {
	background-color: var(--accent_color) !important;
}


#Label1, label[for = redur], label[for = cipsa] {
	color: #555;
}

.checkboxes {
	display: flex;
	gap: 35px;
}

	.checkboxes span {
		display: flex;
		align-items: center;
		justify-content: center;
	}


input[type="checkbox"] {
	accent-color: var(--accent_color);
	margin: 0 3px 0 0;
}

/* LOGIN */

content {
	/*width: 525px !important*/;
}

.card-deck {
	min-width: 1140px;
}

.card {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header {
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.md-form input:not([type]),
.md-form textarea:not(.browser-default),
.md-form input[type="text"]:not(.browser-default),
.md-form input[type="password"]:not(.browser-default),
.md-form input[type="email"]:not(.browser-default),
.md-form input[type="url"]:not(.browser-default),
.md-form input[type="time"]:not(.browser-default),
.md-form input[type="date"]:not(.browser-default),
.md-form input[type="datetime"]:not(.browser-default),
.md-form input[type="datetime-local"]:not(.browser-default),
.md-form input[type="tel"]:not(.browser-default),
.md-form input[type="number"]:not(.browser-default),
.md-form input[type="search"]:not(.browser-default),
.md-form input[type="phone"]:not(.browser-default),
.md-form input[type="search-md"],
.md-form textarea.md-textarea,
.md-form select:not(.browser-default),
.md-form select:not(.browser-default) option {
	background-color: rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	border-bottom: 3px solid rgba(0,0,0,.1);
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

	.md-form input:not([type]):disabled, .md-form textarea:not(.browser-default):disabled, .md-form input[type="text"]:not(.browser-default):disabled, .md-form input[type="password"]:not(.browser-default):disabled, .md-form input[type="email"]:not(.browser-default):disabled, .md-form input[type="url"]:not(.browser-default):disabled, .md-form input[type="time"]:not(.browser-default):disabled, .md-form input[type="date"]:not(.browser-default):disabled, .md-form input[type="datetime"]:not(.browser-default):disabled, .md-form input[type="datetime-local"]:not(.browser-default):disabled, .md-form input[type="tel"]:not(.browser-default):disabled, .md-form input[type="number"]:not(.browser-default):disabled, .md-form input[type="search"]:not(.browser-default):disabled, .md-form input[type="phone"]:not(.browser-default):disabled, .md-form input[type="search-md"]:disabled, .md-form textarea.md-textarea:disabled, .md-form select:not(.browser-default):disabled, .md-form select:not(.browser-default) option:disabled, .md-form input:not([type]).disabled, .md-form textarea:not(.browser-default).disabled, .md-form input[type="text"]:not(.browser-default).disabled, .md-form input[type="password"]:not(.browser-default).disabled, .md-form input[type="email"]:not(.browser-default).disabled, .md-form input[type="url"]:not(.browser-default).disabled, .md-form input[type="time"]:not(.browser-default).disabled, .md-form input[type="date"]:not(.browser-default).disabled, .md-form input[type="datetime"]:not(.browser-default).disabled, .md-form input[type="datetime-local"]:not(.browser-default).disabled, .md-form input[type="tel"]:not(.browser-default).disabled, .md-form input[type="number"]:not(.browser-default).disabled, .md-form input[type="search"]:not(.browser-default).disabled, .md-form input[type="phone"]:not(.browser-default).disabled, .md-form input[type="search-md"].disabled, .md-form textarea.md-textarea.disabled, .md-form select:not(.browser-default).disabled, .md-form select:not(.browser-default) option.disabled {
		background-color: rgba(0,0,0,.05);
		border: 1px solid rgba(0,0,0,.1);
		border-bottom: 3px solid rgba(0,0,0,.1);
	}

	.md-form input:not([type]):focus:not([readonly]), .md-form textarea:focus:not(.readonly), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]), .md-form select:not(.browser-default):focus:not([readonly]) {
		border-bottom: 3px solid var(--main_color);
		color: #212529;
	}

	.md-form input:not([type]),
	.md-form textarea:not(.browser-default),
	.md-form input[type="text"]:not(.browser-default),
	.md-form input[type="password"]:not(.browser-default),
	.md-form input[type="email"]:not(.browser-default),
	.md-form input[type="url"]:not(.browser-default),
	.md-form input[type="time"]:not(.browser-default),
	.md-form input[type="date"]:not(.browser-default),
	.md-form input[type="datetime"]:not(.browser-default),
	.md-form input[type="datetime-local"]:not(.browser-default),
	.md-form input[type="tel"]:not(.browser-default),
	.md-form input[type="number"]:not(.browser-default),
	.md-form input[type="search"]:not(.browser-default),
	.md-form input[type="phone"]:not(.browser-default),
	.md-form input[type="search-md"],
	.md-form textarea.md-textarea,
	.md-form select:not(.browser-default),
	.md-form select:not(.browser-default) option {
		width: calc(100% - 3.2rem);
		font-family: 'Ubuntu Mono', monospace;
		font-weight: 200;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		border-radius: .125rem;
		padding: .4rem 1.3rem .4rem 1rem;
		margin: .375rem 0;
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
	}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}

.card {
	min-width: 535px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.card-title {
	font-weight: 300;
}

.password-cnt {
	position: relative;
}

#showPass {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

#cnt-login {
	/*width: 525px !important*/;
	align-items: center;
	justify-content: center;
	display: flex;
	height: 100%;
}

footer {
	width: 100%;
	height: auto;
	bottom: 0;
}

.md-form {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

#Login1_LoginButton, .Login2_LoginButton {
	padding: .7rem 1.6rem;
	font-size: .7rem;
	text-decoration: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

	#Login1_LoginButton:hover, .Login2_LoginButton:hover {
		color: #fff !important;
		text-decoration: none;
	}

#login-icon {
	color: #fff;
	margin-right: 3px;
}

ul.dropdown-menu.dropdown-menu-end.show {
	display: flex !important;
	flex-direction: column !important;
	padding: 15px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	border-color: transparent !important;
}

#navigation {
	display: flex;
	align-items: center;
}

.dropdown {
	margin-top: -20px;
}


#navigation a {
	color: rgb(255,255,255);
}

#navigation a:hover {
	color: rgba(255,255,255,0.80);
}

.menu ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

.current-menu-item a {
	background: #70c7ae;
	padding: 3px 10px;
	border-radius: .250rem;
	font-weight: 700;
}

.dropdown button span {
	color: white;
}

.dropdown-menu li a {
	color: #444 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #e9e9e9 !important;
}

/* Cambios Arnau */

.table-checkbox {
	border-bottom: solid;
	border-bottom-color: dimgray;
	border-bottom-width: 5px;
	width: calc(100% - 600px);
	margin-left: 200px;
}

.td-checkbox {
	border: 1px solid black;
	padding: 3px;
}

.td-buttons {
	border: 1px solid black;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	display: flex;
}

.input-checkboxs {
	font-size: 16px;
}

.input-buttons {
	margin: 5px;
	padding: 10px 20px;
	width: 50% !important;
	min-width: 100px;
	box-sizing: border-box;
}

.input-button-left {
	float: left;
	border-right: 1px solid black;
}

.td-buttons > * {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	float: left;
	margin-right: 1%;
}


.span-checkbox {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.input-buttons {
	margin: 0px;
}

#FusionarButton1 {
	margin-right: 0px;
}

#footerLink {
	color: white;
	text-decoration: underline;
}

.filterHeaderTable td:not(:last-child) {
	border-right: 2px solid #e9e9e9;
}

.filterHeaderContainer {
	/*padding-top: 10px;*/
	/*margin-top: 3px !important;*/
}


.filterHeaderContainer, .filterHeaderTable {
	width: 100% !important;
}

.filterHeaderTable td {
	width: 33%;
	padding-inline: 12px;
}

.insert-button i {
	color: #fff;
}

.actionButton i, .actionButton span {
	color: #00b482;
}

.actionButtonsContainer {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 29px;
}

.actionButtonsContainer .actionButton {
}




.consultar-button {
	text-wrap: nowrap;
	color: #fff;
	background-color: #00b482;
	border: 2px solid #00b17f;
}

.consultar-button i, .consultar-button span, .filter-button span {
	color: #fff;
}

.consultar-button:hover {
	background-color: #019169 !important;
	border-color: #019169 !important;
	color: #fff !important;
}






.limpiar-button, .filter-button {
	text-wrap: nowrap;
	color: #00b17f !important;
	background-color: #fff;
	border: 2px solid #00b17f;
	align-items: center;
}
.limpiar-button span, .filter-button span {
	color: #00b17f !important;
}
.limpiar-button i, .filter-button i {
	color: #00b17f;
}

.limpiar-button:hover, .filter-button:hover {
	background-color: #00b17f !important;
	border-color: #019169 !important;
	color: white !important;
}

.limpiar-button:hover span, .filter-button:hover span{
	color: white !important;
}
.limpiar-button:hover i, .filter-button:hover i{
	color: white;
}






.filter-button, .limpiar-button, .consultar-button {
	padding: 2px 13px;
	text-align: center;
	border-radius: 5px;
}





.actionButton {
	display: flex;
	gap: 10px;
	/*min-width: 135px;*/
	min-width: 90px;
	justify-content: center;
	align-items: center;
	margin: 0;
	font-size: 14px !important;
	color: #00b482;
	/*padding: 3px 5px !important;*/
	background-color: #fff;
	border: 2px solid #00b482;
}

.actionButton:hover {
	color: #008762 !important;
	background-color: #ebebeb !important;
}
.table-responsive {
	overflow-y: auto;
}
.filterInput {
	background-color: #fff !important;
	border: 1px solid #e9e9e9 !important;
	padding: 4px !important;
	border-radius: 6px !important;
}

.filterInput:focus {
	border: 1px solid var(--main_color) !important;
}

.radioButtonsContainer, .calendarContainer span{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendarContainer span {
	gap: 10px;
}


.radioButtonsContainer span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
}

.radioButtonsContainer input[type="radio"] {
	margin-top: 0;
	margin-right: 3px;
	accent-color: var(--accent_color);
}

.radioButtonsContainer input[type=radio] {
	margin-top: 0;
}

#checkboxContainer {
	width: 100%;
	color: #212529;
	display: none;
	z-index: 1000;
	border: 1px solid #767676;
	padding: 5px;
	position: absolute;
	background: #fff;
	padding-inline: 10px;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

#checkboxContainer span {
	flex: 1 1 150px; /* Crece, pero no menos de 150px */
	min-width: 150px; /* Tamaño mínimo de cada elemento */
	padding: 2px;
	text-align: left;
}

#checkboxContainerContainer {
	position: relative;
}

#checkboxContainer span:last-child {
	display: none;
}

select, #TransportistaInput {
	cursor: pointer;
	appearance: none; /* Oculta la flecha predeterminada */
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/chveron-down.svg) no-repeat right 10px center;
	background-size: 16px;
	padding-right: 30px;
}

.allTableContainer {
	width: 100%;
	padding: 6px;
	height: 100%;
}

#TableExcel {
	/*height: 100%;*/
}

#GridView1 tr:first-child {
	position: sticky;
	top: 0;	
	background-color: #fff !important;
	z-index: 999;
}

#GridView1 tr:hover:not(:last-child):not(:first-child) {
	background: #e3e3e3 !important;
}

#GridView1 td {
	border: 1px solid #e3e3e3;
}

.paginator {
	position: sticky;
	bottom: 0;
	background-color: #fff;
}

.paginator tbody td {
	padding-block: 5px;
	min-width: 30px;
	text-align: center;
}

.paginator tbody td:has(span) {
	background-color: #00b482;
}

#GridView1 tbody th {
	text-transform: uppercase;
}

.filterInput {
	color: #9e9e9e;
}

.filterInput option {
	color: #212529;
}

.filterHeaderContainer {
	font-size: 14px !important;
	transition: none !important;
}

.GridViewHeader {
	/*height: 36px;*/
	min-height: 36px;
	width: 100%;
	align-items: center;
	display: flex;
	/*gap: 20px;*/
	/*padding-left: 34px;*/
	justify-content: start;
	flex-wrap: wrap;
	padding: 5px !important;
}

.GridViewHeader #totalLoadRows, .GridViewHeader #totalLoadRows2 {
	font-weight: 200;
	font-size: 12px;
}

@media only screen and (max-width: 1440px) {

	#checkboxes_grid {
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 30px;
	}

	#TableExcel {
		/*height: 500px !important;*/
	}
}


/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 767px) {

	#checkboxes_grid {
		grid-template-columns: repeat(3, 1fr);
	}


	.ms-5{
		max-width: 100px !important;
	}
	header#fixed {
		height:  50px !important;
	}

	.card-deck {
		flex-direction: column;
		min-width: 200px;
	}

	.card{
		min-width: auto;
	}

	.d-md-inline {
		height: auto;
		text-align: center;
		display: none;
	}
	.d-md-inline h5{
		justify-content: center;
	}
	#content{
		padding-inline: 15px;
	}

	.consultaPage {
		max-width: 100vw;
		padding-inline: 5px;	
	}
	.radioButtonsContainer {
		flex-direction: column;
	}

	.calendarContainer{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	div.calendarContainer > span{
		width: 45%;
	}
	#ExpandFilters, #totalLoadRows, a:not([href]):not([class]), a:not([href]):not([class]):hover {
		/*display: none;*/
	}
	.GridViewHeader{
		gap: 10px;
		justify-content: center;
	}
	.row {
		width: 85vw !important;
	}
	.actionButtonsContainer{
		gap: 5px;
	}
	
	#TableExcel{
		/*height: 300px !important;*/
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	/* LOGIN */
	.card-deck {
		flex-direction: row;
		min-width: auto;
		margin-top: 0px;
	}

	.card {
		min-width: 350px;
	}

	.fixed-bottom p {
		line-height: 1.2em;
	}

	/* CONSULTA */
	#content{
		padding-inline: 0px;
	}	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	/* LOGIN */
	.card {
		min-width: 65%;
	}
	.fixed-bottom p {
		line-height: 1.5em;
	}

	/* CONSULTA */

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	/* LOGIN */
	.card {
		min-width: 535px;
	}

	/* CONSULTA */
}

@media only screen and (max-width: 2560px) {
	#TableExcel {
		/*height: 511px !important;*/
	}
}