/* ============================
      CSS Helados Nordwick 
   ============================ */

body, html {
	background:  url(../images/fondo.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	height: 100%;
}

a { text-decoration:none; color: #FFFFFF;}
a:hover { text-decoration:none; color: #FFFFFF;}
a:active {	text-decoration:none; color: #FFFFFF;}

form, p, li, ul, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.oculta {
	display:none;
}


#contenedor {
	margin: 0px auto;
	width: 760px;
	background:  url(../images/fondocontent.gif) repeat-y;
	padding: 0px;
}
#contenedorb {
	float: left;
	width: 760px;
	background:  url(../images/fondocontent.gif) repeat-y;
	padding: 0px 0px 0px 10px;
}

#contenedor_pie {
	margin: 0px auto;
	width: 760px;
	height: 36px;
}

#contenedor_pieb {
	float: left;
	width: 758px;
	padding: 25px 0 12px 12px;
	background:  url(../images/fondopie.gif) no-repeat;
}

#cabecera {
	float: left;
	width: 744px;
	height: 136px;
	background:  url(../images/cabeceraLogo.gif) no-repeat;
}
#cabeceral a {
	float: left;
	width: 744px;
	height: 136px;
	background:  url(../images/cabeceraLogo.gif) no-repeat;
}


#central {
	float: left;
	width: 744px;
	background: #99CCFF url(../images/fondoCentral.jpg) repeat-y;
}
#col_menu {
	position: relative;
	float: left;
	width: 132px;
	height: 289px;
}

#m1on, #m1activa, #m2on, #m2activa, #m3on, #m3activa, #m4on, #m4activa, #m5on, #m5activa, #m6on, #m6activa {
	display: none;
	position: absolute;
	width: 132px;
	height:42px;
}
#m2on, #m2activa {
	height:42px;
	top: 46px;
}
#m3on, #m3activa {
	top: 97px;
}
#m4on, #m4activa {
	height:42px;
	top: 125px;
}
#m5on, #m5activa {
	height:42px;
	top: 151px;
}
#m6on, #m6activa {
	height:42px;
	top: 175px;
}
#m1activa, #m2activa, #m3activa, #m4activa, #m5activa, #m6activa {
	display: block;
}



#col_promosA {
	float: left;
	width: 385px;
	height: 265px;
	background: Transparent url(../images/fondo_promoA.gif) no-repeat;
	padding: 19px 0px 0px 14px;
}
#col_promosB {
	float: left;
	width: 213px;
	height: 289px;
	background-color: #000066;
}

.marcoProdportada {
	float: left;
	width: 167px;
	height: 236px;
	border: #3FAEFF solid 1px;
	padding: 5px 0 2px 5px; 
	margin-right: 8px;
}
#col_promosA img {
	width: 165px;
	height: 135px;
}
#col_promosA h4 {
	font-size: 15px;
	padding-bottom: 4px;

}
.cuadroTxtProdportada {
	float: left;
	width: 153px;
	height: 96px;
	background: Transparent url(../images/fondotxt_prodportada.png) no-repeat;
	padding: 5px;
	margin-left: 5px;
}


/* CONTENIDOS */

#col_central {
	float: left;
	width: 603px;
	background: Transparent url(../images/fondo_contenidos.jpg)  repeat-y;
	padding: 0px;
	min-height: 250px;
	margin-left: 9px;
}


/* cabeceras */
#cab_laempresa, #cab_delegaciones, #cab_productos, #cab_vendenordwik, #cab_noticias, #cab_contacto {
	float: left;
	width: 603px;
	height: 53px;
	background: transparent url(../images/cab_laempresa.jpg) no-repeat;
}

#cab_delegaciones { background: transparent url(../images/cab_delegaciones.jpg) no-repeat; }
#cab_productos { 
	background: transparent url(../images/cab_productos.jpg) no-repeat; 
	width: 583px;
	height: 56px;
	padding: 36px 0 0 20px;
	
	}
#cab_vendenordwik { 
	background: transparent url(../images/cab_vende.jpg) no-repeat; 
	width: 589px; 
	height: 38px;
	padding: 44px 0 0 14px;
}
#cab_noticias { background: transparent url(../images/cab_noticias.jpg) no-repeat; }
#cab_contacto { background: transparent url(../images/cab_contacto.jpg) no-repeat; }
#cab_productos  select.selecprod_casa, #cab_productos  select.selecprod_hielo{
	border: solid 1px;
	float: left;
	width: 167px;
	color: #FFFFFF;
	background-color: #FF3300;
	margin-right: 10px;
}
#cab_productos  select.selecprod_hielo{ background-color: #FF6500; }


#cab_legal_0, #cab_legal_1, #cab_legal_2 {
	float: left;
	width: 603px;
	height: 53px;
	background: transparent url(../images/cab_alegal.jpg) no-repeat;
}
#cab_legal_1 {background: transparent url(../images/cab_privacidad.jpg) no-repeat;}
#cab_legal_2 {background: transparent url(../images/cab_textos.jpg) no-repeat;}

#cuerpoinfo, #cuerpoproductos, #cuerpocontacto, #cuerponoticias {
	float: left;
	padding: 20px;
	color: #333;
	width: 500px;
}
#cuerpoproductos { width: 582px; padding-right: 0px;}
#cuerpocontacto { width: 482px; padding-right: 0px; }
#cuerponoticias { padding-top: 0px;}

#cuerpoinfo h3{
	color: #FF6600;
	font-size: 10px;
	padding-bottom: 16px;
	text-transform: uppercase;
}

#cuerpoinfo .subtit {
	float: left;
	width: 480px;
	font-weight: bold;
 }

#cuerpoinfo img {
	float: left;
	background-color: #FF6600;
	padding: 5px;
	margin: 4px 14px 12px 0;
 }


/* Productos */

#cuerpoproductos {}

.filaproductos {
	float: left;
	margin-bottom: 20px;
}

.marcoproducto {
	float: left;
	border: solid 1px #FF3300;
	width: 157px;
	padding: 11px;
	margin-right: 10px;
}
.productodatos {
	float: left;
	width: 140px;
	padding: 8px;
	margin: 0px;
	color: #FFFFFF;
	background: transparent url(../images/fondo_txtproductos.jpg) repeat-y; 	
}

.product_nombre {
	font-size: 15px;
	padding-bottom: 05px;
}
.bot_catalogo, .bot_fichero {
	float: left;
	width: 135px;
	height: 19px;
	background: transparent url(../images/bot_catalogo.gif) no-repeat;
	margin: 31px 0 0 76px;
}
.bot_fichero {
	background: transparent url(../images/bot_fichero.gif) no-repeat;
	margin: 31px 0 0 0px;
}

/*  Vende Nordwik  */


#cab_vendenordwik a.sub1, #cab_vendenordwik a.sub2, #cab_vendenordwik a.sub3, #cab_vendenordwik a.sub4, .activo_vendesub1, .activo_vendesub2, .activo_vendesub3, .activo_vendesub4 {
	float: left;
	width: 85px;
	height: 24px;
	background: transparent url(../images/vende_sub1_off.gif) no-repeat;
}

#cab_vendenordwik a.sub1:hover, .activo_vendesub1 { background: transparent url(../images/vende_sub1_on.gif) no-repeat; width: 85px;}

#cab_vendenordwik a.sub2 { background: transparent url(../images/vende_sub2_off.gif) no-repeat; width: 64px; }
#cab_vendenordwik a.sub2:hover, .activo_vendesub2 { background: transparent url(../images/vende_sub2_on.gif) no-repeat; width: 64px; }

#cab_vendenordwik a.sub3 { background: transparent url(../images/vende_sub3_off.gif) no-repeat; width: 117px; }
#cab_vendenordwik a.sub3:hover, .activo_vendesub3 { background: transparent url(../images/vende_sub3_on.gif) no-repeat; width: 117px; }

#cab_vendenordwik a.sub4 { background: transparent url(../images/vende_sub4_off.gif) no-repeat;  width: 71px;}
#cab_vendenordwik a.sub4:hover, .activo_vendesub4 { background: transparent url(../images/vende_sub4_on.gif) no-repeat; width: 71px; }

#cuerpo_vendenordwik {
	float: left; 
	background: transparent url(../images/fondo_vende.jpg) repeat-y; 
	width: 483px; 
	padding: 18px 100px 18px 20px;
	color: #333;
}
#pie_vendenordwik { 
	float: left;
	background: transparent url(../images/pie_vende.jpg) no-repeat; 
	width: 603px; 
	height: 29px; 
	padding-right:0px;
}


#cuerpo_vendenordwik h3{
	color: #0099FF;
	font-size: 10px;
	padding-bottom: 16px;
	text-transform: uppercase;
}

#cuerpo_vendenordwik .subtit {
	float: left;
	width: 480px;
	font-weight: bold;
}

#cuerpo_vendenordwik img {
	float: left;
	background-color: #0099FF;
	padding: 5px;
	margin: 4px 14px 12px 0;
}
 
#cuerpo_vendenordwik .franja {
 	float: left;
	width: 480px;
	font-size: 1px;
	margin: 10px 0;
	border-top: solid 5px #0099FF;
}
 
#cuerpo_vendenordwik a, #cuerpo_vendenordwik a:hover, #cuerpo_vendenordwik a:active {
	color: #000000;
	font-weight: bold;
}
 
 
 /*  --Contactar y Contactar de Vende Nordwik-- */
#datos_contacto {
	float: left;
	width: 480px;
	padding: 5px 8px;
	margin: 4px 0 8px 0;
	color: #333;
}
#form_contacto {
	color: #333;
}

.titcontacto, .datocontacto1 {
	float: left;
	width: 444px;
	padding: 0 0 4px 0;
	font-weight: bold;	
}
.datocontacto1 { font-weight:bold; padding: 0 0 4px 8px; }
.datocontacto2 { font-weight:bold; padding: 0 0 2px 8px; }

select.sel_categorias {
	width: 226px;
	margin: 0 0 8px 4px;
	background-color: #003399;
	color: #FFF
}
#form_contacto input, #form_contacto textarea {
	width: 215px;
	height: 13px;
	background: #A4E6FF url(../images/fondo_inputs.gif) fixed no-repeat ; 
	padding: 3px 5px;
	margin: 0 0 5px 4px;
	border: solid 0px;
}
#form_contacto textarea {
	width: 445px;
	height: 120px;
	background: #A4E6FF url(../images/fondo_textarea.gif) fixed no-repeat ; 
}


.form_bloque_datos2 { width: 230px; float: left; margin-right: 2px; }
.form_bloque_datos3 { width: 385px; padding: 0 4px; float: left; margin-right: 2px; margin-top: 0px;}
.form_bloque_datos4 { width: 445px; padding: 10px 4px; float: left;}

.fila_botones1 {
	height: 30px;
}

a.enviar, a.enviarnar {
	float: left;
	width: 79px;
	height: 20px;
	background: transparent url(../images/bot_enviar.gif) no-repeat;
	margin: 0 0 0 377px;
}
a.enviarnar { background: transparent url(../images/bot_enviarnaranja.gif) no-repeat; }


.infoform {
	float: left;
	width: 445px;
	margin-bottom: 15px;
	padding: 10px;
	color: #FFF;
	background-color: #FF6600;
}


/* Noticias */

#cuerponoticias a {
	color: #333;
}

a.historico  {
	float: left;
	width: 103px;
	height: 20px;
	background: transparent url(../images/bot_verhistorico.gif) no-repeat;
	margin: 0 395px 10px 0;
}

a.volver  {
	float: left;
	width: 69px;
	height: 20px;
	background: transparent url(../images/bot_volver.gif) no-repeat;
	margin: 10px 0 0 0;
}

#cuerponoticias .fecha {
	color: #FF6600;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
}

#cuerponoticias .titsubtit, #cuerponoticias .titsubtit_list{
	float: left;
	width: 480px;
	font-weight: bold;
	padding-bottom: 12px;
 }
 
#cuerponoticias .titsubtit_list { padding-bottom: 0px; }
 
#cuerponoticias img {
	float: left;
	background-color: #FF6600;
	padding: 5px;
	margin: 4px 14px 12px 0;
 }
 
  #cuerponoticias .franjanar {
 	float: left;
	width: 480px;
	font-size: 1px;
	margin: 4px 0;
	border-top: solid 5px #FF6600;
 }
 
 /*pag*/
#contienepag {
 	float: left;
 	width: 490px;
	padding: 5px 0;
	border-top: solid 5px #FF6600;
	border-bottom: solid 5px #FF6600;
	margin-bottom: 14px;
	color: #660000;
}
#paginacion {
	float: left;
	padding: 2px 0px;
	width: 453px;
	color: #660000;
}
#paginacion a, #paginacion a.nofondo {
	color: #660000;
	padding: 1px 5px;
}
#paginacion a.nofondo { padding-left: 0px; }
#paginacion a:hover, #paginacion .activa {
	background-color: #FFCC00;
}
#paginacion a.nofondo:hover {
	background-color: #FFF;
}
#paginacion .activa {
	font-weight: bold;
	padding: 2px 5px;
}
.rot_paginacion {
	font-weight: bold;
}
 
a.volver {
	color: #333;
	font-weight: bold;
}