/* get rid of those system borders being generated for A tags */
a:active 	{outline:none;}
:focus 		{-moz-outline-style:none;}

h1.toph					{ font-size:10px; color:#333333; font-weight:normal; margin-left:40px;}
h2.pagetitle			{ font-size:18px; color:#8d141c;text-align:left; margin-left:30px; margin-top:20px; font-weight:normal;}
h2.pagetitledue			{ font-size:15px; color:#8d141c; text-align:left; font-weight:normal;}

.testosx				{ font-size:15px; color:#666666; text-align:justify; margin-left:40px;}
.testosx	a			{ font-size:15px; color:#666666; text-align:justify; text-decoration:none;}
.testosx	a:hover		{ font-size:15px; color:#000000; text-align:justify; text-decoration:none}

.testo				{ font-size:12px; color:#666666; text-align:justify; margin-left:30px; margin-right:30px;}
.testo b			{ color:#8d141c;}
.testosmall			{ font-size:10px; color:#000000;}

a.link			{ font-size:12px; color:#8d141c; text-decoration:none;}
a.link:hover	{ color:#000000; text-decoration:none;}

.testosmall a				{ font-size:10px; color:#000000; text-decoration:none; display:block;}
.testosmall a:hover			{ color:#8cbbff; text-decoration:none;}
.testosmall a:active		{ color:#000000; text-decoration:none;}
/*-----------------------------------------*/
/*---------STRUTTURA DEL SITO--------------*/
/*-----------------------------------------*/

body				{border:0; font-size:12px; font-family:myriad, lucida grande, arial; text-align:center; margin:0 auto;}
table.content-all	{width:900px; border:0; text-align:center; margin:0 auto;}
	td.htop				{width:900px; background-image:url(struttura/hotel-mare-toscana_01.png); height:31px; text-align:right;}
	#htopleft			{float:left; height:31px; text-align:left;}
	#htopright			{float:right; height:31px; text-align:right;}
	td.bookingtop		{width:900px; height:125px; text-align:left;}

td.topcontent			{ width:900px; height:12px; background-image:url(struttura/hotel-mare-toscana_03.png); background-repeat:no-repeat; background-position:top left}
td.bottomcontent		{ width:900px; height:12px; background-image:url(struttura/hotel-mare-toscana_03.png); background-repeat:no-repeat; background-position:bottom left}
td.colsxuno				{ width:18px; background-color:#e8e8e8;}
td.colsx				{ width:270px; vertical-align:top; text-align:center; margin:0 auto;}
	.titolosx				{text-align:left; vertical-align:bottom; color:#FFFFFF; font-size:19px; margin-left:55px;}
	.titolosx a				{color:#FFFFFF; text-decoration:none;}
	.titolosx a:hover		{color:#8cbbff; text-decoration:none;}
	
	.titolosx span		{font-size:11px; color:#333333; margin:0; padding:0;}
	
	table.tablesx		{ text-align:center; margin:0 auto; width:270px; border:0; margin:0;}
	td.menusx			{background-image:url(struttura/bg-menu-sx.png); height:50px; color:#FFFFFF; text-align:justify; background-repeat:no-repeat;}
	td.boxsx			{background-color:#fdf2d2; height:40px; text-align:justify; margin-left:20px; margin-left:20px;}
	
td.contentsx			{ width:378px; background-color:#e8e8e8; vertical-align:top; text-align: center; margin:0 auto;}
td.contentdx			{ width:234px; background-color:#e8e8e8; vertical-align:top; text-align: center; margin:0 auto;}

td.footercont			{ width:900px; height:72px; background-color:#FFFFFF}

/*---------footer--------------*/
#footer				{margin-left:40px; margin-top:20px;}
#footer p			{color:#666666; font-size:11px;}
#footer	a			{color:#b37c3a; font-size:11px; text-decoration:none;}
#footer	a:hover		{color:#8cbbff; font-size:11px;  text-decoration:none;}