/*
 * Guia de Estilo para contenidos
 */

/* CONTENIDOS PRINCIPALES */
#main-content 
{
	margin-top:3px;
	padding:15px;
	border:1px solid #818181;
}

#main-content .option-box
{
	margin: 2px;
	padding: 4px;
	border-right: dotted 1px #dcdcdc;
}
#main-content p 
{
	text-align: justify;
}

/* CONTENIDO SERVICIOS */
#service-content
{
	padding: 10px;
	color: #000000;
}
#service-content-left
{
	width: 180px;
	background-image: url(gradients/Azul_300x3.jpg);
	background-repeat: repeat-y;
	padding: 5px;
	border-right: dotted 1px #dcdcdc;
	color: black;
}
#service-sitepath
{
	padding: 5px 10px 2px 5px;
	border-bottom: dotted 1px #dcdcdc;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}
#service-sitepath-partial
{
	padding: 5px 10px 2px 5px;
	border-bottom: dotted 1px #dcdcdc;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
	background-color: #e9f7f7;
}
#service-loginview
{
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 1em;
	width: 169px;
	border: solid 4px #e2ebf6;
	background-color: #cfddee;
}

/* MAPAS */

.map
{
	border-style: solid;
	border-color: #8ba0bc;
    border-width: 1px;	
}
/* FOTOS ÁREA PRESENTACIÓN */
#feature-photo {
	background:#608fc8;
	margin-top: 3px;
}
#feature-photo .photo {
	border-right:3px solid #FFF;
	display:block;
}
#feature-area {
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}
#feature-area a:link, 
#feature-area a:visited {color:#dcf2f7;text-decoration:underline;}
#feature-area a:hover {text-decoration:none;}

/* ESTILO FOTOS / IMÁGENES */
.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}
.photo-float-left {
	float:left;
	margin-right:10px;
}
.image-middle {vertical-align:middle;}

.image-help { border: none; }

/* MENU PRINCIPAL */
#nav-main-top
{ 
	height: 9px;
	background: url(images/theme/HeaderMenuTop.png) no-repeat;
}
#nav-main-bottom
{ 
	height: 9px;
	background: url(images/theme/HeaderMenuBottom.png) no-repeat;
	margin-bottom: 10px;
}
#nav-main 
{ 
	height: 33px; 
	margin: auto;
	background: url(images/theme/HeaderBackground.jpg) repeat-x;
	position: relative;
    border-top: 1px solid white;
    margin-bottom: 10px;
}
#nav-main div:hover{}
#nav-main a {float: left; font-size: 12px; font-weight: bold; color: #e9e9e9;}    /* aki */
#nav-main a:hover {color: #bab8b8;}
#nav-main td {padding-right: 2px;}
.nav-main-popup 
{
	z-index: 101;
	background-color: Blue;	
}
.nav-main-popup a {padding: 3px 2px 1px 0px; }
/* LOGIN INFO */
#nav-main .logininfo {color: White; margin-top: -50px;}

/* TABLAS FORMULARIO*/
.table-form
{
	width : 100%;
}
/* MENU LATERAL */
.nav-left {border-top: solid 1px #dcdcdc; padding: 2px;}
.nav-left-item {color: #8b0000; padding: 2px; border-bottom: dotted 1px #dcdcdc; margin-top: 5px;}
.nav-left-hover { color: Red; background-color: #fff;}
.nav-left-selected {color: Red}

.nav-left-menu 
{
	color: #8b0000; 
	text-decoration: none; 
	margin-left: 5px; 
	margin-bottom: 0px;
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: #dcdcdc; 
	padding-top: 6px;
}
.nav-left-menu:hover{background-color: #fff; color: Red;}
.nav-left-menu a:link {color: #8b0000; text-decoration: none;}
.nav-left-menu a:visited {color: #8b0000; text-decoration: none;}
.nav-left-menu a:hover{color: Red;}
.nav-left-menu-current 
{
	color: Red; 
	text-decoration: none; 
	margin-left: 5px; 
	margin-bottom: 0px;
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: #dcdcdc; 
	padding-top: 6px;
}
.nav-left-menu-current:hover{background-color: #fff; color: Red;}
.nav-left-menu-current a:link {color: Red; text-decoration: none;}
.nav-left-menu-current a:visited {color: Red; text-decoration: none;}
.nav-left-menu-current a:hover{color: Red;}


/* FORMULARIOS */
.labelHeader 
{
    color: #1e395b;
    font-family: Verdana;
    font-size: 8pt;
}
.labelarea {margin: 4px; }
.comboarea {margin: 2px; }
textarea.textarea {border: solid 1px; padding: 2px; }
input.textarea {border: solid 1px; padding: 2px; margin: 2px; }
input.submit 
{ 
	padding: 5px 10px 5px 10px;
	color: #1e395b;
  	font-weight:normal;
	font-size: 8pt;
	font-family: Verdana;
	vertical-align: middle;
	border: 1px solid #abbad0;
	background: #d1dfef url('Editors/edtBtnBack.png') repeat-x left top;
	cursor: pointer;
	margin: 2px 2px 2px 2px;
}
input.submit-hover
{
	color: #1e395b;
	background: #fcf8e5 url('Editors/edtBtnHBack.png') repeat-x left top;
	border: solid 1px #eecc53;
}

/* REJILLA DE DATOS */
.gridview td {padding: 2px 4px 2px 4px; white-space: nowrap; }
.gridview th {padding: 2px 4px 2px 4px; white-space: nowrap; }

/* REJILLA DE DATOS EXTENDIDA */
.gridviewextended 
{
	border-color: #8ba0bc;
	border-style: solid;
	border-width: 1px;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
	cursor: default;
}
.gridviewextended td 
{ 
	padding: 2px 4px 2px 4px; 
	border-color: #8ba0bc; 
	border-width: 1px; 
	white-space: nowrap; 
}
.gridviewextended .header th
{ 
	background-color: #e2ebf6; 
	font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    font-size: 8pt;
	border-top-color: #8ba0bc;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #8ba0bc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    text-decoration: none;
	padding: 8px 6px;
}
.gridviewextended .trnor{ background-color: white; }
.gridviewextended .tralt { background-color: white; }
.gridviewextended .trsel { background-color: #faedb6; }
.gridviewextended .tredit { background-color: #f8f8ff; border-color: #f8f8ff; }
.gridviewextended .footer { background-color: #e2ebf6; font-weight: bold; }  /* aki */
.gridviewextended .trnor:hover, .tralt:hover { background-color: #f0ffff; }

/* TEMPORAL USUARIOS */
.toolboxheader
{
	border: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.toolboxheader-borde-bottom
{
    border-bottom: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.toolboxheader-borde-Nobottom
{
    border-left: solid 1px #8ba0bc;
    border-right: solid 1px #8ba0bc;
    border-top: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.toolboxheader-borde-NoTop
{
    border-left: solid 1px #8ba0bc;
    border-right: solid 1px #8ba0bc;
    border-bottom: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.toolboxheader-div
{
	border: solid 1px #8ba0bc;
	padding: 8px 6px;
}

.panel-formview
{
	border: solid 1px #8ba0bc;
	padding: 8px 6px;
}
.panel-formview .toolboxheader
{
	border: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

/* TITULOS AYUDA */
.title-help
{
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}


/* TAB CONTAINER */
.ajax_tabcontainer .ajax__tab_header 
{
    border-bottom:solid 5px #8ba0bc;
}
.ajax_tabcontainer .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/ajaxtoolkit/sprite.png) #cfddee repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax_tabcontainer .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax_tabcontainer .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/ajaxtoolkit/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax_tabcontainer .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax_tabcontainer .ajax__tab_active .ajax__tab_outer
{
    background:url(images/ajaxtoolkit/sprite.png) #8ba0bc repeat-x left -1400px;
}
.ajax_tabcontainer .ajax__tab_body 
{
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
    padding:0.25em 0.5em;
    border:solid 1px #8ba0bc;
    border-top-width:0px;
    padding-top: 5px;
}

/* CALENDAR EXTENDER */
.ajax__calendar_container { z-index : 1000 ; }
.ajax__calendar_title { width:150px; margin:auto; padding:3px; }

/* TABLA PANTALLA HOY */
.tdtodaytitle
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dcdcdc;
	text-align: center;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.tdtodaypanel
{
	vertical-align: top;
	border: solid 1px #dcdcdc;
}

/* TABLA PANTALLA HOY */
.lv-today-programmed { text-transform: lowercase; }
.lv-today-programmed a:link { text-decoration: none; text-transform: uppercase; color: #007700; }
.lv-today-programmed a:hover { text-decoration: underline; text-transform: uppercase; }
.lv-today-programmed a:visited { text-decoration: none; color: #007700; text-transform: uppercase; }
.lv-today-programmedlegend { text-decoration: none; text-transform: uppercase; color: #007700; }

.lv-today-executed { text-transform: lowercase; }
.lv-today-executed a:link { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }
.lv-today-executed a:hover { text-decoration: line-through,underline; text-transform: uppercase; }
.lv-today-executed a:visited { text-decoration: line-through; color: #3399cc; text-transform: uppercase; }
.lv-today-executedlegend { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }

.lv-today-unprogrammed { text-transform: lowercase; }
.lv-today-unprogrammed a:link { text-decoration: none; text-transform: uppercase; color: #808080; }
.lv-today-unprogrammed a:hover { text-decoration: underline; text-transform: uppercase; }
.lv-today-unprogrammed a:visited { text-decoration: none; color: #808080; text-transform: uppercase; }
.lv-today-unprogrammedlegend { text-decoration: none; text-transform: uppercase; color: #808080; }

/* PANTALLA HOY DE INCIDENCIAS*/
.inc-today-pending { text-transform: lowercase; }
.inc-today-pending a:link { text-decoration:none; text-transform: uppercase; color: #ff9933; }
.inc-today-pending a:hover{ text-decoration: underline; text-transform: uppercase; }
.inc-today-pending a:visited { text-decoration: none; text-transform: uppercase; color: #ff9933; }
.inc-today-pendinglegend { text-decoration: none; text-transform: uppercase; color: #ff9933; }

.inc-today-closed { text-transform: lowercase; }
.inc-today-closed a:link { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }
.inc-today-closed a:hover { text-decoration: line-through; text-transform: uppercase; }
.inc-today-closed a:visited { text-decoration: line-through; color: #3399cc; text-transform: uppercase; }
.inc-today-closedlegend { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }

.inc-today-unvalidated { text-transform: lowercase; }
.inc-today-unvalidated a:link { text-decoration: line-through; text-transform: uppercase; color: #ff0033; }
.inc-today-unvalidated a:hover { text-decoration: line-through; text-transform: uppercase; }
.inc-today-unvalidated a:visited { text-decoration: line-through; text-transform: uppercase; color: #ff0033; }
.inc-today-unvalidatedlegend { text-decoration: line-through; text-transform: uppercase; color: #ff0033; }

.inc-today-accepted { text-transform: none; }
.inc-today-accepted a:link { text-decoration:none; text-transform: uppercase; color: #007700; }
.inc-today-accepted a:hover{ text-decoration: underline; text-transform: uppercase; }
.inc-today-accepted a:visited { text-decoration: none; text-transform: uppercase; color: #007700; }
.inc-today-acceptedlegend { text-decoration: none; text-transform: uppercase; color: #007700; }

.inc-today-inProcess { text-transform: none; }
.inc-today-inProcess a:link { text-decoration:none; text-transform: uppercase; color: #7A2C04; }
.inc-today-inProcess a:hover{ text-decoration: underline; text-transform: uppercase; }
.inc-today-inProcess a:visited { text-decoration: none; text-transform: uppercase; color: #7A2C04; }
.inc-today-inProcesslegend { text-decoration: none; text-transform: uppercase; color: #7A2C04; }

/* ESTILOS PARA EL PASSWORD STRENGTH*/
.password-barborder { border: solid 1px black; width: 50px; }
.password-barindicator1 { color: Red; background-color: Red; }
.password-barindicator2 { color: Orange; background-color: Orange; }
.password-barindicator3 { color: #ffd700; background-color: #ffd700; }
.password-barindicator4 { color: Green; background-color: Green; }

/* MENU PRINCIPAL DE LA APLICACION */
.main-menu-header { background-color: #e6eeff; padding: 5px 0px 5px 10px; font-weight: bold; cursor: default; text-decoration: underline; }

/* aki */

.main-menu {font-weight: bold;}  /* aki */
.main-menu td { width: 95px; padding: 10px 5px 10px 5px; text-align: left; vertical-align: top; }
.main-menu td:hover { background-image: url(images/MainMenuHover.jpg); background-repeat: repeat-x; }
.main-menu ul { list-style: none; font-size: xx-small; padding: 0; } /* aki */
.main-menu ul a:link { color: #00009d; text-decoration: none; }
.main-menu ul a:visited { color: #00009d; text-decoration: none; }
.main-menu ul a:hover { color: #00009d; text-decoration: underline; font-size: x-small; } /* aki */

/* PANEL PARA LOS BOTONES TIPO HYPERLINK*/
.XGrid-link-buttons
{
	margin: 3px 3px 3px 3px;
}

/* Modal Popup */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalContent {
	background-color:  White;
	border: solid 1px black;
	padding: 15px 15px 15px 15px;
}

/* Color de fondo para resaltar un validador */
.validatorCalloutHighlight
{
	background-color: #FFFF99;
}

/* Estilos para Popup de actualización de datos*/
#popup-overlay {
    position: fixed;
    margin-left: 5px;
    top: 94%;
    z-index: 999999;
}

/*
    Popover de JQuery
*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 200px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
/*
    Fin Popover JQuery
*/

/*
    Temas de OpenLayers
*/
.ol-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.ol-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.ol-tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.ol-zoomslider
{
    height: 0px;
}
.ol-unselectable
{
    height: 0px;
}
.ol-zoomslider-thumb
{
    display: none;
    height: 0px;
}
/*.ol-overlay-container {
	position: inherit !important;
}*/


/*
    SOBREESCRITURA TEMAS DEVEXPRESS
*/
.dxscApt .dxsc-apt-bg {
    opacity: 0.8;
}

.dxeTBContentContainerSys
{
    position: relative;
    z-index: 0;
}