.link {

	color: blue;

	font-weight: bold;

	font-size: 10pt;

}



.linkn { 

	color: #0066ff; 

	font-weight:; 

	text-decoration: none;

}



a:hover { 

	color: blue; 

	text-decoration: underline

}



td { 

	color: 000000; 

	font-family: Verdana, Arial; 

	font-size: 8pt; 

	line-height: 11pt

}



html,

body {

	margin: 0px;

	padding: 0px;

	height:100%;

	font-family: Verdana, Arial;

	font-size: 8pt;

	line-height: 11pt

}



ul#grid li {

	list-style: none outside;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	font-size: 50px;

	width: 5em;

	height: 4.8em;

	line-height: 0.25em;

	text-align: center;

	background-color: #ffffff;

	border: 1px solid #dddddd;

	BORDER-BOTTOM: #dddddd 2px solid;

	padding:5px;

}



ul#grid li img {

	vertical-align: middle;

}



.ui-slider-handle {

	left: 45%;

	height: 14px;

	width: 14px

}



.imgslider {

  	height: 10px;

	width: 248px;

	left: 42px

}



#wrapper {

	min-height:100%;

	position:relative;

}

#header {

	background:#ededed;

	padding:10px;

}

#content {

	padding-bottom:100px; /* Height of the footer element */

}



#footer {

	background:#ffffff;

	width:100%;

	height:30px;

	text-align : center;

	color: #0066cc;

	position:fixed;

	bottom:0;

	left:0;

	BORDER-TOP: #a8a8a8 1px solid;

}



#footer:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}



#footinner {

	position: relative;

	color: #0066cc;

	display: inline-block;

	background: #ffffff;

	font-family: Open Sans, Segoe UI;

	font-size: 12px;

	padding: 3px 5px;

}



.divtop {

	background-color: #ffffff;

 	color: #f00000;

 	height: 70px;

 	font-family: Segoe UI;

 	font-size: 20pt;

 	BORDER-BOTTOM: #f0f0f0 1px solid;

	text-decoration: none;
}

.linktop {

	background-color: #ffffff;

 	color: #f00000;

 	height: 70px;

 	font-family: Segoe UI;

 	font-size: 20pt;

 	BORDER-BOTTOM: #f0f0f0 1px solid;

	text-decoration: none;
}


.divtopin {

	background-color: #ffffff;

 	position: relative;

 	margin-top: 20px;;

 	color: #f00000;

 	height: 70px;

 	font-family: Segoe UI;

 	font-size: 24px;

}



.cliente {

 	position: relative;

 	float: right;

	 margin-right: 10px;

 	top: 35px;

 	color: #333366;

 	font-family: Open Sans, Segoe UI;

 	font-size: 10pt;

}



.btnwarn {

 	position: relative;

 	float: right;

 	margin-right: 10px;

 	top: 7px;

 	color: #333366;

 	font-family: Open Sans, Segoe UI;

 	font-size: 10pt;

}



.divblue {

  	background: #1199ee;

  	height: 42px;

  	BORDER-BOTTOM: #0077cc 2px solid;

}



/* Fake (pseudo) element, that enables vertical-align */

.divblue:before {

  	content: "";

  	display: inline-block;

  	vertical-align: middle;

  	height: 100%;

}



.inner {

  	position: relative;

  	left: 40px;

  	color: #FFFFFF;

  	font-size: 18px;

  	display: inline-block;

  	vertical-align: middle;

  	background: #1199ee;

  	font-family: Open Sans, Segoe UI;

  	padding: 3px 5px;

}



.innerBt {

 	position: relative;

 	float: right;

 	margin-right: 10px;

 	top: 8px;

 	color: #333366;

 	font-family: Open Sans, Segoe UI;

 	font-size: 13pt;

}



.alert {

  	background: #FCECA6;

 	height: 42px;

  	font-family: Open Sans, Segoe UI;

  	font-size: 8pt;

  	BORDER-BOTTOM: #a8a8a8 1px solid;

  	display: none;

}



/* Fake (pseudo) element, that enables vertical-align */

.alert:before {

  	content: "";

  	display: inline-block;

  	vertical-align: middle;

  	height: 100%;

}



.alertinner {

  	position: relative;

  	left: 40px;

  	color: #616161;

  	font-size: 13pt;

  	display: inline-block;

  	vertical-align: middle;

  	background: #FCECA6;

  	font-family: Open Sans, Segoe UI;

  	padding: 3px 5px;

}



.shot {

	background: #e0e0e0 url('wait.gif') no-repeat center; 

	text-align:center; 

	color: #505050; 

	font-family:Verdana; 

	font-size:10px

}



#dhtmltooltip{

	position: absolute;

	top: -300px;

	left: -300px;

	width: 150px;

	border: 1px solid gray;

	padding: 5px;

	color: 000000;

	line-height: 9pt;

	background-color: #f8f8f8;

	visibility: hidden;

	z-index: 100;

	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}





#dhtmlpointer{

	position:absolute;

	left: -300px;

	z-index: 101;

	visibility: hidden;

}



.borda  {

	background-color: #fdfdfd;

	BORDER-RIGHT: #d0d0d0 1px solid;

	BORDER-TOP: #d0d0d0 1px solid;

	BORDER-LEFT: #d0d0d0 1px solid;

	BORDER-BOTTOM: #d0d0d0 1px solid;

	border-radius: 4px;

}



.text {

	BORDER-RIGHT: #d0d0d0 1px solid;

	BORDER-TOP: #d0d0d0 1px solid;

	BORDER-LEFT: #d0d0d0 1px solid;

	BORDER-BOTTOM: #d0d0d0 1px solid;

	border-radius: 4px;

	padding: 5px 5px;

	width: 298px;

	height: 40px;

}



.mydiv {

	display: inline-block;

	background-color: #fdfdfd;

	background-image: linear-gradient(to bottom, transparent, rgba(1,1,1,.10));

	color: #444;

	font-weight: bold;

	text-decoration: none;

	text-align : center;

	padding: 50px 50px;

	box-sizing: border-box;

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

	font-size: 14px;

	BORDER-RIGHT: #a0a0a0 1px solid;

	BORDER-TOP: #a0a0a0 1px solid;

	BORDER-LEFT: #a0a0a0 1px solid;

	BORDER-BOTTOM: #a0a0a0 1px solid;

	border-radius: 4px;

    position: absolute;

    top: 70px;

    left: 50%;

    width: 400px;

    height: 250px;

    margin-left: -200px;

}



.divbig {

    display: inline-block;

    background-color: #fdfdfd;

    background-image: linear-gradient(to bottom, transparent, rgba(1,1,1,.10));

    color: #dd4b39;

    font-weight: ;

    text-decoration: none;

    text-align : left;

    padding: 50px 50px;

    box-sizing: border-box;

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

    font-size: 14px;

    BORDER-RIGHT: #a0a0a0 1px solid;

    BORDER-TOP: #a0a0a0 1px solid;

    BORDER-LEFT: #a0a0a0 1px solid;

    BORDER-BOTTOM: #a0a0a0 1px solid;

    border-radius: 4px;

    position: absolute;

    top: 70px;

    left: 50%;

    width: 400px;

    height: 282px;

    margin-left: -200px;

}



.divheader {

    display: inline-block;

    background-color: #ffffff;

    color: #dd4b39;

    font-weight: ;

    text-decoration: none;

    text-align : center;

    padding: 0px 0px;

    box-sizing: border-box;

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

    font-size: 20pt;

    position: absolute;

    top: 0px;

    left: 50%;

    width: 400px;

    height: 282px;

    margin-left: -200px;

	text-decoration: none;
}



.aviso {

    color: #dd4b39;

    font-weight: ;

    text-align: left;

    padding: 1px 1px;

    line-height: 25px;

}



.label {

    color: #444;

    font-weight: bold;

    text-align : left;

}



.subbut {

    display: inline-block;

    background-color: #4B8DF8;

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));

    color: #FFFFFF;

    text-decoration: none;

    text-align : center;

    text-color: #FFFFFF;

    padding: 5px 5px;

    box-sizing: border-box;

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

    font-size: 14px;

    BORDER-RIGHT: #a0a0a0 1px solid;

    BORDER-TOP: #a0a0a0 1px solid;

    BORDER-LEFT: #a0a0a0 1px solid;

    BORDER-BOTTOM: #a0a0a0 1px solid;

    width: 298px;

    height: 40px;

    box-shadow: 0px 0px 0px #999;

    border-radius: 4px;

}



.subbut:hover {

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.25));

    background-color: #4B8DF8;

    color: #FFFFFF;

    cursor: pointer;

    text-decoration: none;

}



.subbut:active {

    background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15));

    color: #FFFFFF;

    position: relative;

    left: +1px;

    top: +1px;

}



.subbut:focus{

    outline: 0;

}



.but {

    display: inline-block;

    background-color: #FFFFFF;

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.20));

    color: #444;

    font-weight: bold;

    text-decoration: none;

    text-align : center;

    padding: 5px 10px;

    box-sizing: border-box;

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

    font-size: 14px;

    border: 1px;

    width: 100px;

    box-shadow: 0px 0px 0px #999;

    border-radius: 10px;

    BORDER-RIGHT: #a0a0a0 1px solid;

    BORDER-TOP: #a0a0a0 1px solid;

    BORDER-LEFT: #a0a0a0 1px solid;

    BORDER-BOTTOM: #a0a0a0 1px solid;

}



.but:hover {

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.25));

    background-color: #FFFFFF;

    cursor: pointer;

    text-decoration: none;

    color: #444;

}



.but:active {

    background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15));

    position: relative;

    left: +1px;

    top: +1px;

}



.but:focus{

    outline: 0;

}



.exitbut {

    display: inline-block;

    background-color: #FF0000;

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));

    color: #FFFFFF;

    font-weight: bold;

    text-decoration: none;

    text-align : center;

    text-color: #FFFFFF;

    padding: 5px 10px;

    box-sizing: border-box;

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

    font-size: 14px;

    border: 1px;

    width: 100px;

    box-shadow: 0px 0px 0px #999;

    border-radius: 4px;

    BORDER-RIGHT: #a0a0a0 1px solid;

    BORDER-TOP: #a0a0a0 1px solid;

    BORDER-LEFT: #a0a0a0 1px solid;

    BORDER-BOTTOM: #a0a0a0 1px solid;

}



.exitbut:hover {

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.25));

    background-color: #FF0000;

    cursor: pointer;

    text-decoration: none;

    color: #FFFFFF;

}



.exitbut:active {

    background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15));

    position: relative;

    left: +1px;

    top: +1px;

}



.exitbut:focus{

    outline: 0;

}



.optbut {

    display: inline-block;

    background-color: #fafafa;

    color: #333366;

    font-weight: bold;

    text-decoration: none;

    text-align : center;

    text-color: #333366;

    padding: 5px 10px;

    box-sizing: border-box;

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

    font-size: 14px;

    border: 1px;

    width: 100px;

    box-shadow: 0px 0px 0px #999;

    border-radius: 4px;

    BORDER-RIGHT: #a0a0a0 1px solid;

    BORDER-TOP: #a0a0a0 1px solid;

    BORDER-LEFT: #a0a0a0 1px solid;

    BORDER-BOTTOM: #a0a0a0 1px solid;

}



.optbut:hover {

    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.25));

    background-color: #fafafa;

    cursor: pointer;

    text-decoration: none;

    color: #333366;

}



.optbut:active {

    background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15));

    position: relative;

    left: +1px;

    top: +1px;

}



.optbut:focus{

    outline: 0;

}