@charset "utf-8";
body  { font-family: 'Cardo', arial, serif; margin-top: 15px; color: #000000; }

#container { width: 800px; margin: 0 auto; text-align: left;}

#header {width:100%; margin-top:15px; float:left; background:#FFFFFF; margin:0px; }
#pagename {padding: 0 10px; float: left; width:60%; margin-bottom: 15px;} 
#pagename h1 {font-family: 'Tangerine', arial, serif; margin: 0; padding: 0px 0; color: #3E9199; font-size: 75px;}
#pagename p {font: 80% Arial; margin: 0; padding: 0px 0; color:#6c6f78; text-indent: 30px;}

.menu {
	font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;
	display: block;
	float: left;
}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

.date {font-size:9px; color:#333333; margin-top: 10px; margin-bottom: 10px;}
.project-tit {font-size: 12px; color:#62193c; display:block; border-bottom:1px solid #62193c; width:95%; font-weight: bold;}
.project-p {font-size:10px; line-height: 20px; margin-top: 7px; font-family: Arial;}
.freelance {font-size: 14px; font-weight: bold; text-align: center;}
.date-project {font-size: 14px; font-weight: bold; text-align: center; color:white; background-color: #333;width:520px; float:left; line-height:12px; display: block; padding-bottom: 10px; padding-top:10px; padding-right:15px;}

#content h1 {font-size: 16px; color:#6d7079; display:block; height: 15px; border-bottom:1px solid #bdc7ca; width:95%; text-indent: 7px;}


#main-content {float: left; width: 500px; text-align: justify;}
#main-content p {margin-top: 10px;}


#sidebar-right { float: right; width: 200px; margin-left:40px;}

#module-right-1 {float: right; width: 100%; border:0px solid #bdc7ca; margin-top:0px; padding:5px;}
#module-right-2 {float: right; width: 100%; border:0px solid #bdc7ca; margin-top:0px; padding:5px;}
#module-right-3 {float: right; width: 100%; border:0px solid #bdc7ca; margin-top:5px; padding:5px;}
#module-right-4 {float: right; width: 100%; border:0px solid #bdc7ca; margin-top:5px; padding:5px;}


#footer {width:700px; margin-top: 10px; margin-left:30px; height:40px; border-top: 1px solid #b1b233; background: #FFFFFF; float:left; height:30px; display: block;}
#footer p { margin-top: 10px; font-size:75%; margin-left:10px; line-height:6px;}
#footer a {color:#b1b233; text-decoration: none;}


a {
	color: #3E9199; text-decoration: none;
}

a: visited {color: #3E9199;}

#wrapper {
    width: 890px; margin: 0 auto; text-align: center;
}
p {
    margin: 0; line-height: 1.4;
}
p.description {
    font-size: 1.2em; padding: 12px 0 12px 0; border-top: #ccc 1px dashed;
}
p.version {
    font-size: .8em; background: #f5f5f5; padding: 4px 0;
}
p.contents {
    font-size: .8em; padding: 12px 0;
}
p.release {
    font-size: .8em; padding: 0 0 12px 0;
}
p.download {
    font-size: .8em; padding: 0 0 12px 0; text-align: left;
}

h1 {
    font-size: 20px; font-weight: normal; padding: 16px 0 8px 0; margin: 0;
	display: block;
}
h2 {
    font-size: 25px; font-weight: bold; margin-top: 15px; margin-bottom: 10px;
	display: block;
	color: #919191;
	text-indent: 10px;
}
h3 {
    font-size: 1em; font-weight: normal; padding: 0 0 16px 0; margin: 0; text-align: left;
}
ul {
    margin-top: 10px; margin-bottom: 0; padding-top: 0; padding-bottom: 12px;
}
ul li {
    margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 6px; text-align: left; line-height: 1.4;
}

.violeta {color: #62193c}
.green {color: #b1b233}
.project {float:left;font-size:11px;text-align:justify; line-height:17px; display: block; width:520px; border-padding-bottom: 10px; padding-top:10px; padding-right:15px;}

.company {text-align:justify; line-height:17px; padding-bottom: 10px; padding-top:10px; }
.title-company {line-height:17px; display: block; padding-bottom: 5px; padding-top:5px; padding-right:15px;}
.date-company {line-height:17px; display: block; padding-bottom: 5px; padding-top:5px; padding-right:15px;}

.img-socialweb {padding-right:10px; padding-left:10px; border-right:0px solid #e4ebe6; border-left:0px solid #e4ebe6; margin-top:10px; margin-left: 15px; display:inline;}
.tit-socialweb {text-indent:10px;font-size:11px; color:#b1b233; display:block; margin-bottom: 6px; margin-top:10px;}

.img-project {border: 1px solid #ccc;}