@import url(header.css);
@import url(footer.css);

body { margin: 0; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 1px; text-align: center; background: #6C6C6C; }

#container {
	width: 750px;
	margin: 0 auto;
	display: block;
}
#container div.text { margin: 20px 0 50px 0; width: 447px; background: url(../images/back_about.gif) no-repeat left top; float: left;}
#container div.title { font-weight: bold; font-size: 14px; color: #ee2e24; margin: 15px 0 0 15px; text-align: left;}
#container div.recomend { font-weight: normal; font-size: 10px; color: #6d6e71; margin: 0 15px 0 0; text-align: right; background: url(../images/letter.gif) no-repeat 265px ; }
#container div.recomend a { text-decoration: none; color: #6d6e71; }
#container div.recomend a:hover { text-decoration: underline; }
#container div.intro { font-weight: bold; font-size: 11px; color: #ee2e24; margin: 10px 0 0 15px; text-align: left;}
#container div.cont { font-weight: normal; font-size: 10px; color: #7c7c7c; margin: 10px 15px 0 15px; text-align: left;}
#container div.cont a {text-decoration:none; color:#7c7c7c; font-weight:bold; }
#container div.cont a:hover {color:#ee2e24;}

#container div.family { margin: 0; width: 282px; float: left; }

#spacer { clear: both; display: block; width: 750px; height: 1px; }

#container div.otros { margin: 0 0 5px 15px; float: left; padding:0; width: 270px; background: url(../images/back_otros.jpg) no-repeat left top;  }
#container div.otros img {
	float: left;
	margin: 2px 5px 4px 5px;
	border: 0;
} 
#container div.otros h3 { color: #ee2e24; font-size: 11px; text-align: left; margin-top: 10px; margin-left: 10px }
#container div.otros p {
	float: left;
	font-size: 11px;
	text-align: left;
	width:160px;
}
#container div.otrosline {
	border-bottom: 1px solid #EAEAEA;
	display: block;
	overflow: hidden;
	height: 63px;
}
#container div.otros a.titulo {
	font-size: 9px;
	padding: 1px 0 1px 25px;
	color: #6c6c6c;
	text-decoration: none;
	display: block;
	background: url(../images/arrow.gif) no-repeat left 2px;
	margin-top: 32px;
}
#container div.otros a.subtitulo{
	font-size: 10px;
	padding: 4px 0 3px 25px;
	color: #6c6c6c;
	text-decoration: none;
	display: block;
	background: url(../images/prod_flecha.gif) no-repeat 13px 7px;
}
#container div.otros a:hover {color: #ee2e24; text-decoration: none; }
/*#container div.otros a.subtitulo:hover {color: #ee2e24; text-decoration: none; font-weight:bold; }*/
#container div.testflash { margin:0 0 0 10px; padding:0; width:271px; height:251px; float:left; }
#spacer { clear: both; width: 750px; height: 1px; }
.fotoiz {float:right;}
.fotoiz img {margin: 18px 34px 0 10px;}