/********** 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
}

a {
	text-decoration: none;
	color: #069;
}

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 {
	cursor: pointer;	
}

.negrita { font-weight: bold;}
.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;}

.superior 	{ display: table-cell; vertical-align:top; 		}
.inferior		{ display: table-cell; vertical-align:bottom;	}
.medio		{ display: table-cell; vertical-align: middle;	}

.enlace { cursor: pointer;}

br.clear {
	margin:0px;
	padding:0px;
	float: none;
}

blockquote {
	margin-left: 50px; margin-right: 50px;	
}

/********** FIN DEL RESET DE CSS **********/

/********** LAYOUT  **********/

/** Hack para el scroll doble de safari **/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ 
	html { overflow: auto; }
	
	body { overflow: auto; }
}

html,body {
   height:100%;
}

body {
   overflow-x: hidden;
}

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

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

div#header {
   position:relative;
   height: 100px;
   background: url(img/header-bg.png) left top no-repeat;
}
	div#header h2, div#header p { text-indent: -1000em;}

div#body {
	position: relative;
	display: block;
	height: auto;
	width: 800px;
	margin-bottom:0;
	margin-top: 0px;
	margin-left: 17px;
	padding: 0px;
	padding-bottom: 80px;
	overflow: hidden; 
}

* html #body{ height: 1%; }

#sideLeft {
	display: block;
	float: left;
	width: 190px;
}

#content {
	margin-left: 200px;
}

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

/********** FIN DEL LAYOUT **********/