/*-------------------------------------------------
COMMON */

@font-face {
  font-family: "QuickSand";
  src: url("./QB.otf");
}

body
{
	height: 100%;
	color: #2C75B1;
	background: url( "../images/background/bg_main.png" ) repeat-x scroll right 0 transparent;
	background-color: white;
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-family: QuickSand;
	font-size: 10pt;
}

.fw 
{
	min-width: 990px;
	left: 10px;
	right: 10px;
}

.fw220 
{
	min-width: 220px;
	width: 220px;
	max-width: 220px;
}

.w0
{
	width:0;
}

a
{
	text-decoration: none;
}

/*-------------------------------------------------
CONTAINERS */
div#main {text-align: center; margin: 0 auto;}

div#loading {position: absolute; top:49%; right: 49%; width: 50px; height: 50px; z-index: 1000;}

.mask_all {position: absolute; top:0px; left:0px; bottom: 0px; right: 0px; background-color: black; opacity: 0.4; filter: alpha(opacity=40); z-index: 10000;}
.mask_all_data {position: absolute; background-color: white; z-index: 10001;}

div.modMain
{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 200px;
  margin-top: -100px;
  margin-left: -175px;  
}

div.modModule
{
    margin: 10px;
    border: 1px solid #2C75B1;
    float: left;
    width: 150px;
    text-align: center;
    position: relative;
    background-color: #FFFFFF;
    text-decoration: none;
}

div#header1
{
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	height: 40px;
	background-color: Transparent !important;
}

div#header2
{
	position: absolute;
	top: 10px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	height: 115px;
}

div#content_holder
{
	background-color: white;
	position: absolute;
	top: 123px;
}

div#content
{
	background-color: white;
	position: relative;
	top: 0px;
/*	width: 990px; */
	min-width: 990px;
	left: 0px;
}

div#footer
{
	background: url(  "../images/background/bg_footer.png" ) no-repeat scroll right 0 transparent;
	color: #737373;
	position: relative;
	bottom: 0px;
}

div#cp_detalles
{
	z-index: 10000;
	top: 135px; 
	min-width: 962px; 
	background-color: Silver; 
	position: absolute; 
	overflow: hidden; 
	border: 4px solid rgb(94, 160, 215); 
	bottom: 10px; 
	left: 20px; 
	right: 20px;
}

div#content_bottom_footer
{
	overflow: hidden; 
	padding: 0 10px 0 10px;
}

.center_col_title
{
	background-position: center;
	background: transparent url(  "../images/background/center_col_title_.png" ) no-repeat scroll 0 0;
	height: 35px;
	padding: 9px 0px 0px 0px;
	vertical-align: middle;
}

h1#logo {position:relative;top:-16px;font-size: xx-large;}
h1#logo a {width:auto;height:50px;display:block; text-decoration: none; color: #2C75B1; text-align: left;}

table#menuPrincipal {border:0; padding:0; position:absolute; top:0px;}
table#menuPrincipal tr{border:0; padding:0; min-width:990px!important; position:absolute; top:54px; height:57px!important;}
td#td_cons_dis {padding:0!important;background:none;}
table#menuPrincipal tr td {padding:0 0 0 1px;background:url(../images/background/headerlink_sep.png) 0 0 no-repeat;}
table#menuPrincipal tr td a {height:36px;display:block;padding:21px 10px 0 10px;background:url(../images/background/headerlink.png) right 0 no-repeat;font:bold 14px "QuickSand";color:#2C75B1;text-decoration:none;text-align:center;white-space:pre-wrap;}

table#menuPrincipal tr td:hover,
table#menuPrincipal tr td.active {background:url(../images/background/headerlink_sep.png) 0 0 no-repeat!important;color:black;}
table#menuPrincipal tr td a:hover,
table#menuPrincipal tr td.active a {background:url(../images/background/headerlink_active.png) right 0 no-repeat!important;color:black;}

td#login_user_left {width:10px;min-width:10px;height:29px;padding:3px 0 0 0;background:url(../images/background/header_user_left.png) 0 0 no-repeat;}
td#login_user_mid {min-width:106px;height:29px;padding:3px 0 0 0;background:url(../images/background/header_user_mid.png) 0 0 repeat-x;text-align:center;}
td#login_user_right {width:10px;min-width:10px;height:29px;padding:3px 0 0 0;background:url(../images/background/header_user_right.png) 0 0 no-repeat;}

/*-------------------------------------------------
BACKGROUND */
.bg_clear 
{
	background-color: #EAEEF2;
}

.bg_dark 
{
	background-color: #2C75B1;
}

.bg_white
{
	background-color: #FFFFFF;
}

/*-------------------------------------------------
COLOR */
.color_clear 
{
	color: #EAEEF2;
}

.color_dark 
{
	color: #2C75B1;
}

.color_white
{
	color: white;
}

.bg_white
{
	background-color: white;
}

/*-------------------------------------------------
LIST */
img
{
	border: none 0px transparent;
	text-decoration: none;
	vertical-align: top;
}

/*-------------------------------------------------
LIST */
ol, ul 
{
	list-style:	none outside none;
}

ul#lang_list
{
    width: 180px; 
}

.lang_selected
{
	background: url("../images/background/bg_lang.png" ) no-repeat scroll transparent;
	background-position: 0px -5px;
}

.lang
{
	float: left;
	height: 30px;
	width: 30px;
}

.menu
{
	padding: 0px 10px 0px 10px;
	float: left;
	height: 60px;
}


/*-------------------------------------------------
TABLE*/
table, tr
{
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

th, td
{
	text-align: center;
	vertical-align: top;
}

.nw
{
	white-space: nowrap;
}

.table_header
{
	background: url("../images/background/bg_table_header.png") no-repeat scroll 0 0 transparent;
}

/* tabla Filters */
table.filters th
{
	background-color: #5EA0D7 !important;
	color: #FFFFCC !important;
	border: solid 1px #2C75B1 !important;
	vertical-align: middle;	
}

table.filters th a
{
	text-decoration: none;
	color: #FFFFCC;
}

table.filters td
{
	border: solid 1px #2C75B1;
	vertical-align: middle;
}

table.grids
{
	color: white;
}

table.grids th
{
	background-color: #2C75B1;
}

table.cpDetCab th
{
	background-color: #5EA0D7 !important;
	color: #FFFFCC !important;
	border: solid 1px #2C75B1 !important;
}

th#IR
{
	background-color: #FFFFCC !important;
	color: #2C75B1 !important;
	border: solid 1px #2C75B1 !important;
}

table.cpDetCab tr 
{
	color: #2C75B1;
}

table.cpDetCab td
{
	border: solid 1px #2C75B1;
	background-color: #FFFFCC;
}

table.cpDetPie
{
	width: auto !important;
    min-width: 90px !important;
}

table.cpDetPie th {
	background-color: #5EA0D7 !important;
	color: #FFFFCC !important;
	border: solid 1px #2C75B1 !important;
    padding: 0px 20px;
}

table.cpDetPie tr 
{
	color: #2C75B1;
}

table.cpDetPie td
{
	border: solid 1px #2C75B1;
	background-color: #FFFFCC;
	padding: 0px 20px;
}
.transparent
{
	background-color: transparent !important;
}

.no_border
{
	border-style: none !important;
}

.border 
{
	border: solid 1px #2C75B1;
}

.cntOpt
{
	background: url("../images/background/bg_content_options.png") no-repeat scroll 0 0 transparent;
	width: 230px;
	height: 41px;
	text-transform: uppercase;
	vertical-align: middle;
	color: white;
}

.cntOpts
{
	background: none repeat scroll 0 0 #E1E0E0;
	height: 23px;
	text-decoration: none;
	width: 230px;
	text-align: left;
	color: #6D6C6C;
	padding-left: 15px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: white;
}

.cntOpts:hover
{
	color: #2C75B1;
	background-color: #EAEEF2;
}

.textbox
{
	font-family: QuickSand;
	font-size: 12px;
	text-align: left;
	border: 1px solid #2C75B1;
	height: 20px;
	vertical-align: middle;	
}

.textbox-with-padding-left
{
	font-family: QuickSand;
	font-size: 12px;
	text-align: left;
	border: 1px solid #2C75B1;
	height: 20px;
	vertical-align: middle;	
    position: relative;
    padding-left: 5px;
    top: 0px;
    left: 0px;
}

.button
{
	background: transparent url( "../images/background/btn_off.png" ) repeat scroll 0 0;
	font-family: QuickSand;
	font-size: 12px;
	text-align: center;
	border: 1px solid #2C75B1;
	height: 24px;
	color: #2C75B1;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
}

.button_hover
{
	background: transparent url( "../images/background/btn_on.png" ) repeat scroll 0 0;
	color: black;
}

.button_close
{
	background: transparent url( "../images/Cerrar_16x16_off.ico" ) repeat scroll 0 0;
	border: none;
	height: 16px;
	cursor: pointer;
}

.button_close_hover
{
	background: transparent url( "../images/Cerrar_16x16.ico" ) repeat scroll 0 0;
	height: 16px;
}

.logout
{
	position: relative;
	top: 2px;
	left: -10px;
}

.buscar
{
	background: transparent url(   "../images/Buscar_16x16_gris.ico" ) no-repeat scroll 0 0;
	border: none;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.buscar_hover
{
	background: transparent url( "../images/Buscar_16x16.ico" ) no-repeat scroll 0 0;
	border: none;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.focus
{
	background-color: #AED4F8 !important;
}

.button_disabled 
{
	border: 1px solid silver !important;
	background-color: gray !important;
}

.disabled 
{
	background: transparent repeat scroll 0 0;
	border: 1px solid silver;
	color: silver;
	background-color: gray !important;
}

fieldset
{
	background-color: #EAEEF2;
}

.date
{
	width: 80px;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

.top
{
	vertical-align: top !important;
}

.middle 
{
	vertical-align: middle !important;
}

img.middle
{
	vertical-align: middle !important;
}

.bottom
{
	vertical-align: bottom !important;
}

.td_bd_right
{
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	border-color: white;
}

.td_bd_left
{
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	border-color: white;
}

.visible
{
	display: block;
}
	
.invisible
{
	display: none;
}

.visible
{
	display: block;
}

.visible_tr
{
	display: table-row;
}

.pointer
{
	cursor: pointer;
}

.a#button
{
	background: transparent url(  "../images/background/btn_off.png" ) repeat scroll 0 0;
	font-family: QuickSand;
	font-size: 12px;
	text-align: center;
	border: 1px solid #2C75B1;
	height: 24px;
	color: #2C75B1;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	width: 30px;
	text-decoration: none;
	height: 20px;
}

.row0
{
	background-color: white;
}

.row1
{
	background-color: #DDDDDD;
}

.rowP
{
	background-color: #FFCCCC !important;
	color: inherit;	
}

.rowT
{
	background-color: #FF6300 !important;
	color: #FFFFFF !important;
}

.rowS
{
	background-color: #CCFFCC;
}

.rowF
{
	background-color: #FF6300;
	color: white !important;
}

.row_over
{
	background-color: #AED4F8 !important;
}

.row_selected
{
	background-color: #AED4F8 !important;
	color: black !important;
}

.row_marked
{
	background-color: #AEE7F8 !important;
}

.cell_booked
{
    background-color: #99CC66 !important;
}

.cell_requested
{
	background-color: #FF9933 !important;
}

input.big
{
	font-size: medium;
}

.w25
{
	width: 25px;
}

.w27
{
	width: 27px;
}

.pad5
{
	padding: 0 5px 0 5px;
}

.pFirst
{
	background: transparent url( "../images/FirstHEnabled.ico" ) no-repeat scroll 0 0;
	border: none;
	height: 16px;
	cursor: pointer;
}

.pPrevious
{
	background: transparent url( "../images/PreviousHEnabled.ico" ) no-repeat scroll 0 0;
	border: none;
	height: 16px;
	cursor: pointer;
}

.pNext
{
	background: transparent url( "../images/NextHEnabled.ico" ) no-repeat scroll 0 0;
	border: none;
	height: 16px;
	cursor: pointer;
}

.pLast
{
	background: transparent url( "../images/LastHEnabled.ico" ) no-repeat scroll 0 0;
	border: none;
	height: 16px;
	cursor: pointer;
}

.ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: red;
}

.ajax__calendar_dayname
{
	color: #2C75B1;
	font-weight: bold;
}

.ajax__calendar_title, .ajax__calendar_footer
{
	color: black;
	font-weight: bold;
}

.ajax__calendar_other .ajax__calendar_day,
.ajax__calendar_other .ajax__calendar_year {
    color: silver;
}
.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.ajax__calendar_active .ajax__calendar_day,
.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.auto-style1 {
    height: 5px;
}

.customerRow {

}

.customerColumn {
    width: 35%;
}

.addressColumn {
    width: 65%;
    font-size: 8pt;
    vertical-align: middle 
}

.customer {
   font-weight: bold;
}

.section {
    font-size: 8pt;
}

.tax {
    font-size: 8pt;
    font-weight: bold;
}

/*-------------------------------------------------
Reniec captcha */

#reniec {
    z-index: 10;
    position: absolute;
    right: 45%;
    top: 45%;
    background-color: #eaeef2;
    padding: 10px;
    border: solid 1px #2C75B1;
	display: none
}

    #reniec img {
        border: 1px black solid;
    }

    #reniec #captcha {
        width: 80px;
    }

#hidereniec {
    z-index: 5;
    position: absolute;
    right: 0%;
    top: 0%;	
    height: 100%;
    width: 100%;
    background-color: #eaeef2;
    display: none;
	opacity: 0.75;
}

#reniec .ui-icon-closethick {
    position: absolute;
    top: 0;
    right: 1px;
    cursor: pointer;
}


/*-------------------------------------------------
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeModal {
    color: #aaa;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

    .closeModal:hover,
    .closeModal:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.modalMainContent {
    font-weight: bold;
}
.modalExtraInfo {
    color: #888888;
    font-size: small;
}

/*-------------------------------------------------
/* Credit Control style */

.ThirdLine {
    margin-top: 10px;
}

.ThirdLineFirsCol {
    width: 40%;
    min-height: 40px;
    float: left;
}

.ThirdLineSecondCol {
    width: 60%;
    min-height: 40px;
    float: left;
}

.ThirdLineSecondCol1 {
    width: 50%;
    float: left;
    min-width: 430px;
}

.ThirdLineSecondCol2 {
	width: 50%;
	float: left;
	vertical-align: bottom !important;
}

.CCContainer {
	width: 100%;
}

.CCRow {
	width: 100%;
	float: left;
    min-height: 5px;
    /*border: 1px solid red;*/
}
.CCRow.CCFillSpace {
    height: 10px;
}

.CCLbl {
	width: 70%;
	float: left;
}
.CCTxt {
	width: 25%;
	float: left;
	font-family: monospace;
}
.withTopLine {
	border-top: solid 1px #2C75B1;
}


.CCSource {
	width: 100%;
	margin-top: 10px;
	text-align: right;
	color: #888888;
	padding-top: 10px;
    font-size: small;
}

#confirmButtonContainer {
    
}