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

body { /* main pages: eng01.htm, enus, etc */
	margin: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #3D3B00;/*#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;*/
}

td.home {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFCC; 
	font-size: 12px;
	/*height: 50px;*/
}

img.uno	{
	width: 300px;
	/*height: 130px;*/
	float:right;
	border: 0;
	margin-left: 10px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 0px;
}
/*===========================================================================================================
===================================================== ART ===================================================
============================================================================================================*/

body.art { /* enart.htm, etc */
	margin: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #CCCC99; /*#006600;*/
}

table.art {
 	border: 4px solid green; 
	border-collapse:collapse;
	/*border-color:black;*/
}

td.art {
 	border: 2px solid green; 
	border-collapse:collapse;
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFCC; 
	font-size: 12px;
	/*height: 50px;*/
}

p.art, span.art {
	font-family: verdana, arial, helvetica, 'sans serif';
	/*color: #000000; 
	font-size: 12px; 
	font-weight: bold; 
	text-align: center;*/
}

a.art:link    {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFFF; 
	font-size: 12px;
	font-weight: bold; 
	text-decoration: none; 
}
a.art:visited {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFFF; 
	font-size: 12px;
	font-weight: bold; 
	text-decoration: none; 
}
a.art:hover   {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #000000; 
	font-size: 12px;
	font-weight: bold; 
	text-decoration: none; 
}
a.art:active  {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFFF; 
	font-size: 12px;
	font-weight: bold; 
	text-decoration: none; 
}

/*===========================================================================================================
===================================================== DEFAULT ===============================================
============================================================================================================*/

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;/
}

body.index { /* for slides y ventas de orquideas: 100.html etc */
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	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:link    {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
a:visited {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
a:hover   {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
a:active  {
	font-family: verdana, arial, helvetica, 'sans serif';
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

a.index:link    {color: #999999; text-decoration: none; font-size: 10px; font-weight: normal;}
a.index:visited {color: #999999; text-decoration: none; font-size: 10px; font-weight: normal;}
a.index:active  {color: #999999; text-decoration: none; font-size: 10px; font-weight: normal;}
a.index:hover   {color: #ffffff; text-decoration: none; font-size: 10px; font-weight: normal;}

a.movie:link    {color: #ffffcc; text-decoration: none; font-size: 18px; font-weight: bold;}
a.movie:visited {color: #ffffcc; text-decoration: none; font-size: 18px; font-weight: bold;}
a.movie:active  {color: #ffffcc; text-decoration: none; font-size: 18px; font-weight: bold;}
a.movie:hover   {color: #000000; text-decoration: none; font-size: 18px; font-weight: bold;}

/*===========================================================================================================
===================================================== ORCHID ================================================
============================================================================================================*/

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;}


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

.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;}

.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: 14px; 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;}

.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;}

.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;}

.xzb {font-family: verdana, arial, helvetica, 'sans serif'; color: #000066; 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;}
.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;}

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

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

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



*/