/* GLOBAL */

html {
	font-size:0.775em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

body {
	padding:0;
	margin:0;}
	
h1 {margin:0;}

h1 a {
	background:url(../imagens/common/logo.gif) no-repeat;
	width:179px; 
	height:51px; 
	display:block;
	float:left;
	margin:0 30px 0 25px;}
	
h1 span, legend {display:none;}

h2 {
	color:#cc0000;
	font:1.5em Georgia, "Times New Roman", Times, serif;
	margin:0;}

h3 {
	color:#cc0000;
	font:1.5em Georgia, "Times New Roman", Times, serif;}	

h3 a {
	display:block;
	background:#cc0000;
	color:#fff;
	border:1px solid #cc0000;
	text-align:center;
	padding:15px 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	margin:15px 0;}

h3 a:hover {
	background:#ff0000;
	border:1px solid #ff0000;
	text-decoration:none;}	
	
h4 {
	color:#cc0000;
	font:1.083em Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:20px 0 0;}

p {
	color:#666; 
	line-height:18px;
	margin:10px 0;}
	
a {
	color:#cc0000; 
	text-decoration:none;
	outline:none;}
	
a img {border:none;}	
	
a:hover {text-decoration:underline;}

ul {
	list-style:circle; 
	margin:12px 0; 
	padding:0 0 0 12px; 
	color:#666;}

	
/* DIAGRAMACAO */
	
.vermelho {color:#cc0000;}
.cinza {color:#666;}

.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.clear {clear:both;}

.even {background:#f0f0f0;}

.img-left {
	float:left;
	margin:20px 20px 20px 0;
	border:5px solid #f0f0f0;}
	
.video-left {
	float:left;
	margin:15px 20px 20px 0;}	
	
.img-right {
	float:right;
	margin:0 0 20px 20px;
	border:5px solid #f0f0f0;}

.foto {
	margin:10px 0 0; 
	border:5px solid #f0f0f0;}

.coluna-1 {
	width:465px; 
	float:left; 
	margin:0 30px 0 0;}

.coluna-2 {
	width:460px;
	float:left;
	position:relative;}	
	
	
/* FORMS */

form button {
	margin:10px 0 0}

form fieldset {
	padding:10px 0 0;
	border:none;
	position:relative;}

form fieldset p {margin:0;}	

form fieldset h2 {margin:0 0 10px;}

label {
	display:block;
	padding:0;
	margin:0 0 2px;
	color:#666;
	clear:both;}

textarea {
	margin:0;
	padding:0 0 30px;}	
	
select, 
textarea,
input.text,
input.senha {
	border:1px solid #ccc; 
	background:url(../imagens/common/bg_form_input.gif) top repeat-x; 
	margin:0 0 10px 0; 
	width:100%;
	color:#666;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;}
	
input.senha {width:200px;}

input.radio {
	float:left;
	margin:1px 5px 1px 0;
	padding:0;
	width:15px;
	height:13px;
	clear:left;}

label.radio {
	clear:right;
	padding:0;}

div.error input,
div.error select, 
div.error textarea {
	border:1px solid #ff0000;
	background:#fff url(../imagens/common/bg_form_input_erro.gif) top repeat-x;
	color:#ff0000;}

div.error label {color:#ff0000;}	

p.acerto {
	margin:10px 0;
	padding:5px 5px 5px 24px; 
	background:#d1fdc9 url(../imagens/common/action_check.png) 5px 6px no-repeat;
	color:#009900}
	
p.erro {
	margin:10px 0 0;
	padding:5px 5px 5px 24px; 
	background:#ffcccc url(../imagens/common/action_delete.png) 5px 6px no-repeat;
	color:#cc0000}	

	
/* TABELAS */

table {
	margin:10px 0 0; 
	width:100%; 
	border:1px solid #ccc;}
	
table thead {background:#f0f0f0 url(../imagens/common/bg_degrade_up.gif) bottom repeat-x;}

table thead tr th {
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#cc0000; 
	padding:4px 5px; 
	vertical-align:middle;}

table tbody tr td {
	text-align:center; 
	padding:3px 5px;
	color:#333;}
	
table thead tr th.sorting_desc,
table  thead tr th.sorting_asc {
	background:#cc0000;
	color:#fff;}
	
.sorting_desc,
.sorting_asc,
.sorting {cursor:pointer;}	
	
	
/* ACESSIBILIDADE */

#acessibilidade-wrapper {background:#cc0000;}

#acessibilidade {
	width: 960px;
	margin: 1px auto;
	text-align:center;
	position:relative;
	color:#fff; 
	font-size:0.917em;
	padding:5px 0;}
	
#acessibilidade a {
	color:#fff;
	margin:0 4px;
	outline:none;}
	
#acessibilidade span {padding:5px 11px 5px 16px;}

#acessibilidade span#pular a {
	padding:0 0 0 9px; 
	background:url(../imagens/common/arrow_down.gif) 0 4px no-repeat ;}

#acessibilidade span#controles {padding:0;}

#acessibilidade span#controles a span {padding:5px 0 6px;}

#acessibilidade span#tamanho  {
	border-right:1px solid #fff; 
	border-left:1px solid #fff;}

#acessibilidade span#logon {
	background:#fff; 
	padding:5px 10px;}	
	
#acessibilidade span#logon a {color:#cc0000;}	
	
	
/* HEADER */

#header-wrapper {
	background:url(../imagens/common/bg_degrade_up.gif) bottom repeat-x; 
	border-bottom:1px solid #e0e0e0; 
	border-top:1px solid #cc0000;}
	
#header {
	width:960px;
	margin:0 auto;
	padding:20px 0;}
	
	
/* MENU */

#menu ul  {
	list-style:none;
	margin:0 25px 0 0;
	padding:5px 0 0; 
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:15px;
	float:right;}

#menu ul li  {
	float:left;
	width:93px;
	color:#cc0000;
	margin:0;
	text-align:center;}
	
#menu ul li a {
	display:block;
	color:#666;
	text-decoration:none;
	background:#f0f0f0 url(../imagens/common/bg_degrade_up.gif) bottom repeat-x;
	padding:6px 0;
	border: 1px solid #e0e0e0;
	border-left:none;}

#menu ul li a:hover {
	color:#fff;
	background:#cc0000;
	border: 1px solid #cc0000;}
	
#menu ul li.simples a{padding:14px 0 13px;}

#menu ul li.simples.active {padding:14px 0 13px;}

#menu ul li.active {
	padding:6px 0;
	background:#cc0000; 
	color:#fff;
	border:1px solid #cc0000;
	width:91px;}
	
#menu ul li.active.first {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius:10px;}	

#menu ul li.active.last {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius:10px;}
	
#menu ul li.first a {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius:10px;}
	
#menu ul li.last a {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius:10px;}
	
#menu ul li.first a, 
#menu ul li.last a {border:1px solid #e0e0e0;}

#menu ul li.last a  {border-left:none;}

#menu ul li.first:hover a, 
#menu ul li.last:hover a  {border:1px solid #cc0000;}

#menu ul li.last:hover a {border-left:none;}


/* CONTENT */

#content-wrapper {
	background:url(../imagens/common/bg_degrade_down.gif) top repeat-x;
	border-top:1px solid #fff;}

#content-wrapper-bottom {
	background:url(../imagens/common/bg_degrade_up.gif) bottom repeat-x; 
	border-bottom:1px solid #e0e0e0;}

#content {
	width:960px;
	margin:0 auto;
	position:relative;
	padding:20px 0;}

#home #content-wrapper {border-top:1px solid #ccc;}

#home #content {
	margin:1px auto 0; 
	background:url(../imagens/home/bg_servicos.png) 535px 0 repeat-y;}
	
	
/* BREADCRUMB */

#breadcrumb p {
	padding:0;
	margin:0 0 25px;
	color:#666;
	font-size:0.917em;}


/* FOOTER */
	
#footer-wrapper {
	background: url(../imagens/common/bg_degrade_down.gif) top repeat-x; 
	border-top:1px solid #fff;}
	
#footer {
	width: 960px; 
	margin: 0px auto; 
	padding: 8px 0;
	position:relative;}
	
#footer p,
#footer address {
	font-size:0.917em;
	margin:0;
	color:#666;
	font-style:normal;}
	
#footer ul {
	list-style:none;
	position:absolute;
	right:0;
	top:-4px;}	
	
#footer a.social-facebook {
	background: url(../imagens/common/ico-facebook.png) no-repeat; 
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;}

	
/* PARCEIROS */

#parceiros ul {
	list-style:none;
	margin:10px 0 0; 
	padding:0;}
	
#parceiros li {
	float:left; 
	margin:2px 5px 3px 0;
	border:5px solid #f0f0f0;}

#parceiros li img {margin:3px;}
	
	
/* SERVICOS E CONVENIOS */

#servicos h2 {clear:both;}

#servicos ul {
	list-style:none;
	padding:0;
	margin:10px 0;}

#servicos ul li {
	float:left;
	margin:4px 5px 5px 0;
	position:relative;
	width:150px;
	min-height:145px;}

#servicos ul li a span {
	border:3px solid #e0e0e0;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	width:140px;
	height:93px;
	position:absolute;
	top:0;
	left:0;}

#servicos ul li a:hover span {border:3px solid #cc0000;}

#servicos ul li a:hover {color:#cc0000; text-decoration:none;}	
	
#servicos ul li a{
	color:#666;
	display:block;
	text-align:center;}
	
#servicos ul li a img {
	display:block;
	border:none;
	margin:3px 3px 6px;
	float:left;}
	

/* OFICINA */

#oficina img {
	margin:15px 20px 0 0;
	float:left;}

h3.orteses, 
h3.proteses, 
h3.outros {margin:1px 0; font-size:1em;}

h3.orteses a, 
h3.proteses a, 
h3.outros a {
	display:block;
	background:#cc0000;
	color:#fff;
	border:1px solid #cc0000;
	text-decoration:none;
	text-align:center;
	padding:20px 31px;
	float:left;
	margin:15px 2px 25px 0;
	width:auto;
	height:auto;
	font-size:1em;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;}

h3.orteses a {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius:10px;}

h3.outros a {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius:10px;}

h3.orteses a:hover, 
h3.proteses a:hover, 
h3.outros a:hover {
	background:#ff0000;
	border:1px solid #ff0000;}
	
h3.orteses a span, 
h3.proteses a span, 
h3.outros a span {	
	font-size:22px;
	display:block;}	

#orteses ul, 
#proteses ul, 
#meios_auxiliares ul {
	list-style:none;
	padding:0;
	margin:0;}

#orteses ul li p, 
#proteses ul li p, 
#meios_auxiliares ul li p{margin:0 0 5px;}	

#orteses ul li h3, 
#proteses ul li h3, 
#meios_auxiliares ul li h3{
	margin:15px 0 0;
	font-size:1.3em}

	
/* CONTATO */

select#estado {width:110px;}
select#cidade {width:305px;}


/* CURSO */ 

#curso .coluna-1 {width:665px;}
#curso .coluna-2 {width:265px;}
	
#curso h3 {
	margin:15px 0 0;
	clear:both;}
	
#curso p{margin:0 0 10px;}	

#curso img {
	border:3px solid #cc0000;
	margin:0 0px 20px 0;}

	
/* CURSO - INSCRICAO */ 

#inscricao .coluna-1,
#inscricao .coluna-2 {width:455px;}

#inscricao .faculdade-outra, 
#inscricao .faculdade-curso, 
#inscricao .academico,
#inscricao .profissional,
#inscricao .qual {display:none;}

#inscricao input#periodo, 
#inscricao select#turno, 
#inscricao input#telefone, 
#inscricao input#celular,
#inscricao input#fax  {width:215px;}

#inscricao input#cep {width:110px;}
#inscricao input#bairro {width:305px;}

#inscricao p.ja {padding:5px 0 0;}

#inscricao ul {margin:0 0 15px 0;}


/* CURSOS  */ 

#cursos .coluna-1 {width:520px;}
#cursos .coluna-2 {width:410px;}
#cursos .coluna-2 p {width:260px;}


#cursos ul.lista-cursos {
	list-style:none;
	margin:10px 0 0;
	padding:0;}

#cursos ul.lista-cursos li a b {
	border:3px solid #cc0000;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	color:#fff;
	background:#cc0000;
	display:block;
	float:left;
	padding:2px;
	margin:0 5px 5px 0;
	font-family:arial;
	min-width:32px;
	text-align:center;}

#cursos ul.lista-cursos li a:hover b{
	background:#ff0000;
	border:3px solid #ff0000;}		
	
#cursos ul.lista-cursos li a{
	font-size:1.2em;
	color:#cc0000;
	text-decoration:none;
	cursor:pointer;
	display:block;}

#cursos ul.lista-cursos li a:hover{
	color:#ff0000; 
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius:7px;}	
	
#cursos ul.lista-cursos li a span {
	padding:4px 0;
	display:block;
	font-size:0.9em;
	float:left;
	width:450px;}

.coluna-2 #cursos ul.lista-cursos li a span {
	width:210px;}	
	
#cursos ul.lista-cursos li {clear:both;}


/* BANNER */

#banner-wrapper {
	background:#f4f6f5 url(../imagens/home/bg_banner.jpg) top center no-repeat;
	border-bottom:1px solid #e0e0e0;
	margin:8px 0 0;}

#banner {
	margin:0 auto;
	width:960px;
	height:245px;}

#banner ul {
	margin:0;
	padding:0;
	height:245px;}
	
#banner ul li p{
	text-align:right;
	width:620px;}

#banner ul li h2{
	text-align:right;
	width:620px;
	font-size:2em;
	margin:20px 0 10px;
	color:#666;}
	
#banner ul li h2 span {
	font-size:1.2em;
	color:#cc0000;}

#programas {
	width:960px;
	margin:8px auto;}
	
#programas p {
	margin:0; 
	font-family:Georgia, "Times New Roman", Times, serif;}
	
#programas p.right a {color:#666;}
#programas p.right a span {color:#cc0000;}


/* TRATAMENTOS */

#tratamentos p {margin:10px 0 20px;}

#tratamentos ul {
	padding:0; 
	margin:15px 0 0; 
	list-style:none;}

#tratamentos ul li {
	margin:0 8px 8px 0; 
	line-height:100%;}

#tratamentos ul li a {
	color:#666;}

#tratamentos ul li.active {color:#ccc;}

#tratamentos .coluna-1 {
	width:700px; 
	float:left;}
	
#tratamentos .coluna-2 {
	position:absolute;
	top:0;
	right:10px;
	background:url(../imagens/home/bg_servicos.png) repeat-y; 
	min-height:100%; 
	padding:0 15px;
	width:200px;}

#tratamentos .coluna-2 h2 {
	margin:28px 0 0;}
 
#tratamentos img.destaque {
	border:5px solid #f0f0f0;
	float:left;
	margin:10px 15px 10px 0;}

#tratamentos #galeria ul {clear:both; padding:10px 0 0;}	
	
#tratamentos #galeria ul li {float:left; margin:1px;}

#tratamentos #galeria ul li a {
	border:2px solid #f0f0f0; 
	display:block; 
	margin:0;
	outline:none;}
	
#tratamentos #galeria li a:hover {border:2px solid #cc0000;}

#tratamentos #galeria li a img {
	border:none; 
	display:block;}	

#tratamentos #convenios h2{
	padding:0 0 5px;
	border-bottom:1px solid #ccc;}
	
#tratamentos #convenios {
	padding:20px 0 0;
	clear:both;}

#tratamentos #convenios ul {
	list-style:none;
	padding:0;
	margin:10px 0;}

#tratamentos #convenios ul li {
	width:32%;
	float:left;
	color:#666;
	padding:0;
	margin:5px 0;}

#tratamentos #convenios ul li.off {color:#ccc; text-decoration: line-through}


/* PAGINA INICIAL */

#pagina-inicial .coluna-1 {
	width:505px; 
	float:left; 
	margin:0 30px 0 0;}

#pagina-inicial .coluna-2 {
	padding:0 20px;
	width:200px;}

#pagina-inicial .coluna-3 {
	float:right;
	width:180px;}

#pagina-inicial .coluna-3 p {padding:0 10px;}	
	
#pagina-inicial .coluna-3 h3 {
	color:#fff; 
	background:#cc0000;
	border:1px solid #cc0000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	padding:15px 25px;
	margin:0;}	
	
#programa-estagio {
	background: url(../imagens/common/bg_degrade_up.gif) bottom repeat-x; 
	border-bottom:1px solid #ccc;
	margin:0 0 20px}

#premios ul {
	list-style:none;
	padding:0;
	margin:0;
	height:210px;}
	
#premios ul li {
	padding:15px;
	background: url(../imagens/common/bg_degrade_up.gif) bottom repeat-x; 
	border-bottom:1px solid #ccc;}

	
/* DESTAQUES */

#destaques {margin:0 0 30px;}

#destaques img {
	border:1px solid #e0e0e0;
	padding:5px;
	margin:10px 15px 5px 0;}

#destaques h3 {
	font-size:1.3em; 
	margin:8px 0 0;}

#destaques p a {color:#666;}

#noticias{
	background: url(../imagens/common/bg_degrade_up.gif) bottom repeat-x; 
	border-bottom:1px solid #ccc;}	
	
#noticias ul {
	list-style:none;
	padding:0;
	margin:10px 0 0;}		
	
#noticias ul li {
	float:left;
	width:242px;
	margin:0 0 5px 0;}
	
#noticias ul li:first-child {
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #ccc;}
	
#noticias ul li h3 {
	background:#cc0000;
	color:#fff;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:5px 5px 5px 10px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	margin:0;}
	
#noticias ul li a{
	margin:15px 10px;
	display:block;
	color:#666}
	

/* MEU CADASTRO */	
	
#cadastro h3 {margin:15px 0 0;}
	
#cadastro p {margin:0;}
	
#cadastro h2 span,
#cadastro h2 span a {color:#666;}


/* ACESSAR */

#acessar form {
	position: absolute;
	right:95px;
	top:35px;
	z-index:100;
	background: #fff;
	border: 4px solid #ccc;
	text-align:left;
	padding:10px 20px;}

#acessar form:after, 
#acessar form:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;}

#acessar form:after {
	border-bottom-color: #fff;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;}
	
#acessar form:before {
	border-bottom-color: #ccc;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;}

#acessar a {color:#cc0000;}

#acessar form{display: none;}
	
/*#acessar {
	position:absolute;
	z-index:1000;
	top:30px;
	right:134px;
	width:208px;}
	
#acessar form {
	display: none;
	background:#fff url(../imagens/common/bg_degrade_up.gif) bottom repeat-x;
	border:1px solid #cc0000;
	border-top:none;
	padding:0 14px 10px 10px;
	text-align:left;}
	
#acessar form a {
	color:#cc0000;
	margin:0;
	padding:0;}*/
	
	
/* MENU CONTEXTUAL */
	
#menu-contextual ul  {
	list-style:none;
	margin:12px 11px 30px 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;}

#menu-contextual ul li  {margin:0;}
	
#menu-contextual ul li a {
	display:block;
	color:#666;
	text-decoration:none;
	background:#fff url(../imagens/common/bg_degrade_up.gif) bottom repeat-x;
	padding:10px;
	border: 1px solid #e0e0e0;
	border-top:none;
	_width:150px}

#menu-contextual ul li a:hover {
	color:#fff;
	background:#cc0000;
	border: 1px solid #cc0000;
	border-top:none}

#menu-contextual ul li.active {
	padding:10px; 
	background:#cc0000; 
	color:#fff;
	border:1px solid #cc0000;}
	
#menu-contextual ul li.active.first {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius:10px;}	

#menu-contextual ul li.active.last {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius:10px;}
	
#menu-contextual ul li.first a {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius:10px;}
	
#menu-contextual ul li.last a {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius:10px;}
	
#menu-contextual ul li.first a, 
#menu-contextual ul li.last a {border:1px solid #e0e0e0;}

#menu-contextual ul li.last a  {border-top:none;}

#menu-contextual ul li.first:hover a, 
#menu-contextual ul li.last:hover a  {border:1px solid #cc0000;}

#menu-contextual ul li.last:hover a {border-top:none;}

.coluna-2 #menu-contextual ul {
	margin:12px 6px 12px 11px;}
	
.kwicks {list-style:none;}

.kwicks li{
	width: 150px;
	height: 158px;
	margin:0;}
	
#kwick1 {background:url(../imagens/estagio/img_estagio_1.jpg);}
#kwick2 {background:url(../imagens/estagio/img_estagio_2.jpg);}
#kwick3 {background:url(../imagens/estagio/img_estagio_3.jpg);}

#mapa iframe{
	width:500px;
	height:300px;
	border:none;
	margin:10px 0 10px 10px;}
	
#mapa p {
	margin:0;}	
	
#mapa p a {
	display:block;
	text-align:center;
	background:#cc0000;
	color:#fff;
	padding:10px;
	font-size:1.2em;
	margin:0 10px;}
	
#mapa p a:hover {
	background:#ff0000;
	text-decoration:none;}
	
#tooltip{
	position:absolute;
	top:0;
	left:0;
	width:150px;
    color: #fff;
    border:1px solid #fff;
	background:#000;
	display:none;
	text-align:center;
	padding:5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: .85;}

#cursos-2 ul {margin:15px 0; padding:0}

#cursos-2 ul li {list-style:none; margin:0 0 5px;}

#cursos-2 ul li a {
	font:1.2em Georgia, "Times New Roman", Times, serif;
	display:block;
	background:#cc0000;
	color:#fff;
	border:1px solid #cc0000;
	text-align:center;
	padding:15px 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;}
	
#cursos-2 ul li a:hover {
	background:#ff0000;
	text-decoration:none;
	border:1px solid #ff0000;}