/* CSS Document */
/* oasis */

/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.container {background:#fff;
	width: 830px;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
}
.public {background:#fff;
	width: 824px;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
}
div .head{ width:820px; text-align:center; padding:5px; background:#fff;}

div .conten{ width:830px; text-align:left; background:#fff;
 }
div .izq{ width:230px; text-align:left; float:left; background:#fff; padding-left:10px;
}
div .der{ width:560px; text-align:left; float:right; background:#fff; padding-left:5px; padding-right:5px;
}
div .der1{ width:320px; float:left; background:#fff; 
text-align:left; padding-left:5px;
  }
div .der2{ width:220px; float:right; background:#fff; text-align:left; padding-left:5px;
}

.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#menu { text-align:center;
 clear: both;
margin: 2px; margin-left:8px; margin-right:8px;
padding: 2px; padding-left:8px; padding-right:8px;
}
#menu a{
float: center;
background:#F30;
border: 1px solid #0066cc;
text-decoration: none;
font-size: 20px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding-left:5px; padding-right:5px; padding:2px;
font-weight: bold;
}

#menu a:hover{
float: center;
background: #0066cc;
border: 1px solid #BF1E2E;
text-decoration: none;
font-size: 20px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;text-shadow:1px 1px 2px #666;
padding: 6px;padding-left:5px; padding-right:5px;
font-weight: bold;
}

/* menu principal mincho */
#princ { text-align:center;
 clear: both;
margin: 2px; margin-left:8px; margin-right:8px;
padding: 2px; padding-left:8px; padding-right:8px;
}
#princ a{
float: center;
background:#F30;
border: 1px solid #0066cc;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding-left:5px; padding-right:5px; padding:2px;
font-weight: bold;
}

#princ a:hover{
float: center;
background: #0066cc;
border: 1px solid #BF1E2E;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;text-shadow:1px 1px 2px #666;
padding: 6px;padding-left:5px; padding-right:5px;
font-weight: bold;
}
div .pie{ width:820px; text-align:center;}
/* fin de oasis */

/*firma*/
.mb_footer{ color:#ddd;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:10px; color:#FFF;
	background:#000;
	opacity:0.8;
	height:20px;
	padding-bottom:5px;
	text-transform:uppercase;
	z-index:4;
}
.mb_footer a{ font-size:10px;
	padding:5px 15px;
	letter-spacing:1px;	
	color:#fff;
	float:right;
}
.mb_footer a:hover{
	color:#ddd; text-shadow:1px 1px 1px #000;
}
.mb_footer a span{
	font-weight:bold; color:#FFF;
}
.mb_footer a.mb_left{
	float:left;
}

/*fin de firma*/

/* ini me gusta de google*/
.megusta{ position:absolute;
margin-top:100px; margin-left:10px;
display:block; }
/* fin de me gusta google */

h1{font-size: 16px;
	color: #003399;}
h2{font-size: 14px;
	color: #c00;}
h3{font-size: 14px;
	color: #c00;}

body {background-color:#4873B7;
	  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; text-align:left;
}
td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFFFFF;
	}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link {
	text-decoration: none; color:#000000; margin-left:15px;
}
a:visited {
	text-decoration: underline; color: #000066;
}
a:hover {
	text-decoration: underline; color:red;
}
a:active {
	text-decoration: underline; color:#FF0000;
}
.Estilo3 {color: #FF0000}
.Estilo4 {
	color: #0066FF;
	font-weight: bold;
}
.table{ padding-top:2px; padding-left:4px; padding-right:4px; height:820px;
 

}
.menu{text-align:center; line-height:35px; font:Arial, Helvetica, sans-serif; text-shadow:Black; color:#FFFFFF; font-size:16px; font-weight:bold;}