#featured .ui-tabs-panel img { width:550px; height:250px;}


@media screen and (max-width: 1000px){
.content-html img{width:100%; height:100%;}
.content-html .sponsor img, .content-html .festival-amici img {width: auto;}
.paginaDettaglio .content-html .videoEmbeddati .boxVideoEmbeddati img {width:128px; height:auto;}
}

@media screen and (max-width: 991px) {
#mainContent .sideMain{float:none;}	
#mainContent{padding-bottom:0;}
.sidebar a.Button1, .sidebar a.Button2, .sidebar a.Button3{width:32%; margin: 5px 3px 5px;}
#featured {height:auto; padding-bottom:275px; width:auto;}
#featured .ui-tabs-panel {width:100%; height:auto;}
#featured .ui-tabs-panel .info {width:100%;}
#featured .ui-tabs-panel img { width:100%;; height:auto; }
#featured ul.ui-tabs-nav {left:0; top:auto; bottom:0; width:100%;}

#header .divSocial {margin: 0 20px 0 53px;}


}

@media screen and (min-width: 1000px) and (max-width: 767px){
	
}

@media screen and (max-width: 767px) {
#header h1{height:100%;}
#header h1 a{width: 152px;height: 100px; background-image: url(img/logo_capodarco_responsive.png); margin:0 57px 0 20px}
.headerTop {padding: 28px 10px;}

#header .payoff h2 { }

.rightHeaderElement{margin-top:20px;}

.nav li{display:block; padding:10px; border-radius:0; margin:0;}
.nav li.attiva{border:hidden;}
.nav{width:98%; background:none;  background-color:#ddd; border-radius:0; border:hidden; }
.nav li ul{position:static;}
.nav > li {float: none;}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {background-position: 95% 50%;}
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
div#divMain{width: 100%;}
.responsiveClosed{overflow:hidden; height:0;}
.active {display: block;}

#mainContent .sideMain {margin: 20px 25px 0;width: auto;}
#mainContent .sidebar{float:none; width:auto; margin:20px 25px 0 25px; overflow:hidden; padding-top:30px;}

.divSlideshow {width: auto; margin:20px 20px 20px 15px}
div.scrollWrapper{width:100% !important}

#footer{text-align:center; }

ul.breadcrumb{font-size:14px;}

.nav > li > a, .nav > li > span{text-align:left;}

.nav > li > a, .nav > li > span{text-transform:uppercase;}

.nav li:hover{background-color:}

.nav li{
border: hidden;
background-color: #c5171c;
display: block;
margin-bottom:5px;
}
	
.nav li:hover{border:hidden;}

.nav li ul {background-color:#91161f; border:2px solid #c8171d; margin-top:10px;}

.nav li li {background-color:#a51318}

.nav li li:hover {background-color:#91161f}

/*
#barraservizi{background-image:none; }

#barraservizi .pui-contentBarraServizi{width:100%;}

#barraservizi .pui-contentBarraServizi .pui-navBarraServizi{float:none;}

#barraservizi .pui-contentBarraServizi .pui-logoRS{height:100%;}

#barraservizi .pui-contentBarraServizi .pui-navBarraServizi ul{list-style:none; width:100%;}

#barraservizi .pui-contentBarraServizi .pui-navBarraServizi ul li{display:block; background-color: #4d9061;}*/

}



@media screen and (min-width: 768px) and (max-width: 991px){
div#divMain {width: 750px;}
#header .menuNav{width:840px;}
#mainContent .sideMain{margin:20px 25px 0 25px; width:auto;}

#header .menuNav{width:700px;}
#header .menuNav li{margin:0; font-size:16px;}
.nav li{margin:0; font-size:17px;}
.nav a, .nav span {padding: 2px 7px;}
.nav{width: 720px;}

#header h1 a {margin-right:65px;}
#header h1 {height: 75px;}


.rightHeaderElement{margin:30px 0 0 20px;}
div.scrollWrapper{width:665px !important}

#mainContent .sidebar{float:none; width:auto; margin:20px 25px 0 25px; overflow:hidden;}

#footer img{margin-left:20px; width:11%;}
#header .payoff h2 { margin: 0 0 0 295px; width: 387px;}
}

@media screen and (min-width: 320px) and (max-width: 768px){
	#mainContent .sidebar{padding-top:5px;}
	#featured{margin:0;}
	#mainContent .sideMain{margin:20px 0;}
	#mainContent .sidebar{margin:20px 0;}
	#footer a img{margin: 10px 6px 10px 6px;}
	#footer{padding:0;}
	
}


@media screen and (max-width: 768px) {
#header h1 a{background-image: url(img/logo_capodarco.png);width: 238px;height: 160px;margin-left: 20px;}
#header h1{height:78px;}
	
#header .divSocial{margin:0;}
	
#header .payoff h2 { margin: 0 0 0 295px;  background-size: 82%; }
}

@media screen and (max-width: 635px) {
.paginaDettaglio .videoEmbeddati .boxVideoEmbeddati{width:100%;}

#header h1 a{margin:0;}	
#header h1 {height:50px;}	
#header .divSocial {margin: 0 0 0 38px;}
#header .payoff h2{margin: 30px 0 0 190px;}
.headerTop{padding:20px 10px 0 10px;}
#header h1 a{background-image: url(img/logo_capodarco_responsive.png);width: 152px;height: 100px;margin-left: 20px;}

@media screen and (max-width: 522px) {
.sidebar a.Button1, .sidebar a.Button2, .sidebar a.Button3{width:99%;}

#header h1 a{margin:0;}								
#header .divSocial {margin: 0 0 0 87px;}
#header .payoff h2{margin: 30px 0 0 70px;}
.rightHeaderElement {margin-top: 40px;}
}

@media screen and (max-width: 530px) {
#header h1 a{background-image: url(img/logo_capodarco_responsive.png); height:100px; width:152px;margin-left: 130px;}
#header .payoff h2{margin: 30px 0 0 68px;  }
#header h1 {height:80px;}
.rightHeaderElement {margin-top: 40px;}
#header .divSocial {margin: 0 0 0 87px;}
				}

@media screen and (max-width: 490px) {
.sideMain .tools {width:auto; padding-bottom:10px;}
}

@media screen and (max-width: 490px) {
								
#header h1 a{background-image: url(img/logo_capodarco_responsive.png);height:100px; width:152px; margin-left: 130px;}
.flag{position:static; margin: 10px 30px;}
#featured {height:auto; padding-bottom:425px; width:auto;}
#featured .ui-tabs-panel .info {height:150px; bottom:-150px;}
#featured .info h2 {font-size:1.4em;}
#featured .ui-tabs-nav h3 { font-size:14px;}	
#header .divSocial {margin: 0 0 0 20px;}
#header .payoff h2{margin: 30px 0 0 70px; }	
#header .divSocial {margin: 0 0 0 87px;}
}

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

#header h1 a{background-image: url(img/logo_capodarco_responsive.png);height:100px; width:152px; margin-left: 130px;}

					}
@media screen and (max-width: 405px) {
#header h1 a{margin-left: 110px;}				
#header .divSocial {margin: 0 0 0 47px;}
				#header .payoff h2 {margin: 30px 0 0 27px;}
			}

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

.headerTop{padding:10px 0;}
#header h1 a{background-image: url(img/logo_capodarco_responsive.png); margin-left:70px; height:100px; width:152px;}
#header .divSocial {margin: 0 0 0 105px;}
#header .boxCerca2{margin: 10px 20px 0 86px;}
#header .payoff h2{margin: 10px 0 0 0; }							
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */