/* 

	INFORMACION GENERAL
	Hoja de estilos base para todo los documentos
	---- Contenidos ---- 
	1. BODY
	2. HEADER
	3. NAVBAR
	4. CONTENT
	5. FOOTER
	--------------------
	
	1. BODY
	
*/

.body {background:#565656 url(../images/bg_body.png) repeat-x left top; line-height:1.2; margin:0;}
.content_1100, .content1100 {width:1100px; background-color:#fff; text-align:center;}
.content_1280, .content1280 {width:1280px; background-color:#fff; text-align:center;}
.content_1600, .content1600 {width:1600px; background-color:#fff; text-align:center;}
.content, .content800, .content_800 {width:800px; background-color:#fff; text-align:center;}
.mainBox, .mainBox800, .mainBox_800 {width:800px; margin:0 auto 10px auto;}
.mainBox_1000, .mainBox1000 {width:1000px; margin:0 auto 0 auto;position:relative;}
.mainBox_1100, .mainBox1100 {width:1100px; margin:0 auto 0 auto;position:relative;}
.mainBox_1280, .mainBox1280 {width:1280px; margin:0 auto 0 auto;position:relative;}
.mainBox_1600, .mainBox1600 {width:1600px; margin:0 auto 0 auto;position:relative;}
.nota {position:fixed; margin-left:50%; left:-500px; top:0; width:200px;}
.nota {background-color:#fff; z-index:1000; border-left:10px #092940 solid; border-right:10px #092940 solid;}
.etiquetaNota {font-size:20px; text-shadow: 0 1px 0 #999;font-family: "Arial Narrow", Arial, sans-serif; background-color:#092940; color:#fff;}
.zebraMenu tr:nth-child(even){background-color: #265374;}
.zebra tr:nth-child(even){background-color: #C8E4FA;}
.intranetTabsContainer{position:absolute;top:10px;right:-40px;width:40px;overflow:hidden;text-shadow: 0 1px 0 #DFDFE1;}
.intranetTabs{height:60px;width:40px;float:left;font-weight:bold;position:relative;margin-top:-13px;}
.selectedTab{border-left:1px solid #fff; z-index:1000;}
.unSelectedTab{border-left:1px solid #ccc;color:#bbb;cursor:pointer;}
.unSelectedTab:hover{color:green;}
.tab_top{float:left;background-image: url("tab_top.png?v=2");height:3px;width:40px;}
.tab_bottom{float:left;background-image: url("tab_bottom.png?v=2");height:25px;width:40px;}
.tab_left{float:left;background-image: url("tab_left.png?v=2");height:25px;width:4px;}
.tab_label{float:left;background-color:#FFF;height:32px;line-height:37px;padding:0 0 0 2px;border-right:1px solid #ccc;width:37px;}
.tab_right{float:left;background-image:url("tab_right.png?v=2");height:25px;width:25px;}
.iconBttn,.closeBttn, .fichaBttn,.totalesBttn {
/*background-color: transparent; /* make the button transparent */
background-repeat: no-repeat;  /* make the background image appear only once */
background-position: 7px 7px;  /* equivalent to 'top left' */
border: 1px gray solid;           /* assuming we don't want any borders */
cursor: pointer;        /* make the cursor like hovering over an <a> element */
vertical-align: middle; /* align the text vertically centered */
}
.closeBttn {background-image: url(https://www.piccolaitalia.cl/intranet/images/error_mid.png);}
.fichaBttn {background-image: url(https://www.piccolaitalia.cl/intranet/images/iconoContrato.GIF);}
.totalesBttn {background-image: url(https://www.piccolaitalia.cl/intranet/images/iconoDolar.png);}

/*
	
	2. HEADER 
	
*/

#headerBox {width:100%; height:100px; margin:10px 0 10px 0; overflow:hidden;}
#headerMenuBox {width:100px; height:100px; line-height:25px; margin:0; padding:0; float:right; overflow:hidden;}
#headerMenuBox li {list-style:none; text-align:right;}
#headerMenuBox li a{color:#fff; font-size:12px; text-decoration:none; text-shadow:0 1px 0 #000;}
#headerMenuBox li a:hover {text-decoration:underline;}
#headerInfoBox {width:245px; height:100px; margin:0; padding:0; float:right; overflow:hidden;}
#headerInfoBox div {text-shadow:0 1px 0 #000;}

/*
	
	3. NAVBAR or MENU JQUERY
	
*/

#navBar{width:100%; height:40px; line-height:40px; background-image:url(../images/bg_th.png); background-repeat:repeat-x;}
#navBar{position:relative; clear:both; display:block;}
#navBar{text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:white;}
#navBar{text-shadow: 0 1px 0 black; font-weight:bold;}
.linkSucursal {font-weight:bold; text-indent:20px; text-decoration:none; color:#0D5287; vertical-align:middle;}
.linkTotal {height:25px; clear:both; font-weight:bold; text-align:center; text-decoration:none; color:#0D5287;}
.linkTotal {padding-top:10px;}
.linkSucursal:hover, .linkTotal:hover {color:#fff; background-color:#0D5287; text-shadow:none;}
.cerrarVentana {position:absolute; top:-20px; right:5px; width:16px; height:16px; cursor:pointer;}
.linSelSuc {text-decoration:none;}
.linSelSuc:hover {background-color:#FCCB9A;}
.h5 {position:relative; background-color:#0D5287; color:#FFF; display:block; font-size:11px;}
.h5 {line-height:29px; text-indent:10px; margin:0; padding:0; border-top:1px solid #238EDD;}
.h5 {border-left:1px solid #238EDD; border-right:1px solid #0A416C; border-bottom:1px solid #0A416C;}
.h5 {text-shadow:0 1px 0 #000;}
.buttonToTheLeft, .buttonToTheRight{top:0;height:100%; border:1px solid #0D5287;padding:3px;}
.buttonToTheLeft:hover, .buttonToTheRight:hover{cursor:pointer;border:1px solid #fff;}
.buttonToTheLeft{position:absolute;left:0;}
.buttonToTheRight{position:absolute;right:0;}

/*
	
	4. CONTENT
	
*/

.mainTitle{height:30px; line-height:41px; border-bottom:1px dashed #ccc;text-shadow: #ccc 0px 1px 0;margin:0;padding:5px 0;}
.secondaryTitle{height:20px; line-height:31px;text-shadow: #888 0px 1px 0;margin:0;padding:5px 0;position:relative;}
.gastDiv{width:1590px;position:relative;text-align:right;color:#103C5B;font-family:Tahoma;font-size:13px;}
.gastDiv{text-shadow: 0 1px 0 #999;padding-bottom:30px;}
.gastDiv a{text-decoration:none;}
.gastEncabezados{z-index:999;width:1590px;position: relative;background-color:#041B2B;color:#fff;font-weight:bold;}
.gastEncabezados{height:28px;line-height:28px;border-bottom:1px #000 dotted;}
.gastEncabezados div{float:left;}
.filaGastos{cursor:pointer; height:20px;line-height:20px;border-bottom:dashed 1px #ccc;text-align:right;}
.filaGastos div{float:left;}
.coltotales{width:7%;float:left;}
.columnaResumen{width:16%;float:left;text-align:left;}
.expandIcon{margin:0;padding:0;vertical-align:middle;}
.divth{display:inline-block;padding-right:12px;position:relative;height:30px;line-height:30px;}
.asc {position:absolute;height:12px;width:12px;top:3px;right:0}
.desc {position:absolute;height:12px;width:12px;top:15px;right:0}
#contenedorPrincipalNormal, #contenedorPrincipal {width:800px; margin-bottom:10px; margin:0 auto; position:static;}
#contenedorPrincipal {display:none;}
.col1of3, .col2of3, .col3of3 {float:left; width:33%; line-height:15px;text-align:center;margin:0;padding:0 0 10px 0;text-shadow: 0 1px 0 #999;}
.col1of2, .col2of2, .col1of2b, .col2of2b {float:left; width:50%}
.col1of2, .col2of2 {line-height:25px;}
.col1of2 {text-align: right;}
.col1of2 div {padding-right: 15px;}
.col2of2 {text-align: left;}
.col2of2 div {padding-left: 15px;}
.col1of2b{text-align: right;}
.col2of2b{text-align: left;}
.newCol1of2, .newCol2of2{width:46%;padding:2%;float:left;border:0;margin:0;overflow:hidden;line-height:20px;}
.newCol1of2 :not(h1){text-align:right;}
.newCol2of2 :not(h1){text-align:left;}
.newCol1of3, .newCol2of3, .newCol3of3{width:30%;padding:1.6%;float:left;border:0;margin:0;overflow:hidden;line-height:20px;text-align:center;}

.subCol1of2, .subCol2of2 {float:left; width:50%; line-height:20px; padding:0; text-shadow: 0 1px 0 #CCC;}
.subColDivLeft {text-align:right;padding-right:10px;font-weight:bold;}
.subColDivRight {text-align:left;padding-left:10px;}
.row:hover{cursor:pointer;background-color:#FCCB9A;}
.row:hover{cursor:pointer;background-color:#FCCB9A;}
.arrowContent, .flechas{vertical-align: middle;margin: 0;border: 0;cursor: pointer;}
.arrowContent{height:17px;width:17px;cursor:pointer;}
.hiddenArrowContent{display:none;border-top:1px #ccc solid;border-bottom:2px #0D5287 solid;}
.borLeft{border-left: 1px solid #0D5287;}
.historyEvent {position:relative;border-top:2px dashed #0D5287;padding:5px 0 0 25px; font-weight:normal;}
.historyIcon_v2 {position:absolute;left:-4px;top:-15px;}
.historyDeleteIcon_v2 {position:absolute;right:5px;top:-8px;}
.historyEventText_v2 {position:absolute;left:40px;top:0;width:220px;height:65px;}
.historyEventAuthor {height:20px;line-height:20px;overflow:hidden;}
.historyEventDetail {height:30px;line-height:15px;overflow:wrap;padding-right:5px;}
.historyEventDate {height:10px;line-height:10px;text-align:right;padding-right:5px;}
.historyComment {clear:both; position:relative;}
.historyCommentText {margin:0;padding:10px 10px 15px 10px;}
.tablaInformeCaja{margin:0 5px;text-align:right;width:1590px;table-layout:fixed;text-shadow:0 1px 0 #999;}
.tableInfoDinerosFooter{background-color:#fff;}
.tableInfoDinerosFooter td, .tableInfoDinerosFooter th{border-top:6px solid #0D5287;border-bottom:6px solid #0D5287;padding:5px 0;}
.tablaEstandar{text-shadow: 0 1px 0 gray;}
.borRight{border-right:1px solid #0D5287; padding-right:2px;}
/*
	
	5. FOOTER
	
*/

#footerBox {width:790px; margin:10px auto 0 auto; padding:0 5px; border-top:7px #0D5287 solid;}
#footerBox {overflow:hidden; background-color:#041A2A;}

/*

	6. INPUTS
	
*/
.chkbx{height:16px;width:16px;margin:0;}
.textArea{height:100px; max-height:100px; width:250px; max-width:250px; margin:2px 0 0 3px; padding:0;}

/************** ALIGN(center is default) **************/
.al {text-align:left;}
.ar {text-align:right;}

/************** COMMON **************/
.cls {clear:both; line-height:1px;}
.clear {clear:both; position:relative;}

/*
	7. INFORME DE ASISTENCIA
*/
.botonTipo{
height:25px;
}

.botonTipo:enabled{
cursor:pointer;
}

.botonTipo:disabled{
cursor:default;
}

.botonTipo:hover:enabled{
background-color:#4592BF;
color:white;
border:2px solid #4592BF;
}