/** 
 *------------------------------------------------------------------------------
 * @package       T4_Blank - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/

:root {
  --primary: __primary;
  --secondary: __secondary;
  --success: __success;
  --info: __info;
  --warning: __warning;
  --danger: __danger;
  --light: __light;
  --dark: __dark;
  --link_color: __link_color;
  --link_hover_color: __link_hover_color;
  --body_img: __body_img;
  --body_img_repeat: __body_img_repeat;
  --body_img_position: __body_img_position;
  --body_img_size: __body_img_size;
  --body_color: __body_color;
  --body_bg: __body_bg;
  --font_family_base: __font_family_base;
  --font_size_root: __font_size_root;
  --font_weight_base: __font_weight_base;
  --line_height_base: __line_height_base;
  --letter_spacing: __letter_spacing;
  --headings_font_family: __headings_font_family;
  --container_xl: __container_xl;
  --container_lg: __container_lg;
  --container_md: __container_md;
  --container_sm: __container_sm;
  --grid_gutter_width: __grid_gutter_width;
  --ahalf_grid_gutter_width: calc(var(--grid_gutter_width) / 2);
} 


/* GEMERAL
--------------------------------------- */

html {
  font-size: var(--font_size_root);
}

body {
  /*background-image: url(file:///C|/Users/sapor/OneDrive/Documenti/templates/ja_stark/css/__body_img);*/
  background-repeat: var(--body_img_repeat);
  background-color: var(--body_bg);
  background-repeat: var(--body_img_repeat);
  background-position: var(--body_img_position);
  color: var(--body_color);
  /*font-family: var(--font_family_base);*/
  font-family: verdana;
  line-height: var(--line_height_base);
  font-weight: var(--font_weight_base);
  letter-spacing: var(--letter_spacing);
}

a {
  color: var(--link_color);
}

a:hover {
  color: var(--link_hover_color);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--headings_font_family);
}


/* GRID
--------------------------------------- */

.container {
  padding-right: var(--ahalf_grid_gutter_width);
  padding-left: var(--ahalf_grid_gutter_width);
}

@media (min-width: 576px) {
  .container {
    max-width: var(--container_sm);
  } 
  .cont_reportxxx{
	width: 100% !Important;
}
.tit_elenchi{
	font-size: 0.8em;
}
}

@media (min-width: 768px) {
  .container {
    max-width: var(--container_md);
  } 
  .cont_report{
	/*width: 100% !Important;*/
}
.tit_elenchi{
	font-size: 0.8em;
}
}

@media (min-width: 992px) {
  .container {
    max-width: var(--container_lg);
  } 
  .imglink img{
	width: 100%;
	/*max-height: 65px;*/
}
.cont_report{
	/*width: 100% !Important;*/
}
.tit_elenchi{
	font-size: 0.8em;
}
}

@media (min-width: 1200px) {
  .container {
    max-width: var(--container_xl);
  } 
  .imglink img{
	width: 100%;
	/*max-height: 65px;*/
}
.cont_report{
	/*width: 100% !Important;*/
}
.tit_elenchi{
	font-size: 0.8em;
}
}

.row {
  margin-right: calc(var(--ahalf_grid_gutter_width) * -1);
  margin-left: calc(var(--ahalf_grid_gutter_width) * -1);
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, 
.col, .col-auto, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-sm, .col-sm-auto, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-md, .col-md-auto, 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-lg, .col-lg-auto, 
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, 
.col-xl, .col-xl-auto {
  padding-right: var(--ahalf_grid_gutter_width);
  padding-left: var(--ahalf_grid_gutter_width);
}

/* COLORS
--------------------------------------- */

/* Backgrounds Colors */
.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.bg-light {
  background-color: var(--light) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

/* Buttons Colors */

.btn.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn.btn-primary:hover {
  opacity: 0.85;
}

.btn.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

.btn.btn-secondary:hover {
  opacity: 0.85;
}

.btn.btn-success {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}

.btn.btn-success:hover {
  opacity: 0.85;
}

.btn.btn-info {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}

.btn.btn-info:hover {
  opacity: 0.85;
}

.btn.btn-warning {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}

.btn.btn-warning:hover {
  opacity: 0.85;
}

.btn.btn-danger {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}

.btn.btn-danger:hover {
  opacity: 0.85;
}

.btn.btn-light {
  background-color: var(--light) !important;
  border-color: var(--light) !important;
}

.btn.btn-light:hover {
  opacity: 0.85;
}

.btn.btn-dark {
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}

/* Text Colors */

.btn.btn-dark:hover {
  opacity: 0.85;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-light {
  color: var(--light) !important;
}

.text-dark {
  color: var(--dark) !important;
}

/* Badage Colors */

.badge-primary {
  color: var(--primary);
}

.badge-secondary {
  color: var(--secondary);
}

.badge-success {
  color: var(--success);
}

.badge-info {
  color: var(--info);
}

.badge-warning {
  color: var(--warning);
}

.badge-danger {
  color: var(--danger);
}

.badge-light {
  color: var(--light);
}

.badge-dark {
  color: var(--dark);
}
/**/
tbody tr.clickable:hover td {
 cursor: pointer;
}
.elencoist {
 cursor: pointer;
}

.t4-header{
	opacity: 80%;
	background-color: #000;
}
.logo-image{
	opacity: 100% Important;
}

.layout-home .t4-sticky.t4-palet{
	background-color: trasparent;
	/*background-color: #000000;*/
}
.contenuto1master{
	margin-top: 20px !Important;
}
.contenuto1{
	background-color: #000000;
	border: 1px solid #ffffff;
	max-height: 350px;
	opacity:95%;
	color: #c2c2c2;
	padding: 0px;
	margin: 5px;
	border-radius: 25px;
}
.contenuto1 table{
	max-height: 350px;
	opacity:95%;
	color: #ffffff;
	padding: 0px;
	margin-top: 25px;
	border-radius: 25px;
	width: 100%;
	
}
.contenuto2master{
	margin: 20px !Important;
}
.cartina1{
	background-color: #ffffff;
	border: 1px solid #999999;
	/*max-height: 400px;*/
	opacity:95%;
	color: #666666;
	padding: 10px;
	margin: 5px;
	border-radius: 25px;
}
.cartina2{
	background-color: #ffffff;
	border: 1px solid #666666;
	max-height: 400px;
	opacity:90%;
	color: #666666;
	padding: 10px;
	margin: 5px;
	border-radius: 25px;
}

.contenuto3master{
	margin: 20px !Important;
	/*width: 98%;*/
	background-color:#FFFFFF;
	opacity: 90%;
	border-radius: 25px;
	border: 1px solid #999999;
	
}

.title_home{
	float: left;
	position: relative;
	margin-left: 10px;
	font-size: 2.8em;
	color: #ffffff;
	text-shadow: 2px 2px 5px #000;
}
.split_float{
	float: left;
	position: relative;
	margin-left: 10px;
	font-size: 1.4rem;
	color: #666666;
	/*text-shadow: 1px 1px 1px #c2c2c2;
	border: 1px solid red;*/
	max-width: 70%;
}
.split_float h1{
/*	font-size: 1.2em !Important;*/
	color: #666666;

}
.split_floatb{
	float: left;
	position: relative;
	margin-left: 10px;
	font-size: 1.4em;
	color: #666666;
	text-align:justify;
	padding:10px;
	/*text-shadow: 1px 1px 1px #c2c2c2;
	border: 1px solid red;*/
}
.split_floatb h1{
	font-size: 1.4em !Important;
	color:#0066cc;
	/*
	border: 1px solid #0066CC;
	background-color:#0066CC;
	border-radius: 25px;
	padding: 5px;*/
}
.box1{
	background-image: url("https://www.collegioibs.it/images/Loghi_home/branch.png");
	/*background-color: #cccccc;  Used if the image is unavailable */
  	/*height: 500px;  You must set a specified height */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.box2{
	background-image: url("https://www.collegioibs.it/images/Loghi_home/soci_sostenitori.png");
	/*background-color: #cccccc;  Used if the image is unavailable */
  	/*height: 500px;  You must set a specified height */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}
.box3{
	background-image: url("https://www.collegioibs.it/images/Loghi_home/scuole.png");
	/*background-color: #cccccc;  Used if the image is unavailable */
  	/*height: 500px;  You must set a specified height */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}
.q1{
	background-color: #000000;
	/*max-height: 400px;*/
	opacity:75%;
	color: #ffffff;
	padding: 5px;
	margin: 0px;
	margin-top: 10px;
	height: 90px;
	font-size: 2.2em;
}
.imglink img{
	width: 100%;
	/*min-height: 95%;*/
	
}
.pad10{
	padding: 10px;
}
.col1{

}
.image_home table{
 	width: 100%;
	height: 400px;
	background-image: url("https://www.collegioibs.it/images/sfondo_2048.jpg");
	/*background-color: #cccccc;  Used if the image is unavailable */
  	/*height: 500px;  You must set a specified height */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	
}
.tbranch{
 	width: 100%;
	height: 400px;
	background-image: url("https://www.collegioibs.it/images/branch-1024.jpg") !Important;
	/*background-color: #cccccc;  Used if the image is unavailable */
  	/*height: 500px;  You must set a specified height */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	
}
.com-content-article__body{
 padding: 20px;
 color: #999999;
}
.t4-megamenu .navbar-nav > li {
    padding-left: 0px !Important;
	padding-right: 0px !Important;
    /* padding-right: 0.625em; */
}
/*
.report3{
	margin: 20px;
	width: 100%;
	border: 1px solid red;
	padding: 20px;
	
}

.report3{

	background-color:#ffffff;
	border: 1px dotted red;
	padding: 10px;
	border-radius: 10px;
	
}
*/
.report3{

	width: 100%;
	
}
.cont_report{
	/*width: 100%;*/
	min-width: 33%;
	position: relative;
	float: left;
	padding:20px;
	color: #666666;
}
.cont_report_dett{
	/*width: 100%;
	min-width: 33%;*/
	position: relative;
	float: left;
	padding:20px;
	color: #666666;
}
.cont_report3{
	width: 33%;
	max-width: 33%;
	position: relative;
	float: left;
	padding:20px;
	color: #666666;
}
.icona{
 width: 20px;
}
.clearer{float:none;clear:left;line-height:1px}
.tit_elenchi{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 1.8em;
	/*color:#0066CC;
	width: 100%;*/
	background-color: #0066CC;
	color: #ffffff;
	padding:10px;
}
.nome{
	font-size: 1.0em;
	color:#0066CC;
}
.dettagli{
	margin-top: 30px;
	border: 1px solid #0066CC;
	border-radius: 25px;
	padding:20px;
	min-width: 100% !Important;
}
.dettagli legend{
	font-size: 1.0em;
	color:#0066CC;
	width:auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:40px;
	
}
.dettagli_txt{
	text-align:justify;
	min-width: 100% !Important;
}
.img_left{
	float: left; 
	padding: 15px 15px 15px 0;
}
.img_right{
	float: right; 
	padding: 15px 0 15px   15px;
}
.img_branch img{
	float: right; 
	padding: 15px;
	max-height: 250px;
}
.linkbutt{
	margin: 20px;
	margin-top: 30px !Important;
	border: 1px solid #0066CC;
	color: #0066CC;
	border-radius: 25px;
	padding: 10px;
	display: inline;
}
.linkbutt2{
	margin: 20px;
	margin-top: 30px !Important;
	border: 1px solid #0066CC;
	color: #0066CC;
	border-radius: 25px;
	padding: 10px;
	display: inline;
}
.titolo_tab{
	background-color:#0066CC;
	color: #FFFFFF;
	font-size: 1.2em;
}
.tab_branch{
	color: #666666;
}
.row0{
	background-color:#F5F5F5 !Important;
}
.row1{
	background-color:#FFFFFF !Important;
}
.bt{
	padding-top:30px;
	vertical-align: middle;
	display: inline;
}


.messaggio{
	background-color: #ffffff;
	border: 1px solid #999999;
	/*max-height: 400px;*/
	opacity:95%;
	color: #666666;
	padding: 20px;
	margin: 5px;
	border-radius: 25px;
	padding-top: 0px !Important;
	/*width:100% !Important;*/
	margin-bottom : 30px;
}
.messaggio h1{
	color: #0066CC;

}
.txt_azz{
	color: #0066CC;

}
h1{
	font-size: 2.2em;
	color: #0066CC;
}
.logo_img img{
	max-height: 200px;
}

.container{
color: #333333;
}

#login1{
padding: 20px; padding-top: 40px; color:#333333; font-size: 0.8em;
}

#login1{
padding: 20px; padding-top: 40px; color:#333333; font-size: 0.8em;
}
#login1 input[type=text]{
width: 100%;
}
#citta {
max-width: 80% !important;
}

.col50{
width: 48%;
position:relative;
float: left;
}

#ppgo {
display:none;

}

#bbgo {
display:none;

}

#div_rinnovo {
display:none;

}





@media (max-width:767px){
#submitpp {
max-width: 100% !important;
}


#citta {
width: 170px !important;
}

.col50{
width: 100%;
position:relative;
float: left;
}

.image_home table{
	height: 250px;
}
	.title_home{
	margin-top: 40px;
	margin-left: 100px;
	font-size: 1.0em;
	text-shadow: 2px 2px 3px #000;
}
		.t4-header{
	height: 100px;
}
.contenuto1{
	max-width: 47%;

}
.split_float{
	/*float: left;
	position: relative;*/
	margin-left: 10px;
	font-size: 0.8em;
	/*color: #000000;
	text-shadow: 1px 1px 1px #c2c2c2;
	border: 1px solid red;*/
	max-width: 60%;
}
.split_float h1{
	margin-top: 0;
	font-size: 1.2em !Important;
	color: #666666;
	text-shadow: 1px 1px 1px #c2c2c2;

}
.split_float img{
	height: 110px;

}
.split_floatb{
	font-size: 1.0em;
	padding:10px;
	/*text-shadow: 1px 1px 1px #c2c2c2;
	border: 1px solid red;*/
}
.split_floatb h1{
	font-size: 1.4em !Important;
	color:#0066CC;
	/*
	border: 1px solid #0066CC;
	background-color:#0066CC;
	border-radius: 25px;
	padding: 5px;*/
}
.q1{
	background-color: #000000;
	/*max-height: 400px;*/
	opacity:75%;
	color: #ffffff;
	padding: 5px;
	margin: 0px;
	height: 30px;
	font-size: 1.0em;
}
.imglink img{
	width: 100%;
	max-height: 45px;
	
}
.mainnav{
	background-color: #000000;
}
'header.t4-palette-primary {
    background-color: #000000 !Important;
}

body.nav-open #t4-header.t4-palette-primary {
    background-color: #000000;
}


.cont_report{
	/*width: 100% !Important;*/
}
.tit_elenchi{
	max-width: 100%;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 1.8em !Important;
	/*color:#0066CC;*/
}
.linkbutt2{
	margin: 5px;
	margin-top: 30px !Important;
	border: 1px solid #0066CC;
	color: #0066CC;
	border-radius: 25px;
	padding: 10px;
	display: inline;

}
.cont_report3{
	min-width: 100% !Important;
}
--mainnav-link-hover-color: #000000 !Important;
--mainnav-link-active-color: #000000 !Important;
}
@media (min-width:767px){
.tit_elenchi{
	/*max-width: 80%;*/
		margin-left: 5px;
	margin-right: 5px;
	margin-left: 20px;
	font-size: 0.8em;
	/*color:#0066CC;*/
}
.linkbutt2{
	margin: 5px;
	margin-top: 30px !Important;
	border: 1px solid #0066CC;
	color: #0066CC;
	border-radius: 25px;
	padding: 10px;
	display: inline;
		font-size: 0.8em;
}
h1{
	font-size: 1.0em;
	color: #0066CC;
}
.cont_report3{
	min-width: 100% !Important;
}
}