/* Theme Name: DoctorG Theme URI: doctorg.ro Description: custom theme Version: 1.0 Author: Catalin Bridinel */ @charset "utf-8"; body { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4; color:#505050; background:#FFF url(images/body.gif) repeat-x top; text-align:center} /* layout *********************************************************************************************************************************************/ /* header */ #headerContainer { background:url(images/header.jpg) no-repeat center; height:145px; overflow:hidden;} #header, #footer, #content { width:960px; text-align:left; margin:0 auto} #header { position:relative} #header h1, #header h1 a { width:320px; height:135px; overflow:hidden; background:url(images/logo.jpg) no-repeat 0 0; float:left} #header h1 span, #header .menu span, .navi li span, #gfc span, #gfcc span, .homeTab1 h2 span, .homeTab2 h2 span, .homeTab3 h2 span { float:left; margin-top:-9999px} #header .topLinks { position:absolute; top:3px; right:0;} #header .topLinks li { float:left; padding:0 25px; height:50px; line-height:50px; background-position:0 50%; background-repeat:no-repeat} #header .topLinks a { font-size:12px; font-weight:bold; color:#FFF; text-decoration:none} #header .topLinks a:hover { color:#CFF} #header .topLinks a.active { color:#CFF} /* menu */ #tl1 { background-image:url(images/ico_tech.gif)} #tl2 { background-image:url(images/ico_faq.gif)} #tl3 { background-image:url(images/ico_sc.gif)} #tl4 { background-image:url(images/ico_dic.gif); padding-right:0 !important} #header .menu { position:absolute; top:78px; right:0; height:67px; width:598px;} #header .menu li { float:left; height:67px; line-height:67px} #header .menu a { font-size:24px; font-weight:bold; color:#FFF; text-decoration:none; float:left; height:67px; overflow:hidden; background-image:url(images/menu.jpg)} #mHome a {width:90px; background-position:0 0} #mHome a:hover { background-position:0 -67px} #mHome a.active { background-position:0 -134px} #mDespre a {width:167px; background-position:-90px 0} #mDespre a:hover { background-position:-90px -67px} #mDespre a.active { background-position:-90px -134px} #mServicii a {width:92px; background-position:-257px 0} #mServicii a:hover { background-position:-257px -67px} #mServicii a.active { background-position:-257px -134px} #mGalerie a {width:143px; background-position:-349px 0} #mGalerie a:hover { background-position:-349px -67px} #mGalerie a.active { background-position:-349px -134px} #mContact a {width:106px; background-position:-492px 0} #mContact a:hover { background-position:-492px -67px} #mContact a.active { background-position:-492px -134px} /* homepage */ #urgente { position:absolute; z-index:100; top:151px; left:50%; margin-left:331px} .scrollable {float:left; width:960px; height:412px; overflow:hidden; position:relative; margin:10px 0} #thumbs {position:absolute; width:20000em; height:412px; clear:both;} #thumbs .div {float:left; width:960px; height:412px; overflow:hidden} .navi { height:110px; margin-top:-120px; float:left; position:relative; z-index:10} .navi li, .navi li a { float:left; width:320px; height:110px; outline:none} .navi li a:hover { background:url(images/hover.png) no-repeat 0 0} .navi li.active a:hover { background:none; cursor:default} #homeMore { width:960px; clear:both; margin:0 auto; text-align:left; font-size:11px} #homeMore div { float:left; width:48%; padding:0 1%} #homeMore h2 { margin:2px 0 8px 0; font-size:15px; line-height:34px; padding-left:34px} #homeMore h3 { font-size:13px; margin:5px 0;} #homeMore h3 a { text-decoration:none} #FAQ h2 {background:url(images/ico_faq_b.gif) no-repeat 0 0; color:#666} #stiatiCa h2 {background:url(images/ico_sc_b.gif) no-repeat 0 0; color:#666} .faqSide { float:left; width:180px; margin-right:35px; padding-left:15px;} .faqSide li { border-bottom:1px solid #f2f2f2; padding-bottom:4px; margin-bottom:4px} .faqSide a { text-decoration:none; font-size:12px;} .faqSide b { margin-bottom:3px; font-size:14px; float:left; width:100%} .faqMain { float:left; width:720px;} .homePromoLink {position:absolute; width:297px; height:157px; top:60px; left:607px;; display:block; text-decoration:none} /* servicii */ #contentHeader { height:130px; width:960px; background:url(images/heading.gif) no-repeat 0 95px; position:relative; overflow:visible; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #contentHeader img { position:absolute; right:10px; bottom:35px; z-index:20} #contentHeader h2 { font-size:24px; padding:10px 0 8px 15px; font-weight:bold; color:#07224d; line-height:1; clear:both} #contentHeader p { margin:0; padding:0 0 0 15px; font-size:12px} #contentHeader .breadcrumbs { font-size:14px; float:left; padding-left:15px; margin:15px 0 -5px 0} .headerSmall { height:70px !important; background:url(images/headingsmall.gif) no-repeat 0 50px !important;} .postDet { padding:0 15px} .postDet img, .faqDet img { border:1px solid #CCC} .serviceContainer { float:left; width:705px; overflow:visible;} .serviceContainer #contentHeader { float:left; display:inline; margin-left:-255px} .serviciu { float:left; width:300px; height:250px; margin:0 10px; display:inline} .serviciu h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#15354d; font-weight:normal; font-size:18px; line-height:30px} .serviciu h3 a { text-decoration:none} .serviciu p { padding:0 10px} .submenu { float:left; width:255px; background:url(images/side.gif) no-repeat 0 0; height:500px; margin-top:128px; position:relative; z-index:10} .submenu li { height:36px; line-height:36px; background:url(images/sep.gif) no-repeat bottom;} .submenu li a { font-weight:bold; font-size:12px; text-decoration:none; float:left; height:36px; padding-left:24px; width:220px} .submenu li.current_page_item { background:url(images/ind.gif) no-repeat} .submenu li.current_page_item a { color:#FFF} .priceLink {background:url(images/price.png) no-repeat !important; margin-top:36px} .priceLink a { color:#333} .service { float:left; width:695px;} .service h3 { font-size:18px; font-style:italic; margin-bottom:25px} .service p { float:left; width:305px; margin-right:40px} .contactMain { width:650px; height:350px; background:url(images/side2.gif) no-repeat top right; float:left} #cformsform { background:url(images/form.gif); height:327px; margin:0 20px 0 10px; clear:both} input { width:265px; height:16px; padding:2px} select { width:265px; float:left;} label { font-size:13px; font-weight:bold; height:16px; margin-bottom:10px; float:left; width:100%} form li { float:left; height:46px; width:269px; padding:5px; margin:7px 0 0 20px; background:url(images/input.gif) no-repeat bottom left} #li--5 { height:140px; width:100%; margin:10px 0 10px 20px; padding:0 5px; background:url(images/text.gif) no-repeat bottom left} textarea { width:566px; height:102px; padding:2px} .cf-sb { height:auto; background:none; margin:-4px 0 0 0; padding:0; width:600px} .cf-sb input { width:145px; height:32px; line-height:30px; float:right; font-weight:bold; text-align:center; color:#FFF; background:url(images/submit.gif); cursor:pointer} .failure { background:#FFD2D2; color:#F00; font-weight:bold; margin:10px 20px 10px 10px; padding:3px; line-height:24px; font-size:18px} .success { background:#D1F5AD; color:#008000; font-weight:bold; margin:10px 20px 10px 10px; padding:3px; line-height:24px; font-size:18px} .contactSide li { margin:0 20px; border-bottom:1px solid #ebebeb; padding:15px 0 15px 45px; float:left; width:210px; color:#808080; font-size:11px;} .contactSide big { font-weight:bold; font-size:18px; font-style:italic; color:#303b4f;} .contactSide b { font-size:13px} .contactSide a { text-decoration:none} .c1 {background:url(images/ico_tele.gif) no-repeat 0 20px} .c2 {background:url(images/ico_mail.gif) no-repeat 0 20px} .c3 {background:url(images/ico_home.gif) no-repeat 0 20px} .c4 {background:url(images/ico_map.gif) no-repeat 0 20px} .faqDet { float:right; margin:0 0 10px 0; padding:0 10px 20px 10px; border-bottom:1px solid #e5e5e5; clear:both} .faqDet h3 { font-size:18px; margin:0 0 10px 0; font-style:italic} .faqDet img { margin:-30px 0 0 20px; float:right} #commentform textarea, #commentform input { border:1px solid #CCC; padding:2px; height:auto} .sumar { margin-bottom:20px} .sumar li { background:url(images/bul.gif) no-repeat 10px 7px; line-height:1.5; padding-left:30px;} .sumar li h2 {font-weight:bold; font-size:18px; text-decoration:none} .single li { margin:0 0 5px 20px; list-style:disc outside} .single ul { margin-bottom:20px} .about { padding-left:15px;} .about big { font-size:18px; font-style:italic} .aboutImg { width:470px; height:352px; overflow:hidden !important; float:right; margin:0 0 10px 20px; position:relative} #aboutThumbs { width:470px; height:1056px; position:absolute} #aboutThumbs div { float:left} /* gallery */ .galerySection1, .galerySection2 { width:470px; float:left; background:url(images/gbg.png) no-repeat top; margin-top:10px} .galerySection1 { margin-right:20px} .images { float:left; margin-left:20px; display:inline; height:146px; font-size:11px; width:206px} .images a { text-decoration:none; background:url(images/frame.png); float:left; width:206px; height:105px; position:relative; z-index:10; margin:-102px 0 6px 0} .images img { float:left; margin:3px 0 0 3px; display:inline;} .images h3 { font-size:11px; font-style:italic} #gfc, #gfcc { float:left; margin:10px 0 20px 2px; width:465px; height:39px; overflow:hidden; display:inline} #gfc { background:url(images/gfcabinet.gif)} #gfcc {background:url(images/gfcazuri.gif)} /* footer */ #footerContainer { background:url(images/footer.gif) repeat-x bottom; height:100px; padding-top:60px;} #footer { height:67px; background:url(images/f_bg.gif) repeat-x bottom; position:relative} #footer .topLinks { position:absolute; top:32px; right:10px;} #footer .topLinks li { float:left; padding:0 0 0 10px; height:24px; line-height:24px;} #footer .topLinks a { font-size:11px; color:#333; text-decoration:none} #footer .topLinks a:hover { color:#000} #footer .menu { position:absolute; top:10px; right:10px;} #footer .menu li { float:left; padding:0 0 0 15px; height:24px; line-height:24px;} #footer .menu a { font-size:13px; font-weight:bold; color:#333; text-decoration:none} #footer .menu a:hover { color:#000} .copy {clear:both; text-align:left; height:24px; line-height:24px; color:#999; font-size:11px; float:left; padding:5px 0 0 10px; width:950px;} /* homepage */ .homeTab1 {background:url(images/home.jpg) no-repeat 0 0} .homeTab1 h2 { float:left; display:inline; height:75px; width:610px; background:url(images/t-home-0.png); overflow:hidden; margin:75px 0 10px 320px} .homeTab1 p { float:left; clear:both; display:inline; margin-left:320px} .homeTab2 {background:url(images/home.jpg) no-repeat -960px 0; position:relative;} .homeTab2 h2 { float:left; display:inline; height:29px; width:133px; background:url(images/t-home-2.png); overflow:hidden; margin:25px 0 10px 50px} .homeTab2 li { float:left; width:270px; height:36px; margin-bottom:12px; background:url(images/tab.png); clear:both; line-height:36px;} .homeTab2 li a { float:left; height:36px; width:230px; padding:0 20px; text-decoration:none; font-weight:bold; } #serviceList1 { position:absolute; left:40px; top:70px} #serviceList2 { position:absolute; left:650px; top:32px} .homeTab3 {background:url(images/home.jpg) no-repeat -1920px 0} .homeTab3 h2 { float:left; display:inline; height:63px; width:340px; background:url(images/t-home-1.png); overflow:hidden; margin:44px 0 10px 44px} .homeTab3 p { float:left; clear:both; display:inline; margin-left:40px; height:75px; margin-bottom:0} .go { height:50px; display:inline; float:left; margin-left:40px; padding:0 20px; line-height:50px; width:460px; clear:both; font-size:16px} .go img { float:right; margin-top:12px;} /* footer */ #footerContainer { background:url(images/footer.gif) repeat-x bottom; height:100px; padding-top:60px;} #footer { height:67px; background:url(images/f_bg.gif) repeat-x bottom; position:relative} #footer .topLinks { position:absolute; top:32px; right:10px;} #footer .topLinks li { float:left; padding:0 0 0 10px; height:24px; line-height:24px;} #footer .topLinks a { font-size:11px; color:#333; text-decoration:none} #footer .topLinks a:hover { color:#000} #footer .menu { position:absolute; top:10px; right:10px;} #footer .menu li { float:left; padding:0 0 0 15px; height:24px; line-height:24px;} #footer .menu a { font-size:13px; font-weight:bold; color:#333; text-decoration:none} #footer .menu a:hover { color:#000} .top {clear:both; float:right; text-decoration:none; height:20px; line-height:20px; font-size:11px; background:#FFF; padding:0 5px; margin-right:10px; display:inline; margin-top:-20px; position:relative; z-index:10} /* preturi */ .price { float:left; width:460px; margin-right:40px;} h2 { font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal} .price h3 { padding:2px 5px; border-bottom:1px solid #ddd; margin:10px 0 5px 0; background:#d7dadf; clear:both;} .price br { clear:both} .price dt { float:left; clear:both; width:400px; padding:0 3px 0 4px; border-bottom:1px dashed #ccc; padding-bottom:7px; margin-bottom:8px} .price dd { float:left; width:49px; padding-right:4px; text-align:right; border-bottom:1px dashed #ccc; padding-bottom:7px; margin-bottom:8px} .col2 { margin:0 !important} /* dictionary */ .dictionary { background:url(images/dictop.png) no-repeat top} .dictionary h2 { height:40px; padding:15px 0 4px 63px;} .dicT { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:10px; color:#07224D; font-weight:bold} #tabs {font-size:21px; font-weight:bold; width:100%; height:33px; margin-bottom:20px; padding-left:60px} #tabs li { float:left; margin:0 3px 0 0; height:32px; display:inline} #tabs a { float:left; height:40px; line-height:40px; text-decoration:none; width:32px; text-align:center; background:#CCC url(images/dicttabo.png);} #tabs .current { background:#FFF url(images/dicttab.png);} #panes {clear:both; min-height:600px; background:url(images/dictbg.png)} #panes li { padding:10px 0; border-bottom:1px dotted #ccd5dd; margin:0 20px 0 65px} #panes strong { font-style:italic; font-size:18px} .dictBot { background:url(images/dictb.png) no-repeat bottom; height:20px;} /* comments */ #comments { clear:both; font-size:18px;} .commentlist li { clear:both; padding:10px 0; margin:10px 0; border-top:1px solid #CCC} #commentform label { margin:0} #commentform #submit {width:145px; height:32px; line-height:30px; float:left; font-weight:bold; text-align:center; color:#FFF; background:url(images/submitw.gif); cursor:pointer; border:none} /* place footer at the bottom */ html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #mainContainer {padding-bottom: 160px; width:960px; text-align:left; margin:0 auto} /* must be same height as the footer */ #footerContainer {position: relative; margin-top: -160px; clear:both; overflow:hidden} /* defaults */ a img { border:none} a { color:#3168d8; outline:none} a:hover { color:#2c649d} .alignright { float:right; margin:0 0 10px 20px} /* white space reset */ * { margin:0; padding:0; border:none; list-style:none outside} p { margin-bottom:1.2em} .right { float:right} .left { float:left} /* easy clear */ .clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clear {display:inline-block;} /* Hide from IE Mac \*/ .clear {display:block;} /* End hide from IE Mac */