@import "language.css";
@import "contact_form.css";
@import "gallery_cat.css";

html,body { margin:0; padding:0; }
body { background:url(../images/bg.png); color:#3B5052; font-family: "Trebuchet MS", Arial, Verdana; font-size:14px; }
img { border:0; }
a { outline: none; }
p { padding:0; margin:0; }
a:link, a:visited, a:active { font-size:14px; color:#9C9393; text-decoration:underline; }
a:hover { text-decoration:none; }
ul { margin:0 0 0 10px; padding:0 0 0 10px; }
ul li { list-style-type:square; }
ol { margin:0 0 0 10px; padding:0 0 0 10px; }
ol li { list-style-type:decimal; }
form td { vertical-align:top; }
h1 { margin:0 0 5px 0px; padding:10px 0; }

.button { background:#C1C9D8; }

#container_outer { position:relative; background:url(../images/bg.jpg) fixed left top no-repeat; padding-left:400px; width:590px; }
#container { padding:130px 0px 0 0px; width:630px; }

#logo {  background-position:2px 50% !important; background-repeat:no-repeat !important; display:block !important; padding:0 !important; position:fixed !important; text-indent:-9000px; top:40px; left:110px; width:215px !important; z-index:100001 !important; background-image:url(../images/diaro_logo.png); height:203px; }
#android { position:absolute; top:0px; right:-40px; z-index:30; width:388px; height:110px; background:url(../images/download.png) left top no-repeat; }
#android_link { position:absolute; top:46px; right:195px; z-index:30; width:90px; color:#9C9393; text-align:center; }
#android_link a { color:#444040; text-decoration:none; font-size:15px; font-weight:bold; line-height:16px; }

#feedback { background-position:2px 50% !important; background-repeat:no-repeat !important; display:block !important; height:102px !important; margin:-45px 0 0 !important; padding:0 !important; position:fixed !important; text-indent:-9000px; top:45% !important; right:0px; width:39px !important; z-index:100001 !important; background-image:url(../images/feedback.png); }

#twitter_bird { background-position:2px 50% !important; background-repeat:no-repeat !important; display:block !important; height:102px !important; margin:-45px 0 0 !important; padding:0 !important; position:fixed !important; text-indent:-9000px; bottom:80px !important; left:110px; width:204px !important; z-index:100001 !important; background-image:url(../images/twitter_bird.png); height:57px; }
#twitter { background-position:2px 50% !important; background-repeat:no-repeat !important; display:block !important; height:39px !important; margin:-45px 0 0 !important; padding:0 !important; position:fixed !important; text-indent:-9000px; bottom:70px !important; left:110px; width:210px !important; z-index:100001 !important; background-image:url(../images/twitter.png); }
#facebook { background-position:2px 50% !important; background-repeat:no-repeat !important; display:block !important; height:39px !important; margin:-45px 0 0 !important; padding:0 !important; position:fixed !important; text-indent:-9000px; bottom:40px !important; left:110px; width:210px !important; z-index:100001 !important; background-image:url(../images/facebook.png); }
#paypal { background-position:2px 50% !important; background-repeat:no-repeat !important; display:block !important; height:39px !important; margin:-45px 0 0 !important; padding:0 !important; position:fixed !important; text-indent:-9000px; bottom:10px !important; left:160px; width:210px !important; z-index:100001 !important; background-image:url(../images/btn_donate.gif); }

#header { float:left; width:625px; height:540px; margin:0px 0 0px 0; }
#header_top { width:630px; height:15px; font-size:0px; background:url(../images/top-bottom.png) no-repeat; }
#header_middle { width:590px; background:url(../images/middle.png) repeat-y; padding:0px 20px 15px 20px; }
#header_middle img { margin:0 4px 0 4px; }
#header_bottom { width:630px; height:15px; font-size:0px; background:url(../images/top-bottom.png) left bottom no-repeat; }

#qr_code { position:absolute; top:540px; left:130px; width:164px; height:164px; background:url(../images/diaro_qr_code.png) no-repeat; }

#content { clear:both; display:block; padding-bottom:10px; overflow:hidden; }
#content_top { clear:both; width:630px; height:15px; font-size:0px; background:url(../images/top-bottom.png) no-repeat; }
#content_middle { width:590px; background:url(../images/middle.png) repeat-y; padding:0 20px; line-height:22px; }
#content_middle li { list-style-type:disc; }
#content_bottom { width:630px; height:15px; font-size:0px; background:url(../images/top-bottom.png) left bottom no-repeat; }

#content #right { vertical-align:top; overflow:hidden; /* background:green; */ }
#content #right strong { color:#44580E; }

.h1 { text-align:left; font-size:16px; color:#343434; text-decoration:none; font-weight:bold; padding:10px 0px 10px 0px; }

#menu_container { position:fixed !important; top:260px; left:110px; float:left; width:204px; }
#menu_tree { width:180px; padding:10px 15px 10px 0; }
.menu_item { background:url(../images/menu.png) left top repeat-y; /* height:20px; */ line-height:26px; margin:5px 0 5px 0; text-align:center; /* background:red; */ }
.menu_item_active { background:url(../images/menu.png) right top repeat-y; /* height:20px; */ line-height:26px; margin:5px 0 5px 0; text-align:center; /* background:red; */ }
.menu_item a:link, .menu_item a:visited, .menu_item a:active { font-size:12px; color:#fff; text-decoration:none; font-weight:bold; }
.menu_item a:hover {}
.menu_item_active a:link, .menu_item_active a:visited, .menu_item_active a:active { font-size:12px; color:#fff; text-decoration:none; font-weight:bold; }
.menu_item_active a:hover {}

/* 2 lygio submeniu */
.dot_line { width:178px; height:5px; background:url(../images/submenu_line.jpg) left top no-repeat; font-size:0; }
#submenu { width:178px; padding:10px 15px 10px 0; }
.submenu { width:134px; margin:0 2px 0 2px; padding:5px 20px 5px 20px; background:url(../images/submenu.jpg) right top no-repeat; text-decoration:none; }
.submenu a:link, .submenu a:visited, .submenu a:active, .submenu a:hover { font-size:12px; font-weight:normal; color:#5E4450; text-decoration:none; }
.submenu_active { width:134px; margin:0 2px 0 2px; padding:5px 20px 5px 20px; background:#6C7386 url(../images/submenu_active.jpg) right top no-repeat; text-decoration:none; font-weight:normal; }
.submenu_active a:link, .submenu_active a:visited, .submenu_active a:active, .submenu_active a:hover { font-size:12px; font-weight:bold; color:#fff; text-decoration:none; }
/* END - 2 lygio submeniu */

#footer { margin:auto; width:625px; height:30px; font-size:11px; padding:0 0px 10px 0; }
#footer #copyright { float:left; width:280px; padding:10px 20px 0px 30px; color:#666; /* background:red; */ }
#copyright a:link, #copyright a:visited, #copyright a:active { font-size:11px; color:#666; text-decoration:none; font-weight:normal; }
#copyright a:hover { text-decoration:underline; }
#footer #createdby { float:right; text-align:right; width:250px; padding:10px 30px 0px 0px; color:#666; /* background:yellow; */ }
#createdby a:link, #createdby a:visited, #createdby a:active { font-size:11px; color:#666; text-decoration:none; font-weight:normal; }
#createdby a:hover { text-decoration:underline; }