body {
	margin: 0;
	text-align:center;
	background: #C4CADC url("../images/fondo1.jpg") 0 0 repeat-x;
	color: #000;
	font-size: 62.5%;
	font-family: arial,helvetica,sans-serif;
}	

img { border: none;}
p {	font: 1.3em/145% arial,helvetica,sans-serif;}
a { color: #ff3; }
a:hover { text-decoration: none; }
a:visited { color: #ff9; }

h3 { font-size:1.5em; margin: 1.5em 0 -.2em;}
.blank { padding-right:12px; background:url(../images/blank.gif) 100% 50% no-repeat;}

#contenedor, #interior {
	position: relative;
	margin: 0 auto;
	width: 716px;
	text-align: left;
	background: transparent url("../images/fondo_centro.gif") 0 0 repeat-y;
}

#interior {	background: transparent url("../images/fondo_centro_int.gif") 0 0 repeat-y;}

/* cabecera */
#cabecera {	height: 109px;	background: #2E206C url("../images/cabecera.jpg") 0 0 no-repeat;}
#cabecera h1 { float:right; width:376px; height:99px; text-indent:-400em; margin:15px 0 -5px; }
html>body #cabecera h1 {background:url(../images/claim.png) 0 0 no-repeat; }
#cabecera img {	position: absolute;	top: 12px;	left: 20px;	z-index:100}

#centro { clear:both;overflow:hidden;}

/********** menu ***************/

#izquierda {width: 193px;	float: left;	background: transparent url("../images/lateral_izq.jpg") 0 0 no-repeat;	height: 583px;}
#izquierda ul {	margin: 61px 0 0 10px;padding: 0;list-style:none;}
#izquierda a {
	display:block;
	height: 36px;
	background: #DFDFE8 url("../images/menu.gif") 0 0 no-repeat;
	width: 165px;
	color: #321B6F;
	text-decoration: none;
	font: bold 1.5em/1.8em "Trebuchet MS",arial,helvetica,sans-serif;
	padding: 0 0 0 10px;
}

#izquierda a:hover, #izquierda a.active { color: #fff;	background-position: 0 -36px;}
#izquierda img {	position: relative;	left: 10px;}
#imagen {
	float: left;
	background: transparent url("../images/lateral_der.jpg") 100% 0 no-repeat;
	width: 523px;
	height: 583px;
}

/**************** centro ***************/

html>body #imagen {	min-height: 583px;	height: auto;}

#texto {
	float: left;
	background: transparent url("../images/lateral_der.jpg") 100% 0 no-repeat;
	width: 478px;
	height: 483px;
	color: #fff;
	padding: 15px 30px 15px 15px;
	font: 1.3em/145% arial,helvetica,sans-serif;
}
html>body #texto {	min-height: 483px;	height: auto;}

#texto p {	font: 1em/145% arial,helvetica,sans-serif;}
ol#bread {	margin: -10px 0 0;	padding: 0;	list-style: none;}
#bread li {	display: inline;	font: 0.8em verdana,sans-serif;}
#bread li:before {	content: "\0020 \0020 \0020 \00BB \0020";}
#bread li.first:before {	content: " ";}
#bread a {	color: #fff;}

/* home */
.intro { width: 251px; float:left; border-right:1px solid #F3F3F3; padding-right: 15px; margin-top: 15px;}
.indexCatalogo { float:left; width:162px; padding-left:15px;}


#productos h2 {
	color: #E6D62F;
	font: bold 1.4em verdana,sans-serif;
	letter-spacing: 0.1em;
	margin: 25px 0 3px;
}
#productos th {	color: #F28E00;	border-bottom: 1px solid #fff;}
#productos td, #productos a {color: #fff;	text-decoration: none;}
#listado {	width: 100%;	border: 0;	margin: 10px 0 0 0;}
#listado td h1 { font: bold 1.5em "Arial rounded","Trebuchet MS",arial,helvetica,sans-serif;	color: #9F0002;	margin: 2px 0;}
#listado td h2 { font: italic 1.2em arial,helvetica,sans-serif;	color: #fff; margin: 2px 0;}
#listado td h3 { font: bold 2em "arial rounded","Trebuchet MS",arial,helvetica,sans-serif;	color: #fff;	margin: 0;}

#direccion {
	float: right;
	width: 173px;
	text-align: right;
	padding: 3px;
	background: #3E257F;
	margin: 60px 0 3px 3px;
	font: 1em arial,helvetica,sans-serif;
}
#dirección h2 {	font: bold 1.5em arial,helvetica,sans-serif;	margin: 2px 0;}
#dirección h3 {	font: bold 1.4em arial,helvetica,sans-serif;	margin: 2px 0;}

/************ pie *************************/

#pie {	clear:both;	height: 33px;	background: #DFDFE8 url("../images/pie.gif") 0 0 no-repeat;}
#pie p {	margin: 0 30px 0 0;	text-align: right;	color: #fff;	font: 0.9em/300% verdana,sans-serif;}

#pie a {	color: #fff;	text-decoration: none;}
#pie a:hover {	text-decoration: underline;}
