/* CSS Document */

* {
  margin: 0;
  padding: 0;
  outline: none
}

/* --------------------------
GENERAL
----------------------------*/
html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0
}

body {
	background-color: #336699;
	font-family: Arial, Helvetica, sans-serif
}

.clear {
  clear:both
}
.clear15 {
  clear:both;
  height:15px
}

.separador{margin:20px 0 20px 0;border-bottom:1px solid #999999 }
.separadorMin{margin:-10px 0 10px 0;border-bottom:1px dotted #999999 }

.fontverde {
  color: #69a04d;
  font-weight:bold
}

/* --------------------------
CONTENEDORES
----------------------------*/

#contpagina {
  width: 1002px;
  margin: 10px auto
}

/* --------------------------
CABECERA
----------------------------*/

	#logo {
    position: absolute;
    z-index: 5;
    margin: -3px 0 0 8px;
    background: url(imagenes/logo.png) no-repeat
  }
	#logo a {
    display: block;
    outline: none;
    width: 338px;
    height: 69px
  }
  #logo span {
    display: none
  }
	#iniciocuerpo{
	  height: 30px;
	  background: url(imagenes/menuarriba.png) no-repeat;
	  clear: both
  }
	#carrito{
	  position: absolute;
	  margin-left: 340px;
	  margin-top: -22px;
	  z-index: 8;
	  font-weight: bold
  }
	#carrito a { text-decoration: none }
	#flashcabecera{ height:324px; padding:0 8px 0 8px; background-image:url(imagenes/fondocuerpo.png); background-position:center;}
		#flashcabecera img{ position:absolute; z-index:3 }
		#flashcabecera #s3{ position:absolute; z-index:5; margin-top:15px }
  #flashcabecera2{
    height: 132px;
    margin: 0 9px 0 8px;
    background-color: white
  }
	  #flashcabecera2 #s3{ position: absolute; z-index:4; margin-top:-22px }

	#bCatalogo #flashcabecera{ height:300px;}
	#bCatalogo2 #flashcabecera{ height:300px;}


	#buscador {
    position: absolute;
    z-index: 8;
    margin: -20px 0 0 810px
  }
  #buscador button {
    float: left;
    cursor: pointer;
    border: 1px solid #DB1803;
    border-right: 0;
    height: 23px;
    width: 20px;
    background: #DB1803 url( "imagenes/lupa.png" ) no-repeat
  }
  #buscador button span {
    display: none
  }
  #buscador #txtbuscar {
    float: left;
    border: 1px solid #DB1803;
    border-left: 0;
    height: 17px;
    padding: 2px
  }

	   #anuncio{ width:547px; height:167px;position:absolute; z-index:200; margin:55px 0 0 427px; }
          #anuncio .contAnuncioFondo{ width:539px; height:136px;margin:27px 0 0 4px; float:left; background-image:url(imagenes/fondoDorado.jpg); position:absolute;/*opacity: 0.8;-moz-opacity: 0.8;	filter: alpha(opacity=80);*/}
          #anuncio .contAnuncio{ width:547px; height:167px; float:left;  background-image:url(imagenes/cajaDorada.png);position:absolute;}
          #anuncio .nombrearticulo{text-align:left; padding:5px 0px 0px 15px; height:23px; color:#8b5303; font-size:18px;}
          #anuncio .precioarticulo{text-align:left; padding-top:38px; padding-left:35px; font-size:18px; color:#FFFFFF; font-weight:bold; width:117px; height:122px;  background:url(imagenes/fndprecioG.png); margin-top:48px; margin-left:398px}
         		#anuncio .precioarticulo strong{font-size:24px;}
				.fotoarticulo{ float: left; margin-left:15px;}
		    #cuerpodetallescatalogo {
		      background-color: white;
		      width: 985px;
		      margin-left: 8px
		      /*background: url( imagenes/fondocuerpo4.png ) no-repeat bottom*/
        }
			  #finalcuerpodetallescatalogo {
			    min-height: 10px;
			    height: auto !important;
			    height: 10px;
			    background: url( imagenes/fondopiecatalogo.png ) no-repeat;
          padding-bottom: 15px
        }
    #cuerpodetallesnoticias{
      min-height:324px;
      height:auto !important;
      height:324px;
      margin-top: -15px;
      padding-left:30px;
      padding-bottom:10px;
      background-color: white;
      margin-left: 8px;
      width: 955px
      /*background:url(imagenes/foncocuerponoticias.png)*/
    }
		#finalcuerpodetallesnoticias {
		  min-height: 10px;
		  height: auto !important;
		  height: 10px;
		  background: url( imagenes/fondopienoticias.png ) no-repeat;
		  padding-bottom: 15px
    }

#titulo{ margin-top: 15px;}
/* --------------------------
PIE
----------------------------*/

		#pie{color:#FFF; font-size:11px; text-align:center; padding-bottom:25px }
			.piedepag:link{color:#FFF; font-size:11px; font-weight:bold;  text-decoration:none; }
			.piedepag:visited{color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; }
			.piedepag:hover{color:#ACF; font-size:11px; font-weight:bold; text-decoration:none; }

/* --------------------------
MENU
----------------------------*/

	#contmenu ul { display: inline-block; list-style: none; height: 39px; float: right; margin-right: 15px }
		#contmenu ul li { float: left; display: inline; margin-right: 8px; width: 148px; cursor: pointer }

		#contmenu ul h1 { width: 148px; font-size: 18px; text-align: center; position: relative; z-index: 1; font-weight: normal; cursor: pointer }
		#contmenu ul h1 a { width: 148px; height:36px; padding-top: 12px; background: url(imagenes/btnmenu.png) no-repeat 0 0; display: block; color: white; text-decoration: none }
		#contmenu ul h1 a:hover { height: 40px; padding-top: 8px; background-position: -148px 0 }

/* --------------------------
CUERPO
----------------------------*/

	#cuerpo {
	  min-height: 374px;/*394px;*/
	  height: auto !important;
	  height: 394px;
	  width: 985px;/*1002px;*/
	  position: absolute;
	  margin-top: -28px;
	  margin-bottom: 30px;
	  z-index: 2;
	  background-color: white;
	  margin-left: 8px/*;
	  background: url( imagenes/fondocuerpo4.png ) no-repeat bottom*/
  }
	#cuerpoC { min-height: 316px;/*334px;*/ height:auto !important;  height:315px; width:1002px;margin-bottom:30px; }

	/*#bCatalogo #cuerpo { min-height:600px; height:auto !important;  height:600px; width:1002px; position:absolute; margin-top:-2px;margin-bottom:30px; z-index:2;background-image:url(imagenes/fndcuerpocatalogo.png); background-repeat:no-repeat}
	#bCatalogo #cuerpoC { min-height:600px; height:auto !important;  height:600px; width:1002px;margin-bottom:30px; }
*/
	#bCatalogo2 #cuerpo {
	  min-height: 740px;
	  height: auto !important;
	  height: 780px;
	  width: 985px;/*1002px;*/
	  position: absolute;
	  margin-bottom: 30px;
	  z-index: 2;
	  background-color: white;
	  margin-left: 8px
	  /*background-image: url(imagenes/fondocuerpo4.png);
	  background-repeat:no-repeat;
	  background-position:bottom*/
  }
	#bCatalogo2 #cuerpoC { min-height:680px; height:auto !important;  height:700px; width:1002px;margin-bottom:30px; /*background:url(imagenes/foncocuerponoticias.png);*/ }

  #bEmpresa #cuerpo { min-height: 390px; height:auto !important;  height:394px; width: 985px;/*1002px;*/ position:absolute; margin-top:-28px;margin-bottom:30px; z-index:2; background-color: white; margin-left: 8px /*background-image:url(imagenes/fondocuerpo4.png); background-repeat:no-repeat; background-position:bottom;*/}
	#bEmpresa #cuerpoC { margin-top: 60px; min-height: 272px; height:auto !important;  height:315px; width:1002px;margin-bottom:30px; }

    #articuloOferta { position: absolute; z-index: 201; margin-left: 66px; margin-top: -50px; width: 340px; overflow: hidden; height: 198px }
      #articuloOferta a { text-decoration: none; color: black }
      #articuloOferta img { border: 0 }
      #articuloOferta #adTitulo { font-size: 20px; height: 24px; text-align: center }
			#articuloOferta #adTitulo strong { font-size: 20px; margin-left: 60px; color: black }
			#articuloOferta #adTitulo h1 { font-size: 20px }
      #articuloOferta #adFoto { width: 184px; height: 176px; text-align: center }
      #articuloOferta #adBtnPedido { margin-left: 176px }
      #articuloOferta #precioarticulo { text-align: center; padding-top: 40px; font-size: 24px; color: white; font-weight: bold; width: 140px; height: 106px;  background: url(imagenes/fndprecioG.png) no-repeat; margin-top: -180px; margin-left: 192px }

		#articulos{ top:147px; left:18px; position:relative; z-index:100; width:976px}
			.subtitulo { font-size:18px; font-weight: bold; margin:0px 0px 5px 0px;}
			.subtitulo h2 a { font-size: 18px; font-weight: bold; text-decoration: none; color: #000 }
			.contSINarticulo { min-height: 132px; height:132px; height:auto !important; float:left; margin-right:7px;}
			.imgarticulo { margin-top: 3px; margin-left: 3px }
      	.contimgarticulo{ text-align:center; width:133px; height:143px; float:left; margin-right: 6px; background: #255CD0 url(imagenes/bgarticulo.png);}
				.nombrearticulo{ display: table-cell; width: 132px; height: 42px; vertical-align: middle; text-align:center; padding:4px; color:white; font-size:14px; line-height: 16px; font-weight: bold }
				.marcoarticulo{ position:absolute; z-index:100 }
        .hacerpedido{ text-align:center; font-size:14px; padding-top:5px; color:#FFFFFF; font-weight:bold; width:154px; height:24px; position:absolute; z-index:100; background:url(imagenes/hacerpedido.png); margin-top:120px;}
				.precioarticulo{ text-align:center; padding-top:18px; font-size:18px; color:#FFFFFF; font-weight:bold; width:67px; height:49px; position:absolute; z-index:200; background:url(imagenes/precioarticulo.png) no-repeat; margin-top:55px; margin-left:73px;}
				.precioarticulo2{ text-align:center; padding-top:20px; font-size:15px; color:#FFFFFF; font-weight:bold; width:67px; height:49px; position:absolute; z-index:200; background:url(imagenes/precioarticulo.png) no-repeat; margin-top:55px; margin-left:73px;}
				.precioarticulo3{ text-align:center; padding-top:21px; font-size:13px; color:#FFFFFF; font-weight:bold; width:67px; height:49px; position:absolute; z-index:200; background:url(imagenes/precioarticulo.png) no-repeat; margin-top:55px; margin-left:73px;}
				.descripcion{ font-size:14px; padding-top:20px; color:#FFFFFF; font-weight:bold; width:380px; height:24px; position:absolute;  margin-left:170px;}

		#programa {
		  float: right;
		  width: 542px;
		  height: 257px;
		  margin-top: -235px;
		  margin-right: 9px
    }
			#anuncioDescarga {
			  position: absolute;
			  z-index: 4;
        width: 542px;
			  height: 198px
      }
      #anuncioDescarga a {
        display: block;
        width: 100%;
			  height: 100%
      }
      #anuncioDescarga img {
        border: 0;
        background-color: #255CD0
      }
			/*#anuncioDescarga a:hover {
			  padding: 20px;
        background: url(imagenes/botonDescarga.png) no-repeat
      }*/
			#infoDescarga {
			  z-index: 4;
			  position: absolute;
			  width: 504px;
			  margin-top: 198px;
			  margin-left: 38px;
			  font-size: 13px;
			  font-weight: bold;
			  color: #666
      }
			#infoDescarga span {
        color: #44C
      }

	#cuerpoC #cuerpoFamilias{width:1002px; float:left; margin:60px 0 0 8px; min-height:471px; height:auto !important; height:471px;position:absolute; z-index:100; background-image:url(imagenes/fndFamilias.jpg); background-repeat:no-repeat}
		#cuerpoC #cuerpoFamilias #tituloFam{ float:left; width:155px;padding:5px 0 0 27px;}
		#cuerpoC #cuerpoFamilias #tituloFam h2{width:155px; font-size:19px; color:#7d72a9;}

		#cuerpoC #cuerpoFamilias #contentFamilias{ width:930px; height:340px; margin:60px auto 0 auto;}

						#contentFamilias #contCajaFamilia{ width: 208px; height: 186px; float: left; margin: 0 12px 11px }
							#contCajaFamilia #cajaFamilia{ width:208px; height:186px; position:absolute; z-index:4; }
                    		#contCajaFamilia #fndFoto{ width:199px; height:152px; position:absolute; z-index:3;margin:2px 4px; background-color:#FFF; }
                        	#contCajaFamilia #cajaTituloFam{ width:208px; height:28px;position:absolute; z-index:5; margin:154px auto 0 auto; line-height:15px;}
											#cajaTituloFam h1{ display: table-cell; width: 208px; height: 30px; font-size:16px; padding: 0 6px; color:#FFF; text-align:center; vertical-align: middle }
											#cajaTituloFam h1 strong{ font-size:16px;color:#ffc000;}


#cuerpoC #cuerpoSubFamilias{
  margin: 50px 0 0 8px;
  min-height: 471px;
  height: auto !important;
  height: 471px;
  width: 928px;
  position: absolute;
  z-index: 100
}

		 #cuerpoSubFamilias #menuSubfamilias{ float:left; width:275px;background-image:url(imagenes/fndPestanas.jpg); background-position:top; background-repeat:no-repeat;min-height:471px; height:auto !important; height:471px;}
		 #menuSubfamilias #tituloFam{height:32px;}
		 		#tituloFam #pestActiva{ width:auto; height:32px;float:left; margin-left:7px;margin-right:4px; }
					#pestActiva #pIzq{height:32px; width:12px; background-image:url(imagenes/fndPesIzq.jpg);float:left;}
					#pestActiva #pCentro{ width:auto;height:32px; background-color:#fbe3e3;float:left;}
						#pestActiva #pCentro h2{ color:#f4406e; font-size:17px; margin:3px auto 0 auto; }
					#pestActiva #pDer{height:32px; width:12px; background-image:url(imagenes/fndPesDer.jpg);float:left;}
                #tituloFam #pestDesActiva{ width:192px; height:32px; float:left; background-image:url(imagenes/pestanaGris.jpg)}
					#pestDesActiva h2{width:155px; font-size:19px; color:#7d72a9; margin:3px auto 0 auto;}


         #cuerpoSubFamilias #contentArticulos{ margin: 0; margin-top: -20px }

			.contimgarticulo4 { text-align:center; width:176px; height:176px; float:left; margin: 28px; background-image: url(imagenes/cajaArticuloOferta.jpg) }
 			.contimgarticulo3 { text-align:center; width:176px; height:180px; float:left; margin: 28px; background-image: url(imagenes/cajaArticulo.jpg) }
				.nombrearticulo3 { display: table-cell; vertical-align: middle; text-align: center; padding: 2px 6px; width: 176px; height: 38px; color: #4e3f8c; font-size: 18px; line-height: 16px }
				.nombrearticulo4 { text-align: left; padding: 5px 0 10px 15px; height:20px; color:#4e3f8c; font-size:14px; }
				.marcoarticulo3 { position: absolute; z-index: 100 }
			  .contimgarticulo3 .precioarticulo, .contimgarticulo4 .precioarticulo {
			    margin: 87px 0 0 130px
        }

/*----------------------------------------
Catalogo
-----------------------------------------*/
		#subfamilias{ list-style:none; width:273px;}
			#subfamilias li a:link{ color:#686e82; font-size:12px; font-weight:bold; text-decoration:none;}
			#subfamilias li a:visited{ color:#686e82; font-size:12px; font-weight:bold; text-decoration:none;}
			#subfamilias li a:hover{ color:#682845; font-size:12px; font-weight:bold; text-decoration:none;}

			#subfamilias li a div:hover{ background:#FFF; width:auto; min-width:10px;}

		#mnuMigasPan {
		  height: 52px
		}
		#MigaPan{ padding:6px; display:inline; list-style:none; margin-left:5px; margin-right:auto; float:left; }
			#MigaPan li{ display:inline; list-style:none; padding-right:5px; padding-left:5px;height:9px; float:right;}
			#MigaPan li a:link{ font-size:13px; text-decoration:none; color:#666666;}
			#MigaPan li a:visited{ font-size:13px;text-decoration:none;color:#666666;}
			#MigaPan li a:hover{ font-size:13px; color:#000000; text-decoration:none;}
			#MigaPan li a:active{ font-size:13px;text-decoration:none;color:#666666;}

/*----------------------------------------
DETALLE PRODUCTO
-----------------------------------------*/
#contdetallearticulo {
  float: right;
  margin: 0;
  width: 674px;
  margin-top: -20px;
  background: url( "imagenes/degradadodetalleproducto.png" ) no-repeat bottom;
  margin-right: 35px
}

#nombreproducto {
  padding-top: 40px;
  text-align: center;
  font-size: 25px
}

#descripcionproducto {
  margin: 10px 8px 0;
  font-size: 12px;
  text-align: center
}

#fotodetallegrande {
  position: absolute;
  margin-left: 160px;
  width: 352px;
  border: #CCC 1px solid;
  text-align: center
}

#fotodetallegrande img {
  border: 0
}

#precioarticulodetalle {
  position: absolute;
  text-align: center;
  padding-top: 55px;
  font-size: 26px;
  color: white;
  font-weight: bold;
  width: 140px;
  height: 110px;
  background: url( "imagenes/fndprecioG.png" ) no-repeat;
  margin-top: -30px;
  margin-left: 220px;
  z-index: 100
}

#precioarticulodetalle2 {
  position: absolute;
  text-align: center;
  padding-top: 30px;
  font-size: 26px;
  color: white;
  font-weight: bold;
  width: 140px;
  height: 110px;
  background: url( "imagenes/fndprecioG.png" ) no-repeat;
  margin-top: -30px;
  margin-left: 80px;
  z-index: 100
}

#imgpeqdetalle{
  position: absolute;
  width: 430px;
  margin-top: 8px;
  margin-left: 520px
}

#imgpeqdetalle img {
  float: left;
  border: #CCC 1px solid;
  margin: 2px
}

#contdetallearticulo2 {
  margin: 0 20px
}

#formaspedido {
  width: 150px
}

#formaspedido img {
  margin: 10px 20px
}

#frmaddcarrito input[type="radio"] {
  /*display: none*/
}

#frmaddcarrito label {
  cursor: pointer;
  display: block
}

#frmaddcarrito input:checked + label > img {
  border: 2px solid #9BC1D6
}

/*----------------------------------------
EMPRESA
-----------------------------------------*/
#Presentacion{
	width: 430px;
	height: 190px;
	float: left;
	margin-left: 21px;
	position: absolute;
	z-index: 100
}
#Presentacion #textopresentacion{
  width: 416px;
  font-size: 15px;
  margin-top: 14px
}
#Presentacion #textopresentacion p {
  margin-bottom: 12px
}
#Presentacion #datosempresa {
  width: 405px;
  height: 95px;
  margin-top: 30px;
  font-size: 12px;
  text-align: center;
  background: url( "imagenes/contactodatos.jpg" ) no-repeat center
}
#Presentacion #datosempresa ul {
  padding: 8px 110px 10px 128px
}
#Presentacion #datosempresa li {
  list-style: none;
  margin-bottom: 2px
}

#Presentacion #enlaceempresa {
  text-align: center;
  display: block;
  margin-top: 40px
}

#Presentacion #enlaceempresa img {
  border: 0
}

#establecimientos {
  position: absolute;
  z-index: 101;
  margin-left: 492px;
  width: 430px;
  height: 170px
}

#establecimientos h2 {
  margin-bottom: 15px
}

#establecimientos form {
  height: 100px
}

#establecimientos label {
  clear: left;
  float: left;
  width: 130px;
  margin-left: 10px;
  margin-bottom: 5px
}

#establecimientos select, #establecimientos form span {
  float: left;
  width: 250px;
  margin-bottom: 5px
}

.enlace1:link {
  color: black;
  font-size: 12px;
  text-decoration: none
}
.enlace1:visited {
  color: black;
  font-size: 12px;
  text-decoration: none
}
.enlace1:hover {
  color: #98c2da;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold
}

.colorazul{
  color: #4082bc
}
.colornaranja{
  color: #FF7E00
}

/*----------------------------------------
NOTICIAS
-----------------------------------------*/

	#contenedornoticias{ width:800px; float:left; margin-top:-49px; padding-left:21px; position:absolute; z-index:100;}
	#contenedornoticias1{ width:300px; float:right; margin-left: 500px; padding-left:21px; position:absolute; z-index:100;}
		#contenedornoticias #textopresentacion{ float:left; width:416px; height:340px; text-align:justify; padding-right:15px; font-size:12px }

		#marcotitulonaranja{ width:800px; margin-left:-13px; padding-left:50px; margin-bottom:10px;}
		#marcotitulonaranja1{ width:370px; margin-left:-13px; padding-left:50px; margin-bottom:10px;}
				.bloqueNoticia2{ width:415px; height:96px; margin-top:2px; margin-bottom:7px;}
                	.bnoticiaFoto2{ width:97px; height:93px; float:left; background:url(imagenes/marcofotomin.jpg) no-repeat; padding-left:3px; padding-top:3px}
                    .bnoticiaContent2{ width:315px; height:96px; float:right}
                        .bnoticiaTitulo2{height:0px;}
                        .bnoticiaFecha2{ font-size:15px; color:#807870}
                        .bnoticiaDescrip2{ font-size:15px; color:#ff7e00; text-decoration:none}

/*----------------------------------------
DETALLES NOTICIAS
-----------------------------------------*/
  #subtitulo4{ width:865px; font-size:14px; height:20px; margin-bottom:15px}
  #detallenoticiatextodescripcion{min-height:235px; height:auto !important; height:235px; width:935px; font-size:12px; text-align:justify}
    #titulofotos{width:865px; font-size:14px; height:20px; margin-bottom:10px; margin-top:25px}
    #contenedorfotosmin{ width:200px; min-height:120px; padding-left:20px; height:auto !important; height:120px; float: left;}
      #detallenoticiafotomedmin{ width:84px;  height:93px; float:left; background:url(imagenes/marcofotomin.jpg) no-repeat right; padding-left:13px; padding-top:13px}


/*----------------------------------------
AVISO LEGAL
-----------------------------------------*/
	#cuerpoaviso{ min-height:555px; height:auto !important;  height:555px; width:914px; padding-left:15px; padding-right:20px; text-align:justify; margin-top:15px; font-size:12px}
		#tituloaviso2{ float:right; font-size:18px; margin-left:15px; padding-right:10px; width:130px; padding-top:10px; }


/*----------------------------------------
PRESUPUESTO
-----------------------------------------*/
	#formpresupuesto{}
		#formpresupuesto .contenedor{width:450px; float:right; font-size:12px;}
		#formpresupuesto .frmtxt .frmlbl{ width:150px; float:left; margin:1px;}
		.txttxt{width:240px; float:right;}
		textarea{width:240px; float:right;}
  #sc {
    display: none
  }