html		{	margin: 0;
				padding: 0;
				border:0;
			} 
body		{	background-color : #FFFFFF;
				font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
				margin: 0px;
				font-size:75%;
			} 
a:link		{	color:dimgrey;
				text-decoration : none;
			}

a:visited	{	color:#8BD02F;
				text-decoration : none;
			}

a:hover		{	
				color:Cornflowerblue;
				text-decoration : none;
			}
a:active		{	
				color:tomato;
				text-decoration : none;
			}

.alerta		{	font-weight:bold;
				font-size:12px;
				text-align:center;
				color:#FF0000;
			}

.destacado			{font-weight:bold;
				font-family:arial;
				font-size:22px;
				text-align:center;
				color:tomato;
				background-color:greenyellow;}

.encabezado-rojo {font-weight:normal;
				font-size:10px;
				color:#FF0000;
				}

.footer		{	/*elemento que va en el fondo*/
				padding: 5px;
				border-spacing: 5px;
				border:0px solid #D6D6D6;
				vertical-align:middle;
				font-size:11px;
				line-height:1.3em;
				margin:7px auto;
				color:grey;
				position:relative;
			}

hr			{
				border: 0;
				color: #F2F2F2;
				height: 3px;
				text-align:center;
				width:80%;
			}
.parrafo-publicidad		{
			font-family:verdana;
			font-size:24px;
			/*font-weight:bold;*/
			/*letter-spacing:0px;*/
			text-align:justify;
			vertical-align:top;
			color:grey;
			padding:16px;
			line-height:135%;
			text-shadow: #c0c0c0 0.1em 0.1em 0.2em;
			border:2px solid lightgrey;
			}
 H1.SaltoDePagina	{page-break-after: always}
#ibox			{position:absolute;
				visibility:hidden;Z-INDEX:200;
				border-top: 0px solid black;
				border-left: 0px solid black;
				border-bottom: 3px solid black;
				border-right: 3px solid black;
				}

img.nohover {border:0}
img.hover {border:0;display:none}
A:hover img.hover {display:inline}
A:hover img.nohover {display:none}

input
			{	font-size:13px;
				font-weight:bold;
				color:#373737;
				height:20px;
			}

.input-error
				{	background-color:red; 
					color:white;
				}

input:focus		{ 
					background-color:yellow; 
					color: black;
					border-color:green;
				}
input:hover		{ 
					border-color:green;
				}


.panel-tour-verde		{
					background-color:yellowgreen;
					padding: 24px;
					border-spacing: 16px;
					border:2px solid #D6D6D6;
					vertical-align:middle;
					text-align: left;
					font-size:2.7em;
					line-height:1.7em;
					margin:auto;
					color:white;
					position:relative;
					display: block;
					}


.resaltado {font-weight:bolder;  /*en uso para destacar textos*/} 
.resaltado-blanco {font-weight:bold; /*en uso para destacar textos*/
					color:#FFFFFF;}
.resaltado-rojo {font-weight:bold; /*en uso para destacar textos*/
				color:#FF0000;}
.resaltado-rojo-grande {font-weight:bold;
				font-size:15px;
				color:#FF0000;
					}
.resaltado-subrayado {font-weight:bold; /*en uso para destacar textos*/
				text-decoration:underline;} 
.resaltado-verde {font-weight:bold; /*en uso para destacar textos*/
				color:#85BF85;}

select	{		font-family:arial;						/*en uso para listas dropdown o elementos select*/
				font-size:14px;
				color:#2F4F4F;
							}


.subrayado	{text-decoration:underline;} /*en uso para subrayar*/

.subtitulo	{font-weight:bold;
				font-family:arial;
				font-size:13px;
				text-align:center;
				}

table		{	/*border-collapse: collapse;*/
				vertical-align:middle;
				empty-cells:show;
				border-style:none;
				table-layout:fixed;
				border-spacing:0;
				border-collapse: collapse;
			}


.texto-corriente	{
					font-family:verdana;
					font-size:11px;
					}

th			{	text-align:center;
				font-weight:bold;
				vertical-align:middle;
			}

.tr-header	{
				background-color:#6AAC39;
				padding: 0px;
				vertical-align:middle;
				/*font-size:12px;*/
				/*line-height:1.3em;*/
				/*margin:10px auto;*/
				position:relative;
			}

.tr-barra-fondo		{
					background-color:white;
					padding: 7px;
					border-spacing: 15px;
					border:2px solid #D6D6D6;
					vertical-align:middle;
					font-size:10px;
					line-height:1.3em;
					margin:10px auto;
					color:grey;
					position:relative;
					}
.td-lateral-right	{
			padding-left: 12px;
			padding-right: 12px;
			padding-bottom: 2px;
			padding-top: 2px;
			border-right-style:solid;
			border-right-width:thin;
			/*border-left-style:solid;
			border-left-width:thin;*/
			vertical-align:text-top;
			color:#828282;
			text-align:justify;
			}
.td-lateral-left	{
			padding-left: 12px;
			padding-right: 12px;
			padding-bottom: 2px;
			padding-top: 3px;
			/*border-right-style:solid;
			border-right-width:thin;*/
			border-left-style:solid;
			border-left-width:thin;
			vertical-align:text-top;
			color:#828282;
			text-align:justify;
			}
.td-lateral-right-left	{
			padding-left: 12px;
			padding-right: 12px;
			padding-bottom: 2px;
			padding-top: 2px;
			border-right-style:solid;
			border-right-width:thin;
			border-left-style:solid;
			border-left-width:thin;
			vertical-align:text-top;
			color:#828282;
			text-align:justify;
			}
.td-fondo	{
			padding-left: 12px;
			padding-right: 12px;
			padding-bottom: 0px;
			padding-top: 3px;
			border-bottom-style:solid;
			border-bottom-width:thin;
			vertical-align:text-top;
			color:#828282;
			}
.texto-azul		{color:#0080FF; /*en uso: */}
.texto-blanco	{color:#FFFFFF; }
.texto-grande	{font-weight:bold;
				font-family:arial;
				font-size:16px;
				text-align:justify;}
.texto-naranja	{color:#FF6600; /*en uso: */}
.texto-rojo		{color:#FF0000; /*en uso: valores negativos*/}
.texto-seo	{ /*en uso: texto para searh engine optimization : S.E.O.*/
				font-size:10px;
				color:#949494;
				text-align:justify;
			}
.texto-verde	{color:#518C2D; /*en uso: valores negativos*/}
.texto-verde-pequenno	{color:#518C2D; 
						font-size:9px;}
.texto-pequenno	{font-size:9px;}

.titulo			{font-weight:bold;
				font-family:arial;
				font-size:15px;
				text-align:center;}
.triangle-right {
			border-color: transparent transparent transparent white;
			border-style: solid;
			border-width: 13px 0px 13px 13px;
			height: 0px;
			width: 0px;
			}
.triangle-left {
			border-color: transparent white transparent transparent;
			border-style: solid;
			border-width: 13px 13px 13px 0px;
			height: 0px;
			width: 0px;
			}

ul				{list-style-type:square;}

/*CSS notificacion, bordes redondeados
Burbuja_x_digito ancho
*/

.chat-bubble {
  background-color:#EDEDED;
  border:2px solid #666666;
  font-size:15px;
  line-height:1.3em;
  margin:10px auto;
  padding:10px;
  position:relative;
  text-align:center;
  width:100px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.chat-bubble-red {
  background-color:orangered;
  border:2px solid #666666;
  font-size:12px;
  color:white;
  line-height:1.2em;
  margin:4px auto;
  padding:5px;
  position:relative;
  text-align:center;
  width:100px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.chat-bubble-green {
  background-color:greenyellow;
  border:2px solid #666666;
  font-size:12px;
  line-height:1.2em;
  margin:4px auto;
  padding:5px;
  position:relative;
  text-align:center;
  width:100px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.burbuja_x_450 {
  background-color:white;
  border:2px solid #666666;
  font-size:15px;
  line-height:1.3em;
  margin:10px auto;
  padding:10px;
  position:relative;
  text-align:center;
  width:450px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.chat-bubble-arrow-border {
  border-color: #666666 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-22px;
  left:30px;
}

.chat-bubble-arrow {
  border-color: #EDEDED transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;
}
.burbuja_x_300 {
  background-color:white;
  border:10px solid #99CC00;
  font-size:12px;
  line-height:1.5em;
  margin:10px auto;
  padding:10px;
  position:relative;
 /* text-align:center;*/
  width:300px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}
/*
<div class="chat-bubble">
  Buongiorno!
  <div class="chat-bubble-arrow-border"></div>
  <div class="chat-bubble-arrow"></div>
</div>
*/
/*fin css bubble*/




/*stilo de calendario popup*/

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:2px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}
#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}


/*fin stilos calendario */



/*---------- bubble tooltip -----------*/
/*div#container{ margin:0 auto}*/

a.tt{
    position:relative;
    z-index:24;
    color:#4D4D4D;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #808080; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-18px; left:-8px;
	padding: 15px 0 0 0;
	width:200px;
	color: #414141;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/images/bubble.gif) no-repeat bottom;
}


/*css pupup*/
div.popup	{		z-index: 1;
					border: 2px solid black;
					border-bottom: none;
					width: 650px;
					height:      20px;
					line-height: 19px;
					vertical-align: middle;
					background-color:#FF8080;
					text-decoration: none;
					font-family: verdana;
					font-weight: 900;
					font-size:  14px;
					color:   #206040;
					cursor:  default;
}



div.popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;
  width: 650px;
  height:      17px;
  line-height: 15px;
  vertical-align: middle;
  background-color:#0099FF;
  text-decoration: none;
  font-family: verdana;
  font-weight: 900;
  font-size:  12px;
  color:   #FFFFFF;
  cursor:  default;
}

div.popup div.menu_form_body
{
		width: 650px;
		border: 1px solid black;
		background-color:#F0F0F0;
		font-family: verdana;
		font-weight: 900;
		font-size:  12px;
		color:   #3C3C3C;
		cursor:  default;
}

div.popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.popup table
{
  width: 95%;
  border-collapse: collapse;
}

/*
div.popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.popup td
{
  width: 75%;
  padding: 0px 0px 1px 0px;
}
*/

div.popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}



