@charset "utf-8";

/* CSS Document */
* { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: none; }
body { text-align: center; font-family: Arial, Helvetica, sans-serif;
  background: #1a1a1a url(../images/body-bg.png) no-repeat top center; }
#container { width: 977px; margin: 0 auto 0 auto; text-align: left; }
#header { float: left; clear: none; width: 977px; height: 132px; }
.logo { float: left; clear: none; }
#contact { width: 267px; height: 97px; float: right;
  background: url(../images/bg-contact.png) no-repeat top right;  margin-top:15px; 
  color: #d6faff; font-size: 13px; text-align: right; padding-right: 20px; padding-top: 8px;}
#contact p { margin-top: 10px; }
#contact strong { color: #8ac3cb; font-size: 16px; font-weight: normal;}
.titlu-date { color: #6facb5; }
#continut { width: 977px; float: left; }
#meniu { margin: 0 auto 0 auto; text-align: center; list-style: none; margin-top: 45px;
  width: 977px; margin-left: 120px; }
#meniu li { float: left; clear: none; margin-left: 45px; }
#meniu a { color: #c4f0f6; font-size: 18px; text-decoration: none; width: 132px;
  height: 28px; display: block; padding-top: 2px; }
#meniu a:hover { background: url(../images/bg-meniu.png) no-repeat; }
#seat { width: 291px; height: 261px; float: left; clear: none; margin-top: 15px; margin-left: 85px; }
#seat:hover { background: url(../images/bg-seat.png) no-repeat; }
#volvo { width: 291px; height: 261px; float: left; clear: none; margin-left: 200px; margin-top: 15px; }
#volvo:hover { background: url(../images/bg-volvo.jpg) no-repeat;}
#poze-jos { float: left; clear: none; width: 977px; margin-top: 0px; }
#imagine { width: 307px; height: 281px; float: left; clear: none; padding-top: 41px;
  padding-left: 12px; background: url(../images/bg-poza.png) no-repeat; }
#imagine:hover { width: 307px; height: 281px; float: left; clear: none;
  background-image: url(../images/bg-poza-on.png); }
#footer { float: left; clear: none; width: 977px; color: #5d6768; text-align: center;
  font-size: 12px; padding-top: 10px; padding-top: 5px; margin-top: -30px;
  background: url(../images/footer-break.jpg) no-repeat top; }

/*==========INTERIOR============*/
#seat-mic { width: 128px; height: 98px; float: left; clear: none; margin-top: -65px; }
#seat-mic:hover { background-image: url(../images/logo-seat-mic.jpg); }
#volvo-mic { width: 128px; height: 98px; float: right; clear: none; margin-top: -65px; }
#volvo-mic:hover { background-image: url(../images/logo-volvo-mic.jpg); }
#continut-mijloc { width: 977px; float: left; clear: none; margin-bottom: 50px; margin-top: 30px; }
#continut-mijloc h1 { background: url(../images/h1bg.jpg) no-repeat; font-size: 17px; color: #FFFFFF;
  font-weight: normal; padding-left: 7px; padding-bottom: 3px; }
#continut-mijloc h2 { color: #3d828b; font-size: 12px; font-weight: normal; padding-left: 7px; }
#continut-mijloc p { color: #FFFFFF; font-size: 13px; margin-top: 15px; margin-bottom: 15px; }
.content_with_img { float: left; width: 710px; }
#content { color: #fff; font-size: 13px; }
#content ul {margin-left: 15px;}
#content_foto,
#content_files { float: right; clear: none; width: 235px; margin-bottom: 20px;
  color: #C4F0F6; font-size: 13px; }
#content_files { background-color:#313131; border:1px solid #454545; padding:5px; width:225px; }
#content_foto img { border: 4px solid #42919b; }
#content_files a { color: #8AC3CB; text-decoration: none; }
#content_files a:hover { text-decoration: underline; }

.content_file { line-height:26px; padding-left:30px; margin-bottom: 5px; }
.reader { background: transparent url(../images/reader.png) no-repeat left center; }
.writer { background: transparent url(../images/writer.png) no-repeat left center; }
.word2003 { background: transparent url(../images/word2003.png) no-repeat left center; }
.word2007 { background: transparent url(../images/word2007.png) no-repeat left center; }
.txt1 { background: transparent url(../images/txt1.png) no-repeat left center; }
.notepad { background: transparent url(../images/notepad.png) no-repeat left center; }
            


/*================ Formular contact =============*/
#form_contact_std input,
#form_contact_std label,
#form_contact_std textarea { font-family: arial; font-size: 13px; color: #FFFFFF; } 
#form_contact_std .field { margin-bottom: 15px; clear: both; }
#form_contact_std label { width: 125px; float: left; text-align: left;
  color: #FFFFFF; margin-right: 10px; } 
#form_contact_std .field_txt,
#form_contact_std .field_txs { width: 250px; border: 1px solid #454545; background-color: #313131; }
#form_contact_std .field_txs { width: 125px; } 
#form_contact_std .field_txa { width: 500px; border: 1px solid #454545; background-color: #313131; }
#form_contact_std .field_security input { float: left; }
#form_contact_std .field_security img { margin-left: 25px; }
#form_contact_std .field_submit { text-align: center; margin-top: 25px; }
#form_contact_std .field_submit input { cursor: pointer; border: 1px solid #454545; 
  background-color: #262626; color: #FFFFFF; padding: 3px 10px; margin: 0px 10px; }
#form_contact_std .field_submit input:hover { background-color: #313131; }
#form_contact_std div.error { margin-left: 135px; display: block; color: #3D828B; font-size: 11px; }
#form_contact_std .required { color: #3D828B; font-size: 11px; }
#form_contact_std .submit_message { color:#3D828B; font-size:14px; font-weight:bold; margin-bottom:10px; }
  
/*================OFERTA SECOND=============*/
#lista_masini { width: 735px; float: left; }
#masina { width: 735px; height: 180px; float: left; clear: none; background-color: #262626; 
  border: 1px solid #454545; margin-top: 30px; color: #FFFFFF; font-size: 12px; }
#masina:hover { background-color: #313131; }
#masina img { float: left; clear: none; border: 3px solid #43939e; margin: 20px; }
#masina img:hover { border-color: #60a9b3; }
#masina-titlu { width: 230px; float: left; clear: none; margin-top: 30px; }
#masina-titlu h1 { color: #FFFFFF; font-size: 18px; padding-left: 0px; margin-bottom: 10px; 
  background: url(../images/h1titlumasinabg.jpg) no-repeat bottom left; }
.pret { color: #43939e; font-size: 15px; }
.euroi { color: #FFFFFF; font-size: 18px; }
#email-second { width: 66px; height: 21px; margin-top: 30px; background-color: #2c3e3c;
  font-size: 12px; color: #fff; padding-left: 10px; padding-top: 7px; }
#chkscnd { float: left; clear: none; margin-right: 5px; }
#marci { width: 210px; float: right; clear: none; text-align: right; margin-top: 25px; }
#marci h1 { font-size: 17px; color: #c4f0f6; 
  background: url(../images/bgh1marci.jpg) no-repeat bottom right; } 
#marci a { color: #FFFFFF; font-size: 14px; text-transform: uppercase;
  height: 24px; display: block; text-decoration: none; text-align: right; margin-top: 5px;
  padding-top: 4px; padding-right: 5px; }
#marci a:hover { background: url(../images/hover-marca.jpg) no-repeat right top; }
#marci .selected { background: url(../images/hover-marca.jpg) no-repeat right top; }
#descriere-masina { width: 260px; color: #FFFFFF; font-size: 11px; float: left;
  clear: none; margin-top: 20px; }
.data-masina { color: #43939e; font-size: 12px; float: right; margin-right: 4px; margin-top: 6px; }
.data-anunt { float: right; margin-top: 6px; margin-right: 10px; }
.pagini { float: right; margin-top: 10px; }
.pagini span { background-color: #313131; border: 1px solid #454545; clear: none;
  color: #fff; padding: 2px; font-size: 13px; clear: none; }
.pagini a { background-color: #262626; border: 1px solid #454545; clear: none; color: #fff;
  text-decoration: none; padding: 2px; font-size: 13px; }
.pagini a:hover { background-color: #313131; }