/* CSS Document */
/* common styling */

html,body {
  height: 100%;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS, Arial"; 
/* 	font-size:12px;  */
  color: white;
  text-align: center;
  border: none;
  background-color: #A1A1A1;
  background-image: url(img/bg_main.gif);
  background-repeat: repeat-x;
}

a { text-decoration: none; color:white; }
a:hover { color:#FFED22 } 
a:visited { color:white; }

/* Enlaces */
/*a { color:#F7B721; text-decoration:none; border-bottom:1px dotted #EECB67; } 
 */
 
#caja {
  width: 800px;
/*  height: 100%;*/
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  background-color: #212121;
  border: 2px solid #333333;
  /*border-right: 2px solid #333333;*/
}

#cabecera {
  clear:both;
  text-align:left; vertical-align:bottom;
  background-color: #000000;
  background-image: url(img/cabecera.jpg);
  height: 140px;
  width:100%;
}

#contenedor {
/* visibility: hidden; */
/* opacity:0.0; */
}

.w {
clear:both;
text-align:left; vertical-align: middle;
margin:0; padding:0;
overflow: hidden;
width: 100%;
height: 30px;
background-color:#222222;
background-image: url(img/cbg.gif);
background-repeat: repeat-x;
text-align: center;
}

.m {
/* border: 1px solid #7b5c3f; */
background-color: #86B0E0;
color: black;
text-align: left;
vertical-align: bottom;
font-size: 20px;
text-decoration: none;
display: block;
background-image: url(img/mbg.jpg);
/* float: left; */
height: 30px;
width:100%;
margin:0; padding:0;
cursor: pointer;
}
.m a:hover { color:black; cursor: pointer;}
.m a:visited { color:black; cursor: pointer;}

#m1 {background-position: 0% 8%;}
#m2 {background-position: 0% 16%;}
#m3 {background-position: 0% 24%;}
#m4 {background-position: 0% 32%;}
#m5 {background-position: 0% 40%;}
#m6 {background-position: 0% 48%;}
.rest {background-position: 0% 61%; background-image: url(img/mbg.jpg); 
height:60px;
}
#imfx{ text-align:right;  left:0px;  margin:0; padding:0; }
#mfx{ width: 50px; background-color:transparent; float: left; clear:left;height:2px; clear:left; margin:0; padding:0; }

.wnav {
/* border: 1px solid green; */
font-size: large;
font-weight: bold;
display: block;
}
.navprev {
font-size: large;
font-weight: bold;
display: block;
width: 5%; 
height: 50%; 
float:left;
padding-top: 15%;
}

.navnext {
font-size: large;
font-weight: bold;
display: block;
height: 50%; 
width: 5%; 
float: right;
padding-top: 15%;
}
.wc { height:80%; width:85%; margin:auto;border: 1px solid #222222; background-color:transparent; 
overflow: hidden;
font-size:16px;
/* border: 1px solid green; */
}

.c { height: 99%; width: 99%; margin: auto; padding-top:10px;
/* border: 1px solid yellow;  */
}
.c a { color:#FFED22 }
.c a:hover { text-decoration: underline; }

.c h1 { font-size:16px; border-bottom: 1px solid white; margin-top:5px; margin-top:5px;}
.wnav { height:10%;  width:85%;margin:auto; margin-top:1px}
.wnav a { padding-left:5px; padding-right:5px; border: 1px solid #222222; margin:1px; }
.goto_current{ border-color:white; }
.goto_none{ border-color:#000000; }
/* #navnext { float: right;  } */

.pie {color: #EBEBEB; display:block; clear:both; text-align:center; padding-top: 25px;}
.pie p{padding:0px; margin:0}

.t966 {
font-family:"Times";
font-size: 24px;
color:#FFDB77;
font-weight:bold;
}

em {
font-variant:normal;
font-weight:bold;
color:#ACFF8E;
}