/**********************************/
/* Stil CSS pentru  www.delogo.ro */
/* Actualizat: 7 martie 2010      */
/* Autor: Ionut Paslaru           */
/**********************************/

@import url("http://cssksw.com/radexon");

body {
margin: 0px;
background-color: #fff;
font-size: 14px;
font-family:"Century Gothic", "Lucida Grande", Verdana, Tahoma, Century, sans-serif;
line-height: 20px;
color: #666;
}

a.discreet {
color: #666;
text-decoration: none;
}

a.discreet:hover {
text-decoration: underline;
color: #333;
}

a {
color: #409f00;
}

span.highlight {
background-color: #ff4;
}

div#intro {
margin: 0px auto;
width: 550px;
}
    	    
h1 a {
background: url(../img/LogoDeLogo.gif) no-repeat top left;
display: block;
text-indent: -9999px;
width: 221px;
height: 100px;
}

#menu {
    margin:30px auto 0px auto;	
	width:550px;
    }
#menu UL {
	padding:0px;
	margin:0px;
}
#menu UL LI {
	display: inline; 
	list-style-type:none;

}
#menu UL LI A {
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    text-decoration: none;
	background-color:#999999;
	background:url(../img/tabgrioff.png) no-repeat top right;
	padding:5px;
}
    
#menu UL LI A:hover {
	color:#FFF;
	background-color:#00981E;
	background:url(../img/tabgrion.png) no-repeat top right;
}

#menu a.active {
	color:#FFF;
	background-color:#00981E;
	background:url(../img/tabgrion.png) no-repeat top right;
}			

big {
font: Bold 60px Georgia, sans-serif;
line-height: 45px;
}

div#middle {
background-color: #eee;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 15px 0px 10px 0px;
}

div#middle h1 {
font-weight: normal;
width: 550px;
padding: 0px;
margin: 0px auto 10px auto;
font-size: 25px;
color: #aaa;
letter-spacing: -1px;
text-shadow: 0px -2px 5px #fff;
}

div#middle ul#work {
width: 550px;
padding: 0px;
margin: 0px auto 0px auto;
list-style-type: none;
}


div#middle ul#work li {
display: inline;
margin:10px 10px 0px 0px;
}

div#middle ul#work li img {
width: 100px;
height: 100px;
border: solid 3px #d7d7d7;
}

#formular {
width:550px;
margin: 0px auto;
}

div#tail {
margin: 15px auto;
width: 550px;
}

div#footer {
background-color:#666;
text-align: center;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
height:40px;
line-height:30px;
}

div#footertext {
margin:0px auto;
width:550px;
text-align:left;
}
div#footer a {
color: #fff;
text-decoration:none;
}
div#footer a:hover {
color:#FFCC33;
text-decoration:none;
}

/****************************/
/* FORMULAR DE DATE CONTACT */
/****************************/

#cForm {
	padding: 12px;
	margin: 0px;
	background-color: #fafafa;
	background-image: url(../img/formBG.gif);
	background-repeat: repeat-x;
	border: 2px solid #cccccc;
	font-family:"Century Gothic", "Lucida Grande", Verdana, Tahoma, Century, sans-serif;
	font-size:12px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
#cForm p{
	font-size: 12px;
	margin: 0px;
}
.fieldBox {
	width: 212px;
	border: 1px solid #cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.commentBox {
	width: 434px;
	border: 1px solid #cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.tableForm {
	margin: 0px;
}
.error {
	font-size: 11px;
	color: #FF0000;
}
.cb {clear:both;}
#ok {
	float: left;
	width: 470px;
	height: 330px;
	padding-right: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center;
}
#loginBox {
	width: 300px;
	padding: 12px;
	border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #efeff0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.red {
	color: #FF0000;
	font-weight: bold;
}
.green {
color:#2C9A2C;
}

hr {
	border-left:0px;
	border-top:1px dashed #abb0b5;
	border-bottom:0px;
	border-right:0px;
	height:1px;
}

.blog img:hover {
margin-top:3px;
margin-left:3px;
}

/*********************/
/* PARAGRAF SERVICII */
/*********************/

.paragrafservicii{
background-image:url(../img/formBG.gif);
padding:5px;
border-bottom:#CCCCCC 1px dashed;
border-left:#E5E5E5 5px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}
.paragrafservicii:hover{
background-image:none;
background-color:#666666;
border-left:#8dc803 5px solid;
color:#FFFFFF;
}
.paragrafservicii b{
color:#990000;

}
.paragrafservicii:hover  b{
background-color:#FFFFFF;
color:#666666;
}

/***************************/
/* SLIDER PROIECTE RECENTE */
/***************************/

h5{ margin: 5px 5px 0 5px; color:#FFF; font:12px Arial, sans-serif; font-weight: bold; text-align:left; }
.boxgrid{ 
	width: 106px; 
	height: 106px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 5px; 
	color:#ffffff;
	text-align:left;
	font-weight:bold; 
	font:10px Arial, sans-serif; 
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 106px; 
	width: 100px; 
	margin-left:3px;
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.caption .boxcaption {
	top: 106px;
	left: 0;
}

/************************/
/* BUTOANE SOCIAL MEDIA */
/************************/

/* div#social-media {
margin: 10px auto;
margin-bottom:0px;
height:24px;
width: 550px;
text-align:left;
}
*/
ul#social {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#social li { display: inline; float:left;}
ul#social li a img {
border:none;
margin-top:3px;
}
ul#social li a {
	display: block;
	height: 24px; 
	border:none; 
	text-decoration:none; 
	outline:none;
	margin-right:10px;
}
ul#social li a:hover {
padding-top:1px;
}
/*ul#social li a {
	display: block; float: left; height: 30px;
	background-image: url(../img/butoane_blog_twitter.png); text-indent: -9999px;
}

	ul#social li a.blog {
		width: 113px; background-position: 0 0;	
		margin-right:10px;
	}
	ul#social li a.twitter {
		width: 170px; background-position: -113px 0;	
	}
	ul#social li a.blog:hover, ul#social li a.blog:focus {
		background-position: 0 -30px;	
	}	
	ul#social li a.twitter:hover, ul#social li a.twitter:focus {
		background-position: -113px -30px;	
	}
*/