﻿body 
{
	background-color: #F2F2F2;
	font-size: 8.5pt;
    color: #000000; 
    margin:0;
    padding:0;
    height:100%;
    border:none;
	font-family: Tahoma, Arial;
	
}


/** Tipo de Letras por defecto dentro de la aplicación **/
.default-small /* letra default, negra y pequeña */
{
	font-family: Tahoma, Arial;
	font-weight:normal;
	font-size: 8.5pt;
	color:#000000;
}
.ch 
{
	cursor:hand;
}
.default-medium /* letra default, gris y tamaño medio*/
{
	font-family: Tahoma;
	font-weight:800;
	font-size: 9.0pt;
	color:#000000;
}

.blue /* labels de color azul claro */
{
	font-family:Trebuchet MS ;
	font-weight:normal;
	font-size: 8.5pt;
	color: #009ACD;
}

.blue-medium
{
	font-family:Trebuchet MS ;
	font-weight:normal;
	color: #009ACD;
	font-size: 11pt;
}
.blue-bold /* labels de color azul claro pero con texto bold */
{
	font-family:Trebuchet MS ;
	font-weight:bold;
	color: #009ACD;
	font-size: 11pt;
}

.black /* labels de color negro */
{
	font-family:Trebuchet MS ;
	font-weight:normal;
	color: Black;
	font-size:11pt;
}

.darkblue /* labels de color azul mas oscuro */
{
	font-family:Trebuchet MS ;
	font-weight:normal;
	color: #0265CB;
	font-size: 11pt;
}

/**** Combos y dropdownlists ***********/
.dropdownlist
{
	font-family:Trebuchet MS ;
	font-size:x-small;
	color: #9E9E9E;
}
/*****************************/


.boton /* texto de los botones */
{
	font-family: Tahoma, Arial;
	font-weight:normal;
	font-size: 8.5pt;	
	height: 20px;
	color: #000000;	
}

/************* Tabla principal ****************/ 
.tabla_Main 
{	
	background-image: url(/Images/HDR/fondo_cabecera.jpg);
	background-repeat:repeat-x;
	width: 100%;
	border: none;
	border-width: 0px;
	border-collapse:collapse ;
	padding: 0 0 0 0;
	height:100;
	min-height: 100%;
	margin:0 0 0 0;
	vertical-align:top;
}
	/*Cabecera*/ 
	#margen_izq{
	width:5%;
	}
	#celda_logo{
	width:105px;
	}
	
	#tabla_MMenu{
		margin-top: 53px;
	}
	.Mmenu{
		font-family:"Trebuchet MS", Arial;
		font-size:11px;
		color:#333333;
		width: 75px;
		text-align:left;
		vertical-align:middle;
	}
	.iconos{
		width:27px;		
		text-align:left;
		vertical-align:top;
	}
	#tabla_admin{
	margin-bottom:0px;
	}
	.celda_login{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#CCCCCC;
		height:65px;
		margin-top:2px;
	}
	/*Fin Cabecera */ 
/**********************************************/


.tablageneral
{
	border-collapse: collapse;
	border-width: 0px;
	margin-left: 15px;
}

.tablasmall
{
	border-collapse: collapse;
	border-width: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

.tablacontrol
{
	border-collapse: collapse;
	display:inline;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: middle;
}

/*** Clase usada para los labels de error ***/
.errortext
{
	color: Red;
	font-style: italic;	
	font-weight: normal;
	font-family: Tahoma, Arial;
	font-size: 8.5;
}

/* ESTILO DEL MENU */
.Menu
{
	font-family:"Trebuchet MS", Arial;
	font-size:11pt;
	color:#333333;
}
.MenuUsuario
{
	font-family:"Trebuchet MS", Arial;
	font-size:11pt;
	color:#999999;
}

.TituloFormulario
{
	font-family: "Trebuchet MS", Arial;
	font-size: 11pt;
	color: #0099cc;
}

.LabelFormulario
{
	font-family: Tahoma, Arial;
	font-size: 8.5pt;/*11px;*//*;*/
	color: #999999;/*#000000;*/
}

.TextoFormulario
{
	font-family: Verdana;
	font-size: 8.5pt;/*10px;*/
	color: #666666;/*#000000;*/
}

.GridCell
{
	font-family: Verdana;
	font-size: 8.5pt;/*10px;*/
	color: #666666;/*#000000;*/
}

.calle {

background-image:url(calle.gif);

}

.callevertical {
background-image:url(calle2.jpg);
height:100%;

}

.itemTramos
{
	/*border-bottom:solid 1px black;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;*/
}

.textovertical 
{
	font-family: Tahoma, Arial;
	font-weight:bold;
	font-size: 8.5pt;
	color:#000000;
	writing-mode: tb-rl; 
	filter: flipv fliph;
} 

.textohorizontal
{
	font-family: Tahoma, Arial;
	font-weight:bold;
	font-size: 8.5pt;
	color:#000000;
	writing-mode: lr-tb; 
	vertical-align:bottom;
	/*line-height:32px;*/
	
} 

.placa
{
	background-color:#FFFF80;
	width:50px;
	text-align:center;
}

.logotramo
{
	border:solid 1px black;
	width:90px;
	height:90px;
	vertical-align:middle;
	line-height:90px;
}

.altura {
	background-image: url(altura.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 0px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}
.borde {
	border: 1px solid #666666;
}
.calleV {
	background-image: url(images/callev.gif);
	background-repeat: repeat;
}
.cartel {
	background-image: url(images/cartel.gif);
	height: 100px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	margin: 15px;
}


.divVolador 
{ 
    position:fixed; 
    top: 310px; 
    left: 20px;
    font-size:16px;     
}  

.divVoladorKeyPlan
{
	position: fixed; 
    top: 350px; 
    left: 170px;
    font-size:16px;  
}

.divVoladorDerecho
{ 
    position: fixed; 
    top: 310px; 
    left: 1070px;
    font-size:16px; 
}  

.titulosConteos
{
	font-weight:bold;
}

.transitovertical
{
	vertical-align:top;
	text-align:left;
	color:Blue;
	background-color :#BBC4C1;
}

.inclinacionvertical
{
	height:50px;
	vertical-align:top;
	text-align:left;
	color:red;
	background-color :#BBC4C1;
}

.transitohorizontal
{
	color:Blue;
}

.inclinacionhorizontal
{
	color:red;
}

.calendar-header
{
	
}

.inputLogin
{
	background-color: #FFFFFF;
	border: black 1px solid;
	color:#999999;
	font-family: arial, verdana, ms sans serif;
	font-size: 9px;
	width:100px;
}

.comboChico
{
	padding-top: 1px;    
    padding-bottom: 0px;
	background-color: white;
    font-family: Tahoma;
    font-size: 8.5pt;
}
	





/*MAP*/

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}
.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}
.im
{
	width:100%;
	height:100%;
}

.local
{
	 border-color : black;
	 border-style : solid ;
	 border-width : 1px;
	background-color: #F3F3F3;
	vertical-align :middle ;
	text-align:left ;
	background-image:url(resize.jpg);
	background-repeat :no-repeat ;
	background-position :right bottom ;
	
}
.localSelect
{
	 border-color:#FFCC99;
	 border-style : solid ;
	 border-width : 2px;
	background-color: #F3F3F3;
	vertical-align :middle ;
	text-align:left ;
		background-image:url(resize.jpg);
	background-repeat :no-repeat ;
	background-position :right bottom ;	
}
.localNuevo
{
	border: thin dashed black;
	background-color :Transparent ;
	width:200px;
	height:100px;
}
.calleCortadaNuevo 
{
	border: thin dashed black;
	text-align: left;
	background-color :Transparent ;
	width:225px;
	height:28px;
}
.calleHorizontalNuevo 
{
	border: thin dashed black;
	text-align: left;
	background-color :Transparent ;
	width:480px;
	height:28px;
	
}
.Nuevo
{
	text-align: left;
	border: 0px;
	width: 200px;
	height: 10px;
	font-family: Verdana;
	font-style: italic;
	color: #0000FF;
	font-weight: bold;
	text-decoration: underline;
}
.BackNuevo
{
	/*width:200px;	*/
	padding:2px 6px 2px 6px;
	margin : 0px;	
	background-position: top left;	
	background-repeat:no-repeat ;	
	/*background-image: url(BackNuevo.gif);	*/
	text-align:left ;
}
.calle1 {

background-image:url(calle.gif);
text-align:left ;
}

.calleSelect {
 border-color:#FFCC99;
 border-style : solid ;
 border-width : 2px;
background-image:url(calle.gif);
text-align:left ;
}

.callevertical1 {
background-image:url(calle2.jpg);
height:100%;
text-align:center ;
}

.ibtIconosFlotante
{
	width:30px;
	border-color:Gray;
	 border-style :solid ;
	 border-width :1px;
	 text-align :center ;
	 vertical-align :middle ;
	 
}



.pmMenu 
{
	position:absolute ;	
	border :solid 1px #666666;	
	background-color :#bbbbbb  ;	
	width :82px;	
	left:-30px;	
	margin:0px;	
	top:0px;	
	filter: alpha(opacity=96);
	opacity: .96	
}
.pmMenuItem 
{
	width:70px;
	border-bottom:solid 1px #aaaaaa;
	background-color: #dddddd;	
	padding:2px 6px 2px 6px;
	margin : 0px;	
	cursor : pointer;	
	background-position: top left;	
	background-repeat: repeat-x;	
	background-image: url(menumask_96x28.png);	
	text-align:left ;

}

.pmSubTitle 
{
	background-color: #0066dd;
	font-family: arial, helvetica, sans-serif;    
	color: #ffffff;    
	width:70px;     
	text-align : left;    
	font-size :12px;    
	font-weight:bold;    
	padding : 4px;        
	padding-left : 6px;    
	padding-right : 6px;
	background-position: top left;    
	background-repeat: repeat-x;    
	background-image: url(menumask_96x28.png);
}
a.lnk 
{
	font-size:11px;
}

.error
{
	display:none ;
	color: Red;
	font-style: italic;	
	font-weight: normal;
	font-family: Tahoma, Arial;
	font-size: 8.5;
}
.GridRow
{
	font-family: Verdana;
	font-size:x-small; 
	color: #000000;
	background-color: #FFFFFF;	
}
.GridRowSelect
{
	font-family: Verdana;
	font-size:x-small;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #CECECE;
}
.GridRowMouseover
{
	font-family: Verdana;
	font-size: x-small;
	color: #000000;
	background-color:#F7F7F7;
	
}

.TableLocal
{
    width: 500px;
    border-spacing: 0px;
    padding :0;
}
    
.collapsePanelHeader{
	width:500px;
	height:20px;
	font-weight:bold;

}
.collapseTableHeader{
	width:100%;
	height:100%;
	background-image : url(backCollapse.png);
	background-repeat:repeat-x;
}

.collapsePanel
{
    overflow:hidden;
    height:0;
}

.GeneralControlLocal
{
    height:15px;
}

/****** --- NUEVO DISEÑO --- ******/
.NDLabelFormulario
{
    font-family: Tahoma, Arial;
    font-size: 8.5pt;
    color: #000000;
}

.tdBotonesGrilla
{
	border-Right-color:#CECECE; 
	border-Right-style:solid; 
	border-Right-width:1px;
}

div.overdivopen  
{
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7; 
    background-color: #000000; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
}

div.overdivopen2 
{
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7; 
    background-color: #000000; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 200%; 
} 
                
div.overdivclose  
{
   /* background-color: #000000;*/
    width:0px;
    height:0px;
    top:0px;
    height:0px;    
}                

.style_backgroundWhite
{
	background-color:#FFFFFF;
}

.ch
{
    cursor:pointer;
    }
