/* HOJA DE ESTILOS GENERAL
   Autor: Interesa Consultores
   --------------------------------------------------------*/
   
   
	/* ============================================= */
	/* estilos por defecto */
	/* ============================================= */
	
		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, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			border: 0;
			font-size: 100%;
			margin: 0;
			outline: 0;
			padding: 0;
			vertical-align: baseline;
		}
		
		ol, ul {
			list-style: none;
		}
		
		blockquote, q {
			quotes: none;
		}
		
		:focus {
			outline: 0;
		}
		
		ins {
			text-decoration: none;
		}
		
		del {
			text-decoration: line-through;
		}
		
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		.clearfix:after { 
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden; 
		}
		
		.clearfix { 
			display: block; 
		}
		
		.oculto {
			display: none;
		}
	
	
	/* ============================================= */
	/* body */
	/* ============================================= */
	
		body {
			background: #1E1E22 url(/imagenes/fondo.gif) repeat 0 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 62.5%;
		}
		
		p {
			font-size: 1.5em;
			margin: 0;
		}
		
		ul li {
			font-size: 1.5em;
			margin: 0;
		}
		
		a {
			color: #D1013A; 
			text-decoration: none;
		}
		
		a:hover {
			text-decoration: underline;
		}
	
		
	/* ============================================= */
	/* contenedor */
	/* ============================================= */
	
		#contenedor {
			position: absolute;  
			top: 50%;  
			left: 50%;  
			width: 807px;  
			height: 600px;  
			margin-top: -300px; 
			margin-left: -404px;
		}
		
		.presentacion {
			height: 537px;
		}
		
		.presentacion .bloque {
			display: inline;
			float: left;
			margin: 0 0 7px 7px;
			width: 262px;
		} 
		
		.contacto {
			background-color: #040404;
			height: 48px;
			margin: 0 0 0 7px;
			padding: 10px 13px 5px 13px;
		}
		
		.contacto .bloque-1 {
			float: left;
			padding: 10px 0 0 0;
			width: 550px;
		} 
		
		.contacto .bloque-2 {
			float: right;
			width: 195px;
		}
		
		.contacto p {
			color: #FFF;
			display: inline;
			float: left;
			width: auto;
		}
		
		.contacto ul {
			float: left;
			width: auto;
		}
		
		.contacto li {
			color: #D1013A;
			display: inline;
			float: left;
			margin: 0 0 0 5px;
		}
		
		.contacto .bloque-2 img {
			margin: 0 0 0 13px;
		}
		
		.clear {
			clear: both;
			height: 0;
		}