/*Struttura sito CAI Pino Torinese www.caipinotorinese.it*/
/*Edited by Alessio Golzio*/
/*Ultima modifica Venerdì 27 Marzo 2015*/

/* Tutti i dispositivi */
/*SFONDO PAGINA*/
	#sfondo {
		height: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: -100;
	}
	
body {
	background-color: #fffcea;
	color: black;
	font-family: Verdana,arial,Calibrì;
	font-size: 12pt;
}

h { color: #FF9933; font-family: arial; font-weight:700; }

a { color: #1090ff; text-decoration: none; }


p.gite {
	color: #3050ff;
	font-family: calibri, helvetica, arial, verdana;
	font-size: 11pt;
	font-weight: 500;
}

p.intestazione {
	color: #0099ff;
	font-family: harrington;
	font-size: 24pt;
	font-weight: 700;
	text-decoration: none;
}

p.intestazione1 {
	color: #fff;
	font-family: estrangelo edessa, calibri;
	font-size: 20pt;
	font-weight: 400;
	text-decoration: none;
}

p.intestazione2 {
	color:#fff060;
	font-weight:400; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:24pt;
	text-decoration: none;
}
p.nota { color: #135000; font-family: arial; font-size: 10pt; }

p.testo {
	color: black;
	font-family: verdana, arial, times new roman;
	font-size: 11pt;
	text-align: justify;
	text-indent: 10px;
}

p.testo1 {
	color: black;
	font-family: verdana, arial, times new roman;
	font-size: 12pt;
	text-align: left;
	text-indent: 5px;
}

p.testo1_r {
	color: red;
	font-family: verdana, arial, times new roman;
	font-size: 10pt;
	text-align: center;
	text-indent: 5px;
}

p.testoc {
	color: black;
	font-family: calibri, verdana, arial, times new roman;
	font-size: 12pt;
	text-align: center;
	text-indent: 10px;
}

p.titolo {
	color: #ff4522;
	font-family: calibri, helvetica, arial;
	font-size: 15pt;
	font-weight: 700;
}

p.titolo1 {
	color: #ff4800;
	text-shadow: 2px 1px 3px #111, 1px 3px 5px #f00;
	font-family: tahoma, helvetica, arial;
	font-size: 20pt;
	font-weight: 500;
	padding-bottom: 5px;
	padding-top: 15px;
}

p.titolo2 {
	color: #006600;
	font-family: helvetica;
	font-size: 12pt;
	font-weight: 700;
}

p.datimeteo {
	color: #0000ff;
	font-family: verdana, arial, helvetica;
	font-weight: 500;
	font-size: 15pt; 
}

p.datimeteomax {
	color: #ff0000;
	font-family: verdana, arial, helvetica;
	font-weight: 500;
	font-size: 13pt; 
}

p.datimeteomin {
	color: #0000ff;
	font-family: verdana, arial, helvetica;
	font-weight: 500;
	font-size: 13pt; 
}

/* Da tablet in versione Portrait */
@media screen and (min-width: 768px){

	#globale {
		max-width: 100%;
		margin: auto;
		padding: 5px;
		text-align: left;
		top: 3px;
	}


}

/* Tablet versione Landscape e netbook */
@media screen and (min-width: 1024px){

	#globale {
		max-width: 100%;
		margin: auto;
		padding: 5px;
		text-align: left;
		top: 3px;
	}
}


/*CSS solo per i pc dimensione schermo > 1200 pixel*/
@media screen and (min-width: 1200px) {

	a .menu-left {
		background: url(../grafica/menu_left_1.gif) no-repeat left top;
		display: block;
		float: left;
		height: 32px;
		line-height: 35px;
		width: 8px;
	}
	
	a .menu-mid {
		background: url(../grafica/menu_mid_1.gif) repeat-x left top;
		display: block;
		float: left;
		font-size: 12pt;
		height: 32px;
		line-height: 35px;
	}
	
	a .menu-right {
		background: url(../grafica/menu_right_1.gif) no-repeat left top;
		display: block;
		float: left;
		height: 32px;
		line-height: 35px;
		width: 8px;
	}
	
	a:hover {
		color: #ff3300;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.feed {
		margin-left: 3px;
		padding: 0 0 0 19px;
	 	background: url("../grafica/feed-icon-14x14.png") no-repeat 0 50%;
	}
	
	/*elenchi*/
	
	li.elenco1 { line-height: 15px; list-style-type: square; }
	
	li.gite {
		color: #3050ff;
		font-family: calibri;
		font-size: 11pt;
		font-weight: 900;
	}
	
	li.gitep {
		color: #a4cdff;
		font-family: arial;
		font-size: 11pt;
		font-weight: 250;
	}
	
	/*paragrafi*/
	
	
	.content {
		background: url(images/content_bg.png) repeat-y;
		float: left;
		padding: 10px 20px;
		width: 800px;
	}
	
	.content h1 {
		border-bottom: 1px dashed #c1d9f0;
		color: #333;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	.content h2 {
		font-size: 14px;
		font-weight: 400;
		margin-bottom: -5px;
		padding-left: 10px;
		text-transform: uppercase;
	}
	
	.content p { padding: 0 15px; text-align: justify; }
	
	.content-bottom {
		background: transparent url(images/content_bottom.png) no-repeat;
		float: left;
		height: 13px;
		width: 800px;
	}
	
	#contatore {
		margin-top: 3px;
		margin-bottom: 8px;
		text-align: left;
		font-family: Arial, Ebrima;
		color: orange;
		text-decoration: none;
	}
	
	/*CONTENUTI*/
	
	#contenuti {
		float: left;
		font-family: verdana, arial, calibrì;
		font-size: 12px;
		overflow: visible;
		width: 795px;
	}
	
	#contenuti a.collegamento {
		background-color: #ffd090;
		color: #ff0000;
		font-size: 12pt;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#contenuti a:hover.collegamento {
		background-color: #ff9000;
		font-size: 12pt;
		font-weight: 700;
		text-align: center;
	}
	
	#contenuti_gite a { color: #ff0000; text-align: left; }
	
	#contenuti_gite a:hover {
		background-color: green;
		color: #fff090;
		text-align: left;
		text-decoration: none;
		text-transform: none;
	}
	
	/*DIVISIONI PAGINA*/
	
	#globale {
		max-width: 800px;
		margin: auto;
		padding: 5px;
		text-align: left;
		top: 3px;
	}
	
	#intestazione {
		background: transparent;
		color: black;
		font-family: Verdana, Arial;
		margin: auto;
	   max-width: 800px;
		margin-bottom: 20px;
		position: relative;
		text-align: left;
		top: 10px;
	}
	
	#menu_sito a {
		background-color: #d0e0ef;
		border-top: 3px solid #463fa7;
		border-bottom: 3px solid transparent;
		color: #ff7213;
		display: block;
		font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial;
		font-weight: 600;
		height: 25px;
		line-height: 25px;
		margin-top: 1px;
		padding-left: 7px;
		padding-right: 10px;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		opacity: 0.7;
	}
	
	#menu_sito a.news { color: red; font-weight: 900; }
	
	#menu_sito a.news:hover {
		background-color: red;
		color: #fff090;
		font-weight: 900;
	}
	
	#menu_sito a.selezionato {
		background-color: #a660ff;
		color: #f5d200;
		font-weight: 600;
	}
	
	#menu_sito a:hover {
		background-color: #ff781e;
		color: #ffec7b;
		border-top: 6px solid #ff0000;
		border-bottom: 0px solid transparent;
		font-weight: 600;
	}
	
	#menu_sito_i a:hover { color: #5e92e9; font-weight: 600; }
	
	/*Barre laterali home page*/
	
	#barra_lat_dx {
		background-color: transparent;
		float: right;
		content: normal;
		width: 180px;
		height: 1000px;
		overflow: visible;
	}
	
	#barra_lat_dx a{
		background-color: #d0e0ef;
		border-right: 3px solid #463fa7;
		color: #ff7213;
		display: block;
		font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial;
		font-weight: 600;
		height: 25px;
		line-height: 25px;
		margin-top: 1px;
		padding-left: 10px;
		padding-right: 7px;
		text-align: right;
		text-decoration: none;
		text-transform: uppercase;
		opacity: 0.7;
	}
	
	#barra_lat_dx a:hover{
		background-color: #ff781e;
		color: #ffec7b;
		border-right: 6px solid #ff0000;
		font-weight: 600;
	}
	
	#intro {
		background-color: transparent;
		position: relative;
		float: none;
		width: 610px;
	}
	
	#ultime_notizie {
		position: relative;
		float: none;
		width: 610px;
		content: normal;
		background-color: transparent;
		font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial;
	}
	
	#evento {
		background-color: transparent;
		position: relative;
		width: 400px;
	}
	
	#evento .data {
		background-color: #ffff66;
		border-color: orange;
		border-width: thin;
		border-style: solid;
		font: 12pt Verdana;
		color: #cc0000;
		text-transform: uppercase;
		position: relative;
		width: 55px;
		height: 55px;
		text-align: center;
		vertical-align: middle;
	}
	
	#evento p.testo {
		font: 12pt Calibri;
		color: green;
	}
	
	/*MENU*/
	/*div esterno*/
	#menu1 {
		color: #44433f;
		font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial;
		margin-bottom: 50px;
		padding: 4px 0 0;
		width: 800px;
	}
	
	#menu1 a {
		color: #0000ff;
		text-decoration: none;
		font-weight: 550;
	}
	
	#menu1 a:hover { color: #09548b; text-transform: none; }
	
	#menu1 p { line-height: 18px; margin: 0 0 17px; padding: 0; }
	
	/*centro*/
	#nav {
		background: url(../grafica/nav_bg_1.png) repeat-x;
		float: left;
		width: 770px;
	}
	
	#nav .btm-bg {
		background: url(../grafica/submenu_bottom_1.png) no-repeat;
		clear: both;
		height: 9px;
		overflow: hidden;
		width: 205px;
	}
	
	#nav li {
		background: url(../grafica/split.png) no-repeat right center;
		float: left;
		padding: 0 7px;
		position: relative;
		z-index: 1;
	}
	
	#nav li .sub {
		background: url(../grafica/submenu_top_1.png) no-repeat;
		display: none;
		left: 6px;
		padding-top: 9px;
		position: absolute;
		top: 27px;
		width: 186px;
	}
	
	#nav li a {
		display: block;
		float: left;
		line-height: 38px;
		overflow: hidden;
	}
	
	/*Elemento attivo e dove si passa*/
	#nav li a:hover .menu-left, #nav li.sel a .menu-left, #nav li:hover a .menu-left, #nav li a:hover .menu-mid, #nav li.sel a .menu-mid, #nav li:hover a .menu-mid, #nav li a:hover .menu-right, #nav li.sel a .menu-right, #nav li:hover a .menu-right {
		background-position: 0% -37px;
		color: #c5461a;
		font-size: 13pt;
		font-weight: 750;
		line-height: 35px;
	}
	
	#nav li li a:hover {
		background: #ffc758 !important;
		color: #fff;
		line-height: normal;
		text-decoration: none;
	}
	
	#nav li ul {
		background: url(../grafica/submenu_bg_1.png) repeat-y;
		font-size: 14px;
		height: auto;
		list-style: none;
		margin: 0;
		padding: 0 12px 10px;
		width: 162px;
	}
	
	#nav li.last { background: none; }
	
	#nav li.sel a { color: green; font-weight: 800; }
	
	#nav li:hover { font-weight: 700; z-index: 2; }
	
	#nav li:hover .sub, #nav li.hover .sub { display: block; }
	
	#nav li:hover li a, #nav li.sel li a {
		background: none !important;
		color: #00461a;
		font-weight: 600;
		line-height: normal;
		padding: 8px 3px 3px;
		text-indent: 1px;
		width: 156px;
	}
	
	#nav li:hover li a:hover, #nav li.sel li a:hover {
		background: #ffc758 !important;
		color: #ff3a28;
		line-height: normal;
		text-decoration: none;
	}
	
	#nav li:hover li, #nav li.sel li {
		background: none !important;
		border-bottom: 1px dashed #c1d9f0;
		padding: 1px 0 2px;
		width: 100%;
	}
	
	#nav ul {
		float: left;
		font-size: 15px;
		height: 38px;
		list-style: none;
		margin: 0;
		padding-top: 3px;
		width: 770px;
	}
	
	/*bordo sinistro*/
	#nav-left {
		background: url(../grafica/nav_left_1.png) no-repeat left top;
		float: left;
		height: 41px;
		width: 11px;
	}
	
	#nav-menu { clear: both; float: left; width: 800px; }
	
	/*bordo destro*/
	#nav-right {
		background: url(../grafica/nav_right_1.png) no-repeat right top;
		float: left;
		height: 41px;
		width: 11px;
	}
	
	
	
	#testo_scomparsa { background-color: #fff0a0; }

}