/* lección: http://www.w3schools.com/css/css_syntax.asp */



body /* main pages: eng01.htm, enus, etc */

{

margin: 0px;

margin-left: 0px;

margin-right: 0px;

margin-top: 5px;

margin-bottom: 0px;

background-color: #006600;

background-image: url(/imagelib/sitebuilder/layout/mkg_vision_1.gif);

scrollbar-face-color: #66cc66;

scrollbar-highlight-color: #006600;

scrollbar-3dlight-color: #ef8200;

scrollbar-darkshadow-color: #006600;

scrollbar-shadow-color: #006600;

scrollbar-arrow-color: #ffffff;

scrollbar-track-color: #ccffcc;

}



body.b2 /* for slides y ventas de orquideas: 100.html etc */

{

margin: 0px;

margin-left: 0px;

margin-right: 0px;

margin-top: 0px;

margin-bottom: 0px;

background-color: #CCCC99;

background-image: none;

scrollbar-face-color: #CCCC99;/

scrollbar-highlight-color: #006600;

scrollbar-3dlight-color: #ef8200;

scrollbar-darkshadow-color: #006600;

scrollbar-shadow-color: #006600;

scrollbar-arrow-color: white;

scrollbar-track-color: #FFFFCC;/

}



a.navbar:link    {color: #ffffcc; text-decoration: none; font-size: 10px; font-weight: bold;}

a.navbar:visited {color: #ffffcc; text-decoration: none; font-size: 10px; font-weight: bold;}

a.navbar:active  {color: #ffffcc; text-decoration: none; font-size: 10px; font-weight: bold;}

a.navbar:hover   {color: #000000; text-decoration: none; font-size: 10px; font-weight: bold;}



/* DEFAULT */

a:link    {color: #FFFFFF; text-decoration: none;}

a:visited {color: #FFFFFF; text-decoration: none;}

a:hover   {color: #000000; text-decoration: none;}

a:active  {color: #FFFFFF; text-decoration: none;}



/* ART */

p.art {font-family: verdana, arial, helvetica, 'sans serif';

       color: #000000; font-size: 11px; font-weight: bold; text-align: center;}

a.artred:link    {color: #006600; text-decoration: none;}

a.artred:visited {color: #006600; text-decoration: none;}

a.artred:active  {color: #006600; text-decoration: none;}

a.artred:hover   {color: #ff0000; text-decoration: none;}

a.artblue:link    {color: #006600; text-decoration: none;}

a.artblue:visited {color: #006600; text-decoration: none;}

a.artblue:active  {color: #006600; text-decoration: none;}

a.artblue:hover   {color: #330099; text-decoration: none; /*background-color:#ffffcc;*/}

a.artyell:link    {color: #006600; text-decoration: none;}

a.artyell:visited {color: #006600; text-decoration: none;}

a.artyell:active  {color: #006600; text-decoration: none;}

a.artyell:hover   {color: #ffffcc; text-decoration: none; background-color:#006600;}



.style1 {font-family: arial, helvetica, sans-serif; font-size: 12px;color: #999999;}



table {font-family: verdana, arial, helvetica, 'sans serif'; color: #ffffcc; font-size: 12px;}

/* ,li,h1,h2,h3 */



p {font-family: verdana, arial, helvetica, 'sans serif'; color: #ffffcc; font-size: 12px;}





/*

h1

{

font-size: 40px;

}



h2

{

font-size: 30px;

}



h3

{

font-size: 20px;

}



/* n=NEGRA VERDANA =10px

x=12px  xx=24px xx+=36px xl=48px*/



.na {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 10px; text-decoration: none; font-weight: normal;}



.nb {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 10px; text-decoration: none; font-weight: bold;}



.xna {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 12px; text-decoration: none; font-weight: normal;}



.xnb {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxna {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 24px; text-decoration: none; font-weight: normal;}



.xxnb {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 24px; text-decoration: none; font-weight: bold;}



.xlna {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 48px; text-decoration: none; font-weight: normal;}



.xlnb {font-family: verdana, arial, helvetica, 'sans serif'; color: #000000; font-size: 48px; text-decoration: none; font-weight: bold;}



/* b=BLANCA VERDANA =10px

x=12px  xx=24px xl=48px*/



.ba {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: normal;}



.bb {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: bold;}



.xba {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: normal;}



.xbb {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxba {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 24px; text-decoration: none; font-weight: normal;}



.xxbb {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 24px; text-decoration: none; font-weight: bold;}



.xlba {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 48px; text-decoration: none; font-weight: normal;}



.xlbb {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFFF; font-size: 48px; text-decoration: none; font-weight: bold;}



/* a=AMARILLA VERDANA =10px

x=12px  xx=24px xl=48px*/



.aa {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFCC; font-size: 10px; text-decoration: none; font-weight: normal;}



.ab {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFCC; font-size: 10px; text-decoration: none; font-weight: bold;}



.xaa {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFCC; font-size: 12px; text-decoration: none; font-weight: normal;}



.xab {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFCC; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxaa {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFCC; font-size: 24px; text-decoration: none; font-weight: normal;}



.xlaa {font-family: verdana, arial, helvetica, 'sans serif'; color: #FFFFCC; font-size: 48px; text-decoration: none; font-weight: normal;}



/* v=VERDE VERDANA =10px

x=12px  xx=24px xl=48px*/



.va {font-family: verdana, arial, helvetica, 'sans serif'; color: #006600; font-size: 10px; text-decoration: none; font-weight: normal;}



.vb {font-family: verdana, arial, helvetica, 'sans serif'; color: #006600; font-size: 10px; text-decoration: none; font-weight: bold;}



.xva {font-family: verdana, arial, helvetica, 'sans serif'; color: #006600; font-size: 12px; text-decoration: none; font-weight: normal;}



.xvb {font-family: verdana, arial, helvetica, 'sans serif'; color: #006600; font-size: 12px; text-decoration: none; font-weight: bold;}



/* r=ROJA VERDANA =10px

x=12px  xx=24px xl=48px*/



.xlra {font-family: verdana, arial, helvetica, 'sans serif'; color: #FF0000; font-size: 48px; text-decoration: none; font-weight: normal;}



/* g=GRIS VERDANA =10px

x=12px  xx=24px xl=48px*/



.ga {font-family: verdana, arial, helvetica, 'sans serif'; color: #999999; font-size: 10px; text-decoration: none; font-weight: normal;}



.gb {font-family: verdana, arial, helvetica, 'sans serif'; color: #999999; font-size: 10px; text-decoration: none; font-weight: bold;}



.xgb {font-family: verdana, arial, helvetica, 'sans serif'; color: #336600; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxgb {font-family: verdana, arial, helvetica, 'sans serif'; color: #999999; font-size: 24px; text-decoration: none; font-weight: bold;}



.xx+gb {font-family: verdana, arial, helvetica, 'sans serif'; color: #999999; font-size: 36px; text-decoration: none; font-weight: bold;}



.xlgb {font-family: verdana, arial, helvetica, 'sans serif'; color: #999999; font-size: 48px; text-decoration: none; font-weight: bold;}



/*TIMES NEW ROMAN*/



.na2 {font-family: 'times new roman'; color: #000000; font-size: 10px; text-decoration: none; font-weight: normal;}



.nb2 {font-family: 'times new roman'; color: #000000; font-size: 10px; text-decoration: none; font-weight: bold;}



.xna2 {font-family: 'times new roman'; color: #000000; font-size: 12px; text-decoration: none; font-weight: normal;}



.xnb2 {font-family: 'times new roman'; color: #000000; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxna2 {font-family: 'times new roman'; color: #000000; font-size: 24px; text-decoration: none; font-weight: normal;}



.xxnb2 {font-family: 'times new roman'; color: #000000; font-size: 24px; text-decoration: none; font-weight: bold;}



.xlna2 {font-family: 'times new roman'; color: #000000; font-size: 48px; text-decoration: none; font-weight: normal;}



.xlnb2 {font-family: 'times new roman'; color: #000000; font-size: 48px; text-decoration: none; font-weight: bold;}



.ba2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: normal;}



.bb2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: bold;}



.xba2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: normal;}



.xbb2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxba2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 24px; text-decoration: none; font-weight: normal;}



.xxbb2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 24px; text-decoration: none; font-weight: bold;}



.xlba2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 48px; text-decoration: none; font-weight: normal;}



.xlbb2 {font-family: 'times new roman'; color: #FFFFFF; font-size: 48px; text-decoration: none; font-weight: bold;}



.aa2 {font-family: 'times new roman'; color: #FFFFCC; font-size: 10px; text-decoration: none; font-weight: normal;}



.ab2 {font-family: 'times new roman'; color: #FFFFCC; font-size: 10px; text-decoration: none; font-weight: bold;}



.xaa2 {font-family: 'times new roman'; color: #FFFFCC; font-size: 12px; text-decoration: none; font-weight: normal;}



.xab2 {font-family: 'times new roman'; color: #FFFFCC; font-size: 12px; text-decoration: none; font-weight: bold;}



.xxaa2 {font-family: 'times new roman'; color: #FFFFCC; font-size: 24px; text-decoration: none; font-weight: normal;}



.xlaa2 {font-family: 'times new roman'; color: #FFFFCC; font-size: 48px; text-decoration: none; font-weight: normal;}



.va2 {font-family: 'times new roman'; color: #006600; font-size: 10px; text-decoration: none; font-weight: normal;}



.vb2 {font-family: 'times new roman'; color: #006600; font-size: 10px; text-decoration: none; font-weight: bold;}



.xva2 {font-family: 'times new roman'; color: #006600; font-size: 12px; text-decoration: none; font-weight: normal;}



.xvb2 {font-family: 'times new roman'; color: #006600; font-size: 12px; text-decoration: none; font-weight: bold;}



/*------------------------Text Properties------------------>



color, size, font, spacing, and so on:



- letter-spacing="1px" or "normal" determines the spacing between each letter in a line of text.



- line-height property to set the leading for an element. An element's leading is the distance between the baselines of two text lines.



- text-align defines how text is aligned in an element: left, right, center, justify.



- text-decoration: none, underline, overline, line-through, blink



-  text-indent property to indent the first line of an element's text. You can set this property to any valid length. For example, here's how to indent the <P> tag's text to the right by one inch: <p {text-indent: 1in}



-  vertical-align property to change the vertical position of the element's text within the element itself: baseline, middle, sub, super, text-top, text-bottom, top, bottom.



- word-spacing determines the spacing between each word in a line of text



*/



/*------------------------backgrounds commands------------------>



- background-repeat, denotes how the image will tile. Specify repeat-x, repeat-y, or no-repeat. BODY {background-repeat: repeat-y}



- background-attachment, denotes how the image will react to a scroll. Specify scroll, or fixed. BODY{background-attachment: fixed}



*/



/*-----------------------trucos js------------------------->





=======================================

Para abrir una foto de la misma página:



<script language="Javascript">



<!--



function abreFoto(nombre,ancho,alto) {

  ancho += 20;

  alto += 20;

  props = 'width=' + ancho + ',height=' + alto + ',scrollbars=no,resizable=no';

  window.open(nombre,'',props)

}

-->



</script>



<a href="#" onclick="abreFoto('mapmaritimes.gif',100,100);">



=======================================

Para la fecha y hora:



<script language="javascript">

<!--

var d = new Date();

var m = d.getMonth() + 1;

var y = d.getYear();

var d = d.getDate();

var t = m +"/"+ d +"/"+ y

document.write(""+ t +"")

-->

</script>



*/