@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*/ 
      
    
}