/**
 * @copyright &copy; 2011 by Roberto Rocco Angeloni <roberto@roccoangeloni.it>
 * @license http://opensource.org/licenses/lgpl-3.0.html GNU Lesser General Public License, version 3.0 (LGPLv3)
 * @version $Id: style.css $
 * @package rproject
 *
 * Permission to use, copy, modify, and distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 *
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */
/* ********************************* Responsive stuff ********************************* */
/* See: http://www.w3schools.com/css/css_rwd_intro.asp */
* {
 box-sizing: border-box;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
    float: left;
    padding: 15px;
    border: 0px solid red;
}
.row:after {
 content: "";
 clear: both;
 display: block;
}

/* ********************************* Tags ********************************* */

body {
 background-color: #101010; /*#444444;*/
/* color: black; */
    color: #888888;
 font-family: "Open Sans", sans-serif;
/*  font-family: helvetica,arial,sans-serif; */
/*  font-family: Ubuntu,'Tahoma','Gill Sans',Verdana,sans-serif; */
 font-size: 85%;
 font-weight: normal;
 margin: 0px;
 text-decoration: none;
}

a:link {
 text-decoration: none;
 color: #666666;
}
a:active { color: #888888; }
a:visited {
 text-decoration: none;
 color: #bbbbbb;
}
a:hover { color: #f8f8f8; }

form { margin: 0px; }

iframe { margin: 0px; border:0px; padding: 0px; }

h1,h2,h3 {
/*     color: #cccccc; */
    color: rgba(0,0,0,0.8);
/*     color: rgba(255,255,255,0.8); */
    margin:0px;
}
h1 {
 font-weight: bold;
 font-size: 2.0em;
 /* CSS3 */
/*  text-shadow: 3px 3px 3px #a1a1a1; */
}
h3 {
 /* CSS3 */
/*  text-shadow: 1px 1px 1px #a1a1a1; */
}

hr {
 border: 1px solid rgba(0,0,0,0.2);
/*  padding: 1px; */
/*  border-radius: 2px; -webkit-border-radius: 2px; */
}


/* ********************************* Classi ********************************* */

.messaggio {
 margin: 10px;
 padding: 10px;
 border: 1px solid #AA4400;
 background-color: #FFFFAA;
 color: #AA4400;
 width: 70%;
}
.page {
 border-collapse: collapse;
 width: 99%;
 height: 99%;
}
.page_top {
 height: 15%;
 text-align: center;
 vertical-align: middle;
}
.page_left {
 width: 20%;
 text-align: left;
 vertical-align: top;
}
.page_center {}
.page_right {
 width: 20%;
 text-align: left;
 vertical-align: top;
}
.page_bottom {
 height: 5%;
 text-align: center;
 vertical-align: middle;
}

div.content_list {
/*  border: 1px solid #f8f8f8; */
 margin: 0.4em;
 padding: 8px; /*0.4em;*/
 background-color: rgba(0,0,0,0.1);
/* width: 20em;
 font-weight: bold;*/
 border-radius: 8px; -webkit-border-radius: 8px;
 
/* position:absolute;
 left:0em;
 width:60em;
 margin:0 auto;*/
}
div.content_item {
 vertical-align:text-top;
 font-size: 12px;
}
p.content_item {
 font-size: 10px;
 margin: 0.1em;
 border: 0px;
 padding: 0.1em;
}

/*table.elenco {
  background-color: rgba(0,0,0,0.1);
}
th.elenco {
 border: 1px solid rgba(0,0,0,0.1);
 background-color: rgba(0,0,0,0.1);
}*/
.elenco {
/*     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; */
}
table.elenco {
    border: 0px solid #ffffff;
    width: 650px;
    padding: 0px;
    border-spacing: 0px;
}
th.elenco {
    border: 1px solid #dddddd;
/*     color: #444444; */
    background-color: #dddddd;
    font-size: 16px;
    font-weight: bold;
    height: 60px;
}
td.elenco {
/*     color: #555555; */
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #dddddd;
}
a.elenco {
    font-weight: bold;
/*     color: #555555; */
    text-decoration: none;
}

h1.logo {
 background-color: rgba(255,255,255,0.8);
 margin: 0.2em;
 margin-bottom: 0em;
 border: 1px solid #9FA3A6;
 padding: 0.4em;
 width: 20em;
 font-weight: bold;
 border-radius: 8px; -webkit-border-radius: 8px;
}
h2.logo {
 color: #111122;
 background-color: rgba(255,255,255,0.8);
 margin: 0.1em;
 margin-top: -1em;
 border: 1px solid #9FA3A6;
 padding: 0.2em;
 font-size: 10px;
 width: 40em;
 border-radius: 8px; -webkit-border-radius: 8px;
}

hr.amiga {
 margin:0px;
 border:0px;
 padding: 1px;
 background: linear-gradient(to right, #ff0000,#ffff00,#00ff00,#00ffff,#0000ff);
/*     background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); */
}

div.breadcrumb {
 padding:0px;
}
ul.breadcrumb {
 list-style-type: none;
 display: block;
/*  background-color: rgba(0,0,0,0.1); */
 margin: 0.1em;
 border: 0px;
/*  border-radius: 8px; -webkit-border-radius: 8px; */
 padding: 0.4em 1em;
}
li.breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited, a.breadcrumb:hover {
 display: inline;
 font-size: 12px;
 font-weight: bold;
}
ul.obj_actions {
 display:inline;
 list-style-position: inside;
 text-align: left;
 margin: 0.1em;
}
li.obj_actions {
 display:block;
 font-size: 12px;
 font-weight: bold;
}

table.menu {
/*  color:#eeeeee; */
 color:#666666;
/*  background-color: rgba(0,0,0,0.1); */
}
th.menu {
 font-size: 12px;
 font-weight: bold;
 margin: 0.1em;
 border: 0px;
 padding: 0.4em 1em;
}
td.menu {
 font-size: 12px;
 font-weight: normal;
}
input.menu {
 color: #eeeeee;
 border: 1px solid #9FA3A6;
}

.login { padding: 2px; }
table.login {
 background-color: rgba(0,0,0,0.25);
 border: 0px;
 border-radius: 8px; -webkit-border-radius: 8px;
    border-spacing:8px;
}
th.login {
 color: #111122;
 background-color: #aaaaaa;
 font-size: 12px;
 font-weight: bold;
    border-radius: 4px; -webkit-border-radius: 4px;
    margin:2px;
}
td.login {
 color: #eeeeee;
/*  background-color: rgba(255,255,255,0.8); */
 font-size: 12px;
 font-weight: normal;
 margin:2px;
}
input.login {
 background-color:#aaaaaa;
 border:0px solid black;
 border-radius: 4px;
 padding:2px 5px;
}
input.login:hover {
 background-color:#dddddd;
}

div.middle_content {
/*  padding:0px; */

/* overflow:auto;
 border:0px solid red;
 position:absolute;
 top:2em;
 left:0.1em;
 right:0.1em;
 bottom:4px;*/
/*  background-color: rgba(0,0,0,0.1); */
}

form.search {}
label.search {
 color: #444444;
/*  background-color: #9FA3A6; */
/*  font-size: 12px; */
 font-weight: bold;
/*     border-radius: 4px; -webkit-border-radius: 4px; */
}
input.search {
 background-color:#aaaaaa;
 border:0px solid black;
 border-radius: 4px;
 padding:2px 5px;
/* border-radius: 8px; -webkit-border-radius: 8px;
 padding:4px;*/
 padding-right: 20px;
 background-image:url('icons/glass.png');
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:right center;
}

/* ********************************* Elementi ********************************* */

#header {
/* position: absolute;
 top: 0em;
 left: 0em;
 right: 0em;*/
 text-align: center;
/*  height: 8em; */
/*  background-image: linear-gradient(to top, #e0e0e0, #e4e4e4); */
 background-image: linear-gradient(to top, #101010, #181818);
/*  background-color:#dddddd; */
    /* CSS3 */
/*  opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; */
}
#left {
 position: absolute;
 top: 8em;
 bottom: 3em;
 left: 0em;
 width: 14em;
/* background-color: #fefefe;*/
 /* CSS3 */
/*  opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; */
}
#left_content {
 width:100%;
 overflow:auto;
 position:absolute;
 top:2em;
 bottom:2px;
}
#middle, #middle_noright {
 position: absolute;
 top: 8em;
 bottom: 3em;
 left: 14em;
 right: 14em;
/*  background-color: #fefefe; */
 /* CSS3 */
/*  opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; */
}
#middle_noright { right: 0em; }
#breadcrumb_after {
 float:right;
/* position:absolute;
 top:2px;
 right:0.5em;*/
}
#right {
 position: absolute;
 top: 8em;
 bottom: 3em;
 right: 0em;
 width: 14em;
/*  background-color: #fefefe; */
 /* CSS3 */
/*  opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; */
}
#footer {
 color:#ccc;
 background-color:#333;
/* position: absolute;
 bottom: 0em;
 left: 0em;
 right: 0em;*/
 height: 3em;
 text-align: center;
 padding:0px;
 /* CSS3 */
/* opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; */
}
#footer .copyright {
 margin: .4em auto;
 width: 50em;
 font-size: x-small;
 border-radius:4px;
 padding:4px 8px;
/*  background-color:rgba(255,255,255,0.45); */
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
 color:#0099da;
}

#logo {
/*  background-color:#aaaaaa; */
/*rgba(255,255,255,0.8);*/
/*  background-image: url('images/mezzavalle_2.jpg'); */
/*  background-image: url('images/Tramonto_1000x200.jpg'); */
/*  background-repeat:no-repeat; */
/*  background-attachment:scroll; */
/*  background-position:top center; */
 width:30em;
 height:5em;
 margin: 0.3em auto 0.3em 0em;
 border:0px solid red;
/*  border-radius:2.5em; */
}
#logo h1 {
 color:#0099da; /*#222222;*//*rgba(0,0,0,0.9);*/
}
#logo h3 {
 color:#444444; /*rgba(0,0,0,0.6);*/
}
#top_menu {
/* position: absolute;
 left:0em;
 right:0em;
 bottom: 0em;*/
 text-align:center;
 height:2em;
 color:black;
 background-color:#888888;
}
#top_menu {
/*  margin-top:0.4em; */
 margin:0em;
 padding:0em;
}
#top_menu a:link, #top_menu a:active, #top_menu a:visited, #top_menu a:hover {
 margin:auto 4px;
 border-radius:4px;
 padding:2px 4px;
 color:black;
 background-color:rgba(255,255,255,0.45);
}
#top_menu a:active, #top_menu a:hover {
 background-color:rgba(255,255,255,0.85);
}
#top_menu ul {
 list-style-type: none;
/* display: block; */
/*  background-color: rgba(255,255,255,0.8); */
 margin: 0.1em;
/*  border: 0px; */
/*  border-radius: 8px; -webkit-border-radius: 8px; */
 padding: 4px 16px;
}
#top_menu li {
 display: inline;
}

#underconstruction {
 color: black;
 background-color: yellow;
 font-weight: bold;
 margin-top: 6em;
 margin-left: 12em;
 text-align: center;
 width: 30em;
 border: 6px solid black;
 border-radius: 8px; -webkit-border-radius: 8px;
 transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg);
 box-shadow: 10px 10px 10px #666666; -webkit-box-shadow: 10px 10px 10px #666666;
}
#underconstruction h1 { text-shadow: none; }

#search_div {
 float:right;
 text-align: left;
 margin: 2px;
/*  border: 0px solid rgba(255,255,255,1.0); */
 padding: 2px;
 background-color: rgba(255,255,255,1.0);
 color: transparent;

 background-image:url('icons/glass.png');
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:right center;

 border-radius: 8px; -webkit-border-radius: 8px;

 overflow: hidden;

 width: 20px;
/*  height:2em; */
 transition:width 1s;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;
}
#search_div:hover { width: 100px; color: inherit; }
#search_object {
 margin: 2px;
 margin-right: 20px;
 border: 0px solid rgba(255,255,255,0.8);
 color: inherit;
 background-color: transparent;
 width: 80px;
 
 transition:color 1s;-webkit-transition:color 1s;-moz-transition:color 1s;-o-transition:color 1s;
}
/* #search_object:hover { width: 100px; } */

#user_div {
/* position: absolute;
 right:120px;
 top:0.0em;*/
/*  margin: 2px; */
 height:3em;
/*  border: 0px solid rgba(255,255,255,1.0); */
 padding: 0.2em;
/*  border-radius: 8px; -webkit-border-radius: 8px; */
/*  padding:0.2em 1em; */
/*  background-color:#ffffff; */
 text-align: right;
}

#loginForm {
/* position: absolute;
 top: 15em;
 bottom: 5em;
 left: 17em;
 right: 17em;*/
 padding-top:5em;
 padding-bottom:10em;
}


/* ********************************* Media Queries ********************************* */

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 960px) {
/* iPod Horizontal */
#header {
        border-radius:0px; -webkit-border-radius:0px;
}
#left {
}
#left_content {
}
#middle, #middle_noright {
}
#middle_noright { right: 0em; }
#breadcrumb_after {
}
#right {
}
#footer {
 position: absolute;
 bottom: 0em;
 left: 0em;
 right: 0em;
 height: 3em;
 border-radius:0px;-webkit-border-radius:0px;
}
#loginForm {
 position: absolute;
 top: 8em;
 bottom: 3em;
 left: 14em;
 right: 14em;
}

}
@media screen and (max-width: 768px) {
/* Mobile devices */

[class*="col-"] {
 width: 100%;
 padding:0;
}

h1 h2 {
 font-size:initial;
}

div.breadcrumb {
/*
 background-color: rgba(0,0,0,0.1);
 */
 background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);
}
div.content_list {
 margin:0;
 border-radius:0;
}
div.middle_content {
 position:static;
 padding:4px;
}
div.obj_actions {
}

table.menu {
 display:none;
}

ul.obj_actions {
}
li.obj_actions {
/*  text-align:center; */
}

#header {
 position: static;
 float:none;
}
#left {
 position: static;
 float:none;
 width:auto;
}
#left_content {
 position:static;
}
#middle, #middle_noright {
 position: static;
 float:none;
}
#middle_noright {}
#breadcrumb_after {
 position:static;
}
#right {
 position: static;
 float:none;
 width:auto;
}
#footer {
 position: static;
 float:none;
}
#footer div.copyright {
 width: auto;
}

#top_menu {
 height:auto;
}
#top_menu ul {
 padding:0;
}
#top_menu li {
 display: block;
 padding:2px;
}
#top_menu a:link, #top_menu a:active, #top_menu a:visited, #top_menu a:hover {
 display: block;
}

#loginForm {
 position:static;
 padding-top:2em;
 padding-bottom:2em;
}

#logo {
 width:auto;
 margin:0;
}

#user_div, #search_div {
 height:auto;
 text-align:center;
 padding:0;

 float:none;
}

#search_div {
 width:auto;
 margin:2px 8px;
}
#search_div:hover { width: auto; color: inherit; }
#search_object {
width:100%;
}

}
@media screen and (max-width: 640px) {
/* iPod Vertical */

}
@media screen and (max-width: 480px) {
/* Samsung GT-I8262 */
}

@media screen and (min-width: 320px) { 
}
@media screen and (min-width: 480px) { 
}
@media screen and (min-width: 600px) { /* greater than iphone mobile*/
}
@media screen and (min-width: 768px) {  /* Large Size and up*/
}