@charset "utf-8";

body { margin:0; padding:0; background-color:#000; font-family: 'Open Sans', sans-serif; }
#main { background:url(../img/paper_texture.png); }


#mainBg {background-position:top;}
.container { width:1000px; margin:auto; position:relative;}


/* header */
#top {
	height:105px;
	background-image:url(../img/bg-top.png); background-repeat:repeat-x; background-position:top;
	font-family: 'Quicksand', sans-serif;
}

#logo { float:left; width:290px; height:90px;}
#logo img { margin-top:10px; border:0px;}

#linktop { text-align:right; height:60px; width:182px; position:absolute; right:0; top:0;}
#linktop a { display:block; width:76px; height:47px; margin-left:15px; float:left; background:url(../img/linktop-bg.png); color:#FFF; text-decoration:none; font-size:14px; font-weight:700; text-align:center; line-height:35px; vertical-align:middle;}
#linktop a:hover { color:#ccc;}
#linktop a.selected { color:#ccc;}

#menu {text-align:right; width:513px; position:absolute; top:60px; right:0;  }
#menu a { text-decoration:none; color:#ff66cc; font-size:14px; font-weight:700; margin-left:15px; }
#menu a:hover { color:#FFF;}
#menu a.selected { color:#FFF;}
.calaverita { width:43px; height:36px; background-image:url(../img/calaverita.png); position:absolute; display:none; }
	/*posizioni calaverita*/
	#menu .about     { left:-30px; display:block;}
	#menu .animation { left:40px; display:block;}
	#menu .work      { left:150px; display:block;}
	#menu .news      { left:215px; display:block;}
	#menu .contact   { left:280px; display:block;}
	#menu .press     { left:370px; display:block;}
	#menu .link      { left:430px; display:block;}

.clear { clear:both;} 
	
#content { margin-bottom:0px;}


h1 { font-size:18px; font-weight:700; color:#000; font-family: 'Quicksand', sans-serif; margin:10px 0 10px 0;  }
h1 span { color:#ff66cc; text-transform:uppercase;}
h2 { color:#ff0000; font-family: 'Quicksand', sans-serif; margin:0; font-size:18px; text-transform:uppercase; }
h3 { color:#ff0000; font-family: 'Quicksand', sans-serif; margin:0; font-size:16px; text-transform:uppercase; }
h4 { color:#ff0000; font-family: 'Quicksand', sans-serif; margin:0; font-size:14px; text-transform:uppercase; }

/* footer */
#footer {color:#999;  font-size:11px; font-family:open sans; background-color:#000; width:100%;  }	
.bottom {position:fixed; bottom:0; height:85px;}	
#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#666;}

.social { position:absolute; width:300px; text-align:right; right:0; top:20px;}
.social img { margin-left:3px;}

.page { 
	position:relative;
	margin-top:30px;
	
	/*
	background-color:#FFF; 
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.39);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.39);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.39);*/
}

.dotted { background-image:url(../img/dotted.png); background-repeat:repeat-y;}

.article {  width:749px; float:left;  }
.sidebar {  width:250px; float:left;  }

.article p { font-size:15px; line-height:22px; }
.article a { text-decoration:none; color:#ff66cc;}
.article a:hover {text-decoration:underline;}

.sidebar p {font-size:15px;}
.indentext { padding-left:25px;}
.sidebar h3 { padding-left:25px; background-image:url(../img/star.png); background-repeat:no-repeat; background-position:left;}
.sidebar .sidebarList  { margin:10px 0 10px 23px;}
.sidebar .sidebarList a { color:#000; text-decoration:none; margin-bottom:8px; display:block;}
.sidebar .sidebarList a:hover { color:#ff66cc; text-decoration:none;}


.padpage { padding:20px;}
.txtCentre { text-align:center;}

	/* home*/
	.aboutimg {}
	.aboutimg img { border:10px solid #FFF; float:left; margin:0 30px 20px 0;
		-webkit-box-shadow: 3px 3px 20px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    3px 3px 20px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         3px 3px 20px 0px rgba(50, 50, 50, 0.4);
	 }
	
	/* animation */
	.box { width:240px; height:270px; background-color:#FFF; float:left; margin:5px; font-size:12px;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    3px 3px 10px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         3px 3px 10px 0px rgba(50, 50, 50, 0.4);
	}
	.padBox { padding:15px;}	
    .box img { width:100%; height:auto; margin-bottom:3px; border:0;}
	.box h4 { margin:0; text-transform:uppercase;}
	.box .anno { color:#000; font-weight:600; margin-top:7px;}
	
		/*animation individuale*/
		.animationItem { padding-right:20px;}
		.animationFooter { border-top:2px dotted #999; padding-top:10px; margin-top:20px; width:709px;}
		.videoCopertina { width:100%; height:480px;}
		.copertinaBig { width:100%; height:auto;}
		.gallery { width:100%; height:auto;}
		.infoGallery { width:228px; font-size:13px; background-color:#FFF; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:20px;}
		.infoGallery a { text-decoration:none; color:#ff66cc;}
		.infoGallery a:hover {text-decoration:underline;}
		.hiddenpic { display:none;}
		
		.sottoTitolo { color:#666; font-size:12px;}
		
		.an_pager { text-align:right; font-size:12px; margin-bottom:5px;}
		.an_pager a { text-decoration:none; color:#666; }
		.an_pager a:hover { color:#999; }
		
		
	/* work */
	
	.workLink { color:#FFF; text-decoration:none; margin-right:20px; text-transform:uppercase; font-family: 'Quicksand', sans-serif;}
	.workLink:hover { color:#CCC;}
	
	.imgItem { width:700px; float:left; min-height:300px; text-align:center;}
	
	.imgItem img { border:15px solid #FFF; margin-bottom:40px; 
		
		-webkit-box-shadow: 3px 3px 20px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    3px 3px 20px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         3px 3px 20px 0px rgba(50, 50, 50, 0.4);
	
	}
			
	a.back { color:#999; text-decoration:none; font-size:11px;}
	a:hover.back { color:#333;}
	
	#pager { float:right;}
	
	/*
	#pager a { width:39px; height:40px; text-decoration:none; display:block; float:left; margin-left:10px;}
	#pager a.prev { background-image:url(../img/work-prev.png);}
	#pager a:hover.prev {background-position:bottom;}
	#pager a.next { background-image:url(../img/work-next.png);}
	#pager a:hover.next {background-position:bottom;}
	*/
	
	#pager a { width:48px; height:45px; text-decoration:none; display:block; float:left; margin-left:0px; margin-right:0; background-image:url(../img/navigator.png);}
	#pager a.prev { background-position:0 45px; }
	#pager a:hover.prev {background-position:0 0;}
	#pager a.next { background-position: 48px 45px;}
	#pager a:hover.next {background-position: 48px 0;}
	
	
	.sidebarItem { width:300px; float:right;}
	.sidebarItem p { color:#000; font-size:14px; margin:0; padding:0;}	
	.sidebarItem p.copy { color:#999;}	
	.sidebarItem h3 { font-size:18px; text-transform:uppercase; margin-bottom:3px; margin-top:10px; }
	.sidebarItem .anno { color:#666; font-size:14px; padding-bottom:20px; border-bottom:2px dotted #999; margin-bottom:20px;}
	
	.sidebarItem h4 { font-size:14px; margin:0; padding:0; font-weight:400;}
	
	/* news */
	.newsItem { margin-bottom:40px; padding-bottom:30px; border-bottom:2px dotted #999; padding-right:60px;}
    .lastItem { border-bottom:0;}	
	.newsItem h1 { color:#000; font-size:36px; font-family: 'Open Sans', sans-serif; margin:0; font-weight:300; line-height:34px;}
	.dataNews { color:#999; font-size:14px; margin:6px 0 0 0; padding:0; background-image:url(../img/clock.png); background-repeat:no-repeat; background-position:left; padding-left:28px;}
	.authNews { color:#000; font-size:14px; margin:0; padding:0;}
	.newsItem .fotoNews { width:100%; height:auto; margin-top:15px; margin-bottom:10px;}
	.newsItem a { color:#ff0000; text-decoration:none; font-size:14px; }
	.newsItem a:hover { color:#666; text-decoration:none;}
	.newsItem .tags { color:#999; font-size:14px; font-style:italic; background-image:url(../img/tag.png); background-position:left top; background-repeat:no-repeat;  margin:0; padding:0 0 5px 35px; height:40px; float:right;}
	.newsItem .tags strong { color:#333; font-style:normal;}
	.readmore { float:left; }
	.newstagSx { width:50%; height:90px; float:left; text-align:left; }
	.newspagDx { width:50%; height:90px; float:left; text-align:right; }
	
	
	.newsBottomSx { width:50%; height:90px; float:left; text-align:left;  color:#999; font-size:12px;}
	.newsBottomDx { width:50%; height:90px; float:left; text-align:right; color:#999; font-size:12px;}
	.newsBottomDx a {color:#999; font-size:12px; text-decoration:none;}
	.newsBottomDx a:hover {color:#333; font-size:12px; text-decoration:none;}
	.socialnews { margin-top:10px;}
	
	/* contact */
	.campo { margin-bottom:10px; position:relative;}
	.campo input { background-color:#FFF; padding:10px; font-size:14px; font-family: 'Open Sans', sans-serif; border:0; width:240px;  }
	.campo textarea { background-color:#FFF; padding:10px; font-size:14px; font-family: 'Open Sans', sans-serif; border:0; width:520px;  }
	.pajaritos { background-image:url(../img/pajaritos.png); background-position:left top; background-repeat:no-repeat; padding-top:38px; }
	.balloon { position:absolute; top:-60px; left:445px; width:92px; height:72px; background-image:url(../img/balloon.png); color:#FFF; text-align:center; vertical-align:middle; line-height:60px;}
	.balloon a { color:#FFF; text-decoration:none;}
	.balloon a:hover { color:#F06; text-decoration:none;}
	.balloonMob { display:none; }
	
	/*press*/
	.pressItem { margin-bottom:30px; padding-right: 60px;}
	.pressItem h1 { font-family: 'Open Sans', sans-serif; font-size:22px; color:#000; margin:0; padding:0; font-weight:normal;  }
	.pressItem a { color:#000; font-size:20px; text-decoration:none; font-weight:bold; }
	.pressItem a:hover { color:#ff66cc; }
	.pressItem p { color:#000; font-size:16px; margin:0; padding:0; }
	.dataPress { color:#999; font-size:14px;}
	
	/*link*/
	.linkList { width:20%; float:left;}
	.linkList a {color: #000; text-decoration: none;}
	.linkList a:hover {color: #ff66cc; text-decoration: none;}
	.corazon {float:right; position:absolute; top:10px; left:140px;}
	
	/*blog*/
	.middleCol { width:50%; float:left;}
	.divider { margin-bottom:20px; padding-bottom:20px; padding-top:20px; border-bottom:1px dotted #666666; width:70%; margin:auto;}
	a.linkblog { font-size:12px; color:#666; text-decoration:none;}
	a.linkblog:hover { font-size:12px; color:#000; text-decoration:none;}
	

	
@media screen and (max-width : 1023px){

#menu a { margin-left:14px;}

.container { width:760px; margin:auto;}
.sidebar { float:left;}

.article { width:100%; float:none; min-height:300px;}
.divdottedDx { border-right:0;}

.padpage { padding:20px;}

.dotted { background-image:none;}

/* work */
	
	.imgItem { width:470px; float:left; text-align:left;}
	.imgItem img { border:10px solid #FFF; margin-bottom:40px; width:400px; height:auto; }
	
	.sidebarItem { width:280px; float:left;}
		
/* animation */
	.box { margin:6px;}
	
/*blog*/
	.middleCol { width:100%; float:none;}
	
}

@media screen and (max-width : 759px){

#top {
	height:145px;
	background-image:url(../img/bg-top-mob.png); background-repeat:repeat-x; background-position:top;
}

.container { width:90%; margin:auto;}
#header { position:relative;}

#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:2px; z-index:100;}
#logo img { width:220px; height:auto; }

#menu {text-align:center; margin-top:0px; top:90px; width:100%; overflow:hidden;}
#linktop { width:100%; text-align:right; margin:0;  height:25px;   }
#linktop a { display:block; width:65px; height:25px; margin-left:5px; float:right; font-size:13px; font-weight:700; line-height:25px; vertical-align:middle;}

.calaverita { visibility:hidden;}

/* footer */
#footer { height:190px; width:100%; }	
.bottom {position:relative; }
.social { position:relative; width:100%; text-align:center; margin:5px 0 20px 0;}
.social img { margin-left:3px;}

h1 { text-align:center;}

.article { width:100%; float:none;}
.divdottedDx { border-right:0;}
.padpage { padding:10px;}
/*home*/
.homepage { min-height:250px;}
.aboutimg { text-align:center; float:none; width:100%;  }
.aboutimg img { width:154px; height:auto; margin:auto; float:none;}

/*link*/
	.linkList { width:100%; float:none;}
/*animation*/
.box { width:300px; height:320px; background-color:#FFF; float:none; margin:auto; margin-bottom:15px; }
.videoCopertina { width:100%; height:240px;}
.infoGallery { width:300px; margin:auto; margin-bottom:40px;}
.animationFooter { width:100%;}
.newsBottomSx { float:none; width:100%;}
.newsBottomDx { float:none; width:100%; text-align:left;}

/*work*/
.workHome { text-align:center; min-height:130px;}
.workLink { display:block; font-size:18px; margin:10px;}

.imgItem { width:100%; float:none; text-align:center;}
.imgItem img { border:10px solid #FFF; margin-bottom:40px; width:280px; height:auto; }
.sidebarItem { width:300px; float:none; margin-bottom:20px;}


/* news */
.newsItem { margin-bottom:20px; padding-bottom:20px; padding-right:0; text-align:left;}
.lastItem { border-bottom:0;}	
.newsItem h1 {margin:0; line-height:normal; text-align:left;}
.newsItem .fotoNews { width:100%; height:auto; margin-top:15px; margin-bottom:10px;}
.newsItem .tags { display:block; height:35px; margin-top:10px; }

.newstagSx { width:100%; height:90px; float:none; text-align:left; }
.newspagDx { width:100%; height:90px; float:none; text-align:left; }

.socialnews { margin-top:10px;}
.readmore { float:none; margin-bottom:20px;}


/* contact */
.campo input { width:95%;  }
.campo textarea {  width:95%;  }
.pajaritos { background-image:none; padding-top:0; }
.balloon { display:none;}
.balloonMob { display:block; margin-left:150px; width:145px; height:112px; background-image:url(../img/balloonMob.png); color:#FFF; text-align:center; vertical-align:middle; line-height:60px;}
.balloonMob a { text-decoration:none; display:block; width:145px; height:112px;}

/*press*/
.pressItem { margin-bottom:30px; padding-right: 0;}
.pressItem h1 { text-align:left;}

/*blog*/
.divider { width:90%;}


}