/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#5C5C5C;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
a {
	color : #000000;
	font-size : 11px;
	text-decoration:none;	
}
a:hover {
	color : #71831a;
	font-size : 11px;
	text-decoration:underline;	
}

.fixedfont { font-size : 11px }
h5 { 
	font-size : 11px;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#main{
	width:972px;
	margin:0 auto;
	padding:0 0 32px 0;
}
/*------------------------------------------------left--------------------*/
#left{
	width:247px;
	float:left;
}
#left img{
	display:block; font-size:0; line-height:0;
	}
#left img.logo{
	display:block;
	width:247px;
	height:97px;
}
#left ul{
	padding:25px 12px 46px 19px;
	width:216px;
}
#left ul li{
	border-bottom:#D2D5D5 solid 1px;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
}
#left ul li a.potencial{
	display:block;
	background:url(images/potencial.gif) 0 0 no-repeat;
	width:199px;
	height:42px;
}
#left ul li a.potencial:hover{
	background:url(images/potencial_hover.gif) 0 0 no-repeat;
}
#left ul li a.ideal{
	display:block;
	background:url(images/ideal.gif) 0 0 no-repeat;
	width:199px;
	height:42px;
}
#left ul li a.ideal:hover{
	background:url(images/idea_hover.gif) 0 0 no-repeat;
}
#left ul li.noBdr{
	border-bottom:none;
	padding:0;
	margin:0;
}
#left ul li.noBdr a.innovative{
	display:block;
	background:url(images/innovative.gif) 0 0 no-repeat;
	width:204px;
	height:42px;
}
#left ul li.noBdr a.innovative:hover{
	background:url(images/innovative_hover.gif) 0 0 no-repeat;
}

#left h2.faq{
	display:block;
	width:180px;
	height:42px;
	background:url(images/faq_icon.gif) 0 0 no-repeat;
	padding:0 0 0 41px;
	margin:15px 0 9px 21px;
}
#left h2.faq span{
	width:179px;
	border-bottom:#D2D5D5 solid 1px;
	font-size:22px;
	height:24px;
	color:#000;
	background-color:inherit;
	margin:10px 0 0 0;
}
#left h2.faq span b{
	font-weight:bold;
	font-size:22px;
	height:24px;
	color:#C18B1E;
	background-color:inherit;
}
#left p.lftTxt{
	width:221px;
	display:block;
	margin:0 0 0 19px;
	font-size:12px;
	line-height:18px;
	padding:0 0 42px 0;
	border-bottom:#D2D5D5 solid 1px;
}
#left p.lftTxt span.green{
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#327C8E;
	background-color:inherit;
	margin:0 0 14px 0;
}
#left img.callUs{
	width:208px;
	height:45px;
	margin:19px 0 10px 19px;
}
#left ul.botLink{
	width:171px;
	height:29px;
	background:url(images/left_panel_bot_bg.gif) 0 0 repeat-x;
	padding:9px 0 0 49px;
	margin:0 0 0 19px;
}
#left ul.botLink li{
	padding:0 6px 0 0;
	margin:0;
	float:left;
}
#left ul.botLink li a.css{
	display:block;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	width:77px;
	height:17px;
	}
#left ul.botLink li a.css:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#left ul.botLink li a.xhtml{
	display:block;
	background:url(images/xhtml_valid.gif) 0 0 no-repeat;
	width:77px;
	height:17px;
	}
#left ul.botLink li a.xhtml:hover{
	background:url(images/xhtml_valid_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:705px;
	float:right;
	padding:13px 0 0 0;
}
#right ul.nav{
	width:708px;
	height:36px;
	float:left;
}
#right ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(images/nav_div.gif) right top;
}
#right ul.nav li a.navLink{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#right ul.nav li a.navLink:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#right ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#right ul.nav li.noImg{
	padding:0;
	float:left;
	background-image:none;
}



#best {
	width:660px;
	border:#F4F4F4 solid 0px;
	background-color:#c5e6ec;
	padding:0 14px 3px 26px;
	margin:0px 0 0 0;
}

#best2 {
	width:650px;
	border:#c5e6ec solid 2px;
	background-color:#FFFFF;
	padding:0 24px 33px 26px;
	margin:10px 0 0 0;
}

#best h2{
	display:block;
	width:395px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
}
#best h2 span{
	width:220px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#c5e6ec;
	display:block;
}

#last{
	background:url(images/right_1px.gif) 0 0 repeat-y;
	width:214px;
	float:left;
	margin:21px 0 0 0;
}

#last ul{
	width:202px;
	padding:0 0 30px 0;
	margin:0 0 0 6px;
	font-size:0;
	line-height:0;
}
#last ul li{
	display:block;
	background:url(images/responsible_link_bg.gif) 0 0 repeat-x;
	height:24px;
	padding:0 0 0 8px;
	margin:0 0 3px 0;
	line-height:0;
	font-size:0;
}
#last ul li a{
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#788C11;
	background-color:inherit;
	text-decoration:none;
}


/*------------------------------------------------right--------------------*/


/*------------------------------------------------main--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:101px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	padding:26px 0 0 0;
}
#footer{
	width:900px;
	height:101px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:900px;
	position:absolute;
	left:0;
	top:0;
}
#footer ul li{
	float:left;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	position:absolute;
	left:106px;
	top:29px;
	color:#5B6A14;
	background-color:inherit;
	width:241px;
}
#footer p.design{
	display:block;
	width:206px;
	height:21px;
	padding:0;
	position:absolute;
	left:119px;
	top:51px;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#F7F7F7;
	text-align:center;
}
#footer p.design a.link{
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#F7F7F7;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#000;
	background-color:#F7F7F7;
}
/*------------------------------------------------footer--------------------*/
div.paginare {

	padding:3px;

	margin:3px;

	text-align:center;

	font-size: 12px;

}



div.paginare a {

	background-color: #ffffff;

	font-size: 12px;

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #ddd;

	text-decoration: none; 

	color: #88AF3F;

	font-size: 12px;

}



div.paginare a:hover, div.paginare a:active {

	border:1px solid #85BD1E;

	color: #638425;

	background-color: #F1FFD6;

	font-size: 12px;

	font-weight: normal

}

div.paginare span.actuala {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #B2E05D;

	font-weight: bold;

	background-color: #B0DF53;

	color: #FFF;

	font-size: 12px;

}

	div.paginare span.inchis {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #f3f3f3;

	color: #ccc;

	background-color: #EFF7FF;

	font-size: 12px;

	font-weight: normal

}







div.paginare {

	padding:3px;

	margin:3px;

	text-align:center;

}



div.paginare a {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #2C2C2C;

	text-decoration: none; 

	color: #fff;

	background: #2C2C2C url(images/image1.gif);

}

div.paginare a:hover, div.paginare a:active {

	border:1px solid #AAD83E;

	color: #FFF;

	background: #AAD83E url(images/image2.gif);

}

div.paginare span.actuala {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #AAD83E;

    font-weight: bold;

	background: #AAD83E url(images/image2.gif);

	color: #FFF;

	}

	div.paginare span.inchis {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #f3f3f3;

	color: #ccc;

	}

/* Videoclipuri */
#videoContent {
	text-align: center;
	float:left;
	margin: 0 10px 0 10px;
}
#videoPicBg {
	width: 149px;
	height: 110px; 
	text-align: center;
}
#videotitle {
	width: 149px;

	text-align: center;
}
.videoPicture {
	width: 130px;
	height: 80px;
	border: none;
	padding: 4px 0 0 0;
}
#videoTitlu {
	height: 25px;
	width: 130px;
	text-align: center;	
}
.viziteVideo {
	font-family: Arial;
	font-size:11px;
    color:#666666;
	margin: 5px 0 10px 0;
	text-decoration:none;
}
#videoSeparator {
	width: 30px; 
	height: 125px; 
	background-image:url(http://www.veselie.info/imagini/videoSeparator.jpg);
	text-align: center;
}