El html es demasiado largo para este foro dice el mensaje.
Pongo el CSS y bueno, la web es
www.cuptaste.es que está a medias.
CSS
html,
body {
MARGIN: 0;
height: 100%;
background-image: -webkit-gradient(linear, center top, center bottom, from(#f2eae6), to(#e051cb));
background-image: -webkit-linear-gradient(top, #f2eae6, #e051cb);
background-image: -moz-linear-gradient(top, #f2eae6, #e051cb);
background-image: -o-linear-gradient(top, #f2eae6, #e051cb);
background-image: -ms-linear-gradient(top, #f2eae6, #e051cb);
background-image: linear-gradient(top, bottom, #f2eae6, #e051cb);
}
#container
{position:relative;
width:1124px; height:880px; margin:0 auto; margin-top:0px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-webkit-box-shadow: -1px -4px 23px 9px rgba(255, 141, 148, 0.77);
box-shadow: -1px -4px 23px 9px rgba(255, 141, 148, 0.77);
}
#header
{ width:1124px; height:100px; background-color:white; background-image:url('images/logo.png'); background-repeat:no-repeat;background-position:center;
border-radius: 50px 50px 0px 0px;
-moz-border-radius: 50px 50px 0px 0px;
-webkit-border-radius: 50px 50px 0px 0px;
border: 2px;
}
#menu
{ width:1124px; height:40px; background-color:#FF33CC;
}
#menu table tr td {
height:40px;
color: #FFF;
text-align: center;
}
#container .mainframe
{ width: 800px; height:737px; float:left; background-color:red;
background-image: -webkit-gradient(linear, center top, center bottom, from(#f2eae6), to(#e051cb));
background-image: -webkit-linear-gradient(top, #f2eae6, #e051cb);
background-image: -moz-linear-gradient(top, #f2eae6, #e051cb);
background-image: -o-linear-gradient(top, #f2eae6, #e051cb);
background-image: -ms-linear-gradient(top, #f2eae6, #e051cb);
background-image: linear-gradient(to bottom, #f2eae6, #e051cb);
}
#container .thumbnails
{ float:left; width:324px; height:737px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#f2eae6), to(#e051cb));
background-image: -webkit-linear-gradient(top, #f2eae6, #e051cb);
background-image: -moz-linear-gradient(top, #f2eae6, #e051cb);
background-image: -o-linear-gradient(top, #f2eae6, #e051cb);
background-image: -ms-linear-gradient(top, #f2eae6, #e051cb);
background-image: linear-gradient(to bottom, #f2eae6, #e051cb);
}
/* container INMA PEQUE*/
#container .inmapeque
{ float:left; width:1124px; height:737px;
background-image:url('images/INMA2.jpg');
}
.thumbnailimage
{ float:left; padding:7px;}
.large_thumb
{float:left; position: relative; width:64px; height:64px; padding:0px 10px 0px 0;}
img.large_thumb_image
{position:absolute; left:5px; top:4px;}
.large_thumb_border
{width:64px; height:64px; background:url('images/interface/thumb_border.png'); position:absolute; }
.large_thumb_shine
{width:54px; height:54px; background:url('images/interface/shine.png'); position:absolute; background-position:-150px 0; left:5px; top:4px; background-repeat:no-repeat;}
/*brillo de fotos pequeñas*/
.thumb_container
{ width:64px; height:64px; background-image:url('images/interface/thumb_holder.png'); }
#largephoto
{ width: 600px; height:560px; margin-top:78px; margin-left:auto; margin-right:auto;
-moz-border-radius: 10px; -webkit-border-radius: 10px; }
#largetrans
{ width: 600px; height:560px;}
/*foto grande sombras marco background-image:url('images/interface/main_bg_trans.png'); -moz-border-radius: 10px; -webkit-border-radius: 10px;*/
.large_image
{ display:none}
#containertitle
/*texto pequeño titulito{ position:absolute; margin-top:0px; margin-left:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow: 0px 1px 2px #fff;}*/
/*texto bajo fotos grandes
#largecaption
{ text-align: center; height:100px; width:100%; background-color:#111; position:absolute; width: 444px;
margin-top:270px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; display:none; color:#fff; font-size:30px; font-family:Arial; letter-spacing:-1px; font-weight:bold}*/
#largecaption .captionContent { padding:5px;}
/*#largecaption .captionShine
{ background:url('images/interface/bigshine.png'); position:absolute; width: 444px; height: 100px; background-position:-150px 0;background-repeat:no-repeat;}*/
#loader { width:150px; height:150px;background-image:url('images/interface/loader.gif'); background-repeat:no-repeat; position:absolute;}
#lazo { width:80px; height:62px;
background-image:url('images/lazo.png');
position:relative;
top: 100px;
left: 1011px;
}
#footer{
width:100%;
background-color:#CC3399;
color:#FFFFFF;
heigth:3px;
text-align:center;
clear:both;
border-radius: 0px 0px 50px 50px;
-moz-border-radius: 0px 0px 50px 50px;
-webkit-border-radius: 0px 0px 50px 50px;
}