ÿþ/* Struttura Corsodicazzotti.it - ver 1.0 - Giugno 2010 - Graziano ARTS*/



*  {margin: 0; padding: 0;}



img {border: 0px;}



html {

	text-align: center;		/*centra in IE 5.x */

	width: 100%;

	}



body {

	text-align: center; 	/*centra negli altri browsers*/

	width: 100%;

	background: #141616;



	margin: 0px auto 0px;

	padding: 0px;

	}

	

#main {

	background: #29262a;

	width: 862px;

	margin: 0px auto 0px;

	padding: 0px;

	}



ul {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

li {

	list-style-type: square;

	margin: 0px 0px 0px 20px;

	padding: 0px 0px 0px 0px;

	}







/************************************************

*	Navigazione      					*

************************************************/



#topnavbar {

	background: #436D4C url(images/sfondo_topnavbar.png);

	height: 33px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 30px;

	}



#bottomnavbar {

	background: #436D4C url(images/sfondo_topnavbar.png);

	height: 33px;

	color: #EFECF2;

	margin: 10px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}



#bottomnavbarleft {

	width: 700px;

	float: left;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	}

	

#bottomnavbarright {

	width: 130px;

	float: right;

	margin: 0px;

	padding: 6px 0px 0px 0px;

	}

	

#bottomnavbarright img {

	border: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}



#nav {

	margin: 0px 0px 0px 15px;

	padding: 0px;

	list-style: none;

	}

	

#nav ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	}



#nav li {

	float: left;

	margin: 0px;

	padding: 0px;

	list-style: none;

	}



#nav a {

	background: transparent;

	color: #EFECF2;

	display: block;

	font-size: 11px;

	font-weight: normal;

	text-transform: uppercase;

	margin: 0px 15px 0px 0px;

	padding: 8px 10px 8px 10px;

	}

	

#nav a:hover {

	background: #66AD6E;

	background-image: url(images/sfondo_topnavbar.png);

	color: #EFECF2;

	display: block;

	text-decoration: none;

	margin: 0px 15px 0px 0px;

	padding: 8px 10px 8px 10px;

	}

	





/************************************************

*	Header  						*

************************************************/



#header {

	background-image: url(images/header.jpg);

/*	height: 290px;*/

	height: 252px;

	color: #EFECF2;

	padding: 0px 0px 0px 0px;

	overflow: hidden;

	}

	

#headerleft {

	float: left;

	width: 460px;

	height: 285px;

	}



#headerright {

	float: right;

	width: 250px;

	height: 285px;

	}







/************************************************

*	Pagina						* 

************************************************/





#pagina {

	width: 100%;

	float: left;

	background: #29262a /*url(../images/sfondo_pagina_02.jpg) repeat-y top left*/;

	margin: 0px auto 0px;

	padding: 0px 0px 0px 0px;

	line-height: 20px;

	}



#pagina p {

	padding: 0px 0px 0px 0px;

	margin: 0px;

	}

	







/************************************************

*	Sinistra						* 

************************************************/



#sinistra {

	float: left;

/*	width: 522px; aumentato di 30 px */

	width: 552px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}





.video_recenti {

	float: left;

/*	width: 480px; aumentato di 30 px */

	width: 510px;

	margin: 20px 0px 0px 20px;

	padding: 10px 10px 10px 10px;

	display: inline;

/* 	vecchio :: larghezza totale 480 + 20 padding + 2 bordi = 502 px */ 

/* 	larghezza totale 510 + 20 padding + 2 bordi = 532 px */ 

	}



.ultimo {

	margin: 15px 0px 10px 0px;

	}



.videolink {

/*	background: red;*/

	}



.aggiornamenti {

	float: left;

/*	width: 480px; aumentato di 30 px */

	width: 510px;

	margin: 20px 0px 0px 20px;

	padding: 10px 10px 10px 10px;

	display: inline;

/* 	vecchio :: larghezza totale 480 + 20 padding + 2 bordi = 502 px */ 

/* 	larghezza totale 510 + 20 padding + 2 bordi = 532 px */  

	}







/* Per impaginazione Blog */



.postmeta2 {

	width: 100%;

	padding: 3px 0px 3px 0px;

	margin: 10px 0pt 10px 0pt;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #7d7182;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #7d7182;

	}



.alignr {

	float: right;

	}



.share_icons {

	text-align: center; 	/*centra negli altri browsers*/

	width: 100%;

	margin: 0pt 0pt 30px 0pt;

	}



	







/* Per template a colonna singola */



#sinistra_singola {

	float: left;

	width: 862px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}



.box_esteso {

	float: left;

	width: 800px;

	margin: 20px 0px 0px 20px;

	padding: 10px 10px 10px 10px;

	display: inline;

/* 	larghezza totale 800 + 20 margin + 20 padding + 20 raddoppio bug mozilla + 2 bordi = 862 px */ 

	}





.contenuto {

	text-align: justify;

	margin: 10px 0px 10px 0px;

	padding: 0px 10px 0px 10px;

	}











/* Box secondari */



.sinistra_bottom_left {

	float: left;

/*	width: 224px; aumentato di 15px */

	width: 239px;

	height: 280px;

	margin: 20px 0px 0px 20px;

	padding: 10px 10px 10px 10px;

	overflow: hidden;

	line-height: 16px;

	display: inline;

/* 	vecchio :: larghezza totale 224 + 20 padding + 2 bordi = 246 px */ 

/* 	larghezza totale 239 + 20 padding + 2 bordi = 261 px */ 

	}

	

.sinistra_bottom_left img {

	border: none;

	margin: 0px 0px 10px 0px;

	}

	

.sinistra_bottom_right {

	float: right;

/*	width: 224px; aumentato di 15px */

	width: 239px;

	height: 280px;

	margin: 20px 0px 0px 0px;

	padding: 10px 10px 10px 10px;

	overflow: hidden;

	line-height: 16px;

/* 	vecchio :: larghezza totale 224 + 20 padding + 2 bordi = 246 px */ 

/* 	larghezza totale 239 + 20 padding + 2 bordi = 261 px */

	}

	

.sinistra_bottom_right img {

	border: none;

	margin: 0px 0px 10px 0px;

	}





.sinistra_banner {

	float: left;

/*	width: 500px;*/

	width: 530px;

	height: 300px;

/*	background-image: url(images/banner_compra_app_1.jpg);

	background: #EF8343;*/

	border: 1px solid #EF8343;

	margin: 20px 0px 0px 20px;

	display: inline;

/* 	larghezza totale 530 + 2 bordi = 532 px */ 

	}







/* Stile per tutti i box della colonna di sinistra */



.video_recenti, .aggiornamenti, .box_esteso, .sinistra_bottom_left, .sinistra_bottom_right {

	-moz-border-radius: 4px;

	background: #5a565b;

	border: 1px solid #7d7182;

/*	background: url(../images/sfondo_box.png) repeat-x bottom left;*/

/*	border: 1px solid #66AD6E;*/

	}









/************************************************

*	Destra						* 

************************************************/



#destra {

	float: right;

/*	width: 320px; diminuito di 30px */

	width: 290px;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	line-height: 20px;

	display: inline;

	}

	

#destra p {

	padding: 0px 0px 0px 0px;

	margin: 0px;

	}

	

#destra a img {

	border: none;

	margin: 0px;

	padding: 0px;

	}

	

.destra_banner {

	float: left;

/*	width: 298px; diminuito di 30px*/

	width: 268px;

	height: 400px;

/*	background: #EF8343;*/

	border: 1px solid #66ad6e;

	-moz-border-radius: 4px;

	margin: 20px 20px 0px 0px;

	padding: 0px;

	display: inline;

/* 	vecchio :: larghezza totale 298 + 2 bordi = 300 px */ 

/* 	larghezza totale 268 + 2 bordi = 270 px */ 

	}



.news {

	float: left;

/*	width: 278px;*/

	width: 248px;

	font-size: 9pt;

	margin: 20px 20px 0px 0px;

	padding: 10px 10px 10px 10px;

	line-height: 16px;

/* 	vecchio :: larghezza totale 278 + 20 padding + 2 bordi = 300 px */ 

/* 	larghezza totale 248 + 20 padding + 2 bordi = 270 px */ 

	}

	

.news_left {

	float: left;

	width: 30px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

.news_right {

	float: right;

	width: 180px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

		

.area_johnson {

	float: left;

/*	width: 278px;*/

	width: 248px;

	margin: 20px 0px 0px 0px;

	padding: 10px 10px 10px 10px;

/* 	vecchio :: larghezza totale 298 + 20 padding + 2 bordi = 300 px */ 

/* 	larghezza totale 248 + 20 padding + 2 bordi = 270 px */ 

	}



.newsletter {

	float: left;

/*	width: 278px;*/

	width: 248px;

	margin: 20px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

/* 	vecchio :: larghezza totale 278 + 0 padding = 278 px */ 

/* 	larghezza totale 248 + 0 padding = 248 px */ 

	}



.promozione {

	float: left;

/*	width: 278px;*/

	width: 248px;

	margin: 20px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	padding: 10px 10px 10px 10px;

/* 	vecchio :: larghezza totale 298 + 20 padding + 2 bordi = 300 px */ 

/* 	larghezza totale 248 + 20 padding + 2 bordi = 270 px */ 

	}





/* Stile per tutti i box della colonna di destra */



.news, .aggiornamenti, .area_johnson, .promozione {

	-moz-border-radius: 4px;

	background: #5a565b;

	border: 1px solid #7d7182;

/*	background: url(../images/sfondo_box.png) repeat-x bottom left;*/

/*	border: 1px solid #66AD6E;*/

	}



	







/************************************************

*	Form							*

************************************************/



/* Definizione generica box di input*/

input{

	background-color: #B7B4BB;

	font-size: 8px;

	font-color: #141616;

	border: 1px solid #7D7182;

	}





/* Form contenente il blocco per l'accesso all'area riservata */

form#login {

	float: right;

	width: 158px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-color: #EFECF2;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	text-align: right;

	text-transform: uppercase;

	border-left: 1px solid #66AD6E;

	}



/* Definizione box login*/

input.text {

	width: 140px;

	text-align: right;

	}



/* Pulsante Accesso e Uscita*/

#login .buttons {

	font-color: #EFECF2;

	font-size: 8px;

	text-transform: uppercase;

	background-color: #66AD6E;

	padding: 0px 5px 0px 5px;

	margin-top: 5px;

	border: 1px solid #436D4C;

	}



#logout .buttons {

	float: right;

	font-color: #EFECF2;

	font-size: 8px;

	text-transform: uppercase;

	background-color: #66AD6E;

	padding: 0px 5px 0px 5px;

	margin-top: 5px;

	border: 1px solid #436D4C;

	}



/* Form contenente il blocco per l'iscrizione alla newsletter */

form#subscribe {

	float: right;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	display: inline;

	font-color: #EFECF2;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: right;

	}



/* Definizione box newsletter*/

input.email {

	width: 120px;

	padding: 2px;

	margin-top: 2px;

	}



/* Pulsante Sottoscrizione */

#subscribe .buttons {

	font-color: #EFECF2;

	font-size: 10px;

	text-transform: uppercase;

	background-color: #66AD6E;

	padding: 1px 0px 1px 0px;

	margin-top: 2px;

	margin-left: 6px;

	border: 1px solid #436D4C;

	}



/* Immagine adiacente al form */

#sublogo {

	float: left;

	}







/************************************************

*	Foto							*

************************************************/



.base_flickr {

	background: #5a565b;

	border: 1px solid #7d7182;

	-moz-border-radius: 4px;

	float: left;

	margin: 20px 20px 10px 20px;

	padding: 10px 10px 10px 10px;

	display: inline;

	}

	

.base_flickr a img {

	border: 1px solid #EFECF2;

	margin: 0px 10px 0px 0px;

	padding: 2px;

	}

	

.base_flickr a:hover img {

	border: 1px solid #ef8343;

	margin: 0px 10px 0px 0px;

	padding: 2px;

	}

	





/************************************************

*	Footer      					*

************************************************/



#footer {

	float: left;

	width: 862px;

	background: #29262a /*url(../images/sfondo_foto.jpg) no-repeat bottom left*/;

	margin: 0px auto 0px;

	padding: 15px 0px 0px 0px;

	text-align: center;

	}

	

#footer p {

	color: #B7B4BB;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	margin: 10px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

#footer a, #footer a:visited {

	color: #B7B4BB;

	text-decoration: none;

	}

	

#footer a:hover {

	text-decoration: underline;

	}





/************************************************

*	Extra					*

************************************************/





.more {

	float: right;

	margin: 5px;

	padding: 3px 6px 3px 6px;

	background-color: #41484F;

/*	border: 1px solid #b7b4bb;*/

	}



.logo {

	margin-right: 20px;

	}











/************************************************

*	Social					*

************************************************/



.social_bookmarks {

	float: left;

	width: 270px;

	margin: 20px 20px 0px 0px;

	padding: 0px;

	}



.social_bookmarks ul, .social_bookmarks li {

	padding: 0pt;

	margin: 0pt;

	list-style-type: none;

/*	display: inline;

	background-position: 0pt 50%;*/

	}



.social_bookmarks ul {

/*	display: block;*/

	}



.social_bookmarks a {

/*	display: block;*/

	width: 32px;

	height: 32px;

	text-indent: -9000px;

	float: right;

	margin-left: 10px;

	}



.social_bookmarks .twitter a {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/twitter_32.png");

	}



.social_bookmarks .twitter a:hover {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/twitter_32_over.png");

	}





.social_bookmarks .youtube a {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/youtube_32.png");

	}

.social_bookmarks .youtube a:hover {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/youtube_32_over.png");

	}





.social_bookmarks .facebook a {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/facebook_32.png");

	}

.social_bookmarks .facebook a:hover {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/facebook_32_over.png");

	}





.social_bookmarks .flickr a {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/flickr_32.png");

	}

.social_bookmarks .flickr a:hover {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/flickr_32_over.png");

	}





.social_bookmarks .rss a {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/rss_32.png");

	}

.social_bookmarks .rss a:hover {

	background-image: url("http://www.corsodicazzotti.it/assets/templates/corso_01/images/social_icons/rss_32_over.png");

	}























/************************************************

*	Testo					*

************************************************/



@font-face {

	font-family: 'BelligerentMadnessRegular';

	src: url('belligerent-webfont.eot');

	src: local('BelligerentMadnessRegular'), url('http://www.corsodicazzotti.it/assets/font/belligerent-webfont.woff') format('woff'), url('http://www.corsodicazzotti.it/assets/font/belligerent-webfont.ttf') format('truetype'), url('http://www.corsodicazzotti.it/assets/font/belligerent-webfont.svg#webfontWoJ9JzPp') format('svg');

	font-weight: normal;

	font-style: normal;

}





a, a:visited {

	color: #EF8343;

	text-decoration: none;

	}

	

a:hover {

	text-decoration: underline;

	}



body {

	color: #EFECF2;

	font-size: 9pt;

	line-height: 12pt;

	font-family: verdana, Arial, Tahoma;

	text-align: left;

	}



h1 {

/*	color: #141616;*/

	background: #5a565b;

	font-weight: normal;

	font-size: 12px;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

	}

	

h2, h4 {

	font-family: Helvetica,Arial,sans-serif;

	font-weight: bold;

	font-size: 12px;

	color: #29262a;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: #ef8343;

	margin: 0px 0px 5px 0px;

	padding: 1px 0px 1px 5px;

	line-height: 20px;

	}

	

h3 {

	color: #EFECF2;

	font-size: 12px;

	margin: 0px 0px 3px 0px;

	padding: 0px;

	line-height: 16px;

	}



h3.TitoloApp {

	color: #66AD6E;

	font-family: 'BelligerentMadnessRegular';

	font-size: 24px;

	margin: 0px 0px 3px 0px;

	padding: 0px;

	line-height: 28px;

	}



h3.titoloPost {

	margin: 15px 0px 10px 0px;

	}



h4 {

	text-align: left;

	margin: 0px 0px 10px 0px;

	}