body {
	background-position: center top;
	background-color: #252525;
	margin: 0px;
	font: 12px/170% Verdana;
	background-image: url(images/fondoBorde.jpg);
	background-repeat: repeat-y;
	cursor: default;
}

a {
	color: #3366cc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Elementos */
#content {
	margin: auto;
	width: 1000px;
	background-color: #244882;
}

#Head {
	height: 170px; /*width: 1000px;*/
	background-image: url(header/header.header.jpg);
	border-bottom: 2px solid #fff;
}


/* Clases globales */
.separador {
	clear: both;
}

.bloque {
	background-color: White;
	margin-bottom: 16px;
}
.bloque .content {
	padding: 4px;
}

/* busqueda */
.searchbox {
	float: right;
	padding-left: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
.searchbox input {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}

.menufun {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 53px;
	background: #313644 url(                                                     'images/menu-bg.PNG' );
}
.classli {
	margin-top: 0px;
	padding: 0px;
	display: inline;
}
.classli a {
	display: block;
	height: 53px;
	line-height: 53px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
	cursor: pointer;
	font-family: Arial Narrow,Helvetica,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	background: url(                                                     'images/menu-divider.PNG' ) no-repeat left 0;
	text-decoration: none;
}

.classli a:hover {
	text-decoration: none;
	color: #87CEFA;
	background-image: url(images/menu-active.PNG);
}

/*Search*/
.sitemap {
	margin: 0px;
	height: 35px;
	padding: 0px 0px 0px 70px;
	clear: both;
	background: #EF0000 url(images/bg_sitemap.jpg) no-repeat left;
	border-bottom: 2px solid #fff;
}
.sitemap a, .sitemap span {
	float: left;
	text-decoration: none;
	display: block;
	height: 35px;
	color: #FFA500 !important;
	line-height: 35px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: 3px;
	margin-right: 3px;
}
.sitemap a:hover {
	float: left;
	text-decoration: none;
	background: #900000;
	color: #F0E68C;
}

.sitemap li {
	height: 35px;
	line-height: 35px;
	float: left;
	color: #fc0;
	display: inline;
	margin: 0px;
}

#Trunk {
	min-height: 1000px;
	margin-bottom: 0px;
}
#contenIzq {
	float: left;
	width: 208px;
	margin-left: 6px;
}
#contenDer {
	margin-left: 6px;
	float: left;
	width: 762px;
}

#contenDer .white {
	background-color: White;
}
#contenDer .no-white {
	background-color: Transparent;
}

/*********/
/*********/
#CuerpoCentro {
	float: left;
	width: 540px;
	margin-left: 0px;
}




/*********/

#CuerpoDer {
	float: left;
	width: 212px;
	margin-left: 6px;
}



.CItitulo {
	/*width: 208px;*/
	height: 27px;
	background: #2F61AA url(images/barranew.jpg) repeat-x;
	color: White;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-left: 0px;
}
.CICont {
	/*width: 208px;*/
	padding-top: 3px;
	margin-bottom: 10px;
	background: #fff url(images/cont.gif) repeat-x left 1px;
}

.CDtitulo {
	height: 27px;
	background: #2F61AA url(images/barranew.jpg) repeat-x;
	color: White;
	font-weight: bold;
	text-align: left;
	padding-top: 3px;
	padding-left: 20px;
}


/*restantes*/
.RestanteEmp {
	margin-left: 0px;
	padding: 4px;
	list-style: none !important;
}
.RestanteEmp a {
	margin-left: 0px;
	text-decoration: none;
	display: block;
	padding: 1px;
	padding-left: 25px;
	color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #a00;
	background: #E30000;
}

.RestanteEmp a:hover {
	background: #D20000 url(images/bg_a_rest.gif) no-repeat left center;
}

/*Pie*/
#Foot {
	padding-top: 3px;
	margin-top: 0px;
	border-top: 1px solid #6699CC;
	clear: both;
}
#TituloWeb {
	float: right;
	height: 18px;
	color: Navy;
	font-size: 14px;
	font-weight: bold;
}
#Derechos {
	float: right;
	color: #6699CC;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
}
#Policy {
	float: right;
	color: #6699CC;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 2px;
}
#Policy a {
	color: #6699CC;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#TituloVF {
	height: 22px;
	margin-top: 3px;
	border-top: 1px solid #6699CC;
}
#TituloVF a img {
	float: right;
	border: 0px;
}

.globoControl {
	padding: 3px;
}
.globoControl dd {
	float: left;
	margin: 0px;
	padding: 4px;
	background: url(images/globo.gif) no-repeat left bottom;
}

.classImage {
	float: left;
	margin: 0px;
	padding: 3px !important;
	border: 1px solid #cce;
	background: #f0f0f0;
}
.classImage img {
	border: 1px solid #ddd !important;
	display: block;
	width: 184px;
	height: 90px;
}

.classImage2 {
	float: left;
	margin: 0px;
	padding: 3px !important;
	border: 1px solid #cce;
	background: #f0f0f0;
}

.classImage2:hover {
	border-color: #ffcc99;
}

.classImage2 img {
	border: 1px solid #ddd !important;
	display: block;
}


.classImageSub {
	float: left;
	margin: 0px;
	padding: 2px 4px 0px 0px;
	list-style-type: none;
}
.classTitleSub {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.classTitleSub li {
	float: left;
	margin: 0px;
}

.classTitulo {
	margin: 0px;
	padding-left: 0px;
	display: block;
	font-weight: bold;
	color: #6699FF;
}

.classTitulo:link {
	text-decoration: none;
	font-size: 13px;
}
.classTitulo:visited {
	text-decoration: none;
	font-size: 13px;
}

.classTitulo:hover {
	text-decoration: UNDERLINE;
	font-size: 13px; /**/
}


.classDescripcion {
	/*text-align: left;*/
	clear: both;
	display: block;
	color: #808080;
	font-size: 10px;
	padding: 4px;
}

.linea {
	display: block;
	clear: both;
	width: 190px;
	height: 15px;
	margin-left: 10px;
}

.contTitulo {
	margin: 0px;
	padding: 0px;
	color: Navy;
	font-weight: bold;
	font-style: italic;
}
.contImagen {
	float: left;
	padding: 7px;
}
.contDesc {
	color: Gray;
	font-style: italic;
	font-size: 13px;
}
.contCont {
	font-size: 13px;
}

/*Cuerpo*/
#masnuevo, #Famosos {
	border-top: none; /*width: 554px;*/
	background: #fff url(images/cont.gif) repeat-x left 51px;
}

.MN1 {
	padding: 5px;
	height: 40px;
	line-height: 40px;
	color: #def;
	margin: 0px;
	margin-bottom: 30px;
	font-weight: bolder;
	background-image: url(images/fondomasnuevo.jpg);
	background-position: left 1px;
	background-repeat: repeat-x;
	background-color: #2B559F;
	font-size: 16pt;
}
.MN1 a {
	color: #def;
}

#MN2 {
	font-size: 16pt;
	font-family: Verdana;
	margin: 15px 10px 25px 10px;
	border-bottom: solid 1px #e0e0ff;
	padding-bottom: 4px;
}
#MN2 a:hover {
	color: Blue;
}

/*Login*/
.tabla {
	margin-left: 4px;
	color: gray;
	font-size: 11px;
}
/*admin*/
.css_AdminMenu {
	float: left;
	margin: 0px;
	padding: 0px;
}
#contenidoAdmin {
	float: left;
}
.css_AdminMenu li {
	margin: 0px;
	padding: 0px;
	width: 200px;
}

.css_AdminMenu li a:Link {
	font-size: 14px;
	height: 21px;
	font-weight: bold;
	margin-left: 5px;
	padding-left: 5px;
	border-bottom: 1px solid white;
	color: #99CCFF;
	display: block;
	background-color: navy;
	text-decoration: none;
	border-bottom-color: #99CCFF;
	padding-top: 3px;
}
.css_AdminMenu li a:Visited {
	font-size: 14px;
	height: 21px;
	font-weight: bold;
	margin-left: 5px;
	padding-left: 5px;
	border-bottom: 1px solid white;
	color: #99CCFF;
	display: block;
	background-color: #0066CC;
	text-decoration: none;
	border-bottom-color: #99CCFF;
	padding-top: 3px;
}
.css_AdminMenu li a:Hover {
	color: white;
	border-bottom: 3px solid #99CCFF;
	height: 19px;
	border-top: 0px solid #99CCFF;
	background-color: #0066CC;
}
.titleAdmin {
	margin-left: 7px;
	color: Navy;
}
#admin {
	float: left;
	background-color: Blue;
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 300px;
}

/**/
.admintable {
	width: 100%;
}

.imageProductPhotos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.imageProductPhotos li {
	float: left;
	padding: 7px;
	border: 2px solid white;
	list-style-type: none;
}
.imageProductPhotos a {
	border: 2px solid transparent;
}


/*Mas Nuevos*/
#MN2 a {
	margin-left: 7px;
	text-decoration: none;
	color: Navy;
}

#MN3Izq {
	text-align: center;
	margin-left: 17px;
	margin-bottom: 10px;
}
#MN3Der {
	padding-left: 7px;
	font-size: 12px;
	color: gray;
}
.PreListaMN4 {
	margin-left: 0px;
	list-style-type: none;
}
.PreListaMN4 li {
	display: block;
	float: left;
	margin: 0px 0px 0px 7px;
}


.masnuevoVerticaL {
	padding: 0px 20px 20px 20px;
	background-image: url(images/globobig.gif);
	margin-bottom: 10px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.masnuevoVerticaL li {
	list-style: none inside none !important;
	float: left;
	width: 76px;
	padding: 0px !important;
}
.masnuevoVerticaL li a {
	line-height: 95px;
	border: 2px solid #6495ED;
	display: block;
	padding: 1px;
	height: 95px;
	margin: 1px !important;
}
.masnuevoVerticaL li a:hover {
	border-color: #FFD700;
}
/*.view-content-buddy-api-buddylist .picture{
	padding: 0px!important;
}*/
/*Mas Famosos*/
#Famosos {
	/*border: 1px solid silver; 	width: 552px;*/
	min-height: 230px;
}
#Famosos td {
	background: #f8f8f8;
}
#Famosos dd {
	float: left;
	width: 240px;
	margin-right: 7px;
}
#globoFamosIMG {
	float: left;
}
#globoFamosDatos {
	float: left;
	padding-left: 3px;
	width: 128px;
}
.globoProductoTableFamosos {
	margin-left: 4px;
	text-align: center;
	padding: 7px;
}
.globoProductoTableFamosos h4 {
	text-align: left;
}
.globoProductoTableFamosos h4 a {
	text-decoration: none;
	color: #000080;
}
#precio {
	text-align: left;
	color: #0066CC;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

.classTituloF {
	display: block;
	height: 80px;
	margin: 0px;
	padding-left: 7px;
	font-size: 12px;
	text-decoration: none;
}


.classImageF {
	float: left;
	margin: 0px;
	padding: 2px 0px 0px 10px;
}

#mes {
	margin: 0px; /*width: 544px;*/
	height: 62px;
	padding: 4px;
	background-image: url(images/ofertames.jpg);
	color: White;
}
#mes dl, #mes dl dt, #mes dl dd {
	margin: 0px;
}
#mes h4 {
	margin: 0px;
}


.classTituloOf {
	display: block;
	height: 60px;
	margin: 0px;
	padding-left: 7px;
	font-size: 12px;
}
.classTituloOf a {
	text-decoration: none;
	color: White;
	font-weight: bold;
}
.classTituloOf a:hover {
	text-decoration: none;
	color: Orange;
	font-weight: bold;
}
.classTituloOf h4 {
	margin: 0px;
	font-size: 14px;
}

.classImageOf {
	float: left;
	margin: 0px;
	padding: 2px 10px 0px 10px;
}

.linea {
	margin: 0px;
	padding: 0px;
	color: Silver;
	padding-left: 6px;
	clear: both !important;
	display: block;
}



#Vendidos {
	/*border: 1px solid silver; 	width: 552px;*/
	background-image: url(images/fondofamosos.jpg);
	background-color: White;
	background-repeat: no-repeat;
}
#Vendidos dd {
	margin-left: 0px;
	float: left;
	width: 256px;
	margin-right: 7px;
}
.classTituloV {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding-left: 7px;
	font-size: 12px;
}


.classImageV {
	float: left;
	margin: 0px;
	padding: 2px 10px 0px 0px;
}
.classDescripcionV {
	display: block;
	margin: 0px 0px 0px 7px;
	padding-left: 7px;
	font-size: 12px;
	color: Gray;
}

/*Admin Empresa**/
.adminbloque {
	width: 100%;
}

.adminEmpresa {
	border: 1px solid silver;
	width: 50%;
	margin: 0px;
	background-repeat: no-repeat;
	color: Gray;
	font-size: 12px;
	text-align: center;
}
#adminEmpresa .titulo {
	float: left;
	width: 150px;
	margin-right: 7px;
	color: Navy;
	font-size: 12px;
}

#adminEmpresa .image {
	float: left;
	margin: 0px;
	padding: 2px 10px 0px 0px;
	color: gray;
	font-size: 12px;
}
#adminEmpresa .descripcion {
	display: block;
	margin: 0px 0px 0px 7px;
	padding-left: 7px;
	font-size: 12px;
	color: Gray;
}



#globoProduct {
	border: 1px solid silver;
}
.controldd {
	width: 180px;
}

.imageProductControl {
	float: left;
}
.tituloProductControl {
	float: left;
}

.descProductControl li {
	float: left;
}
.precioProductControl li {
	float: left;
}
#productosTabla {
	width: 98%;
}
#productosTabla table {
	width: 100%;
}
#productosTabla table tr {
}
#productosTabla table tr td {
	vertical-align: top;
	border: 1px solid silver;
}
.globoProductoTable {
	margin-left: 7px;
	text-align: center;
	padding: 7px;
}
.globoProductoTable h4 {
	text-align: left;
}
.globoProductoTable h4 a {
	text-decoration: none;
	color: #0099FF;
}
.globoProductoTable #precio {
	text-align: left;
	color: #0066CC;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
.globoProductoTable #descripcion {
	text-align: left;
	color: Gray;
	font-size: 12px;
}
#prodImageMax {
	margin-left: 10px;
}
#prodImageMax image {
	float: left;
	padding-right: 7px;
}
#prodImageMax h1 {
	color: Blue;
}

/*ModalpopUp*/
.modalbg {
	background-color: #333333;
	filter: alpha(opacity=80);
	opacity: 0.8;
	border: 0px;
}
.popup {
	background-color: white;
	width: 800px;
	height: 630px;
	padding: 8px;
	border: solid 1px black;
	color: Black;
}
.popup a {
	color: Black !important;
	background-color: White !important;
}

.popup span {
	color: #696969;
}
.hand {
	cursor: hand;
}
.precioProduct {
	color: #0066CC;
	font-weight: bold;
}

.vistasdel_prod {
	display: block;
	border-bottom: 1px solid #336699;
	padding: 5px;
	color: white;
	background-color: #4382C0;
}
/**/.globoVistas {
	padding: 0px;
	border: 1px solid #336699;
	margin: 5px;
}
.globoVistas li {
	margin: 7px;
	background-color: #336699;
}
.globoVistas li a:hover {
	border: 5px solid orange;
}
/**CarroCompra**/
.btnComprar a {
	display: block;
	width: 172px;
	height: 25px;
}

.cartlist {
	width: 100%;
	border-bottom: solid 1px #c0c0FF;
}
.cartresume {
	width: 50%;
}
.cartlist td, .cartresume td {
	border: solid 1px white;
	padding: 4px;
}
.theader {
	font-weight: bold;
	text-align: center;
	background: #E30000;
	color: White;
}
.theader td {
	padding: 1px !important;
}

.talternate {
	background-color: #f0f0FF;
}

.imageleft {
	float: left;
	width: 200px;
	padding-right: 5px;
}
.textoright {
	float: left;
	width: 448px;
}

.modalpanel {
	width: 557px;
	height: 400px;
	padding: 10px;
	background-color: White;
	border: solid 1px blue;
}
