/* CSS Document */

/**/
@font-face {
    font-family: 'LucidaCalligraphyItalic';
    src: url('lcallig-webfont.eot');
    src: url('lcallig-webfont.eot?#iefix') format('embedded-opentype'),
         url('lcallig-webfont.woff') format('woff'),
         url('lcallig-webfont.ttf') format('truetype'),
         url('lcallig-webfont.svg#LucidaCalligraphyItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**/
  #menu { background:#fff; text-align:center;
clear: both;
margin: 2px;
padding: 5px;
border:1px solid #1c6cc6; word-spacing:20px;

}
#menu a{
float: center;
background:#1C6CC6; 
border: 1px solid #7DACFC;
text-decoration: none;
font-size: 14px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding-left:10px; padding-right:10px; padding-bottom:4px; padding-top:4px;
font-weight: bold; word-spacing:10px;
}

#menu a:hover{
float: center;
background: #EF8D0A;
border: 1px solid #ff6600;
text-decoration: none;
font-size: 14px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#000099;
padding: 5px 10px 5px 10px;
font-weight: bold;text-shadow:1px 1px 2px #666;
}
/*fin menu*/


/* ini me gusta de google*/
.megusta{ float:left;
margin-top:300px; margin-left:0px;
display:block; }
/* fin de me gusta google */

body,td,th {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-color: #0594E3; background-image: url(../3a.jpg); background-position:bottom left; background-repeat:no-repeat;
	background-attachment:fixed;
	
	margin:0; padding:0;
}
div .mundo { margin: 0 auto 0 auto; 
	width: 880px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	border: 1px solid #fff;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	background: #F2f2f2;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   behavior:  url(../script/PIE.htc);
} 
div .head{ width:880px; background:#E6A606;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-right-radius: 15px; 
-webkit-border-top-left-radius: 15px;
-khtml-border-top-right-radius: 15px;
-khtml-border-top-left-radius: 15px;
behavior:  url(../script/PIE.htc);
}
/* logo y anim*/
div .logo{ float:left; width:350px; height:200px; padding-left:20px; padding-top:10px; }
div .anim{ float:right; width:420px; height:200px; padding:5px;}
/**/
div .cuerpo{ width:860px; background:#f2f2f2;
 -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
     -khtml-border-radius: 15px;
   behavior:  url(../script/PIE.htc);
   }
   
div .menuizq{ float:left; width:340px; padding:5px; margin-left:15px;
}
div .menuderec{ float:right; width:420px; padding:5px;
}

a {
	font-family: Verdana, Helvetica, sans-serif;
	color: #0066CC;
	font-weight: bold;
}
div .pie{text-align:center; padding:10px; background:#f2f2f2;
 -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
     -khtml-border-radius: 15px;
   behavior:  url(../script/PIE.htc);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0066CC;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #0066CC;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Helvetica, sans-serif;
}
h1 {
	font-size: 18px; color:#CC0033;
}
h2 {
	font-size: 14px; color:#993399;
}
h3 {
	font-size: 16px;
	font-family: "Lucida Calligraphy";
}
.tabla{ padding-left:5px; padding-right:5px; padding-top:4px;
}
.tb1{ padding-left:8px; padding-right:5px; padding-top:6px;
}
.Estilo1 {color: #CC0000; font-weight:bold;
}
.Estilo2 {color: #0066CC;
}
.Estilo5 {font-size: 9px;
}
.combo{ text-align:left; float:left; width:860px; padding:5px;
margin:0 auto;
}
.c1{ text-align:left; float:left; width:170px; height:200px; margin-left:15px; padding-left:5px;
}
.c2{ text-align:left; float:left; width:170px; height:200px; margin-left:25px; padding-left:5px; border-left: 1px solid #fff;
}
.c3{ text-align:left; float:left; width:190px; height:200px; margin-left:25px; padding-left:5px;
border-left: 1px solid #fff;
}
.c4{ text-align:left; float:left; width:210px; height:200px; margin-left:25px; padding-left:5px;
border-left: 1px solid #fff;
}
/* segundo menu*/
.c1a{ text-align:left; float:left; margin-left:10px; width:270px;
}
.c2a{ text-align:left; float:left; width:290px; border-left: 1px solid #fff;
padding-left:5px;
}
.c3a{ text-align:left; float:left; width:260px;border-left: 1px solid #fff;
padding-left:5px;
}
/* linea divisora */
.line{
	background-color:#e0d1bc; border-left: 1px solid #f9f5ef;
	height:1px;
	
	}


.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    line-height: 0px;
}