
<!--
body, td, th {
	color: #000000;
	font-family: Helvetica, sans-serif;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, sans-serif;
}
.menu_mobile {
	/*display:block;*/

	/*display:none !important;*/

	display: none;
}

/* 

Max width before this PARTICULAR table gets nasty

This query will take effect for any screen smaller than 760px

and also iPads specifically.

*/

@media  only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */

table, thead, tbody, th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */

thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/*tr { border: 1px solid #ccc; }*/

	
td {
	/* Behave  like a "row"

		border: none;

		border-bottom: 1px solid #eee;  */

	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
td:before {
	/* Now like a table header */

	position: absolute;
	/* Top/left values mimic padding

		top: 6px;

		left: 6px; */

	width: 50%;
	/*padding-right: 10px; */

	white-space: nowrap;
}
/*

	Label the data

	*/

/*		td:nth-of-type(1):before { content: "First Name"; }

	td:nth-of-type(2):before { content: "Last Name"; }

	td:nth-of-type(3):before { content: "Job Title"; }

	td:nth-of-type(4):before { content: "Favorite Color"; }

	td:nth-of-type(5):before { content: "Wars of Trek?"; }

	td:nth-of-type(6):before { content: "Porn Name"; }

	td:nth-of-type(7):before { content: "Date of Birth"; }

	td:nth-of-type(8):before { content: "Dream Vacation City"; }

	td:nth-of-type(9):before { content: "GPA"; }

	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/


.menu_mobile {
	/*display:none !important;*/

	display: inline;
}
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen  and (min-device-width : 320px)  and (max-device-width : 480px) {
body {
	padding: 0;
	margin: 0;
	width: 100%;
}
.menu_mobile {
	/*display:none !important;*/

	display: inline;
}
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body {
	width: 100%;
}
.menu_mobile {
	/*display:none !important;*/

	display: inline;
}
}
a {
	font-family: Helvetica, sans-serif;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #000000;
}
input[type="text"] {
	font-size: 100%;
	padding: 10px;
}
select {
	font-size: 100%;
	padding: 10px;
}
input[type="password"] {
	font-size: 100%;
	padding: 10px;
}
input[type="radio"] {
	font-size: 100%;
	padding: 10px;
	width: 1.50em;
	height: 1.50em;
	vertical-align: middle;
}
input[type="checkbox"] {
	font-size: 100%;
	padding: 10px;
	width: 1.50em;
	height: 1.50em;
	vertical-align: middle;
}
.style1 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
}
.style2 {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
}
.style3 {
	font-family: Helvetica, sans-serif;
	color: #FF0000;
	font-size: 16px;
	text-decoration: blink;
	line-height: 150%;
}
.titulowhite {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 150%;
}
.tituloblack {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	line-height: 150%;
}
.tituloblackindex {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	line-height: 150%;
}
.textoblack {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	line-height: 150%;
}
.textoblackindex {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	line-height: 150%;
}
.textowhite {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 150%;
}
.menusmall {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 150%;
}
.menu {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	line-height: 150%;
}
.menufootersmall {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 150%;
	text-align: left;
}
.menufooter {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	line-height: 150%;
	text-align: left;
}
.columnright {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	line-height: 150%;
	text-align: left;
}
.borderleftmenu {
	border: #3366FF solid 1px;
}
.bordercinzapayment {
	border: #CCCCCC solid 1px;
}
input:checked + label {
	color: #006CFF;
}
/* rotator index */


#rotator {
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 597px;
	height: 180px;
}
#rotator img {
	border: 0;
	cursor: pointer;
	width: 597px;
	height: 180px;
}
/* rotator index eof */


.stepcarousel {
	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 250px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.material-scrolltop {
	display: block;
	position: fixed;
	width: 0;
	height: 0;
	bottom: 23px;
	right: 23px;
	padding: 0;
	overflow: hidden;
	outline: none;
	border: none;
	border-radius: 2px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
	cursor: hand;
	border-radius: 50%;
	background: #BBBBBB;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
	transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}
.material-scrolltop:hover {
	background-color: #BBBBBB;
	text-decoration: none;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}
.material-scrolltop::before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "";
	width: 0;
	border-radius: 100%;
	background: #D3D3D3;
}
.material-scrolltop:active::before {
	width: 120%;
	padding-top: 120%;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.material-scrolltop.reveal {
	width: 26px;
	height: 26px;
}
.material-scrolltop span {
	display: block;
	font-size: 25px;
	color: #FFFFFF;
}
.material-scrolltop,  .material-scrolltop::before {
	background-image: url(../scripts/materialscrolltop/icons/top-arrow.svg);
	background-position: center 50%;
	background-repeat: no-repeat;
}
/*# sourceMappingURL=../scripts/materialscrolltop/material-scrolltop.css.map */


/* Button */

/* button div */

#buttons_quote {
	color: #fff;
	/*  padding-top: 50px;*/

	text-align: center;
}
/* start da css for da buttons */

.btn_quote {
	border-radius: 5px;
	padding: 15px 25px;
	font-size: 22px;
	text-decoration: none;
	margin: 20px;
	color: #fff;
	position: relative;
	display: inline-block;
}
.btn_quote:active {
	color: #fff;
	transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	box-shadow: 0px 1px 0px 0px;
}
.blue_quote {
	background-color: #007CFF;
	box-shadow: 0px 5px 0px 0px #3C93D5;
}
.blue_quote:hover {
	background-color: #00ABFF;
}
/* Button eof */


-->