/* CSS Document */
/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, object {
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: top;
}
html,body{
margin: 0;
padding: 0;
background-image: url('../imagini/background.jpg');
background-position: top center;
background-repeat: repeat-x;
background-color: #F6F3E2;
}
a, a:visited, a:active {
color: #254055;
text-decoration: none;
}
a:hover{
color: #cd9443;
}
/* continut - cuprinde toate elementele, cu exceptia footer-ului */
#continut {
width: 950px;
margin: 0 auto;
}
/* header - cuprinde meniu-top, logo-flash, banner */
#header{
}
#galerie{
position: absolute;
width:652px;
height:200px;
overflow:hidden;
z-index:900;
margin:42px 5px 0 292px;
}
#slideshow {
position:relative;
}
#galerie IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#galerie IMG.active {
z-index:10;
opacity:1.0;
}
#galerie IMG.last-active {
z-index:9;
}
.header-logo {
margin: 0px;
padding: 0px;
width: 286px;
}
.header-meniu {
display: inline-block;
width: 664px;
height: 153px;
margin: 0px;
float: right;
}
.header-banner{
display: block;
width: 100%;
height: 112px;
background-image: url('../imagini/fundal_banner_header.jpg');
background-position: top center;
background-repeat: no-repeat;
}
.header-butoane{
display: block;
width: 100%;
height: 41px;
background-image: url('../imagini/fundal_meniu.jpg');
background-position: top center;
background-repeat: no-repeat;
}
.butoane{
width: 100%;
height: 41px;
padding: 0 100px;
}
.butoane li{
display: inline;
list-style: none;
margin-left: -6px;
}
.butoane li a{
display: inline-block;
padding: 10px 20px; /* top right */
background-image: url('../imagini/separator-x.jpg');
background-position: top left;
background-repeat: no-repeat;
}
.butoane li a:hover{
background-image: url('../imagini/meniu-over.jpg');
background-repeat: repeat-x;
}
object{ margin: 0px;padding:0px;}
/* Corp - cuprinde bara-laterala, corp-principal, meniu-lateral */
.corp{
background-image: url('../imagini/fundal_corp_repeat_y.jpg');
background-repeat: repeat-y;
background-position: top right;
width: 650px;
padding: 30px;
}
.corp li, ol, h4 { padding: 5px; }
/* bara-laterala - cuprinde meniu-lateral
*/
.corp ul{
margin-left: 30px;
margin-right: 25px;
}
.corp ul li a{
color: #264257;
}
.corp ul li a:hover{
color: #cd9443;
}
.step{
display: block;
float: left;
background: #3e6c8e;
margin-right: 10px;
color: white;
font-weight: bold;
text-align: center;
padding: 15px;
}
.calculator label {
display: block;
padding: 3px 5px;
font-size: 12px;
}
.calculator label input{
float: right;
}
.calculator label select{
float: right;
}
q{
display: block;
padding: 10px 5px;
margin: 5px;
background: #fffdf2;
text-align :center;
font-style: italic;
border: dotted 1px #cfccbd;
}
.corp ul li{
margin-left: 40px;
list-style-image: url('../imagini/corp-bullet.gif');
border-bottom: dotted 1px #cfccbd;
}
.corp ul li:hover{
cursor: default;
list-style-image: url('../imagini/corp-bullet-hover.gif');
}
.bara-laterala{
background-image: url('../imagini/fundal_corp_repeat_y.jpg');
background-repeat: repeat-y;
background-position: top left;
width: 300px;
}
.meniu h3{
display: block;
padding: 0px 5px 30px 20px;
background-image: url('../imagini/top_meniu.jpg');
background-position: bottom left;
background-repeat: no-repeat;
}
.meniu ul{
display: block;
list-style: none;
padding: 0px 20px 30px;
background-image: url('../imagini/fundal-meniu.jpg');
background-repeat: repeat-y;
}
.meniu li{
list-style: none;
background-image: url('../imagini/separator-y.jpg');
padding: 5px 25px 25px;
background-position: bottom;
background-repeat: no-repeat;
}
/* corp-principal - cuprinde cms, si text normal */
.corp-principal{
padding: 20px;
}
/* footer - cuprinde grupe, arhiva, taguri, copyright */
.footer{
width: 950px;
margin: 0px auto;
background-image: url('../imagini/fundal_footer_repeat_y.jpg');
background-position: top center;
background-repeat: repeat-y;
padding: 10px;
color: white;
text-align: center;
font-family: verdana;
font-size: 10px;
}
.footer ul li{
display: inline;
list-style-type: none;
text-transform: uppercase;
}
.footer ul li a {
list-style-type: none;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
}
.footer a:hover{
color: #cd9443;
}
.corp-blocuri{
margin: auto;
padding: 20px;
text-align: left;
width: 950px;
background-image: url('../imagini/bottom_footer.jpg');
background-position: bottom center;
background-repeat: no-repeat;
}
#cauta {
display: block;
list-style: none;
padding: 0px 40px 30px;
background-image: url('../imagini/fundal-meniu.jpg');
background-repeat: repeat-y;
color: #eee;
}
#cauta label {
display: block;
margin: 0px 0px 10px 0px;
}
#cauta .cauta {
width: 190px;
background-image: url('../imagini/search.gif');
background-position: left;
background-repeat: no-repeat;
border: 1px solid #ccc;
padding-left: 15px;
height: 20px;
}
#cauta .cautaOK {
background-color: #F6F3E2;
width: 50px;
border: 1px solid #ccc;
cursor: pointer;
}
#cauta select{
width: 207px;
height: 20px;
border: 1px solid #ccc;
background-color: #F6F3E2;
cursor: pointer;
}
#cauta .option{
cursor: pointer;
}
.rand-anunt td{
border-bottom: solid 1px #ccc;
cursor: pointer;
}
.rand-over td{
background-color: #fff;
border-bottom: solid 1px #fff;
cursor: pointer;
}
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; text-align:center; }
.notice { padding: .1em;border: 2px solid #ddd; text-align:center; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.alt-c-1 {
background: lightblue; color:#222;
}
.intrare-unu{
background: #fff url('../imagini/span.gif') repeat-x bottom left;
color: #555;
padding: 5px;
border-bottom: 1px solid lightblue;
}
.intrare-doi{
border-bottom: 1px solid lightblue;
color: #555;
padding: 5px;
background-color: #fff;
}
.intrare-special{
border-bottom: 1px solid #d4d4d4;
color: #555;
background-color: #fff;
}
.lista-remorci{
display:block;
width: 600px;
}
.remorca{
display:block;
margin: 20px 0px 20px;
border: 1px solid red;
min-height: 300px;
overflow: auto;
border: solid 1px #d6d1b8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-bottom: 10px;
}
.remorca-titlu{
font-weight: bold;
display:block;
clear:both;
background: #264257;
Color: white;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
.remorca-titlu span.pret{
float: right;
}
.remorca-imagine{
float:left;
border: solid 2px #264257;
margin: 5px 5px 30px;
}
.remorca-descriere{
clear: both;
overflow:hidden;
width: 580px;
background: #fff;
border-top: solid 1px #264257;
border-bottom: solid 1px #264257;
margin: 10px auto;
}
.remorca-optiuni{
float: left;
position: absolute;
margin-top: 10px;
}
div.ContainerProp {
overflow:auto;
width: 270px;
float: right;
font-family: verdana;
}
div.ContainerProp .proprietate{
float: right;
width: 270px;
border-bottom: solid 1px #d4d4d4;
overflow:auto;
font-size: 10px;
}
div.ContainerProp .proprietate .nume{
width: 130px;
float: left;
padding: 3px;
text-transform: uppercase;
font-weight:bold;
}
div.ContainerProp .proprietate .valoare{
width: 120px;
float: right;
padding: 3px;
}
/* --- */
.edit-table{
font-family: verdana;
padding: 1px;
font-size: 10px;
}
.edit-table table{
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
color: black;
background: #fff;
}
.edit-table table thead{
font-weight: bold;
}
.edit-table table thead th{
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
text-align: center;
}
.edit-table table th{
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
text-align: left;
font-weight:bold;
background:#edeff1;
}
.edit-table table td{
padding: 3px;
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
}
.edit-table tr:hover{
background:#e4f5ff;
}
.ascunde{
display:none;
}
#top-meniu{
display: block;
position: absolute;
z-index: 1001;
margin:205px 0px 0px 310px;
width: 620px;
}
#top-meniu ul, #top-meniu ul li{
list-style-type: none;
display: inline;
}
#top-meniu ul li a{
display:block;
width: 120px;
float: left;
height: 41px;
line-height: 43px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#top-meniu ul li a:hover{
background: #3d5375 url('../imagini/top-meniu-over.jpg') repeat-x top left;
}
#top-meniu ul li a.activ{
background: #3d5375 url('../imagini/top-meniu-over.jpg') repeat-x top left;
color: white;
}