@charset "utf-8";
/* CSS Document */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
1. Setari generale
2. Grand Header
3. Meniu site
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body { background:#000; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
p { margin:0; padding:0.8em; }
.player-mp3 { }
.player-mp3 a { width:30px; height:30px; overflow:hidden; color: #f0532a; font-weight:bold; background-color: #EEE42A; border: 2px solid #f0532a; -moz-border-radius: 4px; border-radius: 4px; padding: 0.5em; text-decoration: none; line-height: 1.5; }
.player-mp3 a:hover { color: #eee42a; background-color: #f0532a; border: 2px solid #EEE42A; }
.player-mp3 ul, li { list-style:none; list-style-image:none; }
/* #########################################
setari generale */

#agentie-de-publicitate-design-web-iasi { width:980px; margin:auto; }
#footer-web-design { width:980px; margin:auto; overflow:hidden; height:59px; line-height:59px; }
#copyright-web-design-iasi { font-size:10px; float:left; border-left:1px solid #e8da01; color: #e8da01; width:500px; height:59px; line-height:normal; padding:14px 12px; }
#copyright-web-design-iasi a { color:#e8da01; text-decoration:none; }
#copyright-web-design-iasi a:hover { color:#e8da01; text-decoration:underline; }
#alte-servicii-publicitate { width:312px; height:59px; margin-right:12px; float:left; }
#alte-servicii-publicitate .pink-expo { width:100px; height:59px; float:left; margin-right:9px; }
#alte-servicii-publicitate .pink-expo a { display:block; float:left; height:59px; width:100px; overflow:hidden; background:url(imagini-site-web/alte-servicii.png) no-repeat; }
#alte-servicii-publicitate .pink-promotionale { width:97px; height:59px; float:left; margin-right:9px; }
#alte-servicii-publicitate .pink-promotionale a { display:block; float:left; height:59px; width:97px; overflow:hidden; background:url(imagini-site-web/alte-servicii.png) no-repeat; background-position:-100px 0; }
#alte-servicii-publicitate .pink-production { width:95px; height:59px; float:left; }
#alte-servicii-publicitate .pink-production a { display:block; float:left; height:59px; width:95px; overflow:hidden; background:url(imagini-site-web/alte-servicii.png) no-repeat; background-position:-197px 0; }
/* #########################################
grand header */

#header-design-site-web-iasi { width:980px; height:427px; overflow:hidden; background:url(imagini-site-web/home-web-design-iasi-tine-de-imagine.jpg) no-repeat; }
#logo-agentie-de-publicitate-iasi { float:left; width:167px; height:119px; overflow:hidden; margin:0px 50px 0px 20px; }
/* #########################################
meniu site */

#meniu-web-design-iasi { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /* height:36px;
	margin-top:30px; */
	height:90px; width:720px; float:left; }
#meniu-web-design-iasi a { height:36px; float:left; margin-top:30px; margin-right:8px; display: block; text-align:right; border-left:2px solid #FFF; text-align: left; font-size: 14px; padding:0px 6px; font-weight:bold; text-decoration: none; color: #FFF; background:	transparent none repeat-x 0 0 scroll; }
#meniu-web-design-iasi a:hover { background:#000; color:#F60; height:36px; padding-top:30px; margin-top:0px; border-left:2px solid #000;/* border-left:2px solid #FC0; */
}
#meniu-web-design-iasi span { float:left; font-size:10px; color:#333; padding:0px; }
#meniu-web-design-iasi a:hover span { background:#000; color:#FC0; }
/* ###################################### */
#meniu-design-iasi a { background:#000; border-left:2px solid #000; color:#F60; display: block; float:left; font-size: 14px; font-weight:bold; height:36px; margin-top:0px; margin-right:8px; padding-top:30px; text-align: left; text-decoration: none; }
#meniu-design-iasi span { float:left; font-size:10px; background:#000; color:#FC0; padding:0px; }
/* #########################################
continut site */

#continut-principal-comercial { width:980px; height:474px; overflow:hidden; background:url(imagini-site-web/home-web-design-iasi-tine-de-imagine.jpg) no-repeat; background-position: 0px -427px; }
#casute-comerciale { width:980px; margin-top:106px; overflow:hidden; }
.casuta-tehnico-comerciala-1 { width:400px; height:280px; padding:8px 16px; text-align:justify; float:left; color:#FC0; margin-right:8px; }
.casuta-tehnico-comerciala-2 { width:192px; height:290px; padding:5px; text-align:center; float:left; color:#FC0; margin-right:8px; }
/* ##################################################################################
#								Tooltips											#
###################################################################################*/

/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 10px; }
/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, .ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:33px; }
.ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:38px; }
.ToolTips .dockBottomFooter, .ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }
* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png');
}
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png');
}
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png');
}
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png');
}
* html .ToolTips .sticky_close { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');
}
/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }
/* tip container */
.tipContainer { display:none; }
/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }