/* CSS Document */

BODY{
	padding:0;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#666666;
	text-align:center;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

A{color:#666666; font-size:12px; font-weight:bold; text-decoration:none;}
A:hover{color:#333333; text-decoration:underline;}


/*-----------------------  ESTILOS GENERALES  ----------------------------*/

#sesion {
	background-image:url(images/bg_inicio.gif);
	background-repeat:no-repeat;
	width:540px;
	height:120px;
	margin:auto;
	position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -60px;    // 120px/2
    width: 300px;
    margin-left: -270px;    // 540px/2 
}

#cabecera {
	background-image:url(../img/bg_head.gif);
	background-repeat:no-repeat;
	width:840px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
}

#cuerpo {
	background-image:url(../img/bg_cont_02.gif);
	background-repeat:repeat-y;
	width:840px;
	margin-left:auto;
	margin-right:auto;
}

#cuerpo_ini {
	background-image:url(../img/bg_cont_01.gif);
	background-repeat:no-repeat;
	width:840px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
}

#cuerpo_fin{
	background-image:url(../img/bg_cont_03.gif);
	background-repeat:no-repeat;
	width:840px;
	height:63px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	clear:both;
}

#menu {
	width:190px;
	float:left;
	margin-left:30px;
	color:#FFFFFF;
	text-align:left;
	display:inline;
}

#contenido {
	width:560px;
	float:right;
	min-height:100px;
	margin-right: 30px;
	display:inline;
}

#pie {
	width:840px;
	margin-left:auto;
	margin-right:auto;
}


/*--------------------  PROPIEDADES DE CAJAS  -----------------------*/

#menu h2{
	height:30px;
	background-image:url(../img/title_menu.gif);
	background-repeat:no-repeat;
	margin-top:0;
	margin-left:0;
}

#menu ul{
	text-align:left;
	margin-left:0;
	margin-top:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#menu li{
	margin-bottom:10px;
}

#menu ul li A{color:#d8e8f2; font-size:12px; font-weight:bold; text-decoration:none;}
#menu ul li A:hover{color:#FFFFFF; text-decoration:underline;}
#menu ul li A:visited{color:#FFFFFF; font-weight:bold; text-decoration:none;}

#contenido h2{
	height:30px;
	text-align:left;
	font-size:18px;
	margin-top:0;
	margin-left:0;
	color:#1d313b;
}

#contenido ul{
	width:540px;
	text-align:justify;
	margin-top:0;
	margin-left:0;
	padding:0;
	padding-left:10px;
}


/*------------------------  FORMULARIO  ----------------------------*/

.campo {
	border: 1px Solid #CCCCCC;
	background: #FFFFFF;
	padding: 2px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.campo:hover {
	background:#d8e8f2;
}

#sesion a {

color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}