/* giapox 2007 for Justweb */

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: center #350000 url(../images/sfondo_body.gif) repeat-y;
	color: #E0CDB5;
}

a:link, a:visited {
	text-decoration: underline;
	color: #973A2D;

}
a:hover, a:active {
	text-decoration: none;
	color: #c00;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p, form, fieldset, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

img {
	border: 0;
}

/*************** FORM **************/

input {
	vertical-align: middle;
}
.txtarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
}
	
.button {
	border: 0;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/button.jpg) no-repeat;
	text-align: center;
	text-transform: uppercase;
	width: 60px;
	height: 21px;
	color: #eee;
	cursor: pointer;
}

/*************** varie **************/

.fltDx { /* questa classe puņ essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}

.fltSn { /* questa classe puņ essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.nascondi {
	display: none;
}

.small {
	font-size: 9px;
}

.medium {
	font-size: 10px;
}

.txtRed {
	color: #F00;
}

.txtGreen {
	border: 2px solid #090;
	font-weight: bold;
	margin: 4px;
	padding: 4px;
	color: #090;
}


.blu {
	color: #1F5FBE;
}

.txtAttention {
	border: 2px solid #C00;
	font-weight: bold;
	margin: 4px;
	padding: 4px;
	color: #C00;
}

.txtOk {
	border: 2px solid #090;
	font-weight: bold;
	margin: 4px;
	color: #090;
}

.blue {
	color: #2174C7;
}

.grigio {
	color: #7c7c7c;
}

.verdino {
	color: #4CA29E;
}

.verdone {
	color: #A2A279;
}

#annanzearet {
	text-align: center;
	padding: 4px;
	margin: 10px 0;
}

#annanzearet a {
	color: #999;
	margin: 0 4px;
}

#annanzearet strong {
	margin: 0 4px;
	color: #EEE;
}

/*************** exterior **************/

#exterior {
	margin: 0 auto;
	padding: 0;
	width: 910px;
}

/*************** logo_ristorante_sorrento_left **************/

#logo_ristorante_sorrento_left {
	margin: 0;
	padding: 0;
	float: left;
	width: 30px;
	height: 210px;
	background: url(../images/logo_ristorante_sorrento_left.jpg) top;
}

/*************** container **************/

#container {
	margin: 0;
	padding: 0;
	width: 880px;
	float: left;
}

/*************** primo_rigo **************/

#primo_rigo {
	margin: 0 auto;
	padding: 0;
	width: 880px;
	height: 42px;
	background: url(../images/sfondo_primo_rigo.gif); 
}

#primo_rigo h1 {
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 90%;
	font-weight: normal;
}


/* ****** flags ****** */

#flags {
	float: right;
	margin: 3px 0 0 0;
	padding: 0 15px 0 0;
	width: 54px;
}

#flags ul {
	list-style-type: none;
}

#flags li {
	margin: 0;
	float: left;
	width: 27px;
}

#flags a {
	position: relative;
	display: block;
	height: 27px;
}

#flags a span {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#flags a:hover { 
	color: #369;
}

#flags a:hover span {
	background-position: -27px 0;
}

#flags a#current span {
	background-position: -27px 0;
}

li#ita span{
	background: url(../images/flag_ita.jpg) no-repeat top left;
}

li#eng span{
	background: url(../images/flag_eng.jpg) no-repeat top left;
}

/*************** top **************/

#top {
	margin: 0 auto;
	padding: 0;
	width: 880px;
	height: 227px;
	background: url(../images/sfondo_menu_top.gif) bottom no-repeat;
}

/*************** logo_bottom **************/

#logo_bottom {
	margin: 0;
	padding: 0;
	width: 67px;
	height: 30px;
	background: url(../images/sfondo_logo_bottom.gif);
	float: left;
}

/*************** menu **************/

#menu {
	margin: 0;
	padding: 0;
	width: 812px;
	height: 30px;
	background: url(../images/sfondo_menu.gif);
	float: right;
	border-left: 1px solid #950A0A;
}

#menu ul {
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#menu li {	
	float: left;
	padding: 0;
	margin: 0 1px 0 0;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	font-family: "Trebuchet MS";
	font-size: 100%;
	padding: 0;
	margin: 0;
	border-right: 1px solid #950A0A;
}

#menu a:link, #menu a:visited {
	padding: 0 10px;
	color: #FFC820;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover {
	color: #eee;
	background: url(../images/sfondo_menu_attivo.gif);
}

#menu a#activelink, #menu a:active {
	color: #eee;
	background: url(../images/sfondo_menu_attivo.gif);
}

/*************** logo_ristoante_sorrento_bottom **************/

#logo_ristorante_sorrento_bottom {
	background: url(../images/sfondo_logo_bottom.jpg);
}

/*************** middle **************/

#middle {
	width: 880px;
	margin: 0;
	padding: 0;
	background: #990000 url(../images/sfondo_middle_bottom.gif) bottom right no-repeat;
}

/*************** sinistra_top **************/

#sinistra_top {
	width: 230px;
	height: 70px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/sfondo_sinistra_top2.jpg);
}

#sinistra_top img.linea {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

#sinistra_top h2 {
	margin: 0 0 0 20px;
	padding: 40px 0 0 0;
	font-family: "Trebuchet MS";
	font-size: 120%;
	color: #8F0001;
}

/*************** sinistra **************/

#sinistra {
	width: 240px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background: url(../images/sfondo_sinistra.jpg);
}

#sinistra img.linea {
	margin: 0 0 10px 15px;
	padding: 0;
	float: left;
}

#sinistra h3, h4, h5 {
	margin: 0 0 0 25px;
	padding: 10px 0 0 0;
	font-family: "Trebuchet MS";
	font-size: 120%;
	color: #8F0001;
}

#sinistra p {
	margin: 0 15px 0 20px;
	padding: 0;
	color: #350000;
	line-height: 150%;
}

/*************** sinistra_bottom **************/

#sinistra_bottom {
	width: 240px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/sfondo_sinistra_bottom.jpg);
}

/*************** menu_laterale **************/

#menu_laterale {
	margin: 10px 0 0 15px;
	padding: 0;
}

#menu_laterale a {
	margin: 0;
	padding: 0;
	color: #350000;
	text-decoration: none;
}

#menu_laterale a:hover {
	color: #8F0001;
}

#menu_laterale img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#menu_laterale p {
	margin: 0;
	padding: 0;
	line-height: 170%;
}

/*************** content **************/

#content {
	width: 630px;
	float: left;
	margin: 5px 0 4px 4px;
	padding: 0;
	background: #8F0000 url(../images/sfondo_content_top.gif) top right no-repeat;
}

#content img.benvenuti {
	margin: 15px 0 0 15px;
	padding: 0;
}

#content h2 {
	margin: 15px 0 0 15px;
	padding: 0;
	font-family:"Trebuchet MS";
	font-size: 200%;
	font-weight: normal;
}

#content p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 150%;
	color: #E0CDB5;
}

#content p.home {
	margin: 15px;
	padding: 0;
}


#content p.home span {
	color: #FFCC00;
	font-weight: bold;
}

#content a {
	color: #CEBA8C;
}

/*************** content **************/

#content2 {
	width: 638px;
	float: right;
	margin: 0;
	padding: 0;
}

#content2 img.guestbook {
	margin: 15px 0 0 15px;
	padding: 0;
}

#content2 img.titolo_referenze {
	margin: 15px 0 15px 15px;
	padding: 0;
}

#content2 img.referenze {
	margin: 0 0 0 15px;
	padding: 0;
}

#content2 h3 {
	margin: 15px 0 0 15px;
	padding: 0;
	font-family:"Trebuchet MS";
	font-size: 200%;
	font-weight: normal;
}

#content2 p {
	margin: 15px;
	
}
/*************** bottom **************/

#bottom {
	width: 880px;
	height: 21px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/sfondo_bottom.gif);
}

#bottom2 {
	width: 880px;
	height: 206px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/sfondo_bottom2.gif);
}

#bottom2 img.zintonio {
	margin: 10px 10px 0 15px;
	padding: 0;
	float: left;
}

#bottom2 img.justweb {
	margin: 0;
	padding: 0;
	float: right;
}

#bottom2 p {
	margin: 0;
	padding: 40px 0 0 0;
	font-family: "Trebuchet MS";
	color: #B89B58;
}

#bottom2 p span {
	font-size: 110%;
	font-weight: bold;
	color: #E0CDB5;
}

#bottom2 a {
	color: #CEBA8C;
}

/*************** photo_gallery **************/

div.photo_gallery {
	width: 609px;
	height: 158px;
	margin: 15px auto;
	padding: 0;
	background: #DBC594 url(../images/sfondo_photo_gallery.gif) center bottom no-repeat;
}

div.photo_gallery img {
	margin: 13px 0 13px 9px;
	padding: 0;
	border: 1px solid #C0A66C;
}

/* ****** Guestbook 01_01 ****** */

#gtb_01_01 {
	line-height: 150%;
}

#gtb_01_01 h5 {
	/* display: inline;  decommentare questa riga per avere titolo e sottotilo sulla stessa riga */
	padding-left: 15px;
	margin-right: 10px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #2F548C;
	background: url(../images/bullet.gif) no-repeat left;
}

#gtb_01_01 h6 {
	display: inline;
}

#gtb_01_01 p {
	margin-top: 5px;
	padding-top: 5px;
}

#gtb_01_01 p em {
	display: block;
}

#gtb_01_01 p a {
	color: #CEBA8C;
}

 /* ****** Guestbook 02_02 ****** */

#gtb_02_02 {
	margin: 15px;
	padding: 0;
	color: #EEE;
}

#gtb_02_02 h4 {
	padding-left: 15px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #eee;
	background: url(../images/bullet.gif) no-repeat left;
}

#gtb_02_02 p {
	margin: 0;
	padding: 0;
	line-height: 150%;
	color: #eee;
}

#gtb_02_02 img {
	vertical-align: middle;
}

#gtb_02_02 fieldset {
	margin: 5px 0 0;
	padding: 0;
	border: none;
}

#gtb_02_02 fieldset li {
	float: left;
	margin-right: 0px;
}


#gtb_02_02 label {
	display: block;
	font-weight: bold;
}

#gtb_02_02 .gtbTxtInput {
	width: 188px !important;
	width /**/: 190px;
	margin-right: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
}

#gtb_02_02 .gtbCodeInput {
	width: 58px !important;
	width /**/: 60px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
}

#gtb_02_02 .gtbTxtarea {
	width: 458px !important;
	width /**/: 460px;
	height: 118px !important;
	height /**/: 120px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
}

#gtb_02_02 .gtbButton {
	border: 0;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/button.gif) no-repeat;
	width: 134px;
	height: 30px;
	color: #B30000;
	cursor: pointer;
}

#gtb_02_02 .gtbPrivacy {
	font-weight: normal;
	color: #E0CDB5;
	font-size: 90%;
}

#gtb_02_02 a {
	color: #CEBA8C;
}

/* ****** Guestbook 03_01 ****** */

#gtb_03_01 {
	padding: 10px;
	margin: 0;
	border-top: 1px dashed #CEBA8B;
}

#gtb_03_01 p {
	color: #E0CDB5;
}

/* ****** Richieste 01_01 ****** */

#rch_01_01 {
	margin: 15px;
	padding: 0;
	color: #eee;
}

#rch_01_01 h2 {
	/* display: inline; commentare tutta questa riga per avere titolo e sottotilo su due righe */
	padding: 0;
	margin: 0;
	font-size: 100%;
	color: #E0CDB5;
}

#rch_01_01 h3 {
	/* display: inline; commentare tutta questa riga per avere titolo e sottotilo su due righe */
	font-weight: normal;
	font-size: 100%;
}

#rch_01_01 h4 {
	line-height: 22px;
	line-height: 22px;
	margin-top: 10px;
	background: #ebebeb;
	font-size: 120%;
	color: #2F548C;
}

#rch_01_01 h4 span {
	padding: 0 8px;
	margin-right: 8px;
	font-size: 18px;
	color: #2F548C;
	background: #e1e1e1;
}


#rch_01_01 img {
	vertical-align: middle;
	border: 0;
}


#rch_01_01 fieldset {
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
}

#rch_01_01 legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFCC00;
}

#rch_01_01 fieldset ul {
}

#rch_01_01 fieldset li {
	float: left;
	margin: 6px 10px 0 0;
	padding: 0;
}


#rch_01_01 label {
	display: block;
	font-weight: bold;
}

#rch_01_01 .rchTxtInput {
	width: 188px !important;
	width /**/: 190px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
}

#rch_01_01 .rchInput {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
	height: 14px;
}

#rch_01_01 .rchCodeInput {
	width: 58px !important;
	width /**/: 60px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
	height: 14px;
}

#rch_01_01 .rchTxtarea {
	width: 538px !important;
	width /**/: 540px;
	height: 118px !important;
	height /**/: 120px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color: #FFF;
	color: #666;
}

#rch_01_01 .rchButton {
	border: 0;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/button.gif) no-repeat;
	width: 134px;
	height: 30px;
	color: #B30000;
	cursor: pointer;
	float: left;
}

#rch_01_01 .rchPrivacy {
	font-weight: normal;
	color: #E0CDB5;
	font-size: 90%;
}

#rch_01_01 a {
	color: #CEBA8C;
}

#prenotazioni_cnfrm {
	margin: 15px;
	padding: 0;
}

/* ****** ricette ****** */

div.ricette {
	margin: 15px 15px 0 15px;
	padding: 0;
}

div.ricette img {
	margin: 0 15px 15px 0;
	padding: 1px;
	float: left;
	background: #CEBA8B;
}

div.ricette h4 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #FFCC00;	
}

div.ricette a {
	margin: 0;
	padding: 0;
	color: #EEE;	
}

div.ricette_dx {
	width: 470px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
}


/***** zintoniowineandfood *****/

.zintoniowineandfood img {
	padding: 15px 0 0 15px;
	}