/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// INFO:      http://www.paolucciwebsolutions.it
// RELATED TO: Total.CMS - Content Management System
// VERSION:  1.2
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* GENERAL
-----------------------------------*/
* {margin:0; padding:0}
img {border:0}
ul {list-style:none}

/* BASE TAG 
-----------------------------------*/
body {font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#000; background:#141414}
h1 {font-size:14px; background:#72bfd3; color:#000}
h2 {font-size:14px}

/* LINK
-----------------------------------*/
a {color:#72bfd3; text-decoration:none}
a:hover {color: #0099FF; text-decoration:underline}

/* MENU
-----------------------------------*/
/* dropdown menu */
#menu {padding:0 0 0 5%; margin:0; font-size:12px; width:95%; float:left; background:url(../img/bg_menu.png) left top repeat-x; border-top:3px solid #72bfd3}
#menu ul{padding:0; margin:0}
#menu li{position:relative; float:left; list-style:none; margin:0; padding:0}
#menu li a{width:150px; height:30px; display:block; text-decoration:none; text-align:center; line-height:30px; color:#FFF; font-weight:bold}
#menu li a:hover{background:url(../img/bg_menu_hover.png) left top repeat-x;}
#menu ul ul{position:absolute; top:30px; visibility:hidden}
#menu ul ul li a{background:#000; width:200px}
#menu ul li:hover ul{visibility:visible}
#menu ul ul ul li{visibility:hidden; left:150px; top:-30px}
#menu ul ul li:hover ul li{visibility:visible}

/* CLASS
-----------------------------------*/
.logo { float:left}
.header_info { float:right; text-align:left; width:auto; height:75px; padding:15px 5% 0 0}
.notifica {padding:5px; margin:0 5% 0 0; background:#CC9999}
.f1 { float:left; width:auto; height:80px; margin-right:40px}
.f2 { float:left; width:auto; height:80px}
.f3 { float:right; width:auto; height:80px}
.validation img {float:left; margin-left:10px}
.fix_height {clear:left; visibility:hidden}

/* FORM
-----------------------------------*/
/* login */
#login {width:240px; padding:10px 5px 25px; background:url(../img/bg_login_tcms.jpg) left top no-repeat}
#login fieldset {padding:10px; border:none}
#login ul {list-style:none; width:220px}
#login ul li {float:left; margin:10px 0}
#login ul li label {float:left; width:80px}
#login ul li input {float:left; width:130px}
#login .pulsanti {}
#login .pulsanti li input {float:none; width:100px}
/* form */
#form_cms fieldset {border:none; margin:50px 0 0 20px}
#form_cms fieldset .form_row {height:40px}
#form_cms fieldset .form_row label {display:block; float:left; width:300px}
#form_cms fieldset .form_row label span {font-size:9px; color:#999}
#form_cms fieldset .form_row input {float:left; width:350px}
#form_cms fieldset .form_row file {float:left; width:350px}
#form_cms fieldset .TEXTAREA {margin-top:25px; height:260px; width:655px}
#form_cms fieldset .TEXTAREA label {float:none}
#form_cms fieldset .form_row textarea {float:left; width:350px; height:200px}
#form_cms fieldset .BUTTON {margin:30px 0 0 0}
#form_cms fieldset .form_row .submit {width:100px;}

/* TABLE
-----------------------------------*/
table {margin:50px 0 0 0}
table th {background:#333; text-align:center; color:#FFF; padding:0 20px; height:20px}
table th.aa {background:#EFEFEF; color:#AAA}
table tr {height:30px; text-align:center}
table tr td {border-bottom:1px solid #F1F1F1; padding:0 20px}
table td.aa {color:#DDD}

/* STRUTTURA
-----------------------------------*/
#wrapper {width:100%}
#header {height:123px; background:url(../img/bg_header.png) left top repeat-x; color:#FFF}
#content {clear:left; padding:50px 0 50px 5%; background:#FFF}
#footer {height:100px; padding:10px 5%; border-top:3px solid #72bfd3; color:#FFF}