@charset "UTF-8";
/* CSS Document */

/** Style **/

* {
	margin:0;
	padding:0;
}

a {
    text-decoration:    none;
    color:              red;
    font-size:          12px;
}

a:hover {
    text-decoration:    none;
    color:              grey;
    font-size:          12px;
}                  

a:visited {
   color:               darkgray;
   text-decoration:     none;
}

.BoxEmail {
    text-decoration:    none;
}

a.BoxEmail {
    text-decoration:    none;
    color:              red;
    font-size:          12px;
}

a:hover.BoxEmail {
    text-decoration:    none;
    color:              grey;
    font-size:          12px;
}

img, a img {
	border:				none;
}

body {
    color:              red;
	font-family:		helvetica, arial, verdana, sans-serif;
	font-size:			12px;
    text-align:         center;
}


#MainBox {
	width:              990px;
	margin:             0 auto;
    text-align:         center;
}

/** Main Box **/

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
    #MainBox {
        text-align:         center;
        width:              990px;
        margin:             0 auto;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 768px) 
and (orientation : portrait) {
/* Styles */
}

/** Header **/

#header {
    width:              990px;
    margin-left:        auto;
    margin-right:       auto;
}

#LogoMfc {
    width:              310px;
    margin-left:        auto;
    margin-right:       auto;
    margin-top:         15px;
}

.lineA {
    width:              990px;
    margin-top:         10px;
    margin-bottom:      10px;
    margin-left:        auto;
    margin-right:       auto;
    border-top:         1px solid red;
}

.lineB {
    float:              left;
    width:              990px;
    margin-bottom:      10px;
    margin-left:        auto;
    margin-right:       auto;
    border-top:         1px solid red;
}

#lineC {
    float:              left;
    width:              990px;
    border-top:         1px solid red;
    margin-top:         15px;
    margin-bottom:      15px;
}

#lineD {
    width:              235px;
    margin-top:         5px;
    border-top:         1px darkgray solid; 
}

#lineE {
    float:              left;
    width:              990px;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      5px;
    border-top:         1px red solid; 
}

#lineF {
    width:              350px;
    margin-left:        auto;
    margin-right:       auto;
    margin-top:         5px;
    border-top:         1px solid rgb(192,0,38); 
}

#HeaderMenu {
    width:              990px;
    font-weight:        bold;
    margin-top:         7px;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      7px;    
}

.RegionsSubMenu {
    float:              left;
    width:              990px;
    height:             20px;
    text-align:         left;
    padding-top:        5px;
    margin-bottom:      10px;
    display:            none;
    clear:              both;
    /*background-color:   pink;*/
}

.RegionButton {
    text-transform:     uppercase;
    margin-right:       5px;
    margin-bottom:      5px;
    padding:            5px;
    color:              white;
    background-color:   red;
    float:              left;
    width:              auto;
    height:             10px;
    border:             1px red solid;        
}

a.RegionButton {
    font-size:          10px;
}

a:hover.RegionButton {
    font-size:          10px;    
    color:              red ;
    background-color:   white;
    border:             1px red solid;
}

#HeaderMenuA {
    text-transform:     uppercase;
    width:              auto;
    height:             auto;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      7px;
    float:              left;
}

#HeaderMenuB,
#HeaderMenuC,
#HeaderMenuD,
#HeaderMenuE {
    text-transform:     uppercase;
    margin-left:        25px;
    width:              auto;
    height:             auto;
    float:              left;
}

/** Container **/

#container {
    width:              990px;
    min-height:         505px;
    margin-left:        auto;
    margin-right:       auto;
}

#SectionsContainer {
    width:              800px;
    min-height:         560px;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         center;
}

#BoxSectionsContainer {
    width:              735px;
    min-height:         560px;
    margin-left:        auto;
    margin-right:       auto;
}

#BoxSectionsAeV {
    width:              735px;
    min-height:         505px;
    margin-left:        auto;
    margin-right:       auto;
}

#TitleBox {
    float:              left;
    margin-top:         5px;
    width:              820px;
    height:             auto;
    text-transform:     uppercase;
    text-align:         left;
}

.TextBoxTeO {
    float:              left;
    margin-top:         5px;
    width:              820px;
    height:             auto;
    text-align:         left;
    line-height:        1.44em;    
}


#SectionTitle {
    text-transform:     uppercase;
    margin-top:         5px;
    text-align:         left;
}

.ImgTitleA {
    color:              darkgray;
    float:              left;
    text-align:         left;
    margin-top:         -22px;
    margin-left:        1px;
    width:              266px;
    background-color:   white;
    opacity:            0.80;
    height:             15px;
    padding-top:        5px;
    padding-left:       5px;
    text-transform:     uppercase;
}

#Box01 {
    float:              left;
    margin-top:         5px;
    width:              818px;
    height:             495px;
}

#Box02 {
    float:              left;
    margin-top:         5px;
    width:              340px;
    height:             475px;
    overflow:           hidden;
    border:             1px lightgrey solid;
}

#Box03 {
    float:              left;
    margin-top:         5px;
    margin-left:        5px;
    width:              235px;
    height:             235px;
    overflow:           hidden;
    border:             1px lightgrey solid;
}

#Box03A {
    float:              left;
    margin-top:         245px;
    margin-left:        -237px;
    width:              235px;
    height:             235px;
    border:             1px lightgrey solid;
}

#Box04 {
    float:              left;
    margin-top:         5px;
    margin-left:        5px;
    width:              475px;
    height:             235px;
    overflow:           hidden;
    border:             1px lightgrey solid;
}

#Box06 {
    float:              left;
    margin-top:         5px;
    width:              580px;
    height:             475px;
    overflow:           hidden;
}

#Box07 {
    float:              left;
    margin-top:         5px;
    width:              820px;
    height:             475px;
    overflow:           hidden;
}

#Box08 {
    float:              left;
    width:              270px;
    height:             475px;
    margin-top:         5px;
    overflow:           hidden;
    border:             1px lightgray solid;
}

#Box09 {
    float:              left;
    margin-left:        5px;
    margin-top:         5px;
    width:              270px;
    height:             475px;
    overflow:           hidden;
    border:             1px lightgray solid;
}

#Box09Text {
    float:              left;
    margin-left:        5px;
    margin-top:         5px;
    width:              250px;
    height:             455px;
    overflow:           hidden;
    border:             1px lightgray solid;
    text-align:         center;
    text-transform:     uppercase;
    line-height:        22px;
    font-size:          14px;
    padding-top:        20px;
    padding-left:       10px;
    padding-right:      10px;
}


#Box10 {
    float:              left;
    width:              235px;
    height:             475px;
    margin-top:         5px;
    margin-left:        5px;
    border:             1px lightgray solid;
}

#Box11 {
    float:              left;
    width:              270px;
    height:             235px;
    margin-top:         5px;
    overflow:           hidden;
    border:             1px lightgray solid;
}

#Box12 {
    float:              left;
    width:              240px;
    height:             425px;
    margin-top:         5px;
    margin-left:        5px;
    padding-top:        50px;
    padding-left:       15px;
    padding-right:      15px;
    background-image:   url(../img/00246.jpg);
    border:             1px lightgray solid;
    color:              white;
    text-align:         left;
    text-transform:     uppercase;
    font-size:          12px;
    line-height:        1.44em;
}

#Box13 {
    float:              left;
    width:              824px;
    height:             475px;
    margin-top:         5px;
    overflow:           hidden;
    border:             1px lightgray solid;
}

#Box14 {
    float:              left;
    width:              826px;
    min-height:         475px;
    margin-top:         5px;
    overflow:           hidden;
}

.ECtext {
    color:              white;
    margin:             10px;
    
}

#BoxSections {
    float:              left;
    margin-top:         15px;
    margin-left:        5px;
    width:              235px;
    height:             auto;
}

#BoxSection {
    width:              auto;
}

#SectionImg {
    width:              235px;
    height:             235px;
    overflow:           hidden;
    border:             1px lightgrey solid;
}

#BoxArrowSections {
    float:              left;
    overflow:           auto;
    width:              800px;
    min-height:         50px;
    text-align:         center;
    margin-top:         -310px;
    margin-left:        auto;
    margin-right:       auto;
    z-index:            -5;
}

.ArrowPrevSections{
    float:              left;
    width:              auto;
    height:             auto;
}

.ArrowNextSections{
    float:              right;
    width:              auto;
    height:             auto;
}

.ArrowPrev{
    float:              left;
    margin-top:         -257px;
    margin-left:        -1px;
    width:              auto;
    height:             auto;
}

.ArrowNext{
    float:              right;
    margin-top:         -257px;
    margin-left:        800px;
    width:              auto;
    height:             auto;
}

#LogoADT {
    overflow:           auto;
    text-align:         left;
    width:              990px;
}

#AboutUsTitle,
#PhilosophyTitle,
#MissionTitle { 
    overflow:           auto;
    margin-top:         15px;
    width:              990px;
    text-align:         left;
    color:              black;
    font-size:          36px;
    font-weight:        bold;
}
    
#AboutUsText,
#PhilosophyText,
#MissionText {
    margin-top:         5px;
    overflow:           auto;
    font-size:          18px;
    width:              990px;
    text-align:         left;
    color:              black;
    line-height:        1.35em;
}

#TrentinoText,
#ToscanaText,
#VenetoText,
#LombardiaText,
#SiciliaText,
#PiemonteText
{
    overflow:           auto;
    font-size:          16px;
    width:              990px;
    text-align:         left;
    color:              black;
    line-height:        1.35em;
}

#TrentinoTourTitle {
    font-weight: bold; 
    font-size: 46px; 
    background-color: lightpink;
    float: left
}

.ImageDescription {
    color:              gray;        
    font-size:          10px;
    text-align:         left;
    margin-top:         5px;
    margin-bottom:      5px;
    // background-color:   lightpink;    
}

#AeVText {
    margin:             5px;
    margin-top:         20px;
    overflow:           auto;
    float:              left;
    width:              715px;
    text-align:         left;
    font-size:          12px;
    line-height:        1.40em;
    text-transform:     uppercase;    
}

#ContainerBox {
    overflow:           auto;
    width:              818px;
    min-height:         505px;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         center;
}

.Contacts {
    width:              200px;
    height:             auto;
    margin-top:         175px;
    margin-right:       auto;
    margin-left:        auto;
    border-top:         1px darkgrey solid;
    border-bottom:      1px darkgrey solid;
    font-size:          12px;
    line-height:        1.5em;
    text-align:         left;
    text-transform:     uppercase;
}

#MFCPhoto {
    position:           relative;
    float:              left;
    margin-top:         10px;
    margin-left:        5px;
    padding-top:        5px;
    padding-bottom:     5px;
    width:              270px;
    height:             475px;
    border-top:         1px lightgrey solid;
    border-bottom:      1px lightgrey solid;
    z-index:            -2;
}

/** Footer **/

#footer {
    width:              990px;
    margin-left:        auto;
    margin-right:       auto;
}

#BoxAddress {
    float:              left;
    margin-top:         15px;
    margin-bottom:      15px;
    padding-top:        5px;
    padding-bottom:     5px;
    width:              auto;
    height:             auto;
    font-size:          12px;
    text-transform:     uppercase;
}

#BoxEmail {
    float:              right;
    margin-top:         15px;
    margin-bottom:      15px;
    padding-top:        5px;
    padding-bottom:     5px;
    width:              auto;
    height:             auto;
    font-size:          12px;
    text-transform:     uppercase;
}

#BoxEmailUpper {
    float:              right;
    width:              auto;
    height:             auto;
    font-size:          12px;
    text-transform:     uppercase;
}