@charset "utf-8";
@import url("reset.css");
/*-----------------------------------------------------------------------------
version:	22/06/2009 - v.0.1.2
author:		federico pizzutto - http://www.pngised.net/
scope:		foglio di stile principale [SCREEN]

colors:
#4d3915 ---> brown
#5abec7 ---> blue
#333333 ---> dark grey
-----------------------------------------------------------------------------*/
@media all {
img, abbr {	border: 0;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}
small { font-size: 90%;	volume: soft;}
big { font-size: 110%; volume: medium;}
strong { font-weight: bold;}
em { font-style: italic;}
}
@media screen, projection, print {
h1,h2,h3,h4,h5,h6,#menu { color:#4d3915; font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;font-weight: bold;}
#container h1 { font-size: 28px;padding-bottom: 22px;line-height: 1em;}
h2 { font-size: 1.4em; line-height: 1.2em; overflow: hidden; padding: 0.6em 0 0.4em;}
h3 { font-size: 1.3em; line-height: 1.2em; padding-bottom: 0.4em;}
p {	padding-bottom: 0.62em;}
#container p, #container li { font-size: 1em;}
ul.list { list-style-type: disc; margin-left: 15px;}
code { color: #666; font: 0.9em Monaco, "Courier New", Courier, mono;}
.hide { display: none;	visibility: hidden;}
}
@media screen, projection {
body { background: #fff url("../images/bg.gif") repeat-x 50% 0; color: #333; font: 0.875em/1.4em Arial, Helvetica, Verdana, sans-serif;}
#body2 { background: transparent url(../images/top-ball.jpg) no-repeat 50% 9px;min-width: 960px;margin: 0 auto; width: 100%;}
#body2 .wrapper { background: transparent url(../images/top.png) no-repeat 50% 9px;}
.wrapper { margin: 0 auto; position: relative; width: 960px;}
#header { position: relative;}
#container { overflow: auto; padding-bottom: 3em; padding-top: 38px;}
/* @group FOOTER ----------------------------------- */
#footer, #subfooter, #foot-menu { background-color: #000; clear: both; color: #9d9d9d; font-size: 0.9em;}
#footer a, #subfooter a, #foot-menu a { color: #d4c3a5; text-decoration: none;}
#footer h3 { color: #5abec7; font-size: 1.1em; padding-bottom: 1em;}
#footer a:hover, #subfooter a:hover, #foot-menu a:hover { color: #ffd706; text-decoration: underline;}
#footer { border-top: 2px solid #363636; overflow: auto; padding:1.5em 0;}
#footer .c1 { margin-right: 30px;}
#subfooter, #foot-menu { border-top: 1px solid #333;} 
#subfooter { padding-top: 1em;}
/* @end */
/* @group HEADER ----------------------------------- */
#header h1, #header h1 a { height: 113px; width: 328px;}
#header h1 a { display: block; position: relative; text-indent: -9999px;}
#header a span { background: url(../images/homelink.png) no-repeat 0 0;	display: block;	height: 45px; left: 170px; position: absolute;	visibility: hidden;	width: 154px;}
#header a:hover span { visibility: visible;}
/* @end */
/* @group HOME and more :-) ----------------------------------- */
#phrase { color: #4d3915; font: 1.72em Arial; line-height: 1.25em; padding-top: 68px; padding-bottom: 43px;}
#saluto { background: transparent url(../images/webDesigner-home-busy.png) no-repeat right 44px; font-size: 2em; height: 265px; text-indent: -9999px;}
#home h2 { font-size: 1.57em; padding: 0 0 0.5em;}
#home h2 a { font-size: 0.6em;}
h2 span { float: left;}
#home #container .c1 h3 {	padding-bottom: 0.6em;}
#home #container { padding-top: 0;}
#home #container .c4 {border-top: 1px solid #4d3915; padding-top: 1.6em;}
#home .c4:last-child, #home .last-c, #footer .c4:last-child, #footer .last-c { margin-right: 0;}
#home .project { padding-bottom: 2em;}
#home .project h3 {	padding-bottom: 0;}
/* @end */
/* @group PORTFOLIO ----------------------------------- */
/*.portfolio #container p { line-height: 1.2em;}*/
.project { float: left; margin-right: 30px; padding-bottom: 1.5em; width: 210px;}
.last-project {	margin-right: 0;}
.project > a:first-child, #home .project a span, .project a img {display: block;}
.project > a:first-child { border: 1px solid #d4c4a6; overflow: hidden; position: relative;}
.project > a:first-child, .project a img { height: 124px; width: 208px; cursor: pointer;}
.project a img, .project a span {left: 0; position: absolute; top: 0;}
.project a img { z-index: 10;}
.project a span { background-color: #efddbb; border: 9px solid #d4c4a6; color: #4d3915; font-size: 1.1em; height: 102px; padding: 2px 5px; width: 180px;}
.project h3 a, .project p a, .project a.edit { border: 0; clear: both;}
.project h3 { font-size: 1em; font-weight: bold; padding-top: 0.6em; padding-bottom: 0.7em;}
.project a { text-decoration: none;}
.project h3 a { color: #666;}
.project h3 a:hover, .project h3 a.hover { color: #000;}
.project .url a, p.url a {color: #4da4ac; font-style: italic; font-size: 0.9em;}
.projects-column h2 {background-color: #ffd706; padding: 15px;}
#projects-submenu h2 {padding: 15px;}
.projects-column div, #projects-submenu ul {padding: 10px 15px;}
.projects-column div, #projects-submenu ul { background-color: #dedede;}
#projects-submenu li { font-size: 1em; padding: 10px 0;}
#projects-submenu a { background-color: #fff; color:#333333;}
.projects-column a, #projects-submenu a { padding: 5px; text-decoration:none;}
#projects-submenu a:hover { background-color: #d5c4a8; color:#333333;}
.projects-column p.url { padding-top: 5px;}
.projects-column p.url a { background-color: #fff; color: #4d3915; font-weight: normal;font-style: normal;}
#projects-submenu a.active { background-color:#ffd704;}
/*.projects-column*/ p.url a:hover { color: #000; background-color: #d3c4a7;}
.img-project { border: 1px solid #d4c4a6; margin-bottom: 2em;}
#dati-progetto div { padding: 0;}
#dati-progetto li {	padding-bottom: 0.62em;}
#dati-progetto a { color: #333; text-decoration: underline; padding: 0;}
/* @end */
/* @group FORM ----------------------------------- */
label, input[type="text"], textarea { display: block;}
label {	padding: 0 0 0.2em;}
label small { font-style: italic;}
input[type="text"], textarea, #contactForm select { background-color: #f1debd; border: 1px dotted #4d3915; font: 1em Arial, Helvetica, Verdana, Geneva, sans-serif; padding: 2px; width: 95%;}
input[type="text"]:focus, textarea:focus, #contactForm select:focus { background-color: #ffd706;}
label.error { color: #ff2f16;}
input.error { border: 1px solid #ff2f16;}
form div { overflow: auto; padding-bottom: 1.3em;}
#contactForm div {	background-color: #d4c3a5; padding: 10px 15px; margin-bottom: 1px;}
div.buttons { text-align: center;}
div.buttons input {	border: 0; background: url(../images/btn-send.png) no-repeat 0 0; cursor: pointer; height: 30px; width: 132px;}
p.success {background-color: #ffd706; padding: 10px;}
p.error { background-color: #ff2f16; color: #efefef; padding: 10px;}
iframe { display: none;}
/* @end */
/* @group SERVICES ----------------------------------- */
#services .c2, #about .c2, #thank-you .c2, #failure .c2 {	width: 720px; overflow: auto;}
#services #container .c2 h2 { background-color: #ffd704;}
#services #container h3 { font: bold 0.9em Arial, Helvetica, Verdana, Geneva, sans-serif; padding: 1em 0 0.2em; text-transform: uppercase;}
#services #container p { border-bottom: 1px dotted #666;}
#services #container .c4 h2 { margin-top: 18px;}
#downloads { background-color: #eee;}
.c4 #downloads h2 { font-size: 1.1em; background-color: #ddd; padding: 15px 0;}
#services #container .last-c { margin-top: 0;}
#downloads li { border-bottom: 1px dotted #5abec7; list-style: none;padding: 5px 0;}
#footer .c3 ul { width: 210px;}
#footer li { border-bottom: 1px dotted #333;padding: 0.2em 0;}
#footer li a { display: block;}
#footer li:last-child {border: 0;}
/* @end */
/* @group FREE ----------------------------------- */
#free #downloads { background: none; margin-top: 3px;}
#free #downloads form {	padding-top: 1em;text-align: center;}
#free .blocco h2 { background-color: #ffd704;}
#free #downloads h2 { background-color: #D5C4A8;}
#free .copyright {	padding-top: 1em;}
#free .c1 a { color: #666;}
#free .c1 a:hover { color: #000;}
.galleria a { float: left; height: 139px; margin-right: 30px; margin-bottom: 2em; width: 208px;}
.galleria a.last-galleria {	margin-right: 0;}
.galleria img {border: 1px solid #d4c4a6; }
/* @end */
/* @group MISC+ classes ----------------------------------- */
.fleft { float: left;}
.fright { float: right;}
.cleft { clear: left;}
/* general structure */
.c1 { width: 240px;}
.c2 { width: 690px;} /* 30px padding left*/
.c3 {  padding-right: 30px; width: 450px;}
.c4 { width: 210px; margin-right: 30px;}
.blocco { padding-top: 32px;}
.last-c, #services #container .last-c { margin-right: 0;}
#container .c1 { margin-top: 15px;}
.testo a, .testo a:active, a.edit { border-bottom: 1px solid #5abec7; background-color: #dcffff; color: #4d3915; padding: 0 2px 1px; text-decoration: none;}
.testo a:hover, a.edit:hover {background-color: #eae2d3;}
.testo a:visited { background-color: #dcdcdc;}
abbr, acronym { border-bottom: 1px dashed #666; cursor: help;}
a.more { background: transparent url(../images/more-link.png) no-repeat 1em 0; float: left; height: 18px; margin-top: 0.5em; padding-left: 1em; text-indent: -9999px; width: 66px;}
a:hover.more {background-position: 1em 100%;}
hr {display: none; visibility: hidden;}
#container .c2 ul, #container .c3 ul { list-style-type: square; margin-left: 15px;}
div > a.more {	background-position: 0 0;}
div > a:hover.more {	background-position: 0 100%;}
/*.c1 h3 { font-size: 1.25em;}*/
#portfolio #container .c1 {	margin-top: 18px;}
#portfolio h2 { font-size: 1.13em;}
#portfolio h2 { line-height:1.21em; margin-bottom:1px;}
#services #container h2, #projects-submenu h2 {background-color: #d3ffff;}
.more-contacts li { border-bottom: 1px dotted #5abec7; padding: 0.2em 0;}
.more-contacts li img { margin-bottom: -0.2em;} /* centering the icons */
.more-contacts li a { text-decoration: none; color: #333;}
#contact .c2 { width: 720px;}
#container a.fn, #container .email { color: #333; text-decoration: none;}
#contact .c1 a.fn, #contact .c1 .org {font-weight: bold;}
#container .vcard {font-size:0.9em;}
.c1 .tel {	background: url(../images/ico-tel.png) no-repeat 0 0; padding-left: 20px;}
.vcard .country-name { padding-left: 5px;}
.vcardLink { padding: 1em 0; font-size: 0.9em;}
.vcardLink a {	background: url(../images/ico-vCard.png) no-repeat 0 0; color: #333; display: block; padding-left: 20px; text-decoration: none;}
#footer div.org { display: none;}
#footer a.url { display: block;}
.vcardLink a:hover { text-decoration: underline;}
#about #container .c1 img {	padding-left: 1px;}/* little adjustment */
.update { background-color: #ebebeb; font-size: 0.9em; padding: 5px 10px;}
/* @end */
/* @group MENU+ ----------------------------------- */
ul#menu { right: 0;	position: absolute;	top: 20px;}
#menu li {	display:inline; font-weight: bold; padding-left: 10px;}
#menu a { background-color: #d3ffff; color: #333; font-size: 1.2em; padding: 0 3px; text-decoration: none;}
#menu a:hover {	background-color: #fff;}
#menu a.active, #menu a:hover.active { background-color: #ffd704;}
#foot-menu ul {	float: right; overflow: auto;}
#foot-menu li {	display: inline; padding-left: 1em;}
#foot-menu { padding: 0.4em 0 0; overflow: auto;}
/* @end */
.testimonials {	color: #66807e; background: url(../images/post-it.png) no-repeat 0 100%; padding-bottom: 15px; width: 210px;}
.testimonials div { background: url(../images/post-it.png) no-repeat 0 0; font: 1.1em Georgia, Times, "Times New Roman", serif; padding: 35px 15px 0;}
.testimonials p { padding-bottom: 1em;}
#container .testimonials p.autore { font: 0.72em Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 1.2em; text-align: right; padding-bottom: 0;}
#guideline h4 { font-family: Helvetica, Verdana, Geneva, sans-serif; text-transform: uppercase;	font-weight: normal; font-style: normal;}
#guideline { background-color: #eee; font-size: 0.95em; padding: 1em;}
#guideline li {	border: 0;}
.pngisedv1 a img{border: 1px solid #d4c4a6;}
/* @group SPECIAL EFFECTS ----------------------------------- */
#contactForm textarea, #contactForm input[type="text"], #contactForm select { opacity: 0.7;}
#contactForm:hover textarea, #contactForm:hover input, #contactForm:hover select, #contactForm input:focus, #contactForm select:focus { opacity: 1;}
#footer a img {	opacity: 0.6;}
#footer a:hover img {	opacity: 1;}
/* @end */
/* @group Pagination ----------------------------------- */
#container .c2 ul.pagination { margin-left: 0; overflow: auto;}
ul.pagination { background-color: #f1f1f1; border-top: 1px solid #eae2d3; clear: both; padding-top: 5px; padding-bottom: 5px;}
ul.pagination li {display: inline;}
ul.pagination li a { display: block; float: left; padding: 2px 8px; margin-right: 3px; color: #777;text-decoration: none;}
ul.pagination li span {float: left;}
ul.pagination li span, ul.pagination li span.first {  margin-right: 4px;}
ul.pagination li a.page { background-color: #d3ffff; }
ul.pagination li a.page:hover { text-decoration: none; background-color: #eae2d3;}
ul.pagination li.selected a.page { background-color: #fff; font-weight: bold;}
ul.pagination li.disabled a { color: #ddd; cursor: default;}
/* @end */
}
@media print {
	
}