/* DEFAULTS
----------------------------------------------------------*/

canvas{

  width:920px !important;
  height:330px !important;

}

body
{
    background: #ffffff;
    font-size: 10pt;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #666;
}

a:hover
{
    color: #666;
    text-decoration: none;
}
a:active
{
    color: #666;
}
td a
{
   display:block;
   width:100%; height:100%;
}
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, legend
{
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}
h1
{
    font-size: 17pt;
    padding:0;
    margin:0 0 15px 0px;
    color:#006666;
}

h2
{
    font-size: 14pt;
    font-weight: 600;
    margin-bottom:20px;
}

h3, legend
{
    font-size: 11pt;
    margin-bottom:10px;
}

h4
{
    font-size: 10pt;
}

h5, h6
{
    font-size: 10pt;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.aviso, .advert, .error
{
   display:block;
   padding:13px 13px 13px 42px;
   margin-bottom:20px;
   width:843px;
   font-size:9pt;
   border:1px solid #009999;
   
   border-radius: 5px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   -khtml-border-radius: 5px;
}
.aviso
{
   color:#00CC99;
   background:white url('../Images/avisos.jpg') no-repeat 9px 5px;
}
.advert
{
   color:orange;
   background:white url('../Images/advertencias.jpg') no-repeat 9px 5px;
}
.error
{
   color:#990000;
   background:white url('../Images/error.jpg') no-repeat 9px 6px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 0px auto 40px auto;
    border: 1px solid #ccc;
    padding-bottom:20px;
    position:relative;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #006666;
    width: 100%;
}

.header h1
{
    border: medium none;
    color: #F9F9F9;
    font-size: 10pt;
    margin: 0 0 0 7px;
    padding: 11px 0 0 0;
}

.header .logo
{
    float: left;
    width: 100px;
    height:80px;
    padding-top: 10px;
}

.main
{
    padding:0 30px 0 30px;
    margin: 12px 0 12px 0;
}


/* TAB MENU   
----------------------------------------------------------*/

div.mainMenu
{
   display:inline-block;
   width: 393px;
   text-align:right;
   padding:65px 30px 0 0;
}

.menuContainer
{
    width: 860px;
    float: right;
    text-align:right;
}

div.menu
{
    padding: 40px 0px 4px 8px;
}

.menuItem:link, .menuItem:visited, .menuItem:active
{
    background-color: #006666;
    color: #99cccc;
    line-height: 1.35em;
    padding: 4px 5px 0 5px;
    text-decoration: none;
    white-space: nowrap;
}

.menuItem:hover
{
    background-color: #006666;
    color: #ffffff;
    text-decoration: none;
}

.menuItemSelected:link, .menuItemSelected:visited, .menuItemSelected:active, .menuItemSelected:hover
{
    background-color: #006666;
    color: #ffffff;
    line-height: 1.35em;
    padding: 4px 5px 0 5px;
    text-decoration: none;
    white-space: nowrap;
}

.searchBox
{
   display:inline-block;
   text-align:left;
   width: 165px;
   padding-top: 63px;
}
.searchBox #btnSearch
{
    margin-left: -20px;
}


.titleBox
{
    float: left;
    text-align:left;
    width: 200px;
    height: 60px;
    padding-top: 20px;
    margin-right: 20px;
}

.salirBox
{
   display:inline-block;
   text-align:left;
   width: 45px;
   padding-top: 65px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear:both;
}

.validator
{
   color:Red;
   padding:0 2px 02px;
   font-size:12pt;
   font-weight:600;
}


/*GRIDS DE DATOS*/

.grd
{
    width:100%;
    margin: 0;
    border: none;
    color:#666;
    font-size:10pt;
}
.grd table, .grd td, .grd th
{
 border-width: 0;
}
.grd td, .grd th
{
   padding:4px;
}
.grd_header
{
    color:#333;
    text-align:left;
    font-size:9pt;
}
.grd_row
{
  height:25px;
}

.grd_row_alternate
{
 height:25px;
 background-color:#ebeded;
}

.grd_footer 
{
   color:#00cccc; 
   font-weight: bold;
   text-decoration: none;
   font-size:10pt;
}

 .grd_footer a
{
   color:#00cccc; 
   font-weight: lighter;
   text-decoration: none;
   font-size:10pt;
}


/*FORMULARIOS*/

.form_container
{
   border: none;
   color:#444;
   font-weight:bold;
   font-size:9pt;
}
.form_container a
{
   font-size:10pt;
   font-weight:normal;
}
.form_container td
{
   padding:2px 0 2px 0;
}

.landing_menu
{
    text-align:left;
    font-weight:lighter;
    margin-left:20px;
}

.landing_menu td
{
    width: 200px;
}

.landing_menu a
{
    color:#009999;
    text-decoration:none;    
}

.landing_menu a:hover
{
    text-decoration:underline;    
}

input[type=text], input[type=password], textarea
{
   border-style:none;
   border-color: inherit;
   border-width: medium;
   background-color:#e9f2f2;
   height:21px;
   font-size:15px;
   font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}
::-webkit-input-placeholder { /* WebKit browsers */
   color: #006666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #006666;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #006666;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #006666;
}

input[type=text], input[type=password], input[type=radio], input[type=checkbox], select, textarea
{
   padding:2px;
   margin-bottom:10px;
}

input[type=radio], input[type=checkbox]
{
   margin:5px 0 0 0;
}

select
{
   background-color:#e9f2f2;
   border-style:none;
   height:25px;
   font-size: 8pt;
   font-weight:normal;
   color:#006666;
   font-family: "Helvetica Neue", "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}

td input[type=text], 
td input[type=password], 
td input[type=radio], 
td input[type=checkbox], 
td select, 
td textarea
{
   margin-bottom:0px;
   margin-left:0px;
}

.etiq, input[type=radio]+label, input[type=checkbox]+label
{
   font-size: 15px;
   font-weight:normal;
   color:#006666;
   line-height:20px;
   min-height:24px;
   margin-bottom:10px;
}

label
{
   color:#444;
   font-weight:bold;
   font-size:9pt;
   display:block;
   margin-bottom:7px;
}

input[type=radio]+label, input[type=checkbox]+label
{
   display:inline; vertical-align:top;
   padding-left:4px; margin-right:7px;
}
input[type=radio]+label:last-child, 
input[type=checkbox]+label:last-child
{
   margin-right:0;
}

fieldset
{
   padding:0 0 0 5px; margin:0 0 20px 0;
   border-width:0; border-left:2px solid #99CCCC;
   position:relative;
}


/*BOTONES*/

.button_containerxxx
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    width: 930px;
}
.button_container
{
    padding:10px 0 0 0;
    margin:0;
    width:100%;
    text-align:right;
    border-bottom:2px solid #009999;
}
.button
{
 background-color:#009999;
 color:#ffffff;
 border:none;
 height:30px;
 padding: 0 10px 0 10px;
 cursor:pointer;
 margin:0;
}
.button:hover
{
   background-color:#006666;
   cursor:pointer;
}
.button:disabled, .button:disabled:hover
{
   background-color:#878787;
}
.secondary_button
{
 background-color:#99CCCC;
 color:#006666;
 border:none;
 height:30px; 
 padding:0 10px 0 10px;
 margin:0;
 cursor:pointer;
}
.secondary_button:hover
{
    background-color:#006666;
    color:#ffffff;
    cursor:pointer;    
}
.secondary_button:disabled, .secondary_button:disabled:hover
{
   background-color:#c2c2c2;
}
.secondary_button_container
{
    padding: 10px 0 0 0;
    margin:0;
    width:100%;
    text-align:right;
    border-bottom:2px solid #99cccc;
}

input.x:hover
{
   background-color:#990033;
}
a.x:hover
{
   color:#990033;
}

.button2
{
   width:21px; height:21px;
   border-width:0px;
   padding:0;
   position:absolute;
   top:5px; right: 27px;
   background-image:url('../Images/btn2.png');
   cursor:pointer;
}
.button2:hover
{
   background-position:center;
}
.button2:disabled
{
   background-position:right;
   1cursor:default;
}

.button3
{
   width:21px; height:21px;
   border-width:0px;
   padding:0;
   position:absolute;
   top:5px; right: 2px;
   background-image:url('../Images/btn3.png');
   cursor:pointer;
}
.button3:hover
{
   background-position:center;
}
.button3:disabled
{
   background-position:right;
}


/* PESTAÑAS */

.tab_container
{
    margin: 0 0 15px 0;
    padding-left:15px;
    width:100%-15px;
    vertical-align:bottom;
    border-bottom:2px solid #99CCCC;
}
.tab
{
   background-color:#009999;
   color:#ffffff;
   border-width:0;
   height:24px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-radius-topleft: 5px;
   -webkit-border-radius-topright: 5px;
   -khtml-border-radius-topleft: 5px;
   -khtml-border-radius-topright: 5px;
   padding: 0 5px 0 5px;
   margin:0;
   cursor:pointer;
   vertical-align:bottom;
}
.tab:hover
{
    background-color:#006666;
}

.sel
{
   background-color:#99cccc;
   color:#006666;
   height:30px;
   cursor:default;
}
.sel:hover
{
   background-color:#99cccc;
}