/*#############################################################################*/ /*# CSS Toi-Toi #*/ /*# #*/ /*# #*/ /*# Author: Adrian Chiran Adrian1212_soft@yahoo.com #*/ /*#############################################################################*/ /*#################################### TAG CSS ################################*/ body {background:url(../img/body_bg_top_03.jpg) repeat-x 0px 81px; margin:0px; padding:0px; font-family:arial; color:#4E4E4E; font-size:11px;} form {margin:0px; padding:0px;} input, select {font-size:10px;} p {margin:0px; padding:0px;} img {border:0px;} .clearAll{ clear:both; height:1px; font-size:1px;} a { outline:none; color:#4E4E4E;} /*# END #* /*############################### TEXT COLORS CSS #############################*/ /*# END #*/ /*################################### DISVERS CSS #############################*/ .fbold {font-weight:bold} .fsize10 {font-size:10px;} .fsize11 {font-size:11px;} .fsize12 {font-size:12px;} .fsize14 {font-size:14px;} /*# END #*/ h2 { margin:0; padding:0; font-size:20px; font-weight:normal;} h3 {margin:0; padding:0; font-size:11px; font-weight:normal;} /*################################## LINKS CSS ################################*/ a {text-decoration:none} a:hover {text-decoration:underline} a.link1 {color:#2371D1; text-decoration:none} a.link1:hover {text-decoration:underline} /*# END #*/ /*################################### Toi-Toi CSS ###################################*/ #main{width:940px; margin:0px auto; text-align:center; margin-top:0px;} /*left class*/ #main .left{float:left; margin:62px 0px 0px 0px; text-align:left; width:311px;} #main .left .left_1{float:left;width:160px;} #main .left .left_1 .left_toi{ float: left; margin: 30px 0 10px; } #main .left .left_2{float:left; margin:0px 0px 0px 16px;width:135px;} #main .left .left_2 .pic1{height:243px; background:url(../img/left_pic.jpg) no-repeat; margin-top:5px;} #main .left .left_2 .left_jos{margin-top:20px; height:135px;/*background:url(../img/romania.jpg) no-repeat;*/} #main .left .left_2 .acoperire a{width:123px; font-size:12px; color:#004EB9; font-weight:bold; text-decoration:none;} #main .left .left_2 .acoperire a:hover{text-decoration:underline;} /*right class*/ #main .right{float:left; width:602px;text-align:left; border-left:1px solid #FFFFFF;} #main .right .right_top{ margin:19px 0px 0px 0px; height:50px; background: url(../img/top_right_bg.jpg) repeat-x;} #main .right .right_top .telverde{float:right; margin:10px 20px 0px 0px;padding-left:29px; background:url(../img/telverde_03.gif) no-repeat; height:19px; color:#37B03D; font-size:14px; font-weight:bold;} #main .right .menu {padding-left:12px; padding-top:5px; height:27px; background:#0057C3 url(../img/bg_menu.jpg) repeat-y 0px 0px; border-top:#FFFFFF solid 1px;border-bottom:#FFFFFF solid 1px;} #main .right .menu_2 {height:18px; background:#C5DEF1;font-size:10px; color:#004EB9; font-weight:bold;} #main .right .menu_2 a{ font-size:10px; color:#004EB9; font-weight:bold; margin-right:5px; margin-left:5px;} /*********** content *************/ #main .right .content {padding:20px 20px 0 20px; background: url(../img/content_bg.jpg) no-repeat left top; width:582px; min-height:200px; height:auto !important; height:200px;} #main .right .content .cont_left {float:left; padding:10px 0px 0px 0px; width:256px;} #main .right .content .cont_left a { color:#4E4E4E; font-weight:bold;} #main .right .content .cont_left a:hover{ text-decoration:underline; color:#4E4E4E; font-weight:bold;} #main .right .content .cont_right {float:left; margin:0px 0px 0px 0px; width:313px;} .bull{ background:url(../img/bull.jpg) no-repeat 0px 4px; margin-top:20px; padding-left:10px;} #main .right .content .big_title {color:#241F51; font-size:20px;} #main .right .content .lit_title {color:#0057C3; margin:5px 0px 0px 0px; font-size:10px; letter-spacing:3px; height:13px;} /*********** produse *************/ #main .right .content .produse{width:191px;float:left;margin:20px 0px 0px 3px;} #main .right .content .produse .prod_txt {padding:0px 10px 0px 20px; width:155px;} #main .right .content .produse a{color:#2371D1;} #main .right .content .categ_prod { float:left; margin:8px 8px 0px 0px;width:186px; text-align:center;} #main .right .content .categ_prod a { color:#4E4E4E;} #main .right .content .categ_prod a:hover {color:#4E4E4E; text-decoration:underline;} #main .right .content .categ_prod .prd_cont { width:184px; background:#FFFFFF; height:130px; border-left:#DAE7F7 solid 1px;border-right:#DAE7F7 solid 1px;} #main .right .content .categ_prod .prd_cont .prd_img{} #main .right .content .categ_prod .prd_cont .prd_bull {width:143px; height:17px; padding:5px 0px 0px 12px; margin:5px 0px 0px 15px; background:url(../img/prod_bull.jpg) no-repeat;font-weight:bold;} #main .right .content .prod_detail{float:left; margin:40px 0px 0px 10px; width:370px;} #main .right .content .prod_detail .prod_det_tit { font-weight:bold; padding-bottom:5px;} #main .right .content .prod_det_big {width:566px; margin:8px 0px 0px 0px;} #main .right .content .prod_det_big .prod_det_cont{ border-left:#DAE7F7 solid 1px; width:564px; border-right:#DAE7F7 solid 1px;} #main .right .content .prod_det_big .prod_det_cont .poza_prod{width:103px; float:left; margin:0px 0px 0px 5px;} #main .right .content .prod_det_big .prod_det_cont .detalii_produs{ float:left; margin:8px 0px 0px 15px; width:362px;} #main .right .content .prod_det_big .prod_det_cont .toi_toi {float:left;margin:8px 0px 0px 20px; background:url(../img/toitoi.jpg) no-repeat; width:30px; height:38px;} #main .right .content .prod_txt2{float:left; padding:25px 0px 0px 0px; width:355px;} #main .right .content .left_prods{float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:357px;} #main .right .content .left_prods .prods{width:356px; margin-top:8px;} #main .right .content .left_prods .prods .prods_cont{width:354px; border-left:#DAE7F7 solid 1px;border-right:#DAE7F7 solid 1px;} #main .right .content .left_prods .prods .prods_cont .prod_item{ float:left; padding:7px 0px 0px 10px;width:155px; height:22px; background:#80B3ED; color:#FFFFFF;} #main .right .content .right_prods1 { font-family:Arial; font-size:9px; color:#427296; width:185px; height:34px; border:#dcd4d4 solid 1px;} #main .right .content .right_prods1 p { padding-top:11px;} #main .right .content .right_prods1 a { color:#427296} #main .right .content .right_prods{float:left;width:195px; margin:10px 0px 0px 15px;} #main .right .content .right_prods .poze_prd{ margin:5px 0px 0px 7px; padding:3px 0px 3px 0px; border-top:#80B3ED solid 1px;border-bottom:#80B3ED solid 1px; width:182px;} /*********** despre noi *************/ #main .right .content .despre_left{float:left; margin:28px 0px 0px 0px;width:355px;} #main .right .content .despre_left .despre_pics{ float:left; margin:15px 5px 0px 0px; width:112px;} #main .right .content .despre_left .despre_pics a{ color:#0057C3; text-decoration:none;} #main .right .content .despre_left .despre_pics a:hover{text-decoration:underline;} #main .right .content .despre_left .bot_pic{ margin:20px 0px 0px 0px;height:52px;background:url(../img/despre_bott_pic.jpg) no-repeat;} #main .right .content .despre_right{float:left;margin:0px 0px 0px 10px;width:189px;} #main .right .content .despre_right .acoperire_n{border:#ffffff solid 1px; background:url(../img/acoperire_n.jpg) no-repeat;} #main .right .content .despre_right .acoperire_n a{color:#4E4E4E;} #main .right .content .cms_link a{font-size:11px; color:#004EB9; text-decoration:none;} #main .right .content .cms_link a:hover{text-decoration:underline;} /*********** servicii *************/ #main .right .content .left_serv {float:left; margin:20px 0px 0px 0px; width:352px;} #main .right .content .right_serv {float:left; margin:20px 0px 0px 10px; width:196px;} /*********** educatie *************/ #main .right .content .edu_txt{float:left;margin:20px 0px 0px 0px;width:309px;} #main .right .content .edu_pics{float:left;margin:10px 0px 0px 10px;width:236px;} #main .right .content .edu_pics .edu_pic{ float:left; margin-right:5px; margin-bottom:10px; margin-top:10px;width:190px; height:140px;} /*********** legislatie *************/ #main .right .content .legislatie{width:566px; margin:30px 0px 0px 0px;} #main .right .content .legislatie .leg_cont .form .inputfields {width:250px; margin-left:100px} #main .right .content .legislatie .leg_cont .form .select {margin-left:100px} #main .right .content .legislatie .leg_cont .form { float:left} #main .right .content .legislatie .leg_cont .form .input { float:right} #main .right .content .legislatie .leg_cont{ background:#FFFFFF; width:564px; border-left:#DAE7F7 solid 1px; border-right:#DAE7F7 solid 1px;} #main .right .content .legislatie .leg_cont .leg_1{float:left; margin-left:25px;width:357px;} #main .right .content .legislatie .leg_cont .leg_1 a{color:#2371D1;} #main .right .content .legislatie .leg_cont .leg_2{float:left; margin:22px 0px 0px 25px; width:132px;} #main .right .content .legislatie .leg_cont .leg_2 .download_but{ float:left;width:36px;} #main .right .content .legislatie .leg_cont .leg_2 .download_txt{ float:left; margin:3px 0px 0px 13px;width:81px;} #main .right .content .legislatie .leg_cont .leg_2 .download_txt a{ color:#4E4E4E;} /* #main .right .content a{ color:#2371D1; text-decoration:underline;} #main .right .content a:hover{text-decoration:underline;} */ #main .right .content .adrese {float:left; margin:20px 0px 0px 0px; width:194px; } #main .right .content .adrese a { color:#2371D1; text-decoration:underline;} #main .right .content .adrese a:hover {text-decoration:none;} .contact_in {padding:2px 5px 2px 5px; font-size:13px; color:#2A2D33; background:#CCEBFF; width:140px; font-weight:bold} #main .right .content .contact_left{float:right; margin:30px 0px 0px 20px; width:143px; height:160px; background:url(../img/contact_bg.jpg) no-repeat;} #main .right .content .contact_feedback{float:left; margin:20px 0px 0px 120px; width:271px;} /*********** footer *************/ #main .footer{margin:10px 0px 0 0; width:640px; padding-right:24px; float:right; text-align:left; padding-top:5px} #main .footer .flogo{ float:left; margin:-5px 0px 0px 0px;height:35px;width:31px; background:url(../img/footer_toi.jpg) no-repeat;} #main .footer .ftop{ float:left; margin-left:5px; background:#377BCE; height:30px; width:602px;} #main .footer .ftop .footer_links {float:left; margin:5px 0px 0px 0px; padding-left:15px; width:300px;} #main .footer .ftop a{font-weight:bold; color:#ffffff; font-weight:bold;} #main .footer .fbottom{ margin:-2px 0px 0px 36px; padding:10px 0px 5px 21px; height:44px; width:175px; text-align:left; background:url(../img/footer_bg.jpg) repeat-x; } #main .footer .fbottom a { color:#004EB9; text-decoration:underline;} /*#############################################################################*/ /*# CSS Toi-Toi #*/ /*# #*/ /*# #*/ /*# Author: Adrian Chiran Adrian1212_soft@yahoo.com #*/ /*#############################################################################*/ .referenceItem {margin:0 0px 10px 0; padding:0;} .referenceItem strong {display:block; text-align:right } .referenceItem em {margin: 0 0 2px 0; font-style:normal; display:block; color:#AFAFAF; font-size:10px;} .paginare {margin:15px 0 0 0; float:right;} .paginare .leftArrow {float:right; width:20px} .paginare .pages {float:right; width:59px; font-weight:bold;} .paginare .pages a {float:left; margin:0 1px; padding:2px 4px; background-color:#FFFFFF; color:#2A2D33; text-decoration:none} .paginare .pages a:hover {background-color:#CCEBFF; text-decoration:none} .paginare .pages span {float:left; margin:0 1px; padding:2px 4px; background-color:#FF0059; color:#FFFFFF; text-decoration:none} .contact_int span {padding:2px 5px 2px 5px; font-size:13px; color:#2A2D33; background:#CCEBFF; font-weight:bold} /*********************** SLIDESHOW ********************************************/ div#member-slideshow { margin:0; padding:0px; width:187px; background: #FFFFFF; } div#member-slideshow div.noPhotos { margin: 0; padding: 75px 0 0 0; background: #F5F5F5; width: 260px; height: 105px; color: #3366CC; font: normal 18px Trebuchet MS; text-align: center; } div#member-slideshow div.onePhotos { margin: 0; padding: 5px; background: #F5F5F5; text-align: center; } div#member-slideshow #previewPane { border:1px solid #DCD4D4; margin-bottom:10px; text-align: center; vertical-align: middle; position: relative; padding:3px; height: 151px; }/* background: #F5F5F5;*/ div#member-slideshow #previewPane img { vertical-align: bottom; } div#member-slideshow #previewPane #largeImageCaption { margin: 0; padding: 0; } div#member-slideshow #galleryContainer { height: 50px; position: relative; overflow: hidden; padding: 1px; margin-top: 10px; height: 50px; height/* */:/**/50px; height: /**/50px; } div#member-slideshow #arrow_left { position: absolute; left: 0px; z-index: 10; background-color: #FFF; padding: 1px; } div#member-slideshow #arrow_right { position: absolute; right: 0px; z-index: 10; background-color: #FFF; padding: 1px; } div#member-slideshow #theImages { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; position: absolute; height: 50px; left: 17px; width: 100000px; } div#member-slideshow #theImages #slideEnd { float: left; } div#member-slideshow #theImages img { float: left; margin:1px; padding:1px; filter: alpha(opacity=70); opacity: 0.7; cursor: pointer; border: 1px #6DA2C2 solid; } div#member-slideshow #waitMessage { margin: -110px 0 0 22px; padding: 5px; display: none; position: absolute; background: #DFDFDF; font: normal 10px Arial; text-align: center; text-decoration: none; color: #333333; } div#member-slideshow #theImages .imageCaption { display: none; } #flash_menu2{ position:absolute; width:100px; height:100px; z-index:999; } #flash_menu12{ position:absolute; width:135px; height:100px; z-index:999; } #flash_menu{ position:absolute; z-index:999; } /* http://www.razvan.ro/_projects/toi_toi/offline/html/despre.php */ #main .right .content .zambeste { float:left; width:170px; background:url(../img/clip_bg.jpg) repeat-x; margin-right:15px; } #main .right .content .zambeste img { border:solid 2px #FFFFFF; margin:6px 0px 0px 0px;} /* Elena Coman - elena.coman33@yahoo.com */ #main .left .left_1 .bine_ati_venit { margin: 0 0 5px 3px; } #main .left .left_1 .acoperire a{width:123px; font-size:12px; color:#004EB9; font-weight:bold; text-decoration:none;} #main .left .left_1 .acoperire a:hover{text-decoration:underline;} #main .left .left_1 .acoperire img { vertical-align: text-top; } .alte_amuzante{margin:0; padding:0; width:170px;} #main .alte_amuzante a { color: #004eb9; text-decoration: none; font-family: Arial, Helvetica, sans-serif, Tahoma; font-size: 12px; font-weight: bold; width:170px;} #main .alte_amuzante a:hover { text-decoration: underline; } .zambeste_subtitle{margin:10px 0 0 0; padding:0; float:left; font-size:16px; font-weight:bold; color:#241F51;} .image_container{margin:10px 10px 0 0; padding:0; float:left; background:url(../img/clip_bg.jpg) 0% 0% repeat-x; height:143px; width:170px;} .image_container img{border:solid 2px #FFFFFF; margin:20px auto 0 auto; text-align:center; display:block; } .seo_text {color:#C6D5F0; font-size:9px; width:600px; margin:0 auto; margin-left:470px;} .seo_text a {color:#0066FF; text-decoration:none;} .seo_text a:hover { text-decoration:underline;} .seo_text p { padding:3px 0 3px 0; font-size: xx-small; font-family: Verdana; color: #808080; text-align:justify;} .left_toi h1 a { text-indent:-90000px; background:url(/img/logo_new.jpg) no-repeat top left; display:block; position:relative; width:160px; height:40px;}