@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
	background-color: #18222e;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenedor{
	/*margin: 0 auto;	sin centrado vertical */ 
	position: absolute;
    left: 50%;
    top: 50%;
	margin-top: -260px;
    margin-left: -365px;
	
    width: 737px;
	text-align: left;
	overflow: hidden;
}
#cuerpo{
	width: 447px;
	float: left;
}
#lateral{
	width: 286px;
	padding-bottom: 30px;
	float: right;
}
#pie{
	background-color: #65be2e;
	color: #ffffff;
	height: 70px;
	clear: both;
}

.capacidad-precio{
	width: 48%;
	float: left;
	padding-top: 20px;
}
.cols{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	width: 40%;
	float: left;
}
.col1{
	border-right: 1px solid gray;
	text-decoration:line-through;
	padding: 7px 5px 8px 5px !important; /* Firefox y los demás */
	*padding: 6px 5px 8px 5px !important;  /* Sólo IE7 */
	*padding: 6px 5px 8px 5px; /* Sólo IE6 */
}
.col2{
	color: #ff9900;
	padding: 5px;
}
.cont-pie{
	padding: 20px 20px;
	font-size: 14px;
	font-weight: bold;
}

a#replaced {
	display:block;
	width:287px;
	height:80px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(images/bt_contratalo.gif) top left no-repeat;
}
a#replaced:hover {
	background-position:0 -80px;/* con esto cambiamos la porcion de imagen que se muestra */
}
a.pie:link, a.pie:active, a.pie:visited{
	color: #ffffff;
	text-decoration: none;
}
a.pie:hover{
	text-decoration: underline;
}
.txt-destacado{
	font-weight: bold;
}
.txt-color1{
	color: #65be2e;
}
.txt-color2{
	color: #ff0000;
}
.txt-color3{
	color: #f0f0f1;
}
.txt-mayor{
	font-size: 16px;
	padding-bottom: 10px;
}
.txt-mayor1{
	font-size: 16px;
}
.txt-menor1{
	font-size: 11px;
}

/* body {
/* background: #fff !important; /* Firefox y los demás */
/* *background: #000 !important;  /* Sólo IE7 */
/* *background: #ccc; /* Sólo IE6 */
/* }