/* Theme Name: Referencement Positionnement Theme URI: http://www.referencementpositionnement.fr/ Description: Customized theme created for Referencement Positionnement site Version: 1 Author: ant Author URI: http://www.referencementpositionnement.fr/ Tags: blue, custom header, fixed width, three columns, widgets colors: #e46f00 - orange ; #32485d - dark blue */ body {margin: 0px; padding: 0px; background: url(images/bg.gif) repeat-x left top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4F4F4F; line-height: 18px;} html {behavior: url(wp-content/themes/referencement/js/hover.htc); overflow-x: hidden; overflow-y: auto;} body.home {margin: 0px; padding: 0px; background: #F3F5F7 url(images/bg_home.gif) repeat-x left top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4F4F4F; line-height: 18px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, ul:after, ol:after, .cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol, * html .cfix {height: 1%} div, ul, ol, .cfix {display: inline-block} div, ul, ol, .cfix {display: block} /*-----*/ @font-face { font-family: 'TimelessRegular'; src: url('font/timeless.eot'); src: local('Timeless Regular'), local('Timeless-Normal'), url('font/timeless.woff') format('woff'), url('font/timeless.ttf') format('truetype'), url('font/timeless.svg#Timeless-Normal') format('svg'); } /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6, ul,dl,dt,dd,ol,li, p,hr,blockquote,pre,addres, form,fieldset,legend,input,label,textarea,selects {margin: 0px; padding: 0px; outline: none; border: none; font-style: normal; font-weight: normal; background-color: transparent; list-style: none; font-family: Arial, Helvetica, sans-serif; color: #4F4F4F; font-size: 12px; line-height: 18px} /*-----*/ a {color: #990000; border-bottom: 1px dashed #990000; text-decoration: none; font-weight: normal; outline: none;} a:hover {color: #F60; border-color: #F60} a img {border: none} p, h2,h3,h4,h5,h6, p.h3 {padding: 2px 0px 2px 0px} h1,h2,h3,h4,h5,h6, p.h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif} em {font-style: italic;} strong {font-weight: bold} .alignleft {float: left; clear: none; padding: 2px 5px 5px 0px} .alignright {float: left; clear: none; padding: 2px 0px 5px 5px} div#simulare-sus {position: absolute; top: 507px; width: 100%; } div#simulare-jos {position: absolute; top: 0px; width: 100%} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------------------------------*/ div#header {margin: 0px auto; width: 1000px; height: 372px; background: url(images/bg-header.png) no-repeat left bottom; position:relative} /* div#header address {position: relative; float: left; clear: none; margin: 0px 0px 0px -35px; width: 365px; height: 101px; background: url(images/date-contact.png) no-repeat left top; text-indent: -1000px;} */ /*div#header address {position: relative; float: left; clear: none; margin: 0px 0px 0px -35px; width: 343px; height: 94px; background: url(images/date-contact.jpg) no-repeat left top; text-indent: -1000px;}*/ div#header address {position: absolute; float: left; clear: none; margin: 0px 0px 0px -35px; width: 343px; height: 94px; background: url(images/date-contact.jpg) no-repeat left top; text-indent: -1000px;} * html div#header address {behavior: url(wp-content/themes/referencement/js/iepngfix.htc)} #utilitar {clear: none; width: 500px; height: 20px; padding: 11px 0px; color:#fff; font-size:14px; position:absolute; left:322px;} #utilitar img {vertical-align:middle;} #utilitar a img {padding:0; margin:0; text-decoration:none; float:none;} #utilitar a {padding:0; margin:0; text-decoration:none; color:#fff; border-color:#fff} #utilitar a:hover {padding:0; margin:0;text-decoration:none} /* #utilitar a img {vertical-align:middle; padding:0; margin:0; background:none; border:none;} #utilitar a {background-position: left top; background-repeat: no-repeat; color: #FFF!important; border-color:#fff} #utilitar li#m-u-free a {padding-left: 27px; background-image: url(images/meniu-utilitar-ico-free.gif)} #utilitar li#m-u-forum a {padding-left: 23px; background-image: url(images/meniu-utilitar-ico-forum.gif);} #utilitar li#m-u-help a {padding-left: 19px; background-image: url(images/meniu-utilitar-ico-help.gif);} #utilitar li a:hover {background-position: left -17px;} div#header div#h1 {position: relative; clear: both; top: -35px; margin: 0px auto -8px auto; width: 315px; height: 47px; overflow: hidden;} div#header div#h1 a {display: block; width: 315px; height: 47px; overflow: hidden; background: url(images/logo-referencement.gif) no-repeat left top; text-indent: -1000px} */ /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER int /*--------------------------------------------------------------------------------------------------------------------------*/ div#header_interior {margin: 0px auto; width: 1000px; height: 205px; /*background:url(images/bg-header.png) no-repeat left bottom*/ position:relative} div#header_interior address {position: absolute; float: left; clear: none; margin: 0px 0px 0px -35px; width: 343px; height: 94px; background: url(images/date-contact.jpg) no-repeat left top; text-indent: -1000px;} * html div#header_interior address {behavior: url(wp-content/themes/referencement/js/iepngfix.htc)} div#header_interior ul#utilitar {float: right; clear: none; width: auto; height: auto; padding: 11px 0px; display:none} div#header_interior ul#utilitar li {float: left; clear: none; width: auto;} div#header_interior ul#utilitar li a {margin: 0px 0px 0px 25px; background-position: left top; background-repeat: no-repeat; color: #FFF; border: none} div#header_interior ul#utilitar li#m-u-free a {padding-left: 27px; background-image: url(images/meniu-utilitar-ico-free.gif)} div#header_interior ul#utilitar li#m-u-forum a {padding-left: 23px; background-image: url(images/meniu-utilitar-ico-forum.gif);} div#header_interior ul#utilitar li#m-u-help a {padding-left: 19px; background-image: url(images/meniu-utilitar-ico-help.gif);} div#header_interior ul#utilitar li a:hover {background-position: left -17px;} /* div#header_interior div#h1 {position: relative; clear: both; top: -35px; margin: 0px auto -8px auto; width: 398px; height: 59px; overflow: hidden;} div#header_interior div#h1 a {display: block; width: 398px; height: 59px; overflow: hidden; background: url(images/logo.gif) no-repeat left top; text-indent: -1000px} */ div#h1 {position: relative; clear: both; top: 65px; margin: 0px auto -8px auto; width: 650px; float:right; height: 80px; overflow: hidden; } div#h1 div.services_header{width:300px; float:left; background:url(images/nos_services.jpg) left top no-repeat; min-height:60px; margin-right:15px } div#h1 div.services_header p{padding-left:84px; color:#32475c;} div#h1 div.services_header .title,div#h1 div.portofolio_header .title{font-size:14px; font-weight:bold; line-height:normal; padding-bottom:0px; padding-top:0px } div#h1 div.portofolio_header{width:300px; float:left; background:url(images/portofolio.jpg) left top no-repeat; min-height:60px; } div#h1 div.portofolio_header p{padding-left:84px; color:#32475c;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* MENIU /*--------------------------------------------------------------------------------------------------------------------------*/ .mainheader{position:relative} #logonew{float:none; display:block; position:absolute; border:0; margin:0; padding:0; height:47px; width:315px; top:87px; left:0px; z-index:50; text-indent:-3999px; background:url(images/logo-referencement.gif) no-repeat;} #facebook{float:none; display:block; position:absolute; border:0; margin:0; padding:0; height:auto; top:95px; right:90px; z-index:50} div#header ul#meniu {margin:0 auto; width: 690px; height: 47px; overflow: hidden; margin-top:80px} div#header ul#meniu li {float: left; clear: none; display: inline; margin: 0px 1px; height: 47px} /*div#header ul#meniu li a {float: left; width: auto; height: 17px; padding: 15px 22px; border: none; color: #000}*/ div#header ul#meniu li a {float:left; padding:3px 5px; color:#000; margin:15px 10px 0 10px; border:none} div#header ul#meniu li:hover, body.page-id-601 div#header ul#meniu li.page-item-601, body.page-id-109 div#header ul#meniu li.page-item-109, body.page-id-97 div#header ul#meniu li.page-item-97, body.page-id-3 div#header ul#meniu li.page-item-3{/*background: url(images/bg-meniu-hover-stg.png) no-repeat left top*/} div#header ul#meniu li a:hover, body.page-id-601 div#header ul#meniu li.page-item-601 a, body.page-id-109 div#header ul#meniu li.page-item-109 a, body.page-id-97 div#header ul#meniu li.page-item-97 a, body.page-id-3 div#header ul#meniu li.page-item-3 a {background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;/*background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff;*/} body.home div#header ul#meniu li#m-referencement{width: auto; border: none; color: #000; background: url(images/bg-meniu-hover-stg.png) no-repeat left top; } body.home div#header ul#meniu li#m-referencement a{background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff; margin:0; padding:15px 22px; height:17px; border:none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ARTICOLE FEATURED /*--------------------------------------------------------------------------------------------------------------------------*/ div#header div#articole-featured {height: 140px; overflow: hidden; padding: 20px 20px 0px 20px} div#header div#articole-featured div {margin: 0px 0px 15px 0px;} div#header div#articole-featured div img {float: left; clear: none; margin: -7px 0px; width: 146px; height: 151px} * html div#header div#articole-featured div img {behavior: url(wp-content/themes/referencement/js/iepngfix.htc);} div#header div#articole-featured div p.titlu-articol {margin: 0px 0px 17px 20px; width: 650px; height: 31px; line-height: 30px; overflow: hidden; padding: 8px 0px 4px 0px; font-family: 'TimelessRegular'; font-size: 27px} div#header div#articole-featured div p.titlu-articol a {padding-bottom: 4px; color: #fff; border-color: #647383} div#header div#articole-featured div p.titlu-articol a:hover {border-color: #fff} div#header div#articole-featured div p {margin-left: 20px; height: 50px; overflow: hidden; color: #fff} div#header div#articole-featured div.cu-thumb p.titlu-articol {margin-left: 0px; width: 510px;} /*problema ie8 - margin-top dublat la titlu*/ div#header div#articole-featured div.cu-thumb p.titlu-articol {margin-top /*\**/: -12px\9; } /*-----*/ div#header div#articole-featured div.cu-thumb p {margin-left: 0px;} div#header div#articole-featured ul {float: right; clear: none; margin: 0px 0px 0px 25px; width: 255px;} div#header div#articole-featured ul li {margin: 0px; height: 47px; overflow: hidden;} * html div#header div#articole-featured ul li {behavior: url(wp-content/themes/referencement/js/iepngfix.htc);} div#header div#articole-featured ul li:hover, div#header div#articole-featured ul li.hover {background: url(images/articole-featured-hover.png) no-repeat right top} div#header div#articole-featured ul li:hover p.titlu a, div#header div#articole-featured ul li.hover p.titlu a {color: #fff} div#header div#articole-featured ul li p {width: 255px; height: 18px; overflow: hidden;} div#header div#articole-featured ul li p.titlu {padding-bottom: 4px} div#header div#articole-featured ul li p.titlu a {padding-bottom: 4px; color: #D2D6DB; border-color: #8A94A0} div#header div#articole-featured ul li p.data {font-size: 10px; color: #98A1AB} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FRAGMENTE /*--------------------------------------------------------------------------------------------------------------------------*/ ul#meniu-fragmente {margin: 0px auto 0px auto; width: 1000px; height: 95px; overflow: hidden; padding: 20px 0px 16px 0px;} ul#meniu-fragmente li {float: left; clear: none; margin: 0px; width: 320px; height: 95px;} ul#meniu-fragmente li.hl p.titlu{background-color:#E46F00; color:#fff; margin-left:70px} ul#meniu-fragmente li.hl p.titlu a{color:#fff; text-decoration:none; border:none} ul#meniu-fragmente li p {color: #525252; line-height: 16px;} ul#meniu-fragmente li p.text1 {margin-left:75px} ul#meniu-fragmente li p.text2 {margin-left:100px} ul#meniu-fragmente li p.text3 {margin-left:60px} ul#meniu-fragmente li p.img {float: left; clear: none; display: inline; padding: 0px 20px 0px 0px; width: auto; height: 85px;} ul#meniu-fragmente li p.img a {border: none} ul#meniu-fragmente li p.titlu {margin: 0px 0px 5px 0px; padding-bottom: 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px;} ul#meniu-fragmente li p.titlu a {padding-bottom: 3px; color: #105886; border-color: #CCDCE5} ul#meniu-fragmente li:hover p.img {opacity: 0.8; filter: alpha(opacity=80)} ul#meniu-fragmente li:hover p.titlu a {border-color: #105886} /*ul#meniu-fragmente li#m-f-formation {width: 320px!important; margin: 0px 40px 0px 40px;} ul#meniu-fragmente li#m-f-conseil,ul#meniu-fragmente li#m-f-forum{width:320px!important}*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut {margin: 0px auto; width: 1000px; height: auto; padding: 20px 0px 35px 0px; } div#container-continut div#continut {position: relative; top: -35px; margin-bottom: -35px; float: left; clear: none; width: 501px; margin-left:300px; } /*.full{width:auto!important; background:none!important}*/ div#container-continut div#continut h1 {margin: 35px 0px 20px 0px; font-size: 18px; color: #383F4A; text-transform: uppercase; line-height: 25px} div#container-continut div#continut p {margin: 5px 0px 5px 0px;} div#container-continut div#continut div#zona-text-home {margin: 35px 0px 0px 0px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ARTICOL /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#continut div.articol {position: relative; margin: 35px 0px 0px 0px; width: 501px; height: auto; padding: 0px 0px 25px 0; background: url(images/bg-articol-jos.gif) no-repeat left bottom} div#container-continut div#continut div.articol h1.titlu, div#container-continut div#continut div.articol h2.titlu {margin: 0px; width: 401px; height: auto; padding: 15px 20px 7px 80px; font-size: 15px; color: #383F4A; background: url(images/bg-articol-sus.gif) no-repeat left top; text-transform: uppercase; line-height: 32px;} div#container-continut div#continut div.articol h1.titlu{font-size:28px} div#container-continut div#continut div.articol h1.pagina, div#container-continut div#continut div.articol h2.pagina {width: 461px; padding: 15px 20px 7px 20px;} div#container-continut div#continut div.articol h1.titlu a, div#container-continut div#continut div.articol h2.titlu a {padding-bottom: 4px; border-color: #D7D9DB; color: #383F4A} div#container-continut div#continut div.articol h2.titlu a:hover, div#container-continut div#continut div.articol h1.titlu a:hover {border-color: #383F4A} div#container-continut div#continut div.articol p.data {position: absolute; left: 20px; top: 0px; margin: 0px; width: 38px; height: 39px; overflow: hidden; padding: 7px 3px; background: url(images/bg-articol-data.gif) no-repeat left top; text-align: center; color: #FFF; letter-spacing: -1px; font-size: 11px; line-height: 13px; text-transform: lowercase} div#container-continut div#continut div.articol p.categorie {margin: 0px 0px 20px 80px; padding: 0px; color: #ADBBC9; font-size: 11px} div#container-continut div#continut div.articol p.categorie a {border-color: #D7D9DB; color: #ADBBC9} div#container-continut div#continut div.articol p.categorie a:hover {border-color: #ADBBC9} div#container-continut div#continut div.articol p, div#container-continut div#continut div.articol div, div#container-continut div#continut div.articol ol, div#container-continut div#continut div.articol ul {padding: 3px 25px;} div#container-continut div#continut div.articol ol, div#container-continut div#continut div.articol ul {list-style: disc} div#container-continut div#continut div.articol ol li, div#container-continut div#continut div.articol ul li {margin: 0px 0px 0px 25px; list-style: disc; padding: 3px 5px; border-bottom: 1px dashed #D7D9DB} div#container-continut div#continut div.articol ol li p, div#container-continut div#continut div.articol ul li p {padding: 3px 0px} div#container-continut div#continut div.articol ol li p.f-left, div#container-continut div#continut div.articol ul li p.f-left {padding: 2px 15px 2px 0px} div#container-continut div#continut div.articol ol li h2, div#container-continut div#continut div.articol ul li h2, div#container-continut div#continut div.articol ol li h3, div#container-continut div#continut div.articol ul li h3, div#container-continut div#continut div.articol ol li h4, div#container-continut div#continut div.articol ul li h4 {margin: 10px 0px 10px 0px; padding: 3px 0px} div#container-continut div#continut div.articol h2, div#container-continut div#continut div.articol h3, div#container-continut div#continut div.articol h4,h2.home {margin: 10px 25px 5px 25px; font-size: 15px; color: #869AAE; text-transform: uppercase} div#container-continut div#continut div.articol h3 {font-size: 14px} div#container-continut div#continut div.articol h4 {font-size: 12px} h3.home{display:inline; font-weight:bold} div#container-continut div#continut div.articol p.comment {margin: 15px 0px 0px 0px; color: #ACBAC9; font-size: 11px} div#container-continut div#continut div.articol p.comment a {padding: 2px 0px 2px 30px; background: url(images/ico-comment.png) no-repeat left center; border: none; color: #ACBAC9} div#container-continut div#continut div.articol p.comment a:hover {color: #E46F00} div#container-continut div#continut div.articol hr {background: #F4F4F5; border: none; height: 1px} /* formular */ div#container-continut div#continut div.articol form {margin: 10px 25px; width: 437px;} div#container-continut div#continut div.articol form fieldset {padding: 5px 0px;} div#container-continut div#continut div.articol form fieldset label {float: left; clear: none; width: 115px; padding: 3px 10px 3px 0px; font-style: italic; text-align: right} div#container-continut div#continut div.articol form fieldset input, div#container-continut div#continut div.articol form fieldset textarea {float: left; clear: none; width: 280px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol textarea {float: left; clear: none; width: 280px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol form fieldset select {float: left; clear: none; width: 280px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol form fieldset.submit {text-align: right} div#container-continut div#continut div.articol form fieldset.submit input {float: none; margin: 0px 0px 0px auto; width: 95px; height: 32px; padding: 0px; text-align: left; text-indent: -1000px; border: none; background: url(images/buton-envoyer.gif) no-repeat left top; cursor: pointer} div#container-continut div#continut div.articol form fieldset.submit input:hover {background-position: left bottom} div#container-continut div#continut div.articol p.mesaj {margin: 10px 25px; padding: 15px; background: #FF9900; border: 1px solid #E46F00; color: #FFF} /* ANNUAIRE */ div#container-continut div#continut div.articol ul#categorii-annuaire {margin-bottom: 10px; text-align: center} div#container-continut div#continut div.articol ul#categorii-annuaire li {display: inline; margin: 0px 2px; padding: 2px 0px; border: none; list-style: none; font-size: 11px} div#container-continut div#continut div.articol ul#categorii-annuaire li a {padding: 2px 3px; background: #E46F00; color: #fff; border: none} div#container-continut div#continut div.articol ul#categorii-annuaire li a:hover {background: #FF9900} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ARTICOL CLASE GENERALE /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#continut div.articol img.thumb {position: relative; margin: -10px 0px} div#container-continut div#continut div.articol .alignleft {float: left; clear: none; padding: 2px 2px 2px 2px} div#container-continut div#continut div.articol .alignright {float: right; clear: none; padding: 2px 25px 2px 2px} div#container-continut div#continut div.articol .aligncenter, div#container-continut div#continut div.articol div.center {display: block; margin: 0px auto; text-align: center} div#container-continut div#continut div.articol p.f-left {float: left; clear: none; padding: 2px 15px 2px 25px} div#container-continut div#continut div.articol ul.inline, div#container-continut div#continut div.articol ol.inline {text-align: center} div#container-continut div#continut div.articol ul.inline li, div#container-continut div#continut div.articol ol.inline li {display: inline; margin: 0px 3px; border: none} div#container-continut div#continut div.articol ul.no-bullet, div#container-continut div#continut div.articol ol.no-bullet {list-style: none} div#container-continut div#continut div.articol ul.no-bullet li, div#container-continut div#continut div.articol ol.no-bullet li {list-style: none; margin: 0px} div#container-continut div#continut div.articol p a.img {border: none} div#container-continut div#continut div.articol p a img {/*border: 3px solid #EAEBEC*/} div#container-continut div#continut div.articol p a:hover img {/*border-color: #D7D9DB*/} div#container-continut div#continut div.articol p.code {background: #F4F4F5; border: 1px solid #EAEBEC; padding: 10px; margin: 5px 25px; color: #ACB7C4; font-size: 11px} div#container-continut div#continut div.articol p code {font-style: italic; color: #ACB7C4; font-size: 11px} div#container-continut div#continut div.articol p.sign {margin: 5px 0px; font-style: italic; color: #ACB7C4; text-align: right} /*-----*/ /*-----*/ div#container-continut div#continut div.mesaj {position: relative; margin: 35px 0px 0px 0px; width: 501px; height: auto; padding: 0px 0px 15px 0px; background: url(images/bg-articol-jos.gif) no-repeat left bottom} div#container-continut div#continut div.mesaj h2 {width: 461px; height: auto; padding: 15px 20px 7px 20px; font-size: 15px; color: #F60; background: url(images/bg-articol-sus.gif) no-repeat left top;} div#container-continut div#continut div.mesaj p {padding: 0px 20px} .trei{float:left; background-color:#fff; border:1px solid #e3e3e3; border-radius:10px; -moz-border-radius:10px; padding:10px; width:300px; height:480px; margin-right:10px; margin-bottom:10px} .trei h2{color:#e57a10; font-weight:bold; text-decoration:underline; font-size:12px;} .lasttrei{margin-right:0px} .servicefooter{margin:10px; clear:both} .servicecontact{background-color:#e36f00; border:2px solid #ffff; border-radius:10px; padding:10px; color:#fff; font-size:14px; text-align:center; background:url(images/servicecontact.gif) repeat-x} .servicecontact strong,.servicecontact span{ margin:0 0 0 50px} .servicecontact span.email{background:url(images/iconemail.png) no-repeat; padding-left:20px} .servicecontact span.tel{background:url(images/icontel.png) no-repeat; padding-left:20px} .servicecontact span.formular{background:url(images/iconform.png) no-repeat; padding-left:20px} p.hl{background-color:#32485d; color:#fff; padding:5px; position:relative;} .hlguy{ padding-right:65px!important} p.hl .refguy{position: absolute; top:-20px; right:5px} .contactlink{border-bottom:0px; color:#E57A10; padding:0; font-size:12px; font-weight:bold} .servicesgoogle img{border:3px solid #E57A10} .arrow{background:url(images/bluearrow.png) no-repeat center left; padding-left:20px; font-size:14px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FORMULAR SEARCH /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-meniuri form#f-search {width: 162px; margin: 2px 0px 8px auto; } div#container-continut div#continut div.mesaj form#f-search {width: 162px; margin: 10px 25px 10px 25px;} #f-search .submit input{border:1px outset #4f4f4f; background-color:#4f4f4f; color:#fff; cursor:pointer} div#container-continut div#coloana-meniuri form#f-search fieldset.input, div#container-continut div#continut div.mesaj form#f-search fieldset.input {width: 162px; height: 24px; background: url(images/fieldset-search.gif) no-repeat left top} div#container-continut div#coloana-meniuri form#f-search fieldset.input input, div#container-continut div#continut div.mesaj form#f-search fieldset.input input {width: 152px; height: 17px; padding: 4px 5px 3px 5px; color: #fff; text-align: right} div#container-continut div#coloana-meniuri form#f-search fieldset.submit, div#container-continut div#continut div.mesaj form#f-search fieldset.submit {margin: 3px 0px 0px auto; text-align: right; background: none; border: none; font-size: 11px} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA MENIURI modificare ona coloana-meniuri ___ margin: 0px 0px 0px 30px; /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-meniuri {float: left; clear: none; margin: 0px 0px 0px 0px; width: 162px; text-align: right;} div#container-continut div#coloana-meniuri ul {margin: 0px 0px 15px auto; height: auto} div#container-continut div#coloana-meniuri ul li {height: 25px; background: url(images/coloana-meniuri-linie.png) no-repeat right bottom; overflow:hidden} div#container-continut div#coloana-meniuri ul li a {display: block; margin: 0px; /* height: 21px; */ padding: 2px 0px; color: #45556B; border: none; line-height:25px} div#container-continut div#coloana-meniuri ul li a:hover {background: url(images/coloana-meniuri-hover.png) no-repeat right top} div#container-continut div#coloana-meniuri div#h-articles {margin: 0px 0px 7px auto; width: 95px; overflow: hidden; text-align: left; text-indent: -1000px; background: url(images/titlu-articles.gif) no-repeat right top; height: 32px;} div#container-continut div#coloana-meniuri ul#m-articles {margin: 0px 0px 25px 0px;} div#container-continut div#coloana-meniuri div#h-pages {margin: 0px 0px 7px auto; width: 72px; overflow: hidden; text_align: left; text-indent: -1000px; background: url(images/titlu-pages.gif) no-repeat right top} /*completare ona*/ div#container-continut div#coloana-meniuri div.h-sidebar {margin: 0px 0px 7px auto; overflow: hidden; background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align: center; padding:5px 10px 5px 10px; font-size:16px; display:block; width:145px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara {float: left; clear: none; width: 272px; margin-right:25px; position:absolute;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR - formular /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara div#h-contact {position: relative; margin: 0px 0px 0px -7px; width: 174px; height: 33px; padding: 13px 50px 10px 55px; background: url(images/coloana-utilitara-bg-formular-contact-sus.png) no-repeat left top; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px} div#container-continut div#coloana-utilitara form {position: relative; margin: 0px 0px 0px -7px; width: 234px; height: auto; padding: 0px 20px 10px 25px; background: url(images/coloana-utilitara-bg-formular-contact-jos.png) no-repeat left bottom; } div#container-continut div#coloana-utilitara form fieldset {width: 217px; height: 38px; overflow: hidden; padding: 3px 10px 10px 10px; background: url(images/coloana-utilitara-bg-fieldset-formular-contact.gif) no-repeat left top;} div#container-continut div#coloana-utilitara form fieldset.textarea {width: 217px; height: 70px; overflow: hidden; padding: 3px 10px 10px 10px; background: url(images/coloana-utilitara-bg-fieldset-formular-contact.gif) no-repeat left bottom; margin-bottom:4px;} div#container-continut div#coloana-utilitara form fieldset label {float: left; clear: none; color: #AAB3BE} div#container-continut div#coloana-utilitara form fieldset input {float: right; clear: none; text-align: left; color: #C2C9D1; border:inset 1px #aaa; margin:-1px -5px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px} div#container-continut div#coloana-utilitara form fieldset textarea {float: right; text-align: left; color: #C2C9D1; border:inset 1px #aaa; margin:-1px -5px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:155px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-nom {width: 170px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-tel {width: 150px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-heure {width: 25px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-url {width: 170px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-email {width: 170px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-message {width: 175px} div#container-continut div#coloana-utilitara form fieldset.submit {width: 234px; padding: 0px; background: none} div#container-continut div#coloana-utilitara form fieldset.submit input {margin: 0px 0px 0px auto; width: 95px; height: 32px; padding: 0px; text-align: left; text-indent: -1000px; cursor: pointer; background: url(images/coloana-utilitara-buton-envoyer.gif) no-repeat left top} div#container-continut div#coloana-utilitara form fieldset.submit input:hover {background-position: left bottom} /*completare ona*/ div#container-continut div#coloana-utilitara div#h-posts {margin: 7px 0px 7px auto; overflow: hidden; background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align: center; padding:5px 10px 5px 10px; font-size:16px;} div#container-continut div#coloana-utilitara ul {margin: 0px 0px 15px auto; height: auto; text-align:right;} div#container-continut div#coloana-utilitara ul li { background: url(images/coloana-meniuri-linie.png) no-repeat right bottom;} div#container-continut div#coloana-utilitara ul li a {display: block; margin: 0px; padding: 2px 0px; color: #45556B; border: none;} div#container-continut div#coloana-utilitara ul li a:hover {background: url(images/coloana-meniuri-hover.png) no-repeat right top} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR - illustrations /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara div#referencement-illustrations {margin: 25px 0px} div#container-continut div#coloana-utilitara div#referencement-illustrations:hover p.img {opacity: 0.8; filter: alpha(opacity=80)} div#container-continut div#coloana-utilitara div#referencement-illustrations p.img {float: left; clear: none} div#container-continut div#coloana-utilitara div#referencement-illustrations p.img a {border: none} div#container-continut div#coloana-utilitara div#referencement-illustrations h3, div#container-continut div#coloana-utilitara div#referencement-illustrations p.h3 {font-size: 15px; color: #383F4A; line-height: 24px} div#container-continut div#coloana-utilitara div#referencement-illustrations h3 a, div#container-continut div#coloana-utilitara div#referencement-illustrations p.h3 a {padding-bottom: 3px; color: #383F4A; border-color: #B7CEDB} div#container-continut div#coloana-utilitara div#referencement-illustrations h3 a:hover, div#container-continut div#coloana-utilitara div#referencement-illustrations p.h3 a:hover {border-color: #383F4A} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR - annuaire /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara div#annuaire {position: relative; margin: 25px 0px 0px -25px; width: 257px; height: 80px; padding: 7px 10px 40px 30px; background: url(images/bg-annuaire.jpg) no-repeat left top} div#container-continut div#coloana-utilitara div#annuaire h3, div#container-continut div#coloana-utilitara div#annuaire p.h3 {margin: 0px auto 7px auto; color: #fff; font-size: 15px; text-align: center;} div#container-continut div#coloana-utilitara div#annuaire h3 a, div#container-continut div#coloana-utilitara div#annuaire p.h3 a {color: #fff; border-color: #7F8991} div#container-continut div#coloana-utilitara div#annuaire h3 a:hover, div#container-continut div#coloana-utilitara div#annuaire p.h3 a:hover {border-color: #fff} div#container-continut div#coloana-utilitara div#annuaire p {margin: 0px 0px 0px 100px; font-size: 11px; color: #A8AFB5; line-height: 15px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------------------------------*/ div#footer {width: 100%; padding: 25px 0px 30px 0px; background: #5C6A7A url(images/bg-footer.gif) repeat-x left top} div#footer div {margin: 0px auto; width: 1000px;} div#footer div ul {margin: 0px 0px 0px auto; text-align: right} div#footer div ul li {display: inline; margin: 0px 0px 0px 10px} div#footer div ul li a {color: #fff; border: none} div#footer div ul li a:hover {border-bottom: 1px dashed #fff} div#footer div ul.secundar {margin: 7px 0px 0px auto; letter-spacing: -0.5px} div#footer div ul.secundar li a {color: #A9B0B9} div#footer div ul.secundar li a:hover {border-color: #A9B0B9} div#footer div p {float: right; clear: none; margin: 15px 0px 0px 0px; height: 25px; padding: 0px 0px 0px 10px; line-height: 25px; background: url(images/bg-copyright-stg.gif) no-repeat left top; color: #D6D9DD} div#footer div p strong {padding: 5px 10px 5px 0px; background: url(images/bg-copyright-dr.gif) no-repeat right 0px; color: #D6D9DD} ul.navigation {margin: 25px 0px 0px 0px} ul.navigation li a {font-weight: bold; color: #105886} ul.navigation li.l {float: left; clear: none} ul.navigation li.r {float: right; clear: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COMENTARII /*--------------------------------------------------------------------------------------------------------------------------*/ p.titlu-comentarii {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; padding: 25px 0px 10px 0px;} form#formular-comentarii {margin: 15px 0px; width: 100%;} form#formular-comentarii fieldset {padding: 5px 0px; text-align: right} form#formular-comentarii fieldset label {display: block; margin: 3px 0px 2px 0px; font-style: italic; color: #A1AAB3; text-align: left} form#formular-comentarii fieldset input {width: 481px; height: 17px; padding: 2px 10px; background: #DCDFE3; border: 1px solid #fff} form#formular-comentarii fieldset input#submit {margin: 15px 0px 15px auto; width: 125px; height: 25px; background: #E46F00; border: 1px solid #fff; color: #fff} form#formular-comentarii fieldset textarea {width: 481px; height: 95px; padding: 2px 10px; background: #DCDFE3; border: 1px solid #fff} ol#lista-comentarii {margin: 25px 0px;} ol#lista-comentarii li {padding: 10px 7px; border-bottom: 1px dashed #B7CEDB} ol#lista-comentarii li:hover {background: #fff} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ONA /*--------------------------------------------------------------------------------------------------------------------------*/ .clear{clear:both;} #sidebar{/*width:490px;*/ width:162px; float:right} div#simulare-sus_interior {position: absolute; top: 340px; width: 100%; background:#F3F5F7 url(images/bg_simulare-sus.gif) repeat-x left top; } /* ANNUAIRE */ div#container-continut div#continut div.articol ul#jsddm {margin:0 0 10px 10px; padding:0;} div#container-continut div#continut div.articol ul#jsddm li {float:left; margin: 0px 2px; padding: 2px 0px; border: none; list-style: none; font-size: 11px} div#container-continut div#continut div.articol ul#jsddm li a {padding: 2px 3px; background: #E46F00; color: #fff; border: none} div#container-continut div#continut div.articol ul#jsddm li a:hover {background: #FF9900} div#container-continut div#continut div.articol ul#jsddm li ul {position: absolute; visibility: hidden; list-style:none; z-index:50; margin:0; padding:0;} div#container-continut div#continut div.articol ul#jsddm li ul li{display: block; margin:0; padding:0; float:none;} div#container-continut div#continut div.articol ul#jsddm li ul li a{width: auto; margin:0; padding:3px 15px 3px 15px; background: #E46F00; color: #fff;} div#container-continut div#continut div.articol ul#jsddm li ul li a{background: #FF9900} /*end menu oana*/ .thumbsweb{ float:left; padding:10px 10px 0 0!important; position:relative; width:200px} *html .thumbsweb{ padding-right:5px;} .thumbsweb ul{ list-style-type:none; padding:0px!important; margin:0px!important;} div#container-continut div#continut div.articol .thumbsweb ul li{list-style:none!important; padding:0!important; margin:0!important;} .thumbsweb ul li.webtitle{ font-size:11px; color:#367199; line-height:12px; padding-bottom:2px; font-weight:bold; height:23px; list-style: none;} .thumbsweb ul li.categ{ padding-bottom:4px; list-style: none;} .thumbsweb ul li.categ a{ font-size:11px; color:#fff; background:#ccc; padding-left:2px; padding-right:2px; text-decoration:none; } .thumbsweb ul li.catega:hover{ background:#666;} .thumbsweb ul li.url{ overflow:hidden; list-style: none; display:block; width:auto} *html .thumbsweb ul li.url{ display:none; list-style: none;} .thumbsweb ul li.url a{ font-size:11px; color:#999; text-decoration:none;} .thumbsweb ul li.url a:hover{ color:#FF6600;} .thumbsweb img{ border:1px solid #ddd;} .thumbsweb .details{position:absolute; z-index:=1; display:none; background-color:#fff; padding:10px; font-size:12px; line-height:18px; z-index:150; width:300px; border:2px solid #ddd; /*border-bottom:4px solid #999;*/ -webkit-border-radius:4px; -moz-border-radius:4px; color:#666;} .thumbsweb a,.thumbsweb li{border:none!important} /*--------------------------------------------------------------------------------------------------------------------------*/ /* MENIU int /*--------------------------------------------------------------------------------------------------------------------------*/ div#header_interior ul#meniu {margin: 80px auto 0 auto; width: 690px; height: 47px; overflow: hidden; } div#header_interior ul#meniu li {float: left; clear: none; display: inline; margin: 0px 1px; height: 47px} /*div#header ul#meniu li a {float: left; width: auto; height: 17px; padding: 15px 22px; border: none; color: #000}*/ div#header_interior ul#meniu li a {float:left; padding:3px 5px; color:#000; margin:15px 10px 0 10px; border:none} div#header_interior ul#meniu li:hover, body.page-id-601 div#header_interior ul#meniu li.page-item-601, body.page-id-109 div#header_interior ul#meniu li.page-item-109, body.page-id-97 div#header_interior ul#meniu li.page-item-97, body.page-id-3 div#header_interior ul#meniu li.page-item-3{/*background: url(images/bg-meniu-hover-stg.png) no-repeat left top*/} div#header_interior ul#meniu li a:hover, body.page-id-601 div#header_interior ul#meniu li.page-item-601 a, body.page-id-109 div#header_interior ul#meniu li.page-item-109 a, body.page-id-97 div#header_interior ul#meniu li.page-item-97 a, body.page-id-3 div#header_interior ul#meniu li.page-item-3 a {background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;/*background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff;*/} body.home div#header_interior ul#meniu li#m-referencement{width: auto; border: none; color: #000; background: url(images/bg-meniu-hover-stg.png) no-repeat left top; } body.home div#header_interior ul#meniu li#m-referencement a{background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff; margin:0; padding:15px 22px; height:17px; border:none} #event{width:1000px; margin:36px auto 0 auto; z-index:200; position:absolute} #event .eleft{margin-left:105px; float:left} #event .eright{margin-left:700px; margin-top:-10px; display:block} .oe{display:block; text-align:center} .oeimg{text-align:center; display:block} small{font-size:11px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* portfolio /*----------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#continut div.articol div.portopage p, div#container-continut div#continut div.articol div.portopage div, div#container-continut div#continut div.articol div.portopage h2, div#container-continut div#continut div.articol div.portopage img { margin:0; padding:0;} div#container-continut div#continut div.articol div.portopage div.post_portfolio{ margin-top:5px; padding:20px; } div#container-continut div#continut div.articol div.portopage div.post_portfolio h2{ font-size:27px; color:#51534a; letter-spacing:-1px; line-height:26px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .cell{ width:686px; padding:12px; background:#fff; border:1px solid #e0ded6;} div#container-continut div#continut div.articol div.portopage div.post_portfolio img{ float:left; margin-right:12px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .txt{ float:right; width:389px; color:#7c7c7c;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .title{ font-size:18px; color:#fff; letter-spacing:-1px; padding:3px; background:#9ebd2e; display:block; padding-left:8px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .motsinfo{ font-size:12px; margin-top:7px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .mots{ border-bottom:1px dashed #bbb; font-size:11px; height:14px; padding-top:4px;} .mots .position{ float:right;} .mots .cle{ float:left; font-weight:bold;} .url { padding-top:9px;} .url a{ float:right; font-weight:bold; text-decoration:none; font-size:11px;}