/* add calendar */
@import url('dp_datePicker.css');
@import url('jquery.rating.css');

body { margin:0; padding:0; font:12px Verdana, Arial, Helvetica, sans-serif; background:#300; color:#310; cursor:default }
* { margin:0 }

a { color:#900; text-decoration:none }
a:hover { color:#f30 }
a, div { outline:none 0 }
a img { border:0 none }

input, textarea, option, select { background:#fff; color:#600; font:12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #eee2ca; padding:3px; }
option, select {  background:#fff; padding:0; border:0 none; border-bottom:1px solid #eee2ca }

a.def_but { background-image:url(../images/but_general.jpg); display:block; width:135px; height:18px; padding-top:2px; color:#fff; font-size:12px; text-align:center; margin:0 auto; }

.main { width:960px; margin:0 auto; background:url(../images/cont_mid.jpg) repeat-y; }

/* ===== meniu  */
.main #meniu { background:url(../images/meniu.jpg); height:100px; }
/* ===== text left */
.main #meniu #textleft { width:300px; position:absolute; top:38px; left:50%; margin:0 0 0 -450px; color:#be9430; font-size:15px }
.main #meniu #newsletter { width:320px; position:absolute; top:36px; left:50%; margin:0 0 0 150px; }
/* ===== left part  */
.main #meniu p#menl { width:430px; float:left; padding-top:72px }
.main #meniu p#menl a { width:auto; padding:3px 13px; float:right; color:#fc9; font-size:12px; text-decoration:none }
.main #meniu p#menl a:hover { border-bottom:5px solid #f5e5c3; background:#f5e5c3; color:#c00 }
.main #meniu p#menl a#sel { border-bottom:5px solid #f5e5c3; background:#f5e5c3; color:#000 }
/* ===== right part */
.main #meniu p#menr { width:430px; float:right; padding-top:70px }
.main #meniu p#menr a { width:auto; padding:3px 6px; float:left; color:#fff; font-size:14px; text-decoration:none }
.main #meniu p#menr a:hover { border-bottom:4px solid #f5e5c3; background:#f5e5c3; color:#c00 }
.main #meniu p#menr a#sel { border-bottom:5px solid #f5e5c3; background:#f5e5c3; color:#000 }
/* ===== header part */
.main #header p { text-align:center; padding-left:1px }
/* ===== content part */
.main #content { width:942px; margin:0 auto; overflow:hidden; padding:5px 0 0 10px; }

.main #content #left { width:217px; float:left; background:#f3e7c9 url(../images/grad_left.jpg) repeat-x bottom; padding:10px }
.main #content #left h2 { padding:20px 0 3px 0; font-size:15px; color:#900 }
.main #content #left .dp-popup h2 { padding:0 }
.main #content #left h2.events { font-size:18px; padding:0; font-weight:normal; color:#dda723 }
.main #content #left h3 { color:#c93; font-size:12px; padding:10px 0 2px 0; }
.main #content #left h3 span { display:block; color:#999; font-size:10px; font-weight:normal }
.main #content #left p { font-size:11px; padding:3px 0 }
.main #content #left p.finbut { padding:10px 0 }
.main #content #left p a.ncateg { display:block; padding:2px 10px; color:#000 }
.main #content #left p a.ncateg:hover { background:#603; color:#fff }
.main #content #left p a.ncateg#selcateg { background:#600; color:#fff }

.main #content #right { width:233px; float:right; }

.main #content #right #box_r1 { width:183px; padding:0 10px; margin:0 auto; background:#e0c17a url(../images/box_right1_top.jpg) no-repeat; }
.main #content #right #box_r1 h2 { font-size:13px; padding:4px; margin-bottom:10px; text-align:center }
.main #content #right #box_r1 p { padding:3px 0 }
.main #content #right #box_r1 p.createacc { padding:7px 0 }
.main #content #right #box_r1 p a.menrght { display:block; padding:2px 5px 2px 10px; margin:1px 0 }
.main #content #right #box_r1 p a.menrght:hover { background:#900; color:#fff; }
.main #content #right #box_r1 #sign_up_w { position:absolute; top:340px; left:50%; margin:0 0 0 -300px; display:none }
.main #content #right #box_r1 #login_w { display:none; padding-bottom:10px }

.main #content #right #box_r1 #midwin { position:absolute; z-index:3000; width:550px; top:380px; left:50%; margin:0 0 0 -400px; background:#fff; padding:10px; border:7px solid #f1b5b5; display:none }
.main #content #right #box_r1 #midwin h2 { color:#999; font-size:19px; font-weight:normal }
.main #content #right #box_r1 #midwin p { padding:3px 0; }
.main #content #right #box_r1 #midwin p.fin { padding:20px 0 }
.main #content #right #box_r1 #midwin p#closemidwin { width:23px; float:right; }
.main #content #right #box_r1 #midwin #hidemes { display:none }
.main #content #right #box_r1 #midwin .mesaj { width:500px; margin:5px auto; padding:3px 7px; border:1px solid #eee; line-height:15px }
.main #content #right #box_r1 #midwin .mesaj .delete { width:15px; float:left; padding:12px 15px 12px 5px; cursor:pointer }
.main #content #right #box_r1 #midwin #showmesage { position:absolute; top:200px; left:50%; margin-left:200px; width:400px; display:none }
.main #content #right #box_r1 #midwin #showmesage img#leftmesimg { float:left; width:10px; height:100px; padding:0; margin:0; }
.main #content #right #box_r1 #midwin #showmesage #contmes { background:#555; padding:10px; color:#fff; width:365px;float:right; border:2px solid #777 }
.main #content #right #box_r1 #midwin #showmesage #contmes a { color:#f99 }
.main #content #right #box_r1 #midwin #showmesage #contmes a:hover { color:#fec }
/* table */
.main #content #right #box_r1 #midwin #tabformajax { width:500px; margin:0 auto; }
.main #content #right #box_r1 #midwin #tabformajax td { padding:5px 7px; border-bottom:1px dashed #fee }
.main #content #right #box_r1 #midwin #tabformajax .lcol { width:130px; }
.main #content #right #box_r1 #midwin #tabformajax input,
.main #content #right #box_r1 #midwin #tabformajax textarea { width:250px; }
.main #content #right #box_r1 #midwin #tabformajax input.sm1 { width:30px }
.main #content #right #box_r1 #midwin #tabformajax input.sm2 { width:70px }
/* add new sarts */
.main #content #right #box_r1 #midwin #add_newsart { width:530px; margin:0 auto; padding:3px 0 }
.main #content #right #box_r1 #midwin #add_newsart td { padding:5px 0 }
.main #content #right #box_r1 #midwin #add_newsart input { width:470px; }
.main #content #right #box_r1 #midwin #add_newsart input#go_reset_arts,
.main #content #right #box_r1 #midwin #add_newsart input#go_arts { width:auto }
.main #content #right #box_r1 #midwin #add_newsart input#art_imag1,
.main #content #right #box_r1 #midwin #add_newsart input#art_imag2,
.main #content #right #box_r1 #midwin #add_newsart input#art_imag3,
.main #content #right #box_r1 #midwin #add_newsart input#art_source { width:170px }
.main #content #right #box_r1 #midwin #add_newsart input#art_data { width:100px }
.main #content #right #box_r1 #midwin #add_newsart textarea { width:510px; }
.main #content #right #box_r1 #midwin #add_newsart textarea#art_short_desc { width:200px }
.main #content #right #box_r1 #midwin #add_newsart input#evnt_bdata,
.main #content #right #box_r1 #midwin #add_newsart input#evnt_edata { width:100px }
/* media stuff */
.main #content #right #box_r1 #midwin #ifrmfiles { margin:0; padding:0; border:0 none; width:540px; height:50px; overflow:hidden }
.main #content #right #box_r1 #midwin .mediacat { width:105px; float:left; display:inline; margin:0 0 0 4px; padding:0; text-align:center; font-size:11px; color:#999; cursor:pointer }
.main #content #right #box_r1 #midwin .hidden { padding:20px 0 0 0; display:none }
.main #content #right #box_r1 #midwin #ifrmgal { width:540px; height:22px }
.main #content #right #box_r1 #midwin #gal_desc { width:230px; height:50px }
.main #content #right #box_r1 #midwin #creategal { width:107px }
.main #content #right #box_r1 #midwin .submitmedia { background:#c00; color:#fff }
.main #content #right #box_r1 #midwin #go_add_gall_files_p { display:none }
/* Right 2 - box */
.main #content #right #box_r2 { background:url(../images/box_right2_mid.jpg) repeat-y; width:233px; overflow:hidden; margin-top:10px }
.main #content #right #box_r2 #box_r2_content { width:193px; padding:20px; background:url(../images/box_right2_top.jpg) no-repeat }
.main #content #right #box_r2 #box_r2_content h2 { padding:0 0 2px 0; font-size:15px; color:#900 }
.main #content #right #box_r2 #box_r2_content h3 { font-size:11px; color:#c60 }
.main #content #right #box_r2 #box_r2_content h3 a { font-size:11px; color:#c60 }
.main #content #right #box_r2 #box_r2_content h3 a:hover { color:#c00 }
.main #content #right #box_r2 #box_r2_content p { padding:3px 0; font-size:9px; }
.main #content #right #box_r2 #box_r2_content p.f1 { font-size:1px; line-height:1px }
.main #content #right #box_r2 #box_r2_content p.articles { width:50px; float:right; font-size:10px; text-align:center }
.main #content #right #box_r2 #box_r2_content p.articles span { display:block; width:20px; margin:0 auto; font-size:13px; color:#fff; padding:3px; background:#d7b463 }
.main #content #right #box_r2 #box_r2_content p.finlist { padding:10px 0 0 0 }

.main #content #center { width:445px; float:left; padding:10px 10px 10px 15px; }
.main #content #center h1 { font-size:20px; font-weight:normal; padding:10px 0; color:#c00 }
.main #content #center h2 { font-size:16px; font-weight:normal; padding:5px 0; color:#f60 }
.main #content #center p { padding:5px 0 }

.main #content #center .newscont { width:430px; overflow:hidden; margin:10px 0 0 0; padding:5px 10px }
.main #content #center .newscont h2.news_h2 { font-size:16px }
.main #content #center .newscont h2.news_h2 a { color:#930 }
.main #content #center .newscont h2.news_h2 a:hover { color:#600 }
.main #content #center .newscont p { padding:3px 0; color:#666; font-size:11px; line-height:15px }
.main #content #center .newscont .newsim { width:auto; float:right }

.main #content #center .imgnews { width:190px; float:right; text-align:center; padding:7px 0 5px 0 }
.main #content #center .imgnews img { border:5px solid #eee; margin-bottom:10px }
.main #content #center .newsdate { padding:10px 0 20px 0; font-size:10px; color:#ccc }
.main #content #center .newsdate span.rate { width:auto; float:right; padding-right:10px }
.main #content #center .comment { font-size:11px; color:#999; padding:7px 0; border-bottom:1px solid #eee; }
.main #content #center .comment span { color:#000 }
.main #content #center #addcom { padding:10px 0; font-size:12px; }
.main #content #center #addcom span a { font-size:10px; color:#ccc }
.main #content #center #addcom #com2add { width:442px; height:100px; margin-bottom:5px; }

.main #content #center .ev { cursor:pointer; }

.main #content #center #evcontent { width:470px; position:absolute; top:385px; left:50%; margin:0 0 0 -220px; z-index:3000; display:none }
.main #content #center #evcontent p.nobor { padding:0 }
.main #content #center #evcontent #evcont {  background:#fff; padding:20px; border-bottom:7px solid #fcc; }
.main #content #center #evcontent #evcont h2 { color:#f13333; font-size:19px; font-weight:normal; padding:7px 0 }
.main #content #center #evcontent #evcont p { padding:3px 0; color:#999 }

.main #content #center #showarn { position:absolute; left:50%; width:170px; padding:10px; text-align:center; background:#fff; border:3px solid #eee; display:none }
.main #content #center #showarn textarea { width:160px; height:50px; }

.main #content #center .user { margin:5px 0; border:1px solid #eee; padding:5px 10px; overflow:hidden; clear:both }
.main #content #center .user h2 { font-size:16px; font-weight:bold; color:#000; padding:3px 0 0 0; }
.main #content #center .user h2 img { margin:0 0 -2px 0; cursor:pointer }
.main #content #center .user p { padding:3px 0 }

.main #content #center .col { width:210px; padding:0 5px 0 0; margin:0 7px 0 0; display:inline; float:left }
.main #content #center .col a.lb img { border:3px solid #333 }
.main #content #center .col .otherinfos { padding:7px 12px; border:1px solid #ccc; background:#f3f3f3; }
.main #content #center .col .otherinfos h2 { padding:3px 0; font-size:19px; color:#fc0 }
.main #content #center .col .otherinfos .list { width:175px; color:#666 }
.main #content #center .col .otherinfos .list td { padding:3px 5px; border-bottom:1px solid #ccc }
.main #content #center .col .otherinfos .list .lefttd { width:120px }

.main #content #center .media { padding:3px 7px; margin:5px 0; background:#fff; border:1px solid #c99; width:auto; overflow:hidden; clear:both; }
.main #content #center .media .th { height:40px; float:left; margin:0 7px 0 0; display:inline; }
.main #content #center .media h2 { color:#930; font-weight:bold; padding:5px 0 3px 0; }
.main #content #center .media .vag { border-top:1px dashed #eee; padding:2px 0 }
.main #content #center .media .vag .part { width:120px; float:left }
.main #content #center .media .vag .smgal { width:20px; height:20px; border:2px solid #ccc; }
.main #content #center .media span.rate { width:auto; float:right; padding-right:10px }

.main #content #center .question { background:#fff; border:1px solid #eee; padding:3px; margin:0 0 7px 0; overflow:hidden }
.main #content #center .question h2 { font-size:14px; font-weight:bold; padding:7px 0 3px 0; width:375px; overflow:hidden }
.main #content #center .question p { padding:0 }
.main #content #center .question p.bg { background:#f3f3f3; }
.main #content #center .question img.left { padding:7px 0 3px 7px }

.main #content #center #answers { padding:10px 0 0 0; border-top:1px dashed #ccc; margin-top:10px }

.main #content #center .zona { background:url(../images/wine-travel_zona.jpg) no-repeat; width:444px; height:120px; margin:20px 0; cursor:pointer }
.main #content #center .zona img { float:right; margin:10px; border:1px solid #900; padding:3px; background:#c90 }
.main #content #center .zona h2 { padding:10px 0 3px 20px; font-size:23px; font-weight:normal; color:#300 }
.main #content #center .zona h2 a { color:#300 }
.main #content #center .zona p { padding:3px 0 0 10px; color:#933; font-size:10px; }

.main #content #center .img_zon { width:200px; text-align:center; float:right; }
.main #content #center .img_zon img { border:3px solid #c66 }

.main#footer { width:930px; margin:10px auto 10px auto; background:#d8d2c7 none; border:5px solid #fff; padding:10px }
.main#footer h2 { font-size:16px; color:#333; padding:10px 0 5px 0; border-bottom:1px solid #ccc1c1 }
.main#footer .colfoot { width:305px; margin-right:5px; display:inline; float:left; }
.main#footer .colfoot h3 { font-size:12px; color:#666; padding:0; }
.main#footer .colfoot p { padding:3px 0; font-size:11px; color:#999 }

#down { padding:0 0 20px 0; text-align:center; color:#960; font-size:11px }
#down p { padding:3px 0 }
#down p a#self { color:#c00; background:#600 }

.pages { padding:20px 0 5px 7px }
.pages a { float:left; display:inline; margin:0 3px; padding:2px 7px; width:auto; border:1px solid #ccc; background:#eee; color:#999 }
.pages a:hover { border:1px solid #c00; color:#c00 }
.pages a.selected_page { border:1px solid #000; background:#fff; color:#000 }

.red { color:#900 }
.big { font-size:15px }
.clear { clear:both }
p.right { text-align:right }
img.left { width:auto; float:left }
img.lt { margin:0 7px 5px 0; display:inline }
img.right { width:auto; float:right }
img.rt { margin:0 0 5px 7px; display:inline }
img.imb { border:5px solid #eee }
.center { text-align:center }
.vag { color:#999; font-size:10px }
.mic { font-size:10px }
.l16 { line-height:16px }
.l20 { line-height:20px }
.im2 { margin:0 0 -2px 0 }
.f1 { font-size:1px }