/* Box-sizing -*/
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;

}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:100%; 
	height:auto; 
}

/* Stili di base e tipografia */
html {
  font-size: 90%;
}

body {
 margin: 0;
 padding: 0;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 line-height: 20px;
 color:#333; background:#eee;
 
}

a {
 color: #558bc4;
 text-decoration: none;
}

.approfondimento, .approfondimento a{
 color: #558bc4;
 text-decoration: underline;
 text-align:right;
 font-size:12px}

a:hover {
 color: #558bc4;
 text-decoration: none;
}


p { line-height:16px; margin-top:5px
}
ul li {list-style-image: url(img/check.png); color:#060; margin-top:10px; margin-left:5px;}


h2 { 
 font-size:18px; color:#006633; margin-bottom:0px; 
}

h3 { 
 font-size:20px; color:#006633; font-weight:normal; margin-bottom:0px
}
h4 { 
 font-size:12px; color:#000; font-weight: normal; margin-top:0px
}
/* Pulizia */

.formcss{ 
color:#000;  padding-top:150px
}
.border{ 
 border-top:15px solid #fff
}

.bottone{ 
padding:10px; font-size:14px; height:50px; background:#006020; color:#fff
}

.hreview{
color:#696566; font-size:12px; width:400px}

.bread, .bread a, .bread a:visited{ color:#000; width:200px; display: inline; }
	
	


/* Griglia */

.riga, .financialservice {
 width: 100%; 
 max-width: 980px; 
 min-width: 720px; 
 margin: 0 auto;
 background: #fff; 
}

[class*='colonna-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 2px; 
 background: #fff; 
}
[class*='prestiti-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
 background: #fff; 
}

[class*='form-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
 background: #fff; 
}
.benefici {
 width: 48%;
 margin-top:200px;
}

.colonna-1-3 {
 width: 49%;
 margin-top:320px;
}
.colonna-informazioni {
	
 width: 49%;
 margin-top:5px;
 padding-left:15px
}
.colonna-informazioni img {
	float:right
}

.colonna-article {
	
 width: 49%;
 margin-top:5px;
 padding-left:15px;
 color:#696566;
 font-size:13px
}

.colonna-social {
	
 width: 49%;
 margin-top:5px;
 padding-left:15px;
 background:url(img/esperienze.jpg) bottom no-repeat;
 min-height:500px;
 border-left:1px dotted #ccc
}

.colonna-video {
	
 width: 49%;
 margin-top:5px;
 padding-left:15px;
 
 min-height:500px
}

.colonna-video div {
	background:url(/torino/img/bg-video.jpg) no-repeat; height:400px
}

.colonna-video p {
padding:80px 60px; font-size:20px
}
.colonna-video span {
font-size:14px
}


.prestiti-sx {
 width: 60%;
 background:url(img/crif-alto.jpg) no-repeat;
 min-height:594px;
 text-align:left;
}


.form-dx {
 width: 40%;
 background:url(img/form.jpg) no-repeat;
 min-height:594px;
 
}
.prestiti-1{
 width: 100%;
 background:url(img/logo-prestitiveloci.jpg) no-repeat;


}

[class*="colonna-"] + [class*="colonna-"]:last-child {float: right;}

/* Micro-clearfix */
.riga:before,
.riga:after, .financialservice:before, .financialservice:after {
 content: " "; 
 display: table;
}

.riga:after, .financialservice:after {
 clear: both;
}

.riga, .financialservice {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 height: 75px;
 position: relative;
}

 h1 {
 float: left;
 font-size:12px;
 margin-top:50px;
 margin-left:65px
}


footer {
 border-top: 1px solid #333;
 border-bottom: 1px solid #333;
}

nav {
 float: right;
 padding: 20px 20px 0 0; 
}

nav ul, nav li {
 margin: 0;
 padding: 0;
}

nav ul li {
 list-style: none;
 float: left;
 margin-right: 5px;
}

nav ul li a {
 display: block;
 padding: 5px;
}

a.attiva-nav {
 display: none;
}


input { background:transparent url(/torino/img/subfield.jpg) top left; height:25px;
}

.button {
    border: none;
    background: #090;
	color:#fff;
    padding: 10px 30px;
	font:20px;
	
}
					
					

@media only screen and (max-width:600px)



{

.colonna-1-3 {
 width: 49%;
 margin-top:10px;
 margin-bottom:0px;
}
.prestiti-sx {
 width: 60%;
 background: none;
 min-height:300px;
}
.riga, .financialservice { 
 width: auto;
 min-width: 0; 
 margin-left: 0; 
 margin-right: 0;
}
 
[class*="prestiti-"] { 
 width: auto !important; 
 float: none;  
}

[class*="prestiti"] + [class*="prestiti"]:last-child {float: none;}
 
[class*="prestiti-"]:before, [class*="prestiti-"]:after {
 content:""; 
 display:table;
}

[class*="prestiti-"]:after {clear: both;}





[class*="colonna-"] { 
 width: auto !important; 
 float: none;  
}

[class*="colonna"] + [class*="colonna"]:last-child {float: none;}
 
[class*="colonna-"]:before, [class*="colonna-"]:after {
 content:""; 
 display:table;
}

[class*="colonna-"]:after {clear: both;}




[class*="form-"] { 
 width: auto !important; 
 float: none;  
}

[class*="form"] + [class*="form"]:last-child {float: none;}
 
[class*="form-"]:before, [class*="form-"]:after {
 content:""; 
 display:table;
}

[class*="form-"]:after {clear: both;}







a.attiva-nav {
 display: block;
	float: right;
	color: #2cb7ea;
	background: #4e4e4e;
	text-decoration: none;
	margin: 20px 0 0 0;
	padding: 0 10px;
	font-size: 14px;
	
	line-height: 22px;
	height: 22px;
}

nav {
 clear: both;
 position: absolute;
	top: 70px;
	width: 100%;
	z-index: 10000;
	background: #fff;
	padding: 0;
	display: none;
}

nav ul {
 margin: 0;
 padding: 0;
}
nav ul li {
 list-style: none;
 float: none;
}

nav ul li a { 
 padding: 5px;
 display: block;
 border-bottom: 1px solid #333; 
}