/* iPhone */

body { background: #bfbaa5; font: normal 20px "Lucida Grande","Arial",sans-serif; color: black; margin: 0; }
a { color: black; display: block; background: url(../img/iphone/chevron.png) right 50% no-repeat; text-decoration: none; padding: 10px 15px; }
a.back { background: url(../img/iphone/chevron-back.png) left 50% no-repeat; text-decoration: none; padding: 10px 15px; padding-left: 20px; }
a img { border: none; }
a.out { border: 1px solid #900; background: url(../img/iphone/chevron-up.png) right 50% no-repeat; color: #900;  -webkit-border-radius: 10px; margin: 3px 0; clear: both; }
h3 { color: white; padding: 0px; margin: 15px; font-size: 18px; }
h4 { color: #666; padding: 0px; font-size: 16px; margin: 0; margin-bottom: 5px; }
button { background-color: #700; color: white; font-weight: bold; border: none; text-shadow: #000 0px 1px 1px; }
h3 span.dati { color: white; font-size: 14px; font-weight: normal; padding-left: 10px;}

.lista .paginazione { font-size: 15px; font-weight: bold; color: #999;  border-top: 1px solid #999; }
.lista .paginazione a { font-size: 15px; width: 25%; display: inline-block; padding: 10px 0; text-align: center; background: none; }
.lista .paginazione span { width: 25%; display: inline-block; padding: 10px 0; text-align: center; }

ul, ul li, dl, dt, dd { list-style: none; margin: 0; padding: 0; }

#header { background: #39302B; }
#oggi { background: #900; padding: 5px 15px; text-align: right; color: white; font-size: 16px;  }
#footer { color: #666; font-size: 12px; text-align: center; margin: 20px 0; }

#header a { background: none; }
ul li { padding: 0; margin: 10px 15px; background: white; -webkit-border-radius: 10px; }

.form { background: white; -webkit-border-radius: 10px; padding: 10px; margin: 10px 15px; }
form { margin: 0; }
form label { display: inline-block; width: 80px; font-size: 16px; }
form select { width: 180px; }
input { font-size: 16px; width: 210px; -webkit-border-radius: 10px; margin-right: 5px; }
button { font-size: 14px; }

div.toggler a { background: url(../img/iphone/closed.png) left top no-repeat; color: white; font-size: 18px; margin-left: 10px; padding: 0 15px 5px 20px;  }
div.toggler a.open { background-image: url(../img/iphone/open.png); }
div.quick a { background: url(../img/iphone/quick.png) left top no-repeat; color: white; font-size: 18px; margin-left: 10px; padding: 0 15px 5px 20px;  }

.lista { margin: 0; padding: 0px; background: white; border-bottom: 1px solid #eee; font-size: 13px; color: #333; }
.lista a { font-size: 16px; padding-right: 20px; font-weight: bold; color: #900; }
.lista dt { border-top: 1px solid #999; }
.lista dd { padding: 15px; padding-top: 0; }
.lista p { margin: 0; padding: 15px; border-top: 1px solid #999; }
.lista span.sala { font-size: 12px; color: #999; }
.lista h4 { color: #333; padding: 10px 15px; margin: 0; font-size: 16px; font-weight: bold; }
.lista p.dati { padding-bottom: 0; border: none; }

h5 { color: #333; padding: 10px 15px; margin: 0; font-size: 16px; font-weight: bold; background: #eef; }
h5 span.citta { color: #666; font-size: 14px; font-weight: normal; }
dd i { font-style: normal; color: #999; }

.lista dt.alt, .lista dd.alt { background: #eef; }

.box { background: white; padding: 15px; font-size: 14px; color: #333; }
.box h1 { font-size: 18px; font-weight: bold; color: #900; }
.box .locandina { width: 120px; float: right; border: 1px solid #999; padding: 2px; margin: 10px 0 10px 10px; }
.box .foto { width: 260px; border: 1px solid #999; padding: 2px; margin: 10px 0 10px 0; }
.box .foto img { width: 260px; }

a.map { display: block; background: url(../img/iphone/map.png) left 50% no-repeat; text-decoration: none; padding: 8px 0; padding-left: 30px; font-weight: normal; font-size: 14px; color: black; }
a.tel { display: block; background: url(../img/iphone/phone.png) left 50% no-repeat; text-decoration: none; padding: 8px 0; padding-left: 30px; font-weight: normal; font-size: 14px; color: black; }