/*
	FileName ....... : Miscellaneos.css
	TemplateName ... : Web Responsive Templete
	Copyright ...... : 2013, ObjectWeb Srl - Tutti i diritti riservati
	Version ........ : 1.0.0
	Note ........... : css personalizzati da Object Web
*/



/*Typography
------------------------------------------------------------------------------------------------- */
a {
	cursor: pointer;
}

.section-title span.h2 {
    display: block;
}

legend {
	margin-bottom: 20px;
}

.pull-center,
.img-center {
   margin: 0 auto;
}
/* ---------------------------------------------------------------------------------------------- */



/* Sezioni
/* ---------------------------------------------------------------------------------------------- */
.section {
	margin-bottom: 30px;
}

.content .section:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#header-sections-container .section,
footer .section {
    margin-bottom: 10px;
}

footer .section:last-child {
    margin-bottom: 0;
}

#header-sections-container {
   text-align: center;
}

@media (min-width: 768px){
   #header-sections-container {
      text-align: right;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Validazioni
/* ---------------------------------------------------------------------------------------------- */
.inputbox.form-horizontal .validation-required {
   background: url("/Templates/Base20/Images/ValidationRequired.gif") no-repeat right center;
   padding-right: 16px;
}

.inputbox.vertical .validation-required {
   background: url("/Templates/Base20/Images/ValidationRequired.gif") no-repeat left center;
   padding-left: 16px;
}

.inputbox.form-horizontal .validation-optional {
   background: url("/Templates/Base20/Images/ValidationOptional.gif") no-repeat right center;
   padding-right: 16px;
}

.inputbox.vertical .validation-optional {
   background: url("/Templates/Base20/Images/ValidationOptional.gif") no-repeat left center;
   padding-left: 16px;
}

.inputbox .validation-highlight {
   background: url("/Templates/Base20/Images/ValidationError.gif") repeat-x left bottom #FFFFFF;
}

.inputbox label.validation-error-label {
   background: url("/Templates/Base20/Images/ValidationAlert.gif") no-repeat left center;
   color: #F00;
   display: block;
   float: none;
   padding-bottom: 2px;
   padding-left: 20px;
   text-align: left;
   width: auto;
}

.inputbox .legend {
   font-size: 9px;
   padding: 10px 0;
   text-align: right;
   width: 100%;
}
/* ---------------------------------------------------------------------------------------------- */



/* Infobox
/* ---------------------------------------------------------------------------------------------- */
#infobox.alert {
   background-position: 10px center;
   background-repeat: no-repeat;
   padding-left: 35px;
}

#infobox.alert-info {
   background-image: url("/Templates/Base20/Images/InfoboxInformation.png");
}

#infobox.alert-warning {
   background-image: url("/Templates/Base20/Images/InfoboxWarning.png");
}

#infobox.alert-danger {
   background-image: url("/Templates/Base20/Images/InfoboxError.png");
}

.inputbox .validation-summary {
   background-color: #ff9f8c;
   border: 1px solid #dd7e6b;
   border-radius: 4px;
   margin-bottom: 20px;
   padding: 10px;
}

.inputbox .validation-summary h4 {
   font-weight: bold;
}

.inputbox .validation-summary ul {
   color: #c90000;
   padding-left: 15px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Actions 
/* ---------------------------------------------------------------------------------------------- */
.webexplorer .actions a {
   min-width: 90px;
   text-align: center;
}

.actions a span {
   display: inline-block;
   margin-top: 45px;
}

/* ---------------------------------------------------------------------------------------------- */



/* Button - Form - Elementi Inputbox
/* ---------------------------------------------------------------------------------------------- */
.inputbox .btn-margin {
   margin-top: 20px;
}

.buttons {
	margin-bottom: 15px;
}

.form-control,
select, textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
   height: 34px;
}

input[type="radio"], 
input[type="checkbox"] {
   margin-right: 6px;
}

.privacy-html {
    margin-bottom: 15px;
}

.privacy-html input[type="checkbox"] {
   margin-left: 10px;
}

.privacy-html span.confirm span,
.privacy-html span.dont-confirm span{
   margin-right: 10px;
}

.form-horizontal .input-group:first-child {
   padding-top: 7px;
}


@media (min-width: 768px){
   .form-horizontal .control-label {
      float:left;
      width: 25%;
   }

   .form-horizontal .input-div {
      float: left;
      padding-left: 10px;
      width: 75%;
   }
   
   .input-div input {
      max-width: 250px;
   }
   
   .input-div .input-type-textarea,
   .input-div input.input-type-text,
   .input-div .input-type-dropdownlist,
   .input-div input.input-type-email {
      max-width: 350px;
   }
   
   .input-div input.input-type-zip {
      max-width: 70px;
   }
   
   .input-div input.input-type-telephone-number {
      max-width: 150px;
   }
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.input-div .input-type-fiscal-data {
    text-transform: uppercase;
}

.input-div .input-type-email {
    text-transform: lowercase;
}
/* ---------------------------------------------------------------------------------------------- */



/* Dialog
/* ---------------------------------------------------------------------------------------------- */
.ui-dialog-titlebar span.ui-dialog-title {
   margin-left: 5px;
}

.ui-dialog-titlebar a.ui-dialog-titlebar-close {
   position: absolute;
   right: 12px;
   top: 2px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Language Switcher
/* ---------------------------------------------------------------------------------------------- */
.languageswitcher .form-control {
   float: left;
   width: 87%;
}

.languageswitcher a.button {
   background-image: url("/Templates/Base20/Images/LanguageSwitcherGo.png");
   background-position: center center;
   background-repeat: no-repeat;
   float: right;
   height: 34px;
   width: 15px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Movie
/* ---------------------------------------------------------------------------------------------- */
#movieContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#movieContainer object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------------------------------------------------------- */



/* Link
/* ---------------------------------------------------------------------------------------------- */
.deep-1 {
	margin-left: 15px;
}
.deep-2 {
	margin-left: 30px;
}
.deep-3 {
	margin-left: 45px;
}
.deep-4 {
	margin-left: 60px;
}
.deep-5 {
	margin-left: 75px;
}
.deep-6 {
	margin-left: 90px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Section Social Share
/* ---------------------------------------------------------------------------------------------- */
.section-socials-share {
    margin-top: 20px;
}

.section-socials-share ul {
    padding-left: 0;
}
.section-socials-share li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin-bottom: 5px;
    margin-right: 5px;
}
.section-socials-share li a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    transition: all 0.3s ease-in-out 0s;
    width: 28px;
}
.section-socials-share li.image.facebook a {
    background: url("/Templates/Base20/Images/SectionSocialsShareFacebook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.section-socials-share li.image.twitter a {
    background: url("/Templates/Base20/Images/SectionSocialsShareTwitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.section-socials-share li.image.googleplus a {
    background: url("/Templates/Base20/Images/SectionSocialsShareGooglePlus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.section-socials-share li.image.linkedin a {
    background: url("/Templates/Base20/Images/SectionSocialsShareLinkedin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.section-socials-share li.image.facebook:hover a {
    background-position: 0 -38px;
}
.section-socials-share li.image.twitter:hover a {
    background-position: 0 -38px;
}
.section-socials-share li.image.googleplus:hover a {
    background-position: 0 -38px;
}
.section-socials-share li.image.linkedin:hover a {
    background-position: 0 -38px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Feedback
------------------------------------------------------------------------------------------------- */
.feedback .privacy-field input {
    float: left;
    max-width: 14px;
    height: 14px !important;
}
/* ---------------------------------------------------------------------------------------------- */



/* UserRegistration
------------------------------------------------------------------------------------------------- */

.full-registration .email .input-div, .simple-registration .email .input-div, .user-registration .email .input-div, .user-registration .fiscal-code .input-div {
   position: relative;
}

.full-registration .email .input-div a, .simple-registration .email .input-div a, .user-registration .email .input-div a, .full-registration .fiscal-code .input-div a, .user-registration .fiscal-code .input-div a {
   position: absolute;
   top: 5px;
   right: 10px;
   text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------------- */
