/*
	Voitin.com Web Services
	http://www.voitin.com
*/

/* GENERAL */
* { border: 0; outline: none; list-style: none }
body { font-size: 13px; font-family: Arial, Verdana, Georgia, Helvetica, sans-serif; margin: 0; padding: 0; background-color: #b5e0e6; background-image: url('../images/fundal_zi.jpg'); background-repeat: no-repeat; background-position: center 60px }
.inside { width: 950px; margin: auto }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none }
#toolTIP { font-size: 12px; padding: 10px; text-align: center; color: #fff; border: 1px solid #333; background: #202020 }
.clear { clear: both }
h1 { font-size: 23px; margin: 15px 0; padding: 0; text-align: center }
h1 a, a.toate { font-size: 21px; color: #333; text-decoration: none }
h1 a:hover, h1 a.active, a.toate:hover { border-bottom: 3px solid #000; border-top: 3px solid #000; color: #000 }
h2 { font-size: 18px; margin: 0 0 10px 0; padding: 0 }
#noJS { width: 40em; position: fixed; left: 50%; margin-left: -20em; color: red; background-color:white; border: 1px solid red; padding: 4px; font-family: sans-serif; z-index: 9999; top: 5px; text-align: center }
 
/* MOD NOAPTE */
.noapte { background-color: #000; background-image: url('../images/fundal_noapte.jpg') }
.noapte h1 { color: #fff }
.noapte h1 a { color: #888 }
.noapte h1 a:hover, .noapte h1 a.active, .noapte a.toate:hover { border-bottom: 3px solid #fff; border-top: 3px solid #fff; color: #fff }
.noapte .jspArrow:hover { background-color: #afafaf }
.noapte .jspArrow, .noapte .jspDrag { background-color: #c2c2c2  }
.noapte .jspTrack { background-color: #fff }
.noapte  #list ul li span { background: url('../images/focus_lista_noapte.png') } 
 
/* SECTIUNE: HEADER */
#header { width: 100%; padding: 0 0 10px 0; background: url('../images/decupaj_up.png') bottom left repeat-x }
#logo { background: url('../images/logo.png') 0px 5px no-repeat; width: 270px; margin: auto }
#logo a { display: block; width: 270px; height: 125px }

/* SECTIUNE: LISTA PROIECTE */
#list { clear: both; width: 950px; height: 375px; padding-top: 10px; overflow: auto; margin: 0 auto }
#list ul { height: 374px; width: 950px; margin: 0; padding: 0 }
#list ul li { width: 228px; height: 180px; display: block; float: left; margin: 0 6px 14px 0px; overflow: hidden }
#list ul li a.thumb img, #list ul li a.thumb { width: 220px; height: 172px; display: block }
#list ul li a.thumb img { background: #fff; border: 1px solid #A8A8A8; padding: 3px }
#list ul li span { display: none; width: 220px; height: 172px; cursor: pointer; position: absolute; margin-top: -176px; margin-left: 4px; overflow: hidden; background: url('../images/focus_lista_zi.png') } 
 
/* SECTIUNE: ARANJARE LISTA PROIECTE */
.jspContainer { overflow: hidden; position: relative }
.jspPane { position: absolute }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; z-index: 9 }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 7px }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0 }
.jspCap { display: none }
.jspHorizontalBar .jspCap { float: left }
.jspTrack { position: relative; width: 10px; background: #636363 }
.jspDrag { width: 10px; background: #101010 url('../images/scroll_drag.png') center no-repeat; position: relative; top: 0; left: 0; cursor: pointer }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100% }
.jspArrow { text-indent: -20000px; display: block; cursor: pointer; background: #101010 url('../images/scroll_up_down.png') }
.jspArrow:hover { background-color: #333 }
.jspArrow.jspDisabled { cursor: default }
.jspVerticalBar .jspArrow { height: 11px; width: 10px }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100% }
.jspVerticalBar .jspArrow:focus { outline: none }
.jspCorner { float: left; height: 100%; background: #101010 }
* html .jspCorner { margin: 0 -3px 0 0 } 
.jspArrowUp { background-position: 10px 0px }

/* SECTIUNE: DETALII PROIECT */
#containerProiect { z-index: 150; position: absolute; display: none; clear: both; left: 0; top: 202px; width: 100% }
.detaliiProiect { background: #101010; color: #fff; position: relative; padding: 5px; width: 940px; height: 365px; z-index: 160; margin: 0 auto 0 auto }
.detaliiProiect a.back { background: url('../images/x.png') no-repeat; position: absolute; right: 0; top: 5px; margin: 0; padding: 0; display: block; width: 25px; height: 25px; z-index: 155 }
.detaliiProiect p { padding: 0 5px 0 0; margin: 0 }
.detaliiProiect h1 { margin: 10px 0 0 0; padding: 8px; font-size: 23px; text-align: left; color: #fff }
.detaliiProiect h2 { margin: 15px 0 0 0; padding: 0; font-size: 16px; color: #666 }
.detaliiProiect a { padding: 0; margin: 0; text-decoration: none; color: #fff }
.detaliiProiect a:hover { text-decoration: underline }
.detaliiProiect .imgs { float: left; margin-right: 10px; z-index: -9999; width: 650px; height: 303px; background: url('../images/load.gif')  center 151px no-repeat; color: #101010; margin-top: 20px }
.detaliiProiect p.color { border: 1px solid #484848; float: left; padding: 0; margin: 5px 0 0 0; width: 12px; height: 12px; display: block }
.detaliiProiect p.color-name { float: left; margin: 5px 0 0 5px; width: 250px; height: 20px }
 
/* SECTIUNE: FOOTER */
#footer { width: 100%; padding: 20px 0 0 0; background: url('../images/decupaj_down.png') top left repeat-x; border-bottom: 1px solid #101010 }
#footer-inside { width: 100%; padding: 0 0 10px 0; background: #2e2d2d }
#footer h1 { color: #b5e0e6 }

/* SECTIUNE: PACHETE PRET */
#pachete { height: 430px }
.pachet { margin-top: 30px; position: relative; background: url('../images/box.png') left bottom no-repeat; float: left; width: 230px; margin-right: 10px; height: 380px; cursor: default }
.pachet.hover { background-position: -236px bottom }
.pachet h2 { width: 224px; color: #f4f6f9; height: 65px; overflow: hidden; padding-top: 17px; font-weight: bold; font-size: 40px; margin: 0; text-align: center } 
.pachet h3, .pachet .comandaPachet { color: #2e2d2d; position: absolute; padding: 0; margin: 0; bottom: 15px; width: 220px; text-align: center; font-size: 25px }
.pachet .comandaPachet { text-decoration: none; display: none; color: #fff; font-size: 23px }
.pachet ul { margin: 0; padding: 0 6px 0 1px; color: #d3d3d3 }
.pachet ul li  { padding: 6px 5px 8px 0; background: url('../images/tabel_preturi_lista.jpg') left bottom repeat-x }
.pachet ul li h4 { margin: 0; padding: 0 0 0 25px; font-weight: normal; font-size: 13px; background: url('../images/tabel_preturi_feature.png') 3px 0px no-repeat }
.pachet.rosu h2 { background: url('../images/box_header_red.png') top center no-repeat } 
.pachet.galben h2 { background: url('../images/box_header_yellow.png') top center no-repeat }
.pachet.galben h4.diferente { background-position: 3px -16px }
.pachet.albastru h2 { background: url('../images/box_header_blue.png') top center no-repeat }
.pachet.albastru h4.diferente { background-position: 3px -32px }
.pachet.mov h2 { background: url('../images/box_header_purple.png') top center no-repeat }
.pachet.mov h4.diferente { background-position: 3px -48px }

/* SECTIUNE: CONTACT */
#contact { height: 330px; margin-top: 40px }
.contact { padding: 0 10px 10px 0; height: 250px; width: 210px; float: left; background: url('../images/line_black.jpg') top right repeat-y; color: #fff } 
.contact ul { margin: 0; padding: 0; font-size: 15px; list-style: none }
.contact ul li { padding-left: 25px; margin-top: 10px }
.contact ul li a { color: #fff; text-decoration: none }
.contact ul li a:hover { text-decoration: underline }
.contact .mail { margin-bottom: 20px }
.contact .mail li { background: url('../images/icon_mail.png') no-repeat }
.contact .telefon li { background: url('../images/icon_phone.png') no-repeat }
.contact.doi { padding-left: 20px; width: 270px } 
.contact.doi ul li { float: left; overflow: hidden; display: block; width: 60px; margin: 0 5px 21px 0; height: 70px; padding: 0 }
.contact.doi ul li a { background-image: url('../images/social.png'); display: block; width: 100%; height: 100% }
.contact.doi ul li#talk a { background-position: -72px 0px }
.contact.doi ul li#yahoo a { background-position: -5px 0px }
.contact.doi ul li#twitter a { background-position: -140px 0px }
.contact.doi ul li#facebook a { background-position: -206px 0px }
.contact.doi ul li#skype a { background-position: -275px 0px }
.contact.doi ul li#talk a:hover { background-position: -72px -70px } 
.contact.doi ul li#yahoo a:hover { background-position: -5px -70px }
.contact.doi ul li#twitter a:hover { background-position: -140px -70px }
.contact.doi ul li#facebook a:hover { background-position: -206px -71px }
.contact.doi ul li#skype a:hover { background-position: -275px -72px }
.contact#cotatie { width: 400px; padding-left: 20px; background: none } 
.contact#cotatie form { margin: 0; padding: 0 }
.contact#cotatie form input, .contact#cotatie form textarea { font-size: 12px; font-family: Arial, Verdana, Georgia, Serif; padding: 9px; margin: 5px 0 0 0; float: left; width: 96%; overflow: auto; background: url('../images/form_input_background.jpg') no-repeat; color: #555 }
.contact#cotatie form textarea { background: url('../images/form_textarea_background.jpg') no-repeat }
.contact#cotatie form input:hover, .contact#cotatie form textarea:hover { color: #fff }
.contact#cotatie form textarea { resize: none } 
.contact#cotatie form .btn { cursor: pointer; background: #000; float: left; width: 80px; margin-right: 7px } 
.contact#cotatie form #feedbackForm { margin: 0; display: none; background: #000; padding: 5px; text-align: center  }
 
/* SECTIUNE: COPYRIGHT */
#copyright { border-top: 1px solid #333; background: #000; padding: 10px 0; color: #fff; width: 100% } 
#copyright a { color: #fff; text-decoration: none }