/* body: sfondo della pagina e caratteristiche di default dei font (font-family, color)*/
body {
font-size: 0.875em;
line-height: 1.35em;
background: url("images/sfondo2.gif");
font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

/* Box di pagina: impacchettato */
#page {
}

/* Testata */ 
#header {
background:url("images/sfondo2.gif");
max-height:50px;
}

/*il nodo della pubblicità adsense su oroscopo oggi e */
.node-4269 h2, .node-4269 .node-readmore, .node-4269 .read-more {
display: none;
}


/*=========================================== FORMATTAZIONI ==================================================== */
/* FORMATTAZIONE GENERALE */
  a
  {
  color:#c04d00;
  text-decoration:underline;
  font-family: arial, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  }   

  a:link
  {
  color: #c04d00;
  }

  a:visited
  {
  }

  a:hover,
  a:focus
  {
  color:#D68443;
  text-decoration:underline;  
  }

  a:active
  {
  }
	
	
/** headings **/
  h1
  {
text-align:center;

  }

  h2, .views-field-field-titolo2
  {


  }

  h2
  {
color: #555;
margin: 1.7em 0 0;
  }



  h3
  {
    font-size: 16px;
    line-height: normal;
margin-bottom: 0;
color: #555;
  }

  h4, h5, h6
  {
  }

  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
  }
p 
  {
margin: 0.8em 0;
  }


	
  li
  {
  }

  .item-list ul li /* Drupal override */
  {
  }

  ul.menu li, /* Drupal override */
  li.expanded,
  li.collapsed,
  li.leaf
  {
  }


	

/* FORMATTAZIONE CONTENT */
#content  {
background: #fff;	
margin-top: 1.1em;
padding: 0 3em;
}

#content  h1.title {
    color: #555;
    font-size: 25px;
    line-height: 1.3em;
    margin-bottom: 0.7em;
    margin-top: 0;
    text-align: center;	
}
.mean-container .mean-bar
{
background: #080f43;
background-image: url('/img/txmlogoalto.jpg');
background-repeat: no-repeat;
padding:0;
}
.mean-container .mean-nav
{
background: #080f43;

}


@media (max-width: 600px){
#content  {
margin:0.2em auto;
padding: 0 2px;
}
#content  h1.title {
    font-size: 15px;
    margin-bottom: 1em;
    padding:0.2em 0;
    line-height: normal;
_height: 20px;
_overflow:hidden;
}
#content  h3 {
    font-size: 14px;
    line-height: normal;
margin-bottom: 1em;
color: #555;
_height: 20px;
_overflow:hidden;
}
p {
no_margin:0.1em 0 0.4em 0;
font-size: 13px;
line-height: 1.5em;
}

}

/*
@media (max-height: 650px){
p {
font-size: 13px;
line-height: 1.7em;
}
}

@media (max-height: 570px){
p {
font-size: 13px;
line-height: 1.2em;
}
}

@media (max-height: 500px){
p {
font-size: 13px;
line-height: 1em;
}
}
*/

#content  .node {
}

/* FORMATTAZIONE NAVIGATION */
#navigation  #block-menu-menu-menu2liv,#navigation  #block-menu-menu-menu2liv {
background: none;
padding: 0;
margin: 0;
}

#navigation .menu .menu {
background: #fff;
}


#navigation #block-menu-menu-menu2liv .expanded .menu, #navigation #block-menu-menu-menubasemobile .expanded .menu {
display: none;
}


#navigation #block-menu-menu-menu2liv .expanded.active-trail .menu, #navigation #block-menu-menu-menubasemobile .expanded.active-trail .menu {
display: block;
}

/* Questo è un espediente per superare il bug di drupal che non mette active-trail sul link alla home page */
.front #navigation #block-menu-menu-menu2liv .expanded.first .menu, .front #navigation #block-menu-menu-menubasemobile .expanded.first .menu {
display: block;
}



#navigation #block-menu-menu-menubasemobile ul {
display:block;
}
 
#navigation #block-menu-menu-menu2liv ul, 
#navigation #block-menu-menu-menubasemobile ul, 
#navigation #block-menu-menu-alto-es ul 
{
background: url(images/tabs.png) repeat-x;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin: 0;
padding: 0;
height: 2em; 
overflow: hidden;
}

#navigation #block-menu-menu-menu2liv ul li, 
#navigation #block-menu-menu-menubasemobile ul li,
#navigation #block-menu-menu-alto-es ul li 
{
background: url(images/tabs.png) repeat-x;
padding: 0;
margin:0;
float: left;
height: 29px;
text-align: center;
border-right: solid 1px #fff;
list-style: none;
}

#navigation #block-menu-menu-menu2liv ul li a, 
#navigation #block-menu-menu-menubasemobile ul li a,
#navigation #block-menu-menu-alto-es ul li a 
{
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 0 10px;
line-height: 29px;
color: #fff;
}

#navigation #block-menu-menu-menu2liv ul li.active-trail, #navigation #block-menu-menu-menubasemobile ul li.active-trail, #navigation ul li:hover, #navigation ul li.active-trail a, #navigation ul li:hover a {
_color: #aaa !important;
_background:#f00;
background-position: 0% -42px !important;
}

#navigation #block-menu-menu-menu2liv ul li ul, #navigation #block-menu-menu-menubasemobile ul li ul 
{
padding: 0;
width: auto;
border: none;
position: absolute;
left: 0; 
height: 26px;
background: #f6f6f6;
list-style: none;
white-space: nowrap;
}	

#navigation #block-menu-menu-menu2liv ul li ul li, #navigation #block-menu-menu-menubasemobile ul li ul li
{
margin: 2px 0 0;
padding: 0px 5px 0px 5px;
height: 1.5em;
line-height:1.5em;
clear: none;
width:auto;
background: #f6f6f6;
border-right: 2px solid #777;
}

#navigation #block-menu-menu-menu2liv ul li ul li a, #navigation #block-menu-menu-menubasemobile ul li ul li a
{
font-size: 12px;
padding: 0 5px;
line-height: 20px;
color: #C04D00;
text-decoration: none;
}	

#navigation li ul li.active-trail, #navigation li ul li:hover, #navigation li ul li.active-trail a, #navigation li ul li:hover a
{
background: #fff;
text-decoration: underline;
color: #911;
}  


/* FORMATTAZIONE SIDEBAR */
.sidebar {
background:#fff;
} 

.sidebar .block {
}

.sidebar .block .content {
}

.sidebar .block h2.title {
}

.sidebar .block .content ul li {
}

.sidebar .block .content ul li a {
}

.sidebar .block .content ul li a.active {
}









.svg-container { 
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 100%; 
vertical-align: middle; 
overflow: hidden; 
}

/*.svg-container#grafpunti { padding-bottom: 38%; }
.svg-container#aspetti { padding-bottom: 160%; }
.svg-container#aspetti-mese { padding-bottom: 180%; }
*/
/*.svg-container#aspetti { padding-bottom: 160%; }
.svg-container#aspetti { height: 398px; }*/

.svg-content { 
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.page-oroscopo-di-oggi .views-row, 
.page-oroscopo-di-domani .views-row { 
clear:both;
margin: 0.5em 0 1.5em 0;
min-height: 15em;
}

.page-oroscopo-di-oggi .views-row .views-field-field-segue, 
.page-oroscopo-di-domani .views-row .read-more { 
text-align: right;
}


/*classe che va associata al div #main e che mette un punto nascosto al termine del div, affinchè i browser capiscano che il div ha un'altezza */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#skip-link {
  display: none;
}

.element-invisible{
display: none;
}

.form-item .description {
font-size: 1em;
}

/*==========================*/
.field-name-field-imma1 
{
text-align: center;
}

/*==========================*/



.effem.riga
{
display:table;
height: 20px;
width: 680px;
background: #fff;
}

.effem.riga .cella
{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
float: left;
font-size: 12px;
width: 60px;
text-align: center;
line-height:20px;
}
.effem.riga .cella.ultima
{
border-right: 1px solid #000;
}


td.pluginButtonSpacer
{
padding-left: 40px;
width: 50px;
}


/*=============================
TEST
=============================*/

#asptesto
{
_float:left;
}
div.fav-contr
{
float:left;
clear:both;
padding: 10px;
margin: 1.5em 1em 1em 0;
border: 1px solid #ccc;
width:18em;
font-size: 0.9em;
text-align:center
}

@media (max-width: 600px){
div.fav-contr
{
width:100%;
}
}


div.fav-contr .tit-fav-contr
{
float:none;
clear:both;
font-weight:bold;
font-size:1em;
color: #fff;
background:#777;
_line-height: 24px;
margin-bottom:1em;
padding: 3px;
}

div.fav-contr .tit-contr, div.fav-contr .tit-fav
{
float:none;
clear:both;
_display:none;
_text-align:center;
font-weight:bold;
font-size:0.9em;
}

div.fav-contr .tit-contr
{
_display:none;
margin-top: 1em;
}

div.fatt-astr
{
text-align:left;
clear:both;
height:4em;
width:18em;
margin: 0 auto;
}

div.fatt-astr .testo-asp-trans
{
line-height: 1.5em;
clear:both;
}

div.fatt-astr .riga2
{
clear:both;
margin: 0 0 0 0;
}

div.fatt-astr .testo-periodo
{
float:left;
clear:both;
}


div.fatt-astr .immag
{
float: left;
padding-top: 0px;
width:110px;
max-height: 30px;
border: 0px solid #00f;
margin: 0px 0 0 20px;
}



.titolo-curva
{
text-align: center;
padding:20px 0 10px 0 ;
}

.titolo-curva a
{
font-size: 2em;
font-family: Trebuchet;
_text-decoration: none;
font-style:italic;
}



div.lunoroscopi-segni
{
border: 0px solid #ccc;
margin:0 auto;
text-align: center;
}

div.lunoroscopi-segni div img
{
margin:0;
}
div.lunoroscopi-segni #contenitore div img
{
margin:0;
border: 2px solid #999;
border-radius: 4px;
}


div.lunoroscopi-segni #contenitore {
  border: 0px solid #999;
  position: relative;
  width: 100%;
  padding-bottom: 97.5%;
  margin: 0 auto;
  _background: #ccc;
  padding-top: 2.5%;
border-radius: 10px;
}

div.lunoroscopi-segni .contenuto {
  position: absolute;
  width: 30%;
  height: 30%;
background: #ddf;
}


div.segno .contenitore {
text-align: center;
  border: 2px solid #999;
  _position: relative;
  width: 100%;
  padding-bottom: 2%;
  margin: 0 auto;
  _background: #ccc;
  padding-top: 1.5%;
border-radius: 10px;
}

div.segno .contenitore .rig1 {
margin-top: 0;
}
div.segno .contenitore .rig2 {
margin-top: 20px;
}

div.segno .contenitore .col1 {
margin-left: 3%;
}
div.segno .contenitore .col2 {
margin-left: 3%;
}
div.segno .contenitore .col3 {
margin-left:3%;
}


div.segno .contenuto {
  _position: absolute;
float:left;
  width: 30%;
  _height: 30%;
_background: #ddf;
}




@media (max-width: 860px){
div.lunoroscopi-segni
{
/*max-width: 380px;*/
}
}

@media (max-width: 440px){
div.lunoroscopi-segni
{
/*max-width: 240px;*/
}
}


ui-autocomplete { max-height: 130px; overflow-y: scroll; overflow-x: hidden;}


.comment  .submitted {font-size: 0.75em; }
.comment  .submitted .username {font-weight: bold; font-size: 1.3em; }
.comment .permalink {text-decoration: none ; color: #666; }
.comment-form .field-name-comment-body fieldset.filter-wrapper {display:none; }

.tit-trans {margin-top: 22px; text-align:center; font-size: 1.5em; font-weight: bold;}


.gfvip .tessera {height: 180px;border: 3px solid #999; border-radius: 9px;width: 340px;padding: 10px 3px;float: left;margin-right: 10px;margin-bottom: 10px;} 
.gfvip .titolino {text-align: center; font-size: 40px; color: #444;clear: both; line-height: normal;} 
.gfvip .tessera sinis {clear: both;} 
.gfvip .tessera .foto {width: 150px;float: left;text-align:center;} 
.gfvip .tessera .foto p {text-align: center; margin: 0; font-weight: bold} 
.gfvip .tessera .foto img {width: 150px; height: 150px;} 
.gfvip .tessera .dati{width: 180px;  float: left;text-align:center;} 
.gfvip .tessera .dati p { margin: 0; } 
.gfvip .tessera .dati .segno {text-align:center;font-size: 18px; font-weight: bold} 
.gfvip .tessera .dati .luna {text-align:center;font-weight: bold} 
.gfvip .tessera .dati .motto {text-align: left; margin-left: 5px;} 
.gfvip .tessera .dati{} 
.gfvip .tessera .foto {}