@charset "utf-8";
/* CSS Document */

* {
  margin:0;
  padding:0;
}

body {
  margin:0 5px;
  background-color:#ECF2EC;
  text-align:center;
}

body, text, table, a, li {
  color: #333;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
  text-decoration:none;
}

#marco1 {
  background:url(../fotos/_marcoA.jpg) no-repeat;
  height:10px;
  width:980px;
  margin-top:5px;
}
#marco2 {
  background:url(../fotos/_marcoB.jpg) repeat-y;
  width:980px;
}
#marco3 {
  background:url(../fotos/_marcoC.jpg) no-repeat;
  height:10px;
  width:980px;
}

p, h1, ul {
  padding: 5px;
}

h1 {
  font-size:20px;
  font-weight:bold;
  padding:15px 8px;
}

h2 {
  font-size:17px;
  font-weight:bold;
  padding:12px 8px;
}

h3 {
  font-size:14px;
  font-weight:bold;
  padding: 9px 8px;
}

a:hover{
  color:#fff;
}

#marco {
  width:980px;
  margin: 5px auto;
}

#cabecera {
  height:224px;
}

#pestanas {
  margin: -1px 0 0 12px;
  padding-top:1px;
  text-align:left;
  border:none;
}

#lista {
  margin-top: 2px;
}

#volver {
  float:right;
}
#volver a {
  display:block;
  padding-top:2px;
  font-size:9px;
}

.listaProd a:hover {
  color:#9DCF7C;
}

.listaProd li {
  margin-top:10px;
}

.listaProd ul {
  margin: 5px 20px;
}

.listaProd .opcion {
  margin: 3px 65px;
}

.fabricantes {
  margin:12px 5px;
  padding-bottom:5px;
  background:#9DCF7C;
  color:333;
  border:#4A714C solid 1px;
}
.articulos {
  margin:12px 5px;
  padding-bottom:5px;
  background: url(../fotos/fondo_art.gif) repeat-y #f8f8f8;
  color:333;
  border:#ccc solid 1px;
}
.fabricantes img {
  margin: 5px 5px 0 5px;
  float:left;
  border:#ccc solid 1px;
}

#contenido {
  font-size:13px;
  width: 926px;
  float:left;
  margin:9px 16px 11px 14px;
  padding:12px;
  text-align:justify;
  background: url(../fotos/_fondoDentro.jpg) repeat-y;
  border:#4A714C solid 1px;
}

#dentro {
  min-height:500px;
  padding:11px;
  background: url(../fotos/_fondoDentro2.jpg) repeat-y;
  border:#4A714C solid 1px;
}
#dentro #imgT {
  float:left;
  margin: -1px 0 7px 294px;
}
#linea {
	height:1px;
	margin:5px 25px 10px 5px;
	clear:left;
	background: url(../fotos/_fondoDentro3.jpg) -280px 0px;
}
.payresa {
  color: #FF9900;
}

#dentroIzq {
  float: left;
}

#dentroIzq #foto1 {
  width: 252px;
  height: 200px;
  padding: 0;
  margin: -68px 0 0 17px;
  border: #ccc solid 1px;
}

#dentroIzq #grupo {
  width: 252px;
  height: 116px;
  padding: 0;
  margin: 17px 0 0 17px;
  border: #ccc solid 1px;
  background: #f8f8f8;
}  


#dentroDer {
  float: right;
  width: 586px;
  margin: 10px 20px 5px 0;
}

#dentroDerFlash {
  float: right;
  width: 586px;
  margin: 17px 15px 10px 0;
}

#dentroDerGoogle {
  float: right;
  width: 576px;
  margin: 15px 25px 10px 0;
}

#dentroFin {
  clear:both;
}
.marco {
  border: #ccc solid 1px;
}
#contenido p {
  padding: 4px 5px;
  text-align:justify;
}

#contenido li {
  list-style-type:disc;
  list-style-position:outside;
  padding: 0 7px;
  margin-left: 20px;
  display:list-item;
  text-align:justify;
}

#contenido ul {
  margin-left: 20px;
}

.contacto {
  background:#272727;
  border:#908631 1px solid;
  margin:10px 20px 0 17px;
}

.contacto a {
  font-size:13px;
}

label {
  width: 247px;
  float: left;
  text-align: right;
  margin-right: 12px;
  display: block
}

.submit input {
  margin-left: 259px;
}

input, #comentario, #condiciones {
  color: #333;
  background: #eee;
  border: 1px solid #ccc;
  scrollbar-base-color:#ccc;
  scrollbar-arrow-color:#eee;
}

input, #comentario, #condiciones {
  width:300px;
}

#comentario {
  height:140px;
}

#submit {
  width:302px;
}

fieldset {
  border: #ccc solid 1px;
  padding: 10px 10px 15px 15px;
  margin: 0 23px 18px 23px;
}

legend {
  color: #f90;
  border: #ccc 1px solid;
  font-size:15px;
  font-weight:bold;
  padding: 2px 5px;
  background:#eee;
}

#pie {
  margin:0 14px 3px 14px;
  padding-top:3px;
  height:17px;
  font-size:11px;
  text-align:center;
  color:#333;
  background-color: #9DCF7C;
  border:#4A714C solid 1px;
  clear: both;
}

ul.MenuBarHorizontal
{
	margin: 1px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 1px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 189px;
	float: left;
}
ul.MenuBarHorizontal li a
{
	text-align: center;

}

ul.MenuBarHorizontal ul
{
	margin: 1px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 189px;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.MenuBarHorizontal ul li
{
	width: 189px;
}

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 4.8% 0 0 100.1%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

ul.MenuBarHorizontal ul
{
    background:#eee;
	border: none;
}

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #9DCF7C;
	padding: 4px 4px;
	color: #333;
	text-decoration: none;
	border:#4A714C solid 1px;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #4A714C;
	color: #FFF;
	border:#333 solid 1px;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #4A714C;
	color: #FFF;
	border:#333 solid 1px;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../fotos/MenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../fotos/MenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../fotos/MenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../fotos/MenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}


ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}

@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #9DCF7C;
	}
}