
  body {
	/*margin:0;*/
	padding:0;
	margin-left:10;
	margin-right:10;
	margin-top:0; 
	marginwidth:0; 
	marginheight:0;
	
	BACKGROUND-COLOR:#000000;	
	background-image: url('../assets/images/fondo_verde.jpg');
	background-position: top;
	background-repeat: no-repeat;
}

/* Links Simples */
A { FONT-SIZE: 12px; COLOR: #C0C0C0; BORDER-TOP-STYLE: none; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none }
A:link { 	TEXT-DECORATION: none  }
A:visited { COLOR: #e6e6e6; TEXT-DECORATION: none }
A:hover { 	COLOR: #C0C0C0; TEXT-DECORATION: underline }
A:active { COLOR: #e6e6e6; TEXT-DECORATION: none }



/* Clase MenuHead */
  .MenuHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ff0000;
    text-decoration: none;}
  a.MenuHead:link, a.MenuHead:active, a.MenuHead:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;}
  a.MenuHead:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: ;
    text-decoration: none;}


  /* Clase Tema */
  .Tema {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Tema:link, a.Tema:active, a.Tema:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #f4f4f4;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Tema:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #e6e6e6;  
    FONT-WEIGHT: bold;
    text-decoration: none;}

.Tema4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ff0099;
    FONT-WEIGHT: bold;
    text-decoration: none;}

h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C0C0C0;
    FONT-WEIGHT: normal;
    text-decoration: none;}

  .pie {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C0C0C0;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.pie:link, a.pie:active, a.pie:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C0C0C0;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.pie:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e6e6e6;    
    FONT-WEIGHT: bold;
    text-decoration: none;}


  .pierojo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:  #AD1466;
    FONT-WEIGHT: normal;
    text-decoration: none;}
  a.pierojo:link, a.pierojo:active, a.pierojo:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:  #AD1466;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.pierojo:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #849254;    
    FONT-WEIGHT: bold;
    text-decoration: none;}

  .pieverde {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #60721E;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.pieverde:link, a.pieverde:active, a.pieverde:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #60721E;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.pieverde:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #AD1466;    
    FONT-WEIGHT: bold;
    text-decoration: none;}


  .Edicion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e4e4e4;
    text-decoration: none;}


 /* Clase Inicio */
 .Inicio {
    font-family: Arial;
    font-size: 13px;
    color: #bf0000;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Inicio:link, a.Inicio:active, a.Inicio:visited {
    font-family: Arial;
    font-size: 13px;
    color: #bf0000;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Inicio:hover {
    font-family: Arial;
    font-size: 13px;
    color: #fbfdff;
    FONT-WEIGHT: bold; 
    background-color:#4e4e4e;   
    text-decoration: none;}


  /* Clase Tema */
  .Candar {
    font-family: Candara, Helvetica, Verdana;
    font-size: 15px;
    color: #ff0099;
    text-decoration: none;}

  .Candar1 {
    font-family: Candara, Helvetica, Verdana;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;}

  /* Clase Tema */
  .NombreItem {
    font-family: Candara, Helvetica, Verdana;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;}

  .NombreItem1 {
    font-family: Helvetica, Verdana;
    font-size: 15px;
    color: #FFECF8;
    text-decoration: none;}
  a.NombreItem1:link, a.NombreItem1:active, a.NombreItem1:visited {
    font-family: Helvetica, Verdana;
    font-size: 15px;
    color: #FFECF8;
    text-decoration: none;}
  a.NombreItem1:hover {
        font-family: Helvetica, Verdana;
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;}




  .Catalogo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ff0099;
    text-decoration: none;}
  a.Catalogo:link, a.Catalogo:active, a.Catalogo:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ff0099;
    text-decoration: none;}
  a.Catalogo:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e6e6e6;
    background-color: ;
    text-decoration: none;}


/* Clase Deptos */
  .Deptos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;}
  a.Deptos:link, a.Deptos:active, a.Deptos:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;}
  a.Deptos:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C0DBAE;
    text-decoration: none;}

/* Clase Top10 */
  .Top10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000033;
    text-decoration: none;}
  a.Top10:link, a.Top10:active, a.Top10:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000033;
    text-decoration: none;}
  a.Top10:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    text-decoration: none;}


  .Top11 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #444444;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Top11:link, a.Top11:active, a.Top11:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #444444;
    FONT-WEIGHT: bold;
    text-decoration: underline;}
  a.Top11:hover {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000033;
    FONT-WEIGHT: bold;
    text-decoration: none;}

  .Top12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444444;
    FONT-WEIGHT: normal;
    text-decoration: none;}
  a.Top12:link, a.Top12:active, a.Top12:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444444;
    FONT-WEIGHT: normal;
    text-decoration: underline;}
  a.Top12:hover {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000033;
    FONT-WEIGHT: normal;
    text-decoration: none;}

  .Top11azul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #0487D5;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Top11azul:link, a.Top11azul:active, a.Top11azul:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #0487D5;
    FONT-WEIGHT: bold;
    text-decoration: none;}
  a.Top11azul:hover {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #03639C;
    FONT-WEIGHT: bold;
    text-decoration: underline;}


/* InputText */
  .InputText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #330000;
    background-color: #FFFFEE;}

/* justificado */
  .justificado {text-align:justify;}

/******************** STYLES ORDERFORM.ASP ********************/
  .TR_Title {
       BACKGROUND-COLOR: #006699;
                PADDING: 2px;
            FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
            FONT-WEIGHT: bold;
              FONT-SIZE: 11px;
                  COLOR: #FFFFFF;}
  .TR_Content {
       BACKGROUND-COLOR: #0099CC;
                PADDING: 2px;
            FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
            FONT-WEIGHT: none;
              FONT-SIZE: 11px;
                  COLOR: #FFFFFF;}
  .TR_Total {
       BACKGROUND-COLOR: #0099CC;
                PADDING: 2px;
            FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
            FONT-WEIGHT: none;
              FONT-SIZE: 13px;
                  COLOR: #FFFFFF;}
/**************** TERMINA STYLES ORDERFORM.ASP ****************/

.conMenuDot {
	COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e1e8ed }

.pDetailsTable {
	FONT-SIZE: 10px; VERTICAL-ALIGN: top; COLOR: #666666; LINE-HEIGHT: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }

.storelinkon {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: underline
}
.storelinkoff {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none
}





#searchBar {
	
	position: relative;
	width: 165px;
                  top: -4px;
height: 22px;
}

input#search {
	background: none;
	background-color: #FFFFFF;
	border: 1px solid #bebebe;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	height: 20px;
	margin-top: 3px;
	padding: 2px 21px 0 8px;
	width: 165px;
}

input#searchBtn {
	border: none;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 6px;
}




/*- Menu  quienes somos--------------------------- */
    #verde {
      float:center;
      width:100px;
      height:40px;
      display:block;      
      background:url("../assets/images/more.png") no-repeat right top;
      padding:0px 0px 0px 0px; 
      text-align: center;      
      }
    
    #verde a {
      float:left;
      width:100px;
      height:40px;
      display:block;      
      background:url("../assets/images/more.png") no-repeat right top;
      padding:0px 0px 0px 0px; 
      text-align: center;     
      }     
   
    #verde a:hover {
      float:left;
      width:100px;
      height:40px;
      display:block;      
      background:url("../assets/images/more_on.png") no-repeat right top;
      padding:0px 0px 0px 0px; 
           
      }
    #verde a span {
      /*float:left;*/
      display:block;
      background:url("../assets/images/more.png") no-repeat right top;
      padding:0px 0px 0px 0px;
      
      text-align: center;
      
      
      }

    #verde a:hover span {
      /*float:center;*/
      display:block;
      background:url("../assets/images/more_on.png") no-repeat right top;
      padding:0px 0px 0px 0px;      
      text-align: center;
      
      }


.hide-card {
	display: none;
}
.show-card{
	display: block;
}

.card {
	display: none;
}

.navMobile {
	margin-bottom: 0px !important;
}
.nopadding {
	padding: 0px !important;
}
