﻿/* -- ELEMENT STYLES -- */

body {  
  font-family: arial, helvetica, arial, sans-serif;
  font-size: 80%;
  color: #234163;
  background-color: #FFFFFF;
  margin: 2px;
}

#contenedor {
  width: 900px;
  margin: 0 auto;
    height: 230px;
}

.tableGeneral
{   
    border-color: inherit;
    border-width: 1px;
width: 905px;
    border-collapse:collapse;
    height: 12px;
}



a {
  color: #5A799D;
}

a:hover {
  text-decoration:none;
  background-color: #EEEEEE;
}

acronym {
  cursor: help;
  border: 0px;
}

img {
  border: 0px;
}

ul {
  list-style-image: url(../images/bullet.gif);  
}


/* -- MAIN CONTAINER -- */

#layoutBox {
 /* float: left;*/
  width:910px;
  border: 1px solid #5A799D;
  background-color: #FFFFFF;
  padding: 10px;  
}


/* -- HEADER CONTAINER -- */

#headerBox {
  height: 4em;
  border: 1px solid #5A799D;
  background: #7897BB; /*url(../images/hdr_bg.jpg) repeat-x bottom;*/
}

#headerLeftBox {
    float: left;
    width: 40%;
    height: 4em;
    /*background: url(../images/hdr_left.jpg) no-repeat bottom left;*/
    text-align: right;
}

#headerRightBox {
  float: right;
  width: 40%;
  height: 4em;
  /*background: url(../images/hdr_right.jpg) no-repeat bottom right;*/
}
 
 
/* -- HEADER STYLES -- */

.title {
  font-family: times new roman, helvetica, arial, sans-serif;
  font-size: 280%;
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
  line-height: 0.9em;
}

.subTitle {
  font-size: 90%;
  color: #5A799D;
}


/* -- MENU CONTAINER (don't display for print) -- */

#menuBox {
  display: none;
}


/* -- CONTENT CONTAINER -- */

#mainContent {
  margin-top: 10px;
}

#mainContent br {
  margin-top: 10px;
}

#mainContent p {
  padding: 0px 5px 2px 10px;
}

.spacer{
  height: 1px;
  clear: both;
}


/* -- HEADER/FOOTER STYLES (menuBox & mainContent) -- */

#mainContent h1, #menuBox h1, .menuFooter, .footer {
  font-family: times new roman, helvetica, arial, sans-serif;
  font-size: 125%;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #5A799D;
  background: #EEF3FA;
  border: 1px solid #5A799D;
  display: block; 
  padding: 2px 2px 2px 10px;
  margin: 0 0 10px 0;
}

#mainContent h1, .footer {
  border-right: 1px solid #5A799D;
} 

#menuBox h1 {
  border-left: 1px solid #5A799D;
}

#mainContent h2 {
  font-size: 80%;
  font-weight: bold;
  background-color: #EEEEEE;
  display: block;
  padding: 0px 0px 0px 5px;
  margin-bottom: 0px;
}

#mainContent h2 {
  margin-left: 10px;
}

#mainContent h1, #mainContent h2, .footer {
  clear: right;  /* Set to both if you don't care about Internet Explorer */
}

.footer {
  font-family: arial, helvetica, arial, sans-serif;
  font-size: 80%;
  font-weight: normal;
}

.footer a:hover {
  background-color: #D6E1F1;
}

.footer br {
  margin: -20px;
}

/* -- IMAGE STYLES -- */

.imgRight, .imgLeft {
  padding: 10px 5px 5px 10px;
  border: 1px solid #FFFFFF;
}

.imgRight {
  float: right;
}

.imgLeft {
  float: left;
}




/*-------------------OTRO MODELO DE TABLAS---------------------------*/
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#c2d8ef; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #c2d8ef 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c2d8ef), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #c2d8ef 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2d8ef", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#c2d8ef,b2b2b2);

	background-color:#c2d8ef;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #c2d8ef 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c2d8ef), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #c2d8ef 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2d8ef", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#c2d8ef,b2b2b2);

	background-color:#c2d8ef;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/*----------------------------------------------------------*/

/* MODAL MENSAJES*/
.modalBackground
{
	background-color: #3F3223;
	filter: alpha(opacity=70);
	opacity: 0.70;
}
.ModalPopup
{
      margin:auto;
      text-align:justify;
      width:400px; 
      background-color:White;
      Height:400px;
}

.ModalPopupMessage
{
      background-color:#EEF3FA;
      border-bottom-color:#1a3232;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-left-color:#1a3232;
      border-right-color:#1a3232;
      border-top-color:#1a3232;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      color:#454545;
      display:block;
      width:400px;
      height:200px;
      
}

.ModalPopupMessageContainer
{
      background-color:White;
      width:390px;      
      height:160px;
      margin-left:5px;
      margin-top:7px;
      
}

.ModalPopupMessage_Message
{
      padding-top:21px;
      padding-left:16px;
      padding-right:16px;
      padding-bottom:0px;
      font-weight:bold;
}

.ModalPopupMessage_Buttons {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    text-align:center;

}

.ModalPopupMessage_Title
{
      color:black;
      font-weight:bold;
      padding-top:10px;
      padding-left:16px;      
}
/* MODAL FIN*/



