/*
	Name: SMS free
	Date: Dicembre 2009
	Description: Invia messaggi gratis
	Version: 1.0
	Author: Alessandro Giua
	Autor URI: http://ale3006.com
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/* Typography */

@font-face {
	font-family: 'Aller';
	src: url('Aller_Rg.eot');
	src: local('Aller_Rg'), local('Aller'), url('Aller_Rg.otf') format('opentype');
}

@font-face {
	font-family: 'Aller';
	font-weight: bold;
	src: url('Aller_Bd.eot');
	src: local('Aller Bold'), local('Aller-Bold'), url('Aller_Bd.otf') format('opentype');
}

/***** Global *****/
/* Body */
	body {
		background: #2c2538 url('images/background.png') no-repeat top;
		color: #7e768a; /* grigio */
		font-size: 16px; /* Base font size: 14px */
		font-family: 'Aller', 'Gill Sans', Calibri, sans-serif;
		line-height: 22px;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headings */
body#home h2 {font-size: 38px; line-height: 44px!important;}
h2 {font-size: 34px; line-height: 40px!important; font-weight: normal!important;margin-bottom: 15px!important;text-shadow: -1px -1px 0px #fff;}
h3 {font-size: 20px; line-height: 28px!important; font-weight: normal!important;}
h4 {font-size: 20px; line-height: 24px!important; font-weight: normal!important; margin-bottom: 3px!important;}
h5 {font-size: 12px; line-height: 27px!important; font-weight: normal!important;}
body#risorse-gratis h5 {line-height: 9px!important;}
h6 {font-size: 10px; line-height: 16px!important;}
h1.important {position: absolute; left:-9999px; top: 0;}

h2, h3, h4, h5, h6 {
    font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0px;
	color: #714bb0; /* viola */
}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #714bb0;
	padding: 0;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8259c5;
	text-decoration: none;
}
	
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
footer p, footer ul {color:#6d6082;font-size: 12px; line-height: 14px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #714bb0; color: #fff;}
::selection {background: #714bb0; color: #fff;}

/* Lists */
ul {
	list-style: none;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 945px;}
img.right figure.right {float: right; margin: 0 0 15px 15px;}
img.left, figure.left {float: right; margin: 0 0 15px 15px;}

/*
	Header
*****************/
header {
	margin: 0 auto;
	padding: 0;
	background: transparent url('images/header.png') no-repeat;
	height: 85px;
}

	/* Banner */
	header h1 a {
	display: block;
	width: 169px;
	height: 38px;
	text-indent: -9999px;
	background: transparent url('images/smsfree-logo.png') no-repeat;
	float: right;
	margin: 17px 20px;
}
	
	#banner h1 strong {font-size: 0.36em; font-weight: normal;}
	
	/* Main Nav */

	
	
	header ul.nav {
	    height: 35px;
		line-height: 35px;
		margin: 17px 0 0 20px;
		padding: 0;
		width: 424px;
		float: left;
		background: transparent url('images/main-nav.png') no-repeat;
		position: absolute;
}
header ul.nav li {
	display: inline;
}
header ul.nav li a:link, header ul.nav li a:visited {
	position: absolute;
	top: 0;
	height: 35px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	header ul.nav .invia-sms-gratis a:link, header ul.nav .invia-sms-gratis a:visited {
		left: 0px;
		width: 149px;
	}
    .invia-sms-gratis a:hover, .invia-sms-gratis a:focus {
		background: transparent url('images/main-nav.png') no-repeat 0px -35px;
	}
	.invia-sms-gratis a:active {
		background: transparent url('images/main-nav.png') no-repeat 0px -70px;
	}
	.current-invia-sms-gratis .invia-sms-gratis a:link, .current-invia-sms-gratis .invia-sms-gratis a:hover, .current-invia-sms-gratis .invia-sms-gratis a:visited {
		background: transparent url('images/main-nav.png') no-repeat 0px -70px;
		cursor: default;
	}
	.nav-invia-sms-gratis, .nav-invia-sms-gratis-click {
		width: 149px;
		left: 0;
		top:0;
		position: absolute;
		height: 35px;
		background: transparent url('images/main-nav.png') no-repeat 0px -35px;
	}
	.nav-invia-sms-gratis-click {
		background: transparent url('images/main-nav.png') no-repeat 0px -70px;
	}
	header ul.nav .sms-pronti a:link, header ul.nav .sms-pronti a:visited {
		left: 164px;
        width: 114px;
	}
	.sms-pronti a:hover, .sms-pronti a:focus {
		background: transparent url('images/main-nav.png') no-repeat -164px -35px;
	}
	.sms-pronti a:active,
	.current-sms-pronti .sms-pronti a:link, .current-sms-pronti .sms-pronti a:visited {
		background: transparent url('images/main-nav.png') no-repeat -164px -70px;
	}
	
	.nav-sms-pronti, .nav-sms-pronti-click {

		top: 0;
		left: 164px;
		position: absolute;
		width: 114px;
		height: 35px;
		background: transparent url('images/main-nav.png') no-repeat -164px -35px;
	}
	.nav-sms-pronti-click {
		background: transparent url('images/main-nav.png') no-repeat -164px -70px;
	}
	
	header ul.nav .risorse-gratis a:link, header ul.nav .risorse-gratis a:visited {
		left: 293px;
        width: 131px;
	}
	.risorse-gratis a:hover {
		background: transparent url('images/main-nav.png') no-repeat -293px -35px;
	}
	.risorse-gratis a:active, .risorse-gratis a:focus, 
	.current-risorse-gratis .risorse-gratis a:link, .current-risorse-gratis .risorse-gratis a:hover, .current-risorse-gratis .risorse-gratis a:visited {
		background: transparent url('images/main-nav.png') no-repeat -293px -70px;
	}
	
	.nav-risorse-gratis {

		top: 0;
		left: 293px;
		position: absolute;
		width: 131px;
		height: 35px;
		background: transparent url('images/main-nav.png') no-repeat -293px -35px;
	}
	.nav-risorse-gratis-click {
	top: 0;
		left: 293px;
		position: absolute;
		width: 131px;
		height: 35px;
		background: transparent url('images/main-nav.png') no-repeat -293px -70px;
	}
	

/*
	Body
*****************/
#content {
	background: transparent url('images/content-bg.png') repeat-y;
	padding-bottom: 10px;
	overflow: hidden;
	width: 945px;
}

/* Principal */

#content section {
	float: left;
	width: 701px;
}

#content .main
{
	width: 640px;
	float: left;
	margin: 0;
	padding: 20px 20px 0 36px;
}

#content .main .welcome
{
	width: 336px;
	float: left;
	position: relative;
}

#content aside
{
  width: 213px;
  float: right;
  padding: 10px;
}

aside .banner {margin-bottom: 10px;}
/* Form - Invia sms */

#content form#invia-sms
{
	width: 340px;
	float: left;
}

form#invia-sms textarea {
	width: 271px;
	height: 244px;
	background: transparent url('images/textarea-new.png') no-repeat top left;
	overflow: hidden;
	border: none;
	padding: 10px;
}

form#invia-sms textarea:focus, form#invia-sms input:focus {
	background-position: bottom left;
}

form#invia-sms input {
	width: 156px;
	height: 37px;
	background: transparent url('images/input-new.png') no-repeat top left;
	overflow: hidden;
	border: none;
	padding-left: 10px;
	padding-top: 6px;
	font-size: 26px;
}

/* SMS pronti */

ul.categoria {
	margin: 20px 0 0px 0;
	padding: 0;
	width: 100%;
	float:left;
}

ul.categoria li {
	float: left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 5px;
}

ul.categoria li:first-child {
	margin-left: 0;
}

ul.categoria a h5 {
	background: transparent url('images/categoria-right.png') no-repeat scroll right -28px;
	color: #714bb0;
	float: left;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}

ul.categoria a {
	color: #714bb0;
	background: transparent url('images/categoria-left.png') no-repeat scroll left -28px;
	cursor:pointer;
	display:block;
	float: left;
	overflow:hidden;
	text-decoration: none!important;
	text-shadow: -1px -1px 0px #f6f4f8;
}

ul.categoria a:hover {
	background-position: left bottom;
}
ul.categoria a:hover h5 {
	background-position: right bottom;
}
ul.categoria a:active, ul.categoria a.current {
	background-position: left top;
	color: #fff;
}
ul.categoria a:active h5, ul.categoria a.current h5 {
	background-position: right top;
	color: #fff;
	text-shadow: -1px -1px 0px #491997;
}


ul.messaggi {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	float:left;
}

ul.messaggi li {
}

ul.messaggi li div.top {
	background: url('images/smspronti-top.png') no-repeat;
	width: 599px;
	position: relative;
	height: 35px;
}
ul.messaggi li:first-child div.top {
	background: url('images/smspronti-first-t.png') no-repeat;
	height: 15px;
}

ul.messaggi li.last {
	background: url('images/smspronti-last-b.png') no-repeat bottom left;
	padding-bottom: 14px;
}

ul.messaggi li div.center {
	background: #efecf3;
	border-left: 1px solid #e5dfed;
	border-right: 1px solid #e5dfed;
	width: 597px;
	position: relative;
}

ul.messaggi li p {
	padding: 0 20px;
	margin: 0;
	color: #714bb0;
	line-height: 22px;
}


/* Risorse Gratis */
div.risorse-col {
	width: 300px;
	float: left;
	margin: 0px 15px 0 0;
}

div.risorse-col h5 {
	text-transform: uppercase;
	font-weight: bold!important;
	margin-top: 20px;
}

ul.risorse {
	margin: 10px 0 22px 0;
	width: 300px;
}

ul.risorse li {
	margin-bottom: 4px;
}

ul.risorse li a {
	text-decoration: none;
	color: #7e768a;
	display: block;
}

ul.risorse li a span {
	color: #714bb0;
}

/* FAQ */

body.faq a span {
	color: #714bb0;
}

#content .adv
{
	width: 643px;
	float: left;
	margin: 20px 0 0 2px;
	padding: 20px 20px 0 36px;
	border-top: 1px solid #e8e8e8;
}

.adv h3 { margin: 5px 0 5px 0;}

a.backtotop {
background: url('images/backtotop.png') no-repeat top left;
color:#c3c3c3;
display:block;
float:right;
font-size:12px;
height:17px;
line-height:17px;
margin:0 0 10px;
padding-left:22px;
text-decoration:none;
width:56px;
}
a.backtotop:hover {background-position: bottom left;color: #b6b6b6;}
a#toTop {
background: url('images/backtotop.png') no-repeat top left;
color:#c3c3c3;
display:block;
font-size:12px;
height:17px;
line-height:17px;
margin:0 0 10px;
padding-left:22px;
text-decoration:none;
width:56px;
position:fixed;bottom:10px;right:10px;}
a#toTop:hover {background-position: bottom left;color: #b6b6b6;}

/* FAQ */
body#contatti fieldset {width: 600px; margin-bottom: 20px; margin-top: 40px;}
body#contatti .wrapLeft { width: 300px; float: left;}
body#contatti .wrapRight { width: 300px; float: left;}


/* form contatti */
.LV_validation_message{
    font-size: 12px;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
/*    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


*/
/*
	Footer
*****************/
footer {
	text-align: left; 
	width: 945px;
	height: 94px;
	background: transparent url('images/footer.png') no-repeat;
	position: relative;
}

footer a:link, footer a:visited {text-decoration: none!important; color: #726687!important;}
footer a:hover, footer a:active {color: #7a6e8f!important;}

footer p {position: absolute; left: 20px; top: 48px; width: 400px;}
footer nav.services-nav ul{position: absolute; right: 20px; text-align: right; top: 48px; width: 300px;list-style:none; margin: 0;}
footer nav.services-nav ul li {margin-left: 10px;display: inline;}
footer nav.services-nav ul li:first-child {margin-left: 0;}
footer nav.services-nav ul li a {padding: 0 10px;}

/* Form HP */

#stylizedsms {
/*
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:12px; 
*/
}

#stylizedsms p, #stylizedsms h1, #stylizedsms form, #stylizedsms button{border:0; margin:0; padding:0;}

#stylizedsms .spacer{clear:both; height:1px;}

#stylizedsms .myform{
width: 295px;
float: left;
padding: 0;
margin: 0;
}

#stylizedsms{
width:295px;
float: left;
position: relative;
}
#stylizedsms h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#stylizedsms span#titolo {
/*display:block;*/
display: none;
font-size:10px;
color:#666666;
padding-bottom:8px;
}

#stylizedsms span#titolo a {
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:underline;

}

#stylizedsms p{
bottom:-115px;
font-size:11px;
line-height:15px;
margin-bottom:20px;
padding-bottom:10px;
position:absolute;
right:0;
width:158px;
display: none;
}
#stylizedsms label{
display:none;
font-weight:bold;
text-align:right;
width:80px;
float:left;
}
#stylizedsms .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:80px;
}

#stylizedsms input#remLen {
width:50px;
background: none;
border: none;
font-size:18px;
height: 27px;
color: #ccc;
float: right;
text-align: right;
}

#stylizedsms input{
float:left;
font-size:30px;
padding:4px 6px;
width:176px; height: 44px;
margin:0;
border: none;
background: url('images/input-new.png') no-repeat;
}

#stylizedsms #sponsor{
/*margin:2px 0 10px 90px;*/
position: absolute; top: 338px;
}

#stylizedsms select{
float:left;
font-size:30px;
padding:1px 0 0 4px;
height: 44px;
width:91px;
margin:0 16px 20px 0; /*margin:0 23px 20px 0;*/
border: none;
background: url('images/select-new.png') no-repeat;
white-space: nowrap;
overflow: hidden;
}

#stylizedsms option {background: #fff;}


#stylizedsms textarea{
float:left;
font-size: 20px;
line-height: 24px;
padding:4px 4px;
border:none;
width:291px;
height: 163px;
margin:0;
background: url('images/bg-textarea.png') no-repeat;
}
/*
#stylizedsms button{
clear:both;
margin-left:90px;
width:125px;
height:31px;
background:#666666 url(img/varie/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}*/

#stylizedsms button{
background:transparent url('images/invia-btn.png') no-repeat left top;
height:44px;
margin:3px 0 0;
padding:0;
text-indent:-9999px;
width:293px;
}

*:focus {outline: none;}