@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@media all
{
    body { color:black; background: #000000; font-family:"Lucida Grande","Lucida Sans",Arial,sans-serif, "Andale Mono"; font-size: 65%; }

    .wrap{ width:955px }

    #header { background: none }

    #header h1{ width:247px; height:92x; background: transparent url(../../images/template/logo-metamax.png) no-repeat; }
    #header h1 a{ width:406px; height:63px; }

    #header ul.masternav li{ background: #001803 url(../../images/template/bg_nav1.png) no-repeat top right; }
    #header ul.masternav li a{ background: url(../../images/template/bg_nav.png) no-repeat top left; }
    #header ul.masternav li.spec{ background: #FF7909 url(../../images/template/bg_navspec1.gif) }
    #header ul.masternav li.spec a{ background: url(../../images/template/bg_navspec.gif) no-repeat; }
    #header ul.masternav li.active{ background: #333333 url(../../images/template/bg_nav1.png) no-repeat right -29px; }
    #header ul.masternav li.active a{ background: url(../../images/template/bg_nav.png) no-repeat left -29px; }

    #topnav{ border-bottom: none; }
    #topnav ul{ color:#fff; }
    #topnav li.active a{ color: #fff }
    #topnav li a{ color:#FABB01 }
    #topnav{ background:#101010 }

    #subnav{ background-color:#333333; border-bottom: none; height:35px; }
    #subnav ul{ color:#fff; }
    #subnav li.active a{ color: #FABB01 }
    #subnav li a{ color:#fff }  
    
    #main{ padding-top:10px }
    #main_background { background: #191919 url(../../images/template/main_bkg.jpg) repeat-x; }	

    /*Headings*/
    h1,h2,h3,h4,h5,h6 { 
            font-family: "Lucida Grande","Lucida Sans",Arial,sans-serif, "Andale Mono";
            color:#F3F303;
    }	

    h1,h2 { 
            /*letter-spacing:-0.08em;*/
            color:#000;
            border-bottom: 2px solid #E0E0E0;
            margin: 0 0 0.65em 0; 
    }

    h2{
            font-weight:lighter;
            
    }
    
    h3 { color: #000000; }
    
    h4 { color: #000000; }

    h5{ 
            font-weight:lighter;
            letter-spacing: 2px;
            border-bottom: 1px solid #E0E0E0;	
            margin: 0 0 0.65em 0; 
    }

    /**
    * External Links
    *
    * (en) Formatting of hyperlinks
    * (de) Gestaltung von Hyperlinks
    *
    */    
    #footer{border-top:none;}
    #footer a {color: #858585; background:transparent; font-weight: bold;}	
    #footer a:focus, 
    #footer a:hover,
    #footer a:active {color: #A3A3A3; background-color: transparent; text-decoration:underline;}	

    #footer_content span{color:#F3F303;}
    #footer_content a{color:#858585;}	
    #footer_content a:hover{color:#fff;}	

    /* Grids */
    .grid3x1{ width: 470px }
    .grid3x1 .subcl { width:155px; height:165px; }
    .grid3x1 .subcr { width:152px; height:165px; }


    /* Bordes Punteados Colores */
    .borde-sup-pun{ border-color: #CBDBEA }
    .borde-inf-pun{ border-color: #CBDBEA }
    .borde-izq-pun{ border-color: #CBDBEA }
    .borde-der-pun{ border-color: #CBDBEA }	
    .borde-h-pun{ border-color: #CBDBEA }	
    .borde-v-pun{ border-color: #CBDBEA }


    /* Sub-menu */
    #submenu {
            margin: 0;
            border-top: none;
            border-bottom: none;
    }
    #submenu li{ text-align:right; }
    #submenu li#title {
            font-family: Verdana;
            font-size:1.7em;
            letter-spacing: 1px;
            padding: 0 0px 3px 10%;
            color: #0250A3;
            border-bottom: none;
    }	
    #submenu a,
    #submenu strong {
            font-size:1.8em;
            padding: 5px 0;
            background-color:#fff;
            color: #444;
            border-bottom: none;
            font-family: Helvetica;
    }	
    /* Level 1 */
    #submenu li#active,
    #submenu li strong {
            color: #3876B3;
    }

    #submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #3876B3; }
    #submenu li a:focus,
    #submenu li a:hover,
    #submenu li a:active { background-color:#F0F5F9; color: #0051A2; }	

    /* Subtemplates */
    .c95l, .c5l, .c60l, .c40l, .c90l, .c10l {float: left; }
    .c5r, .c95r, .c60r, .c40r, .c90r, .c10r {float: right; margin-left: -5px; }

    .c40l, .c40r { width: 40% }
    .c60l, .c60r { width: 60% }

    .c95l, .c95r { width: 95% }
    .c5r, .c5l { width: 5% }
    
    .c90l, .c90r { width:90%; }
    .c10l, .c10r { width:10%; }
    
    .subcr{ padding:0 }
    
    /* Listing */
    div.listing{ padding: 0; margin:0 }
    table.listing { color: #000000; border: #000 thin solid; }
    table.listing thead th { border: #000 thin solid; color: #000; background: #FFFFFF; }	
    table.listing th { background-color: #FFF }
    table.listing td { border: #000 thin solid }
    table.listing td b { color:#D97A1E }
    table.listing tr.odd { background-color: #CCCCCC;}
    table.listing tr { background-color: #FFF;}
    table.listing td { font-size: 1.09em }
    table.listing td.alert { color:#ED2D2D; }

    div.listing .list_header{ border: 1px solid #333333; background-color: #CCCCCC; padding: 1px 5px 0px 5px; height: 16px}
    div.listing .list_header h3{border: none; color: #000000; font-size: 1em; padding: 0; margin: 0}
    div.listing .list_content {padding: 5px 0 5px 0}
    div.listing .list_content ul{list-style-type: none;}
    div.listing .list_content li{margin:0; font-size: 1em; font-weight:bold; letter-spacing:1px; }
    div.listing ul li a {color: #000000}
    div.listing ul li a:hover{ color:#2727FF; text-decoration:none; }
    div.listing div.item{ font-size:1.1em; letter-spacing:0em; padding: 2px 0 4px 4px; margin:0; border-bottom:1px solid #CCCCCC }
    div.listing div.item:hover{ background-color:#EBEBEB; cursor:pointer; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;  }
    div.listing div.selected{ background-color:#FEFE85; cursor:pointer; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
    div.listing div.item a{ text-decoration:none; color:black }
    
    /* Panelize */
    .panel_header{ 
            background-color:#FFFFFF; 
            position:relative; 
            padding:10px 0px 5px 10px; 
            text-align:left; 
            border-bottom:none; 
            height:22px;
            background:#FFFFFF url(../../images/template/panel_header.gif) repeat-x top left;
    }
    .panel_header h1{ 
            color:#000000; 
            border:none; 
            letter-spacing:normal; 
            font-style:normal; 
            font-size:200%;
            font-weight:normal;
            padding:0px 0px 0px 8px; margin:0 
    }
    .panel_shadow{
            background:#333333
    }
    .panel_content{ 
            padding:20px;

    }
    .panel_content .info form{
            padding:0;
    }
    /* fin - Panalize */    
    
    #main{
            border:1px solid #000000;
    }

    div#version-top{
            color:yellow;
            text-align:right;
            padding-top:10px;
    }
    
    .fl{ float:left }
    .fr{ float:right }
    .clearing{ clear:both; margin:0; padding:0 }
	
    a{ color: #2424FF; }
    
    #sku{ font-size:0.7em; font-style:italic; color:grey; }
    .form-container #sku{ font-size:0.9em; font-style:italic; color:grey; }
    
    .selectable{ cursor:pointer; }
    .selectable:hover{ background-color:#FFFFD5 }    
    
    .message_container{ border:1; text-align:left; padding:10px; margin-bottom:10px }
    
    
    /* INICIO: Lista de elemntos*/
      .list_item{text-align:left;border:1px solid #CCCCCC;margin-bottom:5px;padding:10px;margin-left:15px;}
      .list_item .subcr{ padding-left:5px; }
      .list_item_hover:hover {background-color:#FFFFD5}
    /* FIN: Lista de elemntos*/ 
      
    /* Forms - usado por la Agenda */	
    #subnav input[type="button"], 
    #subnav input[type="button"].button,
    #subnav input[type="submit"],
    #subnav input[type="submit"].button{
            padding: 2px;
            padding: expression(0+'px');
            border:none;
            color: #001803;
            margin-right: 5px;
            font-weight:normal;
            background-color: #FFD700;
    }	
    
     #subnav div.auto_complete, div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      z-index:1;
    }

    #subnav div.auto_complete ul, div.auto_complete ul  {
      list-style-type: none;
      margin:0px;
      padding:0px;
      color:#fff;
    }

    #subnav div.auto_complete ul li,
    div.auto_complete ul li{ text-align:left; width:99% }

    #subnav div.auto_complete ul li.selected,
    div.auto_complete ul li.selected{ background-color: #ffb; }

    #subnav div.auto_complete li, div.auto_complete li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
    }
    #subnav div.auto_complete ul a.link, 
    div.auto_complete ul a.link{
      font-weight:bold;
      font-size:12px;
      line-height:1.2em;
      color:#000;
    }
    
    form div.actions{
            padding: 15px 15px 15px 25px;
            border-top: 1px solid #1F6445;
            height:30px;
            background-color: #f6fbee;
    }
    textarea{ letter-spacing:0.01em }
    form p.hover,form tr.hover{ /*background-color:#333333*/ }
    input[type="text"]:focus,
    input[type="password"]:focus,
    select:focus,
    textarea:focus{ border: #5E5E5E solid 1px; }
    form tr th, form tr td{ padding:0 }
    
    div.progress{ padding:0; margin:0 }
    #loading.progress{ text-align:center; padding:0; margin:0 }
    label{ color:black }
    .panel_content form{ padding:0; }
    
    div.messages{ font-size:1em}
    .panel_content div.progress, .panel_content div.message_container{ padding:0 }
    div.message_container{ margin:0 0 8px 0 }
    input.error[type="text"], input.error[type="password"], select.error, textarea.error{ border-width:thin }
    div.error_content{ border:0 }
    
    .form-container form p{ padding: 2px 0; margin: 0; }
    .form-container table{ margin:0; width:100% }
    .form-container form table tr th, .form-container form table tr td{ padding-top:10px; }
    .form-container form span.required{ display:none }    
    .form-container form p.hover, .form-container form tr.hover{ background-color:transparent }
    .form-container h2{ border:none; padding:0; margin:0 0 5px 0 }
    .form-container tbody th{ background-color:transparent }
    .form-container th, 
    .form-container td{ padding:0 }
    .form-container input[type="text"].big{ font-size:3em }
    
    .form-container .separator{ background-color:#E4E4E4; padding:5px; margin:10px 0 10px 0 }
    .form-container .separator h2{ padding:0; margin:0; font-size:150%; color:#666666;  }
    
    
    .top-actions input[type="button"],
    .top-actions input[type="button"].button,
    .top-actions input[type="submit"],
    .top-actions input[type="submit"].button{ border:0;background-color:transparent;font-size:1em;color:#2424FF;margin:0;padding:0;font-weight:normal }
    .top-actions input[type="button"]:hover,
    .top-actions input[type="button"].button:hover,
    .top-actions input[type="submit"]:hover,
    .top-actions input[type="submit"].button:hover{ font-weight:bold; }
    
    .top-actions a{ text-decoration:none; }
    .top-actions a:hover{ font-weight:bold; color:#2424FF; }
    .top-actions{ padding-bottom:5px }
    #general_actions{ text-align:left; color:white; padding:5px 0 5px 0 }
    #general_actions a{ margin:2px; font-weight:bold; text-decoration:none; color:#fff; padding:5px; background-color:#272727; }
    #general_actions a:hover{ color:white; background-color:#333333; }
    #general_actions a.activated{ color:white; background-color:#333333; }
    
    .confirm-message, .help-message{ border:1px solid #FFD700; padding:10px;background-color:#FFFFD5; margin-bottom:5px }
    
    /* searh widget */
    .search_widget_close_button{ background: url(../../images/template/search_widget_reset.gif); width:26px; height:30px; }
    
    .panel2{
      height:522px;
      overflow:hidden;
            
    }
    .space_abc{ margin: 0px 0px 1px 0px }
    /* fin - Forms */    
    
    /*Materia Prima, Material Empaque*/
    #list_suppliers{ /*height:300px; overflow:scroll*/ }
    #list_suppliers.listing div.item{ border:1px solid #CCCCCC; margin-top:5px; line-height:1.3em }
    #list_suppliers.listing div.item:hover{ cursor:default; }
    #list_suppliers.listing div.actions{ font-size:0.8em; padding:0 5px 0 0 }
    #list_suppliers.listing div.actions a{ color:#2424FF; }
    #list_suppliers.listing div.actions a:hover{ font-weight:bold }
    #list_suppliers.listing div.top-actions{ padding-bottom:5px }
    #list_suppliers.listing div.inputs{ border-left:1px solid #CCCCCC; }
    #list_suppliers.listing div.inputs .normal-mode:hover{ background-color:#FFFF99; } 
    
    
}