@charset "utf-8";
/* CSS Document */
.tablaVista
{	width:986px;
	border:0px;
}
body
{	background-repeat:repeat-x;
	overflow-y:scroll;
	background-image:url(../imagenes/fondoBody.png);
	margin:0px;
}
#iniciarSistema
{	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../imagenes/calendarioFondo75.png);
	margin: 0 auto;
}
.modal {
     display:block;
     position: absolute;
     top: 25%;
     left: 25%;
     width: 50%;
     height: 50%;
     padding: 16px;
	 text-align:center;
	 vertical-align:middle;
	 background-color:;
     color: #333;
     z-index:1002;
     overflow:hidden;
}
.listaFlecha
{	list-style-position:outside;
	padding: 0px 30px 0px 30px;
	margin-left:30px;
	list-style-image:url(../imagenes/flechita.png);
	vertical-align:text-top;
	vertical-align:top;
}
.titulosInternos
{	font-weight:bold;
	font-size:12px;
	background-color:#AAC4D5;
	text-align:center;
	height:23px;
	vertical-align:middle;
	border-width:			1px;
	border-style:			solid;
	-moz-border-radius: 	15px;
	-webkit-border-radius: 	15px;
	border-radius: 			15px;
	border-color:#000099;

}
.acercade
{	font-size:12px;
	font-weight:bold;
	color:#000099;
}

a
{	text-decoration:none;
	color:#333333;
}
a:hover
{	color:#000099;
	text-decoration:underline;
}
#barraMenu
{	height:		34px;
	float:		left;
	width:		100%;
	background-image:url(../imagenes/barraMenu2.gif);
	background-color:#000000;
}
#subMenu
{	height:23px;
	float:left;
	width:949px;
	background-image:url(../imagenes/barraSubMenu.gif);
	font:normal 12px 'Trebuchet MS','Arial';
	margin:0;
	padding-left:5px;
	line-height:22px;
	list-style:none;
	color:#333333;
	text-decoration:none;
}

.previaExcel
{	width:100%;
	font-family: Tahoma, Verdana, Garamond;
	font-size:12px;
	text-align:justify;
	background-color:#FFFFFF;
	border-color:#00FFFF;
}
.previaExcel td
{	border-width:1px;
	border-style:solid;
	border-color:#00FFFF;
	margin:0px;
	padding:0px;
	border-width:1px;
}

.previaExceltitulo
{	background-color:#C0C0C0;
	font-weight:bold;
	margin:0px;
	padding:0px;

}
#contenido
{	float:left;
	width:944px;
	padding:5px;
	font-family: Tahoma, Verdana, Garamond;
	font-size:12px;
	text-align:justify;
	background-image:url(../imagenes/fondoCentralVista2.png);
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	min-height:350px;
}

.pie
{	height:23px;
	float:left;
	width:949px;
	background-image:url(../imagenes/barraSubMenu.gif);
	font:normal 12px 'Trebuchet MS','Arial';
	margin:0;
	padding-left:5px;
	line-height:22px;
	list-style:none;
	color:#333333;
	text-decoration:none;
	text-align:center;

}
/** ESTILOS VISTA **/
img{ border: 0pt; }

#bottom_div{
width: 950px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}

.vista_toolbar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
}

.vista_toolbar ul {
background-image:url(../imagenes/back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 0px 0 10px;
width:944px;
}

.vista_toolbar li {
display:inline;
padding:0;
width:100%;
}

.vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

.vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

.vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
.vista_toolbar a:hover{
background: url(../imagenes/left.png) no-repeat left center;
}

.vista_toolbar a:hover span {
background:url(../imagenes/right2.png) no-repeat right center;
}

.vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}
/* DISEÑOS VARIOS */
.titulos_sgw
{	font-size:18px;
	font-weight:bold;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
/* BOTONES ESSTILO VISTA */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.boton
{	border-collapse:collapse;
	border-width:0px;
	background-color: transparent;
	color:#FFFFFF;
	width:126px;
	height:29px;
	font-weight:bold;
	margin-left:-15px;
	margin-right:-15px;
	margin-top:-3px;
	margin-bottom:-3px;
}

.boton:hover{
color: yellow;
}

.inputsText
{	font-size:12px;
	font-family:"Lucida Console","Courier New", Courier, monospace;
	background-color:#FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#B5C7DE;
	width:96%;
}
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
/*border: 1px solid gray;*/
padding: 0px 0;
border-width: 1px 0;
float:right;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu samp.aero{ /*aero button CSS*/
background: transparent url('../imagenes/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 0px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu samp.aero:link, .aerobuttonmenu samp.aero:visited, .aerobuttonmenu samp:active{
color: white; /*Color de texto del boton sin activar*/
}

.aerobuttonmenu samp.aero span{
background: transparent url('../imagenes/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0px; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu samp.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu samp.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 0px; /* 5px */
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}