/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea {color: #444;}
body {font-size: 1em;line-height: 1.5; }
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px; border: 0;border-top: 1px solid #ccc;margin: 1em 0; padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea { resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
a:active, a:focus{ outline: none;}

h1, h2, h3, h4, h5, h6, strong{font-weight: 700;}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body { font-weight: 400; background: url(../img/bg-left.png) no-repeat fixed left top, url(../img/bg-right.png) no-repeat fixed bottom right; font-family: 'Lato', sans-serif;}
.wrapper {width: 90%;margin: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #fff;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

header{position: relative;}
header h1{float:left; width: 150px; height: 45px; overflow: hidden;}
header h1 a{ display:block; width:150px; height:45px; text-indent: -999px; background: url(../img/logo-turis.png) no-repeat; background-size: 150px 45px;}
header h2{float:right; width: 150px; height: 45px; overflow: hidden;}
header h2 a{ display:block; width:150px; height:45px; text-indent: -999px; background: url(../img/LR_logoITALIA.png) no-repeat;background-size: 150px 45px;}
header nav ul{margin: 20px 0 0 0; padding: 0; clear: both;}
header nav ul li{margin: 0 10px 0 0; padding: 0; display: inline-table;}
header nav ul li a{background: #006e92; border-radius: 5px; color: #fff; padding: 5px 10px; text-align: center; display: block; text-decoration: none;}
header nav ul li a:hover{background: #0098ca; color: #fff;}

.content{font-size: 1.2em;}
.content h1{line-height: 1.2; margin: 30px 0; font-size: 2.2em;}
.content h2{margin: 0; font-size: 0.8em; text-transform: uppercase;}
.content h3{line-height: 1.2; margin: 0; font-size: 0.8em; font-weight: normal; text-transform: uppercase; }

.b-bottom{border-bottom: 1px solid #ccc; padding:0 0 40px 0; margin-bottom: 10px;}

.button{background: #006e92; border-radius: 5px; color: #fff; padding: 5px 0; text-align: center; display: block;}
.button:hover{background: #0098ca; color: #fff;}
a{color: #006e92; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover{color: #0098ca;}

ul.calendar{ margin: 20px 0 0 0; padding: 0; list-style: none; position: relative;}
ul.calendar li{margin: 0; padding: 16px 0 16px 120px; border-bottom: 1px solid #ccc;}
ul.calendar li span{background: #6db01c; color: #fff; display: block; padding: 2px 4px; position: absolute; border-radius: 5px; left:0px; width: 90px; font-size: 0.7em; text-transform: uppercase; text-align: center; line-height: 1.2;}
ul.calendar li span strong{font-size: 1.8em;}
ul.calendar li strong{display: block;}

ol.docenti{ margin: 20px 0 0 0; padding: 0; list-style: none; position: relative;}
ol.docenti li{margin: 0; padding: 16px 0 16px 100px; border-bottom: 1px solid #ccc;}
ol.docenti li span{display: block; position: absolute; border-radius: 5px; left:0px; width: 80px;}
ol.docenti li span img{width: 100%; height: auto;}
ol.docenti li p{margin: 0;}
ol.docenti li strong{display: block; font-size: 1.4em;}

aside{background: #eee; padding: 20px;}

.contact div{background: #eee; padding: 20px;}

footer{padding: 1em 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {
.right{float: right; width: 34%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.left{float: left; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ol.docenti li{padding: 16px 0 16px 200px; }
ol.docenti li span{width: 160px;}
.contact div span{display: block; float:right;}
}

@media only screen and (min-width: 1140px) {
.wrapper {width: 1026px; /* 1140px - 10% for margins */margin: 0 auto;}
header h1{width: 250px; height: 75px; }
header h1 a{ width:250px; height:75px; background-size: 250px 75px;}
header h2{width: 250px; height: 75px;}
header h2 a{ width:250px; height:75px;background-size: 250px 75px;}

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0; height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto; margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */box-shadow: none !important;text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
/** Don't show links for images, or javascript/internal links **/
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group; /* h5bp.com/t */}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page { margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
}