@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
	font-style:normal;
	font-family:Geneva, Helvetica, sans-serif;
	background-color:#FFF;
}

/* Quitar el borde que sale en los enlaces */
a{
	/*outline:none;*/
	text-decoration:none;
}

/* Quitar el asqueroso borde azul en las imagenes con link */
img{
	border:0
}

/* ***** GENERAL ***** */

/* Caja Principal */

#bigone
{
	position:absolute;
	width:auto;
	width:100%;
	height:auto;
	height:100%;
}

#principal
{
	position:absolute;
	width:903px;
	height:686px;
	left: 50%;
	top: 0px;
	margin-left: -451px;
}

/* *** LOGIN *** */
#box {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 5em;
	padding: 0;
	text-align: left;
	width:230px;				/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;;
}
#bigbox {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 2em;
	padding: 0;
	text-align: left;
	width:850px;				/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;;
}
#content{
	padding:1.5em;
}
#bigcontent{
	padding:1.5em;
	height: 500px;
}
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

#tlc {
	background-image:url(../img/tlc.gif);
	background-position: 0% 0%;
}

#trc {
	background-image:url(../img/trc.gif);
	background-position: 100% 0%;
}
	
#blc {
	background-image:url(../img/blc.gif);
	background-position: 0% 100%;
}

#brc {
	background-image:url(../img/brc.gif);
	background-position: 100% 100%;
}

#tb, #bb {
	background-color: transparent;
	background-repeat: repeat-x;
}
			
#tb {
	background-image:url(../img/tb.gif);
	background-position: 0% 0%;
}

#bb {
	background-image:url(../img/bb.gif);
	background-position: 50% 100%;
}
	
#rb {
	background-image:url(../img/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#lb {
	background-image:url(../img/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}