@charset "utf-8";
body {
	background: #6876ae url(../images/fondo.jpg) repeat-x;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main_container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/alarga.gif);
}

#cabecera {
	height: 235px;
	background: url(../images/home.gif) no-repeat 0px 0px;
}

#flash {
	padding-left: 554px;
	padding-top: 22px;
}

#menusup{
	padding-left:35px;
	padding-top:3px;
}

#menusup a{
	background: url(../images/menusup.gif) no-repeat;
	width:121px;
	height:24px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	padding-top:13px;
	border-bottom:#c8c8c8 solid 1px;
}

#menusup a.activo{
	background: url(../images/menusup_activo.gif) no-repeat;
	width:121px;
	height:24px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	float:left;
	display:block;
	color:#000000;
	text-decoration:none;
	padding-top:13px;
	border-bottom:#FFFFFF solid 1px;
}

#menusup a.activo:hover{
	background: url(../images/menusup_activo.gif) no-repeat;
	width:121px;
	height:24px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	float:left;
	display:block;
	color:#000;
	text-decoration:none;
	padding-top:13px;
	border-bottom:#FFFFFF solid 1px;
}

#menusup a:hover{
	background: url(../images/menusup2.gif) no-repeat;
	height:19px;
	padding-top:18px;
}

#fondo {
	background:url(../images/arriba.gif) no-repeat top center;
	min-height:350px;
	overflow: hidden;
    height: expression(this.scrollHeight < 351? "350px": "auto");
}

#titulo {
	height: 35px;
	padding-left: 40px;
	padding-top: 10px;
}

#titulo h1{
	margin-top:0px;
	margin-bottom:0px;
	font-size:17px;
	color: #6876ae;
	letter-spacing:-1px;
}

/* GRUPO MENU*/
#menu {
	float:left;
	width:208px;
	padding-left: 29px;
	padding-top:0px;
}
#menu ul{
	margin:0px;
	padding-left: 0px;
	padding-top:0px;
	border-top:#d3d3d3 solid 1px;
	width:200px;
	margin-left:2px;
}

#menu li{
	list-style-type:none;
	margin-bottom:0px;
	border-bottom:#d3d3d3 solid 1px; border-left:#d3d3d3 solid 1px; border-right:#d3d3d3 solid 1px;
}

#menu li a {
	background: #6775ad url(../images/fondosecciones.gif) repeat-x top left;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 193px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
}

#menu li a:hover {
	background:#333;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 192px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 4px;
	border:#FFFFFF solid 1px;
}

#menu li a.activo {
	background:#e4f6cf;
	color: #708B4E;
	text-decoration: none;
	display: block;
	width: 142px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 4px;
	border:#FFFFFF solid 1px;
}

#menu span li{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#menu span li a {
	background: #edeff5;
	color: #333;
	text-decoration: none;
	display: block;
	width: 188px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}
#menu span li a:hover {
	background:#6876ae;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 186px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 10px;
	border:#FFFFFF solid 1px;
}

/* FIN GRUPO MENU*/

#contenido {
	margin-left: 238px;
	margin-right: 30px;
}

#contenido p{
	margin-top:0px;
	padding-right: 5px;
	text-align:justify;
}

#contenido h1{
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4084ae;
	height:26px;
	margin-bottom:0px;
}

#contenido strong{
	color:#003366;
}

#pie {
background: #6876ae url(../images/pie.gif) no-repeat 0px 0px;
height: 100px;
margin-left:auto;
margin-right:auto;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:352px;
padding-left: 648px;
padding-top: 20px;
letter-spacing:-1px;
color:#FFF;
}

#pie a{
	text-decoration:none;
	color: #0000CC;
}

#pie a:hover{
	text-decoration:underline;
}

.celda_producto{
	background: #fff;
	border: #d3d3d3 solid 1px;
	width: 230px;
	height: 230px;
}

.marca{
	font-weight:bold;
	color:#039;
	margin-bottom:0px;
	text-align:left;
	margin-left: 7px;
	margin-right:7px;
}
 .nombre_prod{
	color:#000;
	margin-bottom:0px;
	text-align:left;
	margin-left: 7px;
	margin-right:7px;
	font-weight:bold;
}
.descripcion{
	color:#999;
	margin-bottom:0px;
	text-align:left;
	margin-left: 7px;
	margin-right:7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
}

.celda_producto .descripcion p{
	margin-bottom:0px;
}

.celda_producto .precio{
	color:#039;
	margin-bottom:0px;
	text-align:left;
	margin-left: 7px;
	margin-right:7px;
	font-size: 15px;
}

.masinfo{
	
}

.masinfo a{
	color:#FFF;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
	background:#036;
}

.barra_paginacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:30px;
	padding-top:5px;
}

.barra_paginacion ul{
	margin:0px;
	display:inline;
	padding:0px;
}

.barra_paginacion li{
	display:inline;
	border:#d5e0ee solid 1px;
	text-align:center;
	height:25px;
	padding:3px;
	margin:1px;
}

.barra_paginacion a{
	text-decoration:none;
	color: #036;
	
}

.barra_paginacion a:hover{
	text-decoration:underline;
	color:#666666;
}

.activo{
	background-color:#d5e0ee;
}

.izquierda{
	float:left;
	width: 400px;
	margin:0px;
	padding-top:4px;
	text-align:left;
	padding:4px;
}
.derecha{
width:60px;
float:right;
/*border:#000000 solid 1px;*/
}
.derecha1{
width:20px;
float:right;
background-color:#d5e0ee;
margin:2px;
text-align:center;
padding:2px;
border:#90a9c7 solid 1px;
}

.campotexto {
	width: 100%;
	border:#d3d3d3 solid 1px;
	background:url(../images/input_contacto.gif);
}

.campotexto2{
	width: 100%;
	border:#d3d3d3 solid 1px;
	margin-bottom: 5px;
	background:url(../images/textarea2.gif);
}