@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*** General ***/
body {font-family: 'Roboto Condensed', sans-serif; font-size:16px; background:url(../img/bg-body.png) repeat-x top #fff; color: #333; overflow-x: hidden}

#cookie                {background-color:#333; bottom:0; width:100%; font-size:16px; color:#FFF; position:fixed; z-index:8000; padding:20px 0; text-align:center}
#cookie p              {padding: 0 15px; line-height:23px}
.cookie                {color:#fff; text-decoration:underline}
#cookie a:hover        { opacity:0.7;}
.bot_cookie            {background:#ccc; border: 1px solid #666; border-radius:4px; color:#333; cursor: pointer; padding:2px 10px; text-decoration:none;} 


	/* Typography */
	a 			{color: #333; text-decoration:none}
	a:hover 	{color: #999;}
	a:active	{outline: none;}
	h1          {font-size:20px; margin-bottom:20px;}
	h2          {color:#3B4798; font-size:18px; margin-bottom:0; padding-bottom:5px}
	
	.h1-generica         {color:#333; margin-bottom:20px; border-bottom: 1px solid #ccc; padding-bottom:5px}
	
	.h1-crm         {margin-bottom:10px; border-bottom: 1px solid #ccc; padding-bottom:5px}


     ul          {margin-left:20px;}
	
	.justify    {text-align:justify}
	.align-center { text-align:center}
	.roboto     {font-family: 'Roboto Condensed', sans-serif;}
	.normal     {font-weight:normal}
	.underline  {text-decoration:underline}

    /* GENERALE */
	.float_left  {float:left}
	.float_right {float:right}
	.clear_left  {clear:left}
	.clear_right {clear:right}
	.clear_both  {clear:both}
	.font12      {font-size:12px}
	.font14      {font-size:14px}
	.font18      {font-size:18px}
	.center      {text-align:center}
	
	
	/* header */
	#header         {width:100%; margin:10px 0; height:90px;}
	.header-int     {width:920px; margin: 0 auto;}
	.logo           {float:left; margin:10px 0}
	.index-thumb	{width:450px; height:65px;}
	.menu           {float:right; width:300px; top:30px; z-index:1000 }
	#cssmenu > ul > li > a {padding: 20px 12px 10px 12px; }
	#cssmenu > ul > li.has-sub > a {padding-right: 20px;}

	/* Structure */
	#wrapper 		{width: 920px; margin: 0 auto; padding:30px 0}
    #main    		{width: 100%; margin:0; padding:0;}
    #main img    		{width: 100%; margin:0; padding:0;}
    .marginright20       {margin-right:10px}
	.marginright10       {margin-right:10px}
	.paddingleftright20  {padding:0}
	.paddingtop30        {padding-top:30px}
	
	
	.img100              {width:100%;}
	.img50               {width:50%;}
	.img70               {width:70%;}
	.div45               {width:45%;}
	.div45 li            {list-style-type:circle}
	.div48               {width:48%;}
    .div48 li            {list-style-type:circle}
	.marginright30       {margin-right:30px}
	.margintop30         {margin-top:30px}
	.marginbottom30      {margin-bottom:30px}
	.bg-grey             {background-color: #eaeaea; border-radius:6px;}
	.widht100            {width:100%}
	.padding20           {padding:20px;}
	
	.div-crm             {float:left; border:1px solid #ccc; border-radius:10px; padding:15px; font-size:14px; margin-top:20px; margin-bottom:20px; min-height:1500px}
    .div-crm h2          {font-size:20px; margin: 6px 0 20px 0; padding-bottom:3px; color:#555}
	.icone               {float:left; margin-right:10px}
    .widht50             {width:415px}
	.margin-right20      {margin-right:20px}	
	
    /* immobiliare menu------------------------- */
	
		.bot-prova { background: #007FE2; padding:10px 0; text-align:center; font-size:20px; font-weight:bold; color:#FFF; border-radius: 5px}
		.bot-prova a {color:#FFF}
		.bot-prova:hover {background:#999}
	
	  #menu-immobiliare  {background-color:#eaeaea; width:100%; padding:20px 0; min-height:80px; margin-top:-5px}
	  .menu-immobiliare  {width:920px; margin:0 auto}
	  
	  #menu-immobiliare-bottom  {width:100%; padding:20px 0 0 0; float:left;}

	 .banner_immobiliare {float:left; padding:50px 7px 10px 7px; text-align:center; margin-bottom:30px;}
	 .h2_immobiliare     {color:#666; font-size: 16px; margin: 0 0 10px 0; padding:0; border-bottom:0}
	 
	 .gestionale       {background:url(../img/immobiliare/ico-gestionale-hover.png) no-repeat top center;}
     .gestionale:hover {background: url(../img/immobiliare/ico-gestionale.png)no-repeat top center; color: #333;}
     .gestionale2      {background: url(../img/immobiliare/ico-gestionale.png)no-repeat top center; color: #333;}

     .multiportale       {background:url(../img/immobiliare/ico-multiportale-hover.png) no-repeat top center;}
     .multiportale:hover {background: url(../img/immobiliare/ico-multiportale.png)no-repeat top center; color: #333;}
     .multiportale2      {background: url(../img/immobiliare/ico-multiportale.png)no-repeat top center; color: #333;}

     .multicondivisione       {background:url(../img/immobiliare/ico-multicondivisione-hover.png) no-repeat top center;}
     .multicondivisione:hover {background: url(../img/immobiliare/ico-multicondivisione.png)no-repeat top center; color: #333;}
     .multicondivisione2      {background: url(../img/immobiliare/ico-multicondivisione.png)no-repeat top center; color: #333;}
	 
	 .mobile       {background:url(../img/immobiliare/ico-mobile-hover.png) no-repeat top center;}
     .mobile:hover {background: url(../img/immobiliare/ico-mobile.png)no-repeat top center; color: #333;}
     .mobile2      {background: url(../img/immobiliare/ico-mobile.png)no-repeat top center; color: #333;}

     .antiriciclaggio       {background:url(../img/immobiliare/ico-antiriciclaggio-hover.png) no-repeat top center;}
     .antiriciclaggio:hover {background: url(../img/immobiliare/ico-antiriciclaggio.png)no-repeat top center; color: #333;}
     .antiriciclaggio2      {background: url(../img/immobiliare/ico-antiriciclaggio.png)no-repeat top center; color: #333;}
  
     .fb       {background:url(../img/immobiliare/ico-fb-hover.png) no-repeat top center;}
     .fb:hover {background: url(../img/immobiliare/ico-fb.png)no-repeat top center; color: #333;}
     .fb2 {background: url(../img/immobiliare/ico-fb.png)no-repeat top center; color: #333;}
     
	 .planimetrie       {background:url(../img/immobiliare/ico-planimetrie-hover.png) no-repeat top center;}
     .planimetrie:hover {background: url(../img/immobiliare/ico-planimetrie.png)no-repeat top center; color: #333;}
     .planimetrie2 {background: url(../img/immobiliare/ico-planimetrie.png)no-repeat top center; color: #333;}
  
     .siti       {background:url(../img/immobiliare/ico-siti-hover.png) no-repeat top center;}
     .siti:hover {background: url(../img/immobiliare/ico-siti.png)no-repeat top center; color: #333;}
     .siti2      {background: url(../img/immobiliare/ico-siti.png)no-repeat top center; color: #333;}
	 
	 /*immobiliare contenuti*/
	 .content-immobiliare {clear:both}
	 .div-immo            {border:1px solid #ccc; border-radius:10px; padding:15px; font-size:14px; margin-top:20px; margin-bottom:20px;}
	 .div-immo li         {margin-bottom:5px; list-style-type: circle}
     .div-immo h2         {font-size:20px; margin: 6px 0 30px 0; padding-bottom:3px; color:#555}
	 .height-index        {min-height:3500px}
	 .height-antiriciclaggio        {min-height:1400px}
	 
	 /*multiportale*/
	 .portali-top              {width:47%; float:left; border:1px solid #ccc; border-radius:10px; padding:10px; margin-bottom:20px}
	 .portali-top-right        {width:47%; float:right; border:1px solid #ccc; border-radius:10px; padding:10px; margin-bottom:20px}
	 .portali                  {width:205px; padding:10px; float:left; height:100px}

     /*planimetrie*/
	 .plan-img              {width:48%; float:left; margin-bottom: 20px}
	 .margin-plan         {margin-right:20px}
	 
	 /*mobile*/
	 .mobile-img            {width:22%; float:left; margin: 20px 0}
	 .margin-mobile         {margin-right:35px}
	 
	 /*antiriciclaggio-----------*/
	 .border-grey        {border:1px solid #ccc; border-radius:6px;}
	 
	 /* siti */
	.sitiweb               {width:210px; float:left; border:1px solid #ccc; background-color:#FFF; padding:5px; margin-bottom:30px}
	.sitiweb:hover         {opacity: 0.7}
	.marginsiti         {margin-right:10px;}
	.thumbs-siti        {width: 100%}
	 
	 
/* contatti------------------- */

	.div-contatti   {margin-top:20px; margin-bottom:20px; width:48%}
	.contatti-right {float:right}
    input           {width:100%; background-color:#eaeaea; border:#eaeaea; padding:10px; margin-bottom:20px; font-size:16px; font-family: 'Roboto Condensed', sans-serif; }
	textarea        {width:100%; background-color:#eaeaea; border:#eaeaea; padding:10px; margin-bottom:20px; font-size:16px; font-family: 'Roboto Condensed', sans-serif; }
	.input100  	    {width:98%}
    .bottone        {background-color:#3B4798; color:#FFF; border:#3B4798; padding:5px; margin-bottom:0; font-size:17px; font-family: 'Roboto Condensed', sans-serif; width: 100px; border-radius: 4px; cursor:pointer}	
    .bottone:hover  {background-color:#999; color:#FFF; border:#999;}	
    .check          {width:20px; padding:0; margin-bottom:0}
	 
	 
/* footer------------------------------------------------- */
    footer		     	 {width: 100%; float:left; margin: 0; padding:30px 0; font-size:16px; color:#FFF; background: #333; color:#ccc; font-size:14px; line-height:20px; text-align:center}
    footer a		     {color:#ccc;}
	
	.footer-contatti     {width: 420px; float:left;}

/* Tabella pagina privACY------------------------------------------------- */
  .table {
    border-collapse: collapse !important;
  }
  
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}