/*----colours and fonts

blue D  #00164e
blue L  #70c4cf

	font-family: Arial, Helvetica, sans-serif;

----*/

.BodyMob
{
	display:none;
}

.feed_code {
	font-size: 18px;
	color: red;
	font-weight: bold;
}



body {
	margin: 0px;
}


td,th,p,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00164e;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
}

td,th {
	height: 30px;
}

table {
    border-collapse: collapse;
}

b {
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


.table_left {
	padding: 8px 0px 8px 15px;
}

.table_center {
	text-align: center;
}

.table_right {
	text-align: right;
	padding: 8px 15px 8px 0px;
}

.table_right_flat {
	text-align: right;
	padding: 0px 0px 0px 0px;
}


.table_left_no_bottom {
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
}

.table_left_no_top {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
}





#t01 {
	border: solid 0px black;	
}

.price {
	font-size: 50px;
	color: #70c4cf;
	font-weight: bold;
	padding-left: 0px;
	margin-top: -5px;
	padding-bottom: 0px;
}


#t01 img {
	height: 45px;
.	width: auto;
	margin-top: -10px;
	padding-bottom: 0px;
	
	
}

.notes {
	font-size: 10px;
	margin-top: -18px;
}


#t01 .poweredby {
	font-size: 8px;
	color: #999999;
	text-align: right;
	padding-right: 0px;
	margin-top: -20px;
	margin-bottom: -40px;
	letter-spacing: 2px;
	height: 0px;
}


.flat {
	font-size: 2px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
.sens_right
{
	text-align:right;
}

.column_head_right {
	font-weight: bold;
	text-align: right;
	

}
.column_head_left, .column_head_center
{
	font-weight:bold;
}
.column_head_left,.sens_left
{
	padding-left:15px;
}

.poweredby {
	font-size: 8px;
	color: #999999;
	text-align: right;
	padding-right: 8px;
	padding-top: 5px;
	letter-spacing: 2px;
	height: 0px;
}

a.powered:link, a.powered:visited {
	color: #666666;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
}

a.powered:hover, a.powered:active {
	color: #999999;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
}

.rule {
	height: 10px;
	font-size: 1px;
}

.last_rule {
	height: 10px;
	padding-top: 12px;
	font-size: 1px;
}

hr {
	color: #8094a2;
	background-color: #8094a2;
	height: 1px;
	border: 0px;
	width: 100%;
	margin: 0px;
}


a:link, a:visited {
	color: #00164e;
	text-decoration: none;
}
a:hover, a:active {
	color: #70c4cf;
	text-decoration: none;
}

.spacer_xs {
	height: 4px;
	font-size: 1px;
}

.spacer_s {
	height: 10px;
	font-size: 1px;
}

.spacer {
	height: 14px;
	font-size: 1px;
}

.spacer_l {
	height: 20px;
	font-size: 1px;
}




/*---- zebra styles starts here ------*/


table.zebra tr:nth-child(2n+4) {
	background: #f7f7f7;
}

/*---- zebra styles ens here ------*/




/*---- S02 zebra styles starts here ------*/

#s02_table_mob table.zebra tr:nth-child(7n+1) {
	background: #70c4cf;
}


#s02_table_mob table.zebra tr:nth-child(7n+2),#s02_table_mob table.zebra tr:nth-child(7n+4), #s02_table_mob table.zebra tr:nth-child(7n+6),  #s02_table_mob table.zebra .spacer  {
	background: #ffffff;
}

#s02_table_mob table.zebra tr:nth-child(7n+3), #s02_table_mob table.zebra tr:nth-child(7n+5) {
	background: #f7f7f7;
}


/*---- S02  zebra styles ens here ------*/





/*---- drop-down and checkbox selectors styles starts here ------*/

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8094a2;
	font-weight: 400;
	text-align: left;
	height: 40px;
	outline: none;
	border: 2px solid #8094a2;
	border-radius: 4px;
	cursor: hand;
	padding-left: 10px;
	padding-right: 0px;
	background: url(images/select_down_arrow.png) no-repeat right #fff;
	background-position-x: calc(100% - 10px);
	-webkit-appearance: none;
}

select::-ms-expand{
    display:none;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}



select[name="selectmenu"], input[name="number"] {
	width: 300px;

}

select[name="month1"], [name="month2"] {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #8094a2;
	font-weight: 400;
	width: 110px;
	height: 35px;
	padding-left: 8px;
	border: 2px solid #8094a2;
	background: url(images/select_down_arrow.png) no-repeat right #fff;
	background-position-x: calc(100% - 10px);
	-webkit-appearance: none;
}

select[name="year1"], [name="year2"] {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #8094a2;
	font-weight: 400;
	width: 75px;
	height: 35px;
	padding-left: 8px;
	border: 2px solid #8094a2;
	background: url(images/select_down_arrow.png) no-repeat right #fff;
	background-position-x: calc(100% - 10px);
	-webkit-appearance: none;

}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8094a2;
	font-weight: 400;
	text-align: left;
	height: 40px;
	outline: none;
	border: 2px solid #8094a2;
	border-radius: 4px;
	cursor: hand;
	padding-left: 10px;
	padding-right: 0px;
}

input[type="submit"],input[type="button"] {
	padding: 0px 20px;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
}

input[type="submit"]:hover,input[type="button"]:hover {
	padding: 0px 20px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-color: #8094a2;
}

input[name="txtIRClienteMail"] {
	text-align: left;
	padding-left: 10px;
	width: 100%;
}


input[name="PriceMovesAbove"], input[name="PriceMovesBelow"], input[name="PriceChange"] {
	text-align: center;
	background-color: #ffffff;
	text-align: right;
	padding-right: 10px;
	width: 98px;
}



.button_low, .button_low:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8094a2;
	text-align: center;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background-color: #ffffff;
	outline: none;
	border: 2px solid #8094a2;
	border-radius: 4px;
	cursor: hand;
	margin-left: 0px;

}


.button_no, .button_no:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background-color: #a31a2d;
	border: 1px solid #a31a2d;
	cursor: hand;
	margin-left: 0px;
}

.button_yes, .button_yes:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	width: 47px;
	height: 40px;
	background-color: #00954b;
	border: 1px solid #00954b;
	cursor: hand;
	margin-left: 0px;
}


/*---- drop-down and checkbox selectors styles ends here ------*/




/*---- S02 starts responsives start here ------*/

.s02_left {
	float: left;
	display: block;
	position: relative;
	width: 200px;
	background-color: -pink;
	margin-top: 10px;
}

.s02_right {
	overflow: auto;
	background-color: -green;
}


.s02_spacer {
	position: relative;
	width: 100%;
	height: 8px;
	background-color: -orange;
}

#s02_table_pc {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -orange;
}

#s02_table_mob {
	float: left;
	display: none;
	position: relative;
	width: 100%;
	background-color: -green;
}
@media only screen and (max-width: 700px) {
	
	.BodyPc
	{
		display:none;
	}
	.BodyMob
	{
		display:inline;
	}
}


@media only screen and (max-width: 550px) {


.s02_left {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -red;
}

.s02_right {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -gray;
}

.s02_spacer {
	float: left;
	display: none;
	position: relative;
	width: 100%;
	height: 12px;
	background-color: -orange;
}



select[name="selectmenu"], input[name="number"] {
	width: 100%;

}


#s02_table_pc {
	float: left;
	display: none;
	position: relative;
	width: 100%;
	background-color: -teal;
}

#s02_table_mob {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color: -skyblue;
}


}

/*---- S02 starts responsives start here ------*/