/* general web style ----------------------------------------------------------------------------*/

A:link 		{text-decoration:underline; color: black;} 
A:visited 	{text-decoration:underline; color: silver;} 
A:active 	{text-decoration:underline; color: navy;} 
A:hover 	{text-decoration:underline; color: gray;} 

hr { color: #009383; width: 80%; }
hr.noventa {  width: 99%; }

/* BODY - general page struct -------------------------------------------------------------------*/

body { margin: 10px 10px 10px 10px; font:12px Tahoma; color:#DDEEFF; background:url(../super_images/background/body_background.jpg) 50% 0 repeat-y black; } 
 
/* DIVS - estructurales -------------------------------------------------------------------------*/

#container     { width:1020px; padding:10px; margin:0 auto; background:url(../super_images/background/container_background.jpg); /* border: solid white; border-width: 1px 1px 1px 1px; */ }
#header        { clear:both; height:150px; padding: 15px;  background:url(../super_images/background/header_background.jpg) repeat-x; border: solid black; border-width:1px 1px 1px 1px; }
#header h1     { padding-top:25px; padding-left:0px; margin: 0px; color: black; }
#middle        { clear:both; width: 100%;   padding: 10px 0px;              /* border: solid blue;   border-width:1px 1px 1px 1px; */ }	
#left_column   { float:left;  width: 200px; padding: 5px 5px;               /* border: solid silver; border-width:1px 1px 1px 1px; */ }
#middle_column { float:right; width: 790px; padding: 10px; margin: 0px 0px; /* border: solid green;  border-width:1px 1px 1px 1px; */ }
#mono_column   { float:left; width: 99%; padding: 10px; margin: 0px 0px; /* border: solid green;  border-width:1px 1px 1px 1px; */ }
#footer        { clear:both; padding: 5px; background:url(../super_images/background/footer_background.jpg); /*  border: solid yellow;  border-width:1px 1px 1px 1px; */ }

/* DIVS - text containers -----------------------------------------------------------------------*/

#txtcontainer { text-align: justify; font-size: 12px; /* border: solid white; border-width: 1px 1px 1px 1px; */ }

/* Menu Top Horizontal --------------------------------------------------------------------------*/

#htMenu div.htBarraMenu, 
#htMenu div.htBarraMenu a.htBotonMenu { font-family: verdana; font-size: 12px; } 
#htMenu div.htBarraMenu { text-align: center; } 
#htMenu div.htBarraMenu a.htBotonMenu { color: black; cursor: pointer; padding: 1px 1px 1px 1px; text-decoration: underline; } 
#htMenu div.htBarraMenu a.htBotonMenu:hover { color: gray; background-color: black; border-style: none; } 
#htMenu div.htBarraMenu a.htBotonMenu:active { color: blue; cursor: pointer; padding: 1px 1px 1px 1px; text-decoration: none; } 

/* Menu Bottom Horizontal -----------------------------------------------------------------------*/

#hbMenu div.hbBarraMenu, 
#hbMenu div.hbBarraMenu a.hbBotonMenu { font-family: verdana; font-size: 12px; } 
#hbMenu div.hbBarraMenu { text-align: center; } 
#hbMenu div.hbBarraMenu a.hbBotonMenu { color: gray; cursor: pointer; padding: 1px 1px 1px 1px; text-decoration: underline; } 
#hbMenu div.hbBarraMenu a.hbBotonMenu:hover { color: black; background-color: navy; border-style: none; } 
#hbMenu div.hbBarraMenu a.hbBotonMenu:active { color: navy; cursor: pointer; padding: 1px 1px 1px 1px; text-decoration: none; } 

/* Menu Left Vertical ---------------------------------------------------------------------------*/

#menu     { }
.menuOut  { cursor:pointer; margin:0px; background-color: #0D248E; padding:4px 0px; text-align: left; color: white; font-size: 12px; border: 1px solid #225E36; width: 190px; }
.menuOut  a, menuOut a:link, menuOut a:visited, menuOut a:active,menuOut a:focus { color: #0000CC; font-size: 12px; text-decoration: none; }
.menuOver { cursor:pointer; margin:0px; background-color: #009383; color: white; padding:4px 0px; text-align:left; border: 1px solid #225E36; font-size: 12px; width: 190px; }
.menuOver a, menuOver a:link, menuOver a:visited, menuOver a:active,menuOver a:focus, menuOver a:hover { color: #000000; font-size: 12px; text-decoration: none; }
.submenu  { background-color: transparent; font-size: 12px; color:#003366; margin-top:2px; margin-bottom:2px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; border:1px solid #555; width: 180px; }	
.submenuiamnothere { background-color: transparent; font-size: 12px; color:#666; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; border: 0px solid #000000; width: 180px; }
.submenuiamhere { background-color:SlateBlue /*#a4b2c2*/; font-size: 12px; color:black; border:1px solid #00244f; margin-top:2px; margin-left:0px; padding-top:1px; padding-bottom:1px; padding-left:3px; padding-right:1px; width: 178px; }	
a.submenuiamthere{ text-decoration: underline overline; }

/* BOXES ----------------------------------------------------------------------------------------*/

div.userBox  { border: 1px solid RoyalBlue; margin: 10px 10px 15px 10px; padding: 10px; }
div.userBox h4 { border:1px solid DodgerBlue; margin: 5px 5px 5px 5px; padding: 15px; font-size: 12px; color: PowderBlue;}
div.userBox input[type="text"],input[type="password"] { font-size: 12px; background-color: PowderBlue;  color: black;}
div.userBox input[type="submit"] { font-size: 12px;}

div #box_warning  { border: 0px; margin: 0px 0px 0px 0px; padding: 0px; }
div #head_box_warning  { border: 1px solid Red; background-color: DarkRed; color: black; font-size: 14px;  font-weight: bold; margin: 5px 5px 5px 5px; padding: 5px; }
div #content_box_warning  { border: 1px solid Red; background-color: Black; color: White; margin: 5px 5px 5px 5px; padding: 15px; }

/* TABLES ---------------------------------------------------------------------------------------*/

/* TABLES :: table_form -------------------------------------------------------------------------*/
table.table_form {border-collapse: collapse; width: 100%; font-size: 12px;}
table.table_form tr.selected { border: 1px solid blue; font-weight: bold;}
table.table_form th {border: 1px solid silver; background-color: #a4b2c2; font-size: 12px; font-weight: bold; color: blue; vertical-align: baseline; padding: 0px 4px 0px 4px;}
table.table_form td {border: 0px solid #000000; background-color: #F8FFFF; font-size: 12px; color: #FFFFFF; vertical-align: top; padding: 2px 5px 2px 5px;}
table.table_form td img{vertical-align:text-top;}
table.table_form td.selected {background-color: #ADD8E6; font-size: 12px; font-weight: bold; border-top: 1px solid gray; border-bottom: 1px solid gray;}
table.table_form td.transparent {background-color: transparent; font-size: 12px; }
table.table_form td.restricted {background-color: #dddddd; font-size: 12px; }
table.table_form td.verified {background-color: #ccffcc; font-size: 12px; }
table.table_form td.atention {background-color: #FF0000; color: #FFFFFF; font-size: 12px; }
table.table_form td.left {background-color: #eeeeee;font-weight: bold; font-size: 12px; color: #000000; text-align: right;}
table.table_form td.caption { border: 1px solid #000000; background-color: #a4b2c2; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center;}
table.table_form td.captionfoot { border: 1px solid #000000; border-top-width: 0px; background-color: #a4b2c2; font-weight: bold; color: #FFFFFF; text-align: center;}
table.table_form td.captionleft { border: 1px solid #000000; background-color: #6666FF; font-size: 12px; font-weight: bold; color: #ffffff;}
table.table_form td.captionleft2{ border-bottom: 1px solid #6666FF; background-color: transparent; font-size: 12px; font-weight: bold; color: #000000; padding: 4 4 4 4px;}
table.table_form td.captionleft3 { border: 1px solid #000000; background-color: #CCCCFF; font-size: 12px; font-weight: bold; color: #000000;}
table.table_form td.captionleft4{ border-bottom: 1px solid #CCCCFF; background-color: transparent; font-size: 12px; font-weight: bold; color: #000000; padding: 4 4 4 4px;}
table.table_form td.captionright { border: 1px solid #000000; background-color: #DDFFFF; font-size: 12px; font-weight: bold; color: #000000; text-align: right;}

/* end of general web style ---------------------------------------------------------------------*/