/* CSS Document */

body {
	margin: 0px;
	background-image: url(../img/dofon.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.cuerpo {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.cabeza {
	width: 940px;
	height: 162px;
	float: left;
}

.cabeza1 {
	width: 940px;
	height: 120px;
	float: left;
	margin-bottom: 2px;
}

.cabeza2 {
	width: 940px;
	height: 42px;
	background-image:url(../img/fondobot.jpg);
	background-repeat: repeat-x;
	float: left;
}

.botonera {
	width: 700px;
	height: 42px;
	float: left;
}

.botonera ul {
	margin: 0px;
}

.botonera ul li {
	float: left;
	list-style: none;
	display: block;
	height: 30px;
	padding-top: 12px;
	text-align: center;
	border-right: 1px solid #CCCCCC;
}

.botonera ul li a {
	display: block;
	height: 30px;
}

.botonera ul li:hover {
	background-image: url(../img/hover.jpg);
	background-repeat: repeat-x;
}

.liuno {
	width: 70px;
}

.lidos {
	width: 125px;
}

.litres {
	width: 130px;
}

.licuatro {
	width: 105px;
}

.licinco {
	width: 105px;
}

.liseis {
	width: 100px;
}

.buscador {
	width: 220px;
	height: 42px;
	float: left;
}

.bus1 {
	float: left;
	width: 60px;
	text-align: center;
	height: 29px;
	padding-top: 13px;
}

.bus2 {
	float: left;
	width: 125px;
	padding-top: 10px;
	height: 32px;
}

.bloque {
	width: 72px;
	height: 17px;
	font-size: 10px;
	color: #000;
}

.bloque22 {
	width: 90px;
	height: 14px;
	font-size: 10px;
	color: #000;
}

.bus3 {
	float: left;
	width: 25px;
	padding-top: 12px;
	height: 30px;
}

.medio {
	width: 940px;
	margin-top: 12px;
	float: left;
}

.columna {
	float: left;
	width: 178px;
	padding-left: 2px;
}

.categoria {
	width: 160px;
	height: 23px;
	padding-left: 12px;
	padding-top: 4px;
	float: left;
	background-image: url(../img/fondocategoria.jpg);
	background-repeat: no-repeat;
}

.submenu {
	width: 168px;
	float: left;
	margin-bottom: 7px;
	background-color: #f2f2f2;
}

.submenu ul {
	margin: 0px;
}

.submenu ul li {
	list-style: none;
	display: block;
	height: 17px;
	padding-left: 5px;
	padding-top: 3px;
	border-bottom: 1px dotted #999;
}

.submenu ul li a {
	display: block;
	width: 160px;
	height: 17px;
}

.submenu ul li:hover {
	background-color: #ccc;
}

.columna2 {
	float: left;
	width: 760px;
}

#columnados {
	width: 385px;
	height: 470px;
	float: left;
}

.flash {
	width: 743px;
	height: 160px;
	margin-left: 10px;
	margin-bottom: 15px;
	float: left;
}

.contenido {
	width: 520px;
	float: left;
	margin-left: 10px;
}

.columna3 {
	width: 202px;
	margin-left: 18px;
	float: left;
}

.titularuno {
	float: left;
	width: 518px;
	border-bottom: #CCCCCC 1px dotted;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

.separanews {
	float: left;
	width: 518px;
	border-bottom: #CCCCCC 1px dotted;
	padding-bottom: 6px;
	margin-bottom: 8px;
}

.prodest {
	float: left;
	width: 518px;
	height: 393px;
	margin-bottom: 14px;
	background-image: url(../img/fondoprods.jpg);
	background-repeat: no-repeat;
}

.destacadito {
	float: left;
	width: 140px;
	height: 165px;
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

.fotis {
	float: left;
	width: 138px;
	height: 83px;
	border: 0px;
	margin-bottom: 4px;
}

.desc {
	float: left;
	width: 140px;
	height: 52px;
	margin-bottom: 2px;
}

.vermas {
	float: left;
	width: 140px;
	height: 16px;
}

.vermasuno {
	float: left;
	width: 75px;
	height: 16px;
	text-align: left;
}

.vermasdos {
	float: right;
	text-align: right;
	height: 16px;
	width: 55px;
}

.bloquetexto {
	float: left;
	width: 518px;
	margin-bottom: 12px;
}

.botoncierre {
	float: left;
	width: 518px;
	height: 34px;
	margin-bottom: 10px;
}

.categorial {
	width: 185px;
	height: 23px;
	padding-left: 12px;
	padding-top: 4px;
	float: left;
	background-image: url(../img/fondocategorial.jpg);
	background-repeat: no-repeat;
}

.submenul {
	width: 190px;
	float: left;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-bottom: 7px;
	background-color: #f2f2f2;
}

.listadoprod {
	width: 170px;
	border-bottom: #999999 1px dotted;
	height: 16px;
	margin-left: 10px;
	font-family: tahoma;
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #333;
}

.izq {
	float: left;
}

.der {
	float: right;
}

.derfinal {
	float: right;
	font-weight: bold;
}

.vermaslistado {
	float: left;
	width: 180px;
	height: 15px;
	text-align: right;
	margin-left: 5px;
	margin-top: 3px;
}

.cuadrof {
	float: left;
	width: 190px;
	height: 160px;
	margin-top: 12px;
	margin-bottom: 18px;
}

.adsense {
	float: left;
	width: 200px;
	height: 350px;
	margin-top: 18px;
	margin-bottom: 20px;
}

.socialnt {
	float: left;
	width: 190px;
	height: 84px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.socialch {
	float: left;
	width: 190px;
	height: 68px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.socialtel {
	float: left;
	width: 190px;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.titultimo {
	float: left;
	width: 174px;
	margin-bottom: 6px;
}

.imgultimo {
	float: left;
	width: 174px;
	height: 90px;
	margin-bottom: 7px;
}

.botultimo {
	float: left;
	width: 174px;
	text-align: right;
}

.pie {
	width: 940px;
	height: 18px;
	padding-top: 2px;
	text-align: center;
	float: left;
	background-color: #ededed;
}

.pieuno {
	float: left;
	width: 650px;
	text-align: left;
	margin-left: 8px;
}

.piedos {
	float: right;
	width: 200px;
	text-align: right;
	margin-right: 8px;
}

.detalleprod {
	width: 518px;
	height: 987px;
	float: left;
	border-bottom: #CCCCCC 1px dotted;
	margin-bottom: 15px;
}

.fotoprod {
	width: 518px;
	height: 370px;
	margin-bottom: 12px;
	float: left;
	background-image: url(../img/fondofotogrande.jpg);
	background-repeat: no-repeat;
}

.fotoprod img {
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	border: #CCCCCC 1px solid;
}

.botoms {
	width: 518px;
	float: left;
	height: 40px;
	text-align: center;
	padding-top: 20px;
}

.descripcionprod {
	width: 518px;
	height: 560px;
	float: left;
	position: relative;
	background-image: url(../img/fondodescprod.jpg);
	background-repeat: no-repeat;
}

.one {
	width: 490px;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.two {
	width: 170px;
	float: left;
	margin-left: 10px;
}


.three {
	width: 360px;
	height: 110px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}


.four {
	width: 100px;
	float: right;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 10px;
}

.four img {
	margin-top: 5px;
}

.bajador {
	width: 518px;
	float: left;
	position: absolute;
	bottom: 0;
}

.color {
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	border: #CCCCCC 1px solid;
	background-color: #000;
}

.color1 {
	width: 26px;
	height: 26px;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	border: #CCCCCC 1px solid;
	background-color: #fff;
}

.barradownload {
	width: 518px;
	height: 60px;
	float: left;
	background-color: #f2f2f2;
	margin-bottom: 25px;
}

.barra1 {
	width: 285px;
	float: left;
	margin-top: 18px;
	margin-left: 12px;
}

.barra2 {
	width: 200px;
	margin-top: 10px;
	float: right;
}

.paginador {
	float: left;
	width: 518px;
	height: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}


.primerafila {
	float: left;
	width: 518px;
	height: 196px;
	margin-bottom: 10px;
}

.prod {
	float: left;
	width: 153px;
	padding-top: 15px;
	padding-left: 12px;
	height: 175px;
	background-image: url(../img/fondobloquesolo.jpg);
	background-repeat: no-repeat;
	margin: 3px;
}

.textoamplio {
	float: left;
	width: 518px;
	height: 455px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.bloquedos {
	width: 320px;
	height: 18px;
	border: #CCCCCC 1px solid;
	font-family: verdana;
	font-size: 11px;
	background-color: #fafafa;
	color: #333;
	margin-bottom: 7px;
}

.bloquetres {
	width: 320px;
	height: 80px;
	border: #CCCCCC 1px solid;
	background-color: #fafafa;
	font-family: verdana;
	font-size: 11px;
	color: #333;
	margin-bottom: 6px;
}

label {
	width: 120px;
	height: 22px;
	display: block;
	position: relative;
	float: left;
	clear: left;
	margin-bottom: 6px;
}

.boton {
	width: 77px;
	height: 18px;
	border: #999999 1px solid;
	background-color: #CCC;
	color: #333;
	font-family: verdana;
	font-size: 9px;
	margin-right: 5px;
}

.botonslide {
	width: 120px;
	height: 20px;
	border: 0px;
	background-image: url(../img/basebot.jpg);
	color: #fff;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
}

.form1 {
	width: 400px;
}

.compra01 {
	width: 518px;
	padding-bottom: 15px;
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}

.compra01 td {
	border-bottom: #CCC 1px solid;
}

.bloquepeque {
	width: 62px;
	height: 14px;
	background-color: #FFFFFF;
	border: #CCCCCC 1px solid;
}

.descarga {
	width: 518px;
	height: 70px;
	float: left;
	background-color: #f2f2f2;
	margin-bottom: 15px;
}

.fotodescarga {
	float: left;
	width: 75px;
	height: 60px;
	margin-left: 5px;
	margin-top: 5px;
}

.descdescarga {
	float: left;
	width: 420px;
	height: 60px;
	margin-top: 5px;
	margin-left: 8px;
}

/*  textos */

.tahoma11suave {
	font-family: tahoma;
	font-size: 11px;
	color: #FFF;
}

.tahoma11 {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}

.tahoma11 a:link {
	color: #FFF;
	text-decoration: none;
}

.tahoma11 a:hover {
	color: #000;
	text-decoration: none;
}

.tahoma11 a:active {
	color: #FFF;
	text-decoration: none;
}

.tahoma11 a:visited {
	color: #FFF;
	text-decoration: none;
}

.arial10 {
	font-family: arial;
	font-size: 10px;
	color: #fff;
}

.tahoma11gris {
	font-family: tahoma;
	font-size: 11px;
	line-height: 15px;
	color: #666;
}

.tahoma11negro {
	font-family: tahoma;
	font-size: 11px;
	line-height: 15px;
	color: #333;
}

.tahoma11negro a:link {
	text-decoration: none;
	color: #333;
}

.tahoma11negro a:hover {
	text-decoration: none;
	color: #000;
}

.tahoma11negro a:active {
	text-decoration: none;
	color: #333;
}

.tahoma11negro a:visited {
	text-decoration: none;
	color: #333;
}

.titularbig {
	color: #5298BC;
	font-family: tahoma;
	font-size: 24px;
}

.titularmed {
	color: #5298BC;
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
}

.nombre {
	font-family: tahoma;
	color: #666;
	font-size: 11px;
	font-weight: bold;
}

.nombre a:link {
	text-decoration: none;
	color: #666;
}

.nombre a:hover {
	text-decoration: none;
	color: #999;
}

.nombre a:active {
	text-decoration: none;
	color: #666;
}

.nombre a:visited {
	text-decoration: none;
	color: #666;
}

.descripcion {
	font-family: tahoma;
	font-size: 11px;
	color: #666;
}

.descripcion a:link {
	text-decoration: none;
	color: #666;
}

.descripcion a:hover {
	text-decoration: underline;
	color: #000;
}

.descripcion a:active {
	text-decoration: none;
	color: #666;
}

.descripcion a:visited {
	text-decoration: none;
	color: #666;
}

.precio {
	font-family: tahoma;
	font-size: 11px;
	color: #333;
	font-weight: bold;
}

.precio2 {
	font-family: tahoma;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.vermaslink {
	font-family: tahoma;
	font-size: 11px;
	color: #5298BC;
}

.vermaslink a:link {
	text-decoration: none;
	color: #5298BC;
}

.vermaslink a:hover {
	text-decoration: none;
	color: #000000;
}

.vermaslink a:active {
	text-decoration: none;
	color: #5298BC;
}

.vermaslink a:visited {
	text-decoration: none;
	color: #5298BC;
}

.vermasblanco {
	font-family: tahoma;
	font-size: 11px;
	color: #fff;
}

.vermasblanco a:link {
	text-decoration: none;
	color: #FFF;
}

.vermasblanco a:hover {
	text-decoration: none;
	color: #ccc;
}

.vermasblanco a:active {
	text-decoration: none;
	color: #FFF;
}

.vermasblanco a:visited {
	text-decoration: none;
	color: #FFF;
}

.tahoma12 {
	font-family: tahoma;
	font-size: 12px;
	color: #666;
	line-height: 16px;
}

.tahoma12 a:link {
	text-decoration: none;
	color: #666;
}

.tahoma12 a:hover {
	text-decoration: underline;
	color: #000;
}

.tahoma12 a:active {
	text-decoration: none;
	color: #666;
}

.tahoma12 a:visited {
	text-decoration: none;
	color: #666;
}

/* ultimo css para la nueva vista */

.slide {
	width: 518px;
	height: 190px;
	text-align: center;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}