@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: sansa_pro_boldregular;
	src: url(../fonts/sansapro-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/sansapro-bold-webfont.woff) format("woff"), url(../fonts/sansapro-bold-webfont.woff) format("woff"), url(../fonts/sansapro-bold-webfont.svg#sansa_pro_boldregular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: sansa_pro_semiboldregular;
	src: url(../fonts/sansapro-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/sansapro-semibold-webfont.woff) format("woff"), url(../fonts/sansapro-semibold-webfont.woff) format("woff"), url(../fonts/sansapro-semibold-webfont.svg#sansa_pro_semiboldregular) format("svg");
	font-weight: normal;
	font-style: normal;
}


html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	outline: 0;
}

/*GLOBAL*/
body, html{width:100%; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:16px; font-weight:580; background-color: rgb(237, 236, 233); line-height: 1;
margin: 0;	padding: 0;	border: 0;	vertical-align: baseline; height: 100%;  overflow-x:hidden; overflow-y:auto; }

h3 { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:14; background-color: rgb(237, 236, 233); font-weight:bold;}

li {
	list-style-type: none;
}
a {
	color: rgb(40, 56, 151); text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	text-decoration: underline;
}
a:focus {
	outline: 0px;
}
a:active {
	outline: 0px;
}
a img {
	border: 0px currentColor;
}
table {
	border-collapse: collapse;
}

.clear{clear:both;}
.wrapper { height: auto !important; height: 100%;  margin: 0 auto -45px;}
.globalHeader {top:0px; height:78px; margin:0 auto}
.globalFooter{bottom:0px; background: rgb(42, 41, 92); height:154px; width:980px; padding-top:10px; display:block; margin:auto; margin-top:15px;}
.globalDivisor {width:100%;	height:5px;	background-color:#e51e85; margin-bottom:40px;}
.globalWrapper { display:block; margin:auto; margin-top:-50px; width:980px;  }
.push { height:30px;}
.headerImage {margin:0 auto; display:table-row;}
.headerImage li {margin:0 auto; display:table-cell; }
.divBlue { background: rgb(42, 41, 92); text-align:center; padding:10px; width:275px; height:300px;  }
.divBlue a { display:block; text-decoration: none;
    color:rgb(255, 255, 255); font-size:35px; }
.home { align: center;
	margin: 20px;
 }
 .home li { padding:10px; }
#cntPage {width:980px; margin:auto; min-height:200px; background:rgb(255, 255, 255); top:-27px; padding-top:115px; padding-bottom:40px; margin-bottom:0px;}
#cntPageWithOutTab {width:980px; margin:auto; margin-left: 0px; min-height:250px; background: rgb(255, 255, 255); padding-top:90px; padding-bottom:40px; position:relative; }

.socials li{float:left;margin-left:8px}
.socials li:first-child{margin:0px; margin-left:10px;}
.socials a{display:block;height:33px;width:32px;background:url(http://tn.avantages-recompenses.sodexo.com/sites/all/themes/newsodexo/img/logo/socials.png) no-repeat}
.twitter a{background-position:0 0}
.facebook a{background-position:-40px 0}
.youtube a{background-position:-80px 0}
.linkedin a{background-position:-120px 0}

/*HEADER*/
#header {
	width: 100%; position: relative; z-index: 1;height: 445px;
}
#header-left {
	background-position: 0px bottom; top: 0px; width: 50%; height: 450px; display: block; position: absolute; background-repeat: repeat-x;
}
#header-right {
	background-position: 0px bottom; top: 0px; width: 50%; height: 450px; display: block; position: absolute; background-repeat: repeat-x;
}
.bigheader #header-left {
	height: 450px;
}
.bigheader #header-right {
	height: 450px;
}
#header-left {
	left: 0px;
}
#header-right {
	right: 0px;
}
#header .outerWrapper {
	background: url("../img/bg-header.png") no-repeat 50% 157px; padding-bottom: 0px; position: relative; z-index: 1; height: 473px;
}
.bigheader #header .outerWrapper {
	background: url("../img/bg-header-cz.png") no-repeat 9px;
}

#header .innerWrapper {
	margin: 0px auto; width: 985px; padding-right: 5px; height: 180px;
}

#header-left {
	background-image: url("../img/leftImg.png");
}
.bigheader #header-left {
	background-image: url("../img/leftImg.png");
}
#header-right {
	background-image: url("../img/rightImg.png");
}
.bigheader #header-right {
	background-image: url("../img/rightImg.png");
}

#identity {
	width: 30px; height: 131px; margin-top: 15px; margin-left: 4px; float: left; margin-bottom: 1px;
}
.bigheader #identity {
	height: 148px;
}
#logo a {
	display: block;
}
#logo a img {
	display: block;
}
#logo a {
	padding: 0px 0px 9px 19px; outline: 0px;
}
#header .wrapper {
	clear: right; float: right;
}
#header .wrapper .name {
	padding: 20px 0px 10px; color: rgb(42, 41, 92); text-transform: uppercase; line-height: 1; font-size: 12px; font-weight: bold; float: left;
}
#header .wrapper .name span {
	color: rgb(255, 0, 0);
}
#header .wrapper .links {
	margin: 20px 0px 10px; float: left;
}
#header .wrapper .links li {
	padding-left: 1em; margin-left: 1em; border-left-color: rgb(149, 140, 136); border-left-width: 1px; border-left-style: solid; float: left;
}
#header .wrapper .links li a {
	font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif; color: rgb(149, 140, 136); display: block; font-size-adjust: none; font-stretch: normal;
}
#header .wrapper + .wrapper {
	width: 700px; min-height: 26px;
}
#header .search {
	float: right;
}
#search-block-form input {
	background: rgb(237, 236, 233); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(193, 188, 184) currentColor rgb(193, 188, 184) rgb(193, 188, 184); font: 12px/2 Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 0px 0.75em; width: 12em; height: 2em; color: rgb(149, 140, 136); float: left; font-size-adjust: none; font-stretch: normal;
}
#search-block-form button {
	background: url("../img/btn-search.png"); border: 0px currentColor; width: 26px; height: 26px; float: left; cursor: pointer;
}
#header .direct-access {
	height: 2em; margin-left: 5px; float: right; position: relative; z-index: 1;
}
#header .languages {
	height: 2em; margin-left: 5px; float: right; position: relative; z-index: 1;
}
#header .direct-access p {
	background: url("../img/btn-direct-access.png") no-repeat 100% 50% rgb(237, 236, 233); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(193, 188, 184) currentColor rgb(193, 188, 184) rgb(193, 188, 184); padding: 0px 2em 0px 0.75em; color: rgb(149, 140, 136); line-height: 2; font-size: 12px; display: block; cursor: pointer;
}
#header .languages p {
	background: url("../img/btn-direct-access.png") no-repeat 100% 50% rgb(237, 236, 233); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(193, 188, 184) currentColor rgb(193, 188, 184) rgb(193, 188, 184); padding: 0px 2em 0px 0.75em; color: rgb(149, 140, 136); line-height: 2; font-size: 12px; display: block; cursor: pointer;
}
#header .direct-access ul {
	left: -10000px; top: -1px; border-top-color: rgb(193, 188, 184); border-top-width: 1px; border-top-style: solid; position: relative;
}
#header .languages ul {
	left: -10000px; top: -1px; border-top-color: rgb(193, 188, 184); border-top-width: 1px; border-top-style: solid; position: relative;
}
#header .direct-access:hover ul {
	left: auto; right: 0px;
}
#header .hover.direct-access ul {
	left: auto; right: 0px;
}
#header .languages:hover ul {
	left: auto; right: 0px;
}
#header .hover.languages ul {
	left: auto; right: 0px;
}
#header .direct-access a:focus {
	left: 10000px; top: 0px; position: absolute;
}
#header .languages a:focus {
	left: 10000px; top: 0px; position: absolute;
}
#header .direct-access:hover ul a:focus {
	position: static;
}
#header .hover.direct-access ul a:focus {
	position: static;
}
#header .direct-access a:active {
	position: static;
}
#header .languages:hover ul a:focus {
	position: static;
}
#header .hover.languages ul a:focus {
	position: static;
}
#header .languages a:active {
	position: static;
}
#header .direct-access a {
	background: rgb(237, 236, 233); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(193, 188, 184) rgb(193, 188, 184); padding: 0px 2em 0px 0.75em; color: rgb(149, 140, 136); line-height: 2; font-size: 12px; display: block; white-space: nowrap;
}
#header .languages a {
	background: rgb(237, 236, 233); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(193, 188, 184) rgb(193, 188, 184); padding: 0px 2em 0px 0.75em; color: rgb(149, 140, 136); line-height: 2; font-size: 12px; display: block; white-space: nowrap;
}
#navigation {
	margin: 414px -50px 0px -45px; clear: right; float: left;
}
#navigation .nav-item {
	float: left;
}

.nav-item a img { padding:8px 0px 0px 0px; }

#navigation .nav-link {
	background-position: 0px 18px; padding: 0px 18px; display: block; background-repeat: no-repeat;
}
.bigheader #navigation .nav-link {
	padding: 0px 15px;
}
.i18n-de #navigation .nav-link {
	padding: 0px 15px;
}
.i18n-en #navigation {
	margin: 25px -20px 0px 0px;
}
.i18n-ro #navigation .nav-link {
	padding: 0px 6px;
}
#navigation :first-child.nav-item .nav-link {
	background:none;	
}
#navigation .nav-item:hover .nav-link {
	padding: 0px; text-decoration: none; background:none;
}
#navigation .nav-link:focus {
	padding: 0px; text-decoration: none; background:none;
}
#navigation .on .nav-link {
	padding: 0px; text-decoration: none; background:none;
}
#navigation .active .nav-link {
	padding: 0px; text-decoration: none; background:none;
}
.bigheader #navigation .nav-item:hover .nav-link {
	padding: 0px; text-decoration: none; background:none;
}
.bigheader #navigation .nav-link:focus {
	padding: 0px; text-decoration: none; background:none;
}
.bigheader #navigation .on .nav-link {
	padding: 0px; text-decoration: none; background:none;
}
.bigheader #navigation .active .nav-link {
	padding: 0px; text-decoration: none; background:none;
}
#navigation .nav-item:hover + .nav-item .nav-link {
	background:none;
}
#navigation .on + .nav-item .nav-link {
	background:none;
}
#navigation .active + .nav-item .nav-link {
	background:none;
}
.bigheader #navigation .nav-item:hover + .nav-item .nav-link {
	background:none;
}
.bigheader #navigation .on + .nav-item .nav-link {
	background:none;
}
.bigheader #navigation .active + .nav-item .nav-link {
	background:none;
}
#navigation .nav-link span {
	background: url("../img/bg-nav-item.png") no-repeat 0px -8px; font: 12px/44px Calibri, sansa_pro_boldregular, Arial, "Helvetica Neue", Helvetica, sans-serif; height: 46px; color: rgb(255, 255, 255); text-transform: uppercase; display: block; cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.bigheader #navigation .nav-link span {
	background: url("../img/bg-nav-item-cz.png") no-repeat 0px -8px; height: 62px; line-height: 1.4; font-size: 11px;
}
.bigheader #navigation .nav-link span span {
	text-align: center; vertical-align: middle; display: table-cell;
}
#navigation .nav-item:hover .nav-link span {
	background-position: 0px -57px; padding: 0px 0px 0px 17px;
}
#navigation .on .nav-link span {
	background-position: 0px -57px; padding: 0px 0px 0px 17px;
}
#navigation .nav-link:focus span {
	background-position: 0px -57px; padding: 0px 0px 0px 17px;
}
#navigation .active span {
	background-position: 0px -57px; padding: 0px 0px 0px 17px;
}
.bigheader #navigation .nav-item:hover .nav-link span {
	background-position: 0px -73px; padding: 0px 0px 0px 14px;
}
.bigheader #navigation .on .nav-link span {
	background-position: 0px -73px; padding: 0px 0px 0px 14px;
}
.bigheader #navigation .nav-link:focus span {
	background-position: 0px -73px; padding: 0px 0px 0px 14px;
}
.bigheader #navigation .active span {
	background-position: 0px -73px; padding: 0px 0px 0px 14px;
}
#navigation .nav-item:hover .nav-link span span {
	background-position: 100% -103px; padding: 0px 19px 0px 0px; color: rgb(0, 0, 0);
}
#navigation .on .nav-link span span {
	background-position: 100% -103px; padding: 0px 19px 0px 0px; color: rgb(0, 0, 0);
}
#navigation .nav-link:focus span span {
	background-position: 100% -103px; padding: 0px 19px 0px 0px; color: rgb(0, 0, 0);
}
#navigation .active span span {
	background-position: 100% -103px; padding: 0px 19px 0px 0px; color: rgb(0, 0, 0);
}
.bigheader #navigation .nav-item:hover .nav-link span span {
	background-position: 100% -135px; padding: 0px 14px 0px 0px; color: rgb(0, 0, 0);
}
.bigheader #navigation .on .nav-link span span {
	background-position: 100% -135px; padding: 0px 14px 0px 0px; color: rgb(0, 0, 0);
}
.bigheader #navigation .nav-link:focus span span {
	background-position: 100% -135px; padding: 0px 14px 0px 0px; color: rgb(0, 0, 0);
}
.bigheader #navigation .active span span {
	background-position: 100% -135px; padding: 0px 14px 0px 0px; color: rgb(0, 0, 0);
}
#navigation .expand {
	background: url("../img/bg-expand.png") no-repeat; padding: 24px 0px 0px; left: -10000px; top: 122px; width: 545px; color: rgb(68, 68, 68); line-height: 1.5; font-size: 12px; position: absolute;
}
.bigheader #navigation .expand {
	top: 138px;
}
#navigation .nav-link:focus + .expand {
	left: 0px; z-index: 1;
}
#navigation .nav-link:hover + .expand {
	left: 0px; z-index: 1;
}
#navigation .nav-item:hover .expand {
	left: 0px; z-index: 1;
}
#js #navigation .nav-link:hover + .expand {
	left: -10000px;
}
#js #navigation .nav-item:hover .expand {
	left: -10000px;
}
#navigation .expand-inner {
	background: url("../img/bg-expand.png") no-repeat 100% 100%; padding: 0px 38px 38px;
}
#navigation .expand-inner .description {
	margin-bottom: 1em;
}
#navigation .expand-inner .description img {
	margin: 0px 20px 0px 0px; float: left;
}
#navigation .expand-inner .description .description-wrapper {
	overflow: hidden;
}
#navigation .active .expand-inner .description .description-wrapper span {
	padding: 0px;
}
#navigation .expand-inner p {
	margin: 0px 0px 1em;
}
#navigation .expand-inner .title {
	margin: 0px 0px 0.25em; color: rgb(68, 68, 68); line-height: 1; font-size: 18px; font-weight: bold; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
#navigation .expand-inner .expand-nav li {
	width: 154px; float: left;
}
#navigation .expand-inner .expand-nav a {
	color: rgb(68, 68, 68); margin-top: 5px; display: block;
}
#navigation .expand-inner .description span a {
	color: rgb(68, 68, 68); text-decoration: underline;
}
#navigation .expand-inner .description span a:hover {
	text-decoration: none;
}
#navigation .expand-inner .description span a:focus {
	text-decoration: none;
}
#navigation .expand-inner .expand-nav .sprite {
	background-position: 1px 50%; padding: 0px; width: 12px; height: 9px; display: inline-block; background-repeat: no-repeat;
}
#logo a span {
	width: 0px; height: 0px; overflow: hidden; display: block;
}
#search-block-form label {
	width: 0px; height: 0px; overflow: hidden; display: block;
}
#search-block-form button span {
	width: 0px; height: 0px; overflow: hidden; display: block;
}
#header .innerWrapper::after {
	clear: both; display: table; content: "";
}
#header .wrapper::after {
	clear: both; display: table; content: "";
}
#navigation::after {
	clear: both; display: table; content: "";
}
#navigation .expand-inner::after {
	clear: both; display: table; content: "";
}
#navigation .description::after {
	clear: both; display: table; content: "";
}

#solutions {
	padding: 30px 0px; clear: both;
}
#main #solutions h2.title {
	background: url("/sites/all/themes/newsodexo/img/logo/shapes.png") no-repeat 100% 0px; font: 28px/1.1 sansa_pro_semiboldregular, Arial, "Helvetica Neue", Helvetica, sans-serif; color: rgb(42, 41, 92); padding-right: 80px; padding-bottom: 0.5em; margin-bottom: 0.75em; border-bottom-color: rgb(255, 5, 5); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
#solutions h2 span {
	font: bold 12px/1.4 Arial, "Helvetica Neue", Helvetica, sans-serif; padding-top: 1.5em; float: right; font-size-adjust: none; font-stretch: normal;
}
#solutions label {
	width: auto; font-weight: normal;
}
#solutions .pass {
	margin: 0px auto;
}
#solutions .solution {
	position: relative;
}
#solutions .inactive.solution {
	
}
#solutions .solution canvas {
	left: 0px; bottom: 0px; position: absolute; z-index: 10;
}
#solutions .solution img.ieFix {
	left: 0px; bottom: 0px; position: absolute; z-index: 10;
}
#solutions .solution img {
	left: 0px; bottom: 0px; position: absolute; z-index: 1;
}
#solutions .active.solution img {
	display: block; z-index: 11;
}
#solutions .active.solution canvas {
	display: none; z-index: 1;
}
#solutions .active.solution .ieFix {
	display: none; z-index: 1;
}
#solutions .solutions-12.pass {
	background: url("/sites/all/themes/newsodexo/img/solutions/bg-solutions-grey.jpg") no-repeat rgb(255, 255, 255); width: 910px; height: 410px;
}
#solutions .solution {
	border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 10px; border-bottom-width: 10px; border-right-style: solid; border-bottom-style: solid; float: left; position: relative;
}
#solutions .solutions-12.pass .active.solution {
	background-image: url("/sites/all/themes/newsodexo/img/solutions/bg-solutions.jpg");
}
#solutions .solutions-12.pass .solution-1 {
	background-position: -34px -95px;
}
#solutions .solutions-12.pass .solution-2 {
	background-position: -264px -95px;
}
#solutions .solutions-12.pass .solution-3 {
	background-position: -494px -95px;
}
#solutions .solutions-12.pass .solution-4 {
	background-position: -724px -95px;
}
#solutions .solutions-12.pass .solution-5 {
	background-position: -34px -235px;
}
#solutions .solutions-12.pass .solution-6 {
	background-position: -264px -235px;
}
#solutions .solutions-12.pass .solution-7 {
	background-position: -494px -235px;
}
#solutions .solutions-12.pass .solution-8 {
	background-position: -724px -235px;
}
#solutions .solutions-12.pass .solution-9 {
	background-position: -34px -375px;
}
#solutions .solutions-12.pass .solution-10 {
	background-position: -264px -375px;
}
#solutions .solutions-12.pass .solution-11 {
	background-position: -494px -375px;
}
#solutions .solutions-12.pass .solution-12 {
	background-position: -724px -375px;
}
#solutions .solutions-16.pass {
	background: url("/sites/all/themes/newsodexo/img/solutions/sf16-bg-bw.jpg") no-repeat rgb(255, 255, 255); width: 910px; height: 550px;
}
#solutions .solutions-16.pass .active.solution {
	background-image: url("/sites/all/themes/newsodexo/img/solutions/sf16-bg.jpg");
}
#solutions .solutions-16.pass .solution-1 {
	
}
#solutions .solutions-16.pass .solution-2 {
	background-position: -230px 0px;
}
#solutions .solutions-16.pass .solution-3 {
	background-position: -460px 0px;
}
#solutions .solutions-16.pass .solution-4 {
	background-position: -690px 0px;
}
#solutions .solutions-16.pass .solution-5 {
	background-position: 0px -140px;
}
#solutions .solutions-16.pass .solution-6 {
	background-position: -230px -140px;
}
#solutions .solutions-16.pass .solution-7 {
	background-position: -460px -140px;
}
#solutions .solutions-16.pass .solution-8 {
	background-position: -690px -140px;
}
#solutions .solutions-16.pass .solution-9 {
	background-position: 0px -280px;
}
#solutions .solutions-16.pass .solution-10 {
	background-position: -230px -280px;
}
#solutions .solutions-16.pass .solution-11 {
	background-position: -460px -280px;
}
#solutions .solutions-16.pass .solution-12 {
	background-position: -690px -280px;
}
#solutions .solutions-16.pass .solution-13 {
	background-position: 0px -420px;
}
#solutions .solutions-16.pass .solution-14 {
	background-position: -230px -420px;
}
#solutions .solutions-16.pass .solution-15 {
	background-position: -460px -420px;
}
#solutions .solutions-16.pass .solution-16 {
	background-position: -690px -420px;
}
#solutions .solutions-20.pass {
	background: url("/sites/all/themes/newsodexo/img/solutions/sf20-bg-bw.jpg") no-repeat rgb(255, 255, 255); width: 910px; height: 690px;
}
#solutions .solutions-20.pass .active.solution {
	background-image: url("/sites/all/themes/newsodexo/img/solutions/sf20-bg.jpg");
}
#solutions .solutions-20.pass .solution-1 {
	
}
#solutions .solutions-20.pass .solution-2 {
	background-position: -230px 0px;
}
#solutions .solutions-20.pass .solution-3 {
	background-position: -460px 0px;
}
#solutions .solutions-20.pass .solution-4 {
	background-position: -690px 0px;
}
#solutions .solutions-20.pass .solution-5 {
	background-position: 0px -140px;
}
#solutions .solutions-20.pass .solution-6 {
	background-position: -230px -140px;
}
#solutions .solutions-20.pass .solution-7 {
	background-position: -460px -140px;
}
#solutions .solutions-20.pass .solution-8 {
	background-position: -690px -140px;
}
#solutions .solutions-20.pass .solution-9 {
	background-position: 0px -280px;
}
#solutions .solutions-20.pass .solution-10 {
	background-position: -230px -280px;
}
#solutions .solutions-20.pass .solution-11 {
	background-position: -460px -280px;
}
#solutions .solutions-20.pass .solution-12 {
	background-position: -690px -280px;
}
#solutions .solutions-20.pass .solution-13 {
	background-position: 0px -420px;
}
#solutions .solutions-20.pass .solution-14 {
	background-position: -230px -420px;
}
#solutions .solutions-20.pass .solution-15 {
	background-position: -460px -420px;
}
#solutions .solutions-20.pass .solution-16 {
	background-position: -690px -420px;
}
#solutions .solutions-20.pass .solution-17 {
	background-position: 0px -560px;
}
#solutions .solutions-20.pass .solution-18 {
	background-position: -230px -560px;
}
#solutions .solutions-20.pass .solution-19 {
	background-position: -460px -560px;
}
#solutions .solutions-20.pass .solution-20 {
	background-position: -690px -560px;
}
#solutions .solutions-12.pass {
	background-position: -34px -95px;
}
#solutions .solutions-12.pass .solution {
	width: 220px; height: 130px;
}
#solutions .solutions-16.pass .solution {
	width: 220px; height: 130px;
}
#solutions .solutions-20.pass .solution {
	width: 220px; height: 130px;
}
#solutions .solutions-12.pass .solution-4 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-12.pass .solution-8 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-12.pass .solution-12 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-16.pass .solution-4 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-16.pass .solution-8 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-16.pass .solution-12 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-16.pass .solution-16 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-20.pass .solution-4 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-20.pass .solution-8 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-20.pass .solution-12 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-20.pass .solution-16 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-20.pass .solution-20 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-12.pass .solution-9 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-12.pass .solution-10 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-12.pass .solution-11 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-12.pass .solution-12 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-16.pass .solution-13 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-16.pass .solution-14 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-16.pass .solution-15 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-16.pass .solution-16 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-6.pass {
	background: url("/sites/all/themes/newsodexo/img/solutions/sf6-bg-bw.jpg") no-repeat rgb(255, 255, 255); width: 910px; height: 330px;
}
#solutions .solutions-6.pass .active.solution {
	background-image: url("/sites/all/themes/newsodexo/img/solutions/sf6-bg.jpg");
}
#solutions .solutions-6.pass .solution-1 {
	
}
#solutions .solutions-6.pass .solution-2 {
	background-position: -307px 0px;
}
#solutions .solutions-6.pass .solution-3 {
	background-position: -614px 0px;
}
#solutions .solutions-6.pass .solution-4 {
	background-position: 0px -170px;
}
#solutions .solutions-6.pass .solution-5 {
	background-position: -307px -170px;
}
#solutions .solutions-6.pass .solution-6 {
	background-position: -614px -170px;
}
#solutions .solutions-6.pass .solution {
	width: 296px; height: 160px; border-right-width: 11px !important;
}
#solutions .solutions-9.pass .solution {
	width: 296px; height: 160px; border-right-width: 11px !important;
}
#solutions .solutions-9.pass {
	background: url("/sites/all/themes/newsodexo/img/solutions/sf9-bg-bw.jpg") no-repeat rgb(255, 255, 255); width: 910px; height: 500px;
}
#solutions .solutions-9.pass .active.solution {
	background-image: url("/sites/all/themes/newsodexo/img/solutions/sf9-bg.jpg");
}
#solutions .solutions-9.pass .solution-1 {
	
}
#solutions .solutions-9.pass .solution-2 {
	background-position: -307px 0px;
}
#solutions .solutions-9.pass .solution-3 {
	background-position: -614px 0px;
}
#solutions .solutions-9.pass .solution-4 {
	background-position: 0px -170px;
}
#solutions .solutions-9.pass .solution-5 {
	background-position: -307px -170px;
}
#solutions .solutions-9.pass .solution-6 {
	background-position: -614px -170px;
}
#solutions .solutions-9.pass .solution-7 {
	background-position: 0px -340px;
}
#solutions .solutions-9.pass .solution-8 {
	background-position: -307px -340px;
}
#solutions .solutions-9.pass .solution-9 {
	background-position: -614px -340px;
}
#solutions .solutions-6.pass .solution-3 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-6.pass .solution-6 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-9.pass .solution-3 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-9.pass .solution-6 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-9.pass .solution-9 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#solutions .solutions-6.pass .solution-4 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-6.pass .solution-5 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-6.pass .solution-6 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-9.pass .solution-7 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-9.pass .solution-8 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solutions-9.pass .solution-9 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#solutions .solution img {
	width: 98px; height: 59px; bottom: 0px; position: absolute;
}
#solutions .active.solution img {
	display: block;
}
#solutions .solution .layer {
	background: rgb(42, 41, 92); width: 220px; height: 130px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; display: none; position: relative;
}
#solutions .active.solution:hover .layer {
	width: 100%; height: 100%; display: block; position: absolute; z-index: 999;
}
#solutions .solution .layer p {
	padding: 20px 10px 0px; color: rgb(255, 255, 255); text-decoration: none; display: block; cursor: pointer;
}
#solutions .solution .layer a {
	padding: 20px 10px 0px; color: rgb(255, 255, 255); text-decoration: none; display: block; cursor: pointer;
}
#solutions .solutions-12.pass .solution .layer a {
	width: 200px; height: 110px;
}
#solutions .solutions-16.pass .solution .layer a {
	width: 200px; height: 110px;
}
#solutions .solutions-20.pass .solution .layer a {
	width: 200px; height: 110px;
}
#solutions .solutions-6.pass .solution .layer a {
	width: 276px; height: 140px;
}
#solutions .solutions-9.pass .solution .layer a {
	width: 276px; height: 140px;
}
#solutions .solution .layer a:hover {
	text-decoration: none;
}
#solutions .solution .layer a:focus {
	text-decoration: none;
}
#solutions .solution .layer .title {
	font: bold 14px/1.4 Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 0px; border: 0px currentColor; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 0.25em; display: block; font-size-adjust: none; font-stretch: normal;
}
#solutions .pass .solution .layer a.geoloc {
	background: url("/sites/all/themes/newsodexo/img/bul/bul-map.png") no-repeat; margin: 0px; padding: 0px; top: auto; width: 42px; height: 39px; right: 3px; bottom: 2px; display: block; position: absolute; z-index: 90;
}
#solutions .solution-search {
	padding: 25px 20px; margin-bottom: 10px; background-color: rgb(244, 244, 242);
}
#solutions .wrapper {
	background-repeat: repeat-y;
}
#solutions .solution-search .labels {
	width: 210px; padding-right: 20px; float: left;
}
#solutions .labels h3 {
	color: rgb(42, 41, 92); line-height: 1.375; font-size: 16px; font-weight: bold;
}
#solutions .services-found {
	color: rgb(42, 41, 92); font-size: 12px; font-weight: bold;
}
#solutions .labels strong {
	color: rgb(255, 0, 0); font-size: 18px; font-weight: bold; display: block;
}
#solutions .search-block {
	width: 630px; line-height: 1.7; padding-left: 20px; font-size: 13px; float: left;
}
#solutions .search-block h4 {
	text-transform: uppercase; font-size: 16px; font-weight: bold;
}
#solutions .search-block a {
	margin: 1em 0px; font-size: 12px; text-decoration: underline; display: block;
}
#solutions .search-block a:hover {
	text-decoration: none;
}
#solutions .search-block a:focus {
	text-decoration: none;
}
#solutions .clear {
	clear: both;
}
#solutions .filter-box ul {
	width: 157px; float: left;
}
#solutions .filter-box-one ul {
	float: left;
}
#solutions .input-box {
	float: left;
}
#solutions .check-box label {
	padding: 0px 0px 0.5em 1em; line-height: 1.2; overflow: hidden; display: block;
}
#solutions .check-line a {
	background-position: 0px 50%; padding-left: 1em; display: inline; background-repeat: no-repeat;
}
#solutions label {
	padding: 0px 1em;
}
#solutions .wrapper::after {
	clear: both; display: table; content: "";
}
#solutions .solution-search::after {
	clear: both; display: table; content: "";
}
#solutions .check-box::after {
	clear: both; display: table; content: "";
}

#navigation .expand-inner .expand-nav .sprite {
	background-image: url("../img/point.png");
}

#solutions .check-line a {
	background-image: url("../img/point2.png");
}

#navigation .nav-link {
	background-image: url("../img/lineMenu.png");
}

.cntHeader {width:960px; margin:auto; top:0px; padding-top:5px; height:78px;}

/*pgoette*/
.underconstruction {width:179px; height:50px; margin-bottom:5px; background:url(../img/under-construction.png); background-repeat:no-repeat; float: left; margin-left: 165px; }

.lineColor{	background-image: url(../img/division.jpg);	background-repeat:no-repeat;width:331px;margin:auto;height:5px;}
.headerTab {width:959px; height:33px; display:block;}
.logOut { position:relative; top:-50px; height:25px;  width:auto; font-size:11px; }
.logOut ul{list-style:none; /* Eliminamos los bullets */ margin:0px; /* Quitamos los margenes */padding:0px; /* Quitamos el padding */}
.logOut ul li {float:right; /* Hacemos que el menu se muestre horizontal */padding-left:10px;padding-right:10px;}
.logOut ul li a{text-decoration:none;color:#030303;}
.logOut ul li a:hover{color:#7b7b7b;}

/*MENU*/

.tabmenuUsers{background:url(../img/menuUserActivo.png);background-repeat:no-repeat ;width:959px; height:33px; text-decoration:none; }
.tabmenuOrders {background: url(../img/menuOrderActivo.png); background-repeat:no-repeat ;width:959px; height:33px; text-decoration:none;}
.tabmenuOrdersOnly {background: url(../img/orderAlone.png);background-repeat:no-repeat ;width:959px; height:33px; text-decoration:none;}
.activity {position:relative; z-index:1; margin-top:-16px;}
.ulMenu{display: inline-block; position: absolute; width: 400px;}/*fondo del submenu*/
.ulMenuHidden {display: none;} 
.menu ul li:focus span, .menu ul li:active span {color: #4e88ce;}/*cuando estando el submenu, el fondo del menu principal que hace que quede activo y no desaparezca el submenu*/
.menu ul li:focus a, .menu ul li:active a {color: #4e88ce;}
.menu {  text-align: center;font-size: 12px;left:777px;position: relative; top:5px; width: 172px;}
.menu ul { list-style-type: none;}
.menu ul li.nivel1 { float: left;width: 84px;margin-right: 2px;position: relative;}
.menu ul li { float: left;}
.menu ul li a, .menu ul li span {display: inline-block;text-decoration: none;color:#969696;padding: 8px;position: relative;}
a:active {position: relative;}
.menu ul li a:active {color: #4e88ce; position: relative;}
.menu ul li span.nivel1 {display:block;}
.menu ul li a.nivel1 {display:block; text-decoration: none;}
.menu ul li:hover span.nivel1 {cursor: pointer;font-weight:bold;}
.menu ul li:hover a.nivel1 {cursor: pointer;font-weight:bold; text-decoration: none;}
.menu ul li a:hover ul, .menu ul li a:active ul {display:inline-block;position: absolute;width: 400px;}
.menu ul li a:hover:link ul {visibility: hidden;}
.menu ul li a:active:hover ul  {visibility: visible;}
.menu ul li ul li a {width: 160px;padding: 6px 0px 8px 0px;border: none;font-weight: normal;}
.menu ul li ul li a:hover {position: relative;text-decoration: underline;border-bottom: none;color: #4e88ce;}
ul.uno {left: -0px;}
ul.dos {left: -210px; } 

.menuOnly ul li:focus span, .menuOnly ul li:active span {color: #4e88ce;}/*cuando estas navegando el submenuOnly, el fondo del menuOnly principal que hace que quede activo y no desaparezca el submenuOnly*/
.menuOnly ul li:focus a, .menuOnly ul li:active a {color: #4e88ce;}
.menuOnly {  text-align: center;font-size: 14px;left:865px;position: relative;top:5px; width: 172px;}
.menuOnly ul { list-style-type: none;}
.menuOnly ul li.nivel1 { float: left;width: 84px;margin-right: 2px;position: relative;}
.menuOnly ul li { float: left;}
.menuOnly ul li a, .menuOnly ul li span {display: inline-block;text-decoration: none;color:#969696;padding: 8px;position: relative;}
.menuOnly ul li a:active {color: #4e88ce; position: relative;}
.menuOnly ul li span.nivel1 {display:block;}
.menuOnly ul li a.nivel1 {display:block; text-decoration: none;}
.menuOnly ul li:hover span.nivel1 {cursor: pointer;font-weight:bold;}
.menuOnly ul li:hover a.nivel1 {cursor: pointer;font-weight:bold; text-decoration: none;}
.menuOnly ul li a:hover ul, .menuOnly ul li a:active ul {display:inline-block;position: absolute;width: 400px;}
.menuOnly ul li a:hover:link ul {visibility: hidden;}
.menuOnly ul li a:active:hover ul  {visibility: visible;}
.menuOnly ul li ul li a {width: 160px;padding: 6px 0px 8px 0px;border: none;font-weight: normal;}
.menuOnly ul li ul li a:hover {position: relative;text-decoration: underline;border-bottom: none;color: #4e88ce;}

/*FOOTER*/
.cntFooter {background: rgb(42, 41, 92); padding: 30px; clear: both;}
.links {float: left; position: relative;}
.cntFooter ul {list-style:none; width: 350px; padding-left: 15px; float: left;}
.cntFooter a {text-decoration:none; color: rgb(255, 255, 255); font-size: 20px; display: block;}
.cntFooter a:hover{color:#ffffff; text-decoration:none;}
.cntFooter span {padding:5px;}
.versionFooter {float: right;}
.versionFooter a { }
.versionFooter a {display: block;}
.versionFooter img {display: block;}

/*COMMONS*/
.required{ font-size:12px;}
.feedbackPanelERROR {background-color:#edede9; line-height:27px; text-decoration:none; text-align:center; list-style-type: none; color: red; }
.feedbackPanelINFO { background-color:#edede9; line-height:27px; text-decoration:none; text-align:center; list-style-type: none; }
.feedbackPanelFATAL { background-color:#edede9; line-height:27px; text-decoration:none; text-align:center; list-style-type: none; color: red; }
.feedbackPanelSUCCESS { background-color:#edede9; line-height:27px; text-decoration:none; text-align:center; list-style-type: none; color: green; }
.msjOk { background-color:#e8dab4; padding-left:23px;}
.inputText{ padding-left:4px; width:290px; height:20px; background-color:#fdfaf2;	border:1px solid #e7e7e7; border-top:1px solid #999; margin-top:10px;}
.inputTextReadOnly{ padding-left:4px; width:290px; height:20px; background-color:#ebebeb;	border:1px solid #e7e7e7; border-top:1px solid #999; margin-top:10px;}
.inputTextArea{ width:294px; height:88px; display:block; background-color:#fdfaf2; border:1px solid #e7e7e7; border-top:1px solid #999;
margin-top:10px;}
.inputTextAreaReadOnly{ width:294px; height:88px; display:block; background-color:#ebebeb; border:1px solid #e7e7e7; border-top:1px solid #999;
margin-top:10px;}
.one-edge-shadow { -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; 
/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a2a2a2')";
/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a2a2a2');}
.shadow { -webkit-box-shadow: 0 3px 10px #a2a2a2; -moz-box-shadow: 0 3px 10px #a2a2a2; box-shadow: 0 3px 10px #a2a2a2; -o-box-shadow:0 3px 10px #a2a2a2 ;behavior: url(ie-css3.htc);
/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a2a2a2')";
/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a2a2a2');}
.divisor{ background:url(../img/lineaDivisora.png); width:793px; height:16px;	float:left;	margin-top:20px; margin-left:59px;
background-repeat:no-repeat;}
.divisorSmall{ background:url(../img/lineaDivisoraSmall.png); width:388px; height:16px;	float:left;	margin-top:10px; margin-left:9px; margin-bottom:10px;background-repeat:no-repeat;}
.divisorSmaller { background:url(../img/lineaDivisoraSmaller.png); width:305px; height:16px; float:left;	margin-top:10px; margin-left:34px; margin-bottom:10px;background-repeat:no-repeat;}
.fLeft {float:left;}
.dInline{ display:inline-block}
.witheLineSpace { height:25px; display:block;}
.cyanText {color:#4e88ce;}

	.txtTitleSimplePage {margin-left:54px; line-height:10px;}
	.txtTitleSimplePage h4{  font-size:16px; font-weight:bold; color:#d51b39;}
	.txtTitleSimplePage h5{  font-size:16px; font-weight:bold; color:#4e88ce;}
	.txtPSimplePage {margin-left:54px; margin-right:54px; text-align:justify;}	
	.question {font-size:14px; font-weight:bold; color:#555555; margin-top:30px;}

/*ESTILO COMBO BOX*/
.selectBkgd {width:320px; height: 23px; overflow: hidden; background-image:url(../img/dropdown.jpg); background-repeat:no-repeat ;border:none; margin-top:10px;}
.selectBkgd select { width: 297px; font-size: 12px;	border:none; height: 23px; -webkit-appearance:none;	-moz-appearance:none;
-o-appearance:none;	box-appearance:none; background-color:transparent;/*fundamental porque sino veo el fondo del combobox*// background-position:initial initial; background-repeat:initial initial;}/*hace el ancho ee menos para ocultar la flecha del drop down*/
.selectBkgd option{ background-color:#fdfaf2;}
.nbsp {padding-left:5px;}
/*END ESTILO COMBO BOX*/

.selectBkgdSmall {width:260px; height: 23px; overflow: hidden; background-image:url(../img/dropdownSmall.jpg); background-repeat:no-repeat ;border:none; margin-top:10px;}
.selectBkgdSmall select { width: 250px; font-size: 12px; border:none; height: 23px; -webkit-appearance:none; -moz-appearance:none;
-o-appearance:none;	box-appearance:none; background-color:transparent; background-position:initial initial; background-repeat:initial initial;}
.selectBkgdSmall option{ background-color:#fdfaf2; width: 230px; }

/*POPINS*/
.bkgdPopIn {background-color:#fff; /* width:340px; */ overflow:hidden; height: inherit;/* margin:auto; */ position:relative; padding-left: 20px;}
.bkgdPopInExcel {background-color:#fff; /* width:340px; */ overflow:auto; height: inherit;/* margin:auto; */ position:relative; padding-left: 20px;}
.cntPopIn {margin-top:15px;}
.cntPersonalizationTable{width:294px; height:300px; margin:auto;font-size:14px; text-align:right; margin: 20px 50px 0 0; overflow-y:auto; overflow-x:hidden}
.cntBtnPopIn{float:right; margin-right:15px;}
.cntBtnMsjWarning {margin-left:142px; margin-top:39px;}
.divisorSmallerPopin { background:url(../img/lineaDivisoraSmaller.png); width:305px; height:16px; float:left;	margin-top:10px; margin-bottom:10px;background-repeat:no-repeat;}
/*VOUCHER TABLE*/
	.cntVoucherTable{width:300px; height:194px; /* float:right; */ font-size:14px; text-align:right; margin: 20px 40px 0 0; overflow-y:auto;overflow-x:hidden}
	.cntAgreementTable {width:772px; height:210px; float:right; font-size:13px; text-align:center; margin: 20px 80px 0 0; }
	.voucherTable{ border-collapse:collapse; border: 2px solid #cacaca; background-color:#fdfaf2; }
	/*.voucherTable{ border-collapse:collapse; width:277px; height:189px;border: 2px solid #a3a0a0; background-color:#fdfaf2;float:right; font-size:14px;
	text-align:right; margin: 20px 80px 0 0; overflow:auto}*/
	.voucherTable td { padding: 7px 1px 7px 1px;}
	.voucherTable tr  { border-bottom: 2px solid #cacaca;}
	.voucherTable th { padding: 7px 7px 7px 1px; text-align:center; background-color:#FFF; }

/*BUTTONS*/
.txtBtn{font-family:Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; -webkit-text-shadow: 0 2px 2px #545454;
-moz-text-shadow: 0 2px 2px #545454; text-shadow: 0 2px 2px #545454; behavior: url(ie-css3.htc);}
.txtBtnDis{ color:#979797; font-size:11px}
.bkgdBtnNextWizard { width:916px; height:28px; background-color:#d5d6db; float:left; text-align:center;	margin-bottom:16px;	margin-top:20px; list-style:none; display:inline-block; }
.txtBtnNextWizard {font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bold; color:#5f5f5f; font-size:16px; line-height:24px; border:none; background-color:#d5d6db; }
.txtBtnNextWizardInactive {font-family: Calibri, Arial, Helvetica, sans-serif; font-weight:bold; color:#bcbcbc; font-size:14px; line-height:28px;}
.bkgdBtnNextWizard .optionNextPrev{padding:0;}
.bkgdBtnNextWizard  li {display: inline; padding:0 18px 0 18px;  }
.bkgdBtnNextWizard  li a { list-style:none; text-decoration:none;}
.bkgdBtnNextWizard  li a:hover { color:#fff ;-webkit-text-shadow: 0 2px 2px #545454; -moz-text-shadow: 0 2px 2px #545454; 
text-shadow: 0 2px 2px #545454;}
.txtBtnNextWizard:disabled {font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bold; color:#bcbcbc; font-size:16px; line-height:24px; border:none; background-color:#d5d6db; }

.btnBlue45{ width:45px;	height:21px; background: url(../img/mapIMG.png) 0px -150px; border:none;  cursor:pointer;}
.btnBlue45Over { width:45px; height:21px; background: url(../img/mapIMG.png) -100px -150px; border:none;  cursor:pointer;}
.btnBlue45Down { width:45px; height:21px; background: url(../img/mapIMG.png) -150px -150px; border:none;  cursor:pointer;}

.btnBlue50{width:50px; height:23px;	background: url(../img/mapIMG.png) -0px -100px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}
.btnBlue50Over{width:50px; height:23px;	background: url(../img/mapIMG.png) -50px -100px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}
.btnBlue50Down{width:50px; height:23px;	background: url(../img/mapIMG.png) -100px -100px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}

.btnBlue60{ width:60px;	height:21px; background: url(../img/mapIMG.png) 0px -200px; border:none;  cursor:pointer;}
.btnBlue60Over { width:60px; height:21px; background: url(../img/mapIMG.png) -100px -200px; border:none;  cursor:pointer;}
.btnBlue60Down { width:60px; height:21px; background: url(../img/mapIMG.png) -200px -200px; border:none;  cursor:pointer;}

.btnBlue61{ width:73px;	height:23px; background: url(../img/mapIMG.png) -100px -50px; border:none; cursor:pointer; margin-bottom:15px;}
.btnBlue61Over { width:73px; height:23px; background: url(../img/mapIMG.png) -400px -50px; border:none; cursor:pointer; margin-bottom:15px; }
.btnBlue61Down { width:73px; height:23px; background: url(../img/mapIMG.png) -500px -50px; border:none; cursor:pointer; margin-bottom:15px; }

.btnBlue73{width:150px; height:23px;	background: url(../img/mapIMG.png) -0px -350px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}
.btnBlue73Over {width:150px; height:23px; background: url(../img/mapIMG.png) -160px -350px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}
.btnBlue73Down { width:150px; height:23px; background: url(../img/mapIMG.png) -320px -350px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}

.btnBlue73Thin{width:73px; height:23px;	background: url(../img/mapIMG.png) -100px -50px; border:none; cursor:pointer; }
.btnBlue73ThinOver {width:73px; height:23px; background: url(../img/mapIMG.png) -400px -50px; border:none; cursor:pointer; }
.btnBlue73ThinDown { width:73px; height:23px; background: url(../img/mapIMG.png) -500px -50px; border:none; cursor:pointer; }
.btnBlue73Thin:disabled {width:73px; height:23px; background: url(../img/mapIMG.png) -100px -50px; border:none; cursor:not-allowed;color:#CCCCCC}

.btnBlue73Left{float: right; margin-right:74px;}

.btnBlue75{ width:75px;	height:27px; background: url(../img/mapIMG.png) 0px -400px; border:none;  cursor:pointer;}
.btnBlue75Over { width:75px;	height:27px; background: url(../img/mapIMG.png) -200px -400px; border:none;  cursor:pointer;}
.btnBlue75Down { width:75px;	height:27px; background: url(../img/mapIMG.png) -300px -400px; border:none;  cursor:pointer;}
.btnBlue75:disabled{ width:75px;	height:27px; background: url(../img/mapIMG.png) 0px -400px; border:none;  cursor:pointer; color:#CCCCCC }

.btnRed75{ width:75px;	height:27px; background: url(../img/mapIMG.png) 0px -0px; border:none;  cursor:pointer;}
.btnRed75Over { width:75px;	height:27px; background: url(../img/mapIMG.png) -200px -0px; border:none;  cursor:pointer;}
.btnRed75Down { width:75px;	height:27px; background: url(../img/mapIMG.png) -300px -0px; border:none;  cursor:pointer;}
.btnRed75:disabled{ width:75px;	height:27px; background: url(../img/mapIMG.png) 0px -0px; border:none;  cursor:pointer; color:#CCCCCC }

.btnRed120{ width:80px;	height:27px; background: url(../img/mapIMG.png) 0px -500px; border:none;  cursor:pointer;}
.btnRed120ver { width:80px;	height:27px; background: url(../img/mapIMG.png) -140px -500px; border:none;  cursor:pointer;}
.btnRed120Down { width:80px;	height:27px; background: url(../img/mapIMG.png) -280px -500px; border:none;  cursor:pointer;}
.btnRed120:disabled{ width:80px;	height:27px; background: url(../img/mapIMG.png) -420px -500px; border:none;  cursor:pointer; color:#CCCCCC }

.btnBlue89{width:160px;	height:23px; background: url(../img/mapIMG.png) 0px -450px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;
margin-left:76px}/*es el de add subitems*/
.btnBlue89Over{width:160px;	height:23px; background: url(../img/mapIMG.png) -170px -450px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px; margin-left:76px}/*es el de add subitems*/
.btnBlue89Down{width:160px;	height:23px; background: url(../img/mapIMG.png) -340px -450px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px; margin-left:76px}/*es el de add subitems*/

.btnBlue96{ width:96px;	height:27px; background: url(../img/mapIMG.png) -300px -150px; border:none;  cursor:pointer;}
.btnBlue96Over { width:96px;	height:27px; background: url(../img/mapIMG.png) -400px -150px; border:none;  cursor:pointer;}
.btnBlue96Down { width:96px;	height:27px; background: url(../img/mapIMG.png) -500px -150px; border:none;  cursor:pointer;}

.btnBlue158{width:158px; height:27px;	background: url(../img/mapIMG.png) -150px -100px; border:none; cursor:pointer;}
.btnBlue158Over{width:158px; height:27px;	background: url(../img/mapIMG.png) -350px -100px; border:none; cursor:pointer;}
.btnBlue158Down{width:158px; height:27px;	background: url(../img/mapIMG.png) -550px -100px; border:none; cursor:pointer;}

.btnGray45{ width:45px;	height:21px; background: url(../img/mapIMG.png) -50px -150px; border:none;  cursor:pointer; margin-right:25px;}
.btnGray45Over { width:45px; height:21px; background: url(../img/mapIMG.png) -200px -150px; border:none;  cursor:pointer;  margin-right:25px}
.btnGray45Down { width:45px; height:21px; background: url(../img/mapIMG.png) -250px -150px; border:none;  cursor:pointer;  margin-right:25px}

.btnGray60{	width:60px;	height:21px; background: url(../img/mapIMG.png) -300px -200px;	border:none;cursor:pointer;}
.btnGray60Over{	width:60px;	height:21px; background: url(../img/mapIMG.png) -400px -200px;	border:none;cursor:pointer;}
.btnGray60Down {width:60px;	height:21px; background: url(../img/mapIMG.png) -500px -200px;	border:none;cursor:pointer;}

.btnGray73{width:115px; height:23px;	background: url(../img/mapIMG.png) -0px -250px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}
.btnGray73Over {width:115px; height:23px; background: url(../img/mapIMG.png) -130px -250px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}
.btnGray73Down { width:115px; height:23px; background: url(../img/mapIMG.png) -260px -250px; border:none; cursor:pointer; margin-top:15px; margin-bottom:15px;}

.btnGray75{	width:110px;	height:27px; background: url(../img/mapIMG.png) -0px -300px;	border:none;cursor:pointer;}
.btnGray75Over{	width:110px;	height:27px; background: url(../img/mapIMG.png) -130px -300px;	border:none;cursor:pointer;}
.btnGray75Down {width:110px;	height:27px; background: url(../img/mapIMG.png) -260px -300px;	border:none;cursor:pointer;}
.btnGray75Dis{	width:110px;	height:27px; background: url(../img/mapIMG.png) -400px -300px;	border:none;cursor:pointer;}

.btnGray72{	width:75px;	height:27px; background: url(../img/mapIMG.png) -0px -550px;	border:none;cursor:pointer;}
.btnGray72Over{	width:75px;	height:27px; background: url(../img/mapIMG.png) -100px -550px;	border:none;cursor:pointer;}
.btnGray72Down {width:75px;	height:27px; background: url(../img/mapIMG.png) -200px -550px;	border:none;cursor:pointer;}
.btnGray72Dis{	width:75px;	height:27px; background: url(../img/mapIMG.png) -300px -550px;	border:none;cursor:pointer;}

.btnSaveCancelWizard{ float:right; margin-right:11px; margin-bottom:10px; }
.btnFooterCntPage { float:right; margin:35px 23px 15px 0px;}
.btnGoGenerateOrder{ float:left; margin-left:25px; padding-top:28px; margin-bottom:25px;}

/*BLUE TABLE*/
.blueTableTwoCol{ margin-left:85px;	padding-top:20px;}
.blueTable{ width:916px; margin:auto; overflow:hidden; margin-bottom:10px; background-color:#FFF; padding-top:15px;
border:2px solid #dcdcdc; margin-top:0px; top:-10px; position:relative;}
.blueTableHeader h1, .blueTableHeaderSmall h1{ line-height:38px; font-size:18px; font-weight:bold; color:#FFF; margin-left:20px; text-align: center; }
.blueTableHeader{ height:38px; width:920px;	margin-left:-1px; padding-bottom:0px; margin:auto; top:-10px; position:relative; }
.blueHeaderLeft{ background-image:url(../img/tableBlueLeftCorner.png); background-repeat:none; float:left; height:38px;	width:6px;}
.blueHeaderBkgd{ background-image:url(../img/tableBlueBkgd.jpg); background-repeat:repeat-x; float:left; height:38px;width:908px;}
.blueHeaderRight{ background-image:url(../img/tableBlueRightCorner.png); background-repeat:none; float:left; height:38px; width:6px;}
.colum1BlueTable { width:382px;	float:left;	padding-left:76px;}
.colum2BlueTable{ width:374px; float:left; padding-left:84px;}
.generateOrderTxt {width:454px;	float:left;	padding-left:180px; padding-top:30px;}
.titleInputs { font-family:Calibri, Arial, Helvetica, sans-serif;	font-size:16px;	color:#555; display:inline-block;}
.titleOrderTxt { font-family:Calibri, Arial, Helvetica, sans-serif;	font-size:16px;	color:#555; display:inline-block; margin-right:20px;}
.cntCombo{ width:298px; height:46px; margin-bottom:15px;}
.cntCheck { margin-top:30px; }
.cntComboLarge{ width:298px; margin-top:10px; margin-bottom:22px;}
.excelBlock{height:25px; display:table; padding-right:15px;}
.excelBlockTitle{font-family:Calibri, Arial, Helvetica, sans-serif;	font-size:16px;	color:#555; display:table-cell; padding-top:8px}
.cntComboExcel{ width:480px; height:46px; margin-bottom:15px; margin-top:15px;}
.columBlueTableSmallForThreeColumnsExcel { width:480px; padding-left:16px; float:left;}
.excel { float:right; width:27px; height:25px; margin-left:5px;}
.cntCheck a.personalizationIcon { background-image:url(../img/icon_personalization.png); background-repeat:no-repeat; margin-top:2px; margin-left:10px; width:13px; height:14px; display: inline-block;}

	/*BILLING INFORMATION*/
	.cntBillingTable{width:620px; float:left; font-size:16px; text-align:right; margin: 20px 80px 0 0; overflow-y:auto;overflow-x:hidden; 		margin-left:185px;}
	.footerBillingTable {width:686px; float:left; font-size:16px; margin-top: -2px; overflow-y:auto;overflow-x:hidden; margin-left:115px; background-color:#f7f7f7; text-align:center;  border: 2px solid #a3a0a0; border-collapse:collapse;}
	.footerBillingTable tr {}
	.footerBillingTable td { padding: 7px 1px 7px 1px;}
	
/*END BLUE TABLE*/

/*GRAY TABLE*/

.backCntGrayTable{width:916px; margin:auto;	border:1px solid #cccdd1; min-height:100px;	padding-top:15px; background-color: rgb(237, 236, 233);	padding-bottom:15px; top:-10px; position:relative;}
.cntGrayTable {margin-left:12px; margin-right:12px;  }
.grayHeaderBkgd{background-image:url(../img/tableBlueBkgd.jpg);	background-repeat:repeat-x;	font-weight:bold; height:32px;font-family:Calibri, Arial, Helvetica, sans-serif;	line-height:30px; font-size:13px;text-align:center;color:#FFF;}


	table.dataviewGrayTable{ border:2px solid #a3a0a0; min-width:892px;}	
	table.dataviewGrayTable tr th {line-height:22px ;padding: 3px 8px 3px 8px; text-align: left; white-space: nowrap; vertical-align:top; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#eee; background-position: right; background-repeat:no-repeat;}
	table.dataviewGrayTable tr th.wicket_orderDown {background-image: url(../img/arrow_down.png); }
	table.dataviewGrayTable tr th.wicket_orderUp { background-image: url(../img/arrow_up.png);}
	table.dataviewGrayTable tr th.wicket_orderNone {	background-image: url(../img/arrow_off.png);}
	table.dataviewGrayTable tr th a.sortedByTxt {color:#eee;}
	table.dataviewGrayTable tr th a { text-decoration:none; color:#eee; }
	table.dataviewGrayTable .grayTableBody{ border-collapse:collapse; border: 2px solid #a3a0a0;	background-color:#f6f6f7; margin:auto; font-size:12px;
text-align:left; color:#555;}
	table.dataviewGrayTable .grayTableBody tr td{ padding: 7px 12px 3px 2px; border-top:2px solid #a3a0a0;}

	/*PAGINADO TABLA GRIS*/
	.cntGrayTablePager {height:25px; background-color: rgb(237, 236, 233);  border-left: 2px solid #a3a0a0; border-right: 2px solid #a3a0a0; border-bottom: 2px solid #a3a0a0; margin:auto;}
	.cntGrayTablePager a, .cntGrayTablePager p, .cntGrayTablePager > span { font-style:normal; line-height: 14px; color: #464646; text-decoration: none; margin: 2px; padding-top:4px; padding-left:2px ;display:inline; }
	.cntGrayTablePager a { font-size:13px;}
	.cntGrayTablePager a:hover{ font-style:normal;color: #fff; text-decoration: none;}
	 a:hover.trace{border-bottom:1px solid #FFF; line-height: 10px; text-decoration: none; }
	.cntGrayTablePager span { font-style:normal; font-size:13px; }
	.pagerAlign{ float:right; margin-right:10px;}
	
/**ORDER VIEW**/
fieldset.orderViewField { border:2px solid #a3a0a0; background-color:#FFF; width:897px; padding-bottom:22px; padding-left:10px; padding-right:10px; margin:auto; margin-bottom:20px; }
.colum1OrderView { width:382px;	float:left;	padding-left:57px;}
.colum2BlueTable{ width:374px; float:left; padding-left:84px;} 
legend p {color:#555555; font-weight:bold; font-size:16px;}
.oneFieldLeft { width:382px;float:left;	padding-left:15px; margin-top:15px;}
.grayHeaderBkgdView{background-color:#ebebeb;height:32px;font-family:Calibri, Arial, Helvetica, sans-serif;	line-height:30px; font-size:18px;text-align:center;}
table.dataviewGrayTableView{ border:2px solid #a3a0a0; min-width:873px;}
table.dataviewGrayTableView tr th {line-height:22px ;padding: 3px 12px 3px 8px; text-align: left; white-space: nowrap; vertical-align:top; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:15px; color:#555; background-position: right; background-repeat:no-repeat;}
table.dataviewGrayTableView .grayTableBody{ border-collapse:collapse; border: 2px solid #a3a0a0;	background-color:#f6f6f7; margin:auto; font-size:14px;
text-align:left; color:#555;}
table.dataviewGrayTableView .grayTableBody tr td{ padding: 7px 12px 7px 4px; border-top:2px solid #a3a0a0;}
	
	/*PAGINADO TABLA VER ORDEN*/
	.cntGrayTablePagerView {height:25px; background-color:#ebebeb;  border-left: 2px solid #a3a0a0; border-right: 2px solid #a3a0a0; border-bottom: 2px solid #a3a0a0; margin:auto;}
	.cntGrayTablePagerView a, .cntGrayTablePagerView p, .cntGrayTablePager > span { font-style:normal;line-height: 14px; color: #464646; text-decoration: none; margin: 2px; padding-top:4px; padding-left:2px ;display:inline; }
	.cntGrayTablePagerView a { font-size:13px;}
	.cntGrayTablePagerView a:hover{ font-style:normal;color: #06C; text-decoration: none;}
	a:hover.trace{border-bottom:1px solid #06C; line-height: 10px; text-decoration: none;}
	.cntGrayTablePagerView span{ font-style:normal; font-size:13px;}
	.pagerAlign{ float:right; margin-right:10px;}


/**LOG**/
.blueTableHeaderSmall{ height:38px; width:379px; margin-left:-1px; padding-bottom:0px; margin:auto;}
.blueHeaderBkgdSmall{ background-image:url(../img/tableBlueBkgd.jpg); background-repeat:repeat-x; float:left; height:38px;width:367px;}
.blueTableSmall{ width:375px; margin:auto; overflow:hidden; margin-bottom:20px; background-color:#FFF; padding-bottom:16px; padding-top:15px;
border:2px solid #dcdcdc; margin-top:0px;}
.colum1BlueTableSmall { width:382px;	float:left;	padding-left:38px;}
.cntCombo a {font-size:14px; color:#06C;}
.cntBtnLog{float:right; margin-right:37px;}
.cntCaptcha{ width:295px; margin-top:-25px; margin-bottom:25px;}
.imgCaptcha { text-align:center;}

.columBlueTableSmallForThreeColumns { width:280px; padding-left:16px; float:left;}
.columBlueTableSmallForFourColumns { width:160px; padding-left:10px; float:left; text-transform: initial; font-size: 16px;}
.columBlueTableBigForFourColumns { width:232px; padding-left:10px; float:left; text-transform: lowercase; font-size: 16px;}
.columBlueTableBigForFourColumns:first-letter { text-transform: uppercase; }

/*TABLA AMRILLA*/
table.dataview {margin-bottom: 10px; border-top: 2px solid #e8e8e8;	border-right: 2px solid #e8e8e8;	border-left: 2px solid #e8e8e8;	font-size: 14px; color:#7e7e7e;	font-family:Calibri, Arial, Helvetica, sans-serif; width:757px;margin-left:40px;	margin:auto;}
table.dataview caption { text-align: left; }
table.dataview tr { padding-top: 2px; padding-bottom: 2px;}
table.dataview tr.even { background-color: #ffebcd; }
table.dataview tr.odd { background-color: #fff; }
table.dataview tr td { padding: 8px 4px 6px 4px; padding-right:4px; border-bottom: 2px solid #e8e8e8; background-color:#fdfaf2; vertical-align:top}
table.dataview tr th { line-height:22px ;padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 19px; background-color: #fff; border-bottom: 2px solid #e8e8e8; text-align: left; white-space: nowrap; vertical-align:top; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:16px; color:#555555; background-position: right; background-repeat:no-repeat;}
table.dataview tr td span { line-height:16px;}
table.dataview tr th.wicket_orderDown {background-image: url(../img/arrow_down.png); }
table.dataview tr th.wicket_orderUp { background-color:#E8E8E8 ;background-image: url(../img/arrow_up.png); color: }
table.dataview tr th a.sortedByTxt {color:#06C; !IMPORTANT}
table.dataview tr th.wicket_orderNone {	background-image: url(../img/arrow_off.png);}
table.dataview tr th a { text-decoration:none; color:#555555; }
table.dataview #message { padding-left: 3px; }
table.dataview caption { padding-bottom: 2px; }

/*PAGINADO TABLA AMARILLA*/
.cntYellowTablePager { height:25px; width:753px; margin:auto; border-right: 2px solid #e8e8e8; border-left: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8;}
.cntYellowTablePager a, .cntYellowTablePager p, .cntYellowTablePager > span { font-size:13px; font-style:normal;line-height: 14px; color: #464646; text-decoration: none; margin: 2px; padding-top:6px; padding-left:2px ;display:inline;}
.cntYellowTablePager a { font-size:13px;}
.cntYellowTablePager a:hover{ font-style:normal;color: #06C; text-decoration: none;}
a:hover.trace{border-bottom:1px solid #06C; line-height: 10px;}
.cntYellowTablePager span{ font-style:normal;}
.pagerAlign{ float:right; margin-right:10px;}

#dataHeader {
    height: 20px;
}

.home h1 {
	 align:center; 
	 text-align:center;
	 font: 46px/44px Calibri, sansa_pro_boldregular, Arial, "Helvetica Neue", Helvetica, sans-serif; color: red; text-transform: uppercase; display: block; cursor: pointer; font-size-adjust: none; font-stretch: normal;
	 margin: 20px 20px 20px 20px;
	 font-weight:bold;
}

div.wicket-modal div.w_caption {
		background-color:rgb(64, 71, 136)
}

div.wicket-modal div.w_blue div.w_top, div.wicket-modal div.w_blue div.w_bottom, div.wicket-modal div.w_blue div.w_topLeft, div.wicket-modal div.w_blue div.w_topRight, div.wicket-modal div.w_blue div.w_bottomRight, div.wicket-modal div.w_blue div.w_bottomLeft, div.wicket-modal div.w_blue a.w_close{
	background-image: url(../img/frame-blue-1-alpha.png);
}

div.wicket-modal div.w_blue div.w_left,
div.wicket-modal div.w_blue div.w_right {
	background-image:url(../img/frame-blue-2-alpha.png);/*laterales*/
	_background-image: url('frame-blue-2-ie.png');
}

div.wicket-modal div.w_blue a.w_close {
	background-image: url(../img/frame-blue-1-alpha.png); /*esquinas*/ 
    _background-image: url('frame-blue-1-ie.png');
}
				
div.wicket-modal div.w_caption {
	color: #FFF;
}

div.wicket-modal h3.w_captionText {
	background-color: rgb(64, 71, 136);
}

.wicketExtensionsWizardHeaderTitle{
	margin:10 5 10 15;
	font-weight:bold;
	width: 190px;
}

.divisorSmallerCentered {
    background: url(../img/lineaDivisoraSmaller.png);
    width: 305px;
    height: 16px;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cntBtnLogCentered {
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.btnCentered { display:block; margin: auto}

.infoDiv {
	width:750px; 
	margin:auto; 
	overflow:hidden; 
	margin-bottom:20px; 
	background-color:#FFF; 
	padding-bottom:16px; 
	padding-top:15px;
	border:2px solid #dcdcdc; 
	margin-top:0px;
}

.infoImage {
	width:40px;
	height:40px;
	padding: 0px 10px 0px 10px;
	float: left;
}

/**************************************** PLUXEE STYLES */
@font-face {
    font-family: "TTTravels-regular";
    src: url("../fonts/TTTravels-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "TTTravels-demibold";
    src: url("../fonts/TTTravels-DemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "TTTravels-bold";
    src: url("../fonts/TTTravels-Bold.ttf") format("truetype");
}
body, p, span {
    font-family: "TTTravels-regular";
    color: #231d45;
}
strong {
    font-family: "TTTravels-bold";
}
.user-info.header__rightitem {
    font-weight: 700;
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    text-align: center;
    border-color: rgb(34,28,70);
    border-style: solid;
    background-color: rgb(0,235,94);
    color: rgb(34,28,70);
    clip-path: polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    position: relative;
    overflow: hidden;
    border-radius: 0;
    min-width: 120px;
    border-width: 0;
}
.user-info.header__rightitem:after {
    line-height: 1.0;
    clip-path: polygon(0% 0%,0% 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 21.5px),calc(100% - 21.5px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,calc(100% - 19px) 100%,100% calc(100% - 19px),100% 0%);
    position: absolute;
    background-color: rgb(34,28,70);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
}
.header__rightitem.user-info .u-link-body {
    color: #000042;
    font-size: 13px!important;
    text-decoration: none;
}
.user-info.header__rightitem:hover {
    filter: drop-shadow(4px 4px 0 rgba(34,28,70,.2));
    background-color: rgb(199,252,202);
}
.item_header {
    font-size: 15px;
}
.header {
    background: #fff;
}
.banner {
    background: #ffde14;
}
.banner_title {
    font-family: "TTTravels-bold";
}
.flex-commande {display: flex;}
.box-cde {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.title-cde {
    font-size: 22px;
    font-family: "TTTravels-bold";
    margin: 30px auto;
	 text-align: center;
}
.img-cde {
    height: 375px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.flex-commande .col-md-4:nth-child(1) .img-cde {
    background: #ffed9b;
}
.flex-commande .col-md-4:nth-child(2) .img-cde, .flex-commande .col-md-4:nth-child(3) .img-cde {
    background: #ffb9ba;
}
.img-cde:after {
    content: '';
    width: 60px;
    height: 30px;
    border-bottom: solid 30px #ffffff;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
}
.img-validation img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 15px 0;
}
.link-mp a {
    color: #2479b5;
    text-decoration: underline;
}
h4.connexion_title {margin: auto;}
.flex-table {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
tr.no-border td, tr.no-border th {border: none;}
.btns-trie {
    display: inline-flex;
    flex-direction: column;
    margin-top: -12px;
    vertical-align: super;
}
.btns-trie a {
    padding: 0 !important;
    line-height: initial;
    margin-left: 5px;
    color: #231d45;
}
#consulter .formbuilder-button.btns-green{align-items:center;}
.table-details label {font-size: 14px;}
@media screen and (max-width:1280px) {
.img-cde {height: 300px;}
.img-cde img {max-width: 140px;}
}
@media screen and (max-width:1024px) {
.title-cde {font-size: 18px;}
}
@media screen and (max-width:991px) {
.img-cde img {max-width: 90px;}
.img-cde {height: 200px;}
.title-cde {font-size: 14px;}
}
@media screen and (max-width:768px) {
.flex-commande {
    flex-direction: column;
    align-items: center;
}
.title-cde {margin: 15px auto 30px;}
}
@media screen and (max-width:767px) {
    .banner_title {
        font-size: 20px;
    }
}
@media screen and (min-width:768px) {
    .banner_title {
        font-size: 40px;
    }
}
.bg_blue {
    background: #d8eee0;
}
.connexion_title {
    font-family: "TTTravels-bold";
}
input.form-control {
    border-radius: 0!important;
}
label, .connexion-form a {
    color: #221c45;
}
.submit_connexion {
    font-family: "TTTravels-bold";
    padding: 0.5625rem 20px;
    text-align: center;
    border-color: rgb(34,28,70);
    border-style: solid;
    background-color: rgb(0,235,94);
    color: rgb(34,28,70);
    font-size: 15px;
}
.footer_top {
    background: #221c45;
    border-bottom: 1px solid #fff;
}
.footer_logo {
    max-width: 130px;
}
.white {
    color: #fff;
}
a {
    text-decoration: none;
}
.val_footer {
    font-size: 15px;
}
.copyright {
    background: #221c45;
}
.copyright p {
    font-size: 15px;
}
.link_item {
    font-family: "TTTravels-demibold"!important;
    font-size: 14px;
    padding: 5px 10px;
    border-right: 1px solid #221c45;
    color: #221b45;
}
.link_item:last-child {
    border: 0!important;
}
.link_item.active, .link_item:hover, .pagination-green a {
    color: #00eb5e;
}
@media screen and (max-width:767px) {
    .link_item {
        display: block;
        border: 0;
    }
}
.border_bottom_form {
    border-bottom: 1px solid #a7e3bd;
}
#consulter .formbuilder-button {
    display: flex;
    justify-content: end;
    align-items: end;
}
td, th {
    text-align: center;
    padding: 5px 10px;
    border-bottom: 1px solid #a7e3bd;
}
@media screen and (max-width:520px) {	
h4.connexion_title {font-size: 16px;}
.px-5 {
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important;
}
#consulter .formbuilder-button.btns-green {flex-direction: column;}
#consulter .formbuilder-button.btns-green .submit_connexion {margin: 10px 0;margin-left:0!important}
#consulter .formbuilder-button {justify-content: center;}
}