/************************************************* #author: html/css - www.dotweb.ro #web: www.kia-juridic.ro #file: main.css #desc: Styles required for the screen type *************************************************/ img, div { behavior: url(/iepngfix/iepngfix.htc) } * { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; list-style-type:none; outline:none; } body { margin:0; padding:0; background-color:#fff; background-image: url(../images/header_bg.jpg); background-repeat: repeat-x; } img { border:none; } /* ClearFix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* END */ #wrapper { width: 990px; margin: 0 auto; } #site-header { height: 132px; overflow: hidden; } /*Site navigation*/ #navigation {width: 660px; height: 59px; overflow: hidden; background-color: #591b12; float: left;} #navigation ul { margin-top: 15px;} #navigation ul li {width: 100px; display: inline; color: white;} #navigation ul li a { display: block; float: left; width: 100px; height: 38px; text-align: center; padding-top: 10px; color: white; font-family: "AparajitaRegular"; font-size: 24px; } #navigation ul li a:hover { color: #e8d3cf; } #navigation ul li a.selected {font-family: "AparajitaBold"; color: black; background-color: white; padding-bottom: 10px;} #righttop { width: 304px; border-left: 1px solid #E5D0C8; border-right: 1px solid #E5D0C8; float: right; text-align: left; background-color: #591b12; padding: 10px 10px 10px 10px; } #righttop a { display: block; color: #ccc; font-family: Arial; font-size: 12px; text-decoration: none; font-weight: normal; padding-left: 30px;} #righttop a:hover { color: #fff; text-decoration: underline; } #righttop a img { float: left; padding-top: 3px; } #righttop h3 {color: white; line-height: 25px; height: 30px; font-family: Arial; font-size: 18px; padding-left: 30px; background-image: url(../images/catinfo.png); background-repeat: no-repeat; } /*Header*/ #lang { float: left; padding-top: 48px; width: 150px; text-align: right; } #logo { padding-top: 3px; overflow: hidden; float: left; } #header-img { float: left; padding-top: 3px;} #romap { width: 320px; height: 128px; float: right; margin-top: 3px; background-image: url(../images/romap.jpg);} #contactphone { float: left; width: 120px; margin-top: 0px; text-align: center; color: #591b12; font-family: Verdana; font-size: 11px; font-weight: bold;} #romap a { display: block; float: right; color: white; font-family: Verdana; font-size: 18px; font-style: italic; text-decoration: none; text-shadow: 1px 1px #333; padding-top: 40px; padding-right: 50px; filter: Shadow(Color=#999999, Direction=135, Strength=5);} /*Content*/ #inner-wrapp {width: 640px; min-height: 500px; float: left; padding-top: 20px; font-family: Tahoma; font-size: 12px; text-align: justify; color: #222;} h1 {font-family: "AparajitaBold"; font-size: 36px; color: #000; padding: 0; margin: 0; font-weight: normal; line-height: 36px;} h1 span {font-family: "AparajitaBold"; font-size: 36px; color: #000; padding: 0; margin: 0; font-weight: normal; line-height: 36px; color: #591b12;} h2 {font-family: "AparajitaRegular"; font-size: 24px; color: #591b12; font-weight: normal; line-height: 24px; margin-top: 10px;} h2.news{font-family: Arial;} h3 {font-family: "AparajitaRegular"; font-size: 30px; color: #000; font-weight: normal; line-height: 30px; } h4 {font-family: "AparajitaBold"; font-size: 20px; color: #591b12; font-weight: normal; line-height: 20px; } #inner-wrapp p {margin-top: 5px; } #inner-wrapp ul {margin-left: 10px; } #inner-wrapp ul li {list-style-type:disc; list-style-position: inside; } #inner-wrapp a {color: #591b12; } #inner-wrapp a:hover {text-decoration: none; } div.info-article {margin-top: 5px; font-style: italic; } #calcul ul {margin-left: 0px; margin-top: 20px;} #calcul ul li { list-style-type: none; list-style-position: outside !important; } #calcul ul li span { font-weight: bold; width: 150px; display: inline-block; } #calcul ul li input {border: 1px solid #c99e8d;padding: 5px;margin: 5px 0; width: 100px; color: #333; } #calcul ul li select {border: 1px solid #c99e8d;padding: 5px;margin: 5px 0; min-width: 60px; color: #333;} #submit-calc { display: block; margin-left: 155px !important; width: 110px !important; } #definitions ul li { list-style-position: inside !important; list-style-type: circle; padding: 2px 0; } #definitions ul li span.word {font-weight: bold;} #services h2 { line-height: 18px; } #services a p { color: #666; text-decoration: none; padding-bottom: 10px; } #services a:hover p { color: #591b12; text-decoration: none;} #services a:hover h2 { text-decoration: underline;} #services a span {font-size: 10px; float: right; display: block; width: 150px; clear: both; text-align: right; } #newsarchive {margin-left: 0px !important;} #newsarchive a h2 {font-family: Arial; font-size: 12px; font-weight: bold; margin-bottom: 0px !important; display: block; width: 640px; float: left; } #newsarchive a span {font-size: 10px; float: right; display: block; width: 80px; clear: both; text-align: right; } #newsarchive a p {color: #666; margin-top: 0px; margin-bottom: 10px; } #newsarchive a:hover p { color: #591b12; } #newsarchive li { list-style-type: none !important; list-style-position: outside !important; } #newsarchivelink {width: 200px; float: right; display: block; text-align: right; font-weight: bold;} #newsdate {float: left; width: 300px; display: block; font-weight: bold;} /*Form*/ #form { float: left; width: 305px; display: block; } #form ul {margin-left: 0px;} #form ul li { list-style-type: none; list-style-position: outside !important; } #form input {border: 1px solid #c99e8d;padding: 5px;margin: 5px 0;float: left; width: 185px; color: gray;} #form textarea {border: 1px solid #c99e8d;padding: 5px;margin: 1px;float: left; width: 185px; height: 100px; } #form label {display: block; width: 60px; text-align: left; padding: 10px 0;float: left;clear: both; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #000;} #submitter {width: 195px !important; background-color: #742b21; border: 2px solid #5b1a11 !important; color: white !important; font-weight: bold;} #contact_file {width: 195px !important;} #form-help { float; right; color: gray; font-style: italic;} /*Footer*/ #footer {width: 990px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #e5d0c8; padding-top: 5px; } #footer-left ul li {float: left; padding-right: 10px;} #footer-left ul li a {display: block; color: #742b21; font-family: Tahoma; font-size: 12px;} #footer-left ul li a:hover {text-decoration: underline;} #footer-right {float: right; font-family: Tahoma; font-size: 11px; } #footer-right a {color: #742b21; font-family: Tahoma; font-size: 11px; font-weight: bold; } #footer-right a:hover {text-decoration: underline;} /*Right-content*/ #articles-widget, #news-widget { float:right; width:324px; background-image: url(../images/news-bg.jpg); background-repeat: repeat-y; margin-top: 5px;} #articles-widget-top , #news-widget-top {width: 324px; height: 88px; background-image: url(../images/news-top.jpg); } #articles-widget-bottom, #news-widget-bottom {width: 324px; height: 57px; background-image: url(../images/news-bottom.jpg); } #articles-widget h1 , #news-widget h1 {font-family: "AparajitaRegular"; font-size: 36px; color: #591b12; padding-left: 50px; padding-top: 42px; } #articlesTicker, #newsTicker { width:255px; height:180px; margin-left: 50px; overflow: hidden;} #articlesTicker h1, #newsTicker h1 { padding:10px; margin:0; border:0; background:#16395f; color:#fff; font-family: Tahoma; font-size:11px; font-weight:bold; margin-bottom: 10px; text-shadow: 1px 1px #4e8ecb; height: 1em; filter: Shadow(Color=#4e8ecb, Direction=135, Strength=5);} #articlesVertical, #newsVertical { width: 255px; height: 330px; display: block; overflow: hidden; position: relative; } #play_scroll_cont{display:none;} #articlesTickerVertical, #newsTickerVertical { width: 255px; height: 330px; display: block; list-style: none; margin: 0; padding: 0; overflow: hidden; } #articlesTickerVertical li, #newsTickerVertical li { display: block; width: 250px; color: #333333; text-align: left; font-size: 11px; margin: 0; padding: 0 5px; float: left; font-family: Tahoma;} #articlesTickerVertical li .articleTitle, #newsTickerVertical li .newsTitle{ display: block; color: #000; font-size: 11px; font-weight:bold; font-family: Tahoma;} #newsTickerVertical li .newsTitle a:link, #newsTickerVertical li .newsTitle a:Visited, #articlesTickerVertical li .articleTitle a:link, #articlesTickerVertical li .articleTitle a:Visited { display: block;color: #000;font-size: 11px;font-weight:bold;text-decoration:none; } #articlesTickerVertical li .articleTitle a:hover, #newsTickerVertical li .newsTitle a:hover {text-decoration:underline;} #articlesTickerVertical li .articlesFooter, #newsTickerVertical li .newsFooter {display: block;color: #bc9485;font-size: 11px; margin-bottom: 10px; font-family: Tahoma;} #articles-widget-categories {padding-left: 50px;} #articles-widget-categories h2 {} #articles-widget-categories a {color: gray; padding: 0 5px; } #articles-widget-categories a:hover { color: #591B12; text-decoration: underline; } /*Banners&RightContent*/ #bottom-widget { float:right; width:324px; text-align: right; background-color: white; border-top: 1px solid #E5D0C8; padding-top: 10px;} #trustmarks { border-top: 1px solid #E5D0C8; padding: 5px 7px;} #minicalcholder { width: 324px; background-color: white; border-top: 1px solid #E5D0C8; padding: 10px 0; display: block; overflow: hidden; } #minicalcholder h2 { text-align: right; margin-right: 15px;} #minicalcul { } #minicalcul ul li span { color: #333 !important; font-size: 12px; } #minicalcul ul li { text-align: right; padding: 2px; margin-right: 15px;} #minicalcul input { padding: 2px; color: gray; } #minitime { width: 20px; text-align: right;} #miniamount { width: 40px; text-align: right;} #minisubmit-calc { width: 100px !important; float: right; background-color: #591B12; border: 1px solid gray; border-bottom: 2px solid gray; border-right: 2px solid gray; color: #fff !important; text-align: center !important; } #minicalcul ul li a { color: #591B12; } #minicalcul ul li a:hover { text-decoration: underline; } #contactus { width: 324px; background-color: white; border-top: 1px solid #E5D0C8; padding: 5px 0 0 5px; display: block; overflow: hidden; } #contactus h2 { text-align: right; margin-right: 15px; margin-top: 0px important!; padding: 0; line-height: 16px;} #contactus h2 span { font-size: 10px; font-weight: bold; font-style: italic; line-height: 10px; } #miniform { width: 205px; float: right; font-size: 10px; margin-top: 5px; margin-bottom: 10px; } #miniform ul li { display: block; overflow: hidden; } #miniform input { width: 128px; float: right; font-size: 10px; padding: 0px; color: gray; margin: 1px 20px 1px 0; } #miniform ul li label { width: 40px; line-height: 20px; height: 20px; float: left; display: block; margin: 1px 0; font-size: 10px; } #miniform #minisubmitter { width: 135px; font-size: 12px; background-color: #1a6e14; border: 1px solid gray; border-bottom: 2px solid gray; border-right: 2px solid gray; color: #fff; } /*Survey*/ #survey {font-size: 14px; color: #444; width: 600px; padding: 15px; border: 1px solid #c99e8d; } #survey label {display: block; width: 600px; font-size: 14px;} #survey-title { width: 660px; padding-top: 20px;} #survey ul.radio_list li { display: inline; margin-right: 10px;} #survey ul li {list-style-type: none; list-style-position:outside;} #survey ul li label { font-style: italic; color: #591b12; display: inline; margin-top: 0px; font-size: 12px;} #survey ul { margin: 5px 0 20px 0;} #survey ul.checkbox_list { width: 500px; } #survey ul.checkbox_list li { width: 238px; display: inline-block; margin-right: 10px;} #survey textarea {display: block; width: 450px; height: 70px; color: #666; margin-bottom: 20px;} #form-submit { display: block; width: 150px; padding: 5px; background-color: #742b21; border: 2px solid #5b1a11 !important; color: #fff; cursor: pointer; font-weight: bold; } ul.error_list { float: right; margin-right: 50px;} ul.error_list li { color: red !important; text-align: right !important; display: inline; } #flash_notice {font-size: 18px; color: green; font-weight: bold; text-align: center; margin: 15px 0; padding: 10px; border: 2px solid green; background-color: #ecffeb; } .flash_error { font-size: 18px; color: red; font-weight: bold; text-align: center; margin: 15px 15px; padding: 10px; background-color: #ffebeb; border: 2px solid red; } /*NewsArchive*/ /*Lang*/ #lang a img { border: 1px solid lightgray; } #lang label {display: none;} #lang select {display: none; } #tarrifs .tdtarif { border-bottom:1px solid #6C221A; border-right:1px solid #6C221A; } #tarrifs td, td strong { font-family:Tahoma,Verdana,Arial,sans-serif; font-size:11px !important; padding: 2px !important; } #trafic { width: 88px; float: left; margin-left: 25px; margin-top: 5px; } .bordertop { border-top: 1px solid #E5D0C8; padding: 0px; } #social-networks { border-top: 1px solid #E5D0C8; padding-top: 10px; } #right-widgets { display: block; width: 324px; float: right; border-left: 1px solid #E5D0C8; } #page_screen { background-color:#000000; filter:alpha(opacity=80); opacity: 0.8; position:absolute; top:0px; left:0px; width:100%; display:none; } #calculator_result { width:600px;padding: 20px; background-color:#FFFFFF; border:1px solid #000000; position:absolute; top:0px; font-family: "AparajitaRegular"; font-size: 22px; } #calculator_result a, #calculator_result span { font-family: "AparajitaBold"; font-size: 22px;} a.minicalclink { text-indent: -10000px; display: block; width: 110px; height: 128px; float: left; background-image: url(../images/calculator-off.png); margin: 5px 0 0 5px; } a.minicalclink:hover { background-image: url(../images/calculator-on.png); } .IN-widget { padding-top: 5px; } #breadcrumbs { font-family: "Arial Narrow"; font-size: 10px; margin-bottom: 20px; } #breadcrumbs a:hover { text-decoration: underline; } a.cat_more {float: right; text-align: right; padding: 10px 10px 0 0; text-decoration: none;} a.cat_more:hover { text-decoration: underline !important; }