
@font-face {
    font-family: "open_sansregular";
    font-style: normal;
    font-weight: normal;
    src: url("../font/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Regular-webfont.woff") format("woff"), url("../font/OpenSans-Regular-webfont.ttf") format("truetype"), url("../font/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
}
@font-face {
    font-family: "open_sanscondensed_light";
    src: url("../font/OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-CondLight-webfont.woff") format("woff"), url("../font/OpenSans-CondLight-webfont.ttf") format("truetype"), url("../font/OpenSans-CondLight-webfont.svg#open_sanscondensed_light") format("svg");
}
@font-face {
    font-family: "open_sanslight";
    src: url("../font/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Light-webfont.woff") format("woff"), url("../font/OpenSans-Light-webfont.ttf") format("truetype"), url("../font/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
}
@font-face {
    font-family: "open_sansitalic";
    src: url("../font/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Italic-webfont.woff") format("woff"), url("../font/OpenSans-Italic-webfont.ttf") format("truetype"), url("../font/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
}
@font-face {
    font-family: "open_sans_condensedbold";
    src: url("../font/OpenSans-CondBold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-CondBold-webfont.woff") format("woff"), url("../font/OpenSans-CondBold-webfont.ttf") format("truetype"), url("../font/OpenSans-CondBold-webfont.svg#open_sans_condensedbold") format("svg");
}
@font-face {
    font-family: "open_sansbold";
    src: url("../font/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Bold-webfont.woff") format("woff"), url("../font/OpenSans-Bold-webfont.ttf") format("truetype"), url("../font/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
}
@font-face {
    font-family: "open_sansextrabold_italic";
    font-style: normal;
    font-weight: normal;
    src: url("../font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../font/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../font/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg");
}
@font-face {
    font-family: "open_sansextrabold";
    font-style: normal;
    font-weight: normal;
    src: url("../font/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../font/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../font/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");
}
@font-face {
    font-family: "open_sansbold_italic";
    font-style: normal;
    font-weight: normal;
    src: url("../font/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../font/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../font/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");
}
@font-face {
    font-family: "open_sanssemibold";
    font-style: normal;
    font-weight: normal;
    src: url("../font/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Semibold-webfont.woff") format("woff"), url("../font/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../font/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
}
@media all
{
  /*
   * ------------------------------------------------------------------
   * Basic Settings
   * ------------------------------------------------------------------
   */
	.margin-top-5 {
	    margin-top: 5px;
	}
	.margin-top-10 {
	    margin-top: 10px;
	}
	.margin-top-20 {
	    margin-top: 20px;
	}
	.margin-top-25 {
	    margin-top: 25px;
	}
	.margin-top-30 {
	    margin-top: 30px;
	}
	.margin-top-35 {
	    margin-top: 35px;
	}
	.margin-top-40 {
	    margin-top: 40px;
	}
	.margin-top-50 {
	    margin-top: 50px;
	}
	.margin-top-60 {
	    margin-top: 60px;
	}
	.margin-bottom-5 {
	    margin-bottom: 5px;
	}
	.margin-bottom-10 {
	    margin-bottom: 10px;
	}
	.margin-bottom-20 {
	    margin-bottom: 20px;
	}
	.margin-bottom-25 {
	    margin-bottom: 25px;
	}
	.margin-bottom-30 {
	    margin-bottom: 30px;
	}
	.margin-bottom-35 {
	    margin-bottom: 35px;
	}
	.margin-bottom-40 {
	    margin-bottom: 40px;
	}
	.margin-bottom-50 {
	    margin-bottom: 50px;
	}
	.margin-bottom-60 {
	    margin-bottom: 60px;
	}
  #primopiano {padding: 0px 0px;}
  /*
   * ------------------------------------------------------------------
   * Column Layout
   * ------------------------------------------------------------------
   */

  body { 
    background: #EEE url("/archivio/export/system/modules/org.opencms.frontend.templatetwo.demo/resources/images/bg_demo_png24.png") repeat-x top left fixed; 
    font-family: open_sansregular, Arial, Helvetica, sans-serif !important;
  }
  h1, h2, h3, h4, h5, h6, h7 {
  	font-family: open_sanssemibold,open_sansregular,Arial,Helvetica,sans-serif !important;
  }
    
  #window {
    	margin: 5px auto;
    	padding: 0 0;
  	border: 2px solid #ccc;
  	font-size: 12px;
  	width: 80em;
  }

  #page {
    background: #FFFFFF;
    padding: 5px;
    border: 1px solid #CECDCE;
  }

  #header {
    background: #FFFFFF url("/archivio/export/sites/default/USRFVG/_config_/img/bg_header.png") repeat-x bottom left;
    color: #444444;
  }
  
  #topnav {
    text-align: right;
  }
  
  #topnav a {
  	color: #232323;
  }

  #breadcrumb {
    padding: 5px 0px 5px 20px;
    border-bottom: 1px solid #B31B34;
    position: relative;
    height: 1%;
  }
  
  #breadcrumb a {
  	color: #232323;
  }

  #main {

  }

  #col1 {
    
    max-width: 18em;
    float: left;
  }

  #col1_content {
    position: relative;
    padding: 0px 0px 0px 0px;
    z-index: 4;
  }

  #col1_content h5 {

	  font-weight: normal;
	  overflow: hidden;
  }  
  #col2 {
    border-left: none; 
    border-right: none; 
    max-width: 43em;
    min-width: 43em;
    float: left;
  }
  #col2 li {
	line-height: 2em;
	margin: 0 0 0 1.5em;
  }

  #col2_content {
    position: relative;
    padding: 0px 0px 0px 0px;
    z-index: 2;

  }
	#HPUSRFVG #col2 .view-article img {
	    height: 90%;
	    max-width: 80px;
	    max-height: 80px;
	    width: 90%;
	}
	#HPUSRFVG #col2 .view-article table td img {
	    height: 90%;
	    max-width: 120px;
	    max-height: 120px;
	    width: 90%;
	    padding-bottom: 10px;
	}  
	#HPUSRFVG #col2 .view-article img.img-responsive {
	    height: auto;
	    max-width: none;
	    max-height: none;
	    width: auto;
	}
  
  #col3 {
        
    		overflow: hidden;
    		max-width: 20em;
    		float: right;
    		clear: right;
  }

  #col3_content {
    position: relative;
    padding: 1px 0px 0px 0px;
    z-index: 6;
  }

  #col3_content h5 {

  }
    
  #footer {
  	background: #FFFFFF;
    color: #444444;
    font-size: 0.9em;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #B31B34;
    text-align: center;
  }
  
  #header, #nav_main, #main, #footer, #breadcrumb { clear:both; }

  .clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
  } 

  .clearfix { display: block; }
  
  .clear {
	clear: both;
  }

  /*
   * ------------------------------------------------------------------
   * Accessible
   * ------------------------------------------------------------------
   */
   
  .skip {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /*
   * ------------------------------------------------------------------
   * Search Page
   * ------------------------------------------------------------------
   */
   
   #searchForm {
     margin-bottom: 10px;
   }
   
   .search_text {
   	margin-bottom: 10px;
   }
   .search_noresult {
     margin-bottom: 10px;
   }
   
   .search_result, .search_error {
     margin-bottom: 10px;
   }
  
   .pagination {
     text-align: center;
   }
   
  /*
   * ------------------------------------------------------------------
   * Box Layout
   * ------------------------------------------------------------------
   */
   
   .box {
   	 background: #e1e1e1;
     margin-bottom: 15px;
     /*border-bottom:1px solid #7B7F7E;
     border-left:1px solid #7B7F7E;
     border-right:1px solid #7B7F7E;*/
   }
   
   .box h4 {
   	 background: #25438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #fff;

   	 width: auto;
   	 margin: -1px;
   	 padding: 5px;
   	 line-height: 16px;
   }
  
   .box_schema1 {
   	 background: #D3E9F9;   
   }
   #col3 .box_schema1 {
   	 background: white;   
   }
   .box_schema2 {
   	 background: #FBFFE0;   
   }

   .box_schema3 {
   	 background: #FFFFFF;   
   }
   
   .box_schema4 {
   	 background: #F7F7F7;  
   }
   
   .box_schema5 {
   	 background: #EEE;
   }  
   
   .box_schema6 {
   	 background: #F7F7F7;   
   }    
   
   .box_schema7 {
   	 background: #eee;   
   }    
   
   .box_schema1 h4 {
   	 background: #285574 url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #FFFFFF;
   	 font-size: 1em;
   }

   .box_schema2 h4 {
   	 background: #ffb600 url("../images/gradient3.png") repeat-x scroll center top; 
   	 color: #000;
   	 font-size: 1em;
   }

   .box_schema3 h4 {
   	 background: #285574 url("../images/gradient2.png") repeat-x scroll center top; 
   	 color: #FFFFFF;
   	 font-size: 1em;
   }
   
   .box_schema4 h4 {
   	 background: #FFFFFF repeat-x scroll center top; 
   	 color: #285574;
   	 border-bottom: 1px solid #28558E;
	 font-size: 1em;
   }   
   
   .box_schema5 h4 {
   	 background: #FFFFFF repeat-x scroll center top; 
   	 color: #285574;
   	 border-bottom: 1px solid #28558E;
	 font-size: 1em;
   }

   .box_schema6 h4 {
   	 background: #EEEEEE repeat-x scroll center top; 
   	 color: #000000;
	 font-size: 1em;
   } 
   
   .box_schema7 h4 {
   	 background: #EEEEEE repeat-x scroll center top; 
   	 color: #000000;
	 font-size: 1em;
   }        
   
   .boxbody {
     padding: 10px;
   }
   
   .boxbody_listentry {
     margin-bottom: 5px;
     overflow:hidden;
   }
   
   .boxbody_listentry div.left img {
   	 margin-right: 5px;
   }

   .boxbody_listentry div.right img {
   	 margin-left: 5px;
   }
   
   form div.boxform {
     display: block;
     margin: 5px 0px 0px;
     padding: 1px 3px;
   }
  
   form div.boxform label {
	padding-left: 5px;
	text-align: left;
	width: 8em;
	text-transform: lowercase;   
	float: left;
	line-height: 1.5em;    
   }
 
   .left {
     float: left;
   }
   
   .right {
     float: right;
   }
   
   /*
   * ------------------------------------------------------------------
   * Navigation Menu adjustments
   * ------------------------------------------------------------------
   */  
   
#nav_main{text-transform: lowercase;font-weight:lighter !important;position:relative;display:block;height:auto !important;line-height: 1em;background:#C0C7CC url(../../images/gradient.png) repeat-x top left;}
#nav_main ul{margin:0;padding:0;list-style-type:none;width:auto;}
#nav_main ul li{display:block;float:left;margin:3px 1px 3px 0;}
#nav_main ul li a{display:block;float:left;text-decoration:none;padding:2px 20px !important;height:20px;}
#nav_main a {color:#000;}
#nav_main a:hover {color:#fff;background:#212E3F;}
#nav_main a.current {color:#fff;background:#212E3F;}
#nav_left {
    /*text-transform: lowercase;*/
}
   #nav_left li a {
     background: #E7E8E8 url("../images/gradientMenuSxScuro.jpg") repeat-x left top;
     color: #232323;
     display: block;
   }
   
   #nav_left ul ul li a {
     background: #F9FAFC url("../images/gradientMenuSx.jpg") repeat-x left top;
     color: #232323;
     display: block;
   }   
   
   #nav_left li a:hover, #nav_left li a:focus, #nav_left li a:active {
     background: #DDD url("../images/gradientMenuSxHover.png") repeat-x left top;      
     color: #000000;
   }
	#nav_left li {
	    line-height: 2em !important;
	}
	#nav_left a {
	    padding: 5px 5px 2px !important;
	    width: auto !important;
	}
   
   #nav_left a.current {
     background-color: #F9FAFB;
     color: #000000;
     font-weight: bold;
   }

   
     #nav_main {
       background: #285574 url(../images/gradient.png) repeat-x top left;
       font-size: 1em;
     }
   
     #nav_main a {
       color: #EEE;
     }
   
     #nav_main a:hover {
       background: #B31B34 url(../images/gradient.png) repeat-x top left;
     }
   
     #nav_main a:hover {
       color: #FFFFFF;
     }
   
     #nav_main a.current {
       color: #fff;
       background: #B31B34 url(../images/gradient.png) repeat-x top left;
     }
   
     #nav_main a.current {
       color: #FFFFFF;
     }
   

   /*
   * ------------------------------------------------------------------
   * Editor adjustments
   * ------------------------------------------------------------------
   */
   
   
}

@media print
{
   /*
   * ------------------------------------------------------------------
   * Print Layout
   * ------------------------------------------------------------------
   */
   
  body, #window, #page, #main { 
  	margin:0; padding: 0; border: 0;
	width: 17cm;
	page: auto; 	
  }
	/*---- INTESTAZIONE-----*/
#logo {
        float: left;
        clear: left;
        display: block;
        width: 100%;
        padding-bottom: 1.0em;
}
.img_logo {
        padding: 0em 0.5em 0em 0em;
	margin: 0em 0em 0em 0em;
        float: left;
        clear: left;
	width: 4.50em;
	height: 4.50em;
	}
#logo h1 {
        padding: 0.5em 0em 0em 0.5em;
	margin: 0em 0em 0em 0em;
        font-weight: lighter;
        text-align: left;
}
#logo .titolo1 {
        padding: 0em 0em 0em 0em;
	margin: 1.0em 0em 0em 0em;
}
	
	.titolo1 {font-size: 0.7em; color: #28558E; background-color: white;}
	.titolo2 {font-size: 1.0em; color: #0666CB; background-color: white;}
	.titolo3 {font-size: 0.9em; color: #0666CB; background-color: white;}  
  #window, #page {width: 100% !important; min-width:0; max-width: none}
  #header { height: auto; }

  #topnav, #nav_main, #breadcrumb, #subheader, #anteprima { display: none; }
  #province, #province img { display: none; visibility: hidden; }
  #col1 { display: none; }
  #col3 { display: none; }
  
  #col2, #col2_content { 
  	width: 100%; margin:0; padding: 0; border:0; 
  	font-family: "Times New Roman", Times, serif;  	
	text-align: justify;
  }
}

@media (min-width: 1200px) {

}

