body, #MarcoGlobal {
	color: #333333;
}
body, div, td, input, textarea, select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
fieldset {
	background: url("../img/bg_gris_degra_fieldset.gif") repeat-x scroll left bottom #FFFFFF;
	border: 1px solid #D4D4D4;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding-bottom: 15px;
}
fieldset input {
	border: none;
}
fieldset .form {
	background-color: transparent;
}
legend {
	margin: 0 0 0 10px;
	padding: 0 2px 2px 2px;
}

p {
	margin: 1em 0;
}

ul {
	list-style: disc;
	margin-top: 10px;
	margin-left: 20px;
}

li {
	display: list-item;
}

.formContW50{
	width: 49%;
}

#header {
	float: left;
	margin: 0 0 10px;
	width: 100%;
	font-size: 11px;
}

#logo {
	display: inline;
	float: left;
	margin: 14px 0px 0px 20px;
}

#logo a, #logo a:visited {	
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333333;
}

#global_header_bar {
	float: right;
	margin: 6px 4px 0 0;
	text-align: right;
	font-size: 12px;
}

#fecha_sistema {
	margin: 0 8px 0 0;
}

#global_header_nav {	
	margin: 4px 8px 4px 0;
}

#login {
	font-weight: bold;
}

/* ******************************************* Layout tipo SMS ******* */

	#MarcoGlobal {
		position:relative;
	}
	
	#Contenido {
		min-height: 400px;
		width: expression(document.body.clientHeight < 400 ? "400px": "auto" );
	}

	.CapaCentral {
		background: #FFF none;
	}
	
	.MargenMarco {
		margin: 5px;
	}
	
	.MiniGradienteMarco {
		background: url("../img/bot_gris_degra.gif") repeat-x scroll left bottom #FFFFFF;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}
	
	.HcoHoriz {
		float: right;
		height: 40px;
		margin: 7px 5px 0px 0px;
		font-size: x-large;
		font-variant: small-caps;
		font-weight: bold;
		text-align: right;
	}
	
	.HcoHoriz a:link,.HcoHoriz a:visited,.HcoHoriz a:hover {
		color: white;
		text-decoration: none;
	}
	
	.Logo {
		height: 105px;
	}
	
	.MarcoDerecha {
		position: relative;
	}
	
	.MarcoSuperiorIzquierda {
		top: -6px;
		left: 0px;
		//top: -5px;
	}
	
	.MarcoSuperiorDerecha {
		top: -6px;
		right: 0px;
		//top: -5px;
	}
	
	.MarcoIzquierda {
		background: url("../img/panel_izda.jpg") repeat-y scroll 0px 0px transparent;
	}
	
	.CabeceraDetalles {
		display: none;
	}
	
	.textoPie { 
		bottom: 0;
		padding: 5px 0;
		right: 0;
		text-align: center;
		width: 100%;
		color: #888;
		margin-top: 20px;
	}
	
	/* arreglo para el *** IE */
	* html #Contenido {
		height: 400px;
	}
	
	.paneles_derecha { /* vertical-align: top; */
		padding-left: 20px;
	}
	
	.Botonera {
		width: 100%;
		overflow: hidden;
		clear: both;
	}
	
	.Boton {
		padding-bottom: 15px;
	}
	
	.ImgMenu {
		vertical-align: middle;
		border: 1px solid gray;
		padding: 4px 4px 4px 4px;
	}
	
	.EnlaceSeccion {
		color: #9C1F2E;
	}
	
	.imagen1616 {
		border: none;
		width: 16px;
		height: 16px;
	}
	
	.IconoImagenAyuda {
		vertical-align: text-bottom;
		cursor: pointer;
	}
	.Ayuda .IconoImagenAyuda {
		float: right;
		margin: 0 10px;
	}
	
	.LoginLogo span img {
		vertical-align: middle;
	}
	
	.MacroLogo {
		background: transparent url("../img/macro_generico.jpg") no-repeat top left;
		overflow: hidden;
		width: 100%;
	}
	
	.Panel {
		/*line-height: 2em;*/
		border: none;
	}
	
	.mensajes {
		text-align: center;
	}
	.mensajes li {
		list-style-type: none;
	}
	
	.mensajes .mensFracaso {
		color: #B40404;
		background-color: #FFEBE8;
		border: 1px solid #DD3C10;
	}
	
	.mensajes .mensExito {
		color: #0B610B;
		background-color: #EEEEEE;
		border: 1px solid #B5B5B5;
	}
	
	.TextoAyuda {
		background-color: #F0F0F0;
		border: 1px solid #BBBBBB;
		padding: 4px;
		margin: 0px 0px 4px 0px;
	}
	.Ayuda .TextoAyuda {
		margin: 0px 0px 4px 10px;
		overflow: hidden;
	}
	
	.CampoTexto, .CampoFecha, .CampoInput {
		text-align: left;
		color: black;
		background-color: #FFF;
		padding: 3px;
		border: 1px solid #9C1F2E;
	}
	.CampoTexto {
		vertical-align: top;
	}
	
	input[type='file'].CampoInput, input[type='select'].CampoInput { margin: 0;}
	
	h3.tituloSeccion, h2.tituloSeccion, h1.tituloSeccion { text-align: center; }
	
	.width50 { width: 50%; }
	
/* ******************************************** Fin Estilos Layout ******* */

.mostrarFoco,.CampoTexto:focus, .CampoInput:focus, .focus  {
	border: 2px solid #900;
	margin-top: -1px; 
	margin-bottom: -1px;
}

.Hidden {
	display: none;
}

h1,h2,h3 {
	letter-spacing: normal;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0 4px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 2px;
	/*border-bottom: 2px solid #666;*/
}

h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 2px;
}
 /*
form {
	margin: 10px 0;
}
*/
table { /*margin: 4px 0 6px 0;*/
	
}

.tablaDatos th {
	padding: 3px 8px;
	font-weight: bold;
}

.tablaDatos td {
	padding: 1px 8px;
	line-height: 14px;
}

.celda-izquierda { /*border-right: 1px solid #666;*/
	text-align: right;
	width: 250px;
	color: #555 !important;
}

.celda-derecha {
	text-align: left;
}

.grupo-dgp-elems {
	margin: 0 0 14px ;
}

.section-options {
	float: right;
	margin: -18px 20px;
}

.section-option {
	margin: 2px 4px 0 8px;
	/*color: #1259C7;*/
	color: #2A5DB0;
	cursor: pointer;
	letter-spacing: -1px;
}

a, a:link, a:visited {
	color: #1259C7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#message_bar {
	margin: 8px 0 10px 0;
	text-align: center;
	clear: both;
	overflow: hidden;
}

.error {
	color: #B40404;
	font-size: 13px;
	/*font-weight: bold;*/
}

label.error {
	color: #B40404;
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
	width: 300px !important;
}

.rounded-corners {  
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.hidden {
	display: none;
}

.pointer {
	cursor: pointer;
}

.mt6 {
	margin-top: 6px;
}

.ml6 {
	margin-left: 6px;
}

.offset130{ margin-left:130px;}
.offset105{ margin-left:105px;}
.offset180{ margin-left:180px;}
.offset205{ margin-left:205px;}
.mt30{ margin-top:30px !important;}
.mt12{ margin-top:12px !important;}
.separarArriba { margin-top: 20px !important; }
.separarAbajo { margin-bottom: 20px !important; }

#main_footer {
	margin: 15px 20px 25px 20px;
	text-align: center;
	color: #555555;
	font-size: 12px;	
	clear: both;
}

.error-box, .mens-box {
	background-color: #FFEBE8;
	border-color: #DD3C10;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}

.mens-box {
	background-color: #EEEEEE;
	border-color: #B5B5B5;
}

/* ***************************************************************************** GENERALES */

#content {
	width: auto;
	margin: 0 20px;
	overflow: hidden;
	clear: both;
	min-height: 500px;
	width: 1124px;
	margin: 0 auto;
}

#panelModulo {
	padding-top: 2em;
}
.centrarMarco {
	position:relative;
	margin: auto;
}

.box-shadow {
	-moz-box-shadow: 3px 3px 3px #bbb;
	-webkit-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3px 3px #bbb;
}

.vhh input {
	background-color: #FFF;
	border: 1px solid #AAA;
	display: inline;
	float: left;
	font-size: 8pt;
	padding: 2px;
	*padding-top: 5px;
}

input.focus, textarea.focus {
	border: 2px solid #9C1F2E;
}
.form label {
	padding: 1px 5px 2px 0;
	font-size: 8pt;
}

.formularioLogin {
	margin: auto;
	width: 440px;
	overflow: hidden;
}

.formularioLogin ul, .formularioLogin li{
	width: 100%;
}
.formularioLogin label {
	width: 100px;
}

.formularioLogin .offset2 {
	margin-left: 70px;
}

.estiloBotonDegradado{
	background: url("../img/degraBotonSMS.gif") repeat-x scroll 0 0 #9C1F2E;
	color: white;
	cursor: pointer;
	font-size: 1em;
	padding: 2px 10px;
	vertical-align: top;
	outline: medium none;
	text-shadow: 0 1px 0 black;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid black;
	
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888;
    
}
.estiloBotonDegradado:hover {
    background-position: 0 -10px;
    text-decoration: none;
}

input.estiloBotonGrisDegradado, a.enlaceGrisDegradado {
	background: url("../img/bg_gris_degra_button.gif") repeat-x scroll left bottom #F3F3F3;

    cursor: pointer;

    padding: 6px 20px;
    vertical-align: top;
    
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ddd;
    
    -moz-box-shadow: 2px 2px 2px #AAAAAA;
    -webkit-box-shadow: 2px 2px 2px #AAAAAA;
    box-shadow: 2px 2px 2px #AAAAAA;
}
input.estiloBotonGrisDegradado:hover, a.enlaceGrisDegradado:hover {
	background-image: none;
	text-decoration: none;
}

a.enlaceGrisDegradado:hover {
	background-color: #D5D5D5;
	background-image: none;
	text-decoration: none; 
}

span.salir, span.entrar { 
	background: transparent none no-repeat right center;
	padding-right: 20px; 
}
span.salir { background-image: url(../img/logout_icon.gif); }
span.entrar { background-image: url(../img/login_icon.gif); }

.ml100x {
	margin-left: 105px;
}

/* ********************** Pantallas de error *************** */

div.errorPage { margin: 20px 50px; }
div.errorPage a { padding-left: 20px; }
div.errorPage a.back { background: url("../img/back.gif") no-repeat scroll 0 0 transparent; }
div.errorPage a.home { background: url("../img/house.gif") no-repeat scroll 0 0 transparent; }
div.errorPage a.close { background: url("../img/logout_icon.gif") no-repeat scroll 0 0 transparent; }
div.errorPage a.login { background: url("../img/login_icon.gif") no-repeat scroll 0 0 transparent; }

/* ********************** Formularios ********************** */ 

.formSms { }
.formSms div.lineaForm {
	width: 100%;
	clear: both;
	margin: 5px 0;
}
.formSms label.etiquetaCorta, .formSms label.etiquetaMedia, .formSms label.etiquetaMedia {
    display: inline-block;
    text-align: right;
    width: 150px;
    margin-right: 10px;
}
.formSms label.etiquetaCorta {
	width: 100px
}
.formSms label.etiquetaMedia {
	width: 150px
}
.formSms label.etiquetaGrande {
	width: 200px
}
.formSms .margenLCorto {
	margin-left: 115px
}
.formSms .margenLMedio {
	margin-left: 165px
}
.formSms .margenLGrande {
	margin-left: 215px
}

/* ********************** Cebreado de tablas ********************** */

table.tablaDatos,table.cebreadoPorGrupos {
	border-collapse: collapse;
	padding-top: 20px;
	background-color: transparent;
	width: 100%;
	//width: auto;
}

table.tablaDatos thead th { /*font-size: 1em;*/
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}

table.tablaDatos tfoot th {
	font-weight: normal;
	padding: 10px 0;
}

table.tablaDatos tr.cebreado td {
	background-color: #F0F0F0;
	border: 1px solid #DDD;
	border-style: solid none solid none;
}

table.tablaDatos tbody tr.cebreado {
	border: 1px solid #DDD;
	border-style: none solid none solid;
}

table.tablaDatos tr.cebreado td td {
	background: none;
	border: none;
}

table.alingMiddle td {
	vertical-align: middle;
}

table.cebreadoPorGrupos tbody.cebreado {
	border: 1px solid #DDD;
}

table.cebreadoPorGrupos tbody.cebreado td {
	background-color: #F0F0F0;
}

/* ********************** Capa Pesta�as ********************** */

.ui-tabs-panel {
	border-top: 1px solid #CCC !important;
}
.ui-tabs-nav li {
	margin-right: 10px !important;
}
.ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav .ui-tabs-selected a:visited,.ui-tabs-nav a:hover
	{
	-moz-box-shadow: 2px 2px 2px #BBB;
	-webkit-box-shadow: 2px 2px 2px #BBB;
	box-shadow: 2px 2px 2px #BBB;
}
.nav-links {
	list-style: none;
	margin: 0;
}
.nav-links li {	
	padding: 6px 0px 0px 30px;	
}
.nav-links li a, .nav-links li a:visited {	
    color: #9C1F2E;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.nav-links li a:hover {
	text-decoration: underline;
}

.capaPestanas ul.nav-links {
	border-bottom: 1px solid #ccc;
	padding-left: 6px;
	overflow: hidden;
	//height: 27px;	
}
.capaPestanas ul.nav-links li {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 0;
}
.capaPestanas ul.nav-links li a{
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	border: 1px solid transparent;
	//border: 1px solid #FFF;
	border-bottom: none;
	position: relative;
	overflow: hidden;
}
.capaPestanas ul.nav-links li.ui-tabs-selected a,
.capaPestanas ul.nav-links li a:hover {
	border: 1px solid #ddd;
	border-bottom: none;
    background: url("../img/bg_gris_degra_button.gif") repeat scroll 0 0 transparent;
    color: #000;
}
.capaPestanas ul.nav-links li.ui-tabs-selected a{
	-moz-box-shadow: 2px 2px 2px #BBB;
    -webkit-box-shadow: 2px 2px 2px #BBB;
    box-shadow: 2px 2px 2px #BBB;
    cursor: text;
}


/* ********************** Otros ********************** */

.exito { color: green; }
.enProgreso { color: #E07233; }
.error, .fracaso { color: #9C1F2E; }

label.etiqueta {
	color: #000;
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    text-align: right;
    float: left;
}
label.etiqueta.derecha {
	text-align: left;
}

.etiqueta.muyCorta { width: 50px }
.etiqueta.corta { width: 100px }
.etiqueta.media { width: 150px }
.etiqueta.grande { width: 200px }
.etiqueta.muyGrande { width: 250px }

.etiqueta.detalle {
}

.dato {
	margin-top: 5px;
    display: block;
    text-align: left;
    overflow: hidden;
}

.cajaError { text-align: center; background: #ecc8cd; color: #67101b; padding: 10px; margin: 20px 0; display: inline-block; }

.anchoCompleto { width: 100%; }

.noMargin { margin: 0; }

.exito { color: green; }
.enProgreso { color: #E07233; }
.error, .fracaso { color: #9C1F2E; }

.ui-message-error-icon { margin: 5px 0 5px 160px; }

.contenidoIzquierda { text-align: left; }
.contenidoDerecha { text-align: right; }
.contenidoCentrado { text-align: center; }

.izquierda { float: left; }
.derecha { float: right; }
.centrado {
	margin: auto;
	overflow: hidden;
}
.limpiar { clear: both; }

.ajustado { overflow: hidden; }

.centrado.muyEstrecho { width: 45%; }
.centrado.estrecho { width: 60%; }
.centrado.medioEstrecho { width: 65%; }
.centrado.medio { width: 75%; }
.centrado.grande { width: 90%; }

.separarArriba { margin-top: 20px; }
.separarAbajo { margin-bottom: 20px; }
.separarArribaMas { margin-top: 30px; }
.separarArribaMasMas{ margin-top: 45px; }
.separarArribaMucho{ margin-top: 70px; }
.separarArribaMenos { margin-top: 15px; }
.separarArribaMenosMenos { margin-top: 10px; }
.separarAbajoMas { margin-bottom: 30px; }
.separarAbajoMasMas { margin-bottom: 45px; }
.separarAbajoMenos { margin-bottom: 15px; }
.separarAbajoMenosMenos { margin-bottom: 10px; }

.separarIzquierda { margin-left: 10px; }
.separarDerecha { margin-right: 10px; }
.separarIzquierdaMas { margin-left: 20px; }
.separarDerechaMas { margin-right: 20px; }
.separarIzquierdaMenos { margin-left: 5px; }
.separarDerechaMenos { margin-right: 5px; }

.indentadoMuyEstrecho { padding-left: 60px; }
.indentadoEstrecho { padding-left: 110px; }
.indentadoMedio { padding-left: 160px; }
.indentadoGrande { padding-left: 210px; }
.indentadoMuyGrande { padding-left: 260px; }

.rellenarArriba { padding-top: 20px; }
.rellenarAbajo { padding-bottom: 20px; }
.rellenarArribaMas { padding-top: 30px; }
.rellenarArribaMasMas{ padding-top: 45px; }
.rellenarArribaMenos { padding-top: 15px; }
.rellenarAbajoMas { padding-bottom: 30px; }
.rellenarAbajoMasMas { padding-bottom: 45px; }
.rellenarAbajoMenos { padding-bottom: 15px; }
.rellenarIzquierda { padding-left: 10px; }
.rellenarDerecha { padding-right: 10px; }
.rellenarIzquierdaMas { padding-left: 20px; }
.rellenarDerechaMas { padding-right: 20px; }
.rellenarMenos { padding: 10px; }
.rellenar { padding: 15px; }
.rellenarMas { padding: 20px; }
.rellenarMasMas { padding: 30px; }

.cols2 {
	width: 49%;
}
.cols3 {
	width: 32%;
}
.lineaDatos {
	overflow: hidden;
}
.lineaForm, .lineaDatos {
	overflow: hidden;
}

.icono {
    display: inline-block;
    height: 20px;
    width: 22px;
    text-decoration: none !important;
}

.icono.iconoBuscar { 
	background: transparent url("../img/lupa.gif") no-repeat center top !important; 
}

.lupaBuscar{
	float: right;
    margin-right: -9px;
    margin-top: -21px;
}