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

body{
	background: url(images/bg_main.jpg) repeat-y top center;
	margin: 2px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d8e6ff;
}

div#container{
	width: 960px;
	border: 1px solid #ffffff;
	float: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: #ffffff;
}

    a:link {text-decoration: none}
    a:visited {text-decoration: none}
    a:active {text-decoration: none}
    a:hover {text-decoration: underline overline; color: red;}	

h2#servicii-webdesign {background:url(images/servicii_webdesign_banner.png) no-repeat left top; text-indent:355px;}
h2#webdesign-start {background:url(images/webdesign_start_banner.png) no-repeat left top; text-indent:355px;}
h2#webdesign-plus {background:url(images/webdesign_plus_banner.png) no-repeat left top; text-indent:355px;}
h2#webdesign-premium {background:url(images/webdesign_premium_banner.png) no-repeat left top; text-indent:355px;}
h2#webdesign-gold {background:url(images/webdesign_gold_banner.png) no-repeat left top; text-indent:355px;}
h2#design_grafic_banner {background:url(images/design_grafic_banner.png) no-repeat left top; text-indent:355px;}
h2#clienti-byteworld {background:url(images/clienti_banner.png) no-repeat left top; text-indent:355px;}
h2#header-recomandari {background:url(images/header_recomandari.jpg) no-repeat left top; text-indent:355px;}
h2#header-desprenoi {background:url(images/header_desprenoi.jpg) no-repeat left top; text-indent:425px;}
div#text-content {margin-left:240px; margin-right:20px; line-height:14pt; margin-bottom: 10ex;}
div#text-content.contact-page {margin:10px;}
	
	div#text-content h2 {
		padding-top:175px;
		width:673px; 
		color:white; 
		font-size:25pt;
		line-height:39pt;
		font-weight: normal; 
		text-transform: lowercase; 
		letter-spacing: .05em; 
		margin-bottom:1ex;
		}


	div#text-content h2.article {color:white; font-weight: bold; font-size: 10pt; margin-top:1em; margin-bottom: 1em;
	text-transform:none; line-height:normal; padding-top:1em;}	
	
	div#text-content.contact-page h2 {width:900px;}
		
		div#text-content h2 span {font-weight: bold; color:#4971b7;}
	
	div#text-content h3, h1#page-title {font-size: 14pt; font-weight: bold; color:#092866; line-height: 24pt;}
	
	h1#page-title + h3 { padding-top:1em; }
	
	div#text-content ul {list-style:square; line-height: 18pt;}
	div#text-content ul.newsletters { list-style:none ; padding-left:0; }
		div#text-content ul.newsletters li a { font-weight:bold; font-size:1.1em; }
	
	div#text-content h4 {color:white; font-weight: bold; font-size: 10pt; margin-top:2.5em; margin-bottom: 1em;}
	
	div#text-content p {margin-right:2em;}
	
		div#text-content p.conversion, div#text-content p.privacy {color: white; margin-top:8ex; font-size: 11pt;}
		
		div#text-content p.privacy {margin-top:2em;}
		
			div#text-content p.conversion em, div#text-content p.privacy em {color:#8aabda; font-weight: bold; font-style: normal;}
		
		div#text-content p.disclaimer {text-transform:uppercase; font-size:7pt;}
		
	div#text-content img.center {margin: 6ex auto 2ex; display: block; border: none;}
	div#text-content img.right {float:right; margin-left:1em; border: none;}
	div#text-content img.left {float: left; margin-right: 1em; border: none;}
	
		
			div#text-content blockquote p cite {text-align: right; font-style: normal; font-weight: bold; text-transform: uppercase; color: white; display: block; margin-top:2ex;}
	
	div#text-content a {color: #c4d7f9; text-decoration: none;}
	div#text-content a:hover {color: #c4d7f9; text-decoration: underline;}
	
    
  div#text-content2 {margin-left:10px; line-height:14pt; margin-bottom: 10px; padding-top:25px;
		width:460px;
		position:relative;
		color: black;
		background: url(images/pachete/pack_c_bg.png) repeat-y top center; 
		font-weight: normal;
		padding-bottom: 20px;
		letter-spacing: .05em; 
		float: left;
		}
		
	 div#text-content2 h2 {
		padding-top:25px;
		width:420px; 
		color:black; 
		font-size:25pt;
		line-height:39pt;
		font-weight: normal; 
		text-transform: lowercase; 
		letter-spacing: .05em; 
		margin-bottom:1ex;
		}
   div#textc2{
		padding-left: 25px;
		padding-right: 5px;
		padding-bottom: 20px;
		float: left;
		width: 400px;
		color:#999;
		font-size:11px;line-height:15px;		
	}
	
	div#textc3{
	    padding-left: 20px;
		padding-right: 10px;
		padding-bottom: 20px;
		float: left;
		width: 200px;
		color:#FFFFFF;
      }
	  
	a.comanda:link, a.comanda:visited {
	background:url(images/comanda.png) no-repeat;
	width:274px;
	height:74px;
	float:left;
	}

   a.comanda:hover {
	background:url(images/comanda_over.png) no-repeat;
	}	
	
	a.portofoliu_button:link, a.portofoliu_button:visited {
	background:url(images/portofoliu.jpg) no-repeat;
	width:225px;
	height:205px;
	float:left;
	}

   a.portofoliu_button:hover {
	background:url(images/portofoliu_on.jpg) no-repeat;
	}	
	
	
	a.promotionale_button:link, a.promotionale_button:visited {
	background:url(images/meniu_button_ofertaiarna.jpg) no-repeat;
	width:225px;
	height:205px;
	float:left;
	}

   a.promotionale_button:hover {
	background:url(images/meniu_button_ofertaiarna_on.jpg) no-repeat;
	}	
	
	
	  
	   
	   div#textc4{
		padding-bottom: 20px;
		float: left;
		width: 250px;
		color:#FFFFFF;

	   }


	
	
	
.more {position:absolute;bottom:8px;right:0;width:180px;height:22px;text-align:center;background:transparent url(../images/pachete/h_line.png) top center no-repeat}	



div#inner-content {margin-left:240px; line-height:14pt; margin-bottom: 10ex;}
div#inner-content.contact-page {margin:25px;}
	
	div#inner-content h2 {
		padding-top:175px;
		width:673px; 
		color:white; 
		font-size:25pt;
		line-height:39pt;
		font-weight: normal; 
		text-transform: lowercase; 
		letter-spacing: .05em; 
		margin-bottom:1ex;
		}
	
	div#inner-content h2.article {color:white; font-weight: bold; font-size: 10pt; margin-top:1em; margin-bottom: 1em;
	text-transform:none; line-height:normal; padding-top:1em;}	
	
	div#inner-content.contact-page h2 {width:900px;}
		
		div#inner-content h2 span {font-weight: bold; color:#4971b7;}
	
	div#inner-content h3, h1#page-title {font-size: 14pt; font-weight: bold; color:white; line-height: 24pt;}
	
	h1#page-title + h3 { padding-top:1em; }
	
	div#inner-content ul {list-style:square; line-height: 18pt;}
	div#inner-content ul.newsletters { list-style:none !important; padding-left:0; }
		div#inner-content ul.newsletters li a { font-weight:bold; font-size:1.1em; }
	
	div#inner-content h4 {color:white; font-weight: bold; font-size: 10pt; margin-top:2.5em; margin-bottom: 1em;}
	
	div#inner-content p {margin-right:2em;}
	
		div#inner-content p.conversion, div#inner-content p.privacy {color: white; margin-top:8ex; font-size: 11pt;}
		
		div#inner-content p.privacy {margin-top:2em;}
		
			div#inner-content p.conversion em, div#inner-content p.privacy em {color:#8aabda; font-weight: bold; font-style: normal;}
		
		div#inner-content p.disclaimer {text-transform:uppercase; font-size:7pt;}
		
	div#inner-content img.center {margin: 6ex auto 2ex; display: block; border: none;}
	div#inner-content img.right {float:right; margin-left:1em; border: none;}
	div#inner-content img.left {float: left; margin-right: 1em; border: none;}
	
	
	div#inner-content blockquote {margin:2em 6em}
	
		div#inner-content blockquote p {font-style: italic; color:#4971b7;}
	
			div#inner-content blockquote p span {font-size: 11pt; color:white; padding: 0 5px;}
		
			div#inner-content blockquote p cite {text-align: right; font-style: normal; font-weight: bold; text-transform: uppercase; color: white; display: block; margin-top:2ex;}
	
	div#inner-content a {color:#4971b7; text-decoration: none;}
	div#inner-content a:hover {color:white; text-decoration: underline;}



	div#logo{
		height: 226px;
		width: 960px;
		float: left;
		overflow:hidden;
		background: #1a1a1a;
	}
	
		div#logo font.moto{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: bold;
			letter-spacing: -1px;
			color: #416fbf;
		}
		
		div#logo font.red{
			color: #ed1c24;
		}
		
		div#logo font.big_first_letter{
			font-size: 29px;
		}
	
	div#menu{
		height: 53px;
		width: 960px;
		float: left;
		background: #416fbf;
		overflow: hidden;
	}
	
	div#links{
		padding-top: 18px;
		float: left;
		width: 900px;
		padding-left: 25px;
	}
	
		div#links ul{
			float: left; 
			margin: 0px; 
			padding: 0px;
			list-style-type: none;
		}
		
		div#links ul li{
			display: inline;
			padding-right:25px;
		}
		
		div#links a:link, div#links a:visited{
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			color:#040405;
			text-decoration:none;
		}
		
		div#links a.active:link, div#links a.active:visited{
			color:#ffffff;
		}
		
		div#links a:hover{
			color:#ffffff;
		}

div#links2{
		padding-top: 18px;
		float: right;
		width: 900px;
		padding-left: 25px;
	}
	
		div#links2 ul{
			float: right; 
			margin: 0px; 
			padding: 0px;
			list-style-type: none;
		}
		
		div#links2 ul li{
			display: inline;
			padding-right:20px;
		}
		
		div#links2 a:link, div#links2 a:visited{
			font-size:11px;
			font-weight:bold;
			
			color:#416fbf;
			text-decoration:none;
		}
		
		div#links2 a.active:link, div#links2 a.active:visited{
			color:#d1d3d4;
		}
		
		div#links2 a:hover{
			color:#ffffff;
		}





div#slide_show{
	float: left;
	width: 374px;
	height: 326px;
	overflow:hidden;
}

div#content{
	width: 960px;
	background:url(images/bg.jpg) repeat-y;
	float: left;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	overflow:hidden;
}

	div#content p{
		width: 890px;
	}
	
	div#content font.red{
		color: #ed1c24;
		font-weight:bold;
	}
	
	div#content a:link, div#content a:visited{
		color:#416fbf;
	}


div#meniu_content_stanga {float: left; width: 225px;}
	
	div#meniu_content_stanga div {background: url(images/bg_menu_content_stanga.gif) repeat-x  #416fbf top left ; margin-bottom: 15px;}
	
		div#meniu_content_stanga div h3 {font-weight: bold; text-transform: uppercase; color: #4971b7; background-color: #203b6b; padding:10px; font-size: 7pt;}
		
		div#meniu_content_stanga div ul.nav {list-style: none; padding:1.5ex 0; margin: 0;}
		
			div#meniu_content_stanga div ul.nav li {line-height:18pt;}
			
				div#meniu_content_stanga div ul.nav li a {color:white; text-decoration: none; padding-left:10px; display: block; width:215px;}
				div#meniu_content_stanga div ul.nav li a:hover, div#meniu_content_stanga div ul.nav li.active {color:#203b6b; background-color: white;}
				div#meniu_content_stanga div ul.nav li.active {font-weight: bold; padding-left:10px; background-color:#8aabda;}
				
	div#meniu_content_stanga div#contact {padding-bottom: 10px;}
	
		div#meniu_content_stanga div#contact dl {margin:10px 0 0 10px; color: white; line-height:14pt;}
			
			div#contact dl dt {font-weight: bold;}
			div#contact dl dd a {color:white; text-decoration: none;}
			div#contact dl dd a:hover {text-decoration: underline;}
				
	div#meniu_content_stanga a img {margin-bottom: 15px; border: none;}

a.cereoferta:link, a.cereoferta:visited {
	background:url(images/buton_cereoferta.png) no-repeat;
	width:221px;
	height:74px;
	float:left;
	}

   a.cereoferta:hover {
	background:url(images/buton_cereoferta_over.png) no-repeat;
	}	
	
	
	 a.cereoferta:link, a.cereoferta:visited {
	background:url(images/buton_cereoferta.png) no-repeat;
	width:221px;
	height:74px;
	float:left;
	}

   a.cereoferta:hover {
	background:url(images/buton_cereoferta_over.png) no-repeat;
	}	
	
	a.detalii_grafic:link, a.detalii_grafic:visited {
	background:url(images/detalii_grafic1.png) no-repeat;
	width:65px;
	height:25px;
	float:left;
	}

   a.detalii_grafic:hover {
	background:url(images/detalii_grafic_over.png) no-repeat;
	}	
	
	a.cere_oferta_grafic:link, a.cere_oferta_grafic:visited {
	background:url(images/cere_oferta_grafic.png) no-repeat;
	width:65px;
	height:25px;
	float:right;
	}

   a.cere_oferta_grafic:hover {
	background:url(images/cere_oferta_grafic2.png) no-repeat;
	}	
	
div#footer{
	width:960px;
	padding-top:5px;
	padding-bottom:5px;
	/*color:#58595b;*/
	text-align:center;
}

div#footer a:link,div#footer a:visited{
	color: #ffffff;
	text-decoration:none;
}

div#footer a.rs:link,div#footer a.rs:visited{
	color: #779ff2;
}

div#footer a.rs:hover{
	text-decoration:underline;
}




/* Clearfix Hack */
.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */