@charset "utf-8";
/* Autotwitt.it CSS 1.0*/


/* General */
body{background:#f6f6f6;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
*{padding:0;margin:0;}
a:focus{outline:0;}
html{height:101%;}
img{border:none; vertical-align:middle;}

/* Do rounding (native in Safari, Firefox and Chrome) */
.roundedCorners{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;-khtml-border-radius:5px;}

/* Toolbar - Comune per Index e Home UI */
#toolbar{width:960px; margin:0 auto; border:1px solid #e4e4e4; border-top:none; background:url(images/gradient_toolbar.png) top repeat-x; height:30px;
border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;  }
#toolbar ul{list-style:none; margin:0 0; line-height:30px; }
#toolbar li{list-style:none; float:left; font-size:11px; width:80px; text-align:center;  padding:0px 0px; margin:0px; color:#777; border-right:1px solid #e6e6e6; text-shadow: 1px 1px 0px #fff; }
#toolbar li:hover{list-style:none; float:left; font-size:11px; width:80px; text-align:center;  padding:0px 0px; margin:0px;  border-right:1px solid #e6e6e6;  background:#eee;}
#toolbar li.follow{float:right; border-left:1px solid #e6e6e6; border-right:none; width:150px; height:30px; line-height:30px; }
#toolbar a {color:#c00f14; width:90px; text-align:center;}
#toolbar a:hover {color:#777;}
#toolbar a li{list-style:none; float:left; font-size:11px;  border-right:1px solid #e6e6e6; color:#c00f14; }
#toolbar a li:hover{list-style:none; float:left; font-size:11px; width:80px; text-align:center;  padding:0px 0px; margin:0px; color:#777; border-right:1px solid #e6e6e6;  background:#eee;}
#toolbar a.follow{color:#03bbff;}
#toolbar a.follow:hover{color:#777;}
#toolbar a li.follow{float:right; border-left:1px solid #e6e6e6; border-right:none; width:150px; height:30px; line-height:30px; color:#03bbff;}
#toolbar a li.follow:hover{float:right; border-left:1px solid #e6e6e6; border-right:none; width:150px; height:30px; line-height:30px; color:#777;}

/* Header - Home UI  */
#header{width:900px; margin:0 auto; height:80px;}

/* Container Bianco - Home UI  */
#container{width:900px; margin:30px auto; border:1px solid #ddd; background:#fff; padding:30px; height:auto;}
#container h2{font-size: 18px; color: #555; line-height:20px;   text-shadow: 0 1px 0 #fff;  margin: 20px 0 0px 0;}

/* Plan - Riquadro selezione Piano - Home UI  */
#plan{ float:right;  width:170px; height:30px; padding:10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;  border:1px solid #eaeaea; background:#f6f6f6 url(images/reflex.png) top repeat-x;  }
#plan:hover{ border:1px solid #ccc;  background:#eee url(images/reflex.png) top repeat-x; }
#plan h1{ font-size:14px;line-height:14px;color:#555; font-weight:bold; text-shadow: 0 1px 0px #fff; letter-spacing:0px;  margin:0px 0 0 0; }
#plan h2{ font-size:11px;line-height:16px; color:#777; font-weight:normal; margin:0px 0 0 0;  }
#plan span {color:#c00f14;}

/* Content - Home UI  */
#content{ margin:0px 0 0px 0;  padding:20px 0px; }
#content h2{margin:0px 0 0px 0;}

/* Subfooter - Home UI  */
#subfooter{ margin: 0;  border-top: 1px solid #eee; padding: 20px 0;}

/* Footer - Comune per Index e Home UI  */
#footer{width:960px; padding:0 0 30px 0; margin:0 auto;}
#footer a,#footer a:link,#footer a:visited,#footer a:focus,#footer a:active {color:#c00f14; text-decoration:none; margin:0;}
#footer a:hover{color:#333; }


/* Characters */
h1 {font-size: 28px; color: #aaa;}
h2 {font-size: 18px; color: #555; line-height:20px;}
h3 {font-size: 14px; color: #555;}
h4 {font-size: 14px; line-height: 1.2em; color: #999;}
h5 {font-size: 24px; line-height: 1.2em; color: #555;}

h1 {font-weight: normal; letter-spacing: -2px; text-shadow: 0 1px 1px #fff; margin: 0;}
h2 {text-shadow: 0 1px 0 #fff; letter-spacing: 0; margin: 0px 0 0px 0;}
h2:first-child {margin: 10px 0 4px 0;}
h2 span {color: #c00f14;}
h3 {margin: 20px 0 0 0; line-height: 1.2em;}
h4 {font-weight: normal; line-height: 1.2em;}
h5 {font-weight: normal; line-height: 1.2em; letter-spacing: -1px; text-align: left;}
h6 {font-size: 11px; color: #999; line-height: 1.2em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
p {font-size: 12px; line-height: 20px; color: #777; font-weight: normal;}
#footer p {font-size: 11px; color: #777; font-weight: normal;}

/* Link */
a, a:link, a:visited,a:focus,a:active { text-decoration:none; margin:0;}
a:hover{ text-decoration:none; color:#333; }

/* Classe Pulsante */
.moretext,.moretext:hover {width:auto; padding:8px 20px; font-size:16px; font-weight:bold; color:#fff; margin:20px 0 0 0;
border-bottom: 1px solid rgba(0,0,0,0.25);
background-color:#c00f14;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
-khtml-border-radius:4px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25)}
a.moretext:hover{background-color:#333;}
.moretext:hover{background-color:#333;}

/* List */
ul{list-style:none; }
li{list-style:none;}

/* Menu Scelta Servizi Home UI */
#menu{margin:30px 0 30px 0; border:1px solid #eaeaea;   width:100%;background:#f6f6f6 url(images/reflex.png) top repeat-x; height:110px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
#menu-item1,#menu-item2,#menu-item3{width:298px; height:110px; margin:0; float:left; text-align:center; }
#menu-item1{border-right:1px solid #fff; }
#menu-item2{border-right:1px solid #fff; border-left:1px solid #e6e6e6;  }
#menu-item3{border-left:1px solid #e6e6e6; padding-right:2px;}
#menu-item1:hover,#menu-item2:hover,#menu-item3:hover{ background:#eee url(images/reflex.png) top repeat-x;   }
#menu ul{list-style:none; margin:0 0; color:#777;}
#menu li{list-style:none; display:inline; font-size:12px; line-height:30px; margin:0 10px 0 0; color:#777; }

/* Menu Dashboard Home UI */
#menu_login{margin:0 0 0px 0;  width:100%;background: url(images/gradient_toolbar.png) top repeat-x; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;  border:1px solid #eaeaea; height:30px; }
#menu_login ul{list-style:none; margin:0 0; }
#menu_login a {color:#c00f14;  line-height:30px; ; text-align:center; }
#menu_login a:hover{  color:#777;  margin:0 0px 0px 0; background:#eee;    }
#menu_login a li{list-style:none;  font-size:11px; line-height:30px; text-align:center;       color:#c00f14;}
#menu_login a li:hover{list-style:none; font-size:11px;  color:#777;  line-height:30px; text-align:center;   }
#menu_login li.follow{ float:right; border-left:1px solid #e6e6e6; border-right:none; width:auto; height:30px; line-height:30px;}
#menu_login li{list-style:none; float:left; font-size:11px; line-height:30px;  color:#777; width:auto; border-right:1px solid #e6e6e6;  text-align:center;  padding:0 10px; }
#menu_login li:hover{ background:#eee;  }

/* Barre Dashboard */   
#progressbar{padding:10px 0; margin:20px 0;}
.bar {background:#fff url(images/gradient_toolbar.png) center repeat-x ; margin:0 0 0 0; height:30px; line-height:30px; border: 1px solid #ad0c0e;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px;-khtml-border-radius:4px; }                
.bar_busy { background:#c00f14 url(images/reflex.png) bottom repeat-x;  height:30px; float:left; z-index:1; }
.bar_prev { background-color:#ccc ; height:30px; float:left; z-index:1;}
.bar_message {font-weight:normal;font-size:11px;z-index:2;float:left; position:absolute; padding-left:10px; text-shadow: 1px 1px 1px #000;  color:#fff; }
.alert_box {background-color: #c00f14 url(images/reflex.png) bottom repeat-x;   font-size: 11px;margin: 0;height: 40px;line-height: 20px;   border: 1px solid #ad0c0e;  padding-left: 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px;-khtml-border-radius:4px;} 

/* Class, Tables*/
.tn {padding: 0 0 0 5px;}
.col {color: #0099FF;}
table { margin: 20px 0; width: 900px;   color: #555;}
.trprice {  height: 30px;}
.tdprice {  border-bottom: none;font-weight: bold;  color: #c00f14;}
.leftprice {text-align: left;width: 300px;}
td, th, .top {  padding: 5px 15px;  text-align: center; border-bottom: 1px #ccc solid;}
.top {border-top: 1px #ccc solid;}
th {border-bottom: 1px #c00f14 solid;}
.day {  float: left;width: 35px;height: 25px;text-align: center;padding-top: 10px;margin: 1px;background-color: #fff;border: 1px solid #BFBFBF; border: 1px solid rgba(0,0,0,0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px;-khtml-border-radius:4px;}
.clear {clear: both;}
.conborder{ border-bottom:1px solid #eee; }

 
/* Form */
form {
    margin-top: 30px;   
}
input,textarea {
    width: 350px;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: normal;
    font-weight: bold;
    color: #777;
    margin: 10px 10px 0 0;
    border: 1px solid #BFBFBF;
    border: 1px solid rgba(0,0,0,0.25);
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
input[type=radio],input[type=checkbox] {
    width: 20px;
    margin-right: 5px;
}
input[name=randmax] {
    text-align: center;
    width: 50px;
    margin-left: 10px;
}
input[name=message] {
    width: 790px;
}
input[id=message_counter] {
    text-align: center;
    width: 40px;
}

button {
    width: auto;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 0 0;
    border-bottom: 1px solid #BFBFBF;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    background-color: #c00f14;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px #BFBFBF;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}


/* Autotwitt.it Index*/
#front{width:960px; margin:40px auto 0  auto; height:230px;}
#front h1{font-size:11px;line-height:auto;color:#777; font-weight:normal; letter-spacing:0px; text-align:center; margin:10px 0 0 0; text-shadow: 1px 1px 0px #fff; }
#front a{color:#999;}
#front a:hover {color:#c00f14;}
#logo_splash{position:relative; left: 50px; width:400px;}

/* Login Button Index */
#login{float:right; width:310px; position:relative; top:-230px}
.a{ margin:50px 0 0 0;  position: absolute;     left: 0;    top: 0; z-index: 10;}
.b{ margin:50px 0 0 0; position: absolute;  left: 0;    top: 0;}

/* Slogan Index */
#container_slogan{width:820px; margin:0 auto;}
#container_slogan h1{font-size:24px;line-height:auto;color:#aaa; font-weight:normal; text-shadow: 1px 1px 0px #fff; letter-spacing:-1px;  }
#container_slogan h2{font-size:14px;line-height:14px;color:#c00f14; font-weight:normal; letter-spacing:0px; text-shadow: 1px 1px 0px #fff;  }
#container_slogan a{color:#c00f14;}
#container_slogan a:hover{color:#c00f14;}

/* Menu Servizi Index */
#home-menu{margin:30px auto 30px auto; border:1px solid #eaeaea;   width:960px; height:110px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
.home-item2,.home-item3,.home-item4{width:294px; height:110px; margin:0; float:left; text-align:center; }
.home-item1{width:70px; float:left; text-align:center; margin:0; height:110px; border-right:1px solid #fff; background:#f6f6f6 url(images/reflex.png) top repeat-x;}
.home-item2{border-right:1px solid #fff; border-left:1px solid #e6e6e6; background:#f6f6f6 url(images/reflex.png) top repeat-x; }
.home-item3{border-right:1px solid #fff; border-left:1px solid #e6e6e6;  background:#f6f6f6 url(images/reflex.png) top repeat-x;}
.home-item4{border-left:1px solid #e6e6e6; padding-right:2px; background:#f6f6f6 url(images/reflex.png) top repeat-x;}


/* Slider Pagine*/
#wrapper {width: 960px; margin: 0 auto; height:auto;}
#slider  {width: 960px;  margin: 0 auto; position: relative; height:250px;} /* Contiene Tutte le slide - Fondamentale*/
.scroll  { width: 960px;overflow: auto;overflow-x: hidden; position: relative; clear: left;margin:60px 0px 0 0px; height:250px;}
.scrollContainer div.panel { padding:0 50px 0 0px;  width: 950px; height:250px;  }

/* Contenuti Slider Pagine*/  
#panel_right{float:right; width:300px; }
.panel h1{ font-size:18px;line-height:auto;color:#555; font-weight:bold; text-shadow: 0 1px 0px #fff; letter-spacing:0px; }
.panel h2{ font-size:12px;line-height:18px; color:#777; font-weight:normal;  }
.panel ul{list-style:none;}
.panel li{background:url(images/arrow.png) top left no-repeat; padding-left:70px; margin:0 0 25px 0; }
.panel p{ padding-left:70px;  font-size:12px;line-height:20px; color:#777; font-weight:normal; width:550px; }