@media only screen {
	.sidepadder img { max-width:100%; height:auto;}
}


@media only screen and (max-width: 1340px) and (min-width: 1241px) {
	.wrapper { width:100%; margin:0px auto; position:relative;}
	#box1 {width:150px; padding-right:473px;}
	#box1 p {font-size:12px; line-height:16px;}
	#box1 .small {font-size:7px; line-height:10px;  }

}


@media only screen and (max-width: 1240px) {
	#box1, #box2 { display:none; }
	#topitem3 { width:100%; }
	
	#gallery {width:100%; overflow:hidden;}
	#gallery p {width:100%; bottom:0;}

	.mainfocusin {width:100%;}
	.postfocus1-3, .postfocus0-3, .postfocus3-3, .postfocus2-3 {width:32%; float:left; overflow:hidden; margin-left:1%;}

	.listpost img {width:30%; height:auto; margin-right:3%;}
	.listpost .listpostdesc {width:67%;}
	
	.bannerdona .bannerdonasez1 {width:auto; }
	.bannerdona .bannerdonasez2 {width:auto; }
	.bannerdona .bannerdonasez3 {width:auto; }
	
	.form1 .labelform {width:24%;}
	.form1 .itemform, .form1 .itemform2, .form1 .itemform4  {width:74%; padding:4px 1%; }
	
	.form1 textarea, .form1 .fixedwidth {width:100%; font-family:Arial;}
	.form1 .largeselect, #prDB1, #prDB2, #prDB3, .subprjs{width:100% !important;}
	.subprjs ul, .subprjs span {width:94% !important; overflow:hidden;} 	
 	
	.nob {border-bottom:0px !important;} 
	
	.form1 input[type="radio"], .form1 .itemform3 span {
		clear:left;
		float:left;
		margin-top:10px;
	}
	
	#importo5 {
		margin-top:5px;
	}

	.itemform3 #importo5, .itemform3 #importo8, .itemform3 #importo7 {
		margin-top:10px;
	}
	
	.form1 .radiolabelform {
		float:left;
		padding-top:10px;
	}
	
	.form1 .radiolabelform2 {
		float:left;
		padding-top:5px;
	}	

	.form1 .textitemform {  max-width:94%; }
	.textprivacy {  max-width:91%; paddin:10px 3%;	}
	.form1 .itemform3 {  display: -moz-inline-block; display:inline-block; width:100%; padding-left:0px; padding-right:0px;	}
	#labelimporto5 {
		padding-top:0px;
	}

	.form1 .sendform {padding:10px;}
	.form1 .sendform {text-align:right; }
	#noteprivacy {padding:10px 0px; font-size:12px; width:100%; float:none; display:block; clear:both;}


	.textpost img, .colprj img {max-width:100%; height:auto;}
	
	iframe, embed, object, .issuuembed  {max-width:100% !important;}
	

	.bannerdona22 img {max-width:100%; height:auto;}
	
	.colprj {width:46%; float:left; padding:20px 2%;}
	.colprj1 {border-right:0px solid #ddd;}
	.prjmainimg {width:100%; height:auto; overflow:hidden; position:relative; margin:0px;}
	.prjmainimg .prjmaintitle {top:0px; opacity:0.6; filter:alpha(opacity=60);}

	.prjbox {width:100%; height:auto; padding:0px; overflow:hidden; position:relative; margin:0px; }

	.prjmainimg h1 {font-size:16px !important; line-height:18px !important; bottom:10px; left:5px; right:5px; text-align:center;}

	
	.postimg {max-width:40%; }
	.postimg img {width:100%; height:auto;}

	.prjbutton {font-size:12px; line-height:14px; }
	
	#networkTS {max-width:100%; height:auto;}
	#networkTS div{display:none;}
	
}

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

	body {overflow:visible; background:#FEDEAB;}
	
	.smalltitle span, .nav, .donapostbox, #printpage, #call-sharepost, #downloadbox {display:none; }
	
	#topitem3 {height:auto; width:100%;  }
	#top {height:123px;  border-bottom:1px solid #881D23; overflow:hidden; width:100%;}
	
	.pagetop { display:none; }
	.leftbox {padding-right:0px; max-width:680px; width:100%; margin:0px auto;}
	
	.logotop1 {margin:10px 1% 0px; max-width:42%; height:auto; }
	.logotop2 {margin:0px 1% 0px; max-width:40%; height:auto; }
	.logotop3 {max-width:80%; height:auto; margin:10px; }

	#boxcenter {width:auto; background:transparent; border-top:0px; margin-top:0px;}
	.wrapper3 { width:100%; margin:0px auto;}

	#sidebox {z-index:50; display:none;
	overflow-y:auto; overflow-x:hidden; position:fixed; right:0px; top:0px; bottom:0px;
	padding-bottom:40px;
	}
	
	#searchform, #NL1form {width:280px;}
	
	#leftbox {background:#fff; 
	box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	float:none;
	display:block;
	}
	
	.menusidebox {position:fixed; left:0px; top:0px; right:0px; height:1px; z-index:50; background:#881D23; display: block;}
	
	.arrowsidebox  {background:#881D23 url(images/menu-bg.png) no-repeat center center; width:40px; height:40px; position:fixed; right:5px; top:0px; z-index:40;  cursor:pointer; 
	box-shadow: 0px 0px 2px #111;
	-moz-box-shadow: 0px 0px 2px #111;
	-webkit-box-shadow: 0px 0px 2px #111; display: block;
	}

	.copyfooter {
	z-index:0;
	}	
	
	.sh3 {margin-top:1px;}
	.pageside ul.ulpage 	{	list-style-type:none; margin:10px 0px 0px; padding:0px; font-family: Homenaje, Arial;}	
	.pageside ul.ulpage li {padding:0px; margin:0px; font-weight:bold; font-size:18px; line-height:20px; padding:5px 20px; }
	.pageside ul.ulpage li ul.children li {padding:7px 5px 0px; font-weight:normal; font-size:17px; line-height:19px;}	
	
	.pageside .ulpage li a {color: #fff; text-decoration:none; padding:0px; margin:0px; display:block;}	

	.pageside ul.ulpage li ul.children li a {color: #fff; padding:0px; margin:0px;}	
	.pageside ul.ulpage li ul.children li a:hover {text-decoration:underline;}	
	

	.pageside {margin-top:20px; background:#c8001e; padding-bottom:10px;}

	.pageside ul.ulpage li ul.children {
		display: none;
		margin:0px;
		padding:0px; list-style-type:none;
	}

	.listpost h2 {line-height:20px; font-size:18px; color: #c8001e;  }

	.sideshadow  {
	box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	}

	
}	

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

	#topitem2 {left:auto; right:0px; background-position:right;}
	.left: 0px;
	
	.mediapost { padding:1% 0%; }
	.mediapostitem { width:31%; height:150px; margin:1% 1% 2%; overflow:hidden; }
	.mediapostimg  {width:100%; height:auto;}
	.mediapostdesc  { padding:5px; width:84%; height:auto; }	

	.videopostitem { float:none; width:100%; margin:0px 0px 15px; display: -moz-inline-block; display:inline-block; border-top:1px solid #c8001e; padding-bottom:1px;}
	.textpostSingle .videopostitem { float:none; width:100%; margin:0px 0px 15px; display: -moz-inline-block; display:inline-block; border-top:1px solid #c8001e; padding-bottom:1px;}

	.videopostdesc  {float:left; width:55%; padding:5px 1%;}
	.videopostimg  {margin-left:1px; width:40%; float:left;}
	.videopostdesc h2  {font-size:16px; line-height:18px; }
	.videopostitem .filter {visibility:visible; background-size: 120% Auto; height:50%;}

	.postfocus1-3  h2, .postfocus2-3  h2, .postfocus0-3 h2, .postfocus3-3 h2 {line-height:17px !important; font-size:15px !important;  }


	.mediumselect {padding:3px; 
	margin:0px; width:90%; 
	font-family:Arial;
	}
	   
	.subprjs2 {width:100%; float:none; margin-bottom:15px;  display: -moz-inline-block; display:inline-block;}
	
	.form4 {padding:10px; margin-bottom:10px;}	
	.buttonsearch {margin-left:15px;}
	
	
	.footer1 {float:none; width:100%; }
	.footer2 {float:none; width:100%; padding-top:30px;}
	
	.footertxt {float:none; width:100% !important; padding:10px 0px 20px; text-align:center;}
	.footertxt1 {width:100% !important; float:none;}
	.footertxt2 {width:100% !important; padding-left:0px;}	
	.footertxt3 {float:none;}


	.listpost img {float:right; margin-right:0px; margin-left:10px; margin-bottom:10px; width:40%; 
		box-shadow: 0px 0px 0px #444;
		-moz-box-shadow: 0px 0px 0px #444;
		-webkit-box-shadow: 0px 0px 0px #444;	
	}
	.listpost .listpostdesc {float:none; margin:0px; display:inline; width:100%; padding:0px;}
	.footertitle1 {font-size:24px; line-height:28px; white-space:normal;}
	
	.prjfocusbox {width:48%; height:160px;}
	.prjfocusbox1, .prjfocusbox12 {margin-right:2%; }

	.prjfocuscroce {display:none; }
	
	.prjfocusbox0 h2 {padding-left:10px !important;}
	.prjfocusbox1 h2 {padding-right:10px !important; }
	.prjfocusbox0 h3 {padding-left:10px !important;}
	.prjfocusbox1 h3 {padding-right:10px !important;}
	.prjfocusbox0 p {padding-left:10px !important;}
	.prjfocusbox1 p {padding-right:10px !important;}

	.prjfocusbox .prjfocusboxtitle h2, .prjfocusbox .prjfocusboxtitle2 h2 {font-size:16px; line-height:18px !important;}
}


@media only screen and (max-width: 640px) {
	#postslider  {height:300px; width:100%;}
	
	.imagepoststory {float:none; width:100%; text-align:center;}
	.textpoststory {float:none; width:auto; padding:15px 25px; text-align:center;}
	
	#topitem1  {display:none;}
	
}	

@media only screen and (max-width: 590px) {
	#postslider  {height:270px; width:100%;}
	
	.postfocus0 .postfocusfilter, .postfocus1 .postfocusfilter, .postfocus3 .postfocusfilter, .postfocus2 .postfocusfilter {background: url(images/sfblack.png) repeat-x center !important;  left:0px; right:0px; bottom:5px; top:0px !important; height:auto !important;}
	.postfocus1-3  h2, .postfocus2-3  h2, .postfocus0-3 h2, .postfocus3-3 h2 {line-height:16px !important; font-size:14px !important; }
	.postfocus2-3 h2 {color:#fff;}
	.postfocus .postfocuscaption {padding:5px;}	

	.postfocus .postfocusfilter2 {position:absolute; z-index:1; bottom:5px; left:0px; right:0px; top:0px; background: url(images/sfblack.png) repeat-x bottom;}
	
	.postfocus:hover .postfocusfilter2 {
	background-position:center center; 
	background: url(images/sfblack.png) repeat-x center;
	}
	
	.prjbox .prjtitle h2 {font-size:14px; line-height:16px !important;}
	.prjbox .prjtitle {padding:5px; }	
	
}	


@media only screen and (max-width: 550px) {
	.postrelatedbox {padding:20px 10px;}
	.postsocialbox{padding:10px 10px; height:20px;}
	.navpost {padding:20px 10px 5px;}

	.bannerdona2 {background:url(images/Pagina_dona_box_oro2.png) no-repeat right center; height:auto; background-size:cover; line-height: 36px;}
	.bannerdona2padder  {padding:10px 20px;}
	.bannerdona2  big {font-size:36px; font-weight:bold; line-height:36px;}
	.bannerdona2  small {font-size:26px; line-height:28px;}
	.bannerdona2  {font-size:34px; font-weight:bold; line-height:36px;}
	.bannerdona22 .pad3  {padding:20px 10px; }
	
	.form1 .labelform {width:100%; text-align:left; float:none; padding:5px 0px 3px; display: -moz-inline-block; display:inline-block; border-top:1px dashed #eee;}
	.form1 .itemform, .form1 .itemform2  {width:100%; padding:0px; margin-bottom:10px; float:none; display: -moz-inline-block; display:inline-block; }
	.bannerdona22 .pad5  {padding:3px;}

	#gallery, #postslider  {height:260px; width:100%;}
	#gallery .caption, #postslider .postslidercaption {
		font-size:24px;
		line-height:26px;
		font-style:italic;
	}
	
	
	#gallery .caption .content {padding:10px;}
	#postslider .postslidercaption  {padding:10px;}
	
	
	.form1 {padding:20px 10px; }
	
	#downloadbox2 ul {margin-left: 0px !important; padding-left:0px !important; list-style-type:none; }
	#downloadbox2 ul li {font-size:13px; line-height:15px; margin-left:0px; padding-left:5px; padding-bottom:5px; border-bottom:1px dashed #eee;}

	.bigtitletxt {float:none; width:100%; padding:0px 0px 10px; margin-bottom:20px;}

	.bigtitletxt b {border-bottom:0;} 	

	.contactbox {position:static; width:100%; height:auto;}

	.titlecontact, .txtcontact, .imgcontact {position:static; width:auto;}
	
	.imgcontact {margin-bottom:20px;}
	
	.footertitle1 {font-size:18px; line-height:20px; }
	.footertitle2 {font-weight:bold; font-size:10px; line-height:12px;}	
	.footertitle3 {font-size:13px; line-height:15px;}

	
}

@media only screen and (max-width: 500px) {
	#postslider  {height:230px; width:100%;}
	#postslider .postslidercaption {
		font-size:20px;
		line-height:22px;
	}
	#postslider .postslidercaption em {
	font-size:18px;
	line-height:20px;
	}	
	
	.copyfooter {
	padding:15px 1px;
	}
	#top {height:113px; }
	
	embed {height:auto; min-height:230px !important;}
	
}	

@media only screen and (max-width: 450px) {
	#top {height:103px; }
	#postslider  {height:200px; width:100%;}
	#postslider .postslidercaption {
		font-size:18px;
		line-height:20px;
	}
	#postslider .postslidercaption em {
	font-size:16px;
	line-height:18px;
	}	
}	


@media only screen and (max-width: 390px) {
	#top {height:93px; }
	
	#postslider  {height:170px; width:100%;}
	#postslider .postslidercaption {
		font-size:16px;
		line-height:18px;
	}

	#postslider .postslidercaption em {
	font-size:14px;
	line-height:16px;
	}
	

	.postsocialbox1 div {display:block; margin-bottom:10px; width:100%; clear:both;}
	.postsocialbox {height:auto;}

	.postfocus img {height:85px; width:auto;}
	.postfocus, .mainfocus {height:90px;}
	.postfocus:hover .postfocusfilter2 {
	background:transparent;
	}
	.postfocus .postfocusfilter2 {
	background: url(images/sfblack.png) repeat-x bottom;
	}

	.postfocus0 .postfocusfilter, .postfocus1 .postfocusfilter, .postfocus3 .postfocusfilter, .postfocus2 .postfocusfilter {height:50px !important;}
	.postfocus1-3  h2, .postfocus2-3  h2, .postfocus0-3 h2, .postfocus3-3 h2 {line-height:14px !important; font-size:13px !important; text-align:left !important; }
	
	.mediapostitem { width:48%; height:150px; margin:1% 1% 2%; overflow:hidden; }
	
	.smalltitle {padding:20px 10px 5px;}
	
	.listpost, .textpost {padding:20px 10px;}
	
}

@media only print {

	body {
		margin:0px;
		padding:0px;
		font-family: Arial, Verdana, sans serif; 
		background:#FFFFFF;
		position:relative;
		overflow: visible;
		}

	.wrapper {
		width:680px;
		margin:0 auto;
		background:#fff;
	}
	
	.moz {display:block; overflow: visible; clear:both;}
	.moz .moz .moz .moz .moz {display: -moz-inline-block; display:inline-block; }

	.wrapper2 {
		width:680px;
		margin:0 auto;
	}

	#boxcenter {width:680px; background:#fff; border-top:0px; margin:0px auto 0px; position:static; overflow: visible;}

	#top { padding:5px 0px; position:static; height:auto;}

	.logotop1 {margin-top:14px; margin-right:30px; }
	.colprj {padding:0px 20px;}
	.prjsep  {border-bottom:0px solid #ddd; margin:5px 0px;}
	.prjmain  {border-bottom:0px solid #ddd; margin-bottom:0px;}
	.prjmainimg  {height:150px;}
	.prjmainimg .prjmaintitle {top:110px;}
	.prjmainimg h1 {font-size:18px !important; line-height: 22px !important; left:5px; right:5px;}
	#topitem3 { text-align:center; position:static; height:auto;}


	#box1, #box2, .sidebox, .pagetop, .smalltitle, .navpost, #gallery, .postsocialbox, .bannerdona2, .subpagesbox, .gallerybox, #downloadbox , #filesbox, .ngg-galleryoverview, .donapostbox, #postrelatedbox, #commentsbox, .ngg-albumoverview, .navflags, .copyfooter, #topitem1, #topitem2 , .nop   {display:none !important;}
	
	#leftbox { height:auto !important; float:none; overflow: visible;}

}