html, body {
	background: #3A3A3A; /* url(images/fondo.gif) */
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ccc;
	margin: 0;
	padding: 0;
}

form {
   margin: 0;
   padding: 0;
}

a img {
	border: 0;
}

input, textarea {
   border: 1px solid #666;
}

a, legend {
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
}

#main a {
	color: #FFA941;
}

a:hover {
	visibility: visible;
/* IE bug fix */
}
/*
a:hover img {
	border: 1px solid #729AD7;
}
*/
#contenedor {
	text-align: center;
	height: 100%;
}

#logo {
	margin-top: 0px;
   	height: 63px;
   	margin-bottom: 5px;
}

#bi {
	margin-top: 5px;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;

}

#sublogo {
	/*background-image: url(images/sub-logo.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	height: 0px;
}

#main {
	width: 640px; /*width: 600px;*/
	height: 480px; /*height: 450px;*/
	border: 3px solid #000; /* ccc */
	margin: auto;
	background-color: #444;
	overflow: auto;
}

* html #main {
	margin-top: -15px;
}

#main p {
   padding: 4px;
}

#main a {
	color: #ccc;
}

#toptitle {
	float: right;
	color: orange;
	font-size: 22px;
	font-family: 'arial black';
	font-weight: bold;
	padding-right: 10px;
}

#menuitems {
	padding: 2px;
	height: 30px;
	width: 640px;
	margin: auto;
	text-align: center;
}

#menuitems a {
	font-family: 'arial black';
	font-size: 24px;
	font-style: italic;
}

#footer {
	font-size: 11px;
	margin-top: 50px;
}

#prod-tabla {
   border: 1px solid #ccc;
}

#prod-tabla th {
   border: 1px solid #ccc;
   /*background-color: #999;*/
   padding: 4px;
   color: #ccc;
   width: 180px;
}

#prod-tabla td {
   border: 1px solid #ccc;
   word-wrap: break-word;
   overflow: hidden;
}

#prod-tabla #desc {
   background-color: #999;
   padding: 1px;
}

#acc-tabla {
   clear: both;
}

.acc-floats {
   float: left;
   margin-right: 6px;
   height: 145px;
   width: 100px;
   background: #333 url(images/fondo.gif);
   margin-bottom: 30px;
   overflow: hidden;
}

.acc-floats img {
   /*line-height: 240px;*/
    top: 0;
    border: 1px solid #ccc;
}

.acc-listar {
   border:1px solid #ccc;
   height: 80px;
}

.acc-listar img {
   background: #333 url(images/fondo.gif);
   float: left;
   width: 80px;
   height: 80px;
   border: 0px solid #ccc;
   padding: 0;
   margin: 0;
}

.acc-listar p {
   float: left;
   margin: 0;
   padding: 0;
   font-style: italic;
   background-color: #666;
   height: 72px;

}

.acc-listar div {
   position: relative;
   top: 30px;
   right: 1px;
}

.acc-listar span {
   width:50px;
   background-color:white;
   color:#333;
}

#galeria img {
	border: 1px solid #999;
	cursor: pointer;
	cursor: hand;
}

#galeria div {
	border: 1px solid #999;
	background-color: #666;
	width: 315px;
	height: 73px;
	overflow: auto;
}

pre {
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.c1:hover{
	background-color: #FFF;
	padding: 4px;
}







.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align:left;
font-style: italic;
font-size: 16px;

/*background-color: #ccc;*/

width: auto;
visibility: hidden;

/*border: 0px solid #666;*/
/* Sombra menu */
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); */
}


* html .dropmenudiv{
	width: 155px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #FFA941;

/*color: #333;*/
/*border-bottom: 1px solid #333;*/
}

* html .dropmenudiv a{
width: 100%;
}

.dropmenudiv a:hover{
/*background-color: #333;*/
}








.carousel-component {
	padding:8px 16px 4px 16px;
	margin:0px;
}

.carousel-component .carousel-list li {
	margin:4px;
	width: 104px; /*width:79px; img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
	               img.border-left (1) + img.border-right (1)*/
	height: 76px; /*height:93px;  image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a {
	display:block;
	border:1px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover {
	border: 1px solid #aaaaaa;
}

.carousel-component .carousel-list li img {
	border:1px solid #999;
	display:block;
	cursor: pointer;
	cursor: hand;
}

.carousel-component .carousel-prev {
	position:absolute;
	top:17px;
	z-index:3;
	cursor: pointer;
	cursor: hand;
	left:-3px;
}

.carousel-component .carousel-next {
	position:absolute;
	top:17px;
	z-index:3;
	cursor:pointer;
	cursor: hand;
	right: -3px;
}