/* CSS STYLE para lanasyagujas v 1.0 */
    /* Enrique Avalle, 19.12.2008 */

    html 
    {
        height:100%;
        }
    BODY
    {   height:100%;
        width:100%;
        BACKGROUND-COLOR: #FFF;
        color:#000;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 11px;
        FONT-WEIGHT: normal;
        LETTER-SPACING: normal;
        TEXT-TRANSFORM: none;
        WORD-SPACING: normal;
        margin: 0 0;
    }
    
  A 
    {
        text-decoration:none;
    }
    A:link
    {color:	#000;}	
    A:visited
    {color:	#000;}	
    A:active
    {color:	#000;}	
    A:hover	{text-decoration: none;	
	 }
  h2
  {padding:2px;
   margin:2px;
    font-size:14px;
  }
  h3
  {background-color:#ffeec9;
    font-size:16px;
    width:98%;
    margin:0px;
    padding:5px;
    border: 1px dotted #000;
  }

  h4
  {  font-size:12px;
    font-weight:bold;
    width:195px;
    margin: 8px 0px 2px 0px; 
    padding: 3px 0px 3px 5px;
    background-color:#ffeec9;
    border-bottom: solid 2px #000;
  }
  h5
  {  font-size:12px;
    text-align:center; 
    font-weight:bold;
    margin: 8px 2px 2px 2px; 
    padding: 5px 5px 5px 5px;
    background-color:#dce9f0;
    border: solid 1px #000;
  }
  
    h6 
    {   font-size:9px;
        text-align:center;
        font-weight:lighter; 
        margin:4px; 
    }	
    
  h1
  {font-size:14px;
    font-weight:bold;
    border-bottom: solid 2px #000;
    background-color:#dce9f0;
    padding: 5px 5px 5px 5px;
    width:260px;
    margin: 2px 2px 5px 2px;
    }

p 
{
    text-align:justify;
    font-size:10px; 
}
p.noti 
{   text-align:justify;
    font-size:9px; 
    border-bottom:dotted 1px #000;
    margin: 2px 2px 2px 0px;
    padding: 2px 10px 5px 0px;
}

    .boton 
    {
        font-size: 9px;
        height:16px;
}

 input {
         font-size: 9px;
         border-style:solid; 
         border-width: 1px 1px 1px 1px;
         margin:  1px 1px 1px 1px;
         padding: 1px 1px 1px 1px;
         BACKGROUND-COLOR: #fff;
    }
    
  input:hover
     {background-color:#fff;}
	 
table.formulario 
    {   padding: 5px;
        margin-left:auto;
        margin-right:auto;
    }
	div.body
	{  
	    min-width:760px;
	    width:900px;
	    height:100%;
	    min-height:600px;
	}
	div.header
	{   text-align:right;
	    width:100%;
	    background-image: url(/images/tope.jpg);
	    background-repeat:no-repeat;   
	    height: 90px;
	    border-bottom: solid 2px #000;
	    border-right: solid 2px #000;
	} 
	
	div.costado 
	{   float:left;
	    background-color:#f3d596;
	    width: 200px;
	    height: auto; 
	    padding: 0px;
	    margin:0px;
	    border-right: dotted 1px #000;
	    border-bottom: dotted 1px #000;
	}
	div.principal
	{   position:relative; 
	    left:0px;
	    width:auto; 
	    min-width:510px;
	    margin-left: 205px;
	    padding: 5px;	    
	}
	div.buscador 
	{
	 position:relative;
	 top:0px;
	 right:0px;
	 padding:5px;
	}
	    
	 div.abajo
	{   
	    clear:both;
	    width:99%;
	    border-top:solid 2px #665482;
	    padding: 5px;
	  } 
    div.dirs
    {   width:300px;
        min-width:290px;
        float: left;
        margin:10px;
        padding:5px;
        border:dotted 1px #000;
        background-color:#eff4f6;
    }
    
     div.prod
    {   width:200px;
        height:145px;
        text-align:center;
        float: left;
        padding:10px;

    }
    
    .brd
    {
    border:solid 1px #777;
    height:110px;
    display:block;      
    }
    
    .brd img
    {height:110px;}
       
   td,th 
	 {vertical-align:top;
	 }
   .navertical   {
	    width:175px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 1px;
	    margin-top: 1px;
        }
               
    .sel
        {
         background: #fff;
	     font-size: 11px;
	     font-weight:bold;
	     text-align: center;
         vertical-align: middle;
         border: 1px solid #000;
         }
    .unsel  {
	    font-size: 9px;
	    text-align: center;
        vertical-align: middle;
        border: 1px solid #000;
         background-color: #ffebeb;
         }
     .unsel:hover
     {background-color:#fff;}
     
     div.recuadro
     {
	 padding:5px;
	 border: dotted 1px #000;  
     }
     
	 
   div.msgbox    {
     width:420px;
	 background-color:  #f5f7fa;
	 padding:10px;
	 border: dotted 1px #000;
	 margin:auto;}
	 



	td.der 
	{ text-align:right;
	 FONT-WEIGHT:bold;  
	}

	td.form 
	{ text-align:right;
	 FONT-WEIGHT:bold;  
	 background-color:#eff4f6;
	}

   
   	 table.carrito
	 {margin-left:auto;
	  margin-right:auto;
      width:100%;
	 }
	 table.carrito td
	 {margin:10px 10px 10px 10px;
	   padding:10px 10px 10px 10px;
	   border: dotted 1px #000;
	 }
   
    table.listado th, .nota, table.carrito th 
    {
        background-color: #ffeec9;
        border-bottom: solid 1px #000;
        padding: 3px 3px 3px 3px;
    }
    
    table.listado td
    {
        font-size:10px;
        border-right: dotted 1px #000;
        border-bottom: dotted 1px #000;
        padding: 3px 3px 3px 3px;
    }
    
    table.listado tr:hover   
    {
        background-color:#eff4f6; 
    }

div.menu 
    {
        position:absolute;
        top:65px;
        right:0px;
}

 #nav  
    { font-size:10px;
      font-weight: normal;
      margin: 1px 0px 1px 20px;
      padding:1px;
      border-bottom: dotted 1px #000;
    }   
#nav a {
	display:  block;
	width: 180px;
	padding:2px;
}
#nav a:hover {
 background-color:#fff;      
}    
.par {
	    BACKGROUND-COLOR: #FFecEE;
	    padding:3px;
    }
.impar{
	    BACKGROUND-COLOR: #FFFCEE;
	    padding:3px;
    }
.par:hover
    { 
		    BACKGROUND-COLOR: #Fda;
    }
.impar:hover
    {
		    BACKGROUND-COLOR: #fda;
    }