body {
padding : 0;
margin : 0;
background : #f2f2f2 url(images/mainbg.gif) repeat-x 0 0;
color : #666;
font : 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
height : 100%;
}
p, ul, h2, img {
padding : 0;
margin : 0;
text-align : justify;
}
div {
padding : 0;
margin : 0;
text-align : center;
}
ul {
list-style-type : none;
}
a {
text-decoration : none;
}
html {
height : 100%;
}
#body {
width : 742px;
position : relative;
margin : 0 auto;
}
#body p.toptextpadding {
padding : 25px 0 0;
}
#body p span {
background : #fff;
color : #d20039;
}
#bodyMedio {
width : 742px;
position : relative;
margin : 9px auto;
}
#footermainPan {
background : #f2f2f2 url(../images/footerbg.gif) repeat-x 0 0;
color : #212121;
position : relative;
margin : 0 auto;
text-align : center;
}
#footerPan {
width : 736px;
position : relative;
margin : 0 auto;
font : 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : normal;
padding : 8px 0 0;
}
#footerPan ul {
width : 736px;
height : 90px;
position : relative;
margin : 0 auto;
}
#footerPan li {
float : right;
width : auto;
}
#footerPan ul li a {
margin : 0 18px 0 0;
color : #212121;
background : #f4f4f4;
text-decoration : none;
}
#footerPan ul li a:hover {
text-decoration : underline;
}
#footerPan p {
text-align : center;
background : #f4f4f4;
color : #212121;
position : relative;
}
#footerPan a {
background : #f4f4f4;
text-align : center;
color : #212121;
position : relative;
}
#footerPan span {
display : none;
}
#footerPan ul#principals {
padding : 0 50px;
}
#footerPan ul#principals li {
display : block;
width : auto;
padding : 0 9px 0 0;
float : left;
}
#footerPan ul#principals li a {
display : block;
height : 80px;
width : 736px;
}
#footerPan ul#principals li#grefusa a:hover {
display : block;
background : url(../logos/grefusa_gris2.gif) no-repeat center;
}
#footerPan ul#principals li#grefusa a {
background : url(../logos/grefusa_color2.gif) no-repeat center;
width : 70px;
}
#footerPan ul#principals li#ferrero a:hover {
background : url(../logos/ferrero_gris2.gif) no-repeat center;
}
#footerPan ul#principals li#ferrero a {
background : url(../logos/ferrero_color2.gif) no-repeat center;
width : 90px;
}
#footerPan ul#principals li#chupachups a:hover {
background : url(../logos/chupachups_gris2.gif) no-repeat center;
}
#footerPan ul#principals li#chupachups a {
background : url(../logos/chupachups_color2.gif) no-repeat center;
width : 70px;
}
#footerPan ul#principals li#wrigley a:hover {
background : url(../logos/wrigley_gris2.gif) no-repeat center;
}
#footerPan ul#principals li#wrigley a {
background : url(../logos/wrigley_color2.gif) no-repeat center;
width : 70px;
}
#footerPan ul#principals li#manzanares a:hover {
background : url(../logos/manzanares_gris2.gif) no-repeat center;
}
#footerPan ul#principals li#manzanares a {
background : url(../logos/manzanares_color2.gif) no-repeat center;
width : 70px;
}
#footerPan ul#principals li#panini a:hover {
background : url(../logos/panini_gris2.gif) no-repeat center;
}
#footerPan ul#principals li#panini a {
background : url(../logos/panini_color2.gif) no-repeat center;
width : 90px;
}
div#scroll {
background : white;
margin-left : 35px;
width : 190px;
height : 300px;
overflow : auto;
}
#todo {
background-color : #fff;
text-align : center;
}
#wrapper {
margin : 10px auto;
width : 735px;
}
#wrapper #cabecera h1 {
display : none;
text-align : center;
}
div#cuerpo {
text-align : center;
background-image : url('../images/cont_azu_02.gif');
background-color : #ffffff;
margin : 0;
width : 735px;
margin-left : 0;
background-position : 12px 0;
background-repeat : repeat-y;
height : auto !important ;
height : 414px;
clear : both;
}
div#cuerpo div#top {
height : 6px;
text-align : center;
background-repeat : no-repeat;
background-position : 12px 0;
background-image : url('../images/cont_azu_01.gif');
line-height : 12px;
}
div#cuerpo div#bottom {
background-image : url('../images/cont_azu_03.gif');
height : 16px;
background-repeat : no-repeat;
background-position : 12px 0;
background-color : #ffffff;
clear : both;
}
div#menu {
background-image : url('../images/cont_azu_04.gif');
float : right;
width : 153px;
height : auto !important ;
min-height : 404px;
height : 404px;
background-position : 0 0;
background-repeat : no-repeat;
}

div#menu ul {
padding-right : 15px;
height : 35px;
text-align : center;
margin-top : 10px;
}
div#menu ul li {
height : 35px;
width : 123px;
margin-left : 7px;
}
div#menu ul li a {
color : #000;
padding : 5px 0 5px 0;
height : 20px;
font-size : 20px;
display : block;
}
div#menu ul li a:hover, div#cuerpo div#right ul li a.sel {
color : #ffffff;
text-decoration : none;
background-image : url('../images/cont_azu_05.gif');
display : block;
height : 20px;
width : 123px;
background-position : center center;
margin-right : auto;
margin-left : auto;
}
div#cuerpo div#left {
float : left;
width : 550px;
margin-left : 15px;
}
div#cuerpo div#left p {
margin-left : 20px;
margin-right : 20px;
color : #666;
line-height : 14px;
margin-top : 20px;
width : 300px;
}
div#cuerpo div#left div#marca div#ext p {
width : 510px;
}
div#cuerpo div#left p a:hover {
text-decoration : none;
color : #085286;
}

div#cuerpox {
background-image : url('../images/cont_azu_02x.gif');
background-color : #ffffff;
margin : 0px;
width : 735px;
margin-left : 0px;
background-position : 12px 0;
background-repeat : repeat-y;
clear : both;
text-align : center;
}
div#cuerpox div#top {
height : 6px;
text-align : center;
background-repeat : no-repeat;
background-position : 12px 0;
background-image : url('../images/cont_azu_01x.gif');
line-height : 6px;
}
div#cuerpox div#bottom {
background-image : url('../images/cont_azu_03x.gif');
height : 16px;
background-repeat : no-repeat;
background-position : 12px 0;
background-color : #ffffff;
clear : both;
}
div#cuerpox div#right {
float : right;
width : 240px;
height: auto !important;
height: 294px;
}
div#cuerpox div#right p {
text-align : center;
}
div#cuerpox div#right h2 {
height : 20px;
color : #e2001a;
font-size : 24px;
margin : 10px 5px 4px 35px;
}
div#cuerpox div#right h2 span {
background : #fff;
color : #545454;
font-weight : bold;
font-size : 14px;
text-transform : uppercase;
}
div#cuerpox div#left {
float : left;
width : 478px;
margin-left : 15px;
margin-right : 0;
}
div#cuerpox div#left h2 {
height : 20px;
color : #e2001a;
font-size : 24px;
margin : 10px 5px 4px 20px;
}
div#cuerpox p {
margin-left : 20px;
margin-right : 20px;
color : #666;
line-height : 14px;
margin-top : 20px;
}
div#cuerpox div#dir p {
margin-top : 1px;
}
div#cuerpox div#left div#botones p {
text-align : right;
margin-right : 45px;
}
div#cuerpox div#left p a {
text-decoration : none;
color : #00309C;
margin-bottom : 5px;
}
div#cuerpox div#left p a:hover {
text-decoration : none;
color : #085286;
}
div#cuerpox div#right p a {
text-decoration : none;
color : #e2001a;
margin-bottom : 5px;
}
div#cuerpox div#right p a:hover {
text-decoration : none;
color : #e2001a;
}
div#marca span.titular {
margin-left : 20px;
color : #e2001a;
font-weight : bold;
}
div#marca p {
margin-top : 8px;
color : #000;
}
div#marca p a {
color : #e2001a;
}
div#marca p a:hover {
color : #e2001a;
}
div#marca div#foto {
float : right;
width : auto;
padding-right : 0;
margin-right : 20px;
}
div#marca div#mapa {
text-align : center;
}
div#marca div#mapa p {
width : 500px;
}
div#marca div#logos p {
width : 500px;
margin-top : 0;
}
div#marca div#logos div#logo1 {
margin : 5px 0 5px 50px;
text-align : center;
}
div#marca div#logos div#logo1 img {
margin : 0 50px 0 15px;
text-align : center;
border : none;
}
div#marca div#logos div#logo2 {
margin : 5px 0 5px 50px;
text-align : center;
}
div#marca div#logos div#logo2 img {
margin : 0 50px 0 15px;
text-align : center;
border : none;
}
div#marca div#logos div#logo3 {
margin : 5px 0 5px 50px;
text-align : center;
}
div#marca div#logos div#logo3 img {
margin : 0 50px 0 15px;
text-align : center;
border : none;
}
div#marca div#logos2 p {
width : 500px;
margin-top : 0;
}
div#marca p {
width : 240px;
margin-top : 0;
}