/************************************ COLORS **************************
blue 	- 1689BD
red 	- bc1a1a
black 	- 000
************************************* COLORS ***********************/


/************************************ GLOBAL ***********************/
body	{ font:normal 14px/17px Arial, Helvetica, sans-serif; background:#000; color:#444;}
.wrap	{ width:980px; border:0px solid #FF0;}
/************************************ GLOBAL ***********************/


/************************************ MENU *************************/
#menu				{ height:46px; background:none;}
ul.menu				{ margin:0 20px; padding:10px 0; height:26px; list-style:none;}
ul.menu li			{ float:right; height:26px; line-height:26px; padding:0 12px;}
ul.menu li a		{ height:26px; line-height:26px; padding:4px 0; color:#CCC; text-decoration:none; border-bottom:1px dotted #CCC;}
ul.menu li a:hover	{ color:#FFF; text-decoration:none; border-bottom:1px solid #FFF;}
/************************************ MENU *************************/


/************************************ HEADER ***********************/
#header			{ background:url(/images/bkg_header.gif); }
#logo			{ float:left; padding:10px 40px; }
#social			{ float:right; padding:15px 30px 0 0; }
	#social a#twitter		{ background:url(/images/icon_twitter.png) no-repeat; width:50px; height:71px; display:block; float:left; margin:0 10px; }
	#social a#twitter:hover	{ background:url(/images/icon_twitter_hover.png) no-repeat; width:50px; height:71px; }
	#social a#blog			{ background:url(/images/icon_blog.png) no-repeat; width:62px; height:71px; display:block; float:left; margin:0 10px; }
	#social a#blog:hover	{ background:url(/images/icon_blog_hover.png) no-repeat; width:62px; height:71px; }
	#social a#adwords		{ background:url(/images/icon_adwords.png) no-repeat; width:60px; height:71px; display:block; float:left; margin:0 10px; }
	#social a#adwords:hover	{ background:url(/images/icon_adwords_hover.png) no-repeat; width:60px; height:71px; }
	#social a#analytics			{ background:url(/images/icon_analytics.png) no-repeat; width:60px; height:71px; display:block; float:left; margin:0 10px; }
	#social a#analytics:hover	{ background:url(/images/icon_analytics_hover.png) no-repeat; width:60px; height:71px; }
	
div.headerIndex	{ position:relative; width:910px; height:220px; margin:0 auto; background:url(images/bkg_chenar_index_big.jpg) no-repeat; }
	.chenar1				{ position:absolute; top:0px; left:0; z-index:0; width:266px; height:204px; /*background:url(/images/bkg_chenar_index.png) no-repeat;*/ overflow:hidden;}
	.chenar1 .intfix		{ display:block; margin-top:0px; color:#333; text-decoration:none; cursor:pointer;}
	.chenar1 .intfix:hover	{ display:block; margin-top:-214px; color:#FFF;}
	.chenar1 span.initial	{ display:block; width:266px; height:204px;}
	.chenar1 span.initial span.cifra	{ margin:10px 15px 15px 15px; background:url(/images/cifra1.png) no-repeat; width:27px; height:31px; display:block;}
	.chenar1 span.after		{ display:block; width:266px; height:204px;}
	.chenar1 span.after span.cifra		{ margin:10px 15px 15px 15px; background:url(/images/cifra1_hover.png) no-repeat; width:27px; height:31px; display:block;}
	.chenar1 h1				{ font:bold 26px/32px Arial, Helvetica, sans-serif; margin:10px 0 10px 21px;}
	.chenar1 h2				{ font:normal 16px/20px Arial, Helvetica, sans-serif; margin:5px 23px 5px 24px; text-align:justify;}
	
	.chenar2				{ position:absolute; top:0px; left:321px; z-index:0; width:266px; height:204px; /*background:url(/images/bkg_chenar_index.png) no-repeat*/; overflow:hidden;}
	.chenar2 .intfix		{ display:block; margin-top:0px; color:#333; text-decoration:none; cursor:pointer;}
	.chenar2 .intfix:hover	{ display:block; margin-top:-214px; color:#FFF;}
	.chenar2 span.initial	{ display:block; width:266px; height:204px;}
	.chenar2 span.initial span.cifra	{ margin:10px 15px 15px 15px; background:url(/images/cifra2.png) no-repeat; width:27px; height:31px; display:block;}
	.chenar2 span.after		{ display:block; width:266px; height:204px;}
	.chenar2 span.after span.cifra		{ margin:10px 15px 15px 15px; background:url(/images/cifra2_hover.png) no-repeat; width:27px; height:31px; display:block;}
	.chenar2 h1				{ font:bold 26px/32px Arial, Helvetica, sans-serif; margin:10px 0 10px 21px;}
	.chenar2 h2				{ font:normal 16px/20px Arial, Helvetica, sans-serif; margin:5px 23px 5px 24px; text-align:justify;}
	
	.chenar3				{ position:absolute; top:0px; left:642px; z-index:0; width:266px; height:204px; /*background:url(/images/bkg_chenar_index.png) no-repeat;*/ overflow:hidden;}
	.chenar3 .intfix		{ display:block; margin-top:0px; color:#333; text-decoration:none; cursor:pointer;}
	.chenar3 .intfix:hover	{ display:block; margin-top:-214px; color:#FFF;}
	.chenar3 span.initial	{ display:block; width:266px; height:204px;}
	.chenar3 span.initial span.cifra	{ margin:10px 15px 15px 15px; background:url(/images/cifra3.png) no-repeat; width:27px; height:31px; display:block;}
	.chenar3 span.after		{ display:block; width:266px; height:204px;}
	.chenar3 span.after span.cifra		{ margin:10px 15px 15px 15px; background:url(/images/cifra3_hover.png) no-repeat; width:27px; height:31px; display:block;}
	.chenar3 h1				{ font:bold 26px/32px Arial, Helvetica, sans-serif; margin:10px 0 10px 21px;}
	.chenar3 h2				{ font:normal 16px/20px Arial, Helvetica, sans-serif; margin:5px 23px 5px 24px; text-align:justify;}
	
div.headerPage	{ position:relative; height:60px; }
h1.normalPage	{ position:absolute; top:0px; left:500px; width:480px; font:bold italic 36px/48px Arial, Helvetica, sans-serif; color:#FFF; z-index:1; }
div.normalPage2	{ position:absolute; top:3px; left:503px; width:477px; font:bold italic 36px/48px Arial, Helvetica, sans-serif; color:#666; z-index:0; }
/************************************ HEADER ***********************/


/************************************ MAIN *************************/
#main			{ background:#FFF; }
div.indexBox	{ float:left; width:457px; padding:10px 15px; }
	div.indexBox h1			{ font:bold 22px/30px Arial, Helvetica, sans-serif; padding:5px 20px; }
	div.indexBox h1 a		{ color:#1689BD; border-bottom:2px dotted #1689BD; text-decoration:none; }
	div.indexBox h1	a:hover	{ color:#1689BD; border-bottom:2px solid #1689BD; }
	div.indexBox p			{ font:normal 13px/17px Arial, Helvetica, sans-serif; padding:0px 10px; }

div.normalPage	{ font:normal 14px/18px Arial, Helvetica, sans-serif; padding:15px; }

	div.normalPage .inputName				{ float:left; width:180px; height:36px; border-bottom:1px solid #E9E9E9; font-weight:bold; font-size:18px; line-height:24px; }
	div.normalPage .inputContact			{ float:left; width:260px; height:36px; border-bottom:1px solid #E9E9E9; }
	div.normalPage .inputContact input		{ width:250px; border:2px solid #B5B8C8; background:#FFF url(/images/bkg_formtext.gif) repeat-x; padding:3px 4px; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }
	div.normalPage .inputName2				{ float:left; width:180px; height:140px; border-bottom:1px solid #E9E9E9; font-weight:bold; font-size:18px; line-height:24px; }
	div.normalPage .inputContact2			{ float:left; width:260px; height:140px; border-bottom:1px solid #E9E9E9; }
	div.normalPage .inputContact2 textarea	{ width:250px; height:120px; border:2px solid #B5B8C8; background:#FFF url(/images/bkg_formtext.gif) repeat-x; padding:3px 4px; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }
	div.normalPage .inputName3				{ float:left; width:180px; height:70px; border-bottom:1px solid #E9E9E9; font-weight:bold; font-size:18px; line-height:24px; }
	div.normalPage .inputContact3			{ float:left; width:260px; height:70px; border-bottom:1px solid #E9E9E9; }
	div.normalPage .inputContact3 input		{ width:250px; border:2px solid #B5B8C8; background:#FFF url(/images/bkg_formtext.gif) repeat-x; padding:3px 4px; margin:0 0 4px 0; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }
	div.normalPage .inputNameTitlu			{ width:950px; height:36px; border-bottom:1px solid #E9E9E9; font-weight:bold; font-size:18px; line-height:24px; margin:20px 0 0 0; }
	div.normalPage .inputContactBifa		{ float:left; width:220px; height:36px; padding:0 13px; border-bottom:1px solid #E9E9E9; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }
	div.normalPage .inputContactBifaTitlu	{ float:left; width:180px; height:36px; padding:0 13px; border-bottom:1px solid #E9E9E9; font-weight:bold; font-size:18px; line-height:24px; }
	div.normalPage .inputNameTitlu2			{ float:left; width:300px; height:180px; border-bottom:1px solid #E9E9E9; font-weight:bold; font-size:18px; line-height:24px; padding-right:40px; }
	div.normalPage .inputContact4			{ float:left; width:360px; height:180px; border-bottom:1px solid #E9E9E9; }
	div.normalPage .inputContact4 textarea	{ width:350px; height:160px; border:2px solid #B5B8C8; background:#FFF url(/images/bkg_formtext.gif) repeat-x; padding:3px 4px; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }

	div.normalPage .inputButton				{ text-align:right; width:440px; }
	div.normalPage .inputButton input		{ background:url(/images/bkg_button.png) repeat-x; border:2px solid #AAAAAA; padding:4px; }
	div.normalPage h1						{ font:bold 24px/36px Arial, Helvetica, sans-serif; padding:5px; margin:3px; }
	div.normalPage h2						{ font:bold 18px/24px Arial, Helvetica, sans-serif; padding:3px; margin:2px; }
	div.normalPage a.link					{ color:#bc1a1a; text-decoration:none; border-bottom:1px dotted #bc1a1a; }
	div.normalPage a.link:hover				{ color:#1689BD; text-decoration:none; border-bottom:1px solid #1689BD; }
	div.normalPage .paragraph				{ text-indent:25px; margin:0 0 5px 0; padding:0; }

div.project		{ float:left; width:435px; margin:15px 15px 15px 20px; background:url(/images/bkg_images_portofoliu.gif) top center no-repeat; }
	div.project img.portofoliu		{ margin:0 0 11px 9px; }
	div.project .link				{ float:left; color:#1689BD; padding:2px; text-decoration:none; border-bottom:1px dotted #999; }
	div.project .link:hover			{ border-bottom:1px solid #1689BD; }
	div.project .link-inactiv				{ float:left; color:#999; padding:2px; text-decoration:none; border-bottom:1px solid #CCC; }
	div.project .link-inactiv:hover			{ color:#555; }
	div.project .linkVreau			{ float:right; width:126px; background:#1689BD; color:#FFF; padding:3px 5px; text-align:center; text-decoration:none; border-top:2px solid #33a7db; border-left:2px solid #33a7db; border-right:2px solid #035f88; border-bottom:2px solid #035f88; margin:0 10px 0 0; }
	div.project .linkVreau:hover	{ padding:4px 4px 2px 6px; border-top:2px solid #035f88; border-left:2px solid #035f88; border-right:2px solid #33a7db; border-bottom:2px solid #33a7db; }

.services		{ float:left; width:180px; height:350px; border:1px dashed #CCC; padding:5px; margin:2px; text-align:center; text-decoration:none; font:normal 20px/28px Arial, Helvetica, sans-serif; color:#1689BD; background:#FFF; }
.services .chTxt	{ color:#777; text-align:left; font:normal 13px Arial, Helvetica, sans-serif; margin:6px 2px; }
.services:hover	{ border:1px solid #1689BD; color:#FFF; background:#1689BD; }
.services:hover .chTxt	{ color:#eee; }
.services-sel	{ float:left; width:180px; height:350px; border:1px solid #1689BD; padding:5px; margin:2px; text-align:center; text-decoration:none; font:normal 20px/28px Arial, Helvetica, sans-serif; color:#FFF; background:#1689BD; }
.services-sel .chTxt	{ color:#eee; text-align:left; font:normal 13px Arial, Helvetica, sans-serif; margin:6px 2px; }

.services2		{ float:left; width:180px; height:20px; border:1px dashed #CCC; padding:5px; margin:2px; text-align:center; text-decoration:none; font:normal 16px/20px Arial, Helvetica, sans-serif; color:#1689BD; background:#FFF; }
.services2:hover	{ border:1px solid #1689BD; color:#FFF; background:#1689BD; }
.services2-sel		{ float:left; width:180px; height:20px; border:1px solid #1689BD; padding:5px; margin:2px; text-align:center; text-decoration:none; font:normal 16px/20px Arial, Helvetica, sans-serif; color:#FFF; background:#1689BD; }

p.bigText		{ margin:16px 0; font:bold 16px/22px Arial, Helvetica, sans-serif; text-align:justify; }
p.mediumText	{ margin:16px 0; font:bold 14px/20px Arial, Helvetica, sans-serif; text-align:justify; }

ul.articles		{ margin:0; padding:0; list-style:none; font:bold 16px Arial, Helvetica, sans-serif; }
	ul.articles li			{ float:left; height:25px; display:block; margin:5px; }
	ul.articles li a		{ display:block; width:275px; height:25px; line-height:25px; background:url(/images/icon_menu_articles.gif) 2% 50% no-repeat; padding:0 0 0 25px; color:#1689bd; text-decoration:none; border-bottom:1px dashed #CCC; }
	ul.articles li a:hover	{ background:#FFF url(/images/icon_menu_articles_hover.gif) 2% 50% no-repeat; color:#666; border-bottom:1px solid #666; }

ul.data		{ margin:0; padding:0; list-style:none; font:bold 16px Arial, Helvetica, sans-serif; }
	ul.data li			{ float:left; height:25px; display:block; margin:10px 15px; text-align:center; }
	ul.data li a		{ display:block; width:131px; height:25px; line-height:25px; background:url(/images/icon_menu_articles.gif) 2% 50% no-repeat; padding:0 0 0 25px; color:#1689bd; text-decoration:none; border-bottom:1px dashed #CCC; }
	ul.data li a:hover	{ background:#FFF url(/images/icon_menu_articles_hover.gif) 2% 50% no-repeat; color:#666; border-bottom:1px solid #666; }

ul.agency		{ margin:0; padding:0; list-style:none; font:bold 16px Arial, Helvetica, sans-serif; }
	ul.agency li.normal		{ float:left; width:286px; height:120px; padding:5px 7px; display:block; margin:5px; border:3px solid #CCC; }
	ul.agency li.hover		{ float:left; width:286px; height:120px; padding:5px 7px; display:block; margin:5px; border:3px solid #1689bd; }
	ul.agency li a			{ display:block; height:22px; line-height:22px; padding:0 0 6px 0; color:#1689bd; text-decoration:underline; }
	ul.agency li a:hover	{ color:#333; text-decoration:none; }

div.breadcrumb				{ font:bold 14px/18px Arial, Helvetica, sans-serif; color:#999; }
	div.breadcrumb a		{ color:#1689bd; text-decoration:none; border-bottom:1px dotted #999; padding:2px; }
	div.breadcrumb a:hover	{ color:#999; border-bottom:1px solid #333; }
	
div.webDesignTop	{ background:url(/images/bkg_webdesign_top.jpg) top right no-repeat; }
div.webDesignBottom	{ background:url(/images/bkg_webdesign_bottom.jpg) bottom left no-repeat; padding:20px; }

ul.mediumText		{ font:bold 14px/18px Arial, Helvetica, sans-serif; margin:12px; }
ul.mediumText li	{ text-align:justify; margin:4px 0; }

.dn-col1	{ float:left; width:460px; margin:0 15px 0 0; }
.dn-col2	{ float:left; width:460px; margin:0 0 0 10px; }
.dn-picture	{ float:left; margin:0 10px 0 0; }

.os-cando-normal	{ float:left; width:230px; margin:15px 15px 15px 0; border:1px solid #1689BD; padding:5px; background:#FFF; }
.os-cando-hover		{ float:left; width:230px; margin:15px 15px 15px 0; border:1px solid #1689BD; padding:5px; background:#F0F7FF; }
.os-cannotdo-normal	{ float:left; width:680px; margin:15px 0 15px 0; border:1px solid #bc1a1a; padding:5px; background:#FFF; }
.os-cannotdo-hover	{ float:left; width:680px; margin:15px 0 15px 0; border:1px solid #bc1a1a; padding:5px; background:#FFECEC; }

.ppc-l	{ float:left; width:430px; margin:10px 20px 10px 0; }
.ppc-r	{ float:right; width:430px; margin:10px 0; }

.rezultate	{ display:block; width:650px; padding:12px 10px; }
.rezultate tr td { background:#FFF; }
.rezultate tr:hover td { background:#FFF3DD; }
.rezultate th	{ padding:5px 8px; font-size:14px; border:1px dashed #B34B00; background:#FFF3DD; }
.rezultate th a	{ color:#bc1a1a; text-decoration:underline; }
.rezultate th a:hover	{ color:#1689BD; text-decoration:none; }
.rezultate td.left	{ padding:3px 5px; border:1px dashed #B34B00; border-top:0; font-size:14px; width:300px; }
.rezultate td.right	{ padding:3px 5px; border:1px dashed #B34B00; border-top:0; border-left:0; width:70px; }
.rezultate td.date	{ padding:3px 5px; border:1px dashed #B34B00; border-top:0; border-left:0; width:80px; }
.rezultate td.screenshot	{ padding:3px 5px; border:1px dashed #B34B00; border-top:0; border-left:0; width:100px; font-size:13px; font-weight:normal; }
.rezultate td.screenshot a	{ color:#1689BD; text-decoration:underline; }
.rezultate td.screenshot a:hover	{ color:#bc1a1a; text-decoration:none; }
.rezultate td .pozitie1	{ font-size:24px; }
.rezultate td .pozitie2	{ font-size:22px; }
.rezultate td .pozitie3	{ font-size:20px; }
.rezultate td .pozitie4	{ font-size:17px; }
.rezultate td .pozitie5	{ font-size:14px; }
.rezultate .clsINC td	{ background:#e9e9e9; }

/*.menuRezultateSeo { position:fixed; left:50%; top:250px; margin-left:250px; width:200px; color:#333; z-index:100; }
.menuRezultateSeo ul { margin:0; padding:0; list-style:none; }
.menuRezultateSeo ul li { font-size:12px; }
.menuRezultateSeo ul li a { display:block; width:100%; background:#FFF3DD; border:1px solid #bc1a1a; border-left:8px solid #bc1a1a; color:#0a5da4; text-decoration:none; padding:2px 3px 2px 12px; margin:2px 0; }
.menuRezultateSeo ul li a:hover { border-color:#1AB4ED; text-decoration:underline; }*/
.menuRezultateSeo { position:absolute; left:50%; top:250px; margin-left:250px; width:200px; color:#333; z-index:100; }
.menuRezultateSeo ul { margin:0; padding:0; list-style:none; }
.menuRezultateSeo ul li { font-size:12px; }
.menuRezultateSeo ul li a { display:block; width:100%; background:#FFF3DD; border:1px solid #bc1a1a; border-left:8px solid #bc1a1a; color:#0a5da4; text-decoration:none; padding:2px 3px 2px 12px; margin:2px 0; }
.menuRezultateSeo ul li a:hover { border-color:#1AB4ED; text-decoration:underline; }

.aa-col1 { float:left; width:290px; margin:10px; }
.aa-col2 { float:left; width:290px; margin:10px; }
.aa-col3 { float:left; width:290px; margin:10px; }
/************************************ MAIN *************************/


/************************************ FOOTER ***********************/
#footerTop	{ background:#FFF;}
	#footerTop img.footerContact	{ margin:0 50px;}
	#footerTop div.quotes			{ float:right; width:680px; margin:20px 0 0 0; font:bold italic 32px/40px Arial, Helvetica, sans-serif; color:#1689BD;}
/************************************ FOOTER ***********************/


/************************************ FOOTER ***********************/
#footer	{ background:none;}
.tagCloud		{ background:url(/images/norulet.gif) no-repeat; width:800px; height:130px; padding:31px 90px; }
	.tagCloud a:hover { color:#1689BD; }
	.word		{ font-family: Arial, Helvetica, sans-serif; padding: 2px 2px 2px 2px; letter-spacing: 2px; text-decoration: none; font-weight: bold; }
	.size9		{ color: #000000; font-size: 26px; line-height:29px; }
	.size8		{ color: #3e3e3e; font-size: 24px; line-height:27px; }
	.size7		{ color: #535353; font-size: 22px; line-height:25px; }
	.size6		{ color: #6a6a6a; font-size: 20px; line-height:23px; }
	.size5		{ color: #7d7d7d; font-size: 18px; line-height:21px; }
	.size4		{ color: #8d8d8d; font-size: 16px; line-height:19px; }
	.size3		{ color: #9c9c9c; font-size: 14px; line-height:17px; }
	.size2		{ color: #acacac; font-size: 12px; line-height:15px; }
	.size1		{ color: #bbbbbb; font-size: 8px; line-height:11px; }
	.size0		{ color: #cbcbcb; font-size: 6px; line-height:9px; }
.copy	{ font:normal 12px Arial, Helvetica, sans-serif; color:#CCC; padding:15px 30px; }
	.copy a			{ color:#CCC; border-bottom:1px dotted #CCC; text-decoration:none; }
	.copy a:hover	{ color:#FFF; border-bottom:1px solid #FFF; }
/************************************ FOOTER ***********************/


/************************************ CUSTOM CLASSES ***************/
#fixme				{ position:absolute; left:0; top:35%;}
body > div#fixme	{ position:fixed;}
.borderBottomDots	{ border-bottom:1px dotted #CCC;}
.blue				{ color:#1689BD; }
.red				{ color:#bc1a1a; }
/************************************ CUSTOM CLASSES ***************/


/************************************ IEPNGFix *********************/
img, div, a, table, h2, h3, h4, ul, form, li, span { behavior: url(/iepngfix.htc) }
/************************************ IEPNGFix *********************/