* {
	padding:0px;
	margin:0px;
	outline:0;
	font-family: 'Open Sans', sans-serif;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html, body {
	height:100%;
	color:#333;
	font-size: 12px;
	font-weight:400;
	background-color:#EFEFEF;
}
img {border:0;}

.container {
	width:100%;
	height:100%;
}

span[class^="fa-"], 
span[class*=" fa-"] {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:20px;
	text-align:center;
	font-size:14px !important;
}
span.icon-name {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
}

a,
a:link,
a:visited {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color:#285EA2;
	text-decoration:underline;
}
a:active,
a:hover {
	color:#407AC3;
	text-decoration:none;
}

#msg_error {
	display:none;
	padding-bottom:10px;
}
#msg_error2 {
	padding-bottom:10px;
}
.over_scrolls p {
	padding-bottom:10px;
}


/* message box */

.messageBox { padding:20px; }
.messageStackError { 
	font-size:12px;
	background-color:#FFECEC;
	padding:12px;
	padding-left:40px;
	background-image:url("../images/icons/error.png");
	background-repeat:no-repeat;
	background-position:10px 10px;
	color:#952F2F;
}
.messageStackWarning { 
	font-size:12px;
	background-color:#FFFFE9;
	padding:12px;
	padding-left:40px;
	background-image:url("../images/icons/warning.png");
	background-repeat:no-repeat;
	background-position:10px 10px;
	color:#660;
}
.messageStackSuccess { 
	font-size:12px;
	background-color:#EFF9F4;
	padding:12px;
	padding-left:40px;
	background-image:url("../images/icons/success.png");
	background-repeat:no-repeat;
	background-position:10px 10px;
	color:#063;
}
.messageStackInfo { 
	font-size:12px;
	background-color:#E9F3F8;
	padding:12px;
	padding-left:40px;
	background-image:url("../images/icons/info.png");
	background-repeat:no-repeat;
	background-position:10px 10px;
	color:#05479B;
}
.messageStackError2 { 
	font-size:12px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:12px;
	padding-left:50px;
	background-image:url("../images/icons/error.png");
	background-repeat:no-repeat;
	background-position:10px 5px;
}
.messageStackWarning2 { 
	font-size:12px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:12px;
	padding-left:50px;
	background-image:url("../images/icons/warning.png");
	background-repeat:no-repeat;
	background-position:10px 5px;
}
.messageStackSuccess2 {
	font-size:12px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:12px;
	padding-left:50px;
	background-image:url("../images/icons/success.png");
	background-repeat:no-repeat;
	background-position:10px 5px;
}


.header {
	z-index:99;
	position:fixed;
	width:100%;
	min-width:800px;
	height:53px;
	background-color:#fff;
	border-bottom:1px solid #D2D2D2;
}
.header .logo img {
	width:187px;
	height:53px;
}
.header .logo-hidden img {
	width:53px;
	height:53px;
}

.header .logo a {
	height:53px;
	display:block;
}
.header > ul {
	list-style:none;
}
.header > ul > li {
	float:left;
	line-height:53px;
}
.header > ul > li a,
.header > ul > li a:link,
.header > ul > li a:visited {
	display:block;
	padding:0 15px;
	color:#666;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}
.header > ul > li a:hover,
.header > ul > li a:active,
.header > ul > li.active a {
	background-color:#EFEFEF;
}
.header > ul > li a span.icon-name {display:none;}

.header > ul > li .search-container {
	padding:0 5px;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;	
	vertical-align:middle;
}

.header > ul > li .search-container a {
	float:left;
	line-height:30px;
	width:30px;
	padding:0;
}


.header > ul > li.neworder a span.icon-name,
.header > ul > li.newquotation a span.icon-name {display:inline;}

.header > ul > li.neworder a {
	color:#008000 !important;
}
.header > ul > li.neworder a:hover,
.header > ul > li.neworder a:active,
.header > ul > li.neworderactive a {
	background-color:#cec !important;
}

.header > ul > li.newquotation a {
	color:#aa0000 !important;
}
.header > ul > li.newquotation a:hover,
.header > ul > li.newquotation a:active,
.header > ul > li.newquotationactive a {
	background-color:#FFDDDD !important;
}


.menu-home li.neworder a {
	color:#008000 !important;
}
.menu-home li.newquotation a {
	color:#aa0000 !important;
}

.search-form {
	float:left;
	height:30px;
	-webkit-transition: width 300ms;
	transition: width 300ms;
	width:0;	
	overflow:hidden;
}
.header > ul > li.active .search-form {
	width:170px;
}
.search-form input {
	width:100%;
	height:30px;
	font-size:12px !important;
	padding:0 10px;
	border:0 !important;
	background-color:#EFEFEF !important;
	float:left;
}

.header > ul > li.menuaccount > ul {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	list-style:none;
	background-color:#fff;
	border:1px solid #D2D2D2;
	z-index:99;
	position:fixed;	
	width:170px;
	right:-172px;
}
.header > ul > li.active > ul {
	right:0px;
}

.header > ul > li.menuaccount > ul > li {background-color:#fff;}
.header > ul > li.menuaccount > ul > li a,
.header > ul > li.menuaccount > ul > li a:link,
.header > ul > li.menuaccount > ul > li a:visited {
	display:block;
	line-height:30px;
	padding:0 5px;
	color:#666;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	background-color:#fff;
}
.header > ul > li.menuaccount > ul > li a:hover,
.header > ul > li.menuaccount > ul > li a:active,
.header > ul > li.menuaccount > ul > li.active a {
	background-color:#efefef;
}
.header > ul > li.menuaccount > ul > li a span.icon-name {display:inline;}

.user-image {
	margin-top:-5px;
	height:36px;
	width:36px;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;	
	vertical-align:middle;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	overflow:hidden;
	border:3px solid #999;
}
.user-image img {
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
}
.user-name {
	margin-top:-5px;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;	
	padding:0 7px;
	vertical-align:middle;
}
.counter-red,
.counter-yellow,
.counter-green,
.counter-blue {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	position:absolute;
	width:12px;
	height:12px;
	font-size:8px;
	font-weight:600;
	line-height:12px;
	color:#fff;
	background-color:#f00;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-top:12px;
	margin-left:-3px;
	text-align:center;
}
.counter-yellow {
	background-color:#FFBA00;
	margin-top:8px;
	margin-left:-3px;
}
.counter-green {
	background-color:green;
	margin-top:8px;
	margin-left:-3px;
}
.counter-blue {
	background-color:blue;
	margin-top:8px;
	margin-left:-3px;
}



.counterbig-red,
.counterbig-yellow {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	position:absolute;
	width:26px;
	height:26px;
	font-size:16px;
	font-weight:600;
	line-height:26px;
	color:#fff;
	background-color:#f00;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	margin-top:-115px;
	margin-left:20px;
	text-align:center;
}
.counterbig-yellow {
	background-color:#FFBA00;
}

.counter-inline {
	width:auto;
	padding:0 3px;
	position:relative;
	margin:0;
	margin-left:3px;
}

.menu {
	z-index:90;
	position:fixed;
	width:187px;
	height:88%;
	padding-top:53px;
	padding-bottom:106px;
	background-color:#13171E;
	color:#fff;
	overflow:auto;
}
.menu-hidden {
	width:53px;
}
.icon-name-hidden .icon-name {
	display:none;
}

.menu h3 {
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	font-weight:300;
	padding:0 10px;
	padding-top:10px;
	line-height:30px;
}

.menu ul {
	list-style:none;
}
.menu ul li {
	
}
.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited {
	display:block;
	line-height:53px;
	padding:0 10px;
	color:#8b91a0;
	font-size:12px;
	text-decoration:none;
	line-height:32px;
}
.menu ul li a:hover,
.menu ul li a:active,
.menu ul li.active a {
	color:#fff;
	background-color:#285EA2;
}
.menu ul li a span.icon-name {padding-left:5px;}

.menu-hidden ul li a,
.menu-hidden h3 { text-align:center;}

@media screen{
	.main {
		transition: all 0.2s linear;
		padding-left:187px;
		height:100%;
	}
	.main-hidden {
		padding-left:53px;
	}
	.legal_info {
		padding-left:10px;
		padding-top:0px;
		font-size:11px;	
	}
	.headerprint {
		display:none;
	}
	.headerprint .phone {
		font-size:20px;
		font-weight:bold;
		line-height:30px;
	}	
	.headerprint .phone span[class^="fa-"], 
	.headerprint .phone span[class*=" fa-"] {
		vertical-align:middle;
		width:24px;
		line-height:30px;
		font-size:24px !important;
	}
	.headerprint .facebook {
		padding-left:5px;
		color:#3b5998;
		font-size:11px;
	}
	
	.print {
		display:none;
	}
}



.wrapper {
	min-height:100%;
}

.content {
	padding:53px 0px 60px 0px;
}
.contentContainer {
	padding:10px 10px 10px 10px;
}

.menu-home {
	list-style:none;
	margin:10px auto;
}
.menu-home li {
	float:left;
	width:20%;
	text-align:center;
	padding:0.5% 0;
}
.menu-home li a {
	color:#666;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:70%;
	text-decoration:none;
}
.menu-home li a span[class^="fa-"], 
.menu-home li a span[class*=" fa-"] {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:30%;
	padding:35%;
	font-size:3em !important;
	font-size:3vw !important;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#fff;
	border:1px solid #D2D2D2;
}
.menu-home li a span.icon-name {
	display:block;
	height:40px;
	padding:5px 0;
	overflow:hidden;
}
.menu-home li a:hover span[class^="fa-"], 
.menu-home li a:hover span[class*=" fa-"] {
	color:#fff;
	background-color:#D2D2D2;
	border:1px solid #D2D2D2;	
}

.menu-multimediacats {
	list-style:none;
	margin:0 auto;
}
.menu-multimediacats li {
	float:left;
	width:20%;
	text-align:center;
	padding:15px 0;
}
.menu-multimediacats li a {
	color:#666;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:132px;
	height:220px;
	text-decoration:none;
	overflow:hidden;
}
.menu-multimediacats li a span[class^="fa-"], 
.menu-multimediacats li a span[class*=" fa-"] {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:130px;
	height:130px;
	font-size:55px !important;
	line-height:130px;
	background-color:#fff;
	border:1px solid #D2D2D2;
	margin-bottom:10px;
}
.menu-multimediacats li a span.icon-name {
	display:block;
}
.menu-multimediacats li a:hover span[class^="fa-"], 
.menu-multimediacats li a:hover span[class*=" fa-"] {
	color:#fff;
	background-color:#D2D2D2;
}


.menu-multimedia {
	list-style:none;
	margin:0 auto;
}
.menu-multimedia li {
	float:left;
	width:20%;
	text-align:center;
	padding:15px 0;
}
.menu-multimedia li a {
	color:#666;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:132px;
	text-decoration:none;
	height:220px;
	text-decoration:none;
	overflow:hidden;
}
.menu-multimedia li a img {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	width:130px;
	height:130px;
	background-color:#fff;
	border:1px solid #D2D2D2;
	margin-bottom:10px;
}
.menu-multimedia li a span.icon-name {
	display:block;
}
.menu-multimedia li a:hover span[class^="fa-"], 
.menu-multimedia li a:hover span[class*=" fa-"] {
	color:#fff;
	background-color:#D2D2D2;
}

.contentBox {
	margin:10px 0;
	padding:10px;
	border:1px solid #D2D2D2;
	background-color:#fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}
.contentBox2 {
	padding:20px;
	border:1px solid #D2D2D2;
	background-color:#fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;		
}





table.list a,
table.list a:visited,
table.list a:link,
table.list a:active,
table.list a:hover {
	text-decoration:none;
}
table.list {
	margin:10px 0;
	border-collapse: collapse;
	width:100%;
	border:1px solid #D2D2D2;
	background-color:#fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}
table.list th {
	border-right:1px solid #D2D2D2;
	padding:4px;
	font-size:12px;
	font-weight:700;
	color: #000;
	text-align:center;
	background-color:#F1F1F1;
}
table.list td {
	border-right:1px solid #D2D2D2;
	border-top:1px solid #D2D2D2;
	padding:4px;
	font-size:12px;
	color:#333;
	text-align:center;
}
table.list tbody tr:nth-child(even) {background-color: #fafafa; }
table.list tbody tr:nth-child(odd) {background-color: #fff;}
table.list tbody tr:hover,
table.list tbody tr.active {background-color:#FFFFE0;}


table.addresses td {border-right:0;font-size:11px;}
table.addresses tbody tr:nth-child(even) {background-color: #f4f4f4; }
table.addresses tbody tr:nth-child(odd) {background-color: #f4f4f4;}
table.addresses tbody tr:hover,
table.addresses tbody tr.active {background-color:#FFFFE0;}

table.list th.tl_left,
table.list td.tl_left {
	text-align:left;
}
table.list th.tl_right,
table.list td.tl_right {
	text-align:right;
}

table.list th {width:100px;}
table.list .tl_w250 {width:250px;}
table.list .tl_w200 {width:200px;}
table.list .tl_w150 {width:150px;}
table.list .tl_w100 {width:100px;}
table.list .tl_w80 {width:80px;}
table.list .tl_w50 {width:50px;}
table.list .tl_auto {width:auto;}
table.list .tl_nopadding {padding:0;}

table.totales {
	border:0;
	float:right;
}

table.totales tbody tr:nth-child(even),
table.totales tbody tr:nth-child(odd) {background-color: #fff;}

table.totales tbody tr td {
	border:0;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	text-transform:uppercase;
}
table.totales tbody tr:last-child td {
	font-size:18px;
	line-height:30px;
	font-weight:bold;
}
table.totales tbody tr:last-child td.tl_amount{
	font-size:22px;
	width:120px;
}


table.noborder,
table.noborder tbody tr td {
	border:0;
}
table.noborder tbody tr:nth-child(even),
table.noborder tbody tr:nth-child(odd) {background-color: #fff;}


.contentContainerTicket {width:480px;margin:0 auto;}
.ticket_container * {color:#000 !important;}
.ticket_container table * { font-size:15px !important;}
.ticket_container table.totales tbody tr:last-child td { font-size:24px !important;}
.ticket_container table.totales tbody tr:last-child td.tl_amount{width:150px !important; font-size:24px !important;}
.ticket_container .ticket_data {font-size:15px; text-align:center;}
.ticket_container .ticket_data strong {	font-size:24px; }
.contentContainerTicket img {width:100%;} 

.invoice_container * {color:#000 !important;}
.invoice_container table * {line-height: 18px !important; font-size:14px !important;}
.invoice_container table.totales tbody tr:last-child td {line-height: 18px !important; font-size:24px !important;}
.invoice_container table.totales tbody tr:last-child td.tl_amount{width:150px !important; line-height: 30px !important; font-size:24px !important;}
.invoice_container .invoice_header {font-size:12px !important;}
.invoice_container .billing_address_format,
.invoice_container .shipping_address_format {
	font-size:14px;
}

.footer {
	border-top:1px solid #D2D2D2;
	line-height:30px;
	margin-top:-31px;
	text-align:center;
	font-size:11px;
}
.footerprint {
	display:none;
}

.saveorder {
	margin-right:5%;
}

a.buttondark,
a.buttondark:link,
a.buttondark:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:17px;
	color:#fff;
	border:0;
	background-color:#666;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.buttondark:active,
a.buttondark:hover {
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

a.buttongrey,
a.buttongrey:link,
a.buttongrey:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:17px;
	color:#333;
	border:0;
	background-color:#ddd;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.buttongrey:active,
a.buttongrey:hover {
	color:#000;
	background-color:#ccc;
	text-decoration:none;
}
a.buttongreymin,
a.buttongreymin:link,
a.buttongreymin:visited,
a.buttongreymin:active,
a.buttongreymin:hover  {
	padding:3px 5px;
	font-size:14px;
}



.tdbLink {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
}
.tdbLink a,.tdbLink a:visited,.tdbLink a:link {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:17px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor:pointer;
	color:#fff;
	border:1px solid #666;
	background-color:#666;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
.tdbLink a:hover,
.tdbLink a:active{
	color:#fff;
	border:1px solid #000;
	background-color:#000;
	text-decoration:none;
}


a.btntab{
	position:absolute;
	margin-top:10px;
	right:20px;
}
a.btntab,
a.btntab:link,
a.btntab:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:20px;
	border:0;
	background-color:#f1f1f1;
	border: 1px solid #D2D2D2;
	font-weight:bold;
	padding:0px 5px;
	font-size:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.btntabactive,
a.btntab:active,
a.btntab:hover {
	background-color:#fff !important;
	text-decoration:none;
}




a.btnblue,
a.btnblue:link,
a.btnblue:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:20px;
	color:#fff !important;
	border:0;
	background-color:#285EA2;
	padding:0px 5px;
	font-size:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.btnblueactive,
a.btnblue:active,
a.btnblue:hover {
	color:#fff;
	background-color:#407AC3 !important;
	text-decoration:none;
}

a.btnred,
a.btnred:link,
a.btnred:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:20px;
	color:#fff !important;
	border:0;
	background-color: #d9534f;
	padding:0px 5px;
	font-size:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.btnredactive,
a.btnred:active,
a.btnred:hover {
	color:#fff;
	border-color: #d43f3a !important;
	text-decoration:none;
}

a.btngrey,
a.btngrey:link,
a.btngrey:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:20px;
	color:#aaa !important;
	border:0;
	background-color:#ddd;
	padding:0px 5px;
	font-size:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.btngreyactive,
a.btngrey:active,
a.btngrey:hover {
	color:#aaa;
	border-color: ##ddd !important;
	text-decoration:none;
}

a.btngreen,
a.btngreen:link,
a.btngreen:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:20px;
	color:#fff !important;
	border:0;
	background-color:#693;
	padding:0px 5px;
	font-size:10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.btngreenactive,
a.btngreen:active,
a.btngreen:hover {
	color:#fff;
	background-color:#84B425 !important;
	text-decoration:none;
}

a.btngreen span,
a.btngrey span,
a.btnblue span,
a.btnred span,
a.btntab span {font-size:12px !important;width:14px !important;}






a.buttonblue,
a.buttonblue:link,
a.buttonblue:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:17px;
	color:#fff !important;
	border:0;
	background-color:#285EA2;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.buttonblue:active,
a.buttonblue:hover {
	color:#fff;
	background-color:#407AC3;
	text-decoration:none;
}




a.buttonred,
a.buttonred:link,
a.buttonred:visited {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
	line-height:17px;
	color:#fff !important;
	border:0;
	background-color: #d9534f;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
a.buttonred:active,
a.buttonred:hover {
	color:#fff;
	border-color: #d43f3a !important;
	text-decoration:none;
}



.submit {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor:pointer;
	color:#fff !important;
	border:0;
	background-color:#285EA2;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
.submit:hover,.submit:active {
	color:#fff;
	background-color:#407AC3;
	text-decoration:none;
}

.submit2 {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor:pointer;
	color:#fff;
	border:1px solid #666;
	background-color:#666;
	padding:5px 10px;
	font-size:12px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
}
.submit2:hover,
.submit2:active {
	color:#fff;
	border:1px solid #000;
	background-color:#000;
	text-decoration:none;
}


.billing_data {display:none;}

.fieldsleft {
	margin-bottom:20px;
	float:left;
	width:48%;
}
.fieldsright {
	margin-bottom:20px;
	float:right;
	width:48%;
}
.fieldscenter {
	margin-bottom:20px;
	width:100%;
}

.success_refer_number {
	padding-top:20px;
}
.success_refer_number div {
	font-size:14px;
	font-weight:bold;
}
.success_refer_number div span {
	font-size:20px;
}


fieldset {
	padding:1%;
	background-color:#efefef;
	border:0;
}
fieldset.storesprice {
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	width:46%;
}
legend {
	color:#666;
	text-transform:uppercase;
	padding:0px;
	font-weight:bold;
}
label {
	margin-top:5px;
	color:#666;
	text-transform:uppercase;
	font-size:11px;
	display:block;
}
label.mandatory {font-weight:bold;}
label.mandatory span {color:#f00;}

select,
input[type=text],
input[type=password],
textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;
	border:1px solid #C1C1C1;
	background-color:#fff;
	padding:0 5px;
	font-size:12px;
	height:30px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
textarea {
	height:80px;
}
input[type=text].inputmin {
	margin:0 5px;
	text-align:center;
	height:20px;
	width:50px;
}
input[type=text].inputmin2 {
	margin:0 5px;
	text-align:right;
	height:20px;
	width:80px;
}
input[type=text].inputmin3 {
	margin:0 5px;
	height:20px;
	width:50px;
}
input[type=text].stockqty {
	width:30px;
}

select.multiple {
	height:80px;
}

select:disabled,
input[type=text]:disabled,
input[type=password]:disabled,
textarea:disabled {
	border:1px solid #f4f4f4;
	background-color:#f4f4f4;
}

.headerdata label {
	line-height:20px;
}
.headerdata input{
	margin:0 5px;
	width:100px;
}
.headerdata label,
.headerdata input {
	float:left;
}



.inlinedata input{
	margin-left:5px;
	width:200px;
}
.inlinedata label,
.inlinedata input {
	float:left;
}

.inputwrapper {

}
.inputwrapper span[class^="fa-"], 
.inputwrapper span[class*=" fa-"] {
	margin-top:8px;
	margin-left:8px;
	position:absolute;
	color:#aaa;
}
.inputwrapper input[type=text],
.inputwrapper input[type=password] {
	padding-left:30px;
	width:100%;	
}

.contentFL {
	border:1px solid #D2D2D2;
	background-color:#fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}
.contentFLlogo {
	padding:5px;
	text-align:center;
}
.contentFLform {
	padding:20px 40px;
	border-top:1px solid #D2D2D2;
	background-color:#f9f9f9;
	font-size:12px;
}


.pagination {
	float:right;
	line-height:25px;
	font-size:11px;
}
.pagination-info {
	float:left;
	padding-right:15px;
}
.pagination-jump {
	float:left;
	
}
.pagination-jump span {
	padding-right:5px;
}
.pagination-jump span.fa{
	padding:0;
	font-size:9px !important;
	color:#666;
}
.pagination-jump select {
	float:right;
	width:50px;
	height:25px;
}

.filters_date {
	float:right;
}

.filters_date select {
	width:250px;
	margin-right:10px;
	padding:0px 5px;
	height:22px;
}
.filters_date input[type="text"] {
	width:100px;
	margin-right:10px;
	padding:0px 5px;
	height:22px;
}


.filters {
	width:180px;	
	float:right;
	margin-right:16px;
}

.ticket_msg {
	line-height:18px;
	max-height:80px;
	overflow:hidden;
}
.ticket_msg_full {
	line-height:18px;
}
.ticket_opened {
	color:#f00;
}


.option_button {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	float:left;
	width:23%;
	border: 1px solid #dadada;
	background-color:#f4f4f4;
	font-size:10px;
	text-align:center;
	padding:2%;
	margin-right:2%;
	margin-bottom:4%;
	cursor:pointer;
	color:#666;
	overflow:hidden;
}
.option_button img {
	width:80%;
	height:80%;
}
.option_button:hover {
	border:1px solid #ccc;
	background-color:#ddd;
	color:#000;
}
.option_active,
.option_active:hover {
	background-color:#EBF9E2;
	border:1px solid #BEE4A5;
	color:#658C2C;
}
.option_button input {
	z-index:-1;
	position:absolute;
}

.billing_address_format,
.shipping_address_format {
	font-size:12px;
	padding:10px;
	background-color:#f4f4f4;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}

.form {
	padding:0px;
}
.form p {
	padding-bottom:0px;
}
.form .button {
	width:100%;
}
.formright,
.formleft {
	width:46%;
}


.formcustomer {
	display:none;
}

.formright {float:right;padding-left:0;text-align:left;}
.formleft {float:left;padding-right:0;text-align:left;}
.formright .button {width:auto;}
.formleft .button {width:auto;}

.left {float:left;}
.right {float:right;}
.cleared {clear:both;}
.cleared5 {clear:both;padding-top:5px;}
.cleared10 {clear:both;padding-top:10px;}
.cleared15 {clear:both;padding-top:15px;}
.cleared20 {clear:both;padding-top:20px;}
.cleared30 {clear:both;padding-top:30px;}
.cleared40 {clear:both;padding-top:40px;}
.notice {font-size:11px;color:#666;}
.hr {clear:both;margin-top:10px;padding-top:10px;border-top:1px solid #D2D2D2;}
.hrdotted {clear:both;margin-top:10px;padding-top:10px;border-top:1px solid #000;}
.imagecart {
	width:30px;
	height:30px;
	vertical-align:middle;
	margin-right:10px;
	border:1px solid #D2D2D2;
}
.infoblue {
	color:#3876C6;
}
.warningyellow {
	color:#FFBA00;
}
.successgreen {
	color:green;
}
.crossred {
	color:red;
}

.warning2 {
	font-size:12px;
	color:#f00;
}
.success2 {
	font-size:12px;
	color:green;
}
.warning3 {
	color:#f00 !important;
}
.warning {
	font-size:11px;
	color:#f00;
}
.success {
	font-size:11px;
	color:green;
}

.smalllink {
	font-size:11px;
	line-height:30px;
}
.smalllink span[class^="fa-"], 
.smalllink span[class*=" fa-"] {
	margin:0px;
	width:16px;
	font-size:12px !important;
}	

.small {
	line-height:25px;
	font-size:11px;
	color:#666;
	display:block;
}
.small2 {
	font-size:11px;
	color:#666;
}
.infocant {
	display:block;
	height:10px;
	color:#f00 !important;
	font-size:10px !important;
}
.msggrey {
	background-color:#F0F0F0;
	padding:10px 10px;
	font-size:12px;
	color:#333;
	display:block;
}
.visible {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.hidden {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

h1 {
	padding:0px 20px 0px 0px;
	font-size:20px;
	font-weight:400;
	text-transform:uppercase;
}
h2 {
	color:#285EA2;
	padding-bottom:10px;
	font-size:18px;
	font-weight:400;
}
h3 {
	color:#285EA2;
	font-size:16px;
	font-weight:400;
}

.albox2{
	font-size:12px;
	line-height:17px;
	box-shadow:0px 1px 0px #F7F7F7;
	position:relative;
	padding:14px 42px;
	zoom: 1;
}
.albox{
	font-size:12px;
	line-height:17px;
	box-shadow:0px 1px 0px #F7F7F7;
	position:relative;
	margin:15px 0px;
	padding:14px;
	border-radius:3px;
	zoom: 1;
}
.albox .close,
.albox2 .close{
	display:block;
	position:absolute;
	line-height:30px;
	text-align:center;
	width:30px;
	height:30px;
	right:0;
	top:0;
	color:#999;
}
.albox .close:hover,
.albox2 .close:hover{
	color:#666;
}
.albox .icon,
.albox2 .icon{
	position:absolute;
	left:14px;
	top:14px;}
.warningbox{
	background-color:#FFF8D8;
	border:1px solid #F3D97E;
	color:#A68510;}
.succesbox{
	background-color:#EBF9E2;
	border:1px solid #BEE4A5;
	color:#658C2C;}
.informationbox{
	background-color:#E9F3F8;
	border:1px solid #BBD7E4;
	color:#3876C6;}
.errorbox{
	background-color:#F8E9E9;
	border:1px solid #E4BBBC;
	color:#BF2C11;}
	
.alboxmsg span[class^="fa-"], 
.alboxmsg span[class*=" fa-"] {
	margin-right:10px;
	font-size:16px !important;
}	


.switch-status .fa-circle-red-inactive,
.switch-status .fa-circle-red,
.switch-status .fa-circle-green-inactive,
.switch-status .fa-circle-green {
	color:#53A32C;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display:inline;
}
.switch-status .fa-circle-red {
	color:#D92929;
}
.switch-status .fa-circle-green-inactive {
	color:#aaa;
}
.switch-status .fa-circle-red-inactive {
	color:#aaa;
}

.status-active {
	padding: 4px;
	min-height:26px;
	display:block;
	background-color:#EBF9E2;
}
.status-inactive {
	padding: 4px;
	min-height:26px;
	display:block;
	background-color:#F8E9E9;
}



.save_address {font-size:12px;}
.save_address input {vertical-align:middle;}


/* bof tabs */
#tabs { overflow: hidden; margin-top:10px; margin-bottom:-1px; text-transform:uppercase;}
#tabs li { list-style: none; }
#tabs li a {
	float: left;
	display: block;
	padding: 5px 20px;
	color: #999;
	text-decoration: none;
	text-align: center;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #E8E8E8; 
}

#tabs li a:hover { background-color: #D2D2D2; color: #333; }
#tabs li:first-child a {border-right:0;}
#tabs li:last-child a { }

#tabs li.current a {
	border-bottom:1px solid #fff;
	background-color: #fff;
	color: #333;
}
#tabscontent {
	border-top: 1px solid #D2D2D2;
}
#tabscontent > div {
	clear: both;
	padding: 20px 0;
	line-height: 19px;
	display: none;
	background-color: #fff;
}

#tabscontent .current { display: block; }
#tabscontent #home.first { display: block; }
#tabscontent p { margin: 0 0 20px 0;}
/* eof tabs */


.signform {
	display:none;
}
.signlegal {
	margin-top:15px;
	float:left;
	width:78%;
	text-align:justify;
	font-size:9px;
}
.signarea {
	float:right;
	width:20%;
	font-size:9px;
	text-transform:uppercase;
}
.signareasign {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	border:1px solid #000;
	width:100%;
	height:60px;
}


/* TOOLTIP */
  .ui-tooltip {
  	font-size:11px !important;
    background-color: #fff !important;
    padding: 3px 10px !important;
	border-radius:2px !important;
	-moz-border-radius:2px !important;
	-webkit-border-radius:2px !important;
	box-shadow: 0px 0px 10px #000 !important;
	-moz-box-shadow: 0px 0px 10px #000 !important;
	-webkit-box-shadow: 0px 0px 10px #000 !important;
  }
  
  
.stores_areas a {  
	padding:5px 0;
   display: block;  
   border: 1px solid #aaa;  
   text-decoration: none;  
   background-color: #fafafa;  
   color: #123456;  
   margin-top: 2px;  
   clear:both;  
  }  
.stores_areas  div {  
   float:left;  
   text-align: center;  
   margin: 10px;  
  }  
.stores_areas  select {  
   width: 200px;  
   height: 150px;  
  }   

@media print {
	html, body {
		background-color:#fff;
		color:#000;
	}
	h1 {
		font-size:14px;
	}
	h2 {
		margin-top:5px;
		color:#666;
		text-transform:uppercase;
		font-size:9px;
		display:block;
		color:#000;	
		padding:0;
	}
	
    .noprint {
        display:none;
    }
	.print {
        display:block;
    }
	.header,
	.menu {
		display:none;
	}
	.main,
	.main-hidden,
	.content,
	.contentContainer,
	.wrapper {
		width:100%;
		padding:0; 
	}
	
	/*
	.wrapper {
		height:1400px;
	}
	.content {
		padding-bottom:40px;
	}
	*/
	
	.contentBox,
	.footer {
		padding:0; 
		border:0;
	}
	
	.footerprint {
		display:block;
		border-top:1px solid #000;
		line-height:30px;
		text-align:center;
		font-size:8px;
		padding:0; 
	}
	
	.contentContainer{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */	
		padding:0; 
		border:0;	
	}
	
	
	.formcustomer {
		display:block !important;
	}
	
	a.buttonblue,
	a.buttonred,
	a.buttondark,
	a.btntab,
	a.btnred,
	a.btnblue,
	button{
		display:none !important;
	}
	
	table.list img {
		display:none;
	}
	
	.legal_info {
		padding-left:10px;
		padding-top:0px;
		font-size:9px;	
	}
	.headerprint {
		display:block;
	}
	.headerprint .phone {
		font-size:20px;
		font-weight:bold;
		line-height:30px;
	}	
	.headerprint .phone span[class^="fa-"], 
	.headerprint .phone span[class*=" fa-"] {
		vertical-align:middle;
		width:24px;
		line-height:30px;
		font-size:24px !important;
	}
	.headerprint .facebook {
		padding-left:5px;
		color:#3b5998;
		font-size:11px;
	}
	
	label {
		font-size:9px;
		color:#000;
	}
	select:disabled,
	input[type=text]:disabled,
	input[type=password]:disabled {
		border:1px solid #000;
		background-color:#fff;
		color:#000;
		height:20px;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;	
	}
	textarea:disabled {
		font-size:10px;
		border:1px solid #000;
		background-color:#fff;
		color:#000;
		height:60px;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;	
	}
	
	.headerdata label {
		line-height:15px;
	}
	.headerdata input{
		margin:0 5px;
		width:80px;
	}
	
	
	table.list {
		margin:2px 0;
		border:1px solid #000;
		background-color:#fff;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;	
	}
	table.list th {
		border:1px solid #000;
		background-color:#F1F1F1;
		color:#000;
		padding:1px;
	}
	table.list td {
		border-right:1px solid #000;
		border-top:1px solid #000;
		color:#000;
		padding:1px;
	}
	
	table.totales,
	table.totales2 {
		margin:2px 0;
	}
	
	table.totales, 
	table.totales tbody tr td {
		border:0;
		line-height:20px;
	}
	
	table.totales2 {
		width:auto;
		float:right;
	}
	table.totales2, 
	table.totales2 tbody tr td {
		border:0;
		line-height:20px;
	}
	table.totales2 tbody tr {
		float:left;
		margin-left:10px;
	}
	table.totales2 tbody tr:last-child td {
		font-size:14px;
		line-height:20px;
		font-weight:bold;
	}
	table.totales2 tbody tr:last-child td.tl_amount{
		font-size:14px;
		width:auto;
	}
	

	.contentContainerTicket {width:74mm;margin:0 auto;}
	.ticket_container table.list,
	.ticket_container table.list th,
	.ticket_container table.list td {border:0;}
	
	.ticket_container table * { line-height:6mm !important; font-size:3mm !important;}
	.ticket_container table.totales tbody tr:last-child td { line-height:6mm !important; font-size:4mm !important;}
	.ticket_container table.totales tbody tr:last-child td.tl_amount{width:30mm !important; font-size:4mm !important;}
	.ticket_container .ticket_data {font-size:3mm; text-align:center;}
	.ticket_container .ticket_data strong {	font-size:4mm; }
	.contentContainerTicket img {width:100%;} 
	.contentContainerTicket .hrdotted {clear:both;margin-top:3mm;padding-top:3mm;border-top:0.5mm solid #000;}



	
	.billing_address_format,
	.shipping_address_format {
		background-color:#fff;
		border:1px solid #000;
	}
	.invoice_container .billing_address_format,
	.invoice_container .shipping_address_format {
		padding:0;
		border:0 !important;
	}
	
	.hr {border-top:1px solid #000;}

	.signform {
		display:block;
	}
	
	.albox,.albox2 {display:none;}
}