/* Defincion del Body del webiste */
body{
/*     background-color: #A80000; color rojo de Krisitna or #8F0000 #6c0000 */
     background-color: white;  
	 color:black;
	 font-family:Arial, Helvetica, sans-serif; 
/*	 fotn-family:Verdana,Georgia, "Times New Roman", Times, serif; */
     font-size: 12px;
     }
  
/* RAP del WEbsite para la resolucion de monitores mayores 800X 600  */
#rap{
     background-color:white;
     width: 778px;
     margin-left: auto;
     margin-right: auto;
	 border: 3px solid #A17342;
	 
     }
	 
address{font-size: 10px;}	
 
/* DIV Header del webiste */
#header{
	  height: 288px;
	  width:778px;
	  border-bottom:3px solid #A17342;
	  }
	  
#header_logo{
	  height: 205px;
	  width:778px;
	  border-bottom:3px solid #A17342;
	  }


/* Definicion de la Class Imagen de los productos en la seccion de Sardina */ 
img.productos{
margin:auto;
vertical-align:middle;
padding: 1px;
width: 73px;
height: 120px;
}

/* Definicion de la Imagen de los productos en la seccion de tunas */ 
img.productos_tuna{
margin:auto;
vertical-align:middle;
padding: 1px;
width: 200px;
height: 106px;
}

img.productos_15oz{
margin:auto;
vertical-align:middle;
padding: 1px;
width: 90px;
height: 160px;
}
/* Definicion de la imagen de los productos de pulpo*/
img.octopus{
margin:auto;
vertical-align:middle;
padding: 1px;
width: 310px;
height: 202px;
}	
	
	
/* Definicion de la Imagen en la parte inferior del website */ 
img#plate{
float:right;
padding: 5px;
width: 210px;
height: 215px;
}
     
/* Definicion de la Imagen Comunity */ 
img#commu{
float:right;
padding: 5px;
width: 276px;
height: 320px;
}

/* Definicion del Logo de Donaciones que nacen del corazon */

img#donation{
float:right;
padding: 5px;
width: 190px;
height: 204px;
}


/*Definicion del logo del botton de la Sirena */
img#logo_botton{
float:left;
width: 778px;
height: 68px;}

/* Definicion del Footer del webiste donde va la direccion */ 

#footer{
	background-color: #675c47;
	color: #efe5d0;
    text-align: center;
    padding: 5px;
    margin: 0px;
    font-size: 90%;
    clear: both;}
	
/* Definicion de los links  */

#links {
	width: 190px;
	float: left;
	top: 325px;
	margin-top: 0px;
	height: 130px;
}

#links a {
display: block;
font-family: sans-serif; 
color: white;
font-size:12px;
background-color:#9F0000;
text-decoration: none;
padding: 2px;
margin: 0px;
border: 5px solid #9f0000;
}


#links a:hover {
border: 5px outset #9f0000;
color: yellow;
}


#links a:active {
border: 5px inset #9f0000;
color: yellow;
}

		
/*Definicion del menu Vertical de las Paginas */		
#menu_h{ float: left;
        width: 150px; 
        height:490px;
		}
    	
/* Definicion de la imagen del teclado en la forma Contact Us */		
#teclado{margin: 70px 1px 0px 30px;
       float: left;
       width: 105px; 
       height:96px;
	   padding: 3px; 	}
	

/*Definition Main information of Contact US*/	 
#main_contact{
      margin: 1px 1px 1px 195px;
	  padding:2px;	  
     }
	 
#main_contact2{
      margin: 1px 1px 1px 128px;
	  padding:2px;}
	  
#main_contact3{
      margin: 1px 100px 1px 195px;
	  padding:2px;}
/* Definicion de los parrafos justificados */
p {text-align: justify;
   word-spacing: 0.2em; }
  

/******************************************   */
/*Definicion del Titulo Principal */
h1#title{
text-align: left;
Font-size: 20px;
}

/* Definition del Caracter especial de Register de La Sirena */ 
#rap #title .register {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #000000;
}

/*Texto para las descripciones de los productos  */

#descrip {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
padding:2px; 
background:#FF0000;
color: white;}

/* Titlo de la descripcion del producto */
#title_product
{
text-align: center;
font-size:20px;
padding:2px; 
color: red;}
/*  DEFINITION DE MENUS */

#dlmenu {width: 122px;
	float: left;
	top: 325px;
	margin-top: 0px;
	height: 130px;
		}
		
#menu {
       list-style-type:none;
       margin:0 0 10px;
	   padding:0; 
	   position:absolute;
	   width:122px; 
	   z-index:100;
	   }
#menu li {
       display:block; 
       padding:0;
       margin:0;
       position:relative;
       z-index:100;}

	   
#menu li a, #menu li a:visited {
display: block;
font-family: sans-serif; 
color: white;
font-size:12px;
background-color:#9F0000;
text-decoration: none;
padding: 2px;
margin: 0px;
border: 5px solid #9f0000;

}


#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border: 5px outset #9f0000; color: yellow; }

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu dl {width: 122px; margin: 0; color: #fff000; background-color:#9F0000; cursor:pointer;} 
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; color:#E8EF8F; font-size: 1em; text-align:left; }