/* @import url('fonts/stylesheet.css'); */

/*-- reset --*/

* { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: 0; }
h1, h2, h3 { font-weight: normal; }
p { line-height: 18px; }
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }
.clearer { clear: both; }

/*-- links --*/

a, a:visited { color: #FFFFFF; text-decoration: none; cursor: pointer; }
a:hover { color: #FFFFFF; text-decoration: none; cursor: pointer; }

/*-- structure --*/

body { font-size: 12px; font-family: Arial, Tahoma, sans-serif; color: #FFFFFF; background-color: #111111; }

#wrapper { position: relative; width: 960px; margin: 0 auto; }
#header { position: relative; margin: 20px 0 20px 0; }
#content { position: relative; margin: 0; padding-bottom: 20px; }
#footer { position: relative; margin: 0; height: 100px; }
.footer { border-top: 1px dotted #333; padding-top: 20px; }
.right { text-align: right; }

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column { margin: 0 10px; overflow: hidden; float: left; display: inline; }
.row { width: 960px; margin: 0 auto; overflow: hidden; }
.row .row { margin: 0 -10px; width: auto; display: inline-block; }

h1 { font-weight: bold; font-size: 36px; color: #FFFFFF; }
h2 { font-weight: bold; font-size: 16px; color: #FFFFFF; line-height: 16px; margin-bottom: 10px; }
h3 { font-weight: bold; font-size: 14px; color: #FFFFFF; line-height: 14px; margin-bottom: 5px; }
p { font-size: 12px; color: #DDDDDD; line-height: 16px; margin-right: 20px; margin-bottom: 16px; }
p a, p a:visited { color: #39ae4f; }
p a:hover { color: #39ae4f; }

#menu { float: right; }
#menu li { float: left; margin-left: 20px; font-weight: bold; font-size: 16px; color: #FFFFFF; line-height: 16px; margin-bottom: 10px; }
#menu li a, #menu li a:visited { color: #FFFFFF; }
#menu li a:hover, #menu li.active a { color: #CCCCCC; }

.webcam_home { width: 300px; height: auto; }
.webcam-interna { margin: 0 auto; display: block; }
.image_album  { width: 220px; height: auto; margin: 5px 0 5px 0; }
.image_list { margin: 5px 0 5px 0; }
.img_photo { margin: 0 10px 10px 0; }

.album { height: 240px; }
.album p { margin-right: 0; }


.form .text { background-color: #666666; padding: 5px 10px 5px 10px; margin: 5px 0 10px 0; border: 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #FFFFFF; }

.form .nome { width: 300px; }
.form .messaggio { width: 300px; }
.form .numero { width: 50px; margin-left: 5px; }

.form .button { width: 100px; background-color: #FFFFFF; padding: 5px 10px 5px 10px; margin: 5px 0 10px 0; border: 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 12px; color: #000000; font-weight: bold; display: block; text-align: center; }
.form .button:hover { background-color: #0060AD; color: #FFFFFF; }