/* CSS Document */
body{ background-color:#FFFFFF;	margin: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #666666;/*background: url(http://www.psdgraphics.com/file/green-pattern.jpg) repeat 0 0;*/}


#content{text-align: left; width: 90%; max-width: 840px;background-color: #fff; padding: 20px}
	.card {	float: left; width: 55%}
	    .card img { max-width:100%}
	.intro	{ width: 43%; font-size: 1.2em; color: #333333; line-height: 1.8em; text-align: justify; float: left; margin-left: 10px; margin-top: -10px}
	    .intro a { color: #009933;}
	    .intro a:hover { color: #666666;}
	
	#menu { float: right; padding-top: 5px;	font-size: 1.6em;color: #CCCCCC; font-weight: bold	}
		#menu a { padding: 0 9px; text-decoration: none; color: #009933; }
		#menu a:hover { color:#666;}
		
#portfolio { padding-top: 5px; clear: both; float: left;}
	.proiect { float: left; width: 270px; height: 250px; padding-right: 10px;}
	    .proiect img { padding: 5px 5px 0px 0px;}
	    .proiect a { text-decoration: none; color: #666666;	}
	    .proiect a:hover { color: #009933;}
    .proiect2 { float: left; width: 270px; height: 220px; padding-right: 10px;	}
	    .proiect2 img { padding: 5px 5px 0px 0px;}
	    .proiect2 a	{ text-decoration: none; color: #666666;}
	    .proiect2 a:hover {	color: #009933; }
	    .proiect2 p{ padding: 0px 3px 0px 3px;	}

#bottom { clear: both; padding-top: 20px; padding-bottom: 20px;	font-size: 1em; color:#CCCCCC;}
	#bottom a{ color: #666666; text-decoration:none; }
	#bottom a:hover { color: #009933; }
.text { font-size: 1.2em; font-weight: normal; text-align: justify; line-height:1.8em}
.title {  font-size: 1.6em; font-weight: bold; color: #666;}

	
.blog{ color: #3D9F28; font-size: 12px;}
.blog:hover{ color: #FFFFFF; font-size: 12px;}
.swat {	font-size: 50px; color: #3D9F28; font-weight: bold;}

.portfolio{	font-size: 14px; padding-top: 30px;}

@media screen and (max-width:880px)
{
    .intro {clear: both; width: 90%; margin-left: 0}
    #menu {float: left; margin-left: -9px}
    .card {width: 90%}
    
    /* --- fixed --- /*
   /*#content {max-width: 700px; padding: 5px;}
    .intro, #menu {clear: both; width: 540px}
    #portfolio { padding-left: 10px}*/
}

@media screen and (max-width:600px)
{
    .intro {clear: both; width: 90%; margin-left: 0}
    #menu {float: left; font-size: 1.2em; margin-left: -9px}
    .title { font-size: 1.2em}
    .card {width: 90%}
    
    /* --- fixed --- /*
    /*#content {max-width: 300px; padding: 5px;}
    .intro, #menu {clear: both; max-width: 300px}
    #menu a{ padding: 0 7px; font-size: 0.9em}
    .proiect {clear:both}
    #portfolio { padding-left: 10px}*/
}