/*! custom.css |by Mormegil */

/* base */
/* section */
/* grid */


/* base */
.bodystyle      {font-family: 'Roboto', sans-serif; background-color:#EEEEEE; color:#736357;}
.bodystyle-w    {font-family: 'Roboto', sans-serif; border: 16px #CCC solid; color:#736357;}
.material-icons {vertical-align:bottom; font-size:24px; font-size:2.4rem;}

a               {color:#000000;}
a:hover         {color:#FEBF01;}
a.reverse       {color:#FFFFFF;}
a.reverse:hover {color:#333333;}

a.white         {color:#FFFFFF;}
a.white:hover   {color:#FFFFFF;}

a.dark         {color:#333333;}
a.dark:hover   {color:#CC0000;}

a.gruppo        {color:#FFFFFF;}
a.gruppo:hover  {color:#FEBF01;}

a.eventi img    {max-height:160px; padding:16px }

a.bread        {color:#000000;}
a.bread:hover  {color:#DD0000;}

a[href^="tel:"]          {color:#555555;}
a[href^="tel:"]:hover    {color:#02B8FA;}

a[href^="mailto:"]       {color:#CC0000;}
a[href^="mailto:"]:hover {color:#000000;}

a.download       {color:#000000; margin-left:-16px; font-weight: bold;}
a.download:hover {color:#FEBA01;}

a.no-download       {color:#DD0000; margin-left:-16px; font-weight: bold;}
a.no-download:hover {color:#FEBA01;}

a.cerca       {color:#000000; margin-left:-16px;}
a.cerca:hover {color:#DD0000;}

.white          {color:#FFFFFF;}
.white:hover    {color:#FEBF01;}

.grey           {background-color:#F8F8F8;}
.grey:hover     {background-color:#F2F2F2;}

.red            {color:#FF0000;}
.red:hover      {color:#FEBF01;}

.m-border-top-w     {border-bottom:1px #FFFFFF solid;}
.m-border-bottom-w  {border-bottom:1px #FFFFFF solid;}

.m-bottom-mini      {margin-bottom:8px;}

.m-hide             {}
.m-info             {margin-top:20px; margin-left:8px;}
.m-info > li        {border-bottom:1px #CCC solid; padding-top: 4px;}

img.simboli         {border: 1px #CCC solid; margin-top: 2px}
img.simboli:hover   {background-color: #FFF;}

.mini-margin-top    {margin-top: 5px;}
.micro-margin-top    {margin-top: 1px;}

.spaziodiv        {margin:0px 24px;}

.EditBoxRed   	  {border:1px solid #CC0000;}
.redtext	  {color: #CC0000;}

input.EditBoxRed {-moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 3px 0; border-radius:3px; font:inherit;
      color:inherit; height:38px; width:100%; max-width:100%; padding:4px 8px; border:1px solid #CC0000; background:#FFF;
      color:#534741; -webkit-transition: all linear 0.2s; transition: all linear 0.2s;}


/* fancybox */
.fancybox-slide--iframe .fancybox-content {
    width  : 500px;
    height : 500px;
    max-width  : 500px;
    max-height : 500px;
    margin: 0;
}

/* section */
#m-home               {position:relative; width:100%; margin:0 auto;}
#m-home:before        {content:" "; display:table;}
#m-home:after         {content:" "; display:table; clear: both;}
#m-top          {background-color: #FFFFFF; padding:2px;}
#m-bottom       {color: #998675; padding:4px;}
#m-header       {background-color: #F8F8F8; padding:0px; z-index:10;}
#m-header-home  {background-color: #FFFFFF; padding:0px; z-index:10;}
#m-footer       {background-color: #606060; padding:4px;}
#m-content      {background-color: #F2F2F2; padding:4px;}
#m-home         {background-color: #EEEEEE; padding:4px; top:-48px;}
#m-menu         {background-color: #F2F2F2; padding:0px; border-bottom:1px solid #DDD}
#m-tab          {position:relative; top:-70px; z-index:100;}
#m-slider       {z-index:10;}

/* header */
#m-header               {background-color: #F8F8F8; padding:0px; z-index:10; border-bottom:1px solid #FFF}
#m-header .m-box        {padding:4px 8px; margin:0px;}
#m-header .m-box:hover  {background-color: #DFDFDF;}
#m-header .m-box-active {background-color: #DFDFDF;}
.top-info               {min-height:40px;}
.m-margin-search        {margin-top:0px; margin-top:0.0rem;}

/* menu */
.m-padding-menu   {padding:0px 0px 0px 0px;}
.m-title-menu-sx  {font-size:18px; font-size:1.8rem; font-weight: bold; padding: 8px 0px 4px 0px;}
.m-gruppo-sx      {font-size:15px; font-size:1.5rem; color:#ED1C24; text-transform: uppercase ; border-bottom: 1px solid #CCC; padding: 0px 0px 12px 8px}

/* button */
.m-button-brown         {background-color:#534741; color:#FFFFFF; width:48%; border:0px}
.m-button-red           {background-color:#ED1C24; color:#FFFFFF; width:48%; border:0px}
.m-button-brown:hover   {background-color:#362F2D; border:0px}
.m-button-red:hover     {background-color:#BD040B; border:0px}
.m-button-elenco        {min-width:30%; min-height:64px; font-size:16px; font-size:1.6rem; background-color:#FFFFFF; color:#999999; border:0px #BBBBBB solid; border-radius:6px; margin:4px; padding-top:20px;}
.m-button-elenco:hover  {background-color:#DD0000; color:#FFFFFF; border:0px #BBBBBB solid;}
.m-button-lista         {min-width:30%; min-height:64px; font-size:16px; font-size:1.6rem; background-color:#FFFFFF; color:#999999; border:0px #BBBBBB solid; border-radius:6px; margin:4px; padding-top:20px;}
.m-button-lista:hover   {background-color:#DD0000; color:#FFFFFF; border:0px #BBBBBB solid;}
.m-button-gruppo        {width:100%; height:38px; font-size:16px; font-size:1.6rem; color:#333333; border:0px; border-bottom: 1px #DDDDDD solid; margin:4px; }
.m-button-gruppo:hover  {border:0px; border-bottom: 1px #DDDDDD solid;}

/* grid */
.m-row                         {width:98%; max-width:1280px;}
.m-row-test                    {width:98%; max-width:1920px;}

#m-main .m-row                 {width:98%; max-width:1280px; min-height:64px;}

#m-tab .m-row                  {width:98%; max-width:1280px; -moz-box-shadow:0px 1px 3px #AAA; -webkit-box-shadow:0px 1px 3px #AAA; box-shadow:0px 1px 3px #AAA;}
#m-tab .m-col                  {min-height:256px; padding:16px; -webkit-appearance:none; -moz-appearance: none; transition: background-color 800ms ease-out;}
#m-tab .m-col-1-3              {background-color:#F8F8F8;}
#m-tab .m-col-1-3:hover        {background-color:#E2D8CC;}
#m-tab .m-col-2-4              {background-color:#EFEFEf;}
#m-tab .m-col-2-4:hover        {background-color:#E2D8CC;}

#m-tab .m-tab-title   {min-height:24px; font-size:16px; font-size:1.6rem; padding-bottom: 4px; border-bottom:1px #DDDDDD solid; font-weight: bold;}
#m-tab .m-tab-content {min-height:128px; padding-top:16px; font-size:16px; font-size:1.6rem;}
#m-tab .m-col:last-child .m-tab-title {border-bottom:1px #FFFFFF solid}

#m-tab form                 {padding:0px 0px 8px 0px; font-size:14px; font-size:1.4rem;}
#m-tab form li              {padding:4px 0px; width:100%}
#m-tab form input:focus     {border-color:#00BCD4;}
#m-tab form textarea:focus  {border-color:#00BCD4;}
#m-tab form select:focus    {border-color:#00BCD4;}

#m-tab form.m-login         {padding:0px 0px 0px 0px; font-size:14px; font-size:1.4rem;}
#m-tab form.m-login li      {padding:0px 0px; width:100%}

#m-tab li > a               {font-weight:bold;}

#m-tab .m-button            {margin:0; font-size:14px; font-size:1.4rem;}

.m-bg-extralight            {background-color:#F8F8F8;}

#m-content                      {background-color:#F2F2F2;}
#m-content .m-row               {min-height:256px;}
#m-content .m-row-min           {min-height:64px;}
#m-content table > thead        {background-color:#EEE; border-bottom:1px #BBB solid;}
#m-content table > tbody        {border-bottom: 1px #CCC solid;}
#m-content table > tbody.intab  {border-bottom: 0px #FFF solid;}
#m-content table > tbody:hover  {background-color:#F8F8F8;}

#placex table > tbody           {border-bottom: 1px #CCC solid;}
#placex table > tbody.intab     {border-bottom: 0px #FFF solid;}
#placex table > tbody:hover     {background-color:#FFF;}

#m-content tr.riv1              {background-color:#F2F2F2;}
#m-content tr.riv1:hover        {background-color:#F8F8F8;}
#m-content tr.riv2              {background-color:#EFEFEF;}
#m-content tr.riv2:hover        {background-color:#F8F8F8;}
#m-content tr.riv3              {background-color:#E8E8E9;}
#m-content tr.riv3:hover        {background-color:#F8F8F8;}
#m-content tr.riv4              {background-color:#E4E4E4;}
#m-content tr.riv4:hover        {background-color:#F8F8F8;}
#m-content tr.riv5              {background-color:#E0E0E0;}
#m-content tr.riv5:hover        {background-color:#F8F8F8;}

#m-content td.info              {width:32px; color: #999;}
#m-content td.rivestimento      {width:32px; color: #333; font-weight: bold; height: 48px; font-size:14px; font-size:1.6rem; vertical-align: bottom;}
#m-content td.info:hover        {color: #555;}
#m-content td.codice            {color: #333; font-weight: bold; font-size:13px; font-size:1.3rem;}
#m-content td.art               {font-size:12px; font-size:1.2rem; text-align:right}
#m-content th.art               {font-size:12px; font-size:1.2rem; text-align:right}
#m-content th.codice            {color: #333; text-transform: uppercase; vertical-align: bottom; font-size:13px; font-size:1.3rem;}
#m-content table.mintab         {margin-bottom:4px; margin-top:4px; line-height:1.2;}
#m-content table.mintab td      {padding:4px 4px; border-top:1px #DDD solid}
#m-content .m-div-prezzo        {font-weight: bold; color: #DD0000;}
#m-content .m-text-nota         {font-weight: bold; color: #333333;}
.material-icons.md-18           {font-size:18px;}

#m-home                     {background-color:#EEEEEE;}
#m-home .m-row              {min-height:256px;}
#m-home .m-row-min          {min-height:64px;}
.bg-simbolo                 {background-image:url(/public/images/bg-simbolo.png); background-position:top; background-repeat:no-repeat;}
.bg-simbolo-grey            {background-image:url(/public/images/bg-simbolo-grey.png); background-position:top; background-repeat:no-repeat;}
.bg-simbolo-shadow          {background-image:url(/public/images/bg-simbolo-shadow.png); background-position:left; background-repeat:no-repeat;}
.bg-worldmap                {background-image:url(/public/images/world-map.png); background-position:right; background-repeat:no-repeat;}
.m-bg-white-tr              {background-color:rgba(255,255,255,0.9);}
.m-bg-black-tr              {background-color:#606060;}
.m-bg-dark-tr               {background-color:#606060;}
.m-bg-news-tr               {background-color:#736357;}

/* box */
#m-content .m-row             {width:98%; max-width:1280px;}
#m-content .m-box             {min-height:64px; margin-bottom:8px; border:1px #DDD solid;}
#m-content .m-box-content     {min-height:100px; margin-bottom:8px; border:1px #DDD solid;}
#m-content .m-box-leftspace   {padding-left: 36px;}
#m-content .m-box-pro         {min-height:400px; margin-bottom:8px; border:0px #FFF solid;}
#m-content .m-box-gal         {height:64px; width:96px; margin-bottom:4px; padding:4px; border:1px #DDD solid; overflow: hidden; background-color:#FFFFFF; text-align: center;}
#m-content .m-box-gal img     {max-height:60px; max-width:96px;}
#m-content li > a             {padding-left:16px; -webkit-appearance:none; -moz-appearance: none; transition: background-color 400ms ease-out;}
#m-content li > a:hover       {background-color:#F4F4F4;}
#m-content li > a.cerca:hover {background-color:#FFFFFF;}
#m-content li > a.nopad       {padding-left:0px;}
#m-content li > a.nopad:hover {color:#333333}
#m-content div.result         {min-height: 440px}

#m-content form > input       {width:80px; height: 32px;}
#m-content .m-button-form     {padding:4px 16px;}
#m-content .semaforo          {height: 36px;}

#m-content .m-page-title        {font-weight:lighter; color:#333333; font-size:32px; font-size:3.2rem; font-weight: bold; padding:8px 8px 8px 24px;}
#m-content .m-title-ul          {color:#000000; font-size:36px; font-size:3.6rem; font-weight: normal; padding:16px 8px 8px 24px;}
#m-content .m-subtitle-ul       {color:#333333; font-size:20px; font-size:2.0rem; font-weight: bold;}
#m-content ul.elenco            {font-size:15px; font-size:1.5rem;}
#m-content ul.elenco > li       {padding:4px 8px 8px 24px;}
#m-content ul.elenco > li > img {margin-bottom: 32px;}
.m-margin-top-min               {margin-top:8px; margin-top:0.8rem;}
.m-padding-bottom-min           {padding-bottom:8px; padding-bottom:0.8rem;}
.m-margin-a-min                 {margin: 2px 2px 2px 2px;}
.m-img-gallery                  {max-width:32%;}

#m-home .m-row              {width:98%; max-width:1300px;}
#m-home .m-box              {min-height:280px; border:1px #DDD solid;}
#m-home .m-box-adv          {min-height:160px; border:1px #DDD solid; padding:0;}
#m-home li                  {min-height:38px;}
#m-home li > a              {padding-left:16px; -webkit-appearance:none; -moz-appearance: none; transition: background-color 400ms ease-out;}

#m-home .m-orange           {color:#FEBF01}
.m-orange                   {color:#FEBF01}

/* list */
.m-list-white                {margin:0px 0; padding:0;}
.m-list-white li             {padding:0px;}
.m-list-white span           {padding-left: 28px; color:#CCCCCC;}
.m-list-white ul             {margin:8px 0; padding:0; list-style:none; font-size:13px; font-size:1.3rem;}
.m-list-white li > a         {display:block; text-decoration:none; color:#FFF; padding:6px 0; border-bottom:1px #888 solid;}
.m-list-white li > a:hover   {color:#555555; background-color:#CCCCCC;}

.m-list-whiten               {margin:0px 0; padding:0;}
.m-list-whiten li            {padding:0;}
.m-list-whiten span          {padding-left: 28px; color:#FEBF01; font-size: 13px; font-size: 1.3rem}
.m-list-whiten ul            {margin:8px 0; padding:0; list-style:none; font-size:13px; font-size:1.3rem;}
.m-list-whiten li > a        {display:block; text-decoration:none; color:#FFF; padding:6px 0 6px 0px; border-bottom:1px #888 solid;}
.m-list-whiten li > a:hover  {background-color:#998675;}
.m-margin-top-buttom-news    {margin-top: 17px;}

.m-padding-top-list         {padding-top:4px; padding-top:0.4rem;}
.m-padding-bottom-list      {padding-bottom:4px; padding-bottom:0.4rem;}

#m-footer .m-list ul            {margin:8px 0; padding:0; list-style:none; font-size:13px; font-size:1.3rem;}
#m-footer .m-list li > a        {display:block; text-decoration:none; color:#FFFFFF; padding:3px 0; border-bottom:0px;}
#m-footer .m-list li > a:hover  {color:#000000;}
#m-footer h3                    {font-size:20px; font-size:2.0rem;}
#m-footer .m-col:last-child     {text-align:left;}
#m-footer li.social img         {max-height:24px; padding-right:8px;}
#m-footer li.social a:hover     {color:#000000;}
#m-footer li.social             {padding:4px 0px}
#m-footer .m-orange             {color:#FEBF01}

/* menu sx del content */
#m-content .m-menu-sx .m-list ul                  {margin:8px 0; padding:0; list-style:none;}
#m-content .m-menu-sx .m-list li > a              {display:block; text-decoration:none; font-size:16px; font-size:1.6rem; color:#555555; padding:12px 8px; border-bottom:1px #F8F8F8 solid;}
#m-content .m-menu-sx .m-list li > a:hover        {color:#DD0000; background-color:#F8F8F8;}
#m-content .m-menu-sx .m-list li > a.active       {color:#F44336; font-weight:bold; background-color:#FDFDFD;}
#m-content .m-menu-sx .m-list li > a.active:hover {color:#F44336;}

#m-content .m-menu-sx .m-list li.gruppo > a       {display:block; text-decoration:none; text-transform: uppercase; font-size:15px; font-size:1.5rem; color:#ED1C24; padding:16px 8px 8px 8px ; border-top:1px #AAA solid; border-bottom:0px}
#m-content .m-menu-sx .m-list li.gruppo > a:hover {color:#000000; background-color:#F8F8F8;}

#m-content .m-menu-sx .m-list li.item > a              {display:block; text-decoration:none; font-size:14px; font-size:1.4rem; color:#555555; padding:8px 8px 8px 16px; border-bottom:0px #FFF solid; border-top:1px #FFF solid;}
#m-content .m-menu-sx .m-list li.item > a:hover        {color:#000000; background-color:#F8F8F8;}
#m-content .m-menu-sx .m-list li.item > a.active       {font-weight:bold; background-color:#F2F2F2; border-bottom: 0px; padding:8px 8px 0px 16px; }
#m-content .m-menu-sx .m-list li.item > a.active:hover {}

#m-content .m-menu-sx .m-list li.pro > a          {display:block; text-decoration:none; font-size:12px; font-size:1.2rem; color:#555555; padding:6px 6px 6px 32px; border-bottom:0px;}
#m-content .m-menu-sx .m-list li.pro > a:hover    {color:#CC0000; background-color:#F8F8F8;}

/* main - breadcrumb */
#m-main .breadcrumb             {padding-top:4px;}
#m-main .breadcrumb a           {color:#000000;}
#m-main .breadcrumb a:hover     {color:#00BCD4;}

@media screen and (max-width: 960px) {
#m-tab .m-col               {margin-bottom:8px;}
#m-footer .m-col:last-child {text-align:left;}
.m-col.m-menu-sx            {display:none;}
}

@media screen and (min-width: 960px) {
.m-al-header {float:right;}
}

@media screen and (min-width: 640px) and (max-width: 960px) {
.m-al-header {float:left;}
.m-button-elenco  {min-width:48%; min-height:48px; padding-top:12px;}
.m-button-lista  {min-width:30%; min-height:48px; padding-top:12px;}
}

@media screen and (max-width: 640px) {
.m-al-header {float:left;}
.m-button-elenco  {min-width:100%; min-height:48px; padding-top:12px;}
.m-button-lista   {min-width:46%; min-height:48px; padding-top:12px;}
#m-slider         {z-index:10; display: none;}
#m-tab            {top:0px; margin-bottom: 48px;}
}
