@charset "utf-8";
@import url("top_meni.css");
@import url("futer_meni.css");
@import url("panel.css");

/******************************************************************************************************************/
/******************************************************************************************************************/
/*************************************   promobi.rs stylesheet by FrEaK  ******************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

*           				{ margin: 0; padding: 0; }
html        				{ font:62.5%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; height: 100%; margin: 3px 1px 1px 1px;  }
body 						{  }

a         					{ color: #2571c2; text-decoration: none; font-weight:bold;}
a:hover, a:active, a:focus  { color: #ae2c45; text-decoration: underline; }
p, li, label, legend, dd, dt   	{ font-size: 1em; }
h1							{ font-weight: bold; font-size:22px; color: #344982; text-align: center; }
h2							{ font-weight: bold; color: #344982; text-align: center; }
h3							{ font-weight: bold; color: #344982; text-align: center; }
h4							{ font-weight: bold; color: #344982; text-align: center; }
ul							{ list-style: inside; }

.floatRight					{ float: right; }
.floatLeft					{ float: left; }
.clearClass					{ height: 0; width: 0;	line-height: 0;	font-size: 0; overflow: hidden; clear: both; }
.spacer20px					{ margin: 20px 0; }

/******************************************************************************************************************/
					/***************************** CONTAINER ************************************/
					
#container					{ width:980px; margin:0px auto; font-size:1.1em; }

/******************************************************************************************************************/
					/***************************** HEADER **************************************/
					
#header					{ height:130px; position:relative; background: white; }
#header .headerBg		{ position:absolute; left:0px; top:40px; width:978px; height:59px; z-index:1; background: url(../layout/nav_back.png) no-repeat;  }
#header .promobiLogo	{ position:absolute; left:50px; top:1px; width:130px; height:130px; z-index:1; background: url(../layout/promobi_logo.png) no-repeat;  }
#header .promobiLogo a  { text-indent: -9999px; display: block; border:none; height: 130px; line-height: 1px; width: 130px;}
#header .phoneText		{ position: absolute; color: #000; font-size: 16px;  right: 10px; top: 2px;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight: bold; line-height: 20px}
#header .addressText	{ position: absolute; color: #000; font-size: 11px; right: 30px; top: 24px;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight: normal; }



/******************************************************************************************************************/

					/************* CONTENT *****************/
#content 				{ padding: 5px; }


					/* BREADCRUMBS */
					
#breadcrumbs				{ margin: 10px 20px 10px 20px; padding: 4px; color: #333; text-align: left; background-color:#eee; font-size: 12px; border-bottom-style: dashed; border-bottom-width:thin; border-bottom-color: black; border-top-style: dashed; border-top-width:thin; border-top-color: black; }
#breadcrumbs a 				{ color: #2571c2; text-decoration: none; font-weight:bold;  }
#breadcrumbs a:hover		{ color: #ae2c45; text-decoration: underline; }

					/* DEFINISANJE KOLONA */
#leftColumn				{ display: inline; float: left; width: 237px; padding: 3px; border: 1px dashed #000;}
#mainColumn				{ display: block; float: right; width: 697px; padding: 5px; margin: 0px 5px; }
		/******************************************************************************************************************/
					/***************************** LEVA KOLONA **************************************/

#LeftColumnNews						{ margin: 3px 0 0 3px; padding:5px; }
#LeftColumnNews	h2					{ text-align:left; margin-top:5px; color: #344982; font-size:20px; }
#LeftColumnNews a 					{ color: #2571c2; text-decoration: none; font-weight: bold; }
#LeftColumnNews a:hover				{ color: #ae2c45; text-decoration: underline; }
#LeftColumnNews ul					{ list-style: inside; }
#LeftColumnNews ul li				{ list-style-image:url(../images/icons/news_arrow.gif); }


/******************************************************************************************************************/
					/***************************** GLAVNA KOLONA **************************************/
					
					/* INDEX */

#slideDiv					{ margin: 10px 0; padding: 3px 3px 3px 15px; text-align: center; }
#slideDiv img				{ border: none; }
#slideDiv ol,ul 			{ list-style:none; }
#slideDiv li img			{ border: 1px solid #ccc; padding: 4px; }

#boxesDiv				{ margin: 10px auto; padding: 15px; }
#firstBox				{ float: left; height: 216px; margin: 0 28px; }
#secondBox				{ float: left; height: 216px; margin: 0 28px; }
#thirdBox				{ float: left; height: 216px; margin: 0 28px; }
.contentTop				{ width: 254px; overflow: hidden; background: transparent url(../images/index/box-content-top.jpg) no-repeat scroll center top; height: 38px; }
.contentTop h2			{ color: #344982; font-size: 18px; font-weight: bold; padding-top: 5px; }
.contentBot				{ width: 254px; overflow: hidden; background: transparent url(../images/index/box-content-bot.jpg) no-repeat scroll center top; height: 200px; }
.contentBot h3			{ border: none; }
.contentBot	p			{ padding-left: 10px; font-size: 13px; font-weight: bold; }
#firstBox .contentBot p	{ padding-left: 10px; margin-top: 15px; font-size: 13px; font-weight: bold; }

#partnersLogos			{ width: 100%; margin: 20px 0; text-align: center;  }
#partnersLogos img		{ border: none; }
#partnersLogos a		{ padding: 0px 20px; }
#partnersLogos h1		{ margin: 10px 0; text-align:left; }

#titleCarry h1			{ text-align: left; }
#newsSlider				{ width: 900px; height: 41px; margin: 10px auto; padding: 5px; text-align:center; background: url(../images/index/news_slide_bg.gif) no-repeat left top;}
#news_sliderz li a		{ font-size: 12px; }

#indexText h1			{ border: solid #000 2px; padding: 2px; background-color: #4462CC; color: #fff; width: 550px; margin: 10px 0 10px 70px;}
p#indexText				{ padding-left: 10px; font-size: 1.3em; text-align:justify;}
ul#indexText 			{ padding-left: 50px; font-size: 1.3em;}



					/* O NAMA */

#mainColumn p			{ font-size: 1.3em; text-align: justify; }
#mainColumn p.floatRight{ font-size: 1.3em; margin: 4em 8em 0 0;}
#mainColumn p.floatLeft	{ font-size: 1.3em; margin: 0 0 0 4em;}

					/* NALOG FORMA*/
#nalogFormFrame		{ background: url(../images/forms/nalog_forma_frame.png) no-repeat center center; width: 641; height: 206px; padding-top: 40px; }					
					
.nalogForma	fieldset	{ color:black; padding: 15px; margin: 10px 30px 0px 30px; background:#f6f6f6; border: 2px solid #999;}

.nalogForma legend		{ color: white; background: black; border: 1px solid #999; padding: 2px 6px; font-size: 13px; }

.nalogForma label		{ color: black; font-size: 16px; margin-right: 5px;}
.nalogForma input[type="text"], .nalogForma input[type="password"]			{ font-size: 13px; margin-bottom: 5px; padding: 4px; border: solid 2px #333; width: 250px; background:#999; }
.nalogForma input[type="text"]:hover, .nalogForma input[type="text"]:focus, .nalogForma input[type="password"]:hover, .nalogForma input[type="password"]:focus	{ background:white; border:2px solid #344982; }
.nalogForma textarea	{ font-size: 13px; margin: 0 9px 0 0px; padding: 4px; border: solid 2px #333; width: 250px; background:#999; }
.nalogForma textarea:hover, .nalogForma textarea:focus	{ background:white; border:2px solid #344982;}
.nalogForma input[type="submit"]		{ font-size: 13px; font-weight: bold; margin: 15px 100px 0 10px; width: 100px; height: 30px; background: url(../images/forms/form_submit_button.png) no-repeat center center; color: white; border: none; cursor: pointer; }

					/* CENOVNIK */
.cenovnikTabela table               { border-collapse: collapse; width: 100%; margin-top:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 20px }
.cenovnikTabela td                  { border: 1px solid #ccc; padding: 10px; font-size: 12px; }
.cenovnikTabela thead               { width: 100%; height: 25px; background-color: #344982; color: #fff; font-size: 14px; padding: 5px}
.slim               { width: 100%; }
.column-hover		{ background:#ddd; }
.row-hover			{ background:#ddd; }
.cell-hover			{ background:#fff; }

					/* NOVOSTI*/

#archiveDiv	#smallLink			{ font-size: small; }
#archiveDiv a 					{ color: #2571c2; text-decoration: none; font-weight:bold;}
#archiveDiv a:hover				{ color: #ae2c45; text-decoration: underline; }
.newsDividerDiv					{ height: 15px; width: 685px; background: url(../images/frameworks/latest-news-page-divider.jpg) no-repeat center center; margin: 10px auto 5px auto;}

					/* KONTAKT */
.text					{ font-size: 1.3em; }
#k_levo					{ float:left; font-size: 1.3em; margin: 0 0 0 2em;}
#k_desno				{ float:right; font-size: 1.3em; margin: 4em 8em 0 0;}
#k_desno a 				{ color: #2571c2; text-decoration:none; }
#k_desno a:hover		{ color: #ae2c45; text-decoration:underline; }
.flipLink				{ font-size: 1.3em;  }

#kontaktFormFrame		{ background: url(../images/forms/kontakt_forma_frame.png) no-repeat center center; width: 644; height: 380px; padding-top: 60px; }


#usloviText				{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; width: 500px; text-align:justify; padding-left: 6px;}

h1#indexText			{ margin: 5px 0 5px 0; }
p#nalogText				{ padding-left: 10px; font-size: 1.3em; text-align:justify; }
p#nalogInfo				{ padding-left: 10px; font-size: 1.3em; text-align:center; }


/******************************************************************************************************************/
												/* PARTNERS PANEL */
					
#portalContainer					{ width:100%; margin:0px auto; font-size:1.1em; }
#portalFooter						{ width:981px; margin:0px auto; }
#partnersFormFrame					{ background: url(../images/forms/nalog_forma_frame.png) no-repeat center center; width: 641; height: 206px; padding-top: 70px; margin: 0px auto;}

#insertDataInfoText					{ font-weight: bold; color: #000; text-align: center; background-color:#eee; font-size: 13px; border-bottom-style: dashed; border-bottom-width:thin; border-bottom-color: black; border-top-style: dashed; border-top-width:thin; border-top-color: black; padding: 2px; margin: 10px 0px; }
.errorMsg							{ text-align:center; font-weight: bold; font-size: 14px; border: dashed 2px red; background-color:#ffefef; padding: 5px}

												/* USERS PANEL */

#zebra table 		{ border-collapse: collapse; font-size:14px; }
#zebra td 			{ border-bottom: 1px solid #95bce2; padding: 2px }
#zebra tr.alt td 	{ background: #ecf6fc; }
#zebra tr.over td 	{ background: #bcd4ec; }
#customerInfo		{ border: dashed 2px black; margin: 15px 0; padding: 10px; font-size:14px }

#panelFormFrame		{ background: url(../images/forms/nalog_forma_frame.png) no-repeat center center; width: 641; height: 206px; padding-top: 80px; margin: 0 auto;}

/******************************************************************************************************************/
									/* FUTER */
#footer				{ background: url(../layout/footer_back.jpg) no-repeat; height: 218px; color:gray; text-transform:uppercase; text-align:right; margin-bottom: 10px; position: relative; }
#footer #lerdi		{ color: black; font-weight: bold; font-size: 18px; position: absolute; left: 120px; top: 70px; }
#footer #footerInfo	{ color: black; font-size: 14px; position: absolute; right: 150px; top: 120px; text-transform:none; }

#footer .promobiLogo{ position: absolute; right: 20px; bottom: 10px; background: url(../layout/promobi_logo_footer.jpg) no-repeat; width:100px; height: 100px; }
#footer .nokiaLogo{ position: absolute; left: 45px; bottom: 25px; background: url(../layout/nokia_care_logo_footer.jpg) no-repeat; width:183px; height: 68px; }
#footer .sagemLogo{ position: absolute; left: 300px; bottom: 50px; background: url(../layout/sagem_logo_footer.jpg) no-repeat; width:188px; height: 30px; }

#text-copyright			{ float: left; text-align:center; color: #000; margin-bottom: 30px; }
#text-design-by			{ float: right; text-align:center; color: #000; margin-bottom: 30px; }
#text-design-by a		{ color: #2571c2 } #text-design-by a:hover	{ color: #ae2c45; }