a:hover{

	text-decoration:none;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	color: #CCC;

}



a:link{

	text-decoration:none;

	color: #333;

}

a:visited{

	text-decoration:none;

	color: #333;

}

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	margin: 0 auto;

	background-color: #DEE9F3;

	position: relative;

}



#fondo {

	background-image: url(../imagenes/fondo.gif);

	background-repeat: repeat-y;

	width: 750px;

	background-color: #FFF;

	margin: 0 auto;

}

#catalogo {

	position: absolute;

	top: 200px;

	clear: both;



}



#membrete {

	position: relative;

	background-image: url(../imagenes/membrete.gif);

	background-repeat: repeat-x;

	height: 59px;

}

#menusuperior {

	clear: both;

}

#logoneo {

	background-repeat: no-repeat;

	height: 50px;

	width: 204px;

	top: 5px;

	left: 5px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	background-image: url(../imagenes/logo.gif);

	position: absolute;



}

#telefono {

	position: absolute;

	height: 59px;

	width: 330px;

	top: 0px;

	left: 400px;

	background-image: url(../imagenes/telefono.gif);

	background-repeat: no-repeat;

}

#barrabotones {

	float: left;

	height: 50px;

}



#botones {

	float: left;

	width: 151px;

	line-height: 25px;

	background-repeat: repeat-y;

	text-align: center;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

	background-image: url(../imagenes/fondo.gif);

	padding-top: 35px;

}



#botones a {

	width: 149px;

	display: block;

	background-image: url(../imagenes/boton_off.gif);

	background-repeat: repeat-x;

	padding-left: 1px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

}



#botones a.sinpresionar {

	width: 149px;

	display: block;

	background-image: url(../imagenes/boton_off.gif);

	background-repeat: repeat-x;

	padding-left: 1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCC;

	background-color: #69C;

}



#botones a.presionado {

	width: 149px;

	display: block;

	background-image: url(../imagenes/boton_on.gif);

	background-repeat: repeat-x;

	padding-left: 1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCC;

}



#botones a.webmail {

	width: 141px;

	height: 70px;

	background-image: url(../imagenes/neomail.gif);

	background-repeat:no-repeat;

	margin-left: 8px;

	background-color: #69C;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCC;

}

#botones a.logo {

	width: 142px;

	height: 70px;

	background-image: url(../imagenes/logo.gif);

	background-repeat:no-repeat;

	margin-left: 8px;

}

#botones a.logo:link{text-decoration:none;}

#botones a.logo:visited{text-decoration:none;}



#botones a.webmail:hover { 

	background-image: url(../imagenes/neomail.gif);

	background-repeat: no-repeat;

}



#botones a:link, #botones a:visited {

	color: #FFF;

	text-decoration: none;

	font-style: normal;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

}



#botones a:hover {

	background-image: url(../imagenes/boton_on.gif);

	background-repeat: repeat-x;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

	color: #CCC;

}

#botones a.links:hover {

	background-image: url(../imagenes/boton_on.gif);

	background-repeat: repeat-x;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

	color: #CCC;

}





#contenido {
	float: right;
	background-color: #FFF;
	width: 589px;
	height: 1600px;
	margin-left: 10px;
	position: relative;
	
}

#barratitulo {
	position: absolute;
	background-image: url(../imagenes/barratitulo.gif);
	height: 21px;
	width: 555px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	line-height: 21px;
	padding-left: 25px;
	background-repeat: no-repeat;
	left: -2px;

}

#contenidointerno {
	position: relative;
	height: 700px;
	width: 474px;
	padding-left: 25px;
	top: 0px;
	left: 25px;

}

#imagendelproducto {
	position: absolute;
	background-image: url(../imagenes/tarjetas.gif);
	background-repeat: no-repeat;
	top: 69px;
	height: 151px;
	width: 130px;
	left: 16px;

}

#descripciondelproducto {
	position: absolute;
	top: 82px;
	width: 189px;
	left: 158px;
	text-align: center;

}





#pie {

	clear: both;

	margin-left: 151px;

	background-color: #FFF;

	height: 45px;

}





/* ================================================================ 

This copyright notice must be kept untouched in the stylesheet at 

all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menu/pro_drop3.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.preload1 {

	background: url(../imagenes/blank_over.gif);

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

}

.preload2 {background: url(../imagenes/blank_overa.gif);}

.menu1 {

	margin:0;

	list-style:none;

	height:36px;

	font-family:Verdana, Geneva, sans-serif;

	background-color: #B0C7DC;

	background-image: url(../imagenes/blank1.gif);

	width: 243px;

	font-size: 9px;

	background-repeat: repeat-x;

	position: absolute;

}



.menu2 {

	margin:0;

	list-style:none;

	height:36px;

	z-index:500;

	font-family:Verdana, Geneva, sans-serif;

	background-color: #B0C7DC;

	background-image: url(../imagenes/blank.gif);

	font-size: 9px;

	width: 517px;

	float: right;

}

.menu2 li.top {display:block; float:left;}

.menu2 li a.top_link {

	display:block;

	float:left;

	height:36px;

	line-height:27px;

	color:#FFF;

	text-decoration:none;

	font-size:9px;

	padding:0 0 0 1px;

	cursor:pointer;

	background: url(../imagenes/blank.gif);

	font-family: Verdana, Geneva, sans-serif;

}

.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../imagenes/blank.gif) right top;}

.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(../imagenes/blanka.gif) no-repeat right top;}

.menu2 li a.top_link:hover {

	color:#CCC;

	background: url(../imagenes/blank_over.gif) no-repeat;

}

.menu2 li a.top_link:hover span {background:url(../imagenes/blank_over.gif) no-repeat right top;}

.menu2 li a.top_link:hover span.down {background:url(../imagenes/blank_overa.gif) no-repeat right top;}



.menu2 li:hover > a.top_link {

	color:#CCC;

	background: url(../imagenes/blank_over.gif) no-repeat;

}

.menu2 li:hover > a.top_link span {background:url(../imagenes/blank_over.gif) no-repeat right top;}

.menu2 li:hover > a.top_link span.down {background:url(../imagenes/blank_overa.gif) no-repeat right top;}





.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}



/* Default link styling */



/* Style the list OR link hover. Depends on which browser is used */



.menu2 a:hover {visibility:visible; position:relative; z-index:200;}

.menu2 li:hover {position:relative; z-index:200;}



/* keep the 'next' level invisible by placing it off screen. */

.menu2 ul, 

.menu2 :hover ul ul, 

.menu2 :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



.menu2 :hover ul.sub {

	left:0;

	top:31px;

	padding:3px;

	border:1px solid #3a93d2;

	white-space:nowrap;

	width:170px;

	height:auto;

	z-index:300;

	background-color: #F3F8FC;

}

.menu2 :hover ul.sub li {

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:145px;

	font-weight:normal;

}

.menu2 :hover ul.sub li a {

	display:block;

	font-size:11px;

	height:20px;

	width:145px;

	line-height:20px;

	text-indent:5px;

	color:#000;

	text-decoration:none;

}

.menu2 :hover ul.sub li a.fly {background:#fff url(../imagenes/arrow.gif) 80px 7px no-repeat;}

.menu2 :hover ul.sub li a:hover {

	background:#3a93d2;

	color:#FFF;

	width: 170px;

}

.menu2 :hover ul.sub li a.fly:hover {

	background:#3a93d2 url(../imagenes/arrow_over.gif) 80px 7px no-repeat;

	color:#FFF;

}

.menu2 :hover ul li:hover > a.fly {

	background:#3a93d2 url(../imagenes/arrow_over.gif) 80px 7px no-repeat;

	color:#FFF;

} 



.menu2 :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul

{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}