@charset "utf-8";



body {

	background: #ffffff;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	/* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}

body.admin {

	background-color: #D4E2FC;
	
}

body, th, td, input, select, textarea {

	font: 100% Arial, Helvetica, sans-serif;

	/* font: 100% Verdana, Arial, Helvetica, sans-serif; */

	font-size: 15px;

	color: #000000;

}



table {

	/* border: 2px solid #4074B0; */

}



th {

	font-weight: bold;

}



td {

	/* border: 1px solid #4074B0; */

}



a:link {

	color: #000000;

	text-decoration: none;

}



a:visited {

	color: #000000;

	text-decoration: none;

}



a:hover {

	color: #000000;

	text-decoration: none;

}



a:active {

	color: #000000;

	text-decoration: none;

}



fieldset {

	border: solid #8FACE4 2px;

}



.mainarea {

	width: 895px;

	padding-top: 90px;

	height: 510px;

	background-image: url(../images/login_01.jpg);

	border: 1px solid #000000;

}



.panel {

	padding-left: 100px;

	height: 231px;

	background-image: url(../images/login_06.jpg);

}



.redborder {

	border-width: 1px;

	border-style: solid;

	border-top-color: #A92425;

	border-right-color: #640908;

	border-bottom-color: #640908;

	border-left-color: #A92425;

}



.menu {

	width: 248px;

}



.menu .icon {

	width: 88px;

	height: 88px;

}



.menu .label {

	width: 160px;

	height: 88px;

	background-image: url(../images/front_09.gif);

	text-align: left;

}



.menu .items {

	background-image: url(../images/front_16.gif);

	padding-left: 50px;

	text-align: left;

}



.menu .footer {

	height: 25px;

	background-image: url(../images/front_19.gif);

	text-align: left;

}



.frame {

	width: 824px;

}



.frame .icon {

	width: 88px;

	height: 88px;

}



.frame .title {

	width: 736px;

	height: 88px;

	background-image: url(../images/interna_03.gif);

	background-repeat: no-repeat;

	background-position: right;

	text-align: left;

}



.frame .content {

	background-image: url(../images/interna_07.gif);

	padding-left: 50px;

	text-align: center;

}



.bCalendar {

	background-color: #F0F0F0;

	border-width: 1px;

	border-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #C8C8C8;

	border-bottom-color: #C8C8C8;

	border-left-color: #FBFBFB;

	padding-left:4px;

	padding-right:4px;

	padding-top:2px;

	padding-bottom:2px;

}



.bCalendar:hover {

	border-color: #B878B8;				

}



.bCalendar:active {

	border-top-color: #C8C8C8;

	border-right-color: #FBFBFB;

	border-bottom-color: #FFFFFF;

	border-left-color: #C8C8C8;

}



#dataset {

	width: 90%;

}

#timmer {

	border: 1px solid #F0F0F0;

}



#dataset tbody th, #timmer thead th {

	background-image: url(../images/interna_06_mini.gif);

	border-left: 1px solid #F9F9F9;

	border-bottom: 1px solid #A9A9A9;

	height: 30px;

	text-align: center;

	cursor: pointer;

	/* cursor: hand; */

}

#timmer thead th {

	cursor: default;

}

#dataset tbody th:hover, #timmer tbody th:hover {

	color: #810081

}



#dataset tbody td {

	height: 30px;

	text-align: left;

}

#timmer thead th, #timmer tbody td {

	border: 1px solid #F0F0F0;

}



.lorow {

	background-color: #F9F9F9;
	
	height: 24px;
	
	vertical-align: middle;

}



.hirow {

	background-color: #E2E2E2;
	
	height: 24px;
	
	vertical-align: middle;

}



.frame .footer {

	height: 31px;

	background-image: url(../images/interna_09.gif);

	text-align: left;

}



.submenu {

	

}



.submenu a:link {

	color: #FFFFFF;

}



.submenu a:visited {

	color: #FFFFFF;

}



.submenu a:hover {

	color: #FFFFFF;

}



.submenu a:active {

	color: #FFFFFF;

}



.botmenu {

}



.botmenu td {

	cursor: pointer;

}



.botmenu .linkpag_enabled {

}



.botmenu .linkpag_enabled>label {

	cursor: pointer;

	text-decoration: underline;

}



.botmenu .linkpag_disabled {

	cursor: default;

}



.disabled {

	background-color: transparent;

	border-width: 0px;

	color: #666666;

}



#footer {

	width: 100%;

	height: 119px;

	background-image: url(../images/front_30.gif);

	position: fixed;

	left: 0px;

	bottom: 0px;

}



.form {
	
	/* border: 1px solid #8FACE4; */
	border: 1px solid #FFFFFF;
	
}



.form th {
	
	padding: 4px;
	
	/* background-color: #8FACE4; */
	background-color: #FFFFFF;
	
	color: #000000;
	
}



.yes {
	
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 20px;
	
	color: #006666;
	
}



.no {
	
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 20px;
	
	color: #990000;
	
}



.mainfleet {
	
	
	
}



.prices th {
	
	color: #FFFFFF;
	
}



.fleet {
	
	
	
}



.fleet th {
	
	font-size: 10px;
	
	font-weight: bold;
	
	color: #FFFFFF;
	
}



.fleet td .name {
	
	font-size: 12px;
	
	font-weight: bold;
	
}



.fleet td .time {
	
	font-size: 10px;
	
}



.twoColFixLt {

	background: #141534 !important;

}



/* old styles */

.twoColFixLt #container {

	background-image: url(../images/login_01.jpg); /* new line */

	background-repeat: repeat-x; /* new line */

	width: 80%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	min-height: 600px; /* new line */

	padding: 20px; /* new line */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	/* border: 1px solid #000000; */

	text-align: left; /* this overrides the text-align: center on the body element. */

}



.twoColFixLt #sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	height: 100%;

	 /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 15px 10px 15px 20px;

	margin-left: 5px;

}



.twoColFixLt #mainContent {

	/* margin: 0 0 -300 0px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

/* /old styles */

.twoColFixLt h4, .twoColFixLt label, .twoColFixLt form fieldset legend,

.twoColFixLt blockquote h4, .twoColFixLt, .form td {

	color: #666666;

}



.twoColFixLt a:link {

	color: #FFFFFF;

	text-decoration: none;

}

			

.twoColFixLt a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

			

.twoColFixLt a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

			

.twoColFixLt a:active {

	color: #FFFFFF;

	text-decoration: none;

}

/* old styles */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}



.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

/* /old styles */

/* Preguntar a Raul*/

.texto_imagen_promo { 
	font:Arial, Helvetica, sans-serif;
	font-size: 8px; 
}
.image{
	position:relative;
}
.imageImg{
position:absolute;
width:220px;
height:168px;
right:-1px;
*right:-2px;
top:-3px;
*top:0px;
background:url(https://www.dollarcostarica.com/images/index_05.jpg) no-repeat;
	
}