@charset "utf-8";
/* 01100011 01100001 01100110 01100001 01110010 01101110 01100001 01110011
index css! - Instituto Superior de Arte · I|Art © Todos los derechos reservados
Cualquier parecido con la realidad es pura coincidencia...
*/
html, body {
height: 100%;
text-align:center;
background-image:url(../img/cuerpo_artemoda.jpg);
background-position:center center;
background-repeat:repeat-y;
background-color:#F1F1F1;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
}
p{line-height:normal;}
.color_1 {
color:#848581;
padding-bottom:10px;
}
a:link,a:active {
color: #000000;
}
a:visited{color: #666;}
a:hover {
color: #666;
}
.ocultoCorreo {
direction:rtl;
unicode-bidi:bidi-override;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.right-align{text-align:right;}
.bold{font-weight:bold;}
.bold_color{font-weight:bold; color:#c70bac;}
h3{
font-weight:bold;
font-size:20px;
}
#contenedor {
min-height: 100%;
height: auto !important;
height: 100%;
width:942px;
margin: 0 auto -101px; /* el margen inferior es el valor negativo de la altura del pie de página */
background-color:transparent;
}
#iart{height:101px;} /* la misma medida que margin de # contenido */
#copyright{
height: 101px; /* la misma medida que margin de # contenedor */
width: 942px;
margin:0 auto 0 auto;
background-image:url(../img/footer.jpg);
background-position:center;
background-repeat:no-repeat;
text-align:left;
padding-left:45px;
color:#999;
font-size:11px;
clear:left;
}
#copyright a, #copyright a:hover {
color:#999;
font-size:11px;
text-decoration:none;
}
#copyright img{
vertical-align: middle;
}
#title{
/* background-image:url(../img/title_artemoda2.jpg);
background-position:center center;
background-repeat:no-repeat; */
background-color:#000;
height:178px;
}
#title h1{
display : none;
}
/* */
#presentacion{
background: transparent url(../img/sombra.jpg) repeat-x;
width:941px;
padding-top:15px;
margin:0 auto 0 auto;
text-align:justify;
font-size:15px;
}
#programas,#noticia,#in-company,#empresas,#alumni,#contacto,#equipo_docente,#alumni,#iartv,#sugerir_evento,#evento,#calendario_academico,#newsletter,#sms{
background: transparent url(../img/sombra.jpg) repeat-x;
width:899px;
padding-top:8px;
padding-left:20px;
padding-right:20px;
padding-bottom: 30px;
text-align:justify;
font-size:15px;
}
#noticia_contenido,#presentacion_contenido,#iartv_contenido {
width:829px;
padding-top:8px;
padding-left:35px;
padding-right:35px;
padding-bottom: 30px;
text-align:justify;
font-size:15px;
}
/* --------------------------------------- breadcrumbs --- */
#breadcrumb{
padding-bottom: 15px;
font-size:13px;
color:#6B6B6B;
}
#breadcrumb a{color:#6B6B6B;}
#breadcrumb a:hover{color:#7F7F7F; text-decoration:none;}
/* ------------------------------------------------------- */
#in-company li {
list-style-image: url(../img/flecha.png);
padding-left: 8px;
padding-top:2px;
margin-left:25px;
margin-top:15px;
}
/* Equipo Docente */
#equipo_docente .equipo{
color:#3C3C3C;
}
.funcion{
color:#666;
}
/**/
/* Caja Contenido */
.caja{
border-bottom:1px #ccc solid;
background: #f2f2f2 url(../img/cuerpo2_artemoda.jpg) repeat-x;
padding:20px;
clear:left;
}
.caja h3,.caja h4{
color:#c70bac;
font-size:18px;
font-weight:bold;
border-bottom: 1px solid #c70bac;
padding-bottom:5px;
margin-bottom:18px;
}
.caja h5{
color:#999;
font-size:18px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:18px;
}
.caja h6{
color: #7F7F7F;
font-size: 18px;
font-weight: bold;
padding-bottom: 5px;
}
.caja li{
margin-top:7px;
margin-bottom:7px;
margin-left:20px;
}
.caja ul{
margin-top:7px;
margin-bottom:7px;
margin-left:20px;
list-style:square;
}
.caja ol{
margin-left:55px;
list-style:circle;
}
#empresas .caja span{
font-weight:bold;
color:#c70bac;
}
/* Caja mensaje*/
.caja_mensaje{
border:3px #E7301F dashed;
background: #FFE9E7;
padding:20px;
clear:left;
}
/* caja verano */
.caja_verano h3{
color:#FFCC00;
font-size:18px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:18px;
}
.caja_verano{
border-bottom:1px #FFCC00 solid;
background: #fcffb9 url(../img/fondo_verano.jpg) top center no-repeat;
padding:20px;
clear:left;
}
.caja_verano a.flecha{color:#3C3C3C; text-decoration:none; background:url(../img/flecha_verano.png) no-repeat left top; padding-left: 18px; font-weight:bold;}
.caja_verano a:hover.flecha{color:#ffcc00; text-decoration:none; background:url(../img/flecha_verano.png) no-repeat left top; padding-left: 18px; font-weight:bold;}
.caja_verano a.verano_www{color:#3C3C3C; padding-left: 18px; font-weight:bold;}
.caja_verano a:hover.verano_www{color:#3C3C3C; text-decoration:none; padding-left: 18px; font-weight:bold;}
/* caja alert */
.caja_alert{
border-bottom:1px #ccc solid;
background: #f2f2f2 url(../img/cuerpo2_alert.jpg) top center no-repeat;
padding:20px;
clear:left;
}
.caja_alert h3{
color:#7F7F7F;
font-size:18px;
font-weight:bold;
padding-bottom:5px;
}
.caja_alert a.flecha{color:#7F7F7F; text-decoration:none; background:url(../img/flecha.png) no-repeat left top; padding-left: 18px;}
.caja_alert a:hover.flecha{color:#DBB15F; text-decoration:none; background:url(../img/flecha.png) no-repeat left top; padding-left: 18px;}
/* calendario */
.calDiasSemana {font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#F7F7F7; color:#666666}
#calendario_academico td {
font-family:verdana,arial;
font-size:8pt;
background-color:#F8F9F7;
text-align:center;
border: 1px solid #fff;
width:20px;
}
#calendario_academico tr {
height:20px;
width:20px;
}
#calendario_academico .mes{
background-color:#C70BAC;
color:#fff;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* area privada */
#salir{
text-align:right;
font-size: 12px;
color: #c70bac;
}
#salir a, #salir a:hover {
font-size: 12px;
color: #c70bac;
}
/**/
#calendario_academico .dia,#calendario_mes_actual .dia{color:#999; background-color:#F7F7F7; font-size:7pt; height:9px; width:20; text-align:center; }
#calendario_academico .dia_domingo,#calendario_mes_actual .dia_domingo{color:#cc0000; }
#calendario_academico .fiesta,#calendario_mes_actual .fiesta{color:#fff; background-color:#006699; font-size:7pt; text-align:center; }
#calendario_academico .fiesta2,#calendario_mes_actual .fiesta2{color:#fff; background-color:#1BABF3; font-size:7pt; text-align:center; }
#calendario_academico .inicio,#calendario_mes_actual .inicio{color:#fff; background-color:#B01111; font-size:7pt; text-align:center; }
#calendario_academico .ultimodia,#calendario_mes_actual .ultimodia{color:#000; background-color:#F0FF71; font-size:7pt; text-align:center; }
#calendario_academico .calificaciones,#calendario_mes_actual .calificaciones{color:#fff; background-color:#339900; font-size:7pt; text-align:center; }
#calendario_academico .fechafinal,#calendario_mes_actual .fechafinal{color:#fff; background-color:#c005c2; font-size:7pt; text-align:center; }
td .caja{
font-family:verdana,arial;
font-size:8pt;
background-color:red;
text-align:center;
border: 1px solid #ccc;
}
/* ToolTip */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #A7A7A7;
padding: 6px 0px 0px 10px;
background-color: #E5E5E5;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}
#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}
#ToolTipTextWrap {
font-weight:bold;
font-size: 1.0em;
color: #999;
margin-right:10px;
}
/**/
.caja a.flecha{color:#3C3C3C; text-decoration:none; background:url(../img/flecha.png) no-repeat left top; padding-left: 18px; font-weight:bold;}
a.flecha{color:#3C3C3C; text-decoration:none; background:url(../img/flecha.png) no-repeat left top; padding-left: 18px;}
a.flecha:hover{color:#c70bac; text-decoration:none; background:url(../img/flecha2.png) no-repeat left top; padding-left: 18px; }
.ficha{padding-left: 18px; color:#7F7F7F; line-height:19px;}
.ficha p{color:#d9b4d2; font-size:11px; margin-top:3px; margin-bottom: 10px;}
.ficha a,.ficha a:hover{color:#7F7F7F; text-decoration: underline;}
.ficha label {
display: block;
margin-bottom: 2px;
}
.cajasdtxt {
-moz-border-radius: 5px 5px 5px 5px;
background-color:#F2F2F2;
border: 1px solid #7F7F7F;
color: #7F7F7F;
height: 22px;
margin-bottom: 10px;
outline: 0 none;
width: 350px;
}
a.pdf, a.pdf:link, a.pdf:hover{color:#7F7F7F; text-decoration:none; background:url(../img/pdf.png) no-repeat left top; padding-left: 20px;}
a.faq, a.faq:link, a.faq:hover{color:#7F7F7F; text-decoration:none; background:url(../img/faq.png) no-repeat left top; padding-left: 20px;}
#datos{
clear:left;
text-align:right;
color:#999;
font-size:12px;
border-bottom: 1px solid #ccc;
background-image:url(../img/cuerpo2_artemoda.jpg);
background-position:top;
background-repeat:repeat-X;
background-color:#f2f2f2;
padding-top:25px;
padding-right:10px;
}
#datos span{font-weight:bold;}
#datos a, #datos a:hover{color:#999; font-size:12px; font-weight:bold; text-decoration:none;}
/**/
#destacado{
width:899px;
height:200px;
margin:0 auto 0 auto;
background-image:url(../img/cuerpo2_artemoda.jpg);
background-position:top;
background-repeat:repeat-X;
background-color:#f2f2f2;
padding-top:20px;
padding-left:20px;
padding-right:20px;
border-bottom:1px solid #ccc;
}
h2{
background-color:#c70bac;
text-align:left;
padding-left:10px;
margin-bottom: 10px;
font-size:15px;
}
h2 strong{
background-color:#fff;
color:#c70bac;
padding:2px 7px 0;
text-transform:uppercase;
font-weight:bold;
}
h2 a, h2 a:hover {
text-decoration:none;
}
#noticias_novedades{
width:440px;
padding-left:9px;
float:left;
text-align:left;
/*border-right:1px dotted #ccc;*/
}
#eventos_novedades{
width:440px;
background-color:transparent;
padding-left:9px;
float:left;
text-align:left;
}
/* */
#noticias_novedades strong,#eventos_novedades strong {color:#666; font-size:20px;}
#noticias_novedades span,#eventos_novedades span {color:#c70bac;}
#noticias_novedades li,#eventos_novedades li{font-size:15px; margin:7px; }
#noticias_novedades ol,#eventos_novedades ol{ list-style-image: url(../img/noticia.png); list-style-type: square; padding-left:15px;}
#noticias_novedades a,#eventos_novedades a{color:#666; font-size:13px;}
#noticias_novedades a:hover,#eventos_novedades a:hover{color:#c70bac;}
#noticias_novedades a.todo,#eventos_novedades a.todo,#video a.todo{color:#999; margin-left:7px; padding-left: 17px; font-size: 13px; text-align:left;}
/* sugerir link */
#eventos_novedades a.sugerir:link,#noticias_novedades a.sugerir:link,#eventos_novedades a.sugerir:hover ,#noticias_novedades a.sugerir:hover,#eventos_novedades a.sugerir:active ,#noticias_novedades a.sugerir:active,#eventos_novedades a.sugerir:visited ,#noticias_novedades a.sugerir:visited { font-size:12px; color: #999; text-decoration: none; background-image:url(../img/email.png); background-repeat:no-repeat; padding-left:20px;}
/* rss link*/
#eventos_novedades a.rss:link,#noticias_novedades a.rss:link,#eventos_novedades a.rss:hover ,#noticias_novedades a.rss:hover,#eventos_novedades a.rss:active ,#noticias_novedades a.rss:active,#eventos_novedades a.rss:visited ,#noticias_novedades a.rss:visited { font-size:12px; color: #999; text-decoration: none; background-image:url(../img/feed.png); background-repeat:no-repeat; padding-left:20px;}
/* */
#info{
background-color:transparent;
width:940px;
padding-top:10px;
padding-bottom: 30px;
text-align:justify;
font-size:12px;
}
/* Bloke video */
#video{
float:left;
background-color:transparent;
width:460px;
height:475px;
border-right:1px dotted #ccc;
}
#video p{text-align:left; padding-left: 29px; padding-bottom:7px;}
a.video, a.video:link{color:#666666; background:url(../img/video.png) no-repeat left center; margin-left:7px; padding-left: 17px; font-size: 13px;}
a.video:hover{color:#C70BAC;}
#title_video{
width:443px;
height:38px;
margin-bottom:4px;
padding-top: 10px;
padding-left: 30px;
color: #666666;
font-size: 20px;
font-weight: bold;
text-align:left;
}
#title_video strong{color:#666; }
#title_video span {color:#C70BAC;}
#title_calendario p,#title_unidades-formativas p{
padding-top:15px;
padding-left:54px;
text-align:left;
font-weight: bold;
color:#666;
font-size:14px;
}
/* Bloke calendario */
#title_calendario{
width:458px;
height:38px;
background-image:url(../img/title_calendario.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:7px;
}
#calendario_mes_actual{
width:470px;
padding:0 auto;
float:left;
text-align:center;
background-color:transparent;
font-size:12px;
}
#calendario_mes_actual tr{
height:30px;
width:30px;
}
#calendario_mes_actual td {
font-family:verdana,arial;
font-size:8pt;
background-color:#F8F9F7;
text-align:center;
border: 2px solid #fff;
width:25px;
padding-top:4px;
}
#calendario_mes_actual tr {
height:25px;
width:25px;
}
#calendario_mes_actual .mes{
background-color:#C70BAC;
color:#fff;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* Bloke unidades formativas*/
#title_unidades-formativas{
width:458px;
height:38px;
background-image:url(../img/title_unidades-formativas.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:17px;
}
#unidades-formativas{
width:470px;
height:113px;
padding:0 auto;
float:left;
text-align:center;
background-color:transparent;
font-size:12px;
}
.select_unidades-formativas{
width:340px;
height:22px;
}
/* Bloke form contacto*/
#form_contacto{
width:470px;
padding:0 auto;
float:left;
text-align:left;
background-color:transparent;
font-size:12px;
}
#form_contacto p{padding-left:13px; color:#666;}
#form_contacto span.leyenda{color:#c70bac; font-weight:bold;}
#form_contacto a, #form_contacto a:hover {color:#666; }
/*info contacto*/
#form_info{
float:left;
background-color:transparent;
width:428px;
text-align:left;
border-right:1px dotted #ccc;
height:490px;
}
#form_info span{color:#c70bac; font-weight:bold;}
/* contenido */
#contenido{clear:left; padding-top:15px; padding-bottom:20px; background-color:transparent;}
#contenido span{color:#c70bac; font-weight:bold;}
/* css formulario */
textarea{border:1px #ccc solid; height:200px; width:435px; background:#fff url(../img/fondo_form.jpg) repeat-x; color:#999;}
.inputuno{border:1px #ccc solid; background:#fff url(../img/fondo_form.jpg) repeat-x; width:435px; color:#999;}
.inputdos{border:1px #ccc solid; background:#F5F5F5 url(../img/fondo_form2.jpg) repeat-x; width:335px; color:#85c8ce;}
.inputtres{border:1px #ccc solid; background:#F5F5F5 url(../img/fondo_form2.jpg) repeat-x; width:235px; color:#85c8ce;}
.input_peque{border:1px #ccc solid; background:#fff url(../img/fondo_form.jpg) repeat-x; width:170px; color:#999;}
fieldset{border:0; margin:0 auto 0 auto; padding-left:20px; padding-right:20px;}
legend{color:#000; text-align:left;}
select{border:1px #ccc solid; color:#999; width:435px; }
.selectimg{background:#fff url(../img/fondo_form.jpg) repeat-x; color:#999;}
.textarea_estirado {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../img/fondo_form.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#999999;
height:100px;
width:855px;
}
.boton_enviar {
background:#EBE9E9;
border:1px solid #ccc;
color:#999;
width:90px;
}
.boton_visualizar {
background:#EBE9E9;
border:1px solid #ccc;
color:#7F7F7F;
width:90px;
-moz-border-radius: 5px 5px 5px 5px;
padding: 3px 10px;
}
#form_contacto label{
display:block;
font-weight:bold;
color:#999;
margin-top:10px;
margin-bottom:2px;
text-transform:uppercase;
}
#form_solicitud label{
display:block;
font-weight:bold;
color:#999;
margin-top:10px;
margin-bottom:2px;
text-transform:uppercase;
font-size:12px;
}
#form_solicitud{
width:460px;
float:left;
}
#comentario_form{
color:#666;
float:left;
width:420px;
height:740px;
padding-left:10px;
text-align:left;
border-left:1px dotted #ccc;
}
/* Automatricula */
#automatricula label.condiciones{font:12px; float: left; width: 30%; text-align:right; padding:5px; color: #000;}
#automatricula label.dato {font:12px; float: left; width: 25%; text-align:right; padding:5px; color: #000;}
#automatricula label.dato_comprobar {font:12px; float: left; width: 25%; text-align:right; color: #000; padding-left:5px; padding-right:5px;}
#automatricula br {clear: left;}
#automatricula p {margin-left:17px; font:13px;}
#automatricula p.msg_error {
background: url(../img/atencion.gif) no-repeat #FFE9E7;
background-position:3% 50% ;
width: 70%;
padding: 9px 9px 20px 100px;
margin: 0 auto;
border: #E7301F 1px solid;
text-align:left;
color: #FA0005;
}
#automatricula p.txt_error{
text-align:center;
color: #FA0005;
font-weight:bold;
font-size:12px;
}
.error{border:1px solid #E7301F; color:#E7301F; background-color:#FFE9E7; outline:0; width:435px}
.errorcheckbox{border:1px solid #E7301F; color:#E7301F; background-color:#FFE9E7; outline:0;}
.input_automatricula{border:1px #ccc solid; background:#fff url(../img/fondo_form.jpg) repeat-x; width:435px; color:#999;}
.titulos{font-weight: bold; font-size:15px; color:#333333;}
#nel{display: none;}
/* Form recomendar noticia */
#recomendar_noticia,#recomendar_video,#recomendar_evento{margin:0 auto 0 auto; padding-top:20px; text-align:center; width:440px;}
#recomendar_noticia p,#recomendar_video p,#recomendar_evento p{ font-weight: bold; text-decoration:underline;}
#recomendar_noticia label,#recomendar_video label,#recomendar_evento label{
display:block;
color:#999;
font-size:12px;
margin-top:10px;
margin-bottom:2px;
text-align:left;
}
.recomendar{
border:0;
width:295px;
height:65px;
}
/* Alumni */
#contenido_alumni{
float:left;
background-color:transparent;
width:569px;
height:420px;
text-align:left;
margin-right:10px;
border-right:1px dotted #ccc;
}
#login{
float:left;
width:319px;
background-color:transparent;
background-image:url(../img/login.jpg);
background-position:top center;
background-repeat:no-repeat;
color:#bcbbbb;
}
#login a, #login a:hover {
color:#666;
font-size:12px;
}
#newsletter_bloque{
float:left;
width:319px;
height:145px;
background-color:transparent;
background-image:url(../img/newsletter.jpg);
background-position:top center;
background-repeat:no-repeat;
}
#sms_bloque{
float:left;
width:319px;
height:162px;
background-color:transparent;
background-image:url(../img/sms.jpg);
background-position:top center;
background-repeat:no-repeat;
}
/* - - - */
#title_newsletter p,#title_sms p{
padding-top:39px;
padding-left:65px;
text-align:left;
font-weight: bold;
color:#666;
font-size:14px;
}
#title_login p{
padding-top:15px;
padding-left:65px;
text-align:left;
font-weight: bold;
color:#666;
font-size:14px;
}
/* subir top */
#subir_top {
width:30px;
height:30px;
display:block;
position:fixed;
bottom:50%;
right:6px;
background:url(../img/top.jpg) no-repeat 0 0;
}
#subir_top span {
display:none;
}
/* stop-ie */
#stop-ie{ font-size:14px; background-color:#c70bac; color:#fff;}
#stop-ie a, #stop-ie a:hover {
color:#fff;
font-weight:bold;
}
/* Sugerir Evento*/
#sugerir_evento label {
color:#000000;
float:left;
padding:5px;
text-align:right;
width:28%;
}
#sugerir_evento br{
clear:left;
}
/* Eventos */
#datos_evento{
width:590px;
float:left;
border-right:1px dotted #ccc;
padding-right:17px;
}
#masdatos_evento{
float:left;
width:280px;
padding-left:10px;
}
/* GOOGLEMAPS*/
#map span,#map p,#map a{display:none;}
/* Paginador */
a.flecha_paginador, a.flecha_paginador:link, a.flecha_paginador:hover{
color:#c70bac;
font-size:11px;
text-decoration:none;
background:url(../img/btn_paginador.jpg) no-repeat center center;
padding:6px;
}
a.paginas, a.paginas:link{
color:#999;
font-size:11px;
text-decoration:none;
background:url(../img/btn_paginador.jpg) no-repeat center center;
padding:6px;
}
a.pagina_actual, a.pagina_actual:link, a.pagina_actual:hover,a.paginas:hover{
color:#c70bac;
font-size:11px;
background:url(../img/btn_paginador.jpg) no-repeat center center;
padding:6px;
}
/* ---------------------------------------- btn pestañas area privada -- */
ul.btntabs {
margin:0 auto;
padding: 0;
list-style: none;
height: 31px;
width:100%;
text-align:center;
}
ul.btntabs li {
float: left;
margin:0 auto 0 auto;
padding: 0;
height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/
line-height: 33px; /*--Alineamiento vertical del texto dentro de la tabla--*/
border-left: none;
overflow: hidden;
position: relative;
color:#000;
background:#e8e8e8;
border-bottom: 1px solid #ccc;
}
ul.btntabs li a {
text-decoration: none;
color:#999;
display: block;
font-size: 12px;
padding: 0 32px;
/*border: 3px solid #fff;*/
outline: none;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
ul.btntabs li a:btntabs {
background: #C70BAC;
color:#fff;
text-decoration:inherit;
}
html ul.btntabs li.active, html ul.btntabs li.active a:hover {
background: url("../img/fondo_form.jpg") repeat-x scroll 0 0 #fff;
color:#999;
border-bottom: 1px solid #fff;
}
.tab_container {
border: none;
overflow: hidden;
clear: both;
float: left;
width: 100%;
background: transparent;
}
.evaluacion a {
background: url("../img/flecha.png") no-repeat scroll left top transparent;
color: #3C3C3C;
font-weight: bold;
padding-left: 18px;
text-decoration: none;
}
.evaluacion a:hover{
background: url("../img/flecha2.png") no-repeat scroll left top transparent;
color: #E7301F;
padding-left: 18px;
text-decoration: none;
}