@import url(http://fonts.googleapis.com/css?family=Special+Elite);

html { height:100%; }
body { text-align:center; margin:0px; color:#000; font-size: 16px; font-family: Helvetica, sans-serif; font-weight:300;  }
ul { list-style-type: none; list-style-position:inside; margin:0px; padding:0px; }
h2 {  font-size:35px; text-align:center; color:#333; font-weight:300; line-height: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #aeaeae; padding-top: 10px; margin:30px 0 20px 0; }
h2 span { background:#FFF; padding:0 10px; top: -26px; position:relative;}
h3 { font-size:30px; font-weight:100; margin:0; font-weight:300; color:#333;} 
h4 { font-weight:400; font-size:26px; color:#A99F8D; margin-top:0px; color:#333;} 
img { border:0px; vertical-align:middle; background:none; }
p { margin:5px 0 5px 0; }
table { width:100%; } 
th { background-color:#000; text-align:left; font-weight:normal;padding:3px 10px; color:#FFF; }
td { padding:3px 10px; font-size:13px;  }

img.wmax { width:100%; }
a { text-decoration:none; outline:none; color:#93117E; } 
label { float:left; text-transform:uppercase; display:block; } 
input, select { width:90%; padding:4px; color:#000;  background:#FFF; border:1px solid #CCC; font-size:13px; }
textarea {  width:90%; padding:4px; color:#000;  background:#FFF; border:1px solid #CCC; font-size:13px; height:265px; }
label.error { width:0px; height:0px; overflow:hidden; }
input.error {  border-color:#F00; color:#F00; }
select.error {  border-color:#F00; color:#F00; }
span.error {  color:#F00;  }
textarea.error {  border-color:#F00; color:#FF9900; }

.hidden { display:none; }
.button {  width:auto; font-weight:bold;  background-color:#000; padding:6px 20px; color: #FFF; font-size: 12px;  text-transform:uppercase; border:0px; }
.button:hover { background:#333; color:#FFF; cursor:pointer; }
.uppercase { text-transform:uppercase; }
.nodesktop { display:none; }

.msg {  width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); height:20px; margin:0px 0 25px 0; color:#FFF; font-size:13px; }
.msg .ok { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); padding:4px 8px 4px 8px; background: url('../images/message.gif') 4px 4px no-repeat #9FB034; }
.msg .error { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); padding:4px 15px 4px 15px; background: #CC7C68; }
.msg .error_codice  { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); padding:4px 15px 4px 15px; background: #CC7C68;  }
.msg .close { background: url('../images/message.gif') 0px -81px no-repeat; float:right; width:14px; height:14px; text-indent: -2000em; }

/*.preload  { display:none; }*/
.row { width:100%; } 
.span1 { width: 8.3%; }
.span2 { width: 16.6%; }
.span3 { width: 24.9%; }
.span4 { width: 33.3%; }
.span5 { width: 41.66%; }
.span6 { width: 50.0%; }
.span7 { width: 58.33%; }
.span8 { width: 66.7%; }
.span9 { width: 74.99%; }
.span10 { width: 83.33%; }
.span11 { width: 91.3%; }
.span12 { width: 100%; }
.w100 { width:120px; }

.span1_5 { width: 20%; }


.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.valign-bottom { display: table-cell; vertical-align: bottom; }
.float-right { float:right; }
.float-left { float:left; }
.bgblack { background-color:#000; color:#FFF; }

.padding { margin:0 20px 0 20px!important; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.padding40 { margin:0 20px 0 20px!important; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.padding-left { margin:0 0 0 20px!important; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
.padding-right { margin:0 20px 0 0!important; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }

.tag { font-size:30px; font-weight:400; color:#555;  }

.mb0 { margin-bottom:0px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt60 { margin-top:60px!important; }
.mb20 { margin-bottom:20px!important; }
.mb40 { margin-bottom:40px!important; }
.mb60 { margin-bottom:60px!important; }
.ml20 { margin-left:20px!important; }

.container { width:100%; float:left; }
.content { text-align:left;  margin: auto; width:800px; }
.content_big { text-align:left;  margin: auto; width:1450px; }
.content div { float:left;  }

p.slogan { font-family: 'Special Elite', cursive, Helvetica; font-size:30px; line-height:150%; }