@charset "UTF-8";

body{
color:#5A5A5A;
background-color:#033;
font-family: Arial Narrow, sans-serif;
font-size:12px;
margin:0;
}
p{
margin:0;	
}

img { 
behavior:url(css/iepngfix.htc);
}

#layout{
 position:absolute;
 left:50%;
 width:780px;
 margin-top:0px;
 margin-left:-390px;
}

#header{
 position:absolute;
 top:0;
 width:780px;
 height:125px;
 background-image: url(../graphs/header_bg.png);
}
#boton_dietas{
 background-image: url(../graphs/botoncete2.jpg);
height:148px;
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
padding-top:105px;
margin-left:8px;
margin-bottom:-90px;
font-size:14px;
text-align:center;
}
#boton_preguntas{
 background-image: url(../graphs/botoncete1.jpg);
height:148px;
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
padding-top:100px;
margin-bottom:-85px;
font-size:14px;
text-align:center;
}
#logotipo{
border:0;
margin-top:10px;
margin-left:10px;	
}

#slogan{
color:#160;
position:absolute;
width:120px;
text-align:right;
right:357px;
bottom:28px;
font-weight:bold;
font-size:14px;
}
#link_mapa{
position:absolute;
right:2px;
top:100px;	
}
#link_mapa a{
color:#FFF;	
}
#contenido{
position:absolute;
margin-top:125px;
width:780px;
min-height:200px;
border-collapse:collapse;
border-spacing:0;
 background-image: url(../graphs/page_bg.png);
 background-repeat: repeat-y;
}
#contenido td{
vertical-align:top;
padding:0;
}
#contenido .central{
background-image: url(../graphs/bn.gif);
background-repeat: repeat-y;
background-position:480px;	
}
#contenido .central li{
margin-top:10px;
}
#contenido .lateral{
padding-top:8px;
width:145px;	
}
#contenido .lateral ul{
list-style-image:url(../graphs/bullet.gif);
list-style-type:square;
padding-left:0px;
padding-right:2px;
list-style-position:inside;
margin:0;
}
#contenido .lateral li{
margin-top:8px;
padding-left:0;
}
.fechadehoy{
margin-top:8px;
font-weight:bold;	
}
.periodo{
font-style:italic;
}
.nombrefarmacia{
margin-top:2px;
font-weight:bold;	
}
#contenido .central{
padding-left:6px;
}
.seccion{
font-size:12px;
text-transform: uppercase;
font-weight:bold;
color:#DDD;
border-top: 2px dashed #AAA;
border-bottom: 2px dashed #AAA;
}
.seccion div{
margin:2px 0px 2px 0;
padding:2px 2px 2px 10px;
background-color:#787878;
}
.nextpage{
margin-top:8px;
float:right;
padding-right:3px;
margin-bottom:8px;
}
.tablaproductos{
width:145px;
border:0;
margin:0;
}
.c_boton_producto{
border-bottom:2px solid #DDD;
height:27px;
vertical-align:middle;
background-image: url(../graphs/boton_producto.png);
}
.c_boton_producto a{
	margin-left:10px;
	display:block;
padding-top:3px;
padding-right:5px;
line-height: 1.5;	
}
.clearit{
clear:both;
margin-bottom:15px;
}
a{
text-decoration:none;
color:#007187;	
}
a:hover{
color:#2293A9;	
}
.titular{
font-weight:bold;
color:#030;
font-size:14px;
border-bottom:1px dotted #060;
margin-right:20px;
margin-bottom:12px;
margin-top:12px;
}
.cuadro_top{
width:471px;
height:32px;
margin-left:-13px;
background-image: url(../graphs/cuadro_top.png);
background-repeat: no-repeat;	
	
}
.cuadro_bottom{
width:471px;
height:39px;
margin-left:-13px;
background-image: url(../graphs/cuadro_bottom.png);
background-repeat: no-repeat;	
}
.cuadro_middle{
width:471px;
margin-left:-13px;
padding-left:12px;
background-image: url(../graphs/cuadro_middle.png);
background-repeat: repeat-y;	
}
.ficha_producto{
padding-top:8px;
width:435px;
min-height:160px;
border-bottom:1px solid #9C9;	
}
.espacio_foto{
width:150px;
height:150px;
float:left;
background-color:#DDD;
margin-right:8px;
text-align:center;
}
.precios{
position:relative;
float:right;
bottom:0px;
left:25px;
color:#900;
font-weight:bold;
font-size:14px;
margin-right:30px;	
}
.page_nav{
color:#888;	
}
/*oferta*/
#oferta{
width:481px;
height:295px;
background-image: url(../graphs/oferta_bg.png);
background-repeat: no-repeat;	
}
#foto_oferta{
width:250px;
height:250px;
float:left;
padding:20px;	
}
#ofertadelmes{
position:relative;
font-size:14px;
font-weight:light;
top:20px;
left:-5px;
}
#textooferta{
float:right;
position:relative;
margin-right:40px;
margin-top:40px;
width:147px;
height:175px;
}
#descripcionoferta{
	height:135px;
overflow:auto;
}
#precio{
font-weight:bold;
font-size:20px;
color:#900;
text-align:right;
margin-right:40px;
}
.oferta_hasta{
font-size:10px;
text-align:right;
margin-right:40px;	
}
/*tres botones*/
#tresbotones{
width:453px;
margin-top:16px;
}
#tresbotones td{
width:151px;
background-image: url(../graphs/botoncito.jpg);
background-repeat: no-repeat;
background-position:center center;
height:23px;
text-align:center;
font-weight:bold;
vertical-align:middle;
}
/*buscador*/
#buscador{
margin-top:8px;
margin-bottom:0px;
}
#query{
width:110px;
margin:0;
border:1px solid #CCC;	
height:14px;
}
#ok{
width:22px;
height:16px;
border:0;
background-color:#030;
color:#FFF;
text-align:center;	
}
/*campos*/
.query{
width:110px;
margin:0;
border:1px solid #CCC;	
height:14px;
}
.boton{
border:0;
background-color:#030;
color:#FFF;
text-align:center;	
}
/*calendario*/
.monthday, .saturday, .sunday{
width:12px;
color:#000;
font-size:10px;	
}
.year{
text-align:center;
width:450px;	
}
.month{
border:1px solid #CCC;
background-color:#FFF;	
}
.dayname{
font-size:10px;	
}
.yearname, .yearnavigation{
font-weight:bold;
font-size:14px;
}
/*mapa*/
#mapa{
margin-left:20px;
border:1px solid #030;	
}

.formdieta{
border-collapse:collapse;	
}
#dietaform .tdieta{
padding:5px;
vertical-align:middle;
height:35px;
}
.formdieta .par{
background-color:#DDD;	
}