/* Start of CMSMS style sheet 'certisso' */
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Style Sheet
author: Daniel Chitu _ www.idekio.com
website: Biroul Certisso
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* RESET STYLE 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
* { margin: 0; padding: 0; border: none; }
table { border-collapse: collapse; }
td, th { text-align: left; vertical-align: top; }
textarea { overflow: auto; }
.clearfix:after { height: 0; content: "."; clear: both; display: block; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/ .clearfix { display: block; }
/* End hide from IE Mac */ * html .clearfix { height: 1px; }

/* GENERAL STYLE 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body { background: #f3f3f3 url('uploads/certisso/images/layout/bkg.jpg') no-repeat center top; font: 12px "Verdana", Arial, Helvetica, sans-serif; color: #606060; text-align: left; }
a:link, a:visited { color: #1361ab; text-decoration: none; cursor: pointer; }
a:hover, a:active { color: #5e297b; text-decoration: none; }
h1, h2, h3, h4, h5 { width: 100%; color: #606060; font-weight: normal; margin-bottom: 10px; padding: 0; float: left; clear: both; }
h1 { font-size: 30px; color: #023693; font-weight: bold; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
p { width: 100%; margin: 0 0 10px 0; clear: both; float: left; }
label { font-size: 12px; font-weight: bold; margin-bottom: 4px; float: left; clear: both; }
input { width: 200px; height: 24px; font: 11px "Verdana", Arial, Helvetica, sans-serif; color: #484848; line-height: 20px; padding: 4px 2px 0; float: left; clear: both; border: 1px solid #501670; }
select { width: 200px; height: 24px; font: 11px "Verdana", Arial, Helvetica, sans-serif; color: #484848; line-height: 20px; padding: 4px 2px 0; float: left; clear: both; border: 1px solid #501670; }

/* SITE 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#site { width: 980px; margin: 0 auto; }

/* HEADER 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header { width: 980px; height: 100px; text-align: left; float: left; clear: both; display: inline; }
#logo { margin: 20px 0 20px 20px; float: left; display: inline; }
#motto { margin: 20px 30px 20px 0; float: left; display: inline; }

/* NAVIGATION 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#nav_container { width: 510px; height: 80px; margin: 20px 10px 0 0; float: right; display: inline; overflow: hidden; }
#over_nav { float: left; clear: both; overflow: hidden; }
#nav { width: 510px; height: 40px; background: #1361ab url('uploads/certisso/images/layout/nav_bkg.jpg') no-repeat left top; margin: 0; padding: 0 15px; float: left; clear: both; display: inline; overflow: hidden; }
#nav li { list-style: none; float: left; }
#nav li a { height: 40px; background: url('uploads/certisso/images/layout/nav_bkg_hover.jpg') no-repeat left top; background-position: 0 40px; font: bold 12px "Verdana", Arial, Helvetica, sans-serif; color: #f3f3f3; text-decoration: none; margin: 0; padding-left: 15px; display: block; }
#nav li a span { height: 40px; background: url('uploads/certisso/images/layout/nav_bkg_hover.jpg') no-repeat right top; background-position: 0 40px; line-height: 40px; margin: 0 -2px 0 0; padding-right: 15px; display: block; }
#nav li a:hover { background-position: left top; color: #ffffff; }
#nav li a:hover span { background-position: right top; }
* html #nav li { display: inline; }
* html #nav li a, * html #nav li a span { width: 1%; white-space: nowrap; cursor: pointer; }
* html #nav li a span { position: relative; z-index: 2; }
#nav li a.nav_active { background: url('uploads/certisso/images/layout/nav_bkg_hover.jpg') no-repeat left top; color: #ffffff; }
#nav li a.nav_active span { background: url('uploads/certisso/images/layout/nav_bkg_hover.jpg') no-repeat right top; color: #ffffff; }

/* CONTENT 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#content_container { width: 980px; background: #ffffff url('uploads/certisso/images/layout/right_col_bkg.jpg') repeat-y right top; color: #606060; float: left; clear: both; overflow: hidden; }

/* Left Content 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#left_content { width: 740px; float: left; display: inline; }

	/* Banner 
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	#banner { width: 740px; height: 264px; background: url('uploads/certisso/images/layout/banner_bkg.jpg') no-repeat left top; float: left; clear: both; overflow: hidden; }
		#banner h1 { width: 320px; color: #023693; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 26px; margin: 35px 40px 10px; float: left; clear: both; display: inline; overflow: hidden; }
		#banner_txt { width: 320px; color: #606060; font-size: 12px; margin: 0 40px 20px; float: left; clear: both; display: inline; overflow: hidden; }
		#banner_btn { width: 120px; height: 30px; margin: 0 40px; float: left; clear: both; display: inline; overflow: hidden;}

	#banner_acasa, #banner_desprenoi, #banner_servicii, #banner_clienti, #banner_stiri, #banner_legislatie, #banner_contact { width: 740px; height: 260px; float: right; clear: both; display: inline; overflow: hidden; }
	#banner_acasa { background: url('uploads/certisso/images/content/img_banner-acasa.jpg') no-repeat left top; }
	#banner_desprenoi { background: url('uploads/certisso/images/content/img_banner-despre.jpg') no-repeat left top; }
	#banner_servicii { background: url('uploads/certisso/images/content/img_banner-servicii.jpg') no-repeat left top; }
	#banner_clienti { background: url('uploads/certisso/images/content/img_banner-clienti.jpg') no-repeat left top; }
	#banner_stiri { background: url('uploads/certisso/images/content/img_banner-stiri.jpg') no-repeat left top; }
	#banner_legislatie { background: url('uploads/certisso/images/content/img_banner-legislatie.jpg') no-repeat left top; }
	#banner_contact { background: url('uploads/certisso/images/content/img_banner-contact.jpg') no-repeat left top; }

	/* Content  
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	#content { width: 720px; padding: 10px 10px 20px; float: left; clear: both; overflow: hidden; }

		/* Servicii & Stiri columns Main
		–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
		.ss_col { width: 180px; margin: 5px 10px 0; float: left; font-size: 11px; display: inline; overflow: hidden; }
			.ss_col p { margin-bottom: 14px; line-height: 14px; }
			.ss_col .ttl_box { width: 180px; margin-bottom: 10px; float: left; clear: both; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
				.ss_col .ttl_box .icon { width: 28px; height: 28px; margin: 5px 5px 0 0; float: left; clear: none; display: inline; overflow: hidden; }
				.ss_col .ttl_box h2 { width: 140px; height: 35px; font: 20px "Arial", Verdana, Helvetica, sans-serif; color: #606060; margin: 5px 0 0; float: left; clear: none; display: inline; overflow: hidden; }
			.ss_col .continuare1 { width: 180px; padding-top: 10px; float: left; clear: both; border-top: 1px solid #e8e8e8; }
			.ss_col .stire { width: 180px; margin-bottom: 10px; padding-bottom: 10px; float: left; clear: both; border-bottom: 1px solid #e8e8e8; }
				.ss_col .stire a:link, .ss_col .stire a:visited { color: #484848; font-size: 12px; float: left; clear: both; margin-bottom: 5px; }
				.ss_col .stire a:hover, .ss_col .stire a:active { color: #5e297b; text-decoration: none; }
			.ss_col .continuare2 { width: 180px; float: left; clear: both; }

		/* Despre Noi & Client boxes Main
		–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
		#desprenoi_box_main { width: 280px; background-color: #ededed; margin: 3px 10px 0; padding: 10px; float: left; font-size: 11px; display: inline; overflow: hidden; }
			#desprenoi_box_main h2 { width: 280px; height: 24px; font: 20px "Arial", Verdana, Helvetica, sans-serif; color: #606060; margin: 0 0 10px; padding: 0 0 9px; float: left; clear: none; display: inline; overflow: hidden; border-bottom: 1px solid #c3c3c3; }
		#client_main { width: 280px; height: 90px; background: #cbcbcb url('uploads/certisso/images/layout/clienti_bkg.jpg') no-repeat left top; color: #606060; margin: 0 10px; padding: 10px; float: left; font-size: 11px; display: inline; overflow: hidden; }
			#client_main .logo_client { margin: 10px; padding: 10px; float: left; display: inline; overflow: hidden; }
			#client_main .details_client { width: 160px; float: left; display: inline; overflow: hidden; }
			#client_main h4 { color: #484848; font-weight: bold; margin: 0; padding: 0; float: left; display: inline; overflow: hidden; }
				#client_main h4 a:link, #client_main h4 a:visited { color: #484848; text-decoration: none; cursor: pointer; }
				#client_main h4 a:hover, #client_main h4 a:active { color: #5e297b; text-decoration: none; }

/* Right Content 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#right_content { width: 240px; background: url('uploads/certisso/images/layout/rt_corner_bkg.jpg') no-repeat right top; color: #f3f3f3; float: left; display: inline; }

	/* Right banners/ads/btns
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	#ad_certisotimp { width: 240px; height: 100px; float: left; clear: both; overflow: hidden; }
	#btn_descopera { width: 200px; height: 50px; background: #420f5d url('uploads/certisso/images/layout/bkg_r_grad.jpg') repeat-x left top; float: left; padding: 20px 20px 0; clear: both; overflow: hidden; }

	/* Certificate Select
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	#cert_select { width: 240px; height: 88px; background-color: #5e297b; color: #f3f3f3; float: left; clear: both; overflow: hidden; border-bottom: 2px solid #2d0c3f; }
		#cert_select .icon { margin: 0 5px 0 10px; float: left; display: inline; overflow: hidden; }
		#cert_select .txt { width: 160px; margin: 10px 10px 10px 0; float: left; display: inline; overflow: hidden; }
		#cert_select form { margin: 0 20px; float: left; clear: both; overflow: hidden; display: inline; }
		#cert_select select { width: 200px; height: 24px; font: 11px "Verdana", Arial, Helvetica, sans-serif; color: #484848; line-height: 20px; padding: 4px 2px 0; float: left; clear: both; border: 1px solid #501670; }

	/* Legislatie
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	#legislatie_r_main { width: 200px; background-color: #420f5d; color: #f3f3f3; float: left; padding: 20px; clear: both; overflow: hidden; }
		#legislatie_r_main h3 { width: 200px; height: 28px; background: #420f5d url('uploads/certisso/images/layout/icon-legislatie.jpg') no-repeat right 5px; font: 20px "Arial", Verdana, Helvetica, sans-serif; color: #ffffff; line-height: 40px; float: left; margin: 5px 0; padding-bottom: 9px; clear: both; overflow: hidden; border-bottom: 1px solid #2d0c3f; }
		#legislatie_r_main ul { width: 200px; list-style: none; color: #cbcbcb; float: left; clear: both; overflow: hidden; }
		#legislatie_r_main li { width: 200px; background: url('uploads/certisso/images/layout/icon_arrow2.gif') no-repeat left 11px;  text-align: left; list-style: none; float: left; clear: both; padding: 7px 0 7px 15px; border-bottom: 1px solid #512667; }
		#legislatie_r_main li a { width: 185px; color: #cbcbcb; font-size: 11px; text-decoration: none; float: left; clear: both; overflow: hidden; display: block; }
		#legislatie_r_main li a:hover { color: #f3f3f3; font-size: 11px; text-decoration: none; float: left; clear: both; overflow: hidden; display: block; }

/* FOOTER 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#footer { width: 940px; background-color: #e9eff5; font-size: 11px; color: #9b9b9b; margin-bottom: 10px; padding: 20px; float: left; clear: both; overflow: hidden; border-bottom: 2px solid #d3e1ed;}
#footer_icon { margin-right: 20px; float: left; display: inline; }
#footer_copy { line-height: 14px; float: left; display: inline; }
#footer a:link, #footer a:visited { color: #737a89; text-decoration: none; margin-right: 10px; }
#footer a:hover, #footer a:active { color: #5e297b; text-decoration: none; }

/* RIGHT MENU
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#right_menu { width: 240px; list-style: none; margin: 20px 0; float: left; display: inline; }
#right_menu li { width: 240px; height: 32px; font-weight: bold; line-height: 32px; margin: 0; float: left; clear: both; display: inline; }
#right_menu li a { width: 210px; height: 32px; background: #1361ab url('uploads/certisso/images/layout/right_menu.jpg') no-repeat left top; color: #f3f3f3; text-decoration: none; padding-left: 30px; float: left; display: block;  }
#right_menu li a:hover, #right_menu_active a:link, #right_menu_active a:visited, #right_menu_active a:hover, #right_menu_active a:active { background: url('uploads/certisso/images/layout/right_menu-h.jpg') no-repeat left top; color: #1361ab; }

/* CONTACT Page 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#contact_container { width: 700px; margin: 10px 10px 0; float: left; clear: both; display: inline; overflow: hidden; line-height: 16px; }
	#contact_container h2 { width: 700px; font: 20px "Arial", Verdana, Helvetica, sans-serif; color: #606060; margin: 0 0 10px; padding: 0; float: left; clear: none; display: inline; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
	#contact_container .col { width: 300px; margin-right: 20px; float: left; display: inline; overflow: hidden; }
	#contact_container .map { width: 288px; height: 148px; background-color: #c1d1e0; padding: 1px; float: left; clear: both; border: 5px solid #ededed; }
	
	/* Table details
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	.contact_table { width: 300px; margin: 10px 0; float: left; clear: both; border: none; line-height: 16px; }
		.contact_table tr { padding-bottom: 10px; }
		.contact_table td { padding: 0 10px 10px 0; }
		.contact_table td.labelc { width: 90px; }

	/* Table Contact Form
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	#table_contactform { width: 700px; margin: 10px 0; float: left; clear: both; }
		#table_contactform input[type="text"] { width: 300px; height: 15px; font: 11px "Verdana", Arial, Helvetica, sans-serif; color: #484848; padding: 4px 2px; float: left; clear: both; border: 1px solid #dbdbdb; overflow: hidden; }
		#table_contactform select { width: 306px; height: 26px; font: 11px "Verdana", Arial, Helvetica, sans-serif; color: #484848; padding: 4px 2px; float: left; clear: both; border: 1px solid #dbdbdb; overflow: hidden; }
		#table_contactform textarea { width: 300px; height: 100px; font: 11px "Verdana", Arial, Helvetica, sans-serif; color: #484848; margin-bottom: 0; padding: 5px 2px; float: left; clear: both; border: 1px solid #dbdbdb; }
		#table_contactform td { padding: 5px; line-height: 20px; }
		#table_contactform input[type="radio"], #table_contactform input[type="checkbox"] { width: 20px; margin: 0; border: 0; }
		#table_contactform label { clear: none; font-weight: normal; margin: 0px; padding: 0px }
		#table_contactform .fbsubmit { background: url('uploads/certisso/images/layout/trimite_btn.jpg') no-repeat; width: 79px; height: 30px; border: 0px }
		
/* SERVICII Page 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#servicii_container { width: 700px; margin: 10px 10px 0; float: left; clear: both; display: inline; overflow: hidden; }
	#servicii_container h2 { width: 700px; font: 20px "Arial", Verdana, Helvetica, sans-serif; color: #606060; margin: 0 0 10px; padding: 0; float: left; clear: none; display: inline; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
	#servicii_container ul { margin-bottom: 10px; float: left; clear: both; }
	#servicii_container li { width: 500px; background: url('uploads/certisso/images/layout/icon_arrow1.gif') no-repeat left 4px; margin-bottom: 10px; padding-left: 15px; float: left; clear: both; }

/* End of 'certisso' */