/***************************************
TH - SCREEN
***************************************/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {background-color: #e8e9e9;}
body.ixPreview {background-color: lime;}

#ixPage {
   font-family: 'Droid Sans', sans-serif;
   font-size: 13px;
   color: #666;
   padding: 0 0 20px 0;
   background: url(/images/Sfondo/20) center 115px no-repeat;
}
a {text-decoration: none;color: #000;}
a:hover {color: #56ac27;}
strong {font-weight: 700;}
em {font-style: italic;}
.ixCollapse {display: none;}

#cookie-banner {
   font-size: 11px;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 10px;
   background-color: #56ac27;
   color: #fff;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   line-height: 120%;
}
#cookie-banner.chiuso {display: none;}
#cookie-banner strong {font-weight: bold;}
#cookie-banner a {color: #fff; text-decoration: underline; font-style: italic;}
#cookie-banner a:hover {color: #000;}
#cookie-banner #cookie-ok {
   display: block;
   float: right;
   padding: 10px 20px;
   margin: 0 0 10px 10px;
   background-color: #fff;
   color: #000;
   text-transform: uppercase;
   text-decoration: none;
   font-style: normal;
   border-radius: 10px;
}
#cookie-banner #cookie-ok:hover {background-color: #000; color: #fff;}

.ixUserPath {font-size: 11px; text-align: right; margin: 40px 35px 0 0;}
.ixUserPath div {display: inline;}
.ixUserPath a {color: #fff;}
.ixUserPath span {margin: 0 2px; color: #fff;}
.ixUserPath a:hover span {color: #000;}

.ixSitemap > ul > li > ul > li {width: 50%; float: left;}
.ixSitemap > ul ul ul {padding: 0 20px;}
.ixSitemap > ul > li > a,
.ixSitemap img {display: none;}

.controls {position: relative; margin: 0 0 20px 0; max-width: 1400px; margin: 0 auto; overflow: hidden;}
.controls .avanti,
.controls .indietro {
   position: absolute; 
   top: 50%; 
   display: block;
   background-color: #56ac27;
   padding: 5px 10px;
   margin: -20px 0 0 0;
   color: #fff;
   font-weight: 700;
}
.controls .indietro {left: 0;}
.controls .avanti {right: 0;}
.controls .avanti:hover,
.controls .indietro:hover {color: #000; background-color: #ccc;}

.ixSectionContainer_footer .ixSection,
.ixSectionContainer_userpath .ixSection,
.ixSectionContainer_header .ixSection {
   width: 980px;
   margin: 0 auto;
   position: relative;
}

.ixSectionContainer_header {background-color: #fff; height: 115px;}
.ixSectionContainer_header .ixMenu2 li a {
   position: absolute;
   right: 20px;
   top: 10px;
}
.ixSectionContainer_header .ixMenu2 li.ixSelected a,
.ixSectionContainer_header .ixMenu2 li.ixOpen a {
   right: auto;
   left: 0;
   top: 30px;
   width: 280px;
   height: 45px;
   background: url(/images/Tecno_Holding/0) 0 0 no-repeat;
}
.ixSectionContainer_header .ixMenuTree {display: table; width: 637px; position: absolute; top: 50px; right: 20px;}
.ixSectionContainer_header .ixMenuTree > ul {display: table-row;}
.ixSectionContainer_header .ixMenuTree > ul > li {
   position: relative;
   display: table-cell; 
   vertical-align: middle; 
   padding: 5px; 
   text-align: center;
   text-transform: uppercase;
   width: 106px;
}
.ixSectionContainer_header .ixMenuTree > ul > li:hover {background-color: #56ac27;}
.ixSectionContainer_header .ixMenuTree > ul > li:hover ul {
   display: block;
   position: absolute;
   top: 40px;
   left: 0;
   width: 200px;
   z-index: 99;
}
.ixSectionContainer_header .ixMenuTree > ul > li:hover > a {color: #fff;}
.ixSectionContainer_header .ixMenuTree > ul > li:hover li > a {background-color: #e8e9e9; padding: 5px 5px 0 5px; width: 190px; display: block; text-align: left; text-transform: none;}
.ixSectionContainer_header .ixMenuTree > ul > li:hover li:last-child > a {padding: 5px;}
.ixSectionContainer_header .ixMenuTree > ul > li:hover li > a:before {content: '>'; margin: 0 5px 0 0;}
.ixSectionContainer_header .ixMenu2 li.ixSelected .ixImage,
.ixSectionContainer_header .ixMenu2 li.ixOpen .ixImage,
.ixSectionContainer_header .ixMenu2 li a .ixLabel,
.ixSectionContainer_header .ixMenuTree ul ul,
.ixSectionContainer_header .ixMenu3,
.ixSectionContainer_header .ixMenu1 {display: none;}

.ixSectionContainer_photogallery .ixList {
   width: 1400px;
   height: 500px;
   margin: 0 auto;
   overflow: hidden;
   background-color: #000; 
   position: relative;
}
.ixSectionContainer_photogallery .ixList li {width: 100%; height: 500px; position: absolute; display: block; left: 1400px;}
.ixSectionContainer_photogallery .ixList li.ixCounter1 {left: 0;}
.ixSectionContainer_photogallery .ixList li img {width: 100%;}

.ixSectionContainer_subnavigation .ixMenu {float: left; width: 215px; min-height: 300px; background-color: #e0e5e5; padding: 15px 0;}
.ixSectionContainer_subnavigation .ixMenu ul li a {display: block; padding: 5px 20px;}
.ixSectionContainer_subnavigation .ixMenu ul li.ixSelected > a,
.ixSectionContainer_subnavigation .ixMenu ul li.ixOpen > a,
.ixSectionContainer_subnavigation .ixMenu ul li a:hover {background-color: #56ac27; color: #fff;}
.ixSectionContainer_subnavigation .ixMenu ul li a:before {content: '>'; margin: 0 5px 0 0;}

.ixSectionContainer_footer {clear: both;}
.ixSectionContainer_footer .ixMenu {font-size: 11px;}
.ixSectionContainer_footer .ixMenu .ixText .ixTxt {margin: 20px 0; text-align: center; line-height: 180%; font-size: 11px;}
.ixSectionContainer_footer .ixMenu ul {text-align: right; margin: 0 20px 0 0;}
.ixSectionContainer_footer .ixMenu ul li {display: inline; margin: 0 0 0 10px;}
.ixSectionContainer_footer .ixMenu ul li a:before {content: '>'; margin: 0 5px 0 0;}

#ixMainContentContainer {
   width: 960px;
   padding: 0 10px 0 0;
   margin: 10px auto 0 auto;
   background: url(/images/Barra_destra/0) right 0 repeat-y #fff;
   -webkit-box-shadow: -5px 5px 3px 0 #ccc;
   box-shadow: -5px 5px 3px 0 #ccc;
   min-height: 300px;
   position: relative;
   overflow: hidden;
}
.ixSectionContainer_subcontents,
#ixMainContent {padding: 15px 20px 15px 15px; overflow: hidden; }
#ixMainContentContainer .ixVideo,
#ixMainContentContainer .ixContentImage img {margin: 0 0 20px 0; max-width: 710px;}
#ixMainContentContainer h1 {color: #56ac27; font-size: 20px; margin: 0 0 10px 0;}
#ixMainContentContainer h1:before {content: '>'; margin: 0 5px 0 0;}
#ixMainContentContainer h2 {color: #56ac27; font-size: 15px; margin: 0 0 5px 0;}
#ixMainContentContainer .ixText .ixTxt {display: block; line-height: 180%; text-align: justify;}
#ixMainContentContainer .ixText .ixTxt p {margin: 0 0 10px 0;}
#ixMainContentContainer .ixText .ixTxt ol,
#ixMainContentContainer .ixText .ixTxt ul {padding: 10px 0 10px 20px;}
#ixMainContentContainer .ixText .ixTxt ul li {list-style-type: disc;}
#ixMainContentContainer .ixText .ixTxt ol li {list-style-type: decimal;}
#ixMainContentContainer .ixText .ixTxt table {width: 100%;}
#ixMainContentContainer .ixText .ixTxt table td {vertical-align: top;}
#ixMainContentContainer .ixLink a {float: right; display: block; margin: 20px 0 0 0;}
#ixMainContentContainer .ixLink .ixImage img {float: right; margin: 0 0 0 10px;}
#ixMainContentContainer .ixList_Images {height: 350px;width: 710px;}
#ixMainContentContainer .ixList_Images li {width: 710px; position: absolute; height: 350px; display: block; left: 710px;}
#ixMainContentContainer .ixList_Images li.ixCounter1 {left: 0;}
#ixMainContentContainer .ixList_Images li img {width: 100%;}
#ixMainContentContainer .ixList_Documents {overflow: hidden;}
#ixMainContentContainer .ixList_Documents li {overflow: hidden; margin: 5px 0;}
#ixMainContentContainer .ixList_Documents li .ixImage {float: left;}
#ixMainContentContainer .ixList_Documents li .ixImage img {margin: 0 20px 0 0;}
#ixMainContentContainer .ixList_Documents li .ixTitle span {display: block; font-weight: bold; margin: 10px 0;}

ixSection_boxcontainer {overflow: hidden;}
.ixSectionContent_box {float: left; width: 280px; border: 30px solid #fff; border-right: 0; background-color: #000; padding: 150px 0 0 0; position: relative;}
.ixSectionContent_box .ixImage {max-width: 280px; max-height: 150px; overflow: hidden; position: absolute; top: 0; left: 0;}
.ixSectionContent_box .ixImage img {width: 100%;}
.ixSectionContent_box .ixTitle {text-align: center; padding: 5px; text-transform: uppercase; position: relative; color: #fff; font-size: 15px;}
.ixSectionContent_box .ixText {padding: 15px; overflow: auto;}
.ixSectionContent_box .ixLink {padding: 5px 15px;}
#ixMainContentContainer .ixSectionContent_box .ixLink a {float: none; margin: 0;}
.ixSectionContent_box.ixCounter3 {border-right: 30px solid #fff;}
.ixSectionContent_box.ixCounter1 .ixTitle {background-color: #8ebe49;}
.ixSectionContent_box.ixCounter1 .ixLink,
.ixSectionContent_box.ixCounter1 .ixText {background-color: #d2e5b6;}
.ixSectionContent_box.ixCounter2 .ixTitle {background-color: #55ab26;}
.ixSectionContent_box.ixCounter2 .ixLink,
.ixSectionContent_box.ixCounter2 .ixText {background-color: #bbdda8;}
.ixSectionContent_box.ixCounter3 .ixTitle {background-color: #007043;}
.ixSectionContent_box.ixCounter3 .ixLink,
.ixSectionContent_box.ixCounter3 .ixText {background-color: #99c6b4;}

.ixPageType_Sedi #ixMainContent table td {width: 50%;}
.ixPageType_Sedi #ixMainContent .ixTitle {display: none;}

.ixPageType_Home #ixMainContentContainer {min-height: 0; }
.ixPageType_Home #ixMainContent {display: none;}