* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	text-decoration: none;
}

HTML {
	background: #FFF;
}

BODY {
	width: 800px;
	margin: 0px auto 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #101B3C;
	background: url(../img/f_contenido.png) center top repeat-y;
}

A {
	color: #1B3C9F;
	font-weight: bold;
}

A:hover {
	color: #101B3C;
}

P {
	margin: 1em 0em;
}

UL#menu {
	margin: 0px 14px;
	padding: 30px 0px;
	border-top: 15px solid #D9E0F3;
	background: #FFF;
}

*:first-child+html UL#menu LI { float: left; padding: 30px 0px 0px; } /* IE7 */
* html UL#menu LI { float: left; padding: 30px 0px 0px; } /* IE6 */

UL#menu LI A {
	height: 24px;
	float: left;
	padding: 26px 50px 0px 12px;
	color: #101B3C;
	text-transform: uppercase;
	font-weight: normal;
	background: url(../img/f_menu.png) bottom left no-repeat;
}
*:first-child+html UL#menu LI A { float: none; padding: 35px 45px 8px 12px; } /* IE7 */
* html UL#menu LI A { float: none; padding: 35px 45px 8px 12px; } /* IE6 */

UL#menu LI A:hover, UL#menu LI A.sel {
	color: #1B3C9F;
	padding-left: 18px;
	padding-right: 44px;
	background: url(../img/f_menu_hover.png) bottom left no-repeat;
}
*:first-child+html UL#menu LI A:hover, *:first-child+html UL#menu LI A.sel { padding-left: 18px; padding-right: 39px; } /* IE7 */
* html UL#menu LI A:hover, * html UL#menu LI A.sel { padding-left: 18px; padding-right: 39px; } /* IE6 */

UL#menu LI.ultimo A {
	padding-right: 0px;
}

H1 {
	border-top: 55px solid #FFF;
}

DIV#contenido {
	margin: 0px 14px;
	border-top: 40px solid #FFF;
}

DIV#principal {
	width: 380px;
	padding-left: 20px;
}

DIV#secundario {
	width: 270px;
	float: right;
	padding-right: 20px;
}

H2 {
	color: #1B3C9F;
	font-weight: normal;
	font-style: italic;
	font-size: 1.8em;
	margin-bottom: 20px;
}

DIV#principal UL, DIV#secundario UL {
	color: #1B3C9F;
}

DIV#principal UL LI, DIV#secundario UL LI {
	background: url(../img/f_bullet.png) left 5px no-repeat;
	padding-left: 15px;
	margin: 0.5em 0em;
}

IMG.con_texto {
	float: right;
	margin: 0px 0px 10px 15px;
}

H3 {
	font-size: 1em;
}

TABLE {
	width: 100%;
}

TH, TD {
	text-align: left;
	padding: 2px 0px;
}

INPUT {
	width: 150px;
	background: #D9E0F3;
	color: #000;
	padding: 5px 8px;
}

INPUT.boton, A.boton {
	width: 70px;
	background: #12349F;
	color: #FFF;
	cursor: pointer;
}

A.boton {
	text-align: center;
	font-weight: normal;
	padding: 6px 15px 5px;
	font-size: 0.917em;	/*11 / 12 */
}

INPUT.boton:hover, A.boton:hover {
	background: #4765BF;
}

DIV.clear {
	clear: both;
	background: #FFF;
	height: 40px;
}

DIV#pie {
	background: #D9E0F3;
	margin: 0px 14px;
	padding: 20px 0px;
	font-size: 0.9em;
	color: #667193;
	text-align: center;
	
}

DIV#pie SPAN {
	padding: 0px 6px;
}

#camera {
	border: 1px solid #101B3C;
}

.camerabt {
	cursor: pointer;
}

.logo {
	margin-top: 20px;
	margin-right: 75px;
	text-align: center;
}

#mensaje {
	margin-top: 20px;
	color: #1B3C9F;
}

P#pie {
	text-align: center;
	margin: 0px 14px;
	padding: 20px 0px;
	font-size: 0.9em;
	color: #667193;
}


/** Area Clientes **/
BODY#clientes {
	background: none;
}

BODY#clientes #contenido {
	margin-top: 15px;
	border: 0px;
}

DIV#area_clientes {
	position: relative;
	margin: 0px 14px;
}

DIV#area_clientes H2 {
	width: 380px;
	padding-top: 25px;
}

DIV#area_clientes H3 {
	clear: both;
	margin: 30px 0px 5px;
	padding: 5px 8px;
	background: #D9E0F3;
	color: #1B3C9F;
	font-size: 1.2em;
}

DIV#area_clientes A.boton, DIV.area_clientes A.boton {
	display: block;
	margin-bottom: 30px;
}

DIV#area_clientes TABLE {
	border-collapse: collapse;
	border-spacing: 0px;
}

DIV#area_clientes TABLE TR TH {
	border-bottom: 1px solid #C3CBDF;
	color: #667193;
	font-size: 0.8em;
	text-transform: uppercase;
}

DIV#area_clientes TABLE TH, DIV#area_clientes TABLE TD {
	text-align: center;
	border-bottom: 1px solid #D9E0F3;
}

DIV#area_clientes TABLE A {
	margin-right: 10px;	
}

DIV#area_clientes TABLE IMG {
	vertical-align: middle;
}

DIV#area_clientes .paginacion {
	text-align: center;
	color: #667193;
}

DIV#area_clientes .exportar {
	text-align: right;
}

TABLE#info  {
	margin-top: 10px;
}

TABLE#info TR TH, TABLE#info TR TD {
	text-align: left;
}

TABLE#info TR TH {
	padding-top: 20px;
}

TABLE#info TR TD.margen {
	padding-left: 10px;
}

DIV#area_clientes INPUT.boton {
	padding: 4px 8px;
}

DIV#logout {
	float: right;
	width: 400px;
	text-align: right;
}

DIV#logout P {
	margin: 8px 0px;
}

DIV#logout INPUT.boton {
	width: 20px;
}
DIV#map {
	height: 200px;
}