/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */
 
/* FONTS *********************************************************************************************************/
 
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* tag HTML *********************************************************************************************************/

html {
 	padding:0;
	margin:0;
	scroll-y:scroll;
}

body {
 	padding:0;
	margin:0;
	background-color: #fff;
	font-family:robotoregular;
	font-size:14px;
	color:#808080;
}

a {
	color:#e58b4f;
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin:0;
	padding:0 0 25px 0;
}

h1 {
	font-size:34px;
	font-weight:normal;
	color:#b3955f;
	padding:0 0 15px 0;
	margin:0;
}

h2 {
	font-size:20px;
	font-weight:normal;
	color:#CE5D1B;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:solid 1px #CE5D1B;
}

h2 a {
	color:#CE5D1B;
}

h2 a:hover {
	text-decoration:none;
}	

h3 {
	font-size:14px;
	color:#CE5D1B;
	margin:0;
	padding:0 0 5px 0;
}

table {
	border-collapse:collapse;
	border:solid 1px #ccc;
}

tbody {
	border:none;
}

td {
    background-color: #f4f2d8;
    border: 1px solid #c7af85;
    border-collapse: collapse;
    font-size: 13px;
    padding: 20px 14px;
}

/* DIV struttura **************************************************************************************************/

#page-wrapper {
	background-image:url(immagini/bg-body.jpg);
}

#header {
	position:relative;
    width:970px;
    height:260px;
    margin: 0 auto;
	background-image:url(immagini/bg-header.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#header #logo01 {
	position:absolute;
	display:block;
	width:183px;
	height:182px;
	top:45px;
	left:130px;
}
		
#navigation {
    width:948px !important;
    width /**/:970px;
    height:52px;
    margin:0 auto;
	padding:0 0 0 22px;
    overflow:hidden;
	background-image:url(immagini/bg-menu01.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#breadcrumb {
    background-color: #00f;
    width:948px;
    margin: 0 auto;
}

#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#main-wrapper {
}

#main {
    width:970px;
    margin:0 auto;
	padding:20px 0 0 0;
	background-image:url(immagini/bg-content.png);
	background-repeat:repeat-y;
	background-position:center top;
}

#content {
    float:right;
    width:711px !important;
    width /**/:764px;
	padding:15px 20px 0 35px;
    overflow: hidden;
    min-height:700px;
	text-align:justify;
	background-image:url(immagini/bg-dx.png);
	background-repeat:repeat-y;
	background-position:left top;
}

/*#content */ul {
	list-style: none;
	margin-top:12px;
	margin-left:15px;
	padding-left:0px;
}

/*#content */ul li {
	list-style:none;
	background-image:url(immagini/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:30px;
	line-height:20px;
	margin-bottom:5px;
	text-align:left;
}

/*#content */ol {
	margin-top:12px;
	margin-left:15px;
	padding-left:0px;
}

/*#content */ol li {
	background-image:none;
	line-height:20px;
	margin-bottom:15px;
	text-align:left;
}

#sidebar-first {
  width:196px !important;
  width /**/:196px;
  padding:0;
  margin:15px 0 0 0;
  float:left;
  text-align:justify;
}

#footer {
	clear:both;
	padding:40px 0 80px 0;
	text-align:center;
	font-size:12px;
	line-height:20px;
	background-image:url(immagini/bg-footer.png);
	background-position: center top;
	background-repeat:no-repeat;
}

#footer.home {
	background:none;
	padding:20px 0 80px 0;
	text-align:center;
	font-size:12px;
}

#footer a.oic {
	color:#000;
}

#footer a.oic:hover {
	text-decoration:none;
}


.section {
  margin: 10px;
}

/* homepage ******************************************************************************************************/

#content .boxHomeWide {
	padding:20px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(224,224,224,1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(224,224,224,1);
	box-shadow: 0px 0px 3px 1px rgba(224,224,224,1);
	margin-bottom:30px;
}

#content .boxHomeWide img {
	float:right;
	margin:0 0 0 10px;
}

a#boxbanner01 {
	display:block;
	width:711px;
	height:122px;
	background-image:url(immagini/banner-home.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin-bottom:30px;
}

a#boxbanner01:hover {
	background-position:0 -122px;
}
/* menu orizzontale **********************************************************************************************/

ul#main-menu {
	margin:0;
	padding:0;
}

ul#main-menu li {
	display:block;
	margin:0;
	padding:0;
}	

ul#main-menu li a {
	display:block;
	float:left;
	font-family:robotoregular;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:4px 20px;
	margin:10px 5px 0 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}	

ul#main-menu li a:hover {
	border: solid 2px #f2975a;
	background-color:#cd773e;
	padding:2px 18px;	
}	

ul#main-menu li a.active {
	background-color:#cd773e;
}

ul#main-menu li a.active:hover {
	border:none;
	padding:4px 20px;
}

/* menu verticale *************************************************************************************************/

ul.menu02 {
	margin:0 0 30px 0;
	padding:0 0 0 10px;
}

ul.menu02 li {
	display:block;
	padding:0;
	background-image:url(immagini/bg-menu02.png);
	background-repeat:no-repeat;
	background-position:11px 0;
}	

ul.menu02 li a {
	display:block;
	height:23px !important;
	height /**/:30px;
	font-family:robotolight;
	font-size:16px;
	color:#826e47;
	text-decoration:none;
	padding:7px 0 0 5px;
	margin:0 0 0 18px;
	border-bottom:solid 1px #c7af85;
}	

ul.menu02.green li a {
		color:#84a9a2;
}

ul.menu02 li a:hover {
	background-color:#fafafa;
}	

ul.menu02 li a.active {
	font-family:robotoregular;
}

#secondary-menu .label {
	margin:0 0 20px 23px;
	padding:10px 0 10px 19px;
	font-family:robotoregular;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	background-color:#e58b4f;
}

#secondary-menu .label#pink {
	background-color:#ff9c01;
}

#secondary-menu .label#lightbrown {
	background-color:#b3955f;
}

#secondary-menu a.label {
	display:block;
	text-decoration:none;
	color:#fff;
}

/* classi e id generici *******************************************************************************************/

a.ico {	/* icona per i pdf da scaricare */
	display:block;
	width:200px;
	height:280px;
	margin:0 0 20px 0;
	text-decoration:none;
}

a.ico:hover {
	background-position:0 -280px;
}

a.ico#ico-01 {
	background-image:url(immagini/ico-statuto.png);
}

a.ico#ico-02 {
	background-image:url(immagini/ico-iscrizione.png);
}

a.ico#ico-03 {
	background-image:url(immagini/ico-congresso-20150523.png);
}

a.ico#ico-04 {
	background-image:url(immagini/ico-congresso-20150612.png);
}

a.ico#ico-05 {
	background-image:url(immagini/ico-first-announcement.png);
}

a.ico#ico-06 {
	background-image:url(immagini/ico_locandina2013.png);
}

a.ico#ico-07 {
	background-image:url(immagini/ico_locandina2011.png);
}

a.ico#ico-08 {
	background-image:url(immagini/ico_locandina2009.png);
}

a.ico#ico-09 {
	background-image:url(immagini/ico_locandina2007.png);
}

a.ico#ico-10 {
	background-image:url(immagini/ico_locandina2005.png);
}

a.ico#ico-11 {
	background-image:url(http://www.societaitalianadellanca.eu/sida/sites/default/files/immagini/ico-delega.png);
}

a.ico#ico-12 {
	background-image:url(http://www.societaitalianadellanca.eu/sida/sites/default/files/immagini/ico-convocazione.png);
}

a.ico#ico-13 {
	background-image:url(http://www.societaitalianadellanca.eu/sida/sites/default/files/immagini/ico-cotile.png);
}

a.ico#ico-14 {
	background-image:url(immagini/ico_locandina2017.png);
}

a.btn { /* pulsanti standard */
	display:block;
	width:250px;
	margin:10px 10px 10px 10px;
	padding:20px 0 20px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#4973BB;
	color:#fff;
	font-size:16px;
	line-height:20px;
	border:solid 2px #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.btn:hover {
	background-color:#DC042B;
}

p.advice { /* testo in evidenza */
	display:block;
	width:350px !important;
	width /**/:350px;
	margin:0 auto 25px auto;
	padding:20px;
	text-align:center;
	text-decoration:none;
	background-color:#4973BB;
	color:#fff;
	font-size:16px;
	line-height:20px;
}


.content .form-type-item { /* correzione indicazione linguaggio */
	display:block;
}

div#logout { /* div per link di logout */
	margin:60px 0 0 22px;
	border:solid 1px #f00;
	padding:8px;
	text-transform:uppercase;
	font-weight:bold;
}

/* classi tabelle *************************************************************************************************/

.tdCenter {
	text-align:center;
}

.tdBgBlue {
	background-color:#5A6B87;
	color:#fff;
}

.tdBgGreen {
	background-color:#008060;
	color:#fff;
}

.tdBgGray {
	background-color:#E3E4E4;
}

.tdBgRed {
	background-color:#EE8866;
}

.noBorder {
	border:none;
}
	 
a.img-link:hover img {
	-webkit-box-shadow: 0 0 10px 5px #BFBFBF;
	box-shadow: 0 0 10px 5px #BFBFBF;
}