/*-----------------------------------------------------------------------------
SITO

version:	1.0
author:		alessandro portincasa
scope:		foglio di stile principale di www.labattaglila.it
            (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;
}



div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;
}
a:focus {outline-style:none;}



/* NOTE:: --> Put it back on certain elements */
h4, h5, h6, pre, blockquote, table, ul, ol {  margin: 0 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;}









.carat1 {font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; color: #333;}

.login {background: url(../images/menu.png) repeat 100% 100%; margin: 0 auto;}
.barraLogin {background-color: #333; color:#fff;}
.txt {background-color: #f3f3f3; border: 1px solid #ddd; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; color: #333;}

.chiudi{
  clear: both;
  font-size: 1px;
  height:1px;
}

div#nd{
  width:760px;
  text-align: right;
  margin: 0 auto;
  padding: 8px 0 8px 0;
  font-family: Arial, Verdana, Tahoma, sans-serif; color: #9e9e9e; font-size: 10px; line-height:1.2;
}
div#nd a:link {font-family: Arial, Verdana, Tahoma, sans-serif; color: #9e9e9e; font-size: 10px; text-decoration: none;}
div#nd a:visited {font-family: Arial, Verdana, Tahoma, sans-serif; color: #9e9e9e; font-size: 10px; text-decoration: none;}
div#nd a:hover {font-family: Arial, Verdana, Tahoma, sans-serif; color: #666; font-size: 10px; text-decoration: none;}









.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;
	color:#333;
}
/*#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;
	background-position: center;


}
#content {
	float: right;
	width: 450px;
	margin: 0 52px 0 0;
	padding: 15px 0 0 0;
	background: #fff url(../images/bg.png) no-repeat center 160px;
}


/* @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: #990000;
}
#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: #990000;
}
a:hover {
	color: #990000;
}
#content a:hover {
	background-color: #f0e4c1;
	color: #990000;
}


/* --> BRANDING
-----------------------------------------------------------------------------*/
#logo {
	background: url(../images/logo1.png) no-repeat 0 0;
	display: block;
	width: 400px;
	height: 140px;
	position: relative;
	left: 50px;
	top: 21px;
}
.home #header {
	background: url(../images/testaHome.jpg) no-repeat 0 0;
}
.home #logo {
	background: url(../images/logo.png) no-repeat 0 0;
	display: block;
	width: 400px;
	height: 140px;
	position: relative;
	left: 10px;
	top: 21px;
}


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


/* --> 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:10px;
	padding-right:2px;
}



/* --> MISC+ 1
-----------------------------------------------------------------------------*/
.evidenziato {
	background-color: #F0E4C1;
}
.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: 15px;
	border: 0px solid #dedede;
}
.imgDx {
	float: right;
	margin-left: 15px;
	border: 0px solid #dedede;
}
.imgCe {
	float: none;
	border: 0px solid #dedede;
}

/* --> 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;
}