@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	/*font-family: "Myriad", serif;*/
}

* :focus {
	outline: 0;
}

a:FOCUS,a:LINK,a:VISITED,a:ACTIVE {
	text-decoration: none;
}

p,ul,li,div,img,h1,h2,h3,h4,h5,h6,hr,select {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

table {
	border-collapse: collapse;
}

object,div,a {
	outline: none;
}

img {
	margin: 0;
	padding: 0;
	border: none
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover {
	cursor: pointer;
}
/*
::selection {background:#00000; color:#FFF;}
::-moz-selection {background:#000000; color:#FFF;}
::-webkit-selection {background:#000000; color:#FFF;}
*/
.clear {
	clear: both;
}

/*
font-family: 'Lato', sans-serif;
font-family: 'Dosis', sans-serif;
*/
body {
	background: url("/img/bg_general.jpg") repeat;
	/*box-shadow: 40px 40px 40px 40px rgba(68,68,68,0.3) inset;*/
	color: #af8b2e;
}

body>#general_content {
	width: 1280px;
	height: auto;
	display: block;
	margin: 0 auto;
}

h1 {
	/*background: url("/img/creativithinks.png") no-repeat center center;*/
	text-indext: -9000em;
	width: 731px;
	height: 90px;
	display: block;
	margin: 0 auto;
	margin-top: 102px;
}

h1 img {
	width: 100%;
}

h6 {
	font-size: 26px;
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	text-shadow: 1px 1px #fbfbfb;
	display: block;
	margin: 30px auto;
	text-align: center;
	text-transform: uppercase;
}

#content {
	background: url("/img/struttura.png") no-repeat top center;
	/*width: 1280px;*/
	display: block;
	min-height: 800px;
	margin-top: 45px;
	margin: 0 auto;
}

h2.clara {
	text-indent: -9000em;
	float: left;
	width: 165px;
	height: 90px;
	display: block;
	margin-left: 317px;
	margin-top: 93px;
}

h2.francesco {
	text-indent: -9000em;
	float: right;
	width: 185px;
	height: 90px;
	display: block;
	margin-right: 309px;
	margin-top: 93px;
}

h2>img {
	height: 100%;
	display: block;
}

.photo {
	width: 706px;
	height: 313px;
	display: block;
	background: url("/img/bg_sun.png") no-repeat center center;
	margin: 0 auto;
	margin-top: 78px;
	position: relative;
}

.photo>h3 {
	position: absolute;
}

h3.clara_logo {
	top: 0px;
	left: 107px;
}

h3.clara_foto {
	bottom: 0px;
	left: 50px;
}

h3.francesco_logo {
	bottom: 0px;
	right: 126px;
}

h3.francesco_foto {
	top: 0px;
	right: 48px;
}
/*
.sun {
	top: 42px;
	left: 238px;
	position: absolute;
	width: 235px;
	height: 235px;
	display: block;
	background: url("/img/sun.png") no-repeat center center;
	text-indent: -9000em;
}
*/
.sun {
	top: 42px;
	left: 238px;
	position: absolute;
	width: 235px;
	height: 235px;
	display: block;
}

.about_us {
	display: block;
	margin-top: 90px;
}

.last_work {
	/*margin-top: 232px;*/
	text-align: center;
}

.dna .left,.about_us .left,.last_work .left {
	float: left;
	display: block;
}

.for_left.left .title {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	/*width: 490px;*/
	text-align: right;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
}

.for_left.left .work_link {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	/*width: 490px;*/
	text-align: right;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	text-shadow: 1px 1px #FBFBFB;
	margin-bottom: 23px;
}

.for_left.left .payoff {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	/*width: 490px;*/
	text-align: right;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
}

.for_right.right .title {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	/*width: 490px;*/
	text-align: left;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
}

.for_right.right .work_link {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	/*width: 490px;*/
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	text-shadow: 1px 1px #FBFBFB;
	margin-bottom: 23px;
}

.for_right.right .payoff {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	/*width: 490px;*/
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
}

.dna .right,.about_us .right,.last_work .right {
	float: right;
	display: block;
}

.dna .right span,.last_work .right  span {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	display: block;
	width: 190px;
	/*margin-right: 300px;*/
	text-align: left;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
}

.last_work>img {
	margin: 0 auto;
}

.dna {
	text-align: center;
}

.dna .center {
	/*margin-top: 25px;*/
	margin-bottom: 50px;
	width: 280px;
	float: left;
	width: 330px;
}

.dna .clara_dna {
	float: left;
	width: 225px;
	margin-top: 110px;
	margin-left: 275px;
}

.dna .clara_dna .label {
	font-family: 'Dosis', sans-serif;
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
	float: left;
	line-height: 13px;
}

.dna .clara_dna .cursor {
	float: right;
	display: block;
	width: 80px;
	height: 13px;
	background: rgba(175, 139, 46, 0.5);;
	-webkit-box-shadow: 0 1px rgba(251, 251, 251, 1);
	-moz-box-shadow: 0 1px rgba(251, 251, 251, 1);
	box-shadow: 0 1px rgba(251, 251, 251, 1);
}

.dna .clara_dna .cursor span {
	width: 0;
	height: 13px;
	margin-top: -1px;
	display: none;
	border: 1px solid #a18146;
	-moz-box-shadow: 0 0 0px 2px rgba(45, 45, 45, 0.2);
	-webkit-box-shadow: 0 0 0px 2px rgba(45, 45, 45, 0.2);
	box-shadow: 0 0 0px 2px rgba(45, 45, 45, 0.2);
	float: right;
}

#cursor_brand_identity	span {
	background: #edd343;
}

#cursor_web_design		span {
	background: #dbb80b;
}

#cursor_illustration	span {
	background: #c79a00;
}

#cursor_art_direction	span {
	background: #d8b403;
}

#cursor_ui_design 		span {
	background: #c49600;
}

.dna .clara_dna .perc {
	font-family: 'Dosis', sans-serif;
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	text-shadow: 1px 1px #FBFBFB;
	float: right;
	margin: 7px 0 15px 0;
}

.dna .francesco_dna {
	float: right;
	width: 225px;
	margin-top: 110px;
	margin-right: 275px;
}

.dna .francesco_dna .label {
	font-family: 'Dosis', sans-serif;
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
	float: right;
	line-height: 13px;
}

.dna .francesco_dna .cursor {
	float: left;
	display: block;
	width: 80px;
	height: 13px;
	background: rgba(175, 139, 46, 0.5);;
	-webkit-box-shadow: 0 1px rgba(251, 251, 251, 1);
	-moz-box-shadow: 0 1px rgba(251, 251, 251, 1);
	box-shadow: 0 1px rgba(251, 251, 251, 1);
}

.dna .francesco_dna .cursor span {
	width: 0;
	height: 13px;
	margin-top: -1px;
	display: none;
	border: 1px solid #a18146;
	-moz-box-shadow: 0 0 0px 2px rgba(45, 45, 45, 0.2);
	-webkit-box-shadow: 0 0 0px 2px rgba(45, 45, 45, 0.2);
	box-shadow: 0 0 0px 2px rgba(45, 45, 45, 0.2);
	float: left;
}

#cursor_backend		span {
	background: #edd343;
}

#cursor_frontend	span {
	background: #dbb80b;
}

#cursor_java		span {
	background: #c79a00;
}

#cursor_jquery		span {
	background: #d8b403;
}

#cursor_seo 		span {
	background: #c49600;
}

.dna .francesco_dna .perc {
	font-family: 'Dosis', sans-serif;
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	text-shadow: 1px 1px #FBFBFB;
	float: left;
	margin: 7px 0 15px 0;
}

.contact_request {
	display: block;
	text-align: center;
	margin-top: -80px;
}

.contact_request img{
	display: block;
	margin: 0 auto;
}

#contact_form {
	width: 280px;
	display: block;
	margin: 0 auto;
}

#contact_form input[type="text"] {
	width: 200px;
	border: 1px solid #cacaca;
	display: block;
	font-family: 'Lato', sans-serif;
	color: #767676;
	font-style: italic;
	font-size: 14px;
	padding: 15px 20px;
	font-weight: 700;
	margin: 8px auto;
}

#contact_form textarea {
	width: 200px;
	border: 1px solid #cacaca;
	display: block;
	font-family: 'Lato', sans-serif;
	color: #767676;
	font-style: italic;
	font-size: 14px;
	padding: 15px 20px;
	font-weight: 700;
	margin: 8px auto;
	resize: none;
}

.privacy a.accept {
	background: url("/img/unchecked.png") no-repeat scroll center center
		transparent;
	display: inline-block;
	height: 23px;
	width: 26px;
}

.privacy a.privacy_policy_link {
	color: #a07f2a;
	width: 200px;
	display: block;
	margin-left: 7px;
}

.privacy a.accept.checked {
	background: url("/img/checked.png") repeat scroll 0 0 transparent;
}

.privacy {
	font-family: 'Lato', sans-serif;
	color: #767676;
	font-style: italic;
	font-size: 14px;
	color: #a07f2a;
	line-height: 23px;
}

.send {
	width: 136px;
	height: 31px;
	display: block;
	margin: 32px auto;
	border: 3px solid rgba(68, 68, 68, 0.21);
}

.send span {
	color: #fafafa;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 33px;
	width: 136px;
	height: 31px;
	display: block;
	text-align: center;
	background: #ad8800;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkODgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2FiODYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzhiNmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTZjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ad8800 0%, #ab8600 30%, #8b6e00 83%, #896c00
		100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ad8800),
		color-stop(30%, #ab8600), color-stop(83%, #8b6e00),
		color-stop(100%, #896c00) );
	background: -webkit-linear-gradient(top, #ad8800 0%, #ab8600 30%, #8b6e00 83%,
		#896c00 100%);
	background: -o-linear-gradient(top, #ad8800 0%, #ab8600 30%, #8b6e00 83%, #896c00
		100%);
	background: -ms-linear-gradient(top, #ad8800 0%, #ab8600 30%, #8b6e00 83%, #896c00
		100%);
	background: linear-gradient(to bottom, #ad8800 0%, #ab8600 30%, #8b6e00 83%, #896c00
		100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ad8800', endColorstr = '#896c00', GradientType = 0 );
}

#footer {
	height: 300px;
	display: block;
}

.contact_message {
	display: block;
	background: url("/img/bg_general.jpg") repeat;
	float: left;
	height: auto;
	width: 460px;
}

.contact_message p {
	font-family: 'Dosis', sans-serif;
	color: #af8b2e;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 1px 1px #FBFBFB;
	margin-top: 40px;
	padding: 0 40px;
	text-align: center;
	width: 380px;
	display: block;
}

#contact_wait p {
	margin-bottom: 40px;
}

.contact_message a.close {
	font-family: 'Dosis', sans-serif;
	background: #AF8B2E;
	box-shadow: 0 3px rgba(45, 45, 45, 0.2);
	color: #EFEFEE;
	display: block;
	font-size: 16px;
	margin: 40px auto;
	padding: 10px 15px;
	text-align: center;
	width: 100px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

#contact_form textarea.error,#contact_form input[type="text"].error {
	border: 1px solid #B50A00;
}

#about_clara {
	position: absolute;
	top: 547px;
	left: -275px;
	opacity: 0;
}

#about_clara p {
	font-family: 'Lato', sans-serif;
	color: #AF8B2E;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px #FBFBFB;
	margin-bottom: 20px;
	text-align: right;
	width: 275px;
	display: block;
}

#about_clara a {
	font-family: 'Dosis', sans-serif;
	color: #AF8B2E;
	font-weight: 600;
	font-size: 17px;
	text-shadow: 1px 1px #FBFBFB;
	margin-bottom: 20px;
	text-align: right;
	width: 275px;
	margin-top: 22px;
	display: block;
	text-transform: uppercase;
}



#about_francesco {
	position: absolute;
	top: 547px;
	right: -275px;
	opacity: 0;
}

#about_francesco p {
	font-family: 'Lato', sans-serif;
	color: #AF8B2E;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px #FBFBFB;
	margin-bottom: 20px;
	text-align: left;
	width: 275px;
	display: block;
}

#about_francesco a {
	font-family: 'Dosis', sans-serif;
	color: #AF8B2E;
	font-weight: 600;
	font-size: 17px;
	text-shadow: 1px 1px #FBFBFB;
	margin-bottom: 20px;
	text-align: left;
	width: 275px;
	margin-top: 108px;
	display: block;
	text-transform: uppercase;
}

#last_work_link{
position: relative;
display: block;
width: 593px;
height: 486px;
margin: 0 auto;
padding-left: 47px;
}

#last_work_link img{
	position: absolute;
	display: block;
}

#last_work_link img#toFadeRefade{
	z-index: 100;
}


#last_work_link img#hidden{
	z-index: 90;
	display: none:
}

#last_work_palette{
position: relative;
display: block;
width: auto;
height: auto;
margin: 0 auto;
margin-top: 23px;
}

#last_work_palette img{
	position: absolute;
	display: block;
}

#last_work_palette img#toFadeRefadePalette{
	z-index: 100;
}


#last_work_palette img#hiddenPalette{
	z-index: 90;
	display: none:
}

.hiddenContactMessage{
	display: none;
}

#cboxLoadedContent{
	overflow: hidden !important;
	}