/* ====================================================================================================================================================================
R I S T O R A N T E   L A   R O C C I A
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Description:		  Stili generali
Filename:			  generale.css
Theme URI:			  http://www.ristorantelaroccia.it/
Date:				  Luglio 2010
Author: 			  Federico Pieralisi

==================================================================================================================================================================== */

html, body {
	margin:           0;
	padding:          0;
	background-color: #D1C6AC;
}

body {
	font-family:      Verdana, helvetica, arial, sans-serif;
	font-size:        12px;
	color:            #660000;
}

#main {
	width:            100%;
}

a:link, a:visited {
	color:            #660000;
	text-decoration:  none;
	outline:          none;
}

a:hover {
	color:            #660000;
	text-decoration:  underline;
	outline:          none;
}

/* ====================================================================================================================================================================
                                                                            H O M E P A G E                                                                            
==================================================================================================================================================================== */

#homepage {
	width:            100%;
	height:           100%;
}

#homepage_sfumatura {
	background:       #D1C6AC url(../imgs/homepage_sfumatura.gif) top right no-repeat;
	height:           10px;
}

#homepage_header {
	background-color: #F3EEE3;
	text-align:       right;
	height:           50px;
	border-bottom:    1px solid #000000;
}

#homepage_body {
	text-align:       center;
	font-size:        12px;
}

#homepage_footer {
	background-color: #D1C6AC;
	font-size:        11px;
	color:            #333333;
	height:           40px;
	padding-left:     20px;
}

/* ====================================================================================================================================================================
                                                                              H E A D E R                                                                              
==================================================================================================================================================================== */

#header {
	background-color: #F3EEE3;
	width:            700px;
	height:           50px;
	text-align:       right;
	border:           1px solid #666666;
}

#title {
	width:            700px;
	border-left:      1px solid #666666;
	border-right:     1px solid #666666;
	border-bottom:    1px solid #666666;
}

#logo {
	float:            left;
}

/* ====================================================================================================================================================================
                                                                                B O D Y                                                                                
==================================================================================================================================================================== */

#body {
	width:            700px;
	vertical-align:   top;
}

#body_table {
	background:       #EFE7D4 url(../imgs/background.jpg) top right no-repeat;
	width:            100%;
	border-left:      1px solid #666666;
	border-right:     1px solid #666666;
	border-bottom:    1px solid #666666;
}

#body_sx {
	background-color: #595A75;
	width:            270px;
	vertical-align:   top;
	text-align:       center;
}

#body_sx_menu {
	background-color: #595A75;
	width:            270px;
}

#body_dx {
	vertical-align:   top;
	padding:          20px;
	text-align:       justify;
}

#body_dx_menu {
	border-top:       1px dotted #666666;
	font-size:        10px;
	padding-top:      5px;
	padding-bottom:   5px;
	padding-right:    20px;
	text-align:       right;
}

#box_photogallery {
	margin-top:       20px;
}

#box_photogallery_list {
	margin:           0;
	padding:          0;
	list-style-type:  none;
}

.box_photogallery_item {
	float:            left;
	width:            90px;
	height:           90px;
	border:           1px solid #EFE7D4;
	margin-right:     5px;
	margin-bottom:    5px;
}

.box_photogallery_item:hover {
	border:           1px solid #660000;
}

.news {
	display:          inline-block;
	width:            390px;
	padding-top:      15px;
	padding-bottom:   5px;
	border-bottom:    1px dotted #666666;
}

.news_title {
	font-weight:      bold;
	padding-left:     5px;
	border-left:      3px solid #898546;
	margin-bottom:    10px;
}

.news_img {
	float:            left;
	width:            60px;
	height:           60px;
	border:           1px solid #666666;
	padding:          1px;
	margin-right:     10px;
}

.news_txt {
	text-align:       justify;
}

.news_entra {
	display:          inline-block;
	width:            390px;
	text-align:       right;
	padding-top:      5px;
}

a.news_title_link:link, a.news_title_link:visited {
	color:            #898546;
	text-decoration:  none;
	outline:          none;
}

a.news_title_link:hover {
	color:            #898546;
	text-decoration:  underline;
	outline:          none;
}

#paginazione {
	width:            390px;
	height:           22px;
	text-align:       right;
	padding-top:      20px;
}

#paginazione_list {
	margin:           0;
	padding:          0;
	list-style-type:  none;
}

.paginazione_item {
	display:          inline;
	font-size:        11px;
	font-weight:      bold;
}

a.paginazione_link:link, a.paginazione_link:visited {
	color:            #666666;
	text-decoration:  none;
	outline:          none;
	padding:          5px;
	border-bottom:    3px solid #666666;
}

a.paginazione_link:hover {
	color:            #898546;
	text-decoration:  none;
	outline:          none;
	padding:          5px;
	border-bottom:    3px solid #898546;
}

a.paginazione_link_selected:link, a.paginazione_link_selected:visited {
	color:            #898546;
	text-decoration:  none;
	outline:          none;
	padding:          5px;
	border-bottom:    3px solid #898546;
	background-color: #BBBBBB;
}

#titolo {
	color:            #898546;
	font-size:        16px;
	font-weight:      bold;
	border-bottom:    1px solid #898546;
	margin-bottom:    10px;
}

#immagine {
	margin-bottom:    10px;
}

#testo {
	text-align:       justify;
}

#hyperlink {
	display:          inline-block;
	width:            388px;
	height:           16px;
	padding-top:      3px;
	padding-bottom:   3px;
	margin-top:       10px;
	border:           1px dotted #999999;
}

#indietro {
	display:          inline-block;
	width:            390px;
	text-align:       left;
	padding-top:      15px;
}

#contatti {
	width:            390px;
	margin-top:       20px;
}

.contatti_form_label {
	width:            150px;
	font-size:        11px;
	text-align:       right;
	vertical-align:   bottom;
	border-bottom:    1px dotted #990000;
	padding-right:    10px;
	padding-bottom:   2px;
}

.contatti_form_privacy {
	font-size:        11px;
	text-align:       right;
	border-bottom:    1px dotted #990000;
	padding-left:     5px;
	padding-top:      5px;
	padding-bottom:   5px;
}

.contatti_form_compulsory {
	width:            150px;
	font-size:        11px;
	padding-right:    10px;
	vertical-align:   bottom;
}

.contatti_form_input {
	width:            240px;
	border:           1px solid #990000;
	margin-top:       5px;
	font-family:      Verdana, helvetica, arial, sans-serif;
	font-size:        11px;
}

.contatti_form_submit {
	float:            right;
	text-align:       center;
	border:           1px solid #990000;
	margin-top:       5px;
	font-weight:      bold;
	font-size:        11px;
	padding:          4px;
	cursor:           pointer;
	margin-left:      10px;
}

#contatti_form_checkbox {
	cursor:           pointer;
}

#invio_conferma {
	background:       #FFFFFF url(../imgs/invio_ok.jpg) no-repeat;
	color:            #006600;
	padding-left:     80px;
	padding-right:    60px;
	padding-top:      25px;
	padding-bottom:   25px;
	font-weight:      bold;
}

#invio_errore {
	background:       #FFFFFF url(../imgs/invio_ko.jpg) no-repeat;
	color:            #990000;
	padding-left:     80px;
	padding-right:    60px;
	padding-top:      18px;
	padding-bottom:   18px;
	font-weight:      bold;
}

.sitemap_level1_list {
	margin:           0;
	padding:          0;
	list-style-type:  none;
}

.sitemap_level1_item {
	background:       url(../imgs/sitemap_level1.gif) left 8px no-repeat;
	padding-left:     25px;
	padding-top:      10px;
}

.sitemap_level2_list {
	margin:           0;
	padding:          0;
	list-style-type:  none;
}

.sitemap_level2_item {
	background:       url(../imgs/sitemap_level2.gif) left 8px no-repeat;
	padding-left:     25px;
	padding-top:      10px;
}

/* ====================================================================================================================================================================
                                                                              F O O T E R                                                                              
==================================================================================================================================================================== */

#footer {
	background-color: #EFE7D4;
	width:            700px;
	height:           50px;
	vertical-align:   top;
	border-left:      1px solid #666666;
	border-right:     1px solid #666666;
	border-bottom:    1px solid #666666;
}

#footer_logo {
	float:            left;
	width:            95px;
	padding-top:      13px;
	padding-left:     10px;
}

#footer_anagrafica {
	float:            left;
	width:            500px;
	font-size:        11px;
	color:            #333333;
	border-left:      1px dotted #666666;
	margin-top:       5px;
	padding-left:     10px;
}

#footer_link {
	float:            right;
	width:            60px;
	font-size:        10px;
	color:            #333333;
	padding-top:      5px;
	text-align:       right;
	margin-right:     20px;
	padding-top:      9px;
}