@charset "utf-8";



/* General */

* { padding:0; margin:0; }

html, body { height:100%; }

body { background:#fff url(../assets/bg_header.jpg) repeat-x; color:#000; font:12px "Georgia"; text-align:left; height: 100%;}

.sfondoHome { background:url(../assets/background-main.jpg) repeat-x; left:0; width:100%; height:481px; position:absolute; top:139px;}

#container {position:relative; min-height:100%; /*to be fixed for IE6*/ }

h1, h2, h3 { font-family: "Georgia"; font-weight: bold; }

h1 {
position:absolute;
left:-1050px;
top:auto;
width:50px;
height:50px;
}

a img { border: none;}

a { color:#0084ff; }

a:link, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: underline; }

li a {list-style-type:none;}

.bold{ font-weight:bold;}



/* Header */

#header { position: relative; width:995px; height: 140px; margin:0 auto;}

	#header .logo { padding-top:24px; border:solid 1px #333333; width:130px; }

	#header .language { position:absolute; top:8px; right:0;}

		#header .language ul {}

			#header .language li { display:inline; margin-right:10px; }

			#header .language li a.current_lang { background:url(../assets/arrow_language.gif) center no-repeat;  position:relative; z-index:1;}

				#header .language li a { color:#fff; padding-top:25px;}

	#header .menu { position:absolute; top:90px; left: 160px;}

		#header .menu ul {}

			#header .menu li { display:inline; margin-right:10px; font-size:1.2em;}

			#header .menu li a.currentpage { color:#0084ff;}

				#header .menu li a { color:#000; }

	#header .socials { position:absolute; top:95px; right: 0;}

		#header .socials ul {}

			#header .socials li { display:inline; margin-left:2px; }



/***** Content *****/

#content { position: relative; width:995px; height:100%; margin:0 auto; padding-bottom:490px; /*Footer height*/ }

	#content h1 { padding:17px 0 17px 30px; font-size:2.2em;}

		#content h1 span { color:#0084ff; }

	#content div.photo-box {overflow:hidden; width:100%; background:#000 url(../assets/photo_bg.gif) repeat; margin-bottom:10px; }

		#content .photo-box div.single-box { width:224px; position:relative; float:left; margin: 9px 0 9px 10px; padding:6px; background:#fff;}

			#content .photo-box .single-box div.first-box { background:url(../assets/fork-knife.jpg) 160px 35px no-repeat; }

			#content .photo-box div.single-box h2 { color:#0084ff; font-size: 1.2em; padding-top:8px;}

			#content .photo-box div.single-box ul { font-size: 1.1em; padding:6px 0;}

				#content .photo-box div.single-box li { list-style-type:none; }

	#content div.text-box {overflow:hidden; width:100%; margin:40px 0; }

		#content .text-box div.firstblock { position:relative; width:365px; float:left; margin-right:8px; }

				#content .text-box div.firstblock h3 { font-size:1.6em; padding-bottom:10px; }



				#content .image_index { position:relative; background-image: url(../assets/zoomart-web-design-lens.jpg); width: 995px; height:380px; }

					#content .image_index .text_image_index {position:absolute; top:50px; left:70px; width:300px; color:#fff;}



				

			#content .text-box div.firstblock ul { padding-bottom:30px; }

				#content .text-box div.firstblock li { font-size:1.6em; list-style-type:none; padding-bottom:7px; }

				#content .text-box div.firstblock li.first { font-size:2.0em; padding-bottom:15px; }

		#content .text-box div.secondblock { position:relative; width:600px; float:left; margin-left:20px;}

			#content .text-box div.secondblock h2, h3 { font-size:1.6em; padding-bottom:10px;}

			#content .text-box div.secondblock h3 span { color:#0084ff; }

			#content .text-box div.secondblock p { font-size:1.2em; }

			#content .text-box div.secondblock ul { font-size:1.2em; }

				#content .text-box div.secondblock li { list-style-type:none; line-height:20px; }

		#content div.credits { text-align:center; font-weight:bold; margin-top:50px; }

				#content .vision { position:absolute; width:280px; font-size:13px; color:#fff; left:0px; top:328px; margin-left:35px;}

				#content .MainMenuHome{margin-top:5px; width:995px; position:relative; text-align:center;}

					#content .MainMenuHome ul{margin-bottom:10px;}

					#content .MainMenuHome ul li{display:inline; text-align:center;}

					#content .MainMenuHome span{background-color:#333333; padding:10px 10px 10px 10px; margin-left:1px; width:144px; display:block; float:left;}

										#content .MainMenuHome ul li a.marketing{padding:10px 10px 10px 9px;  background-color:#333333; color:#fff; font-size:12px;}

										#content .MainMenuHome ul li a.viral{padding:10px 10px 10px 0px;  background-color:#333333; color:#fff; font-size:12px;}

										#content .MainMenuHome ul li a.guerrilla{padding:10px 10px 10px 10px;  background-color:#333333; color:#fff; font-size:12px;}

										#content .MainMenuHome ul li a.project{padding:10px 10px 10px 10px;  background-color:#333333; color:#fff; font-size:12px;}

										#content .MainMenuHome ul li a.web{padding:10px 10px 10px 10px;  background-color:#333333; color:#fff; font-size:12px;}

										#content .MainMenuHome ul li a.video{padding:10px 10px 10px 10px;  background-color:#333333; color:#fff; font-size:12px;}

										#content p.barra {width:995px; height:5px; background-color:#cccccc; clear:both; margin-top:3px; margin-left:-1px;}

										

																				#content .MainMenuHome ul li a.marketing:hover{color:#ff0066; font-size:12px;}

																				#content .MainMenuHome ul li a.viral:hover{color:#ff0066; font-size:12px;}

																				#content .MainMenuHome ul li a.guerrilla:hover{color:#ff0066; font-size:12px;}

																				#content .MainMenuHome ul li a.project:hover{color:#ff0066; font-size:12px;}

																				#content .MainMenuHome ul li a.web:hover{color:#ff0066; font-size:12px;}

																				#content .MainMenuHome ul li a.video:hover{color:#ff0066; font-size:12px;}





									













/* Footer */

#footer_container { position:absolute; bottom:0; width:100%;  background:#333333 url("../assets/bg_footer.jpg") repeat-x; color:#fff;}

	#footer { position: relative; margin:0 auto;  width:995px; padding-bottom: 50px; padding-top: 100px;}

		#footer .logo { padding-top:0px; }

		#footer .language { position:absolute; top:48px; right:0;}

			#footer .language ul {}

				#footer .language li { display:inline; margin-right:10px; font-size:0.9em; }

				#footer .language li a.current_lang { background:url("../assets/arrow_language_footer.gif") center no-repeat;  position:relative; z-index:1;}

					#footer .language li a { color:#000; padding-bottom:25px;}

		#footer .menu { position:absolute; top:65px; left: 0px;}

			#footer .menu ul {}

				#footer .menu li { display:inline; margin-right:10px; font-size:1.2em;}

				#footer .menu li a.currentpage { color:#0084ff;}

					#footer .menu li a { color:#fff; }

		#footer .socials { position:absolute; top:95px; right: 0;}

			#footer .socials ul {}

				#footer .socials li { display:inline; margin-left:2px; }

#contacts-footer {overflow:hidden; width:100%; padding-top:70px;}

	#contacts-footer h3 {font-size:1.3em; width:80px; padding: 5px 10px; background-color:#0084ff; color:#fff; font-weight:normal; margin-bottom:20px;}

		#contacts-footer #contacts-text {float:left; width:400px; color:#fff;}

			#contacts-footer #contacts-text .name-tel {overflow:hidden; width:80%;}

				#contacts-footer #contacts-text .name {float:left;width:130px; clear:both;}

				#contacts-footer #contacts-text .tel {float:left;}

				#contacts-footer #contacts-text .iva {float:left;width:100%; clear:both; margin-top:40px;}

			#contacts-footer #contacts-text p {display:block; padding-top:5px;}

				#contacts-footer #contacts-text p a {color:#0084ff;}

		#contacts-footer #contacts-form {float:right; width:500px;}

			#contacts-footer #contacts-form fieldset { border:none;}

				#contacts-footer #contacts-form div.field {overflow: hidden; width:100%;}

					#contacts-footer #contacts-form div.field label {float:left; color:#fff; margin-right:10px; padding:6px 0; width:90px; text-align:right;}

						#contacts-footer #contacts-form div.field label strong {color:#0084ff;}

						#contacts-footer #contacts-form div.field label.required {text-align:right;  color:#0084ff; width:80%;}

					#contacts-footer #contacts-form div.button input {background:#0084ff; color:#fff; padding:5px 10px; margin-left:100px; border:none; font-size:12px; cursor:pointer;}

					#contacts-footer #contacts-form div.field textarea{float:left; height:150px; width:300px;}