html,body{margin:0; padding:0}

body{
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
}

body{
background: #fff url("imgs/degradado-fondo.jpg") repeat-x top left;
}

#contenedor
{
text-align:left;
width:800px;
margin: 0px auto;
background-color: #fff;
background: #fff url("imgs/fondo-contenedor.jpg") no-repeat top left;
color: #ddd;
line-height: 100%;
}

#cabeza
{
padding: 1.5em;
}

#cabeza h1
{
height:200px;
line-height:40px;
margin:0;
background:transparent;
color:#fff;
}

#cabeza a
{
color:#fff;
text-decoration: none;
}

#navegacion
{
float: left;
width: 180px;
margin-left: 40px;
padding: 0;
}

#navegacion ul
{
list-style:none;
padding:0;
}

#navegacion li
{
margin:0;
border-bottom:1px solid #666;
}

.iconoinicio {line-height:3ex; background: url("imgs/icono-inicio.jpg") no-repeat 0px center;}

.iconoclases {line-height:3ex; background: url("imgs/icono-clases.jpg") no-repeat 0px center;}

.iconoexamenes {line-height:3ex; background: url("imgs/icono-examenes.jpg") no-repeat 0px center;}

.iconograficos {line-height:3ex; background: url("imgs/icono-graficos.jpg") no-repeat 0px center;}

.iconojuegos {line-height:3ex; background: url("imgs/icono-juegos.jpg") no-repeat 0px center;}

.iconoimpresion {line-height:3ex; background: url("imgs/icono-impresion.jpg") no-repeat 0px center;}

.iconoenciclopedia {line-height:3ex; background: url("imgs/icono-enciclopedia.jpg") no-repeat 0px center;}

.iconotienda {line-height:3ex; background: url("imgs/icono-carrito.jpg") no-repeat 0px center;}

.iconocontacto {line-height:3ex; background: url("imgs/icono-contacto.jpg") no-repeat 0px center;}

.iconoinicio-actual {line-height:3ex; background: url("imgs/icono-inicio.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconoclases-actual {line-height:3ex; background: url("imgs/icono-clases.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconoexamenes-actual {line-height:3ex; background: url("imgs/icono-examenes.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconograficos-actual {line-height:3ex; background: url("imgs/icono-graficos.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconojuegos-actual {line-height:3ex; background: url("imgs/icono-juegos.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 80%;}

.iconoimpresion-actual {line-height:3ex; background: url("imgs/icono-impresion.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconoenciclopedia-actual {line-height:3ex; background: url("imgs/icono-enciclopedia.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconotienda-actual {line-height:3ex; background: url("imgs/icono-carrito.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

.iconocontacto-actual {line-height:3ex; background: url("imgs/icono-contacto.jpg") no-repeat 0px center; text-transform: uppercase; font-weight: bold; font-size: 70%;}

#navegacion li a
{
display:block;
padding: 10px 5px 10px 40px;
text-decoration:none;
color:#666666;
width: 60%
}

#navegacion a:hover
{
color: #999;
}

#contenido
{
margin-top: 15px;
margin-left: 230px;
padding: 1em;
width: 450px;
height: auto;
}

#pie
{clear:both;
width:100%;
height:230px;
}

#pie
{
background:#fff;
color:#999;
text-align:center;
padding-top:30px;
}

#pie p
{
margin:0;
padding:5px 10px;
line-height:20px;
font-size:80%}

#pie
{
background: #fff url("imgs/fondo-pie.jpg") no-repeat top left}

#contenido h2
{
margin: 0 0 .5em 0;
}

h4
{
font-size: 120%;
font-style: italic;
color: #999;
font-weight: normal;
line-height:3ex;
}

h2
{
font-size: 160%;
color: #ff641d;
}

#nota-pedido
{
background-color: white;
padding: 10px;
border-color: #ffac77;
border-style: dashed;
border-width: 1px 1px 1px 1px;
width:100%;
height:auto;
}

#nota
{
	background-color: #fee4b5;
	padding: 10px;
	border-color: #ffac77;
	border-style: solid;
	border-width: 4px 1px 1px;
	width:100%;
	height:auto;
}

#nota ul
{
	list-style: none;
}

#nota li a
{
	text-decoration: none;
	color: #000;
	display: block;
	padding: 5px 5px 5px 15px;
	background: url("imgs/flechita.gif") no-repeat 0px center;
}

#nota li a:hover
{
	color: #666;
	background: url("imgs/flechita2.gif") no-repeat 0px center;}

#nota p
{
	font-size: 90%;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 3ex;
}

#pie a
{
	text-decoration: none;
	color: silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titnota
{
	font-size: 140%;
	color: #ff641d;
}

.titnota-catalogo
{
	font-size: 140%;
	color: #ccc;
}

.tit-enc {
	font-family: Gill Sans, Verdana;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

.tit-version {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #ff641d;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 34px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: bold;
	font-style: italic;
}

.titnota-pedido
{
	font-size: 140%;
	color: #ff641d;
	display: block;
	border-top: 1px dashed #ff641d;
	padding-top: 5px;
}

.titnota-pedido1
{
	font-size: 140%;
	color: #ff641d;
	display: block;
	padding-top: 5px;
}

#nota-pedido p
{
	font-size: 100%;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#nota img
{
	float: left; 
	margin: 0 10px 0 0; 
	border:none;
}

#tabla {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 90%;
}

caption {
	color: #ff641d;
	padding: 0 0 5px;
	width: 100%;
	font: 120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border-bottom: 1px solid #C1DAD7;
}

th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 5px 5px 10px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px 5px 5px 10px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#tabla a:link {
	color: #4f6b72;
	text-decoration:none;
}

#tabla a:hover {
	color: #cc5017;
}

#tabla a:visited {
	color: #999;
	text-decoration:none;
}