@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);

html{
	background: #fff;
}
body {
  background: #fff;
  font: 15px/24px Arial, sans-serif;
  font-family: 'Roboto', sans-serif;
  color: #666;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.separator {
    color: #CCCCCC;
    margin: 0 10px;
    text-align: center;
}
.lessimp{
	font-style:italic;
	color:#999;
	font-size:11px;
	line-height: 13px;
}
p.nomarginb{
	margin: 4% 0 0 0 !important;
}
p.nomargintb{
	margin:0;
}
table.mceLayout, textarea.tinyMCE {
    width: 90% !important;
    margin: 5% !important;
}
.mceToolbar td {
	display:table-row;
	float: left;
}
.mceToolbar td:nth-of-type(11){
	clear: left;
}

/*FORM*/
form p{
	clear:both;
	/*float:left;*/
	margin-bottom:20px;
}
form select{
	background-color: #f5f5f5;
	border: 1px solid #999;
	color: #606060;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	margin: 5% 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;  
	
	background:url('http://citologia.udanet.it/clients/unich/templates/default/images/icons/arrow_down.png') no-repeat;
 background-position: 97% 50%;
 background-size: 3%;
}
form select option{
	color:#2d2d2d;
	font-weight: normal;
	display: block;
	padding: 0px 2px 1px;
	white-space: pre;
	min-height: 1.2em;
}

form input.submit{
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	background:#233458;
	color:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none; 
}
form input.submit:hover{
	color: #fff;
}
form p.error input, form input.error {
	border:1px dashed #F5222B !important;
}

/*END FORM */

.section.bar .container .row{
	background-image: url("../images/moocc.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px;
}
div#header{
	/*width:100% !important;*/
	float:left;
}
.section.bar{
	background-color: #e9e9e9;
}
div#logo{
	margin: 25% 0 0 0;
}
.logoprogetto{
	/*width: 50%;*/
	margin: 10% 25%;
}
.logoprogetto.internal_home{
	margin-top:10%;
	margin-bottom:50px;
}
.logopiccolo{
	width: 70%;
	padding: 30%;
}
div#header div#menu{

}
div#header div#menu ul{
float: left;
margin-bottom: 0;
}
div#header div#menu ul li{
	float:left;
	display:block;
	padding:10px 15px;
	margin: 0;
}

div#header div#menu ul li.active{

}
div#header div#menu ul li a,
div#header div#menu ul li a:link,
div#header div#menu ul li a:visited,
div#header div#menu ul li a:hover{
	color:#646464;
	font-size:15px;
}
div#header div#menu ul li.active a,
div#header div#menu ul li.active a:link,
div#header div#menu ul li.active a:visited,
div#header div#menu ul li.active a:hover{
	color:#233458;
}
.section.bar .two.columns a i{
	/*float: right;*/
	/*padding: 10px 15px !important;*/
	
}
.two.columns.utilities ul{
	float: right;
	margin: 0;
}
.two.columns.utilities ul li{
	float:left;
	display:block;
	position: relative;
/*	padding: 10px 15px !important;
	margin: 5px 0 0 0;*/
	height: 42px;
}
.two.columns.utilities ul li a{
	float: left;
	padding: 15px;
}
.two.columns.utilities ul li a i{
	font-size: 20px;
	color: #999;
}
.two.columns.utilities ul li a i.fa.fa-sign-out{
	font-size: 22px;
}
.two.columns.utilities ul li a img{
	width: 20px;
}
.gem{
	border-radius: 2px;
	    padding-left: 4px;
	    padding-right: 4px;
	    font-size: 12px;
	    line-height: 14px;
	    color: #fff;
	    font-weight: normal;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	    padding-top: 0px;
	    padding-bottom: 0px;
	    background: #cf0446;
	    font-size: 10px;
	    position: absolute;
	    left: 30px;
	    top: 10px;
	    text-indent: 0;
	    pointer-events: none;
}
div#top{
	border-bottom: 1px solid #f1f1f1;
}
div#top div#slideshow{
	/*float:left;*/
	width: 100%;
	margin:0 0%;
	border:1px solid #efebef;
}
div#top .dx{
	/*float:left;*/
	/*width:300px;*/
	margin: 10px auto;
/*	margin-top:10px;
	margin-left:30px;*/
}
div#top .logo{
	width:50%;
	margin: 0 25% 10% 25%;
}
div#top div.dx div.row{
	width:250px;
	height:50px;
	float:left;
	margin:10px 0;
	border-bottom:1px solid #efebef;
}
div#top div.dx div.row h3{
	float:left;
	font-size:40px;
	text-transform: uppercase;
	font-weight:bold;
}
div#top div.dx div.row h4{
	float:left;
	font-size:18px;
	text-transform: uppercase;
	margin-top:5px;
	margin-left:10px;
}
div#top div.dx div.row#first h3,
div#top div.dx div.row#first h4{
	color:#000;
}
div#top div.dx div.row#second h3,
div#top div.dx div.row#second h4{
	color:#cf0446;
}
div#top div.dx div.row#third h3,
div#top div.dx div.row#third h4{
	color:#233458;
	
}
div#top div.dx div.row#fourth h3,
div#top div.dx div.row#fourth h4{
	color:#CC9965;
}

div.sx{
	float:left !important;
	width:50%;
}
div#top div.sx{
	float: left !important;
	width: 50%;
}
p{
	font-size:13px;
}
div#top div.dx{
	float: left !important;
	width: 50%;
}
#ctx_access{
	margin-top:5%;
	padding-bottom:0;
}
#ctx_access div.dx h3{
	margin-left: 130px;
	margin-bottom: 5px;
}
#ctx_access div.dx h4{
	margin-left:130px;
	color:#1d1d1d;
}
#ctx_access div.dx form{
	margin-left:100px;
	margin-top:15px;
	float:left;
}
#ctx_access div.dx form select{
	font-size:13px;	
	color:#cf0446;
	margin-left:30px;
	/*width:100%;*/
}
#ctx_access div.dx form input.submit{
	margin-left:210px;
}
#ctx_access h3{
	margin-bottom: 0;
}
div.course{
	width:100%;
	margin:0;
	float:left;
}
div.course img{
	/*width:300px;*/
	float:left;
	border:1px solid #f1f1f1;
}
div.course h6{
	font-size:18px;
	float:left;
	clear:both;
	color:#333;
	margin:10px 0;
}
div.course p{
	clear:both;
}

/*FOOTER*/
div#footer{
	float:left;
	height:auto;
	display: block;
}
div#footer div.wrapper{
	border-bottom:0;
	width:100%;

}
div#footer p{
	color:#606060;
}
div.poweredby{
	padding: 2% 10% 0 10%;
	/*text-align:center;*/
	color:#fff;
	background-color: #999;
}


.footer{
		background:#e9e9e9;
		padding: 2% 10% 0 10%;
}

/*END FOOTER*/


/*SARA*/
/* PUBLIC CTX ACCESS */
div#header_ctx_access{
	padding: 10%;
	margin: 25% 0 0 0;
}
div#header_ctx_access img{
	float:left;
}
div#header_ctx_access h5{
	color: #606060;
	margin: 0 !important;
}
div#header_ctx_access h6{
	color:#666;
	margin: 0 !important;
}
div#header_ctx_registration{
	padding: 10% 10% 0 10%;
	margin: 0;
}
/* LOGIN */

#topLogin{
	/*width:100%;*/
	margin:0;
	/*float:left;*/
	text-align:left;
}
#topLogin .logo{
	float:left;
	margin: 0 25%;	
}
#topLogin .logo img{
	/*width:200px;*/
}
#topLogin h3{
	font-size:24px;
	line-height:76px;
	color:#000;
	float:left;
	text-align:right;
	
}
.sara_login{
	width: 60%;
	border:1px solid #ddd;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	float:left;
	margin:0 15% 5%;
	padding: 5%;	
}
.sara_login h3{
	font-size:20px;
	margin-top:10px;
	margin-left:10px;
	color:#000;
}
.sara_login p{
	margin-right:10px;
	text-align:right;
}
.sara_login form{
	width: 94%;
	padding: 3%;
}
.sara_login form p{
	margin:0;
	float:right;
}
.sara_login form p a:link,
.sara_login form p a:visited,
.sara_login form p a:hover{
	color:#233458;
}

.sara_login form label{
	font-size:14px;
	text-align: left;
	margin-right:5px;
	display:block;
	line-height:25px;
	color:#1d1d1d;
}
.sara_login form input{
	width: 100%;
}
.sara_login form input.button {
	float: right;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	margin:0;
	background:#233458;
	color:#fff;
	box-shadow:none;
}
.sara_login form input.button[type="submit"]{
	width: 30%;
	padding: 0;
}


/*PAGES*/
div#view_page{
	width:900px;
	height:600px;
}
div#view_page h3{
	font-size:22px;
	margin-top:10px;
	margin-left:10px;
	color:#606060;
}
div#view_page div.wrapper{
	margin:20px;
}
div#view_page div.wrapper h4{
	color:#233458;
	font-size:16px;
	border-bottom:1px solid #efebef;
}
div#view_page div.wrapper h6{
	font-size:14px;
	color:#606060;	
}
div#view_page div.wrapper a{
	color:#233458;	
}
div#view_page ol li{
	list-style:decimal;
}

/*REGISTRAZIONE*/
#topRegistration{
	width:100%;
	margin:0;
	float:left;
	text-align:center;
}
#topRegistration .logo{
	float:left;
}
#topRegistration .logo img{

}
div#registration{
	width: 76%;
	border:1px solid #ddd;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	float:left;
	margin: 0 7%;
	padding: 5%;
}
div#registration div.explain{
	margin-bottom:0;
	padding-bottom:0;
}
div#registration div.explain p{
/*	margin-left:20px;*/
}
div#registration h3{
	font-size:20px;
	color:#000;
}
form#registration{
	width: 94%;
	padding: 3%;
	float: left;
}
form#registration h4{
	color:#233458;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:0;
	border-bottom:1px solid #ddd;
	width:100%;
	display:block;
	float:left;
}
form#registration p{
float: right;
}
form#registration p.field_explain{
	margin-top:3%;
	font-size:11px;
	line-height:11px;
}
form#registration label{
	text-align:right;
	float:left;
	display:block;
	font-weight:bold;
}
form#registration label.twoline{
	height:12px;
}
form#registration label sup{
	color:#000;
}
form#registration input{
	width: 100%;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	display:block;
	border-color:#ccc;
}
form#registration input.submit{
/*width: 50%;*/
float: left;
margin: 3% 0;
padding: 0;
}
form#registration input.button{
	float: right;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	margin-bottom: 4px;
	background:#233458;
	color:#fff;
	box-shadow:none;
}

/* LRN EVENTI */
div.lrn_eventi{
	margin:5%;
	float:left;
	width:90%;
}
div.lrn_eventi ul li{
	list-style:square;
	list-style-position:inside;
}
div.lrn_eventi div.lrn_evento{
	margin-bottom:5px;
}
div.lrn_eventi div.evento_separator{
	margin-bottom:10px;
	border-bottom: 1px solid #ddd;
	height:5px;
}
div.lrn_eventi_time{
	margin-top:10px;
	font-weight:bold;
}
div.lrn_eventi_time span.label{
	color:#233458;
}
div.public_list_lrn_eventi{
	margin:0;
	float: left;
	width: 100%;
}
div.public_lrn_evento{
	margin:0;
	color: #646464;
}
form#new_lrn_evento{
	width: 100%;
}

div#bloccodx form#new_lrn_evento input.submit{
	width: 100px;
	font-weight: bold;
	color: white;
	text-shadow: none;
	padding: 0;
	text-align: center;
	background-color: #233458;
	margin:0 5% 5% 5%;
	cursor: pointer;
}

.lrn_eventi .buttons a img{
	float: none !important;
}
.lrn_eventi .lrn_evento div p{
	clear: none;
}


/* ASPETTO FORM LRN_EVENTO */
#new_lrn_evento h4{
	margin: 0;
	padding: 5% 5% 0 5%;
	font-size: 20px;
}
div.label_inline{
	width:100%;
	float:left;

}
div.label_inline h4{
	float:left;
	line-height:25px;
	vertical-align:center;
	margin-right:10px;
	margin-top:10px;
}
div.label_inline p{
	float:left;
	padding: 1% 5%;
}
.label_inline select{
	/*width: 25%;*/
	background: none;
	text-align: center;
}
#avvisi{
	float: left;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#bloccosx #avvisi{
	float: left;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#avvisi .box_sx{
	margin: 5%;
}
#avvisi div.box_sx h4{
	float: left;
	color: #646464;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 15px;
	margin:0;
	text-transform: uppercase;
}
/* END SARA */

.descrizione{
	padding: 10%;
}
.login{
	margin: 0;
	padding: 0 15%;
}
.login p{
	margin: 0;
}
.nav_title{
	color: #233458;
}
.nav_subtitle{

}

 /*Larger than mobile */
@media (min-width: 320px) {
.section.bar .container .row{
	background-image: none;
}

	#slideshow{
		display: none;
	}
	.logoprogetto {
	    width: 40%;
	    margin: 10% 30% 0;
	}
	.homeLogin{
		margin: 0 25%;
	}
	.sara_login{
		width: 70%;
		border:1px solid #ddd;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		float:left;
		margin:0 10% 5%;
		padding: 5%;	
	}
	div#header_ctx_access{
		text-align: center;
	}
	.ten.columns{
		width: 45% !important;
	}
	.two.columns{
		width: 55% !important;
		/*background-color: #ccc;*/
	}
	.two.columns.utilities ul li a{
		padding: 15px 10px;
	}
	.section.bar .container .row{
		/*background: fuchsia;*/
	}
	#bloccosx{
		display: none;
	}
	#bloccodx{
		width: 100%;
		margin: 2% 0 0 0;
	}
	.bloccodx_subtitle .cmd_title{
		display: none;
	}
	.bloccodx_title{
		display: none;
	}
	
	.openMenu{
		display: block;
	}
	.user_tracking_dtl{
		width: 55%;
	}
	.dropdownheader{
		border: 1px solid #233458;
		background-color: #f5f5f5;
		width: 210px;
		min-height: 150px;
		position: absolute;
		margin: 52px 0 0 -160px;
		z-index: 99;
		display: none;
	}
	.dropdowntitle{
		background-color: #233458;
		color: #fff;
		padding: 2%;
	}
	.dropdownheader ul{
		float: left !important;
		display: block;
		width: 100%;
	}
	.dropdownheader ul li{
		float: left !important;
		display: block !important;
		width: 94%;
		height: 100% !important;
		padding: 3%;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	.dropdownheader  ul li a {
	    float: left;
	    padding: 0 !important;
	}
	.dropdownheader ul li h6{
		color: #233458;
		font-weight: bold;
		margin: 0;
	}
	.dropdownheader ul li p{
		color: #233458;
		font-weight: normal;
		text-align: right;
		margin: 0;
		font-size: 12px;
	}
	#userinfo #avatar img {
	    border: 1px solid #ddd;
	    width: 56px;
	}
	#breadcrumbs .begin_breadcrumb, #breadcrumbs .navlast, #breadcrumbs span.navseparator, #breadcrumbs a{
		display: none;
	}
	#btnCloseViewMedia,#breadcrumbs a{
		display: block;
		float: left;
		padding: 0;
		margin: 0 !important;
		display: none;
	}
	#breadcrumbs a.navback, #breadcrumbs .nav_title, #breadcrumbs .nav_subtitle{
		display: block;
		/*float: left;*/
		margin: 0 1% 0 0;
	}
	.wr_profile p span{
		font-weight: bold;
		float: left;
		margin-right: 5px;
		color: #233458;
		display: block;
		text-align: left;
		width: initial;
		}
		.shr_text{
			margin: 0 0 0 30%;
		}
		.shr_info{	
			margin: 4% 0 0 30%;
			color:#233458;
			font-weight: bold;
		}
		.bloccocommento .commento{
			/*float:left;*/
			margin-left:33%;
			width:63%;
		}
		.photoFrame{
			overflow: hidden;
			width: 97px;
			height: 97px;
			margin: 5% auto;
		}
		.photoFrame img{
			float: none !important;
		}
		.card{
			border:1px solid #ddd;
			background:#effbef;
			text-align:center; 
			width: 31%; 
			height: 220px; 
			float: left; 
			margin: 0 0.5%;
		}
		
	.avatarFrame{
		overflow: hidden;
		width: 45px;
		height: 45px;
		margin: 2% auto;
	}
	.avatarFrame img{ 
		float: none;
	}	
}

 /*Larger than mobile */
@media (min-width: 400px) {
	.section.bar .container .row{
		background-image: none;
	}
	
	#slideshow{
		display: none;
	}
	.logoprogetto {
	  width: 250px;
	  margin: 10% auto 0;
	  display: block;
	}
	.homeLogin{
		margin: 0 25%;
	}
	div#header_ctx_access{
		text-align: center;
	}
	.ten.columns{
		width: 55% !important;
	}
	.two.columns{
		width: 45% !important;
	}
	.two.columns.utilities ul li a{
		float: left;
		padding: 15px;
	}
	.section.bar .container .row{
		/*background: aqua;*/
	}
	#bloccosx{
		display: none;
	}
	#bloccodx{
		width: 100%;
	}
	#bloccodx.learning.course.view_crs_file{
		margin: 0;
	}
	.bloccodx_subtitle .cmd_title{
		display: none;
	}
	.bloccodx_title{
		display: none;
	}
	.openMenu{
		display: block;
	}
	.user_tracking_dtl{
		width: 55%;
	}
	.dropdownheader{
		border: 1px solid #233458;
		background-color: #f5f5f5;
		width: 300px;
		min-height: 150px;
		position: absolute;
		margin: 52px 0 0 -250px;
		z-index: 99;
		display: none;
	}
	.dropdowntitle{
		background-color: #233458;
		color: #fff;
		padding: 2%;
	}
	.dropdownheader ul{
		float: left !important;
		display: block;
		width: 100%;
	}
	.dropdownheader ul li{
		float: left !important;
		display: block !important;
		width: 94%;
		height: 100% !important;
		padding: 3%;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	.dropdownheader  ul li a {
	    float: left;
	    padding: 0 !important;
	}
	.dropdownheader ul li h6{
		color: #233458;
		font-weight: bold;
		margin: 0;
	}
	.dropdownheader ul li p{
		color: #233458;
		font-weight: normal;
		text-align: right;
		margin: 0;
		font-size: 12px;
	}
	#userinfo #avatar img {
	    border: 1px solid #ddd;
	    width: 68px;
	}
	#breadcrumbs .begin_breadcrumb, #breadcrumbs .navlast, #breadcrumbs span.navseparator{
		display: none;
	}
	#btnCloseViewMedia,#breadcrumbs a{
		display: block;
		float: left;
		padding: 0;
		margin: 0 !important;
		display: none;
	}
	#breadcrumbs a.navback, #breadcrumbs .nav_title, #breadcrumbs .nav_subtitle{
		display: block;
		/*float: left;*/
		margin: 0 1% 0 0;
	}
	.shr_text{
		margin: 0 0 0 26%;
	}
	.shr_info{	
		margin: 4% 0 0 26%;color:#233458;font-weight: bold;
	}
	.bloccocommento .commento{
		/*float:left;*/
		margin-left:33%;
		width:63%;
	}
}

/*/ Larger than phablet (also point when grid becomes active) /*/
@media (min-width: 550px) {	
	.section.bar .container .row{
		background-image: url("../images/moocc.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100px;
	}
	
	#slideshow{
		display: none;
	}
	.logoprogetto {
		margin: 50% auto 0;
		width: 300px;
		display: block;
	}
	.homeLogin{
		margin: 0 25%;
	}
	div#header_ctx_access{
		text-align: left;
	}
	.six.columns{
		margin-left: 0;
	}
	.ten.columns{
		width: 60% !important;
	}
	.two.columns{
		width: 35% !important;
	}
	.section.menu_sx .container{
		/*width: 100%;*/
	}
	.section.bar .container .row{
		/*background: yellow;*/
	}
	#bloccosx{
		display: none;
	}
	#bloccodx{
		width: 100%;
	}
	.bloccodx_subtitle .cmd_title{
		display: none;
	}
	.bloccodx_title{
		display: none;
	}
	.openMenu{
		display: block;
	}
	.user_tracking_dtl{
		width: 60%;
	}
	.dropdownheader{
		border: 1px solid #233458;
		background-color: #f5f5f5;
		width: 300px;
		min-height: 150px;
		position: absolute;
		margin: 52px 0 0 -250px;
		z-index: 99;
		display: none;
	}
	.dropdowntitle{
		background-color: #233458;
		color: #fff;
		padding: 2%;
	}
	.dropdownheader ul{
		float: left !important;
		display: block;
		width: 100%;
	}
	.dropdownheader ul li{
		float: left !important;
		display: block !important;
		width: 94%;
		height: 100% !important;
		padding: 3%;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	.dropdownheader  ul li a {
	    float: left;
	    padding: 0 !important;
	}
	.dropdownheader ul li h6{
		color: #233458;
		font-weight: bold;
		margin: 0;
	}
	.dropdownheader ul li p{
		color: #233458;
		font-weight: normal;
		text-align: right;
		margin: 0;
		font-size: 12px;
	}
	#breadcrumbs .begin_breadcrumb, #breadcrumbs .navlast, #breadcrumbs span.navseparator{
		display: none;
	}
	#btnCloseViewMedia,#breadcrumbs a{
		display: block;
		float: left;
		padding: 0;
		margin: 0 !important;
		display: none;
	}
	#breadcrumbs a.navback, #breadcrumbs .nav_title, #breadcrumbs .nav_subtitle{
		display: block;
		/*float: left;*/
		margin: 0 1% 0 0;
	}

	.shr_text{
		margin: 0 0 0 26%;
	}
	.shr_info{	
		margin: 4% 0 0 26%;color:#233458;font-weight: bold;
	}
	.bloccocommento .commento{
		/*float:left;*/
		margin-left:27%;
		width:68%;
	}
}

/*/ Larger than tablet /*/ 
@media (min-width: 750px) {	
	#slideshow{
		display: none;
	}
	.logoprogetto {
	  width: 300px;
	  margin: 40% auto 0;
	  display: block;  
	}
	.homeLogin{
		margin: 0;
	}
	.sara_login{
		width: 60%;
		border:1px solid #ddd;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		float:left;
		margin:5% 15% 5%;
		padding: 5%;	
	}
	.ten.columns{
		width: 70% !important;
	}
	.two.columns{
		width: 26% !important;
	}
	.section.bar .container .row{
		/*background: #000;*/
	}
	#bloccosx{
		display: none;
	}
	#bloccodx{
		width: 100%;
	}
	.bloccodx_subtitle .cmd_title{
		display: none;
	}
	.bloccodx_title{
		display: none;
	}
	.openMenu{
		display: block;
	}
	.dropdownheader{
		border: 1px solid #233458;
		background-color: #f5f5f5;
		width: 300px;
		min-height: 150px;
		position: absolute;
		margin: 52px 0 0 -250px;
		z-index: 99;
		display: none;
	}
	.dropdowntitle{
		background-color: #233458;
		color: #fff;
		padding: 2%;
	}
	.dropdownheader ul{
		float: left !important;
		display: block;
		width: 100%;
	}
	.dropdownheader ul li{
		float: left !important;
		display: block !important;
		width: 94%;
		height: 100% !important;
		padding: 3%;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	.dropdownheader  ul li a {
	    float: left;
	    padding: 0 !important;
	}
	.dropdownheader ul li h6{
		color: #233458;
		font-weight: bold;
		margin: 0;
	}
	.dropdownheader ul li p{
		color: #233458;
		font-weight: normal;
		text-align: right;
		margin: 0;
		font-size: 12px;
	}
	.userCard {
	  float: left;
	  width: 100%;
	  margin: 1% 1%;
	}
	.sticky{
		display:block;
		position:relative;
		overflow:hidden;
	}
	.photoFrame{
		overflow: hidden;
		width: 97px;
		height: 97px;
		margin: 5% auto;
	}
	.photoFrame img{
		float: none !important;
	}
	#breadcrumbs .begin_breadcrumb, #breadcrumbs .navlast, #breadcrumbs span.navseparator{
		display: none;
	}
	#btnCloseViewMedia ,#breadcrumbs a{
		display: block;
		float: left;
		padding: 0;
		margin: 0 !important;
		display: none;
	}
	#breadcrumbs a.navback, #breadcrumbs .nav_title{
		display: block;
		/*float: left;*/
		margin: 0 1% 0 0;
	}
	#breadcrumbs .nav_subtitle{
		margin: 0;
	}
	.shr_text{
		margin: 0 0 0 26%;
	}
	.shr_info{	
		margin: 4% 0 0 26%;color:#233458;font-weight: bold;
	}
	.bloccocommento .commento{
		/*float:left;*/
		margin-left:20%;
		width:76%;
	}
}

/*/ Larger than desktop /
@media (min-width: 1000px) {
	#slideshow{
		display: none;
	}
	.logoprogetto {
	    width: 30%;
	    margin: 20% 35% 0;
	}
	.homeLogin{
		margin: 0;
	}
	.ten.columns{
		width: 70% !important;
	}
	.two.columns{
		width: 26% !important;
	}
	.section.bar .container .row{
		background: #ff0000;
	}
	#bloccosx{
		display: none;
	}
	#bloccodx{
		width: 100%;
	}
	.openMenu{
		display: block;
	}
}*/

/*/ Larger than Desktop HD /*/
@media (min-width: 1000px) {
	#slideshow{
		display: none;
	}
	.logoprogetto {
		/*float: left;*/
	  width: 300px;
	  display: block;
	    /*margin: 28% 27% 0;*/
	}
	.homeLogin{
		margin: 0;
	}
	.sara_login{
		width: 60%;
		border:1px solid #ddd;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		float:left;
		margin:0 15% 5%;
		padding: 5%;	
	}
	.ten.columns{
		width: 74% !important;
	}
	.two.columns{
		width: 22% !important;
	}
	.section.bar .container .row{
		/*background: #e9e9e9;*/
	}
	#bloccosx{
		display: block;
		width: 30%;
		float: left;
		margin: 2% 0 0 0;
	}
	#bloccodx{
		width: 65%;
		float: left;
		margin: 2% 0 0 5%;
	}
	.bloccodx_subtitle .cmd_title{
		display: block;
	}
	.bloccodx_title{
		display: none;
	}
	#bloccodx.u-full-width{
		width: 100%;
		float: left;
		margin: 2% 0 0 0;
	}
	.openMenu, .menu_sx{
		display: none;
	}
	
	.dropdownheader{
		border: 1px solid #233458;
		background-color: #f5f5f5;
		width: 300px;
		min-height: 150px;
		max-height: 280px;
		position: absolute;
		margin: 52px 0 0 -250px;
		z-index: 99;
		overflow-y: auto;
		overflow-x: none;
		display: none;
	}
	.dropdowntitle{
		background-color: #233458;
		color: #fff;
		padding: 2%;
	}
	.dropdownheader ul{
		float: left !important;
		display: block;
		width: 100%;
	}
	.dropdownheader ul li{
		float: left !important;
		display: block !important;
		width: 94%;
		height: 100% !important;
		padding: 3%;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	.dropdownheader  ul li a {
	    float: left;
	    padding: 0 !important;
	}
	.dropdownheader ul li h6{
		color: #233458;
		font-weight: bold;
		margin: 0;
	}
	.dropdownheader ul li p{
		color: #233458;
		font-weight: normal;
		text-align: right;
		margin: 0;
		font-size: 12px;
	}
	#breadcrumbs .begin_breadcrumb, #breadcrumbs .navlast, #breadcrumbs span.navseparator{
		display: block;
		float: left;
		margin: 0 0.1%;
		padding: 0;
	}
	#btnCloseViewMedia,#breadcrumbs a{
		display: block;
		float: left;
		padding: 0;
		margin: 0 !important;
	}
	#breadcrumbs a.navback, #breadcrumbs .nav_title, #breadcrumbs .nav_subtitle, #breadcrumbs .nav_bar_mobile {
		display: none;
	}
	.shr_text{
		margin: 0 0 0 26%;
	}
	.shr_info{	
		margin: 4% 0 0 26%;color:#233458;font-weight: bold;
	}
	.bloccocommento .commento{
		/*float:left;*/
		margin-left:20%;
		width:76%;
	}
}



@-ms-viewport{
  width: device-width;
}