html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
ol, ul { list-style: none; }

body { background: url(http://server/stu/teste/ficheiros/bg_top.jpg) repeat-x 0 0; color: #333; font: 13px Arial, Helvetica, Geneva, sans-serif; text-align: center; margin: 0; padding: 0; /*line-height: 1;*/ }
img { border: none; }
a { text-decoration: underline; cursor: pointer; color: #1378AA; }
a:hover { color: #16B6C9; }

#container { width: 900px; margin: 0 auto; text-align: left; }

/* top */
#top { height: 100px; }
#top img { padding: 22px 0; width: 168px; height: 53px; position: absolute; z-index: 2; }

/* navbar */
#navbar { position: absolute; top: 0; line-height: 96px; width: 900px; padding-right: 20px; text-align: right; font-size: 16px; color: #fff; }
#navbar ul { list-style: none; margin: 0; padding: 0; z-index: 1; }
#navbar li { display: inline; }
#navbar li a { text-decoration: none; color: #fff; padding: 4px 6px; line-height: 28px; margin: 0 5px 0 10px; border: 1px solid transparent; _border-color: #101010; }
#navbar li a:hover { color: #fff; border: 1px solid #fff; }
#navbar li a:focus { outline: none; }  

/* body */
#body { clear: both; margin: 25px 0; }
#body h1, #body h2 { font-size: 20px; font-weight: normal; margin: 0 0 4px; color: #1378AA; clear: both; padding: 0; }
#body h1 a, #body h2 a { text-decoration: none; }
#body h2 { padding-top: 20px; }
#body h3 { font-size: 16px; }
#body h4 { font-size: 13px; margin-bottom: 0; font-weight: bold; }
#body h4 a { color: #555; text-decoration: none; } 
#body h4 a:hover { color: #000; }

#body p { text-align: justify; margin: 8px 0 15px; line-height: 140%; }
#body #tagsDesc p { width: 662px; }

#body .box { margin-top: 8px; padding: 10px; border-style: solid; border-width: 2px; line-height: 140%; }
#body .box img.label { border: 2px solid #92002E; float: left; margin-right: 12px; }
#body .box ul { margin-bottom: 0; }
/*#body .box span { line-height: 140%; }*/


/* body - photos */
.photos a { display: block; width: 160px; height: 120px; float: left; position: relative; text-decoration: none; margin: 4px 10px 10px 0; overflow: hidden; }
.photos a span { filter: alpha(opacity=30); -moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.30; background: #000; position: absolute; line-height: 16px; padding: 4px 0; height: 15px; overflow: hidden; color: #fff; bottom: 0; width: 100%; text-align: center; font-size: 10px; }
.photos a:hover span { filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.80; }

#photo div { position: relative; top: 4px; }
#photo div a { display: block; width: 120px; position: absolute; top: 0; background: url(/i/lay/transparent.gif) no-repeat 0 0; text-align: center; }
#photo div a#nav1 img, #photo div a#nav2 img, #photo div a#nav3 img { filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.60; }
#photo div a#nav1 { left: 0; }
#photo div a#nav2 { left: 120px; }

#photo div a img { visibility: hidden; }
#photo div a:hover img { visibility: visible; } 

#tag_cloud { line-height: 210%; }
#tag_cloud a { text-decoration: none; color: #666; margin-right: 10px; }
#tag_cloud a:hover { text-decoration: underline; color: #000; }



h1 a.changeView, h1 a.toggleTagsDesc { font-size: 12px; margin: 7px 7px 0 0; }
.th_s { line-height: 0; }
.th_s img { width: 60px; margin: 4px 0 0; padding: 4px; border: 1px solid #eee; }
.th_s img:hover { border-color: #ccc; }
.ms img { border: 1px solid #fff; }

#last_photos { min-height: 148px; }

a.bgi { background-repeat: no-repeat; background-position: 0 1px; font-size: 16px; text-decoration: none; padding-left: 21px; }
a#toggleCode { background-image: url(/i/lay/icons/code.gif); }
a#toggleExif { background-image: url(/i/lay/icons/picture.gif); }
a#toggleMap { background-image: url(/i/lay/icons/map.gif); }


ul#exif li { margin: 0 0 5px 21px; }



/* body - listy */
#body ul { list-style: none; margin: 0 0 20px; padding: 0; }
#body ul.list li { margin-bottom: 7px; }

#body ul.fancy li { padding: 2px 3px; float: left; width: 174px; border-bottom: 1px solid #eee; font-size: 12px; }
#body ul.fancy li a { text-decoration: none; display: list-item; color: #666; padding: 3px 10px; background: url(/i/lay/arrows.gif) no-repeat 0 0px; }
#body ul.fancy li a:hover { color: #000; background-position: 0 -23px; }

body#card ul.fancy li { width: 144px; }
body#blog ul.fancy li { width: 140px; }


/* dla tagów, exifów... */
#body ul.inlineblocks li { display: inline; }
#body ul.inlineblocks li a { padding: 3px 6px; margin-right: 5px; line-height: 35px; font-weight: bold; color: #999; text-decoration: none; border: 1px solid #f7f7f7; }
#body ul.inlineblocks li a:hover, #body ul.inlineblocks li a.act { color: #1378AA;  background: url(/i/lay/bg_btn.gif) repeat-x 0 bottom; border-color: #ccc; }
#body ul.inlineblocks li a.act:hover { cursor: default; }

#body ul.inline li { display: inline; }



/* comments */
#comments { margin: 30px 0; }
#comments ul { margin: 10px 0; list-style: none; padding: 0; }
#comments li { margin-bottom: 40px; }
#comments li p.user { margin-bottom: 10px; border-bottom: 1px solid #eee; background: url(/i/lay/arrow1.gif) no-repeat 0 center; line-height: 30px; padding-left: 10px; font-weight: bold; color: #666; }
#comments li p.user.owner { border-bottom: 1px solid #ddd; }
#comments li p.user a { text-decoration: none; color: #000; }
#comments li p.user a:hover { color: #1378AA; }
#comments li p.user span { color: #ddd; float: right; line-height: 30px; font-weight: normal; }
#comments li p.text { margin: 0 0 0 10px; }


/* col_1, col_2 */        
#body #col_1 { float: left; width: 550px; } 
#body #col_2 { float: right; width: 300px; _width: 303px; }

#body.index #col_1 { width: 370px; } 
#body.index #col_2 { width: 510px; }

#body.wide #col_1 { width: 670px; }
#body.wide #col_2 { width: 180px; } 

#body.full #col_1 { width: 900px; }
#body.full #col_2 { width: 0; display: none; }


#col_2 p { margin: 5px 0 15px; } /* do minibloga */




/* body - portfolio */
#projects div { margin: 10px 0 20px; }
#projects a { text-decoration: none; color: #000; font-weight: bold; }
#projects a img { display: block; margin: 5px 0; padding: 4px; border: 1px solid #eee; }
#projects a:hover img { border-color: #ddd; }


ul.tabs { border-bottom: 1px solid #eee; text-align: right; padding: 0 10px 4px !important; margin-bottom: 0 !important; }
ul.tabs li { display: inline; }
ul.tabs li a { text-decoration: none; border: 1px solid #eee; padding: 4px 10px; margin-bottom: 4px; }  
ul.tabs li a:hover, ul.tabs li a.act { border-bottom-color: #fff; }  

#viewer { background: url(/i/lay/loading_green.gif) no-repeat center 100px; min-height: 100px; }
#viewer img { padding: 4px; border: 1px solid #eee; border-top: none; width: 540px; min-height: 200px; max-height: 600px; }


/* loading */
#loading { position: absolute; top: 40px; margin-left: 170px; width: 20px; visibility: hidden; }

/* foot */
#foot { margin-top: 30px; border-top: 1px solid #ccc; color: #666; }
#foot p { padding: 10px 0 13px; margin-top: 0; }
#foot ul { margin: 10px 0; padding: 0; }
#foot li { display: inline; }
#foot li a { margin-right: 10px; }
#foot a { color: #666; }
#foot a:hover { color: #000; }


/* popup */
#popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(/i/lay/overlay.png) repeat 0 0; z-index: 3; display: none; }
#popup img { position: fixed; top: 45%; left: 48%; border: 10px solid #fff; }

.vh { visibility: hidden; }


/* colors */
.bg1, .bgh1:hover, #navbar_blog .act
 { background: #92002E url(/i/lay/c1.gif) repeat-x 0 0; border-color: #92002E !important; color: #fff; }

.bg2, .bgh2:hover, #navbar_card .act
 { background: #97C41F url(/i/lay/c2.gif) repeat-x 0 0; border-color: #97C41F !important; color: #fff; }

.bg3, .bgh3:hover, #navbar_foto .act
 { background: #1378AA url(/i/lay/c3.gif) repeat-x 0 0; border-color: #1378AA !important; color: #fff; }

.bg1 a, .bg2 a, .bg3 a { color: #fff; } 



/* body - forms */
label { margin: 10px auto 2px auto; }
input, textarea, select { width: 300px; padding: 2px; _padding: 3px; color: #333; border: 1px solid #999; border-top-color: #bbb; border-left-color: #bbb; }
select { width: 306px; padding: 1px; }
textarea { width: 594px; height: 120px; }
textarea.big { height: 300px; }
input.btn { color: #085AAF; background: #fff url(/i/lay/bg_btn.gif) repeat-x 0 bottom; border: 1px solid #ccc; font-weight: bold; cursor: pointer; padding: 1px 3px; width: auto !important; }
input.btn:hover { border: 1px solid #999; }

.form_error { color: #e00; background-color: #ff8; } 
form select { width: 308px; font: 13px Arial, Helvetica; } 

form.block label { display: block; }
form.block input { display: block; }
form.block input.btn { display: block; margin-top: 10px; }

form.inline label { display: inline; }
form.inline input { display: inline; }

form#addcomment textarea { width: 544px; }

.msg_ok, .info, .warning, .error { padding: 10px 36px; margin-bottom: 20px; border-width: 1px; border-style: solid; background-position: 8px center; background-repeat: no-repeat; }
.info, .msg_ok { color: #8CABCD; border-color: #8CABCD; background-color: #F1F5F9; background-image: url(/i/lay/icons/info.png); }
.warning { color: #F57900; border-color: #F57900; background-color: #FFF3CE; background-image: url(/i/lay/icons/warning.png); }
.error { color: #CC3939; border-color: #CC3939; background-color: #FCE8E8; background-image: url(/i/lay/icons/error.png); }


/* body - panel - tables */
table { border-collapse: collapse; border-spacing: 0; }
table.horizontal { width: 100%; _width: 500px; }
table.horizontal th, table.horizontal td { border-bottom: 1px solid #eee; padding: 4px; text-align: left; }
table.horizontal th { border-bottom-color: #ccc; font-weight: bold; }
table.horizontal tbody tr:hover, table.horizontal tfoot tr:hover { background: #ffffcc; }
table.horizontal tfoot { border-top: 2px solid #cc3366; }

th.w20 { width: 20px; }
th.w50 { width: 50px; }
th.w80 { width: 80px; }


#adddelTags { margin: 30px 0; line-height: 150%; }
#adddelTags a { text-decoration: none; color: #aaa; margin-right: 15px; padding: 2px; }
#adddelTags a:hover { text-decoration: none; color: #000; }
#adddelTags a.act { text-decoration: underline; color: #000; }



/* body blog */
body#blog #col_1 h1 { /*border-bottom: 1px solid #eee; padding-bottom: 5px;*/ /*margin: 0;*/ }
body#blog #col_1 h1 span { color: #ccc; display: block; font-size: 12px; float: right; margin-top: 6px; }
body#blog #col_1 h1 img { float: right; }

body#blog #col_1 a { color: #BB0045; } 
body#blog #col_1 a:hover { color: #92002E; }

body#blog p { /*line-height: 140%;*/ }

body#blog #col_2 h1, body#blog #body #col_2 h2 { color: #BB0045; }
body#blog #miniblog li { color: #666; margin-bottom: 20px; font-size: 12px; } 
body#blog #miniblog li a { color: #666; } 
body#blog #miniblog li a:hover { color: #000; } 
 

 

/* body card */
body#card #col_1 h1, body#card #col_1 h1 a, body#card #col_1 h2, body#card #col_1 h2 a { color: #97C41F; }
body#card #col_1 h1 a:hover, body#card #col_1 h2 a:hover { color: #BEE938; }
body#card #col_2 h1, body#card #col_2 h2 { color: #97C41F; }

body#card #col_1 a { color: #97C41F; }
body#card #col_1 a:hover { color: #BEE938; }





/* stars */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background: url(/i/lay/star.gif) left -1000px repeat-x; }
.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
.inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; }

.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; }

/* misc */
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.taj { text-align: justify !important; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none !important; }
.fc { clear: both !important; display: block; font-size: 1px; }

.dn { display: none; }
.db { display: block; }
.di { display: inline; }
.vh { visibility: hidden; }
.vv { visibility: visible !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }

.b { font-weight: bold !important; }
.n { font-weight: normal !important; }
.g { color: #ccc; }
.gr { color: green; }
.r { color: red; }

.wa { width: auto !important; }
.wf { width: 100%; }
.w30 { width: 30px; }
.w60 { width: 60px; }
.w130 { width: 130px; }
.w900 { width: 894px; }


/* .c1, .c2, .c3 */
.c1 { color: #BB0045 !important; }
.c2 { color: #97C41F !important; }
.c3 { color: #1378AA !important; }