body {
	padding: 0.5em;
	font-family: Verdana, Georgia, Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 1.3em;
	}

a:link { color: navy;  text-decoration:none; }
a:visited { color: navy;  text-decoration:none; }
a:hover { COLOR: #FF8000; text-decoration: none; }

h1 { font: large Verdana, Arial, Helvetica, sans-serif; }
h2 { font: small Verdana, Arial, Helvetica, sans-serif; }
h3 { font: small Verdana, Arial, Helvetica, sans-serif; }
h4 { font: xx-small Verdana, Helvetica, Arial, sans-serif; }

#general{
margin: 0 auto;
width:73.5em;
overflow:auto; 
height: auto;
}

#cabecera{
width:73.5em;
}

#buscador{
padding: 0.5em;
}

#cuerpo{
width:73.5em;
overflow:hidden; 
height: auto;
float:left;
}

#cuerpo_cuerpo {
width: 50em;
overflow:hidden;
height:auto;
float:left;
}

#menu{
width: 23.5em;
overflow:hidden; 
float:right;
}

#submenu a {
font-size: 90%;
width: 8em;
float: left;
margin: 0.31em 0.31em 0.31em 0.31em;
padding: 0.31em 0.31em 0.31em 0.31em;
border:0.09em solid #000000;
border-left: 1em solid green;
background: #EDEDED;
}

img { border: 0em; }

#submenu a:hover{ border-left: 1em solid navy; }

.gris a:link { color: #FFFFFF; }
.gris a:visited { color: #FFFFFF;  text-decoration:none; }
.gris a:hover { COLOR: #FF8000; text-decoration: none; }

#menunavegacion {
font:80% Verdana, Helvetica, Arial, sans-serif;
}

#cabecera{
width: auto;
height:auto;
float: left;
}

#logo img {
border: 0em;
height: auto;
width: 13em;
}

#pie_web {
width: auto;
clear: both; 
}

.depcab {
width: 60em;
}

.cuadro_texto {
width: 24em;
float: left;
margin: 0.31em 0.31em 0.31em 0.31em;
}

.cuadro_gris {  
color:#333333; 
width: auto;
height: auto;
background: #E6E6E6; 
padding: 0.31em 0.31em 0.31em 0.31em;
}

.redondo_abajo {  
color:#333333; 
width: auto;
height: auto;
background: #E6E6E6; 
padding: 0.31em 0.31em 0.31em 0.31em;
}

.verde {  
color: #FFFFFF;
background: #23375F;
padding: 0.31em 0.31em 0.31em 0.31em;
border:0.09em solid gray; 
border-left: 1em solid green;
}

.azul {  
color: #FFFFFF;
background: #23375F;
padding: 0.31em 0.31em 0.31em 0.31em;
border:0.09em solid gray; 
border-left: 1em solid navy;
}

.naranja {
color: #FFFFFF;
background: #23375F;
padding: 0.31em 0.31em 0.31em 0.31em;
border:0.09em solid gray;
border-left: 1em solid #FF8000;
}

.gris {
color: #FFFFFF;
background: #23375F;
padding: 0.31em 0.31em 0.31em 0.31em;
border:0.09em solid gray; 
border-left: 1em solid #FF8000;
}

.izq {
width: auto;
float: left;
}

.abajo {
width: auto;
clear: both; 
}

.redondo_pie{  
color: navy; 
width: auto;
height: 20em;
background: #E6E6E6; 
padding: 0.31em 0.31em 0.31em 0.31em;
}

input, button {
border:0.13em solid #000000; 
BACKGROUND-COLOR: #E6E6E6;
font-size: 110%;
}


/* fila de articulos en columnas */
.lis_fila_titulo {  width: auto; clear: both; border-bottom :0.3em solid #FF8000; }
.lis_fila_dib { width: 12em; float: left; }
.lis_fila_carro { width: 7em; float: left; }
.lis_fila_texto { width: 30em; float: left; }

.lis_fila_dib img {
border: 0em;
height: auto;
width: 12em;
}

/* detalle de un artículo */
.detalle_dibujo { width: 20em; float: left; }
.detalle_texto { width: 30em; float: left; }

/* portadas */
.portada_titulo { 
color: white;
background: #23375F;
padding: 0.31em 0.31em 0.31em 0.31em;
border:0.09em solid gray; 
border-left: 1em solid green;
}

.detalle_dibujo img {
border: 0em;
height: auto;
width: 19em;
}

.portada_cuadro { width: 8em; float: left; padding: 0.5em 0.5em 0.5em 0.5em; }
.portada_destacado { width: 20em; height: 10em; float: left; margin: 1em; padding:0.5em; border: 0.2em solid green; }

.portada_cuadro img {
border: 0em;
height: auto;
width: 8em;
}

/* tags */
.nube_tags {
line-height: 1.8em;
}

/* pie */
#pie {height: 10em; border-left: 1em solid green; }

#carro { border-left: 1em solid green; }

.pie_columna {
width: 15em;
float: left;
}

.pie_columna2 {
width: 12em;
float: left;
}

/* destacado */
.destacado { border-left: 1em solid green; }

/* Carousel */
		
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 10em;
	margin-left: 2em;
	margin-right: 0.8em;
	width: 45.5em;
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0em;
	top: 0em;
	margin:0em 0.5em 0.5em 0em;
}

#carousel .panel {
	width: 20em;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 1em;
	padding:0.5em;
	border: 0.2em solid navy;
}

#carousel .panel .panel-text {
	padding-top:0.3em;
	font-size: 0.8em;
	font-family:Verdana, Geneva, sans-serif;
	color:  gray;
}