/********** 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 {
	color: #000;
	text-decoration: none;	
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

ol, ul {
     list-style: none
}

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

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

blockquote, q {
     quotes: "" ""
}

.clearfix {
	display: block;
	clear: both;
}

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

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

strong { font-weight: bold;}

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;}

.a_superior 	{ display: table-cell; vertical-align:top; 		}
.a_inferior		{ display: table-cell; vertical-align:bottom;	}
.a_medio		{ display: table-cell; vertical-align: middle;	}

.enlace { cursor: pointer;}

/********** 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%; /* necesario para las sub-alturas */
}

body {
   overflow-x: hidden; /* Para evitar el feo scroll horizontal de explorer 7 */
   background:#0066cc url(img/body-bg.png) left top repeat-x;
}

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

div#layout {
   position:relative; /* necesario para el posicionamiento */
   margin:0 auto; /* lo centramos, aunque no funciona para explorer 5 */
   width:950px;
   height:auto !important; /* para los navegadores de verdad */
   height:100%; /* Para que explorer lo interprete como alto mínimo */
   min-height:100%; /* para los navegadores de verdad */
   background:#fff url(img/layout-bg.png) 0px 0px repeat-y;
}

div#menu {
	position: relative;
	height: 52px;
	background: url(img/menu-superior.jpg) 0px 0px no-repeat;
}

div#cabecera {
   position:relative;
   height: 156px;
   z-index: 500;
}

div#contenido {
	position: relative;
	height: auto!important;
	height: 480px;
	min-height: 480px;
	padding-bottom: 50px;
	z-index:1000;
	background: url(img/header-bg.jpg) 0px 0px no-repeat; 
}

div#laterali {
   float: left;
   width: 145px;
   overflow: hidden;
   z-index:1000;
}

div#laterald {
   	float: left;
  	width: 150px;
   	margin-top: 160px;
   	z-index:1000;
}

div#centro {
   position: relative;
   display: block;
   float: left;
   height: auto!important;
   height: 100px;
   min-height: 100px;
   width: 625px;
   margin-bottom:0;
   margin-left: 10px;
   margin-right: 11px;
   padding: 0px;
   z-index:1000;
}

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

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

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