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


body {
	background: url(../imagenes/bg.jpg) #82c4dc;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

a:link {
	color: #00B1F2;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00B1F2;
}
a:hover {
	text-decoration: underline;
	color: #00B1F2;
}
a:active {
	text-decoration: none;
	color: #00B1F2;
}

#logo{
	position:absolute;
	z-index:1000;
	left: 19px;
	top: 19px;
}
#contenedorprincipal{
	width:868px;
	margin:auto;
	margin-top:10px;}
	
#top{
	background: url(../imagenes/bgtop.png);
	background-repeat:no-repeat;
	clear:both;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

#cont{
	background-color: #D8D8D8;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

#inf{
	background:url(../imagenes/bginf.png) no-repeat;
	height:75px;
	padding-top: 24px;
	padding-right: 20px;
	padding-left: 20px;
	font-size:13px;
}

.cel{
	width:192px;
	padding:8px;
	background:#FFF;
}

.cel:hover{
	background:url(../imagenes/bgover.jpg) repeat-x;
	color:#FFF;
}

.precio{
	color:#00aeef;
	font-size:14px;
	font-weight:bold;
}

.fontceleste{
	color:#00aeef;}



#slideshow{
	width:846px;
	height:330px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	}

#slideshow DIV {
    position:absolute;
    top:13;
    left:13;
    z-index:8;
    opacity:0.0;
    height: 330px;
}

#slideshow DIV.active {
    z-index:9;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:8;
}

#slideshow DIV IMG {
	height: 330px;
	display: block;
	border: 0;
}