/* CSS para sitio web */

/* configuración general */
body {
	margin: 0;
	padding: 0;
	background-color: #e2c69c;
}

/* IE PNG fix */
img, div { behavior: url(iepngfix.htc) }

/* links */
a {outline: none !important;}
a:link {text-decoration: none; color: #775213}
a:visited {text-decoration: none; color: #775213}
a:active {text-decoration: none; color: #775213}
a:hover {text-decoration: none; color: #ff9;}

/* sección actual */
.current {color: #ffff99;}

/* links en cajas laterales */
.sidelink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
   color: #775213;
}

/* caja principal */
#mainframe {
	position: relative;
	width: 1024px;
	height: 650px;
	margin: 0 auto;
   text-align: center;
}

.ff_ribbon {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
   color: #f2f2f2;
}

/* navegador */
.nav{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

/* imagen de bienvenida */
#splash_img {
   position: absolute;
	width: 480px;
	height: 480px;
	background-color: #666666;
	top: 77px;
   left: 272px;
}

.temp {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

/* caja izquierda */
#rounded_box_left {
   position: absolute;
	width: 219px;
	height: 417px;
	background-color: #CEAB76;
	top: 107px;
   left: 33px;
}
/* caja derecha */
#rounded_box_right {
   position: absolute;
	width: 219px;
	height: 417px;
	background-color: #CEAB76;
	top: 107px;
   left: 773px;
}

/* caja central */
#movie_frame {
	position:absolute;
	width:480px;
	height:480px;
	left: 272px;
	top: 77px;
}

/* contador de visitas */
#hit_counter {
	position:absolute;
	width:200px;
	height:50px;
	left: 45px;
	top: 560px;
}