#cabecera {
	height: 107px;
	background: #557819 url(/img/cruz.gif) no-repeat 0 100%;
	line-height: 1em;
	font-size: 2em;
	color: #fff;
	margin: 0;
}

#titular_imagen {
	float: right;
	height: 107px;
	width: 353px;
	background: url(/img/ventas2.gif) no-repeat 100% 0;

}

#titular {
	width: 30%;
	float: left;
	/*margin: 1.2em 0 .5em .5em;*/
	margin: .3em 0 .5em .3em;
}

#ruta {
	margin: .5em 0;
	text-align: right;
}

#columnaExterior {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 200px #fff;
	border-right: solid 200px #fff;
	margin-right: 4%;
}

#SOEnvoltorio img {
	margin: 0 10px 0 10px;
}

#columnaInterior {
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
		
}

#columnaIzda, #columnaCentral, #columnaDcha, * html #SOEnvoltorio {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}

#SOEnvoltorio {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}

#columnaCentral {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
	overflow: hidden;
}

#columnaIzda {
	float: left;
	margin: 0 1px 0 -200px;
	width: 200px;
	z-index: 4;
	
}

#columnaDcha {
	float: right;
	width: 200px;
	margin: 0 -200px 0 1px;
	z-index: 2;

	
}


#columnaExterior
{
	border-left-color: #ded;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}

#columnaDcha .inside
{
	/* if you apply a font size to just #columnaDcha, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
	margin: 0; padding: 0; padding-left: 1.7em;
}

.izquierda {
	width: 48.9%;
	float: left;
	margin-right: 1%;
}

.derecha {
	width: 48.9%;
	float: left;
	margin-left: 1%;
}

p.logos img {
	padding: 0 0 10px 0;
}

div.logos {
	margin: 0 10px;
	float: left;
	display: inline;
	padding-bottom: 2em;
}