﻿/*----------Oagina dettaglio Corso--------------*/
    
.corso-container{
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    vertical-align: top;
    width:100%
}
.corso-logo
{
    float: left;
    /*width: 20%;*/
    width: 50%;
    background-color: #e8e8e8;
    /*border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc 
    border-right: 1px solid #eee;
    vertical-align: top;*/
    margin: 0;
    padding: 0;
     margin-bottom:50px;
     margin-left:25%;
   
    
}
.corso-container > span:empty { display: none }
    
.corso-contentwrapper{
    float: left;
    width: 100%;
    border-left: 1px solid #ccc;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #eee;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.corso-contentcolumn{
    min-height: 180px;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
    
    
.corso-attachments{
    margin-top:12px;
    padding-top:4px;
    background-color:#f8f8f8;
    padding-bottom: 4px;
    position:relative;
    border: 1px solid #bbb;
    width: 100%;
    border-top-width: 0;
}
:not(.lt-ie8) .corso-attachments {
    height:32px;
}
.lt-ie8 .corso-attachments {
    float:left;
}
    
.corso-rightcolumn{
    width: 100px;
    min-width: 100px;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
   
.corso-contentcolumn > div:not(.corso-title):not(.corso-varie){
    margin: 0 10px 0 4px; /*Margins for inner DIV inside each column (to provide padding)*/
}



.course-title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    background-color: #96C0DD;
    color: white;
    padding: 10px 12px 6px 12px;
    margin: 0;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    border-right: 1px dotted rgba(0,0,0,0.25);
    border-top: 3px solid #86B0CD;
    border-left: 2px solid #86B0CD;
}
.course-title[disabled="disabled"]{
    cursor:default;
}
    
.corso-crediti{
    text-align:center;
    background-color:#96C0DD;/*#F5821F;*/
    color:White;
    vertical-align:top;
    padding:6px 12px;
    margin:0;
    font-size:120%;
    border-top: 3px solid #86B0CD; /*#DA731C;*/
}
.corso-crediti *:first-child{
    font-weight:bold;
    font-size:large
}
.corso-iscrizioni,
.corso-stato,
.corso-quota{
    min-height:42px;
    text-align:center;
}
.corso-iscrizioni span,
.corso-stato span,
.corso-quota span {
    font-weight:bold;
    font-size:bold;
}
.corso-iscrizioni p,
.corso-stato p,
.corso-quota p {
    display: inline;
}

.corso-iscrizioni{
    background-color: #88BB66;
    border-top: 4px solid #77AA55;
}
.corso-iscrizioni.corso-iscritti-alert{
    background-color: #E9AA39;
    border-top: 4px solid #D99A29;
}
.corso-iscrizioni.corso-iscritti-warning{
    background-color: #E05757;
    border-top: 4px solid #D04747;
}
.corso-stato {
    background: #FDE95E;
    border-top: 3px solid #E7D555;
}    
.corso-quota{
    background-color:#aaa;
    border-top: 3px solid #999;
    padding-bottom: 6px;
}
    
.corso-segreteria,
.corso-varie{
    background-color:#f8f8f8;
    padding:6px 14px;
    margin:0 0 12px 0;
    font-style: italic;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.corso-segreteria span,
.corso-segreteria a,
.corso-varie span{
    font-size:130%;
    margin:0 0 4px 8px;
    font-style: italic;
}
.corso-segreteria th {
    text-align:right;
    padding-right:6px;
    font-weight:bold;
}
.corso-title {
    font-size:16px;
    font-weight:bold;
    background-color:#96C0DD; /*#F5821F;*/
    margin: 0;
    color: white;
    padding:10px 12px 6px 12px;
    margin: 0;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    border-right: 1px dotted rgba(0,0,0,0.25);
    border-top: 3px solid #86B0CD;
}
.corso-title *{
    color:White;
    text-shadow: 1px 1px rgba(0,0,0,0.25);
}
    
.corso-description {
    /*background-color:#eee;*/
    padding:0 8px;
    text-align: justify;
}
.corso-mappa {
    height:300px;
    /*width:200px;*/
    position:relative;
}
.corso-rightcolumn > div.corso-crediti {
    margin-bottom:0;
}
/*.corso-rightcolumn > div:not(.corso-crediti):not(.corso-mappa) {
    background: #FDE95E;
    border-top: 3px solid #E7D555;
    / *padding:6px 10px;* /
}*/
.corso-dettagli {
    font-style:italic;
}
    
table.corso-relatori th,
table.corso-relatori td{
    padding: 2px 4px;
}


.confirmbtn {float:left;width:30%;margin-left:10px; margin-bottom:10px;}
.cancelbtn {float:right;width:30%;margin-right:10px; margin-bottom:10px;}




/***************************************************************************/

/*----------Pagina Corsi--------------*/
    
.demicorso-container
{
    float: left;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    /*vertical-align: top;*/
    width:68% !important;
    margin-bottom:50px;
    height:100%;
}

.demicorso-container > span:empty { display: none }

.demicorso-logo
{
    float: left;
    width: 30%;
    background-color: #ffffff;
    /*border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc 
    border-right: 1px solid #eee;
    vertical-align: top;*/
    margin: 0;
    padding: 0;
    margin-bottom:70px;
    padding-top:30px;
    
}
.demicorso-img
{
width:100%;
height:100%;
max-width: 100%;
max-height: 100%;
overflow: hidden;
padding:0 !important;
transition: all 1s ease;
backface-visibility: hidden;
opacity: 1;
}
 
 
 
.middle {
  transition: 1s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.textcontainer:hover .demicorso-img {
  transform: scale(1.1);
  overflow: hidden;
  /*border-radius:50%;*/
   opacity: 0.6;
   transition: 1s ease;
}

.textcontainer:hover .middle {
  opacity: 1;
}
 

   
.imgtext {
  background-color: #373737;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 32px;
}

.textcontainer {
    position: relative;
    width: 100%;
}
   
/*.demicorso-img:hover {

  transform: scale(1.1);
  overflow: hidden;
  border-radius:50%;
   opacity: 0.3;

transition: 1s ease;

}*/



/*.demicorso-img:hover .middle 
{
    transform: translate(50%, -300%);
  -ms-transform: translate(50%, -300%);
  opacity: 1;
}
*/


.demicorso-contentwrapper{
    float: left;
    width: 100%;
    background-color: #e8e8e8;
    /*border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc 
    border-right: 1px solid #eee;
    vertical-align: top;*/
    margin: 0;
    padding: 0;
    
}

.demicorso-contentcolumn
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
   /* vertical-align: top;
    min-height: 180px;*/
}
    
    
    
    
.demicorso-professioni{float:left;width:40%;margin-left:5px;}  
.demicorso-attachments
{
    float: right;
    /*margin-top:12px;
    padding-top:4px;
    padding-bottom: 4px;*/
    background-color:#e8e8e8;
    width: 40%;
    position:relative;
    /*border: 1px solid #bbb;
    width: 100%;*/
    border-top-width: 0;
}

    
.demicorso-rightcolumn
{
    float: left;
    width: 100px;
    min-width: 100px;
    /*vertical-align: top;*/
    margin: 0;
    padding: 0;
    margin-left:-30px;
    opacity:0.8;
}
   
.demicorso-contentcolumn > div:not(.demicorso-title):not(.demicorso-varie){
    margin: 0 10px 0 4px; /*Margins for inner DIV inside each column (to provide padding)*/
}



.demicourse-title 
{
    float: left;
    display: block;
    font-size: 16px;
    font-weight: bold;
    
    color: #96C0DD;
    padding: 10px 12px 6px 12px;
    margin: 0;
    /*background-color: #96C0DD;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    border-right: 1px dotted rgba(0,0,0,0.25);
    border-top: 3px solid #86B0CD;
    border-left: 2px solid #86B0CD;*/
}
.course-title[disabled="disabled"]{
    cursor:default;
}
    
.demicorso-crediti{
    text-align:center;
    /*background-color:#96C0DD;/*#F5821F;*/
    background:rgba(150,192,221, 0.8);
    color:White;
    vertical-align:top;
    padding:6px 12px;
    margin:0;
    font-size:120%;
    border-top: 3px solid #86B0CD; /*#DA731C;*/
    
}
.demicorso-button{
 float:right;
 background-color:#373737;
 color:#ffffff;
 width:132px;
 height:40px;
 max-width:133px;
 max-height:40px;
 font-size:14px;
 display:inline-block;
-webkit-transition: background-color 0.8s ease; 
transition: background-color 0.8s ease;  

 /*width: 80%;*/
}

a.demicorso-button-link 
{
    display:inline-block;
    float:left;
    
 color:inherit;
}

.demicorso-button:hover{
 background-color:#fffff0;
 color:#000000;

}

.demicorso-link-text {color:inherit;}

/*.demicorso-link-text:hover{
 color:#000000;

}*/
.demicorso-button-img
{
    float:left;
    width:32px;
    height:32px;
    margin-top:7px;
    /*margin-left:30px;*/
    /*src:url(../../Images/Icons/32x32/arrow_right_blue24x24.png);*/
}
.demicorso-button-text
{
float:left;
width:100px;
margin-top:10px;
}

demicorso-button-void{
 float:left;
 width: 10%;
}

.demicorso-crediti *:first-child{
    font-weight:bold;
    font-size:large
}
.demicorso-iscrizioni,
.demicorso-stato,
.demicorso-quota{
    min-height:42px;
    text-align:center;
}
.demicorso-iscrizioni span,
.demicorso-stato span,
.demicorso-quota span {
    font-weight:bold;
    font-size:bold;
}
.demicorso-iscrizioni p,
.demicorso-stato p,
.demicorso-quota p {
    display: inline;
}

.demicorso-iscrizioni{
    background-color: #88BB66;
    border-top: 4px solid #77AA55;
}
.demicorso-iscrizioni.demicorso-iscritti-alert{
    background-color: #E9AA39;
    border-top: 4px solid #D99A29;
}
.demicorso-iscrizioni.demicorso-iscritti-warning{
    background-color: #E05757;
    border-top: 4px solid #D04747;
}
.demicorso-stato {
    /*background: #FDE95E;*/
    background-color:rgba(253,233,94, 0.8);
    border-top: 3px solid #E7D555;
}    
.demicorso-quota{
    background-color:#aaa;
    border-top: 3px solid #999;
    padding-bottom: 6px;
}
    
.demicorso-segreteria,
.demicorso-varie
{
    float:left;
    width:100%;
    background-color:#e8e8e8;
    
    margin:0 0 12px 0;
    font-style: italic;
    /*border-bottom: 1px solid rgba(0,0,0,0.1);
    padding:6px 14px;*/
}
.demicorso-segreteria span,
.demicorso-segreteria a,
.demicorso-varie span{
    font-size:130%;
    margin:0 0 4px 8px;
    font-style: italic;
}
.demicorso-segreteria th {
    text-align:right;
    padding-right:6px;
    font-weight:bold;
}
.demicorso-title {
    font-size:16px;
    font-weight:bold;
    background-color:#96C0DD; /*#F5821F;*/
    margin: 0;
    color: white;
    padding:10px 12px 6px 12px;
    margin: 0;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    border-right: 1px dotted rgba(0,0,0,0.25);
    border-top: 3px solid #86B0CD;
}
.demicorso-title *{
    color:White;
    text-shadow: 1px 1px rgba(0,0,0,0.25);
}
    
.demicorso-description {
    /*background-color:#eee;*/
    padding:0 8px;
    text-align: justify;
}
.demicorso-mappa {
    height:300px;
    /*width:200px;*/
    position:relative;
}
.demicorso-rightcolumn > div.demicorso-crediti {
    margin-bottom:0;
}
/*.demicorso-rightcolumn > div:not(.demicorso-crediti):not(.demicorso-mappa) {
    background: #FDE95E;
    border-top: 3px solid #E7D555;
    / *padding:6px 10px;* /
}*/
.demicorso-dettagli {
    font-style:italic;
}
    
table.demicorso-relatori th,
table.demicorso-relatori td{
    padding: 2px 4px;
}



.corsoweblive  {float:left;width:37%; margin:10px;}
.corsowebslide  {float:left;width:57%; margin:10px;}