.page_content{
	line-height:26px;
	padding-bottom:20px;
}
.palette_sub_pages {
	padding-top: 50px;
}

.palette_sub_pages h2 {
	line-height: 17px;
}

.palette_sub_pages .content {
	position: absolute;
	right: 68px;
	bottom: 15px;
	width: 200px;
	text-align: right;
}

.palette_sub_pages h2 a {
	font-size: 15px;
	color: #4f484c;
	font-weight: bold;
}

.palette_sub_pages h2 a:hover {
	text-decoration: none;
}

.palette_sub_pages .item {
	float: left;
	margin-right: 5px;
	display: block;
	bottom: 50px;
	position: relative;
	font-size: 13px;
}

@media only screen and (max-width:480px ) {
	.palette_sub_pages .item{
		margin-right:0;
	}
}

.palette_sub_pages .item.white h2 a {
	color: #4f484c;
}

.palette_sub_pages .item.white article {
	color: #9d9895;
}

.palette_sub_pages .item.grey h2 a {
	color: #fff;
}

.palette_sub_pages .item.grey article {
	color: #a8a39f;
}

.palette_sub_pages .item.ciel h2 a {
	color: #fff;
}

.palette_sub_pages .item.ciel article {
	color: #5a7890;
}

.palette_sub_pages .item.green h2 a {
	color: #fff;
}

.palette_sub_pages .item.green article {
	color: #d2ea77;
}

.palette_sub_pages .item.blue h2 a {
	color: #fff;
}

.palette_sub_pages .item.blue article {
	color: #7ea6ff;
}

.palette_sub_pages .item.purple h2 a {
	color: #fff;
}

.palette_sub_pages .item.purple article {
	color: #d8a7ff;
}

.palette_sub_pages a.arrow {
	display: block;
	position: absolute;
	bottom: 20px;
	right:-40px;
	width: 37px;
	height: 37px;
	background: url('..images/white_arrow.png') no-repeat 0 0;
}

.palette_sub_pages a.arrow.white {
	background: url('..images/orange_arrow.png') no-repeat 0 0;
}

.palette_sub_pages a.arrow.grey {
	background:url(../images/yellow_arrow.png) no-repeat  0 0;
}

.palette_sub_pages a.arrow.pink {
	background: url('..images/pink_arrow.png') no-repeat 0 0;
}

.palette_sub_pages .item.grey .content {
	display: none;
}

.please_wait {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8) url('../images/FhHRx.gif') 50% 50% no-repeat;
}

body.loading {
	overflow: hidden;
}

body.loading .please_wait {
	display: block;
}

.all_palettes {
	padding: 0;
}

.palette {
	width: 100%;
	background-color: #F2F1F1;
	margin: 0;
	padding: 10px 5px;
	display: block;
}

.palette li {
	display: inline-block;
	float: left;
	padding:5px;
	width:20%;
	position: relative;
}

@media(max-width:480px) {
	.palette li{
		width:50%;
	}
}

.palette li a {
	width: 100%;
	display: block;
	border: 1px solid #efefef;
	background-color: #fff;
	text-align: center;
	height: 105px;
}

.palette li a code {
	font-size: 12px;
	font-family: Arial;
	width: 90%;
	word-wrap: break-word;
	padding: 4px;
}

.palette li a span {
	height: 55px;
	display: block;
	position: relative;
	border: 3px solid #fff;
}

.palette li a code span {
	display: initial;
	border-width: 0;
	height: auto;
	padding: 0 2px;
	margin: 0 2px;
	font-family: Tahoma;
	border-radius: 2px;
}

.palette li a code span.c {
	background-color: #cccccc;
	color: #000000;
}

.palette li a code span.g {
	background-color: #2d23f8;
	color: #008cff;
}

.palette li a code span.s {
	background-color: #004a00;
	color: #00ff00;
}

.palette li a code span.new {
	background-color: pink;
	color: red;
}

.palette li a code span.g_drop {
	background: url('../images/green_drop.png') no-repeat center center;
	color: #ffffff;
	text-decoration: none;
	padding: 0 6px;
}

.palette li a code span.b_drop {
	background: url('../images/blue_drop.png') no-repeat center center;
	color: #ffffff;
	text-decoration: none;
	padding: 0 6px;
}

.palette li a:hover code span.g_drop {
	text-decoration: none!important;
}

.palette li a:hover code span.b_drop {
	text-decoration: none!important;
}

#palette_tabs .tabs {
	display: block;
	width: 100%;
	border-radius: 0px 10px 10px 0px;
	border-bottom: 1px solid #e2e2e2;
}

#palette_tabs .tabs li {
	background-color: #F2F1F1;
	float: left;
	width: 16.6666%;
	color: #656565;
	display: inline-block;
	border-right: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	height: 66px;
}

#palette_tabs .tabs li:first-child {
	border-radius: 10px 0 0 0;
	border-left: 1px solid #e2e2e2;
}

#palette_tabs .tabs li:last-child {
	border-radius: 0 10px 0 0;
	border-left: 1px solid #e2e2e2;
}

#palette_tabs .tabs li a {
	font-weight: bold;
	font-size: 13px;
	display: block;
	padding: 15px 20px;
	text-align: center;
}

#palette_tabs .tabs li a:hover,
#palette_tabs .tabs li.selected a {
	color: #fff;
	text-decoration: none;
}

#palette_tabs .tabs li:hover,
#palette_tabs .tabs li.selected {
	background-color: #083f88;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a6ab9), to(#083f88));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #4a6ab9, #083f88);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #4a6ab9, #083f88);
	/* IE 10 */
	background: -ms-linear-gradient(top, #4a6ab9, #083f88);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #4a6ab9, #083f88);
}

.linearBg2 {
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F1F1), to(#e2e2e2));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #F2F1F1, #e2e2e2);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #F2F1F1, #e2e2e2);
	/* IE 10 */
	background: -ms-linear-gradient(top, #F2F1F1, #e2e2e2);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #F2F1F1, #e2e2e2);
}

.pallete_holder {
	border: 1px solid #e2e2e2;
	width: 100%;
	overflow-y: visible;
	background-color: #F2F1F1;
	margin-bottom: 30px;
	min-height: 870px;
}

.hue {
	position: absolute;
	top: 66px;
	width: 100px;
	z-index: 100;
	display: block;
}

.hue.left {
	left: -100px;
}

.hue.right {
	right: -100px;
}

.hue a span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 12px;
	border: 2px solid #fff;
	margin: 0px auto;
}

.hue a code {
	font-family: Arial;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
}

.hue ul {
	width: 100px;
	display: block;
}

.hue li {
	margin: 0;
	width: 100%;
	padding: 12px 0;
	margin-bottom: 5px;
	border: 1px solid #e2e2e2;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F1F1), to(#e2e2e2));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #F2F1F1, #e2e2e2);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #F2F1F1, #e2e2e2);
	/* IE 10 */
	background: -ms-linear-gradient(top, #F2F1F1, #e2e2e2);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #F2F1F1, #e2e2e2);
}

.hue.right li {}

.hue li.selected {
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a6ab9), to(#083f88));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #4a6ab9, #083f88);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #4a6ab9, #083f88);
	/* IE 10 */
	background: -ms-linear-gradient(top, #4a6ab9, #083f88);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #4a6ab9, #083f88);
	box-shadow: 0 0 10px #ccc;
}

.hue li.selected a {
	color: #fff;
}

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

.palette_wrap {
	margin: 0px auto;
	width:780px;
}
@media(max-width:780px) {
	.palette_wrap {width:100%;}
}

.palette li.arange_by_1 {
	width: 760px;
}

.palette li.arange_by_2 {
	width: 370px;
}

.palette li.arange_by_3 {
	width: 240px;
}

.palette li.arange_by_4 {
	width: 175px;
}

.palette li.arange_by_5 {
	width: 136px;
}

.palette li.arange_by_6 {
	width: 110px;
}

.palette li.arange_by_7 {
	width: 91px;
}

.palette li.arange_by_8 {
	width: 77px;
}

.palette li.arange_by_9 {
	width: 66px;
}

.palette li.arange_by_10 {
	width: 58px;
}

.palette li.trans {
	display: none;
	background-color: transparent;
}

.palette li.trans a {
	background-color: transparent;
	border-color: transparent;
}

.palette li.trans a span {
	border-color: transparent;
}

.palette li.trans span.add {
	display: none;
}

.hue_bar {
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	width: 100%;
	background-color: #355ca9;
}

.hue_bar li {
	float: left;
	padding: 5px 0px;
	text-align: center;
    position:relative;
}

.hue_bar li.hue_color {
	width: 44px;
	height: 22px;
	color: #fff;
}

.hue_bar li.hue_color:hover:after {
    background: url('../images/yellow_arrow_up.png') no-repeat;
    content: "";
    position: absolute;
    bottom: -13px;
    width: 29px;
    height: 13px;
    left: 50%;
    margin-left: -8px;
}

.hue_bar li.cur:after {
    background: url('../images/yellow_arrow_up.png') no-repeat;
    content: "";
    position: absolute;
    bottom: -13px;
    width: 29px;
    height: 13px;
    left: 50%;
    margin-left: -8px;
}

.hue_bar li.hueb_color {
	width: 38px;
	height: 22px;
}

.hue_bar li a {
	color: inherit;
	padding: 1px;
}

.hue_bar div.guide {
	font-size: 12px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	padding: 7px 5px;
	cursor: pointer;
	cursor: hand;
	background: #355ca9 url('../images/hue_open.jpg') no-repeat right 0;
}

.hue_bar div.hidden {
	display: none;
}

.hue_bar li.red {
	background: #FF0000 url('../images/red.jpg') no-repeat 0 0;
}

.hue_bar li.red_orange {
	background: #FF5100 url('../images/red_orange.jpg') no-repeat 0 0;
}

.hue_bar li.orange_brown {
	background: #FF8000 url('../images/orange_brown.jpg') no-repeat 0 0;
}

.hue_bar li.orange_yellow {
	background: #FFBF00 url('../images/orange_yellow.jpg') no-repeat 0 0;
}

.hue_bar li.yellow {
	color: #656565;
	background: #FFFF00 url('../images/hue/yellow.jpg') no-repeat 0 0;
}

.hue_bar li.yellow_green {
	background: #E1FF00 url('../images/hue/yellow_green.jpg') no-repeat 0 0;
	color: #656565;
}

.hue_bar li.green {
	background: #00BD00 url('../images/hue/green.jpg') no-repeat 0 0;
}

.hue_bar li.green_cyan {
	background: #00DBA4 url('../images/hue/green_cyan.jpg') no-repeat 0 0;
}

.hue_bar li.cyan {
	background: #00FFFF url('../images/hue/cyan.jpg') no-repeat 0 0;
	color: #656565;
}

.hue_bar li.cyan_blue {
	background: url('../images/hue/cyan_blue.jpg') no-repeat 0 0;
}

.hue_bar li.blue {
	background: #0000FF url('../images/hue/blue.jpg') no-repeat 0 0;
}

.hue_bar li.blue_magenta {
	background: #9000FF url('../images/hue/blue_magenta.jpg') no-repeat 0 0;
}

.hue_bar li.magenta {
	background: #FF00FF url('../images/hue/magenta.jpg') no-repeat 0 0;
}

.hue_bar li.magenta_pink {
	background: #FF0099 url('../images/hue/magenta_pink.jpg') no-repeat 0 0;
}

.hue_bar li.pink {
	background: #FF0062 url('../images/hue/pink.jpg') no-repeat 0 0;
}

.hue_bar li.pink_red {
	background: #FF0048 url('../images/hue/pink_red.jpg') no-repeat 0 0;
}

.hue_bar li {
	background-size: 100% 100%!important;
}

.hue_bar .arrow {
	width: 100%;
	height:10px;
	background: url('../images/yellow_arrow_up.png') no-repeat 20px 20px;
}

@media only screen and (max-width: 970px) {
	.palette_wrap {
		/*width: 72%;*/
	}
	#palette_tabs .tabs li {
		width:100%;
		height: 40px;
		font-size:12px;
	}
	#palette_tabs .tabs li a{
		padding:6px 10px;
	}
	.hue {
		top: 0;
	}
	.hue a code {
		font-size: 11px!important;
	}
}

.add {
	width: 15px;
	height: 15px;
	background: #fff;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	display:none;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
	box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.bannerSitemap {
	background: transparent;
	padding-top: 20px;
	display: block;
	position: relative;
	margin-bottom: 1px;
}

.bannerSitemap .leftnav {
	width: 71%;
	float: left;
}

.bannerSitemap nav {
	float: left;
	padding-right: 13px;
	padding-bottom: 15px;
	width: 160px;
}

.bannerSitemap nav.shortcuts {
	float: right;
	width: 25%;
}

.bannerSitemap h3 {
	font-size: 24px;
	font-weight: normal;
	color: #353535;
}

.bannerSitemap h3 a {
	color: #353535;
}

.bannerSitemap ul li {
	display: block;
	margin: 10px 0;
}

.bannerSitemap nav.shortcuts ul li a {
	display: block;
	padding: 8px 10px 8px 50px;
	background: url(../images/blue_tools_sprite.png) no-repeat 0 0;
	font-weight: bold;
	font-size: 16px;
}

.bannerSitemap nav.shortcuts .myVechro {
	background-position: 0px 5px;
}

.bannerSitemap nav.shortcuts .sellingPoints {
	background-position: 0px -49px;
}

.bannerSitemap nav.shortcuts .opinion {
	background-position: 0px -100px;
}

.bannerSitemap nav.shortcuts .usefulLinks {
	background-position: 0px -153px;
}

.bannerSitemap nav.shortcuts .sitemap {
	background-position: 0px -204px;
}

.leftnav h3 {
	font-size: 21px;
	font-family: 'Open Sans', 'Trebuchet MS', sans-serif;
}

.leftnav li {
	font-size: 13px;
	font-family: Arial;
}

.leftnav li a {
	color: #2e66b1;
}

@media only screen and (max-width: 979px) {
	.bannerSitemap .leftnav {
		width: 100%;
	}
}


#cookie-compliance {
	display: block;
	background-color: #f4f4f4;
	border-radius: 5px;
	max-width: 400px;
	right: 2rem;
	bottom: 2rem;
	left: auto;
	padding: 2rem 2rem 1rem 2rem;
	text-align: left;
	box-shadow: 0 -1px 10px rgba(0, 0, 0, .25);
	color: #fff;
	position: fixed;
	text-align: center;
	z-index: 99985;
}

#cookie-compliance p {
	font-size: 16px;
	font-weight: 300;
	color: #444242;
}

#cookie-compliance a {
	float: right;
	color: #fff;
	font-size: 16px;
	background: #3470bf;
	border: 0;
	box-shadow: none;
	color: #eee;
	cursor: pointer;
	margin-top: 5px;
	outline: 0;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	transition: background .15s;
	text-decoration: none;
}

.xz-bg{
	height:60px;
	color:#fff;
	font-size:16px;
	line-height:60px;
	text-align:center;
	background:#083f88;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background: -moz-linear-gradient(top, #4a6ab9, #083f88);
}

.hue_bar{        
        font-family:Arial;
        font-size:14px;
        font-weight:bold;
        width:100%;     
        background-color:#355ca9;
    }
    .hue_bar li{
        float:left;
        line-height:40px;
        text-align:center;    
    }
    .hue_bar li.hue_color{
        width:5.55555%;
        height:50px;
        color:#fff;
    }
    .hue_bar li.hueb_color{
       width:5.55555%;
        height:50px;
    }
    .hue_bar li a{
        color:inherit;
        padding:1px;
    }
   
    .hue_bar div.guide{        
        font-size:12px;
        padding:5px;
        color:#fff;
        font-weight:bold;        
        padding:7px 5px;
        cursor:pointer;
        cursor:hand;
        background:#355ca9 url('../images/hue_open.jpg') no-repeat right 0;
    }
    .hue_bar div.hidden{
        display:none;
    }
    
    .hue_bar li.red{
        background:#FF0000 url('../images/red.jpg') no-repeat 0 0;    
    }
    .hue_bar li.red_orange{    
        background:#FF5100 url('../images/red_orange.jpg') no-repeat 0 0;    
    }
    .hue_bar li.orange_brown{    
        background:#FF8000 url('../images/orange_brown.jpg') no-repeat 0 0;    
    }
    .hue_bar li.orange_yellow{    
        background:#FFBF00 url('../images/orange_yellow.jpg') no-repeat 0 0;    
    }
    .hue_bar li.yellow{
        color:#656565;
        background:#FFFF00 url('../images/yellow.jpg') no-repeat 0 0;    
    }
    .hue_bar li.yellow_green{    
        background:#E1FF00 url('../images/yellow_green.jpg') no-repeat 0 0;    
        color:#656565;
    }
    .hue_bar li.green{    
        background:#00BD00 url('../images/green.jpg') no-repeat 0 0;    
    }
    .hue_bar li.green_cyan{    
        background:#00DBA4 url('../images/green_cyan.jpg') no-repeat 0 0;    
    }
    .hue_bar li.cyan{
    background:#00FFFF url('../images/cyan.jpg') no-repeat 0 0;  
    color:#656565;
    }
    .hue_bar li.cyan_blue{    
    background:url('../images/cyan_blue.jpg') no-repeat 0 0;  
    }
    .hue_bar li.blue{    
    background:#0000FF url('../images/blue.jpg') no-repeat 0 0; 
    }
    .hue_bar li.blue_magenta{    
    background:#9000FF url('../images/blue_magenta.jpg') no-repeat 0 0; 
    }
    .hue_bar li.magenta{    
    background:#FF00FF url('../images/magenta.jpg') no-repeat 0 0; 
    }
    .hue_bar li.magenta_pink{    
    background:#FF0099 url('../images/magenta_pink.jpg') no-repeat 0 0; 
    }
    .hue_bar li.pink{    
    background:#FF0062 url('../images/pink.jpg') no-repeat 0 0; 
    }
    .hue_bar li.pink_red{    
    background:#FF0048 url('../images/pink_red.jpg') no-repeat 0 0; 
    }
    .hue_bar li{        
        background-size: 100% 100%!important;
    }
    .hue_bar .arrow{
        width:100%;
        height:10px;
        background:url('../images/yellow_arrow_up.png') no-repeat 20px 20px;        
    }    
    @media only screen and (max-width: 970px){
        .palette_wrap{
        }
        
        
        .hue{
            top:0;
        }
        .hue a code{
            font-size:11px!important;
        }
    }
    
    @media(max-width:480px) {
    	.hue_bar li.hue_color,
    	.hue_bar li.hueb_color{
    		width:16.666%;
    	}
    }