/* CSS Document */


body { 
	background-image:url(imagenes/fondos/bodybg.jpg); 
	background-repeat: repeat-x;
	background-color: #a9a9a9; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#646464;
	margin-top:20px; 
}
ul { margin:0; padding:0}

h2 { font-size:18px; color:#3f3f3f; font-weight:normal; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif !important}
h3 { font-size:14px; color:#3f3f3f; font-weight:bold; margin:0; padding:4px 0; font-family:Arial, Helvetica, sans-serif !important}
h4 { font-size:11px; font-weight:normal; margin:0; padding: 0px 0 3px 0}

.left { float:left}
.right { float:right}
.clear { clear:both}
 
.pt10 { padding-top:10px}
.celeste {color:#0095da;}

#outerwrapper { width:645px; margin:auto}

input { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px}

/*CABEZAL
-----------------------------------------------------------------------------*/

#logo { 
	background-repeat:no-repeat; 
	height:70px; 
	text-align:left; 
	padding-left:20px; width:645px
}

#logo h1 a { 
	display:block;
	width:200px;
	background: url(imagenes/misc/erredos.gif) no-repeat;
	text-indent:-9999px; 
	height:50px; 
	margin:0; 
	padding:0
}



/*Navigation Bar*/
#navbar { 
	height:63px; 
	background-image: url(imagenes/botones/botonera.jpg);
	background-repeat: no-repeat; 
	clear:both
}

#navbar a:link, #navbar a:visited, #navbar a:hover { 
color: #666666; 
text-decoration:none
}

#navbar ul { 
	margin:0; 
	padding:0; 
	width:600px; 
	text-transform:uppercase; 
	padding-left:65px
}

#navbar li { 
	display: inline; 
	float:left; 
	margin:0; 
	line-height:34px; 
	margin-top:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none; 
	font-weight: bold; 
	padding-left:8px; 
	padding-right:8px

}
#navbar li a {
	display:block;
	padding:0pt 0pt 0pt 5px;
	text-decoration:none;
}

#navbar li.active a, #navbar li a:hover{ 
	background-color: #a8a8a8;
	color:#FFFFFF;
}



/*PIE
-----------------------------------------------------------------------------*/

#pie { 
	background-image:url(imagenes/fondos/piebg.jpg); 
	background-repeat:no-repeat; 
	height:60px; 
	width:645px;  
	font-size:10px; 
	color:#797979; 
	clear:both
}
#pie .copyright {
	width:200px;
	text-align: center;
	margin:0;
	padding: 10px 0 0 10px
}

#pie .envios { padding-right:35px; font-weight:bold}
/*CONTENIDO
-----------------------------------------------------------------------------*/

#contenido { 
	background-image:url(imagenes/fondos/contentbg.jpg); 
	background-repeat:repeat-y; 
	width:645px;
}
#wrappercontenido { 
	height:372px;
	padding-top:22px; 
	padding-left:23px;
	padding-right:23px}

#contenido #banner { 
	float:left; 
	border-right:10px #f4f4f4 solid
}

#contenido #texto { 
	font-family: Tahoma, Arial, Helvetica, sans-serif !important;
	float:left; 
	text-align:left; 
	margin-left:30px; 
	margin-top:20px; 
	width:375px;
}
#contenido .textoup { margin-top:10px !important}

#texto a:link, #texto a:visited { 
	color:#0095da; 
	text-decoration:none;
}
#texto a:hover {
	color:#0095da; 
	text-decoration: underline;
}

#texto .listado {}

#texto .listado p { padding-top:10px; padding-bottom:10px; padding-right:20px; margin:0}

#texto .listado ul { margin:0}

#texto .listado ul li { 
	background-image:url(imagenes/misc/flecha-li.gif); 
	background-repeat:no-repeat; 
	background-position:0px 5px; 
	list-style:none; 
	padding:0 0 4px 12px; 
	margin:0
}

#texto .listado ul li.servicios { padding:0 0 0 12px !important} 

.col1 { width:190px}
.col2 { width:183px}

/*CONTACTENOS
-----------------------------------------------------------------------------*/

#camponombre { width:175px; float:left; margin-right:10px}
#campotel { width:175px; float:left}
#infocontacto { margin:0; padding-top: 15px; text-align:center !important}

#infocontacto p { margin:0; padding:0}

/*PRODUCTOS
-----------------------------------------------------------------------------*/
#productos { padding:5px 20px 10px 20px}
#productos .botonera { 
	font-size:14px; 
	color:#333333; 
	text-align:center
}
#productos .botonera a:link, #productos .botonera a:visited { 
	color:#333333; 
	text-decoration:none
}
#productos .botonera a:hover { 
	color:#0095da; 
	text-decoration: underline
}
/*thumbnails
------------------------------------------------------------------------------------*/
#productos #thumbnails {}
#productos #thumbnails ul {
	 list-style:none; 
	 width:560px; 
	 margin:0; 
	 padding-bottom:8px
 }
#productos #thumbnails ul li { 
	display: inline; 
	padding-right:5px; 
	padding-left:5px
}
#productos #thumbnails ul li img { border:0}

/*thumbnails composiciones
------------------------------------------------------------------------------------*/
#productos #composiciones #thumbnails { }
#productos #composiciones #thumbnails ul {
	 list-style:none; 
	 width:467px !important; 
	 margin:0; 
	 padding-bottom:11px
 }
#productos #composiciones #thumbnails ul li { 
	display: inline; 
	padding-right:0px;
	padding-left:11px

}
#productos #composiciones ul li img { border:0}

#composiciones #listado { 
	float:left; 
	background-color:#b1b1b1; 
	width:81px
}
#composiciones #listado ul { padding:0; margin:5px; color:#3a3a3a}

#composiciones #listado ul li { list-style: none; padding-bottom:2px}

#composiciones #listado ul li a:link, #composiciones #listado ul li a:visited { color:#3a3a3a; text-decoration:none}

#composiciones #listado ul li a:hover, #composiciones #listado .active { color: #FFFFFF !important;}

.paginado { 
	font-size:11px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top:10px
}
.paginado a:link, .paginado a:visited{ 
	color: #333333; 
	text-decoration:none
}
.paginado a:hover{ color:#0095da;}