﻿@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body
{
    font-family:'Droid Sans', sans-serif;
    font-size:13px;
    color:#515151;
    background: url(../images/bg_pat.jpg) repeat;
}

/* HEADER
================================================== */

#header, #footer {    
}

#header .riga, #footer .riga {
    border-right:1px #494949 solid; 
    height:132px;
    width:47px;
    float:left;
}

/*---MENU---*/
#header .menu {
    padding-top:25px;
    margin-left:-1px;
    float:left;
    font-size:13px;
    line-height:28px;
}

#header .menu a, #header .menu a:visited, #header .menu a:active {
    display:block;
    background:url(../images/lnk_pallino.png) left center no-repeat;
    padding-left:25px;
    margin-left:-5px;    
    text-decoration:none;
    cursor:pointer;
}

#header .menu a:hover{ text-decoration:underline;}

/*---TITOLO AZIENDA---*/
#header .titolo{
    float:right;
    padding-top:25px;
    margin-bottom:-45px;
}

#header .titolo .logo{
    height:140px;
    border:1px solid #d1d1d1;
    background:#ffffff;
    line-height:140px;
    vertical-align:middle;
    z-index:10;
    float:right;
    padding:5px;
}

#header .titolo .logo img{
    vertical-align:middle;
    max-height:140px;
    max-width:100%;        
}

#header .titolo .azienda{
    float:right; 
    min-height:105px;
    padding-top:45px;   
    margin-right:20px;   
    text-align:right;
}

#header .titolo .azienda .attivita{    
    line-height:22px;
    min-height:22px;
}

#header .titolo .azienda .ragionesociale{
    line-height:30px;
    min-height:30px;
}

/*---SOCIAL---*/
#box_loghi_social{
    min-height: 30px;
    border:1px solid #d1d1d1;
    border-top:none;
    margin-top:20px;
    position:relative;
    float:right;
	z-index: 900;
}

#box_loghi_social .social-logo
{
    float:left;
    min-height: 26px;
    height:26px;
    line-height:30px;
    width:49px;
    text-align:center;
    border-right:1px solid #d1d1d1;    
    padding-top:4px;
}

#box_loghi_social .social-nome
{
    float:left;
    min-height: 30px;
    line-height:30px;    
    min-width:90px;
    text-align:center;
    font-size:18px;
    color:#000000;
    padding-left:25px;
    padding-right:30px;
    font-weight:bold;
}

#box_loghi_social .social-nome a
{
    font-weight:bold;
    font-size:18px;
}

.tooltip_arrow_dx
{
     position: absolute;    
     width:11px;
     height:18px;
     top:7px;
     right:-10px;
     z-index:20;
     background:url(../images/tooltip_arrow_dx.png) no-repeat;
}

/*---RIGHE HEADER---*/
.color-row{
    height:5px;    
}

.color-row div.dentro{
    height:5px;    
    width:275px;
    margin-left:70%;
}

.color-row2{
    height:5px;
    background: #cecece;
}

/* FOOTER
================================================== */

#efreeone_logo{margin-top:-13px;text-align:center;}

#footer {font-size:12px;}

#footer .azienda {
    margin-top:30px;
    line-height:18px;
    border-left:1px #494949 solid; 
    padding-left:27px;
}

#footer .note {
    margin-top:30px;
    padding-right:10px;
    text-align:right;
    font-size:11px;    
}

#footer a {
    /*color: #ffffff;*/
}


/* CORPO
================================================== */

#corpo .riga  {
    position: absolute;   
    border-left:1px #cecece solid; 
    top: 0;
    left: 47px;
    bottom: 0;
    height: 100%;    
}

.riga-oriz{
    text-align:center;
    padding-bottom:5px;
    border-bottom:1px #cecece solid;
    margin-bottom:20px;
}

.righina{
    border-bottom:1px #cecece solid;
    margin:5px 0px 10px;
    width:88px;
}

#corpo .box {    
    position:relative;
    float:left;
    border:1px solid  #d1d1d1;
    background: #ffffff;
    padding:20px 25px 35px;
    margin:20px 0px;
}

#corpo .box .ico{
    position: absolute;    
    margin-left:-90px;
    width:60px;
    z-index:10;
    background: url(../images/bg_pat.jpg) repeat;
}

#corpo .box .testo{
    padding:5px 0px 10px;    
    text-align: justify;
}

#foto img{
    max-width: 100%;
}

#corpo .box .indirizzo{
    height: 85px;
}

#corpo .box .contatto{
    text-align:center;
    padding: 8px 10px;
}

#corpo .box .separatore {
    border-bottom:1px #cecece solid;
    margin:20px 0px 20px;
    width:100%;
}

#corpo .box input[type='text'], #corpo .box textarea {
    width:90%;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f7f7f7;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #cecece;
}

#corpo .box textarea {
	height:154px;
}

#corpo .box a.to-top, #corpo .box a.to-top:visited, #corpo .box a.to-top:active,
#corpo .box a.close-box, #corpo .box a.close-box:visited, #corpo .box a.close-box:active {
    position:absolute;
    display:block;
    bottom:4px;
    right:4px;
    width:65px;
    height:23px;
    border:1px solid #ffffff;
    border-radius: 3px;
    background-image:url(../images/button_arrow_up.png);
    background-repeat:no-repeat;
    background-position: right center;
    padding-left:10px;
    padding-right: 10px;
    color:#b4b4b4;
    background-color:#ffffff;
    text-decoration:none;
    line-height:23px;
    cursor:pointer;
    font-size:10px;
}

#corpo .box a.to-top:hover, #corpo .box a.close-box:hover {
    border:1px solid #b4b4b4;
    background-color:#b4b4b4;
    color:#ffffff;
}

#corpo #accetta-privacy{
    min-height:30px;
    line-height:30px;
    padding-left:4px;
    padding-right:4px;
    border-radius: 3px;
    font-size:12px;
    border:1px solid #ececec;
    background-color:#ececec;
    vertical-align:middle;
}

#corpo #accetta-privacy label{
    display: inline;
    font-weight:normal;
    font-size:11px;
}

#corpo .box a.sendbutton, #corpo .box a.sendbutton:visited, #corpo .box a.sendbutton:active {    
    display:block;
    width:150px;
    height:30px;
    margin-right:30px;
    border-radius: 3px;
    background-image:url(../images/button_arrow.png);
    background-repeat:no-repeat;
    background-position: right center;
    padding-left:20px;
    padding-right: 5px;    
    background-color:#ffffff;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    line-height:30px;
    cursor:pointer;
    /*background-color:#70a721;*/
    color:#ffffff;
    /*border:1px solid #70a721;*/
}

#corpo .box a.sendbutton:hover {
    /*color:#70a721;
    background-color:#ffffff;*/
}

.fieldEmpty {background-color: #F1C1C1 !important;}

.ombra
{
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(157,157,157,.25);
	-moz-box-shadow: 0 1px 2px rgba(157,157,157,.25);
	box-shadow: 0 1px 2px rgba(157,157,157,.25);
	border: solid 1px #d1d1d1;
}

.fontbig {
    font-size:16px;
}

.tooltip_arrow_sx
{
     /*width:0;
     height:0;
     -webkit-box-shadow: inset 1px 1px rgba(157,157,157,.25);
	-moz-box-shadow: inset 1px 1px rgba(157,157,157,.25);
	box-shadow: inset 1px 1px rgba(157,157,157,.25); 
     margin-right:-15px;
     border-right:21px solid #ffffff;
     border-top:10px solid transparent;
     border-bottom:10px solid transparent;*/
     position: absolute;    
     margin-left:-38px;
     margin-top:14px;
     width:15px;
     height:22px;
     z-index:20;
     background:url(../images/tooltip_arrow_sx.png) no-repeat;
}

#pnl_datigenerali input[type='text']{
    width:410px;
}

#map-single {width:100%;height:253px;}

#pnl_editmenu{
    background:#000000; 
    width:100%;
    margin-bottom:20px;
}

#pnl_editmenu a
{
    display:block;
    width:200px;
    height:30px;
    text-align:center;
    line-height:30px;
    float:left;
    color:#ffffff;
    background:#000000;
    border:1px #ffffff solid;
}