/*-----------------------------------------------------------------------------

version:	1.0.1 - 18.04.2008
author:		federico pizzutto
website:	http://www.pngised.net/
scope:		foglio di stile principale di www.kineo.info
            (definizione della strutturra ed elementi importanti)
            
- Convenzioni -
NOTE:: --> utilizzato per indicare particolari informazioni
HACK:: --> utilizzato per indicare correzioni specifiche
-----------------------------------------------------------------------------*/

/* @group GENERAL */

/* --> GENERAL
-----------------------------------------------------------------------------*/

/* NOTE:: --> Remove padding and margin */
* {
  margin: 0;
    padding: 0;
}
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}*/

/* NOTE:: --> Put it back on certain elements */
h4, h5, h6, pre, blockquote, table, ul, ol {  margin: 0.5em 0;}

/* NOTE:: --> Remove formatting typography, lists, paragraph, etc. */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
h1, h2, h3, h4, h5, h6, address, caption, cite, th {
	font-style:normal;
	font-weight:normal;
}
ol, ul {list-style:none outside;}
caption,th {text-align:left;}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Holly Hack Targets IE Win only \*/
   * html .clearfix {height: 1%;} /*for ie6 only*/
   .clearfix {display: block;}
/* End Holly Hack */

/* NOTE:: --> Remove border around linked images */
fieldset, img {	border: 0;}

/* @end */


/* @group CONTAINER */
/* --> CONTAINER
-----------------------------------------------------------------------------*/
#wrapper {
	width: 760px;
	background: #fff url(../images/header.png) repeat-x 0 0;
	margin: 0 auto;
}
body {
	/*background: #d8d8d8 url(../images/bgBottom.png) repeat-x 0 100%;*/
	background: #dedede url(../images/bgTop.png) repeat-x 0 0;
}
/*#body2 {
	height: 100%;
	width: 100%;
	background: url(../images/bgTop.png) repeat-x 0 0;
}*/
#footer {
	height: 76px;
	background: url(../images/footer.png) repeat-x 0 100%;
}
#header {
	height: 176px;
	/*background: url(../images/logoKineoTop.png) no-repeat 100% 0;*/
}
#container {
	position: relative;
	min-height: 400px;
	padding-bottom: 2em;
}
#content {
	float: right;
	width: 430px;
	margin-right: 40px;
	padding-right: 70px;
}
#premio {
	background: url(../images/premio.png) no-repeat 0 0;
	width: 183px;
	height: 420px;
	position: absolute;
	top: -99px;
	left: 652px;
}

/* @end */


/* @group TYPOGRAPHY */
/* --> TYPOGRAPHY
-----------------------------------------------------------------------------*/
body {
  font: 62.5%/1.6 "Trebuchet MS", Tahoma, Verdana, sans-serif;
	direction: ltr;
	text-align: center;
}
#wrapper { text-align: left;}
#content { font-size: 1.2em;}
#content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
}
legend { font-size: 1.6em;}
#content p {
	padding-bottom: .4em;
}
pre {
	font: 11px "Courier New", Courier, mono;
}

/* --> HEADINGS
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h6 {
	color: #0079d2;
}
#content h2 {
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 1em;
}
#content h3 {
	font-size: 1.4em;
	margin-top: 1em;
	margin-bottom: 0.2em;
}
#content h4 {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.2em;
}
#content h5 {
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 0.2em;
	font-weight: bold;
}

/* @end */

/* --> LINKS
-----------------------------------------------------------------------------*/
a, #content a {
	color: #0079d2;
}
a:hover {
	color: #0079d2;
}
#content a:hover {
	background-color: #dcecff;
	color: #848484;
}


/* --> BRANDING
-----------------------------------------------------------------------------*/
#logo {
	background: url(../images/logoKineoTop.gif) no-repeat 0 100%;
	display: block;
	width: 323px;
	height: 124px;
	position: relative;
	left: 30px;
	top: 21px;
}
.home #header {
	background: url(../images/testaHome.jpg) no-repeat 0 0;
}
.home #logo {
	background: none;
}
.home #premio {
	background: url(../images/premio.png) repeat-x 0 0;
}


/* --> MAIN NAV
-----------------------------------------------------------------------------*/
#menu {
	text-transform: uppercase;
	font-size: 1.5em;
	width: 200px;
	float: left;
	color: #848484;
	margin: 0;
}
#menu li, #menu li.menunormal {
	background: url(../images/menu.png) no-repeat 100% 100%;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}
#menu li a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #848484;
}
#menu li a:hover, #menu li.selected a  {
	background-color: #e8e8e8;
	color: #0079d2;
}

/* --> SUB NAV
-----------------------------------------------------------------------------*/
.menuTendina {
	position: absolute;
	/*width: 150px;*/
	left: 200px;
	top: 0;
	margin: 0;
	display: none;
	z-index: 5;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	text-transform: lowercase;
}
.selected .menuTendina {
	display: block;
	z-index: 5;
}
#menu .menuTendina li {
	background: none;
	border-bottom: 1px solid #fff;
}
#menu li.selected .menuTendina a {
	background-color: #e8e8e8;
	white-space: nowrap;
	color: #848484;
}
#menu li.selected .menuTendina a:hover {
	color: #0079d2;
}



/* --> MAIN CONTENT
-----------------------------------------------------------------------------*/




/* --> SECONDARY CONTENT
-----------------------------------------------------------------------------*/



/* --> FOOTER
-----------------------------------------------------------------------------*/
#footer {
	color: #b9b9b9;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	clear: both;
}
#footer p{
	padding-top: 1em;
}
#footer a {
	color: #b9b9b9;
}
#footer a:hover {
	color: #999;
}


/* --> FORMS
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {
	padding: 2em 0 0 0;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	color : #FF3300;
	font-weight: bold;
}
.custom-advice {
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
fieldset {
	margin-bottom: 0.5em;
}
legend {
	color: #0079d2;
	padding-bottom: .5em;
}
label {
	font-weight: bold;
	display: block;
}
input.testo {
	width: 250px;
}
.form-row {
	clear: both;
	padding: 0.4em;
}

/*.field-label {

}

.field-widget {

}*/


/* --> TABLES
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
	padding-top:5px;
	padding-right:2px;
}



/* --> MISC+ 1
-----------------------------------------------------------------------------*/
.evidenziato {
	background-color: #dcecff;
}
.tornaSu {
	text-align: center;
}
#content img {
	border: 2px solid #dedede;
}
#content .galleria {
	list-style: none;
	margin-left: 0;
}
.galleria li {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}
.galleria a img {
	border: 2px solid #dedede;
}
.galleria a:hover img {
	border: 2px solid #0079d2;
}
.imgSx {
	float: left;
	margin-right: 1em;
}
.imgDx {
	float: right;
	margin-left: 1em;
}
.imgCe {
	float: none;
}

/* --> MISC+ 2
-----------------------------------------------------------------------------*/
.evento {
	clear: both;
	margin-bottom: 2em;
}
.post {
	border-bottom:1px dotted #0079d2;
}
.nota {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 0.6em 1em;
	margin-bottom: 1em;
}
#content .nota h5 {
	margin: 0;
	padding: 0;
}

.annuncio {
	font: 14px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #ff0c28;
	position: absolute;
	bottom: 150px;
	left: 140px;
	text-align: center;
	text-transform: uppercase;
}