@charset "UTF-8";

* { margin:0px; padding:0px; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#4e4e4e; }

a { color:#fe9b27; }
a img { border:none; }

p { margin:6px 0px; line-height:20px; }

h1 { border-bottom:#fff318 solid 4px; text-transform:uppercase; font-weight:normal; color:#7A7A7A; font-size:21px; padding:7px 0px 3px; margin-bottom:6px; }
h2 { font-size:12px; }
body.clube h2, body.quemsomos h2, .esq h2, .dir h2 { color:#FFFFFF; }
h3 { color:#442500; }

/*span { color:#f4a000; font-weight:bold; }*/

ul.cinza { margin: 10px 20px 20px 0; padding:10px; padding-left:20px; background-color:#F2F2F2; list-style:none; width:170px; float:left; }
ul.cinza li { margin-bottom:10px; }
ul.cinza a { font-weight:bold; }
ul.cinza a:hover { text-decoration:none; }

table { font-size:11px; }
table caption { background-color:#feb933; color:#FFFFFF; padding:4px; font-size:12px; }

table.cinza2 { margin:auto; margin-bottom:20px; background-color:#f4f4f4; border:#452701 solid 1px; color:#442500; padding:5px; }
table.cinza2 td, table.cinza2 th { padding:5px !important; }

table.cinza { margin:auto; background-color:#f4f4f4; border-left:#452701 solid 1px; border-bottom:#452701 solid 1px; border-top:#452701 solid 1px; color:#442500; }
table.cinza a { color:#442500; font-weight:bold; }
table.cinza a:hover { text-decoration:none; }
table.cinza td, table.cinza th { padding:5px; border-right:#452701 solid 1px; }
table.cinza tr.cinclaro { background:#FFFFFF; }
table.cinza th { background:#452701; color:#FFFFFF; }

.flash_esq {
	background: url(/images/novo/flash_03.jpg); repeat:no-repeat;
	width: 248px;
	height: 289px;
	float:left;
	font-size:12px;
	color:#442500;
}

.flash_dir {

	background: url(/images/novo/flash_04.jpg); repeat:no-repeat;
	width:652px;
	height:289px;
	float:left;

}

.hold { clear: both; height:1px; overflow:hidden; }

.texto_peq { color:#442500; font-size:9px; }

.float_left { float:left; }
.float_right { float:right; }

/* HEADER */

#header { background-image:url(/images/novo/header_bg2.jpg);}
#header #headerin { background-image:url(/images/novo/header_bg.jpg); background-repeat:no-repeat; background-position:center; }

#cadastrese {
	width: 217px;
	height: 93px;
	background-image: url(/images/novo/cadastrese.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}
#cadastrese a {
	display:block;
	color:#505050;
	text-decoration:none;
	padding: 34px 60px 0 27px;
	text-transform:uppercase;
}
#cadastrese a b {
	font-size:14px;
}

a.btn_quemsomos {
	background-image: url(/images/novo/quemsomos.gif);
	background-repeat: no-repeat;
	color: #FFF !important;
	display: block;
	width: 169px;
	height:30px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top: 7px;
}
a.btn_quemsomos:hover {
	text-decoration:none !important;
}

/* menu */
#menu li { display:inline; }

#menu li a {
	display:block;
	width:85px;
	height:37px;
	padding-top:20px;
	padding-left:5px;
	background-position:top;
	text-decoration:none;
	color:#4b4b4b;
	text-transform:uppercase;
	float:left;
}

#menu li a:hover {
	background-position:bottom;
	height:44px;
	padding-top:13px;
	color:#c39801;
	text-decoration:none;
}

#menu li a.home { background-image:url(/images/novo/menu_01.gif); }
#menu li a.minhaconta { background-image:url(/images/novo/menu_02.gif); }
#menu li a.cadastro { background-image:url(/images/novo/menu_03.gif); }
#menu li a.indique { background-image:url(/images/novo/menu_04.gif); }
#menu li a.clube { background-image:url(/images/novo/menu_05.gif); }
#menu li a.quemsomos { background-image:url(/images/novo/menu_06.gif); }
#menu li a.milhagem { background-image:url(/images/novo/menu_07.gif); }
#menu li a.empresas { background-image:url(/images/novo/menu_08.gif); }
#menu li a.imprensa { background-image:url(/images/novo/menu_09.gif); }
#menu li a.contato { background-image:url(/images/novo/menu_10.gif); }

/*
página atual
Colocar ID da página atual no body da respectiva página. O hover funciona automaticamente
*/
/*body.home a.home, body.home a.home:hover,
body.minhaconta .minhaconta, body.minhaconta .minhaconta:hover,
body.cadastro .cadastro, body.cadastro .cadastro:hover,
body.indique .indique, body.indique .indique:hover,
body.clube .clube, body.clube .clube:hover,
body.quemsomos .quemsomos, body.quemsomos .quemsomos:hover,
body.milhagem .milhagem, body.milhagem .milhagem:hover,
body.empresas .empresas, body.empresas .empresas:hover,
body.imprensa .imprensa, body.imprensa .imprensa:hover,
body.contato .contato, body.contato .contato:hover*/
#menu li a.current
{
	background-position:bottom;
	height:44px;
	padding-top:13px;
	font-weight:bold;
	color:#4b4b4b;
}

/* login */
#login { background-color:#feb933; height:36px; color:#442500; line-height: 36px; }
#login label { color:#7b5111; margin-left:5px; }
#login input.text { width:120px; border:none; padding: 3px; margin-top: 8px; }
#login #entrar { background-color:#feb933; color:#7b5111; border:none; padding:3px; }
#login span { color:#FFFFFF; }
#login a { color: #4E4E4E !important; text-decoration:none; }
#login a:hover { text-decoration:underline; }
#login a.sair { color: #442500; font-weight:bold; text-decoration:none; }
#login table { font-size:10px; }

/* HOME */

body.home a { color:#4e4e4e; text-decoration:none; }
body.home p { line-height:16px; }
body.home a:hover { text-decoration:underline; }

#flash { height:289px; background-color:#fe9b27; }

#home_esq, #home_centro, #home_dir { float:left; }

#home_esq { width:179px; }

#home_centro { width:473px; background:url(/images/novo/home_centro_bg.jpg) 226px 0px; background-repeat:no-repeat; }
#home_centro h1 { display:block; background: url(/images/novo/home_h1.gif) 0px 0px; height:22px; font-size:13px; color:#FFFFFF; padding:0; border:none; padding-left: 25px; line-height:22px; font-weight:normal; margin-top:20px; }
#home_centro p { margin-left: 25px; margin-right: 20px; }

#home_dir {
	width:230px;
	padding-left: 10px;
}
#home_dir p { margin-left:20px; }
body.home #busca_premios { padding-top:10px; }
body.home #busca_premios select { background-color:#fe9b27; border:none; width:163px; color:#FFFFFF; margin-bottom:10px; margin-left:50px; }
body.home #busca_premios select option { background-color:#fe9b27; }
body.home #busca_premios input { margin-left:50px; }

#home_faq li { list-style:none; margin-top:7px; padding-left:50px; background:url(/images/novo/seta_li.gif) 40px 2px no-repeat; }

/* CADASTRO */

/*#form_cadastro { clear:both; padding-left:50px; _padding-left:49px; background-image:url(/images/novo/cadastro_bg_06.jpg); background-position:49px 0px; background-repeat:no-repeat; }*/
#form_cadastro { clear:both; padding-left:80px; _padding-left:99px; margin:20px auto; }

#form_cadastro .cadastro_esquerdo { width:550px; margin:10px 0px; text-align:right; float:left; background-color:#F4F4F4; border-top:solid 1px #BCBCBC; border-left:solid 1px #BCBCBC; }
#form_cadastro .cadastro_esquerdo div.element { padding:8px 20px; }
#form_cadastro .cadastro_direito { background:url(/images/novo/cadastro_bg_07.jpg) no-repeat; float:left; width:410px; padding-right:53px; }
#form_cadastro .cadastro_direito div div { margin:10px; }
p.description {
	color: #6F6F6F;
	font-size: 9px;
	margin: 0;
	padding: 0;
}
#form_cadastro p.porquebox {
	margin: 0;
	padding: 0;	
}
#form_cadastro span {
	color: #4E4E4E;
	font-weight: normal;
}
#form_cadastro .cadastro_esquerdo #recaptcha_widget_div {
	margin-left: 190px;
}

/* INDIQUE UM AMIGO */

#indique_topo_esq { width:430px; float:left; }
#indique_topo_esq ol { margin-left:12px; }
#indique_topo_esq ol li { margin:10px; }
#indique_topo_dir { width:470px; float:left; background:url(/images/novo/indique_bg1.jpg) no-repeat 189px 0px; }
#indique_topo_dir p { margin-top:60px; margin-right:30px; line-height:19px; }

#form_indicar { background-color:#fecd93; margin:20px 0px; }
#form_indicar img { float:left; }
#form_indicar div { clear:both; height:49px; }
#form_indicar label { display:block; width:375px; height:49px; float:left; margin-right:40px; _margin-right:20px; }
#form_indicar label input { width:360px; }
#form_indicar .laranjao { background-color:#feb933; }
#form_indicar .laranjinha { background-color:#feb967; }

#indique_banner { background:url(/images/novo/indique_bg2.jpg) no-repeat top; padding-left:90px; padding-right:70px; margin-bottom:20px; }


/* QUEM SOMOS */

#quemsomos_top p { line-height:25px; margin:20px 0px; }

#quemsomos_centro { background:url(/images/novo/quemsomos_bg_08.jpg); clear:both; margin-bottom:20px; }
#quemsomos_centro .qsc_esq { margin-left: 46px; _margin-left: 23px; width:499px; float:left; }
#quemsomos_centro .qsc_esq h2 { background:url(/images/novo/quemsomos_h2.gif) no-repeat left; padding-left:20px; }
#quemsomos_centro .qsc_esq p { margin:0px 20px; }
#quemsomos_centro .qsc_esq ul { margin-left:50px;  }
#quemsomos_centro .qsc_esq li { margin-bottom:10px;  }
#quemsomos_centro .qsc_dir { width:330px; float:left; }
#quemsomos_centro .qsc_dir h2 { background:url(/images/novo/quemsomos_h2_2.gif) no-repeat left; color:#442500; padding-left:30px; }
#quemsomos_centro .qsc_dir p { margin-left:30px; margin-right:30px; margin-bottom:20px; }

/* EMPRESAS */

#empresas_top { width:748px; margin-top:16px; }
#empresas_top h2 { margin:10px 10px 10px 25px;  }
#empresas_top p { line-height:14px; margin:0px 10px 0px 25px; }
#empresas_top .esq, #empresas_top .cen, #empresas_top .dir { height:108px; float:left; }
#empresas_top .esq { width:270px; background-image:url(/images/novo/empresas_bg1.gif); }
#empresas_top .cen { width:257px; background-image:url(/images/novo/empresas_bg2.gif); }
#empresas_top .dir { width:221px; background-image:url(/images/novo/empresas_bg3.gif); }
body.empresas ul.listas { margin-left:20px; }
body.empresas ul.listas li { margin-bottom:15px; }

.empresas_esq p, .empresas_dir p { margin-left:15px; }
.empresas_esq ul { margin-left:28px; line-height:20px; margin-bottom:20px; }
.empresas_esq h2 { background:url(/images/novo/empresas_bg_12.jpg) top no-repeat; margin:0px; color:#FFFFFF; padding-left:15px; }
.empresas_esq { margin-left:12px; _margin-left:0px; float:left; width:485px; background:url(/images/novo/empresas_bg_15.jpg) top no-repeat; }
.empresas_dir h2 { background:url(/images/novo/empresas_bg_13.jpg) top no-repeat; margin:0px; color:#FFFFFF; padding-left:15px; }
.empresas_dir { float:left; width:401px; background:url(/images/novo/empresas_bg_16.jpg) top no-repeat; }

/* CONTATO */

#bg_faleconosco { margin:15px auto; width:707px; height:411px; background-image:url(/images/novo/contato_bg.jpg); background-repeat:no-repeat; }
#form_faleconosco { padding:10px 80px 0px 170px; line-height: 15px; }
#form_faleconosco label { display:block; }

.contato_esq h2 { background:url(/images/novo/contato_bg_07.gif) top no-repeat; padding-left:20px; color:#FFFFFF; }
.contato_esq p { margin-left:20px; }
.contato_esq { float:left; margin-left:30px; margin-bottom:30px; background:url(/images/novo/contato_bg_12.jpg) top no-repeat; width:271px; }

.contato_dir h2 { background:url(/images/novo/contato_bg_09.gif) top no-repeat; padding-left:20px; color:#FFFFFF; }
.contato_dir p { margin-left:20px; }
.contato_dir { float:left; margin-left:30px; background:url(/images/novo/contato_bg_12.jpg) top no-repeat; width:526px; }
.contato_dir ul { margin-left:35px; line-height:20px; margin-bottom:20px; }

/* MINHA CONTA */

#conta { background:#ebebeb url(/images/novo/minhaconta_bg_06.gif); margin:20px auto; width:600px; }
#conta p { margin:10px 20px; }

/* PROGRAMA DE MILHAGEM */

#milhagemtabela { width:688px; margin:auto; background:url(/images/novo/milhagem_tabela_06.jpg); }
#milhagemtabela p { margin:10px 20px; }
#milhagemtabela div { background:url(/images/novo/milhagem_tabela_09.jpg) bottom right no-repeat; }
#milhagemtabela table { margin-left:20px; width:500px; }

.milhagem_topicos { width:826px; margin:20px auto; background:url(/images/novo/milhagem_05.jpg) top no-repeat; }
.milhagem_topicos h2 { background:url(/images/novo/milhagem_03.jpg); color:#FFFFFF; padding-left:30px; }
.milhagem_topicos ul, .milhagem_topicos ol { margin:10px 45px; }
.milhagem_topicos ul li, .milhagem_topicos ol li { margin:10px 0px; }
.milhagem_topicos p { margin:10px 30px; }


/* depoimentos */


.depoimentos { 
	width:826px; 
	margin:20px auto; 
	background:url(/images/novo/milhagem_05.jpg) top no-repeat; 
	position: relative;
}

.depoimentos h2 { background:url(/images/novo/milhagem_03.jpg); color:#FFFFFF; padding-left:30px; }
.depoimentos ul, .milhagem_topicos ol { margin:10px 45px; }
.depoimentos ul li, .milhagem_topicos ol li { margin:10px 0px; }
.depoimentos p { margin:10px 30px; }

/* SALA DE IMPRENSA */

#imprensatop { width:778px; margin:auto; }
#imprensatop div { background:#ebebeb url(/images/novo/imprensa_bg_05.jpg) no-repeat; padding:10px; padding-left:270px; }
#imprensatop div p { line-height:12px; }
div.imprensa h3 { padding-left:30px; margin-top:20px; }

/* FOOTER */

#footer { background-image:url(/images/novo/footer_bg.jpg); height:249px; font-size:9px; }
#footer #menufooter { text-align:center; padding-top:10px; padding-bottom:10px; }
#footer #menufooter li { display:inline; }
#footer #menufooter ul { padding:10px; }
#footer #menufooter li a { color:#FFFFFF; text-decoration:none; border-right:#FFFFFF solid 1px; padding:0 10px; }
#footer #menufooter li a.final { border:none; }
#footer #menufooter li a:hover { text-decoration:underline; }
#footer p { color:#fda136; text-align:center; padding:10px; }
#footer a { color:#fda136; }
#footer #menufooter .acompanhe a { color:#FFF; text-decoration:none; }
#footer #menufooter .acompanhe a:hover { text-decoration:underline; }

.centralizar { width:900px; margin:auto; }

div.flash_erro {
	padding: 10px;
	margin: 10px 0 10px 0;
	border: solid 1px #FF3737;
	background-color: #FFD9D9;
	color:#333333;
	line-height: 20px;
}
div.flash_erro a {
	color: #DD3C3D;
}
div.aviso {
	padding: 10px;
	color: #333333;
	margin: 10px 0;
	border: 1px solid #FFE475;
	background-color: #FFFBEA;
	background-image: -moz-linear-gradient(top,#FFFBEA,#FEF7CB);
	background-image: -o-linear-gradient(top,#FFFBEA,#FEF7CB);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFBEA),to(#FEF7CB));
}

.flash_msg {
	padding: 10px;
	margin: 10px 0 10px 0;
	border: solid 1px #00C400;
	background-color: #D7FFD7;
	color:#333333;
	line-height: 20px;
}

#ValidationSummary {
	padding: 10px;
	margin: 10px 0 10px 0;
	border: solid 1px #FF3737;
	background-color: #FFD9D9;
	color:#F00;
	font-weight:bold;
}
#ValidationSummary li {
	list-style:none;
}

#conteudo {
	min-height: 400px;
	padding-bottom: 20px;
}

input[type="text"], input[type="password"], input.text, textarea, select {
	border: 1px solid #BDC7D8;
	padding: 5px;
	font-size:12px;
}

div.login_box {
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	border: solid 1px #CCCCCC;
	padding: 20px;
	width: 600px;
}
div.login_box a {
	text-decoration:none;
}

div.login_box td {
	padding: 5px;
}

ul.errors {
	list-style:none;
}
ul.errors li {
	color:#F00;
	margin-top:3px;
}

.btn
{
	background: #ddd url(/images/novo/bg-btn.gif) repeat-x 0 0;
	border-bottom-color: #ccc;
	border-color: #ddd;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	color: #333;
	cursor: pointer;
	/*font: 11px/14px "Lucida Grande",sans-serif;*/
	khtml-border-radius: 4px;
	margin: 0;
	-moz-border-radius: 4px;
	overflow: visible;
	padding: 4px 8px 5px;
	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 4px;
	width: auto;
}
.btn-m
{
	background-position: 0 -200px;
	border-radius: 5px;
	khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 15px 6px;
	-webkit-border-radius: 5px;
}
.btn:hover
{
	background-position: 0 -6px;
	border-color: #999 #999 #888;
	color: #000;
	text-decoration: none;
}
.btn-m:hover
{
	background-position: 0 -206px;
}

div.graybox {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background: none repeat scroll 0 0 #F5F5F5;
	border-color: #E7E7E7 #F5F5F5 #F5F5F5;
	border-right: 1px solid #F5F5F5;
	border-style: solid;
	border-width: 1px;
	margin: auto;
	margin-top: 30px;
	padding: 2em;
	margin-bottom: 20px;
}

#conteudo_minhaconta {
	margin-left:220px;
	padding: 10px 0 20px;
}

input.data {
	width: 75px;
}

div.navigation {
	margin: 10px 0;
}

#conteudo_minhaconta.indicacoes div.filtro {
	border: solid 1px #D2D2D2;
	padding: 10px;
	width: 650px;	
}

#conteudo_minhaconta.indicacoes div.filtro td {
	padding: 3px;
}
#conteudo_minhaconta.indicacoes table.cinza {
	margin: 0;
}

div.indicar_box {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #E5E5E5;
	padding:10px;
	margin-top:20px;
}
div.indicar_box table td {
	padding: 5px;
}
div.indicacao {
	font-size:11px;
}
div.indicacao h2 {
	margin:0;
	padding:0;
	margin: 20px 0 10px 0;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:16px;
}
div.postagem_link {
	background-color:#F3F3F3;
	border: solid 1px #D2D2D2;
	padding:10px;
}

.round {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

ul.language-select {
	font-size:12px;
}
ul.language-select li {
	display:inline;
}
ul.language-select li a {
	font-weight:bold;
	color: #555555;
	text-decoration:none;
}
ul.language-select li a:hover {
	text-decoration:underline;
}
ol.language-menu {
	display:none;
	background-color:#666;
	position: absolute;
	z-index:1000;
	list-style:none;
	width:130px;
}
ol.language-menu li {
	color: #FFF;
    cursor: pointer;
    display: block !important;
    padding: 5px 10px 6px;
    text-align: left;
}
ol.language-menu li:hover {
	background-color: #999;
}

form.troca table {
	margin: 0;
}

div.faq h1 {
	text-transform:uppercase;
}

div.porquebox h1 {
	background-color:#666;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	border: none;
	padding: 5px;
}

#sorteios {
	margin-top:15px;
}
#sorteios .sorteio {
	padding: 10px 5px;
	line-height:18px;
	border-top: solid 1px #999;
	margin-bottom:10px;
}
#sorteios .sorteio h2 {
	font-size:12px;
	font-weight: 700;
	color:#FF6600;
}
#sorteios .sorteio .nomes {
	margin-top: 5px;
	padding:5px;
	background-color:#EFEFEF;
}

table.bordacinza {
	border-collapse:collapse;
    padding: 0;
}
table.bordacinza tr th {
	text-align:center;
	background-color:#F5F5F5;
}
table.bordacinza tr td, table.bordacinza tr th {
	padding: 5px;
	border:solid 1px #DFDFDF;
}

.btn2 {
    font: 13px/20px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline-block;
    overflow: visible;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #DDD;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear,left top,left bottom,from(white),to(#DDD));
    background-image: -moz-linear-gradient(white,#DDD);
    background-image: -ms-linear-gradient(white,#DDD);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#DDD));
    background-image: -webkit-linear-gradient(white,#DDD);
    background-image: -o-linear-gradient(white,#DDD);
    background-image: linear-gradient(white,#DDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd');
    background-color: #CCC;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-radius: 0 url(0);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
    box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
a.btn2 {
    text-decoration: none;
}

.amarelo-btn {
    background-color: #FD9A0F;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#FEE94F 0,#FD9A0F 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEE94F),color-stop(100%,#FD9A0F));
    background-image: -webkit-linear-gradient(top,#FEE94F 0,#FD9A0F 100%);
    background-image: -ms-linear-gradient(top,#FEE94F 0,#FD9A0F 100%);
    background-image: -o-linear-gradient(top,#FEE94F 0,#FD9A0F 100%);
    background-image: linear-gradient(top,#FEE94F 0,#FD9A0F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee94f',endColorstr='#fd9a0f',GradientType=0);
    border-color: #FA2;
}

table.classe-economica {
    border-collapse: collapse;
}
table.classe-economica td, table.classe-economica th {
    border: 1px solid white;
    padding: 5px;
    text-align: center;
}
table.classe-economica th {
    background-color: #666666;
    color: white;
    vertical-align: middle;
}
table.classe-economica td.label {
    text-align: left;
}
table.classe-economica tr.even td {
    background-color: #E8E8E8;
}

select optgroup {
    background-color: #ccc;
    color: black;
}
select optgroup option {
    background-color: white;
    padding-left: 15px;
}