* { margin: 0px; padding: 0px; }
html { background: url(../img/background.gif) repeat-x; margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; background: url(../img/background_header.gif) no-repeat top center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; min-height: 500px; }
a img { vertical-align:middle; border:none/*ar trebui impuscat ala care a hotarat sa puna border pe imaginile din linkuri*/ }
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.wrapper { width: 980px; margin: 0px auto; }
a#logo { background: url(../img/logo.gif) no-repeat; width: 181px; height: 70px; }
h1.wrapper { font-weight: normal; font-size: 25px; color: #fff; font-style: italic; clear: both; padding-top: 45px; text-indent: 40px; }
#zona_info { background: url(../img/background_zona_info.gif) repeat-x left bottom; min-height: 150px; width: 100%; padding-bottom: 20px; }
#zona_info .box_3 { width: 320px; margin: 0px 3px; min-height: 100px; color: #1e4152; }
#zona_info .box_3 h2 { font-size: 24px; text-indent: 30px; font-weight: normal; }
#zona_info .box_3 p { font-size: 14px; text-align: justify; text-indent: 30px; margin: 10px 5px; }
a.buton_125x25 { width: 125px; height: 25px; background: url(../img/buton_125x25.gif) no-repeat; line-height: 25px; font-size: 12px; color: #fff; text-decoration: none; text-align: center; margin-right: 5px; }
a.buton_125x25:hover { background: url(../img/buton_125x25_over.gif) no-repeat; }
a.buton_315x35 { width: 315px; height: 35px; line-height: 35px; text-align: left; text-indent: 10px; font-size: 16px; color: #fff; text-decoration: none; display: block; margin: 8px 0px 5px 10px; }
a.buton_315x35:hover { text-decoration: underline; }
a.albastru { background: url(../img/buton_315x35_albastru.gif) no-repeat; }
a.portocaliu { background: url(../img/buton_315x35_portocaliu.gif) no-repeat; }
a.verde { background: url(../img/buton_315x35_verde.gif) no-repeat; }
a.rosu { background: url(../img/buton_315x35_rosu.gif) no-repeat; }
a.reclama_software { background: url(../img/liga_software.gif) no-repeat; width: 315px; height: 112px; display: block; margin: 8px 0px 5px 10px; }
#lucrari_recente { background: #b4dced url(../img/background_lucrari_recente.gif) repeat-x left top; min-height: 210px; width: 100%; }
#lucrari_recente .wrapper { background: url(../img/background_lucrari_recente.jpg) no-repeat top left; min-height: 210px; }
#clienti_tag_cloud { background: #45b8ec url(../img/background_ref_clienti_tagcloud.gif) repeat-x; min-height: 250px; }
#clienti_tag_cloud #referinte { width: 465px; margin: 15px 0px 15px 25px; width: 440px; background: #2192d5; color: #fff; }
#clienti_tag_cloud #referinte h3 { font-size: 24px; font-weight: normal; width: 400px; padding: 25px 0px 20px 20px; }
#clienti_tag_cloud #referinte p { font-size: 14px; font-style: italic; text-align: justify; padding: 0px 15px 10px 20px; text-indent: 20px; }
#clienti_tag_cloud #referinte span { font-size: 14px; padding: 0px 15px 10px 45px; }
#clienti_tag_cloud #htmltagcloud { width: 490px; margin: 20px 0px; }
.tabs { margin-bottom: 10px; }
ul.tabNavigation { list-style: none; }
ul.tabNavigation li { float: left; width: 245px; line-height: 25px; }
ul.tabNavigation li a { color: #fff; text-decoration: none; font-size: 16px; padding-left: 10px; }
ul.tabNavigation li#tab_web_design { background: url(../img/tab_web_design.gif) no-repeat bottom left; height: 30px; width: 245px; }
ul.tabNavigation li#tab_dezvoltare_web { background: url(../img/tab_dezvoltare_web.gif) no-repeat bottom left; height: 30px; width: 245px; }
ul.tabNavigation li#tab_magazine_online { background: url(../img/tab_magazine_online.gif) no-repeat bottom left; height: 30px; width: 245px; }
ul.tabNavigation li#tab_optimizare_site_web { background: url(../img/tab_optimizare_site_web.gif) no-repeat bottom left; height: 30px; width: 245px; }
ul.tabNavigation li a.neselectat { display:block; margin-top: 5px; }
ul.tabNavigation li a.selected { font-size: 18px; line-height: 30px; display: block; margin-top: 0px; }
ul.tabNavigation li#tab_web_design a.selected { background: url(../img/tab_web_design_s.gif) no-repeat; }
ul.tabNavigation li#tab_dezvoltare_web a.selected { background: url(../img/tab_dezvoltare_web_s.gif) no-repeat; }
ul.tabNavigation li#tab_magazine_online a.selected { background: url(../img/tab_magazine_online_s.gif) no-repeat; }
ul.tabNavigation li#tab_optimizare_site_web a.selected { background: url(../img/tab_optimizare_site_web_s.gif) no-repeat; }
.tabs #web_design, .tabs #dezvoltare_web, .tabs #magazine_online, .tabs #optimizare_site_web { width: 978px; min-height: 100px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
.tabs #web_design { background: url(../img/background_tab_webdesign.gif) repeat-x top left; }
.tabs #dezvoltare_web { background: url(../img/background_tab_dezvoltare_web.gif) repeat-x top left; }
.tabs #magazine_online { background: url(../img/background_tab_magazine_online.gif) repeat-x top left; }
.tabs #optimizare_site_web { background: url(../img/background_tab_optimizare_site_web.gif) repeat-x top left; }
.tabs .info { width: 485px; font-size: 12px; color: #333; }
.tabs .info p { margin: 10px 10px; text-align: justify; }
.tabs .lista { width: 485px; font-size: 12px; color: #333; }
.tabs .lista h4 { font-size: 16px; margin: 10px 0px; font-weight: normal; }
.tabs .lista ul { list-style: none; }
.tabs .lista ul li { width: 235px; float: left; margin-bottom: 10px; }
.tabs .lista ul li p { margin: 0px 10px 0px 5px; width: 193px; line-height: 13px; }
.tabs .lista ul li p a { color: #333; text-decoration: none; }
.tabs .lista ul li p a:hover { color: #cc0000; text-decoration: none; }
.tabs .lista ul li p span { font-size: 10px; color: #666; display: block; }
#clientii_nostri { height: 105px; background: url(../img/clientii_nostri.gif); margin-bottom: 5px; }
#footer { background: url(../img/background_footer.gif) repeat-x; min-height: 270px; width: 100%; }
#footer .wrapper { background: url(../img/background_footer.jpg) no-repeat top left; min-height: 270px; color: #fff; }
#footer .col { width: 235px; margin-right: 10px; float: left; margin-bottom: 10px; }
#footer .col h5 { text-align: left; font-size: 20px; color: #fff; font-weight: normal; padding: 20px 0px; }
#footer .col ul.linkuri { list-style: none; font-style: italic; font-size: 12px; }
#footer .col ul.linkuri li { width: 235px; background: url(../img/footer_li.gif) repeat-x bottom; padding: 5px 0px; }
#footer .col ul.linkuri li a { color: #fff; text-decoration: none; }
#footer .col ul.linkuri li a:hover { text-decoration: underline; }
#footer .col p { margin-bottom: 5px; }
#footer .col ul.contact { list-style: none; }
#footer .col ul.contact li { background: url(../img/footer_li_contact.gif) no-repeat center left; text-indent: 10px; }
#footer .col ul.contact li a { color: #fff; text-decoration: none; }
#footer .col ul.contact li a:hover { text-decoration: underline; }
#footer .col_dublu { width: 480px; float: left; margin-bottom: 10px; }
#footer .col_dublu h5 { text-align: left; font-size: 20px; color: #fff; font-weight: normal; padding: 20px 0px; }
#footer .col_dublu p { margin-bottom: 5px; }
#footer .col_dublu a { color: #fff; text-decoration: none; }
#footer .col_dublu a:hover { text-decoration: underline; }
#footer span { color: #53869e; line-height: 31px; margin-left: 10px; }
#banner { height: 290px; background: url(../img/banner.png) no-repeat top left; margin: 35px auto; position: relative; }
#banner ul#optiuni { width: 230px; height: 290px; list-style:none; color: #fff; font-family: Rockwell; font-size: 20px; }
#banner ul#optiuni li { height: 60px; width: 130px; margin-top: 36px; }
#banner ul#optiuni li a { color: #fff; text-decoration: none; }
#banner ul#optiuni li a:hover { text-decoration: underline; }
#banner ul#optiuni li span { position: relative; top: -10px; }
ul#dock { list-style: none; width: 50px; position: fixed; right: 5px; top: 100px; }
ul#dock li { }
ul#dock li a { width: 25px;display: inline; float:right; clear:right}
ul#dock li a.noscript:hover {width: 50px;}
ul#dock li a img { border: 0px; width: 100%;}
ul#meniu { float: right; list-style: none; }
ul#meniu li { float: left; background: url(../img/meniu_li.png) left top no-repeat; height: 55px; min-width: 55px; font-size: 14px; color: #fff; padding-left: 20px; padding-top: 30px; }
ul#meniu li:hover { background: url(../img/meniu_li_over.png) left top no-repeat; }
ul#meniu li a { color: #fff; text-decoration: none; text-transform: uppercase; display: inline-block; width: 100%; height: 100%; }
/* SERVICII */

html#interior { background: url(../img/background_html_interior.gif) repeat-x; }
body.interior { background: url(../img/background_header_interior.gif) no-repeat top center; }
ul#breadcrumbs { list-style: none; clear: both; padding-top: 10px; position: relative; z-index:2; }
ul#breadcrumbs li.link { float: left; background: url(../img/breadcrumbs_fundal.gif) no-repeat top left; position: relative; margin-left: -7px; }
ul#breadcrumbs li.link:hover { background: url(../img/breadcrumbs_fundal_over.gif) no-repeat top left; }
ul#breadcrumbs li.link a { background: url(../img/breadcrumbs_colt_dreapta.gif) no-repeat top right; padding: 0px 15px; color: #1387bd; text-decoration: none; }
ul#breadcrumbs li.link a:hover { background: url(../img/breadcrumbs_colt_dreapta_over.gif) no-repeat top right; color: #fff; }
ul#breadcrumbs li.curent { float: left; background: url(../img/breadcrumbs_curent.gif) no-repeat top left; position: relative; margin-left: -7px; }
ul#breadcrumbs li.curent span { background: url(../img/breadcrumbs_curent_dreapta.gif) no-repeat top right; padding: 0px 15px; color: #fff; }
h1#titlu { font-weight: normal; font-size: 35px; color: #1387bd; clear: both; font-style: normal; margin-top: -30px; padding-top: 0px; position:relative; z-index: 3; }
h2#subtitlu { font-size: 20px; color: #7d7f80; text-indent: 20px; font-weight: normal; }
#continut { background: url(../img/background_wrapper.gif) repeat-y; margin: 20px auto; }
.continut2 { background: url(../img/background_wrapper2.gif)!important }
#continut span.final_clear { background: url(../img/col_245_jos.gif) bottom left no-repeat; display:block; height:8px; }
.continut2 span.final_clear { background-position: bottom right!important }
#col_245px { width: 245px; min-height: 100px; background: url(../img/col_245_sus.gif) top left no-repeat; display: block; text-align: center; padding: 20px 0px; color: #e5e5e5; }
#col_245px a { color: #fff; }
#col_245 a:hover { text-decoration: underline; }
#col_245px p#quote { font-size: 14px; font-style: italic; text-align: justify; margin: 10px 5px; text-indent: 20px; }
#col_245px a#autor { background: none; text-align: right; padding: 0px 5px 30px 0px; text-decoration: none; }
#col_245px a#autor:hover { text-decoration: underline; }
#col_245px ul.submeniu { list-style: none; text-align: left; }
#col_245px ul.submeniu li { width: 245px; min-height: 22px; font-size: 14px; }
#col_245px ul.submeniu li a { width: 245px; display: block; min-height: 22px; line-height: 22px; text-decoration: none; text-indent: 20px; }
#col_245px ul.submeniu li a:hover, #col_245px ul.submeniu li span { background: #2384b1 url(../img/submenu_li_over.gif) no-repeat top left; min-height:22px; padding: 0px; text-align: left; text-indent: 20px; line-height: 22px; display: block; }
#col_725px { width: 725px; color: #4b4b4b; }
#col_725px h3, #col_725px h3 a { text-align: left; color: #1387bd; font-size: 20px; font-weight: normal; margin: 10px 0px; text-decoration:none; vertical-align:middle; }
#col_725px p { text-align: justify; text-indent: 20px; margin-bottom:10px; }
#col_725px a#cere_oferta { width: 180px; height: 35px; display: block; background: url(../img/cere_oferta.gif) no-repeat; margin-top: 20px; }
#col_725px a#cere_oferta:hover { background: url(../img/cere_oferta_over.gif) no-repeat; }
#col_725px ul { margin-left: 20px; }
#continut_reversed { background: url(../img/background_wrapper_r.gif) repeat-y; margin: 20px auto; }
#continut_reversed span.final_clear { background: url(../img/col_245_jos.gif) bottom right no-repeat; display:block; height:8px; }
#col_725px .box_portofoliu { background: url(../img/box_portofoliu.gif) no-repeat; width: 235px; min-height: 150px; margin-right: 10px; position: relative; }
#col_725px .box_portofoliu img { margin: 7px 0px 0px 7px; }
#col_725px .box_portofoliu .detalii { position: absolute; color:#FFFFFF; display:block; font-size:14px; opacity:0; text-align:center; text-decoration:none; top:7px; left: 7px; width: 221px; height: 136px; }
#col_725px .box_portofoliu .detalii:hover { opacity: 0.8; background: #000; }
#col_725px .box_portofoliu .detalii a.nume { color: #fff; text-decoration: none; font-size: 18px; margin-top: 10px; }
#col_725px .box_portofoliu_interior { width: 315px; height: 390px; background: #f2f2f2; border: 1px solid #ccc; text-align: center; color: #666; font-size: 14px; }
#col_725px .box_portofoliu_interior ul { list-style: none; border: 1px solid #ccc; width: 305px; height: 305px; margin: 5px 0px 0px 4px; overflow: hidden; }
#col_725px .box_portofoliu_interior #navigatie { width: 70px; line-height: 14px; margin: 10px auto 0px; }
#col_725px .box_portofoliu_interior li { position:relative; }
#col_725px .box_portofoliu_interior li a { float:left; margin:0px; padding:0px; width:305px; height:305px; position:relative }
#col_725px .box_portofoliu_interior li a img { display:block; width:305px; height:305px }
.col_460px { width: 440px; min-height: 100px; border: 1px solid #bfbfbf; margin: 10px; padding: 10px; background: #f8f7f7; }
.col_460px h3 { font-size: 20px; color: #1387BD; font-weight: normal; }
.col_460px h3 span { display: block; font-size: 12px; color: #999; position:relative; top: -5px; font-weight: normal; }
.col_460px .form { margin: 20px 0px; }
.col_460px .form span { font-size: 14px; line-height: 25px; color: #333; clear:both; margin-bottom: 10px; }
.col_460px .form span b { color: #cc0000; font-weight: normal; }
.col_460px .form input.input { width: 240px; height: 25px; border: 1px solid #bfbfbf; margin-bottom: 10px; padding: 0px 5px; color: #666; }
.col_460px .form textarea:focus, .col_460px .form textarea:hover, .col_460px .form input.input:focus, .col_460px .form input.input:hover, .col_460px .form select.input:focus, .col_460px .form select.input:hover { border: 1px solid #1387bd; }
.col_460px .form select.input { width: 252px; height: 27px; border: 1px solid #bfbfbf; margin-bottom: 10px; padding: 3px 5px; color: #666; }
.col_460px .form textarea { width: 440px; height: 80px; border: 1px solid #bfbfbf; }
.col_460px .col_2 { width: 220px; padding-right: 0px; }
.col_460px .form .col_2 input.checkbox { border: 1px solid #bfbfbf; margin: 7px 85px 0px 0px; padding: 0px; color: #666; }
.col_460px .form .col_2 select.input { width: 70px; height: 27px; border: 1px solid #bfbfbf; margin-bottom: 10px; padding: 3px; color: #666; margin-right: 30px; }
.col_460px p { text-indent: 30px; color: #666; margin-top: 5px; }
.col_460px p a { color: #333; text-decoration: none; }
.col_460px p a:hover { color: #1387BD; }
.col_460px .form input.buton { background: url(../img/trimite_cerere.gif) no-repeat; width: 180px; height: 35px; border:0px; }
.col_460px .form input.buton:hover { background: url(../img/trimite_cerere_over.gif); }
small#cerere { font-size: 10px; color: #666; margin-right: 25px; }
small#cerere b { font-weight: normal; color: #cc0000; }
.form ul { list-style-type:none; }
.form_error { color:#990000; padding-left:30px; }
.capcha { width:100%; clear:both; }
ul.portfolio { display:block; margin:0px; padding:0px; list-style:none; position:relative; left:-30px; width:735px; }
ul.portfolio li { float:left; margin:0px 5px 10px 5px; padding:0px; width:235px; height:150px; background:url(../img/box_portofoliu.gif) no-repeat top left; list-style:none; }
ul.portfolio li a { display:block; width:221px; height:136px; margin:7px auto; padding:0px; border:none; position:relative; text-decoration:none; }
ul.portfolio li img { margin:0px; padding:0px; border:none; }
ul.portfolio li a span { display:none; }
ul.portfolio li a:hover span { display:block; width:211px; padding:0px 5px; position:absolute; bottom:0px; left:0px; right:0px; background: url(../img/bg.png) repeat; color:white; }
ul.portfolio li a:hover span strong { display:block; margin: 5px 0px; font-weight:bold; font-size:125%; text-align:center; }
p.pagination { clear:both; display:block; width:auto; text-align:center!important; }
ul.pagination { display:block; text-align:center; list-style:none; }
ul.pagination li { display:inline; list-style:none; text-align:center; }
ul.pagination li a { text-decoration:none; }