* {margin:0px;padding:0px;}
ul,li {list-style-type:none;}

body	{
background-color: #ffffff;
}

/*TIPOGRAFIA*/

h1 {font-family: Verdana, arial, tahoma, georgia;
color: #0000bb;
font-size: 20px;
padding: 30px 20px 10px 54px;
}

h2 {
font-family: Verdana, arial, tahoma, georgia;
color: #0000bb;
font-size: 16px;
font-weight: bold;
padding: 10px 0px 0px 54px;
border: 0px solid red;
}

h3 {
font-family: Verdana, arial, tahoma, georgia;
color: #0000bb;
font-size: 13px;
font-weight: bold;
padding: 10px 20px 2px 54px;
}

h4 {
font-family: Verdana, arial, tahoma, georgia;
font-size: 13px;
font-weight: bold;
padding: 6px 0px 10px 0px;}

h5 {
font-family: Verdana, arial, tahoma, georgia;
font-size: 13px;
font-weight: bold;
padding: 6px 40px 10px 52px;
color: #0000bb;
}


h6 {
font-family: Verdana, arial, tahoma, georgia;
font-size: 13px;
font-weight: bold;
padding: 6px 0px 0px 0px;
color: #0000bb;
}

p {

}

.inicio {
font-family: Verdana, arial, tahoma, georgia;
font-size: 13px;
padding: 6px 30px 10px 30px;
}

.descripcion {
font-family: Verdana, arial, tahoma, georgia;
color: black;
text-align: justify;
font-size: 13px;
line-height: 20px;
padding: 6px 40px 8px 54px;
}

#descripcion_producto {
font-family: Verdana, arial, tahoma, georgia;
color: black;
text-align: center;
font-size: 13px;
line-height: 12px;
padding-left: 54px;
border: 0px solid red;
}

.textopeque{
font-family: verdana, arial, tahoma, georgia;
font-size: 13px;
color: blue;
}

#precio_bajo_imagen {
text-align: center;
color: #0000aa;
}


/*elimina linea de puntos cuando se pulsa sobre el enlace*/
a {
outline:0px;	
}
a:hover {}
a:visited {}

/*CONTENEDOR*/
#contenedor	{
width: 982px;
margin: 5px auto 5px auto;
border: 0px solid green;
}

/*HEADERS*/
#header {
width: 980px;
height:130px;
border: 0px solid red; 
}
#header p, #header h1, #header h2/**/ {
	/*display: none;*/
}

#logo a	{
color: #ffffff;
text-decoration: none;
}

#info-header	{
float: right;
}



.menuholder {background:url(https://www.geriatia.es/images/plantilla/linea.png) #dd0069;} /*opcional*/
.menuholder li {float:left;}
.menuholder a {background:url(https://www.geriatia.es/images/plantilla/menu2.png);display:block; height:40px; text-indent:-9000%}

/*ESTADO NORMAL*/
.menu_inicio a {width:101px;}
.menu_quienes a {width:157px; background-position:-101px 0px;}
.menu_productos a {width:190px; background-position:-259px 0px;}
.menu_cuidados a {width:213px; background-position:-449px 0px;}
.menu_oportunidades a {width:161px; background-position:-662px 0px;}
.menu_tienda a {width:159px; background-position:-823px 0px;}

/*ESTADO ROLLOVER*/
.menu_inicio a:hover {background-position:0px -39px;}
.menu_quienes a:hover{background-position:-101px -39px;}
.menu_productos a:hover {background-position:-259px -39px;}
.menu_cuidados a:hover {background-position:-449px -39px;}
.menu_oportunidades a:hover {background-position:-662px -39px;}
.menu_tienda a:hover {background-position:-823px -39px;}

/*ESTADO ACTIVO*/

.menu_inicio a.active {background-position:0px -79px;}
.menu_quienes a.active {background-position:-101px -79px;}
.menu_productos a.active {background-position:-259px -79px;}
.menu_cuidados a.active {background-position:-449px -79px;}
.menu_oportunidades a.active {background-position:-662px -79px;}
.menu_tienda a.active {background-position:-823px -72px;}


/*SIDEBARS*/

#sidebar	{
width: 190px;
border: 0px solid red;
float: left;
margin-bottom: 18px;
}

#caja {
width: 185px;
margin-top: 20px;
}

#caja li a{
text-decoration:none;
}

.caja-arriba {
width: 185px;
height: 25px;
background-image: url('https://www.geriatia.es/images/plantilla/caja-arriba.png');
font-family: verdana, arial, tahoma, times;
font-size: 13px;
text-align: center;
line-height: 25px;
color: #444488;
}

.caja-centro {
width: 185px;
background-image: url('https://www.geriatia.es/images/plantilla/caja-fondo.png');
}

.caja-centro li {
text-decoration:none;
}

.caja-abajo {
width: 185px;
height: 6px;
font-size: 6px;
background-image: url('https://www.geriatia.es/images/plantilla/caja-abajo.png');
background-repeat:no-repeat;
}

.caja-centro li {
background-image: url('https://www.geriatia.es/images/plantilla/linea-corta.png');
background-repeat:no-repeat;
list-style: none;
text-align: left;
padding: 6px 4px 6px 27px;
font-family: verdana, arial, times;
font-size: 13px;
}

.caja-centro li a {
color: #0000aa;
}

#lista {
width: 200px;
height: 140px;
margin: 0px auto 30px auto; /*margen con respecto a las cajas inferiores*/
border: 0px solid #bbbbbb;
}



#lista p{
font-family: verdana, arial, times;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 5px;
color: #222299;
}


/*CONTENIDO*/

#contenido {
width: 770px;
float: right;
margin-top: 15px;
border:0px solid red;
}

#cajagrande {
width: 780px;
float: right;
margin: 20px 0px 20px 0px;
padding-left: 10px;
border:0px solid red;
text-align: justify;
}


#cajagrande p{
margin-top:5px;
margin-bottom: 15px;
}

#cajagrande a {
  text-decoration:none;
color: #0000bb;
  }

.cajagrande-arriba {
width: 768px;
height: 5px;
margin-top: 0px;
margin-left: 10px;
background-image: url('https://www.geriatia.es/images/plantilla/cajagrandearriba.png');
border: 0px solid red;
}

.cajagrande-centro {
overflow: hidden;
width: 768px;
margin-top: 0px;
margin-left: 10px;
background-image: url('https://www.geriatia.es/images/plantilla/cajagrandefondo.png');

}

.cajagrande-centro li{
   display:inline;
   float: left;
   width:210px;
   padding:5px;
   margin:10px 15px 10px 15px;
   text-align: center;
   font-family: verdana, arial, tahoma, times;
   font-size: 12px;
   border: 0px solid blue;
}

.cajagrande-centro li a {

}

.cajagrande-abajo {
width: 768px;
margin-top: 0px;
margin-left: 10px;
height: 6px;
font-size: 6px;
background-image: url('https://www.geriatia.es/images/plantilla/cajagrandeabajo.png');
background-repeat:no-repeat;
}



/*TABLA DE PRODUCTOS EN LA HOME - CATEGORIAS*/

#tablacategorias	{
width: 980px;
border: 0px solid red;
clear:both;
}

#celda-categoria	{
padding: 15px 10px 10px 5px;
text-align: center;
vertical-align:top;
width: 33%;
border: 0px solid green;
}

#celda-categoria a {
color: #ffffff;
text-decoration: none;
}

/* CAJA ENORME DE PAGINA SIMPLE */

#contenidopaginasimple {
width: 980px;
float: right;
margin-top: 20px;
margin-bottom: 20px;
border:0px solid red;
}

.cajaenorme-arriba {
width: 980px;
height: 5px;
background-image: url('https://www.geriatia.es/images/plantilla/cajaenormearriba.png');
}

.cajaenorme-centro {
width: 980px;
background-image: url('https://www.geriatia.es/images/plantilla/cajaenormefondo.png');
}

.cajaenorme-abajo {
width: 980px;
height: 5px;
font-size: 5px;
background-image: url('https://www.geriatia.es/images/plantilla/cajaenormeabajo.png');
background-repeat:no-repeat;
}

/*TABLA DE PRODUCTOS EN LA HOME - CATEGORIAS*/

#contenidocategorias	{
width: 980px;
height:200px;
border: 0px solid red;

}

#cajacategoria	{
padding: 15px 10px 10px 5px;
text-align: center;
vertical-align:top;
width: 33%;
border: 0px solid green;
}

#cajacategoria a {
color: #ffffff;
text-decoration: none;
}

/*TABLA DE CATEGORIAS EN LA PAGINA DE PRODUCTOS*/

#celda-infocategoria	{
padding: 15px 25px 10px 0px;
text-align: center;
vertical-align: middle;
border: 0px solid green;
}

#celda-infocategoria a {
color: #ffffff;
text-decoration: none;
}

.textoinfocategoria {
vertical-align:middle;
clear:both;
font-family: verdana, arial, tahoma;
font-size: 13px;
text-align: left;
color: #0000aa;
border: 0px solid red;
padding-left: 50px;
padding-bottom: 10px;
} 

.textoinfocategoria p {
margin-top: 5px;
margin-bottom: 15px;
color: #0000aa;
}

#celda-infoproducto	{
padding: 0px 10px 10px 0px;
text-align: left;
vertical-align:top;
border: 0px solid green;
}

#celda-infoproducto p	{
font-family: Verdana, arial, tahoma, georgia;
color: #000000;
text-align: justify;
font-size: 13px;
line-height: 20px;
padding: 6px 20px 8px 54px;
}

/*CAJA DE CATEGORIA*/

.cajacategoria {
width: 227px;
height: 210px;

}
.cajacategoria a {background:url(https://www.geriatia.es/images/plantilla/cajacat.png);display:block; height:210px; }

.cajacategoriafondo a {width:227px;}
.cajacategoriafondo a:hover {background-position:0px -210px;}

.cajacategoriaimagen	{
width: 208px;
height: 193px;
padding-left: 10px;
padding-top: 10px;
border: 0px solid green;
}

/*CAJA DE PRODUCTO*/

.cajaproducto {
width: 144px;
height: 131px;
margin-left: 40px;
}
.cajaproducto a {background:url(https://www.geriatia.es/images/plantilla/cajaproducto.png);display:block; height:132px; }

.cajaproductofondo a {width:144px;}
.cajaproductofondo a:hover {background-position:0px -133px;}

.cajaproductoimagen	{
width: 130px;
height: 120px;
padding-left: 5px;
padding-top: 5px;
border: 0px solid green;
}

.cajaproductoimagen	a{
color: #ffffff;
text-decoration:none;
}

/*TABLA DE PRODUCTOS EN LA PÁGINA DE PRODUCTOS*/





/*FOOTER*/

#footer {

width: 975px;
height: 50px;
clear: both;
border-top: 1px solid #ccccff;
margin-left: 5px;
padding-top: 8px;
font-family: verdana, arial, tahoma, times;
font-size: 12px;
color: #0000aa; /*hacer concordar este valor con el valro del texto del sitio web*/

}

#footer_right {
margin: 0 10px;
width: 500px;
float: right;
text-align: right;
border: 0px solid red;
}

#footer_right a {
color:#0000bb;
}

#footer_left a {
color:#0000bb;
}

#footer_left{
margin: 0 10px;
width: 370px;
float: left;
text-align: left;
border: 0px solid red;
}

#footer a {
color: #0000bb;
}



/*DIVS PARA LA PÁGINA DE PRODUCTOS*/

#descripcion_articulo{
width: 500px;
margin: 20px 0px 20px 20px;
padding-left: 20px;
float: left;
border: 0px solid blue;
}

#producto{
border: 0px solid green;
clear: both;
}

#separador {

width: 780px;
height: 0px;
border-top: 0px solid #0000bb;
text-align: center;
background: url('https://www.geriatia.es/images/plantilla/linea-larga.png');
background-position: center;
background-repeat: no-repeat;
}

#titulo_producto{
font-family: Verdana, arial, tahoma, georgia;
color: #0000bb;
font-size: 13px;
font-weight: bold;
}

#precio_producto{
font-family: Verdana, arial, tahoma, georgia;
color: #0000bb;
font-size: 13px;
font-weight: bold;
}

#texto_producto{
font-family: Verdana, arial, tahoma, georgia;
font-size: 13px;
}

#foto_articulo {
width: 160px;
margin: 30px 20px 0px 10px;
padding: 10px;
float: right;

vertical-align: middle;
text-align: center;
border: 0px solid #0000bb;	
}

#foto_articulo a{
font-size: 11px;
font-family: verdana, arial tahoma, times;
color: #0000bb;
}

#link {
color: #2b73c5;
font-family: verdana, arial, times, helvetica;
font-size: 14px;
}

/*FORMULARIO*/

/*FORMULARIO*/

#formulario {  
  width: 360px;
  margin: 0px auto 0px auto;
  border: 0px dashed #0000aa;  
  padding: 20px 20px 20px 40px;
} 

#formulario p {
font-family: verdana, arial, tahoma, times;
color: #0000aa;
font-size: 12px;
}


input
{
color: #000;
background: #c6d2ff;
border: 1px solid #0000bb;
}


textarea
{
color: #000;
background: #c6d2ff;
border: 1px solid #0000bb;
font-family: verdana, arial, tahoma, times;
}

.submit input
{
color: #000;
background: #c6d2ff;
border: 2px outset #0000bb;
} 

#privacidad {
font-family: verdana, arial, tahoma;
font-size: 10px;
color: black;
}

.negro {
color: black;
text-color: black;
}

.azul{
color: #0000bb;
text-color: #0000bb;
}