/********** RESETEANDO CSS *********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

p {
	font-size: 11px;
	line-height: 14px;
	color: #036;
	margin-bottom: 15px;
}

.puntero, .enlace {
	cursor: pointer;	
}

.clear {
	clear: both;	
}
span.negrita { font-weight: bold;}
span.cursiva { font-style:italic;}

.a_izquierda  	{ text-align: left;}
.a_derecha		{ text-align: right;}
.a_centro		{ text-align: center;}

.f_izquierda  	{ float: left;}
.f_derecha		{ float: right;}

td.superior 	{ display: table-cell; vertical-align:top; 		}
td.inferior		{ display: table-cell; vertical-align:bottom;	}
td.medio		{ display: table-cell; vertical-align: middle;	}
/********** FIN DEL RESET DE CSS **********/

/********** LAYOUT  **********/
html, body {
	height: 100%;
	overflow: hidden;
}

body, div, p {
   font-family: verdana;
   font-size:12px;
   color:#036;
}

div#inicio {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 26px;
	text-align: center;
	vertical-align:middle;
	background: url(img/home-bar.png) 0px 0px repeat-x;
}	

div#app {
	position: absolute;
	height: auto;
	top: 26px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #9cf url(img/body-bg.png) 0px 0px repeat-x;
	overflow: scroll;
	overflow-x: hidden;
}

div#layout {
   position:relative;
   margin:0 auto;
   width:978px;
   height:auto !important;
   height:100%;
   min-height:100%;
   background:url(img/layout-bg.png) 0px 0px repeat-y;
}

div#header {
   position:relative;
   height: 150px;
   background: url(img/header-bg.png) left top no-repeat;
}

div#footer {
   position:absolute;
   display: block;
   text-align: right;
   width:100%;
   height: 60px;
   line-height: 60px;
   color: #fff;
   bottom:0;
   background: url(img/footer-bg.png) left top no-repeat;
}

div#contenido {
	position:relative;
	padding: 10px 22px 60px 22px;
	background: url(img/contenido-bg.png) 0px 0px no-repeat;
}
* html #contenido{ height: 1%; }

/*** OPERA FIX

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	div#contenido {
		margin-left: 10px;	
	}
}***/
/********** FIN DEL LAYOUT  **********/