html {
height:100%;
}
body 
{
 height:100%;
 background-color:#4C4C4C;
 background-position:bottom;
 background-repeat:repeat-x;
 color:#fff;
 margin:0;
 padding:0;
}
#page { width:auto !important; min-width:950px; width:100%; background:#ffffff url(../images/top_bg.gif) repeat-x top; }
#header 
{
 width:950px;
 margin:auto;
 height:84px;
 clear:both;
}
a#logo
{
position:relative;
margin-left:-120px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
background-position:-11px;
width:459px;
height:82px;
display:block;
float:left;
text-indent:-9999px;
}
div.logo { width:1px;
height:1px;
position:absolute;
float:left;
top:0;
clear:both}

#header-top
{
 width:900px;
 margin:0;
 padding-right:10px;
 height:33px;
 line-height:33px;
 vertical-align:bottom;
 text-align:right;
}
#header-meniu
{
 width:900px;
 margin:0;
 padding-right:10px;
 height:50px;
 line-height:30px;
 vertical-align:bottom;
 text-align:right;
}

#content 
{
 display:block;
 width:850px;
 margin:0 auto;
 height:100%; 
 height:auto;
 border-left:5px solid #ababab;
 border-right:5px solid #ababab;
 background-color:#323232;
 color:#fff;
 position:relative;
 clear:both;
}
ul#meniu { padding:0; margin:0; float:right;list-style:none; }
ul#meniu li{float:left; 
position:relative;overflow:hidden;
}
ul#meniu li a,
ul#meniu li a.about,
ul#meniu li a.services,
ul#meniu li a.portofolio,
ul#meniu li a.offerrequest,
ul#meniu li a.contact
{ float:left; text-indent:9999px; height:50px;width:115px;background-image:url(../images/meniu_ro.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;overflow:hidden;}
ul#meniu li a:hover {float:left;text-indent:9999px;background-image:url(../images/meniu_ro_hover.gif); height:50px;width:115px; display:block;} 


ul#meniu li a.about{ width:115px;}
ul#meniu li a.about:hover { width:115px;} 

ul#meniu li a.services{ background-position:-115px 0; width:80px;}
ul#meniu li a.services:hover { background-position:-115px 0;width:80px;} 

ul#meniu li a.portofolio{ background-position:-195px 0; width:120px;}
ul#meniu li a.portofolio:hover { background-position:-195px 0;width:120px;} 

ul#meniu li a.offerrequest{ background-position:-315px 0; width:140px;}
ul#meniu li a.offerrequest:hover { background-position:-315px 0;width:140px;} 

ul#meniu li a.contact{ background-position:-455px 0; width:115px;}
ul#meniu li a.contact:hover { background-position:-455px 0;width:115px;} 

#botom{
clear:both;
 width:100%;
 margin:auto;
 height:34px;
border-bottom:2px solid #ababab;

 background-image:url(../images/bg_botom.gif);
 background-position:top;
 background-repeat:repeat-x;
 display:block;
}
#botom div.linkuri{
 width:850px;
 margin:0 auto;
 height:34px;
 line-height:34px;
 text-align:left;
 padding-left:50px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #ffffff;

}
#botom div.linkuri a
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}
#botom div.linkuri a:hover { text-decoration:underline}
div.sigla
{position:relative;
width:850px;
 margin:0 auto;
height:1px;
text-align:right;
}
a.ifdesign 
{
position:absolute;
background-image:url(../images/sigla_if.gif);
height:61px;
width:162px;
/*margin-left:-165px;*/
left:685px;
margin-top:-61px;
text-indent:9999px;
 overflow:hidden;
}

 
.polaroid {
     padding:15px 15px 35px 15px;
     border:5px solid #ababab;
	 cursor:pointer;
     background:white;
}
.polaroidtext {
    color:#3A6DCE;
	padding:0 10px 10px 10px;
    position:relative;
    margin-top: -38px;	
}
.polaroidtext a { cursor:pointer;		  
    color:#292929;
	display:block;
	padding:8px 10px 7px 10px;
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
			 }
			 
.polaroidtext a:hover 
	{
    	color:#000;
		background:#ababab;
		display:block;
	}


.clear {clear:both}


#content div.left {  width:255px;    padding-left:10px; padding-right:10px;
padding-top:5px; padding-bottom:5px; clear:none; float:left; display:block;}
#content div.right { float:right;  width:560px; padding-left:0px; padding-right:10px;
padding-top:5px; padding-bottom:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
line-height:150%;}
h1 {
font-family:Georgia, "Times New Roman", Times, serif;

font-weight:bold;
font-size:18px;
color:#B2CFEA;

margin:20px 15px 10px 10px;

border-bottom: 1px solid #B2CFEA;

}

/**
 * Layout forms
 */
div.sep { padding-bottom:6px; }
.textbox, .textboxHovered { width:226px; height:19px; background:url(../images/textbox.gif) no-repeat top left; border:none; padding:5px 9px 4px 9px; margin-bottom:3px; }
.textboxHovered { background:url(../images/textbox.gif) no-repeat bottom left; }
* html body .textbox, * html body .textboxHovered { background-attachment:fixed; }
.textbox_small, .textbox_smallHovered { width:32px; height:19px; background:url(../images/textbox-small.gif) no-repeat left top; border:none; padding:5px 9px 4px 9px; margin-bottom:3px; }
.textbox_smallHovered { background:url(../images/textbox-small.gif) no-repeat left bottom; }
.textarea, .textareaHovered { width:231px; height:112px; border:none; padding:6px 4px 6px 9px; background:url(../images/textarea.gif) no-repeat top left; margin-bottom:3px; }
.textareaHovered { background:url(../images/textarea.gif) no-repeat bottom left; }
* html body .textarea, * html body .textareaHovered { background-attachment:fixed; }
.button, .buttonHovered { width:60px; height:26px; text-align:center; background:url(../images/button.gif) no-repeat left top; color:#fff; border:none; margin:0; cursor:pointer; }
.buttonHovered { background:url(../images/button.gif) no-repeat left bottom; }

fieldset{ border:5px solid #fff; margin-bottom:22px; background:#515151; padding:10px}

.noerrors { color:#C1EBB2;border-left:5px solid #33A62F; padding-left:5px; margin-bottom:10px; }
.errors { color:#FCC8C0;border-left:5px solid #F53734; padding-left:5px; margin-bottom:10px;}
h2 { padding:0; margin:0; font-size:14px; font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;}
p {text-indent:25px;margin:0; padding-top:5px; padding-bottom:5px;}

a.link1 { color:#d1f5f5;text-decoration:underline; }
a.link1:hover { color:#df5;}

.center {margin:0 auto; text-align:center;}

.border0 {padding:0; margin:0; border:none;}