/*
-------------------------------------------------------------------------------------
--- LUISSANTOS.NET LAYOUT CSS
-------------------------------------------------------------------------------------

PUBLISHED: March 2012
AUTHOR: Vanessa Nobre www.vanessanobre.com
Copyright (commissioner): Luis Santos www.luissantos.net

-------------------------------------------------------------------------------------
--- reset.css
-------------------------------------------------------------------------------------
*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin:0; padding:0; }
img, fieldset { border:0; }
input::-moz-focus-inner {
border:0;
padding:0;
}
img { max-width:100%; height:auto; }
/*
-------------------------------------------------------------------------------------
--- typography.css
-------------------------------------------------------------------------------------
*/
body, select, input, textarea { font-family:"Lato", Arial, Helvetica, sans-serif; }
body { font-size:87.5%; line-height:1.5em; }
select, input, textarea { font-size:100%; line-height:1.8em; }
body, select, input, textarea, .topicList li, .imgList li, .imgList li a h4, .iconList li a h4, h3.toogleList, h3.sideHeader, p.notice strong, .pseudoTabs li span strong { font-weight:400; }
#header h1 a span, .section h2, .sectionContent h1, .sectionContent h2, .sectionContent h3, .multiContent h1, .multiContent h2, .multiContent h3, .multiContent h4, .multiContent h5 { font-weight:300 }
.fieldList > legend { line-height:30px; }
#menu li a, #menu li span, h3.toogleList, h3.sideHeader { line-height:40px; }
#header h1 { line-height:70px; }
p.notice span.designation, .datatable th, .thumbList li a span, .thumbList li a label { font-size:0.85em; }
.sideButton, .topicList li, .imgList li, .imgList li a h4, #news .sectionContent h2, .newsDate, .newsUrl { line-height:30px; }
.imgList h4, .iconList h4, h3.toogleList, h3.sideHeader { font-size:1em; }
.pseudoTabs li span { font-size:0.9em; }
#nav, .topicList li a, .topicList li span { font-size:1.1em; }
.newsDate, .datatable th input { font-size:1.2em; }
.section h2 { font-size:1.5em; }
#header h1 { font-size:2.6em; }
#header h1, #nav, .section h2, h3.toogleList, h3.sideHeader, .sideButton, .newsDate, #thumblist li a span, #calendar table caption, .fieldButtons ul li input, .fieldButtons ul li a, .fieldList input[type=submit], .linkBtn, .pseudoTabs li span, p.notice span.designation, .datatable th, .thumbList li a span, .thumbList li a label, .multiContent h1, .multiContent h2 { text-transform:uppercase; }
.iconList li a h4, #footer, p.notice, .fieldList > ul > li.duration > span { font-style:italic; }
p.notice span.designation { font-style:normal; }
#header h1 { letter-spacing:-1px; }
.section h2, .pseudoTabs li span, p.notice, .thumbList li a span, .thumbList li a label, .multiContent h1, .multiContent h2 { letter-spacing:1px; }
.sectionContent h2 { text-align:left; }
.fieldList > legend, .thumbList li a span, .thumbList li a label { text-align:center; }
/*
-------------------------------------------------------------------------------------
--- Common.css (CMS+Public)
-------------------------------------------------------------------------------------
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { min-width:220px; position:relative; }
html { background:#171717 url("images/pattern.png"); height:100%; }
body { background-repeat:no-repeat; background-position:center top; background-attachment:fixed; color:#888; min-height:100%; position:relative; }
a { color:#ccc; text-decoration:none; }
a:hover { color:#fff; }
.clear { clear:both; display:block; height:5px; width:100%; }
.left { float:left; }
.right { float:right; }
.sep { border-bottom:dashed 1px rgba(255, 255, 255, 0.1); margin:0 0 20px 0; }
.modal { background:#171717 url("images/pattern.png"); padding:40px 10px 10px 10px; }
.modal p { margin:0; }
.thumbList, .thumbList li a img, .thumbList li a span, .thumbList li a label { clear:both; }
.thumbList, .thumbList li, .thumbList li a, .thumbList li a img, .thumbList li a span, .thumbList li a label { display:block; }
.thumbList li, .thumbList li a { float:left; }
.thumbList li { margin:0 8px 8px 0; position:relative; }
.thumbList li a.thumb { border-radius:5px; }
.thumbList li a.thumb img { border-radius:3px; }
.thumbList li a.thumb { background:#0e0e0e; border:solid 1px #0e0e0e; border-top:solid 1px #222; border-bottom:solid 1px #000; box-shadow:0 1px 0 #0e0e0e; padding:5px; }
.thumbList li a.thumb:hover { background:#000; border:solid 1px #444; box-shadow:0 0 5px rgba(255, 255, 255, 0.1); }
.thumbList li a.thumb img { border:none; }
.thumbList li a.thumb:hover img { opacity:1!important; }
.thumbList li a span, .thumbList li a label { color:#666; height:20px; line-height:25px; }
.thumbList li a:hover span, .thumbList li a:hover label { color:#fff; }
.sectionMenu .thumbList li { margin:0 5px 5px 0; }
.sectionMenu .thumbList li a { border:solid 1px #000; padding:2px; }
.sectionMenu .thumbList span, .sectionMenu .thumbList label { display:none; }
.sectionMenu .thumbList li a.thumb { border-radius:3px; }
.sectionMenu .thumbList li a.thumb img { border-radius:1px; }
#menu li, #menu li a { text-align:center; }
#menu li a { color:#999; text-shadow:-1px -1px 0 #111; }
#menu li a:hover { color:#fff; }
#menu li.current a, #menu li.current a:hover { color:#fff; text-shadow:0 0 10px #fff; }
#profile { float:left; margin:0 20px 20px 0; }
#profile img { border:none; clear:both; display:block; margin:0 0 1px 0; padding:0; }
#profile p { display:none; }
#profile p span { color:#999; font-style:italic; }
/*
-------------------------------------------------------------------------------------
--- style.css
-------------------------------------------------------------------------------------
*/
.section { clear:both; display:block; margin:0 0 20px 0; padding:0 10px; text-align:justify; }
.section h2 { clear:both; color:#fff; display:block; margin:0; }
.sectionContent h2 { clear:both; display:block; margin:0 0 20px 0; }
.sepTitle { background:url(images/bkg_30.png); border-radius:5px; clear:both; color:#fff; display:block; margin:0 0 5px 0; text-align:center; height:2em; line-height:2em; }
#header, #content, #footer { clear:both; display:block; }
#content, #footer { margin:0 auto; position:relative; }
#footer { background:url(images/bkg_20.png); border:solid 1px rgba(255, 255, 255, 0.05); border-top:solid 1px rgba(0, 0, 0, 0.5); border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; clear:both; color:#666; display:block; height:2.5em; line-height:2.5em; text-align:center; text-transform:uppercase; font-size:10px; letter-spacing:1px; box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.5); }
#footer a { color:#999; }
#footer a:hover { color:#fff; }
#header { background-repeat:no-repeat; clear:both; display:block; position:fixed; z-index:1000; }
#header #fader { clear:both; display:block; height:30px; width:100%; }
#header h1 { background-image:url("images/luissantos.png"); background-repeat:no-repeat; background-position:10px center; display:block; float:left; height:70px; margin:0; position:relative; width:220px; text-indent:-9999px; }
#header h1 a { color:#fff; clear:both; display:block; height:100%; width:100%; overflow:hidden; }
#nav { float:right; }
#menu li, #menu li a { height:40px; }
#menu, #menu li a { clear:both; display:block; }
#menu li { display:block; float:left; list-style:none; }
#menu li + li { margin:0 0 0 40px; }
.sectionMenu { float:left; display:block; width:210px; }
.sectionMenu ul { margin:0 0 20px 0; }
.sectionContent { clear:none; float:right; display:block; margin:0 0 20px 0; width:700px; }
.sectionContent p { margin:0 0 15px 0; text-align:left; }
.sectionContent p strong { color:#aaa; }
.multiContent { clear:both; width:100%; }
.multiContent h1, .multiContent h2, .multiContent h3, .multiContent h4, .multiContent h5, .multiContent ol li:before, .multiContent ul li:before { color:#fff; }
.multiContent h1, .multiContent h2, .multiContent h3, .multiContent h4, .multiContent h5, .multiContent ul, .multiContent ol { margin:0 0 10px 0; }
.multiContent ul, .multiContent ol { list-style-position:inside; }
.multiContent ol { counter-reset: item }
.multiContent ol li { display: block }
.multiContent ol li:before { content:counter(item) ". "; counter-increment:item; font-weight:bold; margin:0 5px 0 0; }
.multiContent ul li { display: block }
.multiContent ul li:before { content: "\002013 \0020"; margin:0 5px 0 0; }
.multiContent p { text-align:justify; }
.multiContent img { border:solid 5px #222; margin:0 10px 10px 0; }
.multiContent a img { border:solid 5px #333; border-color:rgba(255, 255, 255, 0.05); }
.multiContent a:hover img { border:solid 5px #666; border-color:rgba(255, 255, 255, 0.1); }
h3.toogleList, h3.toogleList span, h3.sideHeader, h3.sideHeader span { clear:both; display:block; height:40px; }
h3.toogleList, h3.sideHeader { background:url("images/bkg_gradtitle.png") repeat-x center bottom; padding:0 10px; letter-spacing:1px; }
h3.sideHeader { color:#fff; }
h3.toogleList span { background:url("images/updown.png") no-repeat right -40px; cursor:pointer; color:#fff; }
h3.toogleList span.collapsed { background-position:right 0; }
.sideButton { clear:both; display:block; height:30px; line-height:30px; margin:0 0 20px 0; text-align:center; }
.sectionMenu ul.collapsed, .sectionMenu div.collapsed { height:1px; visibility:hidden; overflow:hidden; margin:0 0 5px 0; }
.topicList, .topicList li, .imgList, .imgList li, .iconList, .iconList li { list-style-type:none; list-style-image:none; list-style:none; width:100%; }
.topicList li, .topicList li a, .topicList li span, .imgList li, .imgList li a, .imgList li a h4, .iconList li, .iconList li a { clear:both; display:block; float:none; text-align:left; }
.topicList li { border-bottom:solid 1px #333; height:31px; }
.topicList li a, .topicList li span { background:url("images/bullet.gif") no-repeat 10px -5px; border-bottom:solid 1px #000; color:#888; padding:0 0 0 25px; height:30px; }
.topicList li a:hover { background-color:rgba(0, 0, 0, 0.2); color:#ccc; }
.topicList li a.selected { background-position:10px -45px; color:#fff; }
.imgList li, .imgList li a, .imgList li a img { position:relative; }
.imgList li { margin:0 0 10px 0; overflow:hidden; height:65px; }
.imgList li a, .imgList li a img.thumb { height:63px; width:208px; }
.imgList li a { border:solid 1px #000; border-bottom:solid 1px #333; color:#999; }
.imgList li a:hover { border-bottom:solid 1px #666; color:#fff; }
.imgList li a img { border:none; }
.imgList li a img.icon { display:none; }
.imgList li a img.thumb { display:block; }
.imgList li a h4 { background:url("images/bkg_80.png"); clear:both; display:block; height:30px; position:absolute; bottom:0; left:0; width:210px; text-align:left; text-indent:10px; }
.iconList li, .iconList li a, .iconList li a img, .iconList li a h4 { position:relative; }
.iconList li { border-bottom:solid 1px #333; }
.iconList li:hover { border-bottom:solid 1px #666; }
.iconList li a { border-bottom:solid 1px #000; height:40px; padding:10px; width:190px; text-align:left; }
.iconList li a:hover { background:url("images/bkg_40_gray.png"); }
.iconList li a img { border:solid 1px #000; float:left; height:38px; margin:0 10px 0 0; box-shadow:0 0 5px rgba(0, 0, 0, 0.25); }
.iconList li a:hover img { border:solid 1px #666; }
.sectionContent .iconList li { margin:0 0 2px 0!important; }
.sectionContent .iconList li a { background:url(images/bkg_10.png); border-radius:5px; height:30px; line-height:30px; padding:2px 0; width:100%; }
.sectionContent .iconList li a:hover { background:url(images/bkg_40_gray.png); }
.sectionContent .iconList li a, .sectionContent .iconList li a:hover, .sectionContent .iconList li, .sectionContent .iconList li:hover { border:none!important; padding:0!important; }
.sectionContent .iconList li a img { border:solid 1px #000; float:left; height:24px; margin:2px 10px 2px 2px; }
.sectionContent .iconList li a:hover img { border:solid 1px #333; }
.tags { background:url(images/bkg_20.png); border-radius:5px; clear:both; display:block; height:20px; line-height:3px; list-style:none; overflow:hidden; padding:5px; }
.tags li, .tags li a, .tags li span { clear:none; display:block; float:left; height:20px; line-height:20px; font-size:12px; }
.tags li + li { margin:0 0 0 5px; }
.tags li a { background:#222; border-radius:5px; text-align:center; padding:0 5px; }
.tags li a:hover { background:#444; }
#news .sectionContent h2 { margin:0; }
#newsContent > h2 { margin:0 0 5px 0; }
.newsDate { clear:both; display:block; float:none; text-align:left; margin:0 0 20px 0; }
#calendar { margin:0 0 10px 0; padding:10px 0 0 0; position:relative; }
#calendar iframe { border:none; height:200px; width:100%; }
#calendar table { font:11px/20px Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #000; }
#calendar table caption, #calendar table tr th, #calendar table tr td { text-align:center; }
#calendar table caption { color:#ccc; position:relative; font-weight:bold; }
#calendar table caption a { background-image:url("images/thumb-nav.gif"); background-repeat:no-repeat; display:block; height:11px; width:11px; text-indent:-9999px; }
#calprev { background-position:left center; float:left; margin:5px 0 0 5px; }
#calnext { background-position:right center; float:right; margin:5px 5px 0 0; }
#calendar table tr th { color:#444; }
#calendar table tr td.news > a { background:url("images/bkg_50.png"); border-radius:5px; box-shadow:0 0 5px #666; font-weight:bold; display:block; height:100%; width:100%; }
#calendar table tr td.news > a:hover { background:#222; }
#calendar table tr td div { display:none; }
#lk_cv_request { padding:0 5px; }
#lk_cv_request span { background:url("images/ico_cv.png") no-repeat left center; clear:both; display:block; height:100%; padding:0 0 0 35px; text-align:left; }
#skype span { clear:none; float:left; }
#skype a { clear:none; float:right; padding:7px 0 0 0; }
fieldset ul, fieldset ul li { list-style:none; }
.fieldList, .fieldButtons { width:400px; position:relative; }
form[name=form_cvrequest] .fieldList, .fieldButtons { width:295px; }
.fieldList { margin:0 0 30px 0; }
.fieldList ul li, .fieldList ul li label, .fieldList ul li input, .fieldList ul li textarea, .fieldList ul li span.fdb { clear:both; display:block; }
.fieldList ul li, .fieldList ul li label, .fieldList ul li input, .fieldList ul li span.fdb { width:100%; }
.fieldList ul li { margin:0 0 5px 0; }
.fieldList ul li label { font-size:1.1em; }
.fieldList ul li label span { color:#fff; }
.fieldList ul li label span.standout { color:#fff !important; }
.fieldList ul li input { background:none !important; border:none; border-bottom:dashed 1px #666; color:#ccc; height:1.8em; }
.fieldList ul li input, .fieldList ul li input:hover, .fieldList ul li input:focus { outline:none; }
.fieldList ul li input:focus { border-bottom:dashed 1px #fff; }
.fieldList ul li textarea { background:url("images/bkg_30.png"); border:solid 1px #000; border-right:solid 1px #333; border-bottom:solid 1px #333; border-radius:5px; color:#ccc; height:5em; margin:10px 0 0 0; padding:5px 2%; width:96%; resize:vertical; box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.5); }
.fieldList ul li textarea, .fieldList ul li textarea:hover, .fieldList ul li textarea:focus { outline:none; }
.fieldList ul li textarea:focus { border:solid 1px #333; }
.fieldButtons ul { clear:both; display:block; height:2em; width:100%; }
.fieldButtons ul li { float:right; margin:0 0 0 20px; padding:0; }
.fieldButtons ul li input { background:none; border:none; clear:none; cursor:pointer; color:#999; display:block; float:right; height:2em; margin:0; padding:0; }
.fieldButtons ul li input, .sideButton { letter-spacing:1px; }
.fieldButtons ul li input, .fieldButtons ul li input:hover, .fieldButtons ul li input:focus, .sideButton:focus { outline:none; }
.fieldButtons ul li input:hover, .fieldButtons ul li input:focus { color:#fff; }
.fieldButtons ul li input.submit, .sideButton, #modal_galpass input[type=submit] { background:#1e1e1e; border:solid 1px #1e1e1e; border-top:solid 1px #333; border-radius:5px; color:#ccc; padding:0 10px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); cursor:pointer; }
.fieldButtons ul li input.submit:hover, .fieldButtons ul li input.submit:focus, .sideButton:hover, .sideButton:focus, #modal_galpass input[type=submit]:hover, #modal_galpass input[type=submit]:focus { background:#222; border:solid 1px #333; border-top:solid 1px #666; box-shadow:0 0 5px rgba(0, 0, 0, 0.8); color:#fff; }
.fieldList ul li.error label span { color:red; }
.fieldList ul li.error input { border-bottom:dashed 1px red; }
.fieldList ul li span.fdb { height:20px; line-height:20px; margin:0; padding:0; visibility:hidden; }
.fieldList ul li.error .fdb { color:red; font-size:0.9em; visibility:visible; }
p.feedback { background:url(../imgs/layout/bkg_30.png); border-radius:5px; clear:both; display:none; line-height:1.5em; margin:0 0 10px 0; padding:5px; text-align:center; }
p.feedback.success { border:dashed 1px #6C6; color:#6C6; display:block; }
p.feedback.error { border:dashed 1px red; color:red; display:block; }
#deepzoom { background:#000 url(images/loading.gif) center center no-repeat; clear:both; display:block; height:100%; width:100%; z-index:1; overflow:hidden; text-align:center; }
#thumblist li a img { height:200px; width:120px; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; }
.modal .error { color:red; }
.modal .success { color:green; }
#modal_galpass p { background:rgba(255, 0, 0, 0.1); border-radius:5px; clear:both; display:block; margin:0 auto 10px auto; text-align:center; }
#modal_galpass label, #modal_galpass input { display:block; float:left; }
#modal_galpass label { height:30px; line-height:30px; margin:0 10px 0 0; }
#modal_galpass input { height:28px; line-height:28px; outline:none; }
#modal_galpass input[type=password] { background:url('images/bkg_30.png'); border:solid 1px #111; border-bottom:solid 1px #222; border-radius:5px; box-shadow:inset 0 0 5px rgba(0, 0, 0, 1); color:#666; margin:0 10px 0 0; padding:0 10px; width:100px; }
#modal_galpass input[type=password]:hover, #modal_galpass input[type=password]:focus { background:url('images/bkg_50.png'); border:solid 1px #222; border-bottom:solid 1px #333; color:#999; }
/*
-------------------------------------------------------------------------------------
--- media-queries.css
-------------------------------------------------------------------------------------
*/
@media screen and (max-width: 439px), (max-device-width: 439px) {
 body { font-size:75%; line-height:1.8em; margin:0; padding:0; }
 #header, #content, #footer { width:100%; }
 #header { margin:0; top:0; left:0; }
 #header h1 { line-height:3em; margin:0;}
 #nav { clear:both; margin:auto!important; padding:0 6%; width:100%;}
 .section { text-align:left; }
 .sectionContent { margin:0 auto 20px auto; width:280px; }
 .multiContent iframe { width:100%!important; overflow:hidden; }
 }
 @media screen and (max-width: 550px), (max-device-width: 550px) {body {background-image:url("images/bkg_550.jpg");}}
 @media screen and (min-width:440px) and (max-width:689px) {
 #header,  #content,  #footer {min-width:440px; width:440px;}
 #header { margin-left:-220px; top:0; left:50%;}
 #nav { margin:auto; width:394px;}
 #menu li + li { margin:0 0 0 35px;}
 .sectionContent { width:100%;}
}
 @media screen and (max-width:689px) {
#header { background-image:url("images/bkg_header_short.jpg"); height:140px; }
#header #fader { background:url("images/bkg_header_short.png") no-repeat center top; }
#header h1 { background-image:url(images/luissantos_mobile.png); background-position:center center; clear:both; float:none; text-align:center; width:auto; height:50px; line-height:50px; padding:0; margin:0 auto 10px auto; }
#nav { clear:both; float:none; padding:0; }
#menu li, #menu li a { height:40px; line-height:50px; overflow:hidden; }
#menu li { margin:0 0 10px 0; width:23%; }
#menu li#mn_contacts { width:30%; }
#menu li + li { margin:0; }
#menu li a { clear:none; margin:auto!important; width:90%!important; }
.section h2.sectionTitle { padding:120px 0 0 0; visibility:hidden; }
.sectionContent { clear:both; float:none; }
#thumblist li { display:block; float:left; height:230px; margin:0 5px 10px 5px; width:130px; }
#filters { display:none; }
#thumblist li { opacity:1 !important; }
.sectionMenu { clear:both; float:none; margin:auto auto 20px auto; width:86%; }
div.sectionContent { margin:auto; width:86%; }
.multiContent p { text-align:left; }
.tags { margin-bottom:20px; min-height:4em; height:auto!important; overflow:visible; }
.tags li { margin:0 2px 2px 0!important; }
.imgList li a img.thumb { display:none; }
.imgList li a img.icon { display:block; }
.imgList li a img.icon, .iconList li a img { border:solid 1px #000; float:left; height:24px; margin:2px 10px 2px 2px; position:relative; }
.imgList li a:hover img.icon, .iconList li a:hover img { border:solid 1px #666; }
.imgList li, .iconList li, .imgList li:hover, .iconList li:hover, .imgList li a, .iconList li a, .imgList li a:hover, .iconList li a:hover, .imgList li a h4, .iconList li a h4 { background:none; border:none; clear:both; display:block; height:30px; line-height:30px; width:100%; margin:0; padding:0; overflow:visible; position:relative; }
.imgList li, .iconList li, .imgList li:hover, .iconList li:hover { height:31px; border-bottom:solid 1px #333; }
.imgList li a, .iconList li a, .imgList li a:hover, .iconList li a:hover { border-bottom:solid 1px #000; }
.imgList li a, .iconList li a { color:#999; }
.imgList li a:hover, .iconList li a:hover { color:#fff; }
.imgList li a h4, .iconList li a h4 { clear:none; float:left; text-indent:0; font-size:14px; font-style:normal; width:auto; }
.fieldList, .fieldButtons { width:100%; }
#profile { clear:both; display:block; float:none; margin:0 auto 20px auto; position:relative; width:250px; }
}
 @media screen and (min-width:690px) { .sectionContent { width:420px;}}
 @media screen and (min-width:810px) { .sectionContent { width:560px;}}
 @media screen and (min-width:950px) { .sectionContent { width:700px;}}
 @media screen and (min-width:690px) {
#header { background-image:url("images/bkg_header_wide.jpg"); background-position:center top; height:100px; }
#header #fader { background:url("images/bkg_header_wide.png") no-repeat center top; }
#header h1 { background-position:10px center; float:left; text-align:left; padding:0 0 0 10px; width:210px; }
#nav { float:right; padding:15px 10px 0 0; }
.section h2.sectionTitle { padding:80px 0 0 0; visibility:hidden; }
}
 @media screen and (min-width:690px) and (max-width:990px) {
#header, #content, #footer { width:100%; }
#header { margin:0 auto; top:0; left:0; }
}
 @media screen and (min-width:990px) {
#header, #content, #footer { width:990px; }
#header { margin-left:-495px; top:0; left:50%; }
}
@media screen and (max-width: 550px), (max-device-width: 550px) {body {background-image:url("images/bkg_550.jpg");}}
@media screen and (max-width:1280px) {body {background-image:url("images/bkg_1280.jpg");}}
@media screen and (min-width:1281px) {body {background-image:url("images/bkg_1800.jpg");}}