/* -----------------------------------------------------------------------
 
	   ALLA ROCCA
	   developped_january2009_2mlab.com
	      
----------------------------------------------------------------------- */

/*==============================================================================
								RESET
==============================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/*==============================================================================
								Tipografia
==============================================================================*/
body { font-size: 12px; color: #646464; line-height: 1.5em; word-spacing: 0.1em; text-align: justify; font-family: Georgia, sans-serif; }
h1, h2, h3, h4, h5 { font-family: Georgia, sans-serif; color: #500317; }
h1 { font: normal 75px Delafield, sans-serif; margin: 0 -5px 15px;  text-align: left; height:85px; }/*padding: 6px 12px;*/
h2 { font: normal 20px Matrix, sans-serif; margin: 0 -5px 15px; padding: 6px 12px; text-align: left; }

h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; color: #500317; }
/*titoli box*/
h5 { font-size: 10px; font-weight: bold; margin-bottom: 5px; }
/*titoletti tab*/
p { margin: 0px; margin-bottom: 15px; }

b { color: #500317; }

a:focus, a:hover { color: #500317; text-decoration: none; }
a { color: #696b70; text-decoration: none; }
li { margin: 3px 15px; list-style-type: square; }
ul { margin: 15px; }
ul ul { margin: 0px 15px; }
table { width: 100%; }
th { font-weight: bold; background: #e6dfc4; }
tr.even td { background: #E5ECF9; }

/*==============================================================================
								FORMS
==============================================================================*/
input.text, select.text {font-size: 12px; color: #646464; line-height: 1.5em; word-spacing: 0.1em;  font-family: Georgia, sans-serif;  padding: 3px 5px; font-size: 11px; width: 190px; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; border: 1px solid #cac19b; }
textarea, .textarea {font-size: 12px; color: #646464; line-height: 1.5em; word-spacing: 0.1em;  font-family: Georgia, sans-serif;  width: 406px; height: 150px; padding: 5px; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; border: 1px solid #cac19b; }
select.text {font-size: 12px; color: #646464; line-height: 1.5em; word-spacing: 0.1em; padding: 2px 5px;  font-family: Georgia, sans-serif;  width: 202px; padding-right: 0px; }
input.text:hover, input.text:focus, input.text:active, input.submit:hover, input.submit:focus, input.submit:active, textarea:hover, textarea:focus, textarea:active { border: 1px solid #500317; }
input.submit { -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; 
               border: 1px solid #cac19b; width: 406px; 
               padding: 5px; border: 1px solid #cac19b; 
               text-align: center; font-family: Georgia, sans-serif; }

/*Paginazione collection*/
.pager { margin: 10px 0px; width: auto; border-top: 1px dotted #b2afa7; padding-top: 10px; text-align: center; font-size: 12px; }
.pager a { margin: 0px 2px; text-decoration: none; color: #78746d; }
.pager a:hover { color: #003263; }
.pager b { font-weight: normal; color: #2C2C2C; }

/*==============================================================================
								Struttura
===============================================================================*/
body { background: #dad5c6 url(../img/struttura/bgLoopBody.jpg) repeat-x; }
.main { width: 960px; height: auto; padding-bottom: 30px; margin: auto; background: url(../img/struttura/bgLoopContent.gif) repeat-y 23px 0px; }
.menu { background: url(../img/struttura/bgTopContent.gif) no-repeat -1px 0px; width: 936px; min-height: 59px; padding-top: 0px; }

/*LAYOUT MENU*/
.bgMainMenu { width: 936px; }



.subMenu { margin: 0px; padding-bottom: 20px; }
.subMenu li { float: left; padding: 0px 15px; color: #500317; font-size: 15px; margin: 0px; margin-bottom: 15px; border-right: 1px dashed #9e9e9e; list-style-type: none; }
.subMenu li a { color: #500317; }
.subMenu li a.selected { color: #696b70; }
.subMenu li a:hover { color: #696b70; }
.subMenu li:last-child { border-right: 0px; }



/*.bgSubMenu{width:936px;height:40px;display:none; background:#f4f4f4; border-top:1px solid #b9b9b9;margin-bottom:20px;}-*/


.colL { width: 227px; float: left; }
.colR { width: 732px; float: left; /*1px in meno per bordo sfondo*/ }
.content { padding: 35px 50px 0px 50px; }
.titolo { }
.testo { padding-left: 48px; }

.prenota { width: 185px; height:225px; padding:7px 15px 0 27px; background:url(../img/struttura/bgPrenota.jpg) no-repeat; }

.footer { width: 936px; font-size:11px; margin: 0px auto; height: 40px; padding-left: 24px; padding-top: 8px; color: #fff;background: url(../img/struttura/bgFooter.jpg) no-repeat 24px 0px; }
.footer a{color:#fff;}
.footer a:hover{color:#ccc;}
.footer b{color:#fff;}

.padL60 { padding-left: 60px; }
.padR60 { padding-right: 60px; }
.padL20 { padding-left: 20px; }
.padR20 { padding-right: 20px; }
.padL40 { padding-left: 40px; }
.padR40 { padding-right: 40px; }

.marB10 { margin-bottom: 10px; }
.marR10 { margin-right: 10px; }
.marL24 { margin-left: 24px; }
.marT25 { margin-top: 25px; }

div.riga { background: url(../img/struttura/riga.jpg) repeat-x; height: 1px; margin: 0px 0px 10px 0px; }



/*==============================================================================
								Promo 
==============================================================================*/
.itemPromo { cursor:pointer; width: 164px; padding: 15px 10px 15px 10px; background: #f4f2ee; border: 2px solid #f4f2ee; margin-right:9px; float: left; margin-bottom: 10px; }
.itemPromo:hover { border: 2px solid #ccc;}
.itemPromo img { margin: 10px 0px; width: 164px;}
.itemPromo .prezzo { padding-left: 100px; height:15px; min-height:15px; display:block; color: #5b0c1f; padding-top: 15px; text-align: right; }
.itemPromo .titolo {font-weight:bold; color:#5b0c1f;height:35px}


.filtra { float: right; background: url('/App_Themes/pubblica/img/struttura/offerte.jpg') no-repeat; 
          height:35px; width:200px; margin-top:25px; padding-left:250px; padding-top: 13px; }
.titoloOfferte{float:left;width:150px; overflow:hidden;margin-left:-48px}
.enfasi{background:#f4f2ee;padding:5px 10px; margin-bottom:15px}

.margRNo{margin-right:0px;}

/*==============================================================================
								Varie
==============================================================================*/
/*IMG*/
.imgBorder { border: 1px solid #b2afa7; }
.imgFloat { float: right; border: 2px solid #bdb594; margin-left: 15px; margin-bottom: 5px; display: block; }
.clear { clear: both; }

/*============================================================================
								Photogallery
==============================================================================*/

/*.gallery{background: #dcdde0;padding:12px 15px 2px 15px ; margin-top:15px; -moz-border-radius:5px; border-radius:5px;}
.gallery .pg{float:left;}*/

.itemGalleria { width: 184px; height: 123px; float: left; border: 2px solid #e8e8e8; }
.itemGalleria:hover { border: 2px solid #4e091a; }



/*SCROOL*/
div.scrollable { /* required settings */ position: relative; overflow: hidden; width: 584px; height: 127px; padding-bottom: 30px; }
div.scrollable div.items { /* this cannot be too large */ width: 20000em; position: absolute; }
div.scrollable div.items div { /*float:left; */ }
/* this makes it possible to add next button beside scrollable */
div.scrollable { float: left; }
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { display: block; width: 18px; height: 18px; background: url(../img/pagination/left.png) no-repeat; float: left; margin: 43px 10px; cursor: pointer; }
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position: 0px -18px; }
/* disabled navigational button */
a.disabled { visibility: hidden !important; }
/* next button uses another background image */
a.next, a.nextPage { background-image: url(../img/pagination/right.png); clear: right; }
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi { margin-left: 220px; width: 150px; height: 30px; }
/* items inside navigator */
div.navi a { width: 8px; height: 8px; float: left; margin: 3px; background: url(../img/pagination/navigator.png) 0 0 no-repeat; cursor: pointer; }
/* mouseover state */
div.navi a:hover { background-position: 0 -8px; }
/* active state (current page state) */
div.navi a.active { background-position: 0 -16px; }