@charset "UTF-8";

#diario {
	width:1000px;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
}
	
.colonna_singola {
	width: 980px;
	margin-bottom:20px;
	background-color:rgba(245,245,245,1);
}

.colonna_sx {
	float: left;
	width: 470px;
	margin-right:20px;
	background-color:rgba(245,245,245,1);
	padding: 20px;
}
.colonna_dx {
	float: left;
	width: 470px;
	height: 574px;
	margin-right: 20px;
	background-color: rgba(255,255,255,1);
	padding: 20px;
	overflow-y: auto;
}

.clear-float {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}  

.colonna_sx h1 {
	width:100%;
	color: #97815B;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #97815B;
	margin-right: 37px;
	margin-top:10px;
	font-weight: 400;
}  
.colonna_dx h1 {
	width:100%;
	color: #97815B;
	text-transform: uppercase;
	text-align: right;
	margin-bottom: 20px;
	border-bottom: 1px solid #97815B;
	margin-right: 37px;
	margin-top:10px;
	font-weight: 400;
} 

#recensione {
	width:430px;
	margin-bottom:25px;
}
#recensione h2 {
	font-family: 'Roboto', source-sans-pro, sans-serif;
	color: #333333;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	margin-bottom: 3px;
}
#recensione h2 img{
	width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 5px;
}
#recensione p {
	font-family: 'Roboto', source-sans-pro, sans-serif;
	color: #666666;
	font-weight: 300;
	font-size: 13px;
	text-align: left;
	line-height: 15px;
}
#recensione h3 {
	font-family: 'Roboto', source-sans-pro, sans-serif;
	color: #BCBCBC;
	font-weight: 400;
	font-size: 11px;
	text-align: left;
	margin-top: 3px;
}

/*  tablet  */
@media only screen and (min-width:768px) and (max-width:1023px){
#diario {width:700px;}
.colonna_singola {width: 660px;}
.colonna_sx {width: 320px;}
.colonna_dx {width: 320px;}
#recensione {width:280px;}  
}
/* smartphone-tablet */ 
@media screen and (min-width:480px) and (max-width:767px){
#diario {
	width:450px;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
}
	
.colonna_singola {width: 450px;}

.colonna_sx{
	float: none;
	width: 450px;
	margin-right:0px;
	margin-bottom:20px;
}
.colonna_dx{
	float: none;
	width: 450px;
	margin-right:0px;
	margin-bottom:20px;
}
#recensione {width:410px;}
}
/*  smartphone  */
@media only screen and (max-width:479px){
#diario {
	width:300px;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
}
	
.colonna_singola {width: 300px;}

.colonna_sx {
	float: none;
	width: 300px;
	margin-right:0px;
	margin-bottom:20px;
}
.colonna_dx {
	float: none;
	width: 300px;
	margin-right:0px;
	margin-bottom:20px;
}
#recensione {width:260px;}
}

/*---FORM css---*/
#recensione_form input[type=text],#recensione_form input[type=password], #recensione_form input[type=date]{
	font-family: 'Roboto', source-sans-pro, sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
	/*margin-left:18px;*/
	width: 430px;
	height: 30px;
	line-height: 28px;
	font-size: 14px;
	text-indent: 5px;
	background-color: #FFF;
	border: 1px solid rgba(240,240,240,1);
	/*border:none;*/
	color: rgba(153,153,153,1);
}

#recensione_form #recensione_descrizione {
	font-family:'Roboto', source-sans-pro, sans-serif;
	font-weight:300;
	background-color: #FFFFFF;
	border:1px solid rgba(240,240,240,1);
	/*border:none;*/
	/*margin-left:18px;*/
	width: 430px;	
	padding-left: 5px;
	padding-top: 5px;
	height: 100px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

#recensione_form label {
	line-height: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #666666;
}

#recensione_form #recensione_invia {
	font-family: lato;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 20px;
	border-style: none;
	width: 100px;
	height: 30px;
	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.44);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.44);*/
	border-radius: 5px;
	margin-top: 24px;
	background-color: #97815B;
	color: rgba(255,255,255,1.00);
	float: right;
	/*margin-right: 5px;*/
}

#recensione_form #recensione_invia:hover {
	background-color: #666666;
	/*-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.57);
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.57);*/
}
/*  tablet  */
@media only screen and (min-width:768px) and (max-width:1023px){

#recensione_form input[type=text],#recensione_form input[type=password], #recensione_form input[type=date]{
	width: 280px;
}
#recensione_form #recensione_descrizione {
	width: 280px;	
}   
}
/* smartphone-tablet */ 
@media screen and (min-width:480px) and (max-width:767px){
#recensione_form input[type=text],#recensione_form input[type=password], #recensione_form input[type=date]{
	width: 410px;
}
#recensione_form #recensione_descrizione {
	width: 410px;	
}  
}
/*  smartphone  */
@media only screen and (max-width:479px){
#recensione_form input[type=text],#recensione_form input[type=password], #recensione_form input[type=date]{
	width: 260px;
}
#recensione_form #recensione_descrizione {
	width: 260px;	
}  
}