/* @override http://127.0.0.1/SitiPicov/HomeInItaly/www.homeinitaly.com/_templates/homeinitaly_template_new/css/base.css
	http://127.0.0.1/SitiPicov/Italiani/www.italianisrl.com/_templates/italiani_template/css/base.css */

/* @group Browser CSS RESET */

/* BROWSERS CSS RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* @end */

/* Render semantic tag as formatted 
strong { font-weight: bold; }
em { font-style: italic; }
*/

.elf{	
}

/* @group base fonts families */

html,
.elf .font-main,
.elf.font-main {
	font-family: Verdana, Geneva, sans-serif;
}

.elf .font-alt,
.elf font-alt {
	font-family: Arial, Helvetica, sans-serif;
}

.elf .font-labels,
.elf.font-labels {
	font-family: Impact, Charcoal, sans-serif;
}

/* @end */

/* @group base fonts styles */

.elf .bold,
.elf.bold,
.elf b,
.elf strong,
b.elf,
strong.elf {
	font-weight: bold;
	color: purple;
}

.elf .italic,
.elf.italic,
.elf i,
.elf em,
i.elf,
em.elf {
	font-style: italic;	
	color: purple;
}
.elf .underline,
.elf.underline,
.elf ins,
ins.elf {
	text-decoration: underline;
	color: purple;
}
.elf .deleted,
.elf.deleted,
.elf del,
del.elf {
    text-decoration: line-through;
	color: purple;
}
.elf .overline {
    text-decoration: overline;
	color: purple;
}
.elf .highlighted,
.elf.highlighted,
.elf mark
mark.elf {
	background-color: yellow;
	color: purple;
}
.elf .small,
.elf.small,
.elf small,
small.elf {
	font-size: .83em;
	color: purple;
}
.elf .subscript,
.elf.subscript,
.elf sub,
sub.elf {
	font-size: .83em;
	vertical-align: sub; 
	color: purple;
}
.elf .superscript,
.elf.superscript,
.elf sup,
sup.elf {
	font-size: .83em;
	vertical-align: super; 	
	color: purple;
}
/* @end */


/* @group Headers */

.elf h1,
h1.elf {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.elf h2,
h2.elf {
	color: #ec0510;
	text-decoration: none;
	margin-bottom: 10px;
	/*font-family: open_sans, Verdana, Arial, Helvetica, sans-serif;*/
	
	font-weight: bold;
	font-size: 12px; 
	text-transform: uppercase;
	border-bottom: 1px #ddd solid;
	padding: 4px;
}

.elf h3,
h3.elf {
	color: #444;
	text-decoration: none;
	padding-top: 10px; /* cosi spezza il passo dei paragrafi */

	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}

.elf h4,
h4.elf {
	color: #222;
	text-decoration: none;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
}

.elf h5,
h5.elf {
	color: #222;
	text-decoration: none;
	margin-bottom: 2px;
	font-size: 10px;
	font-weight: bold;
}

.elf h6,
h6.elf {
	color: #222;
	text-decoration: none;
	margin-bottom: 2px;
	font-size: 9px;
	font-weight: bold;
}

.elf hr,
hr.elf {
	height: 1px;
	border:none;
	background-color:#ccc;
}


/* @end */

/* @group Paragraph */
.elf p,
.elf p.text-normal {
	line-height: 130%;
	/* margin-top1: 4px; /* questo fa si che si crei uno spazio fra due div sovrapposti che contengono p -> non va bene */
	/* border-top1: 4px transparent solid; /* il transparent non è supportato su IE pre 7 e diventa nero */
	/* rimane solo il padding ma il top altera il punto elenco che devo eventualmente adeguare se non lo metto a 0 */
	padding-top: 0px;
	padding-bottom: 8px;
}
.elf p.text-extrasmall {
	font-size: 10px;
	line-height: 12px;
}
.elf p.text-small {
	font-size: 11px;
	line-height: 14px;
}
.elf p.text-large {
	font-size: 13px;
	line-height: 16px;
}
.elf p.text-extralarge {
	font-size: 14px;
	line-height: 18px;
}

/* @end */

/* @group List */
.elf ul,
ul.elf {
	margin-bottom: 16px;
	line-height: 18px;
}
.elf li,
li.elf {
	color: inherit;
	padding-left: 18px;
	margin-top: 0px;
	margin-bottom: 4px;
	background: url('../img/punto_elenco.gif') no-repeat;
}
/* @end */

/* @group Link */
.elf a,
a.elf {
	color: #7d8970;
	text-decoration: none;
}
.elf a:hover,
a:hover.elf
{
	text-decoration: underline;
	background-color1: red;
}
/* @end */

/* @group Tables */

.elf table,
table.elf {
	border: 1px #ccc solid;
}
.elf table th,
table.elf th {
	background: url('../img/bg_gray_fade.gif');
	text-align: center;
	font-weight: bold;
	height: 20px;
	font-size: 11px;
}
.elf table td,
table.elf td {
	padding: 4px;
	border: 1px #ccc solid;
}

/* @end */


/* @group Images */
.elf img.default,
.elf img.img-sx-up, 
.elf img.img-sx,
.elf img.img-sx-down,
.elf img.img-dx-up,
.elf img.img-dx,
.elf img.img-dx-down,
img.elf.default,
img.elf.img-sx-up, 
img.elf.img-sx,
img.elf.img-sx-down,
img.elf.img-dx-up,
img.elf.img-dx,
img.elf.img-dx-down
{
	border:  0;
	padding: 0px;
	margin: 12px;
}

.elf img.img-sx-up,
img.elf.img-sx-up
{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}
.elf img.img-sx,
img.elf.img-sx
{
	margin-left: 0px;
	float: left;
}
.elf img.img-sx-down,
img.elf.img-sx-down
{
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
}
.elf img.img-dx-up,
img.elf.img-dx-up
{
	margin-right: 0px;
	margin-top: 0px;
	float: right;
}
.elf img.img-dx,
img.elf.img-dx
{
	margin-right: 0px;
	float: right;
}
.elf img.img-dx-down,
img.elf.img-dx-down
{
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}


.elf img.img-sx-up-abs,
img.elf.img-sx-up-abs {
	position: absolute;
	top: 0;
	left: 0;
}
.elf img.img-sx-abs,
img.elf.img-sx-abs {
	position: absolute;
	left: 0;
}
.elf img.img-sx-down-abs,
img.elf.img-sx-down-abs {
	position: absolute;
	bottom: 0;
	left: 0;
}
.elf img.img-dx-up-abs,
img.elf.img-dx-up-abs {
	position: absolute;
	top: 0;
	right: 0;
}
.elf img.img-dx-abs,
img.elf.img-dx-abs {
	position: absolute;
	right: 0;
}
.elf img.img-dx-down-abs,
img.elf.img-dx-down-abs {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* @end */


/* @group Text column */

.elf .textcolumn-full,
.elf.textcolumn-full {
	padding-top: 8px;
	margin-right: 20px;
	margin-left: 20px;	
}
.elf .textcolumn-sx,
.elf.textcolumn-sx {
	padding-top: 8px;
	margin-right: 210px;
	margin-left: 20px;	
}
.elf .textcolumn-dx,
.elf.textcolumn-dx {
	padding-top: 8px;
	margin-right: 20px;
	margin-left: 180px;
}
.elf .textcolumn-cx,
.elf.textcolumn-cx {
	padding-top: 8px;
	margin-right: 180px;
	margin-left: 180px;
}

/* @end */




/* @end */

/* @group Global Text Alignment */

.elf .text-align-center, 
.elf.text-align-center {
	text-align: center
}
.elf .text-align-left,
.elf.text-align-left {
	text-align: left
}
.elf .text-align-right,
.elf.text-align-right {
	text-align: right
}
.elf .text-align-justify,
.elf.text-align-justify {
	text-align: justify
}

/* @end */


/* @group Global Table Alignment */

.elf .align-center,
.elf.align-center {
	margin-left: auto;
	margin-right: auto
}
.elf .align-left,
.elf.align-left {
	margin-left: 0;
	margin-right: auto
}
.elf .align-right,
.elf.align-right {
	margin-left: auto;
	margin-right: 0
}

/* @end */


/* @group Global Indentation */

.elf .indent-firstline,
.elf.indent-firstline {
	text-indent: 16px
}
.elf .indent-all,
.elf.indent-all {
	padding-left: 20px
}
.elf .indent-bullet,
.elf.indent-bullet {
	background-image: url('../img/punto_elenco.gif'); background-repeat: no-repeat;
}

/* @end */

/* @group Global floating clear */

.elf .clear-both,
.elf.clear-both {
	clear: both;
}
.elf .clear-left,
.elf.clear-left {
	clear: right;
}
.elf .clear-right,
.elf.clear-right {
	clear: right;
}
.elf .clear-fix,
.elf.clear-fix {
	clear: both;
	 display: block;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}

/* @end */

.elf .quoted-text,
.elf.quoted-text {
	color: #27577a;
	font-size: 12px;
	width: 60%;
	margin: 0 auto;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 28px;
	font-weight: bold;
	text-transform: uppercase;
	
}
.elf .quoted-text p,
.elf.quoted-text p {
	position: relative;
	display: block;
	line-height: 20px;
}
.elf .quoted-text p span.quote-start,
.elf.quoted-text p span.quote-start {
	display: block;
	width: 26px;
	height: 26px;
	background: url('../img/quote_start.gif');
	position: absolute;
	left: -32px;
	top: -14px;
}
.elf .quoted-text p span.quote-end,
.elf.quoted-text p span.quote-end {
	display: block;
	width: 26px;
	height: 26px;
	background: url('../img/quote_end.gif');
	position: absolute;
	right: -32px;
	bottom: -8px;
}