@charset "utf-8";
/* CSS Document */


*{
    margin: 0;
	border: 0;
}
html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}
#principal{
	min-height: 100%;
    height: auto !important;
    height: 100%;
	background: url(imgs/bg.jpg) repeat-x top left;
}
#efecto_bg{
	width: 100%;
	min-height: 660px;
	height: 100%;
	background: url(imgs/bg_glow.png) no-repeat center;
}
.clear{
	clear: both;
}


/* Login */

#formulario{
	width: 960px;
	height: 100%;
    margin: 0 auto;
}
#login{
	width: 351px;
	height: 238px;
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -175px;
	margin-top: -119px;
	background: url(imgs/login_form.png) no-repeat top left;
}
#login form{
	margin-top: 62px;
}
#login input{
	width: 240px;
	height: 22px;
	margin-left: 100px;
	margin-bottom: 18px;
	background: none;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #818181;
}
#login input#btn_entrar{
	width: 335px;
	height: 35px;
	margin-top: 38px;
	margin-left: 10px;
	cursor: pointer;
}



/* Correos */

/* -- Menu -- */

#correos{
	width: 960px;
	height: 100%;
    margin: 0 auto;
	padding-top: 10px;
}
#menu{
	width: 200px;
	height: 185px;
	float: left;
	background: url(imgs/bg_menu.png) no-repeat top left transparent;
}
#menu_interno{
	margin: 9px;
}
#menu_interno ul{
	list-style: none;
	padding: 0;
}

#menu_interno ul li{
	width: 182px;
	height: 32px;
	background: url(imgs/bg_btn_menu.png) 0 0 no-repeat;
	margin-bottom: 2px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 13px;
	color: #9fa8b0;
	text-shadow: 0 1px 2px #000;
	font-weight: normal;
}
#menu_interno ul li:hover{
	background: url(imgs/bg_btn_menu.png) 0 -32px no-repeat;
	cursor: pointer;
}
#menu_interno ul li p{
	padding: 7px 0 0 8px;
}
#menu_interno ul li a{
	color: #9fa8b0;
	text-decoration: none;
}
#menu_interno ul li a:hover{
	color: #fff;
}


/* -- Correo -- */

#contenido_correos{
	width: 730px;
	height: 100%;
	float: left;
	margin-left: 15px;
}
#top_correos{
	width: 730px;
	height: 16px;
	background: url(imgs/top_correos.png) 0 0 no-repeat;
}
#mid_correos{
	width: 730px;
	height: 100%;
	background: url(imgs/mid_correos.png) 0 0 repeat-y;
}
#mid_correos h1{
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 18px;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	font-weight: normal;
	padding: 4px 35px 20px 9px;
	float: left;
}
#linea_titulo{
	background: url(imgs/linea_titulo.png) no-repeat center transparent;
	width: 552px;
	height: 30px;
	float: left;
}
.correo_bg1, .correo_bg2{
	width: 712px;
	height: 42px;
	margin-left: 9px;
	padding-bottom: 10px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	font-weight: normal;
}
.correo_bg1{
	background: url(imgs/bg_correo_1.png) no-repeat 0 0 transparent;
}
.correo_bg2{
	background: url(imgs/bg_correo_2.png) no-repeat 0 0 transparent;
}
.correo_bg1 ul li a, .correo_bg2 ul li a, #paginacion a{
	color: #fff;
	text-decoration: none;
}
.correo_bg1 ul li a:hover, .correo_bg2 ul li a:hover, #paginacion a:hover{
	color: #9fa8b0;
}
.correo_bg1 ul, .correo_bg2 ul{
	list-style: none;
	line-height: 42px;
	padding-left: 10px;
}
.correo_bg1 ul li, .correo_bg2 ul li{
	display: inline-block;
	padding-left: 10px;
}
.correo_bg1 .id, .correo_bg2 .id{
	width: 18px;
}
.correo_bg1 .nom, .correo_bg2 .nom{
	width: 133px;
}
.correo_bg1 .tel, .correo_bg2 .tel{
	width: 63px;
}
.correo_bg1 .cor, .correo_bg2 .cor{
	width: 135px;
}
.correo_bg1 .est, .correo_bg2 .est{
	width: 108px;
}
.correo_bg1 .mun, .correo_bg2 .mun{
	width: 93px;
}
.correo_bg1 .ver, .correo_bg2 .ver{
	width: 50px;
}
#bottom_correos{
	width: 730px;
	height: 16px;
	background: url(imgs/bottom_correos.png) 0 0 no-repeat;
}
#paginacion{
	width: 100%;
	line-height: 20px;
	padding: 16px 0 2px 10px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	font-weight: normal;
}
.pag_actual{
	color: #9fa8b0;
}

/* Correo */

#correo{
	width: 960px;
	height: 100%;
    margin: 0 auto;
	padding-left: 15px;
	padding-top: 45px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	text-shadow: 0 1px 2px #fff;
}
#correo h1{
	font-family: 'Poiret One', cursive;
	font-size: 64px;
	color: #62626C;
	text-shadow: 0 1px 2px #fff, 0 -1px #666;
	padding-bottom: 20px;
}
#correo p, #correo .regresar{
	padding-top: 20px;
}
#correo p.cor_msj{
	padding-top: 40px;
}
#correo p.cor_msj_final{
	padding: 10px 0 35px 0;
}
#correo span{
	color: #369;
}
#correo .regresar a{
	color: #369;
	text-decoration: none;
}
#correo .regresar a:hover{
	color: #666;
}