/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(/css/form-ui.css);


body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin: 0px; padding: 0px;
	cololor: #232323;
	/*background: url(/resources/images/bg-page.jpg) fixed top center;*/
}
a, a:link, a:visited, a:active { color: #BD0926; 
transition: all 0.5s;
-webkit-transition: all 0.5s; /* Safari */
outline: none;
text-decoration: none;
}
a:hover { color: #222; text-decoration: none;} 

blockquote { color: #e2001a; font-weight: 600; font-size: 18px; line-height: 160%; margin-bottom: 25px; border-left: none; padding: 0px;}
p { margin-bottom: 15px; line-height: 160%;} 
p.small { font-size: 12px; line-height: 130%; margin-bottom: 10px; margin-top: 10px; font-style: italic;}
.noMargin { margin-top: 0px !important; }

/* Titolazioni */
h1, h2, h3, h4, h5 { font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: 300; color: #e2001a; margin: 0px 0px 20px 0px; }
h1 { font-weight: 800; font-size: 40px;text-transform: uppercase; }
h2 { font-size: 30px; color: #BD0926; line-height: 150%; font-weight: 800; margin: 0px 0px 10px 0px; text-transform: uppercase;}
h3 { font-size: 16px; color: #BD0926; line-height: 150%; font-weight: 800; margin: 10px 0px 10px 0px; text-transform: uppercase;}
h4 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; padding-bottom: 10px; border-bottom: solid 1px #e2e2e2; color: #e2001a; text-transform: uppercase;}
h5 { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0px 0px 15px 0px; color: #e2001a; font-weight: 800; border-bottom: solid 1px #ccc; padding-bottom: 5px;
text-transform: uppercase;
}
h6 { margin: 3px 0px; }

.violetPage h1, .violetPage h2, .violetPage h3, .violetPage h4, .violetPage h5, .violetPage h6, .violetPage blockquote { color: #74498F !important; }
.brownPage h1, .brownPage h2, .brownPage h3, .brownPage h4, .brownPage h5, .brownPage h6, .brownPage blockquote { color: #6B4833 !important; }
.cyanPage h1, .cyanPage h2, .cyanPage h3, .cyanPage h4, .cyanPage h5, .cyanPage h6, .cyanPage blockquote { color: #00AACD  }
.redPage h1, .redPage h2, .redPage h3, .redPage h4, .redPage h5, .redPage h6, .redPage blockquote { color: #e2001a !important; }
.greenPage h1, .greenPage h2, .greenPage h3, .greenPage h4, .greenPage h5, .greenPage h6, .greenPage blockquote { color: #7E8C24 !important; }

.violetPage a, .brownPage a, .cyanPage a { color: #999;}
.violetPage a:hover, .brownPage a:hover, .cyanPage a:hover { color: #222 !important;}

/* colors */
.cyan { color: #00AACD !important; }
.yellow, .orange { color: #E7AD37 !important; }
.violet { color: #74498F !important; } 
.green { color :#7E8C24 !important; }
.brown { color: #6B4833 !important; }
.red { color: #e2001a !important; }
.gray { color: #333 !important}



/* backgrounds*/ 
.bg_gray { background: #efefef; }
.bg_red { background: #bd0926 !important; }
.bg_light_red { background: #ff0000 !important; }
.bg_black { background: #212121; width: 90%; padding: 5%; }
.bg_cyan {background: #00AACD !important;}

/* alignments */
.right { text-align: right; }
.floatright { float: right; }
.left {text-align: left; }
.center { text-align: center !important;}

/* paddingTop*/
.padtop10 { padding-top: 10px; padding-bottom: 10px; }
.padtop25 { padding-top: 25px; padding-bottom: 25px; }
.margin10 { margin-bottom: 10px !important; }
.margin25 { margin-bottom: 25px !important; }
.marginbottom { margin-bottom: 10px; }

/* footer */
footer { color: #333; font-size: 12px; }
footer a { color: #bd0926 !important; }
footer a:hover { color: #000 !important; }
footer blockquote { color: #333; line-height: 140%; margin-bottom: 10px; padding: 0px; border-left: none; text-transform: uppercase; font-size: 12px; font-weight: 800; border-bottom: solid 1px #999; padding-bottom: 5px; background: transparent }
footer hr { clear: both; margin: 20px 0px; border-bottom: solid 1px #ccc; border-top: none; }
.addthis_toolbox a { padding: 0px !important;}
/* utility */
.clearfix { clear: both; font-size: 1px; height: 1px; margin: 0px;}

/*bottoni */
.button {
  font-family: 'Open Sans Condensed', sans-serif;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1; margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  background-color: #bd0926;
  border-color: #8c071c;
  color: #FFF !important; 
  -webkit-border-radius: 10px;
  border-radius: 10px; 
  width: 80%;
  padding: 20px; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #8c071c; }

/* Header/Social */
a.social, i.circle  {
    border-radius: 25px 25px 25px 25px;
    display: inline-block;
	text-decoration: none;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
	margin: 0px 5px;
}
a.social { margin-top: 0px; margin-left: 0px; background: #999; color: #fff !important;}
a.social:hover { background: #000 !important; color: #fff !important;}
header a.social { background: #fff; color: #bd0926 !important; }
header a.social:hover  { background: #000; color: #bd0926 !important; }
header hr { margin: 10px 0px; }

i.circle {color: #FFF; }
i.regular { width: 30px; margin-right: 10px;}

.mappati-button { margin: 0px !important;}
.mappati-button p { margin: 0px !important; }
.mappati-button-new { position: inherit; margin: 0px;}

.newshome .threecol { width: 25%; margin: 0px; }
.newshome img { width: 100% !important; }
.newshome h3 { font-size: 30px; line-height: 100%; padding-right: 20px;letter-spacing:-1px;}
.newshome h6 { font-size: 30px; line-height: 100%; color: #808080; letter-spacing:-1px;}

/* Login Panel */
/*.LoginPanel {color: #FFF !important; height:0px; overflow:hidden; padding: 0px;}
.LoginPanel.open { height: auto !important; padding: 25px 0px;}
.LoginPanel a { color: #FFF; text-decoration: underline; }
.LoginPanel p { margin-bottom: 10px;}
.LoginPanel a:hover { color: #000; }
.LoginPanel h3 { color: #000; margin-top:0px; padding: 0px; font-weight: 700; text-transform: uppercase; color: #7C101A;}
.LoginPanel .btn { margin-right: 20px; }
.openLoginPanel { position: relative; right: 0px; text-align: right; display: inline-block}
.openLoginPanel .button { text-decoration: none !important; font-size: 18px; margin: 0px 0px 0px 30px; padding: 10px 15px 15px 15px; width: 120px; 
border: none; margin-bottom: 20px; -webkit-border-radius: 10px; border-radius: 10px; 
  -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; 
  -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; 
  background-color: #000;
  background-image: url(/resources/images/avatar.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 60px;
  
}
.openLoginPanel .button:hover, .openLoginPanel .button:active, .openLoginPanel .button.red  { 
  background-color: #bd0926; 
  color: #FFF !important;
  background-image: url(/resources/images/avatar.png);
  background-repeat: no-repeat;  
  background-position: 0px -30px;  
}
 */
/* Menu */
header {color: #FFF; }
header hr { border: none; border-bottom: solid 1px #FFF;}
nav { margin-top: 10px; }
nav ul { text-align: left; margin-left: 0px; margin-bottom: 0px;}
nav ul li { display: inline-block; margin: 0px 10px 0px 0px;}
nav ul li a { color: #fff !important;text-decoration: none; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 13px }
nav ul li a:hover { color: #000 !important; }
nav ul li:first-child { margin-left: 0px ;}
nav ul li:last-child { margin-right: 0px; }
nav ul li.active a {color: #ccc !important;}


/* elenchi */
ul.unstyled { margin: 0px; padding: 0px; list-style: none; }
ul.unstyled li { margin: 5px 0px; }
ul.sottomenu { margin: 0px; }
ul.sottomenu li { margin: 5px 0px; }

/*.homecarousel { height: 415px; }*/
#fwslider { margin-bottom: 20px;}


/* GAlleria */ 
.galleria { margin-bottom: 20px }
.galleria { height: 320px !important; }
#position1galleria, #position2galleria, #position3galleria, #position4galleria, #position5galleria, #position6galleria, #position7galleria,
#position8galleria, #position9galleria, #position10galleria, #position11galleria, #position12galleria, #position13galleria {
	margin-bottom: 20px;
}

/* modale */
.modal { 
	width: 800px;
	margin-left: -400px;
}
.modal-body img { width: 100%;} 

/*mappa*/
#mappa-location {width:100%;height:270px;background:#CCC;margin-bottom:10px;}
#mappa-luoghi { width:100%; height: 450px; background: #f2f2f2; margin-bottom: 20px;}

#mappa-location img, #mappa-location object, #mappa-location embed,
#mappa-luoghi img, #mappa-luoghi object, #mappa-luoghi embed {max-width:none;}
#places_type br { display: none ;}

.info-blob {font-size:12px;line-height:18px;color:#666;}
	.info-blob h1 {font-size:14px;line-height:14px;font-weight:600;color:#333;margin-bottom:5px;}
	.info-blob span {display:block;font-style:italic;}
	.info-blob span.red {color:#b3071b;}
	.info-blob span.green {color:#00765b;}
	.info-blob span.brown {color:#ba611c;}
	.info-blob a {color:#79B11A;}
	.info-blob a:hover {text-decoration:underline;}
	


.btn-inverse { color: #FFF !important; }


.aspNetDisabled { opacity:0.4 !important;
filter:alpha(opacity=40) !important; /* For IE8 and earlier */ }

/* USER */

.user-detail { padding: 10px; margin-bottom: 20px;}
.user-detail h5 { font-size: 14px; font-weight: 600;}
.user-detail p { margin: 5px 0px;}
.tag-cloud { margin-bottom: 20px; }
.tag-cloud span a { background: #00AACD; color: #FFF !important; padding: 3px 10px; margin: 5px 10px 5px 0px; display:inline-block;}
.tag-cloud span a:hover { background: #666; color: #FFF !important;}
#galleria { height: 500px; margin: 0px 0px 20px 0px;}
blockquote.portfolio {
	color: #666 !important; font-size: 16px; font-style: italic; 
}
.media-list li { clear:left; padding: 10px 0px; /*border-bottom: solid 1px #ccc; */}
.img-circle { background: #ccc; border: solid 3px #f2f2f2; }


/* User Menu */
#UserMenu { padding: 10px 0px; color: #222; font-size: 12px;}
#UserMenu img { width: 40px; margin-right: 10px;}
#UserMenu a { margin: 0px 10px; color: #00AACD; }
#UserMenu .esci { margin-top: 8px; }

.users-list { margin: 0px; padding: 0px; list-style: none;}
.users-list .threecol { width: 21%; margin: 0px 2%; min-height:300px;}
.users-list .twocol { width: 16%; margin: 0px 2%; }
.users-list a img {transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */ opacity: 1; border-radius: 500px 500px 500px 500px; }
.users-list a:hover img { opacity: 0.7}
.users-list h3 { line-height: 120%; }


.pagination { clear: left; margin-top: 25px;}
.accordion { margin-bottom: 10px}
.accordion-toggle p { margin-bottom: 0px;}
.accordion-inner p { clear: left; font-size: 12px; margin-bottom: 5px;}
.accordion-inner label { float: left; width: 80%}
.accordio-inner checkbox  { float: left; width: 20%;}
.nav-tabs label { font-size: 12px; margin-bottom: 0px; }
.nav-tabs li a h3 { margin: 0px; font-size: 14px; }

.formPage h4 { margin-top: 15px; margin-bottom: 10px;}

/* AGGIUNTA PER MAPPA CONTEST QUI */
.icoPlus {  position:absolute;  

} 
.icoPlus a {
  background-color:rgba(190, 9, 40, 1) !important;
  background-position:initial initial;
  background-repeat:initial initial;
  border:3px solid #be0928;
  color:#FFF;
  cursor:pointer;
  display:block;
  font-size:20px;
  font-weight:800;
  height:30px;
  line-height:30px;
  text-align:center;
  width:30px;
  z-index:1;
  text-decoration: none;
  border-radius: 100%;
	-webkit-transition: all 1s ease;                  
    -moz-transition: all 1s ease;                 
    -o-transition: all 1s ease;   
    -ms-transition: all 1s ease;          
    transition: all 1s ease;  

}
.icoPlus a:hover {
	 background-color:rgba(0, 0, 0, 0.8) !important;
	 color: #FFF !important;	
  border:3px solid #000;	 
}

#fb_login_btn { margin-top: 20px; text-align: left; }
#fb_login_btn img { max-width: 250px; }


/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 1024px) {

	body {
		
	}
	 
	.carousel { height: 348px;}
	ul.thumbnails { margin: 0px; padding: 0px 20px;} 

}



/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	.homecarousel { height: 216px;}
	
	.right { text-align: left; }
	footer { text-align: center !important; }
	footer .twocol { margin-bottom: 10px; }
	nav { margin-top: 0px; }
	header .ninecol { margin-top: 20px; }
	.mappati-button { position: inherit; margin: 0px auto;}

	header .row { margin-bottom: 10px; }
	nav ul li { display: block !important; text-align: center; border-bottom: solid 1px #fff; padding: 2px 0px !important; margin-right: 0px;}
	header .padtop25 { padding-bottom: 0px; }
	.carousel { width: 60%; margin: 0px 15%; height: 250px;}
	img.fourcol, a.fourcol { padding: 0px !important; }
	
	h1 { font-size: 36px;}
	.media img { margin-bottom: 10px;}
	
	ul.thumbnails { margin-left: 0px !important; }
	ul.thumbnails li { padding: 0px !important; }

.users-list .threecol, .users-list .twocol  { width: 90%; margin: 0px; }
	

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(/css/logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}


.required {border:solid 1px #b00000 !important;background-color:#fcefad !important;}
/*input[type=checkbox].required {outline:solid 1px #b00000 !important;background-color:#fcefad !important;}*/

.vcheckbox {clear:both;display:block;}
.vcheckbox input[type="checkbox"] {float:left;margin:4px 10px 0px 0px;}
.vcheckbox label {float:left;width:90%;}

.nolistitem {list-style:none;margin-left:0px;}



.pager > span {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pager a, .pager span span {
  text-transform:uppercase;
float:left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pager span span {
     background-color: #f5f5f5;
     color: #999999;
}

.pager a:hover,
.pager a:focus {
  background-color: #f5f5f5;
}


.pager a:first-child  {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pager a:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}