/* CSS Principal Hotel Guillem */

#html { text-align:center;text-decoration:none; }
#body { background-color:#402a13; }
img { border:0px; }

#main-container { width:958px; height:599px; margin:auto; }
#main-container a:hover { cursor:hand; }


#top-layout { width:958px; height:33px; margin:auto; background-image:url('../images/layout/fons-superior.gif') }
#center-layout { width:962px; height:533px;margin:auto; }
#bottom-layout { width:958px; height:33px; margin:auto; background-image:url('../images/layout/fons-inferior.gif') }

#left-center-layout { width:37px; height:533px; margin:auto;float:left;background-image:url('../images/layout/fons-esquerra1.gif'); }
#middle-center-layout { width:888px; height:533px; margin:auto;float:left;background-image:url('../images/layout/fonsilogo1.gif'); }
#right-center-layout {width:37px; height:533px; margin:auto;float:right; background-image:url('../images/layout/fons-dreta1.gif'); }

#cont-anim-logos { width:888px; height:150px; margin:auto;  }
#anim-fotos { width:450px; height:150px; margin:auto; text-align:right; float:left; }
#zona-logo { width:250px; height:150px; margin:auto;  float:right; }
#zona-logo img { border:0px; }
#zona-centre { width:885px; height:370px; margin:auto; float:left;  }

#click-logo { width:250px; height:129px; float:left;  }
#click-logo img { float:left; width:185px; height:126px; }

/* Menu Flags */
#cont-flags { margin-left:52px; }
#flag-and { float:left; }
#flag-and a:hover { float:left; }
#flag-es { float:left; }
#flag-es a:hover { float:left; }
#flag-fr { float:left;  }
#flag-fr a:hover { float:left;  }
#flag-uk { float:left;  }
#flag-uk a:hover { float:left;  }
#flag-ru { float:left;  }
#flag-ru a:hover { float:left;  }


/* Menu Principal */
#menu { width:750px; height:21px; margin-left:auto;margin-right:auto; text-align:center;font-family:arial; color:black; font-weight:bold; font-size:9px; text-decoration:none; }
#menu span { top:5px; }
#menu a { text-decoration:none; color:black; }
#menu a:hover { text-decoration:none; color:white; }
menu img { width:105px; height:30px; }

#bot-hotel { float:left; background-image:url('../images/menu/botoblanc1.gif'); height:21px; width:106px;text-decoration:none; }
#bot-hotel span { position:relative; top:5px; }
#bot-hotel a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }
#bot-spa { float:left; background-image:url('../images/menu/botoblanc1.gif');height:21px; width:106px; text-decoration:none;}
#bot-spa span { position:relative; top:5px; }
#bot-spa a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }
#bot-estades { float:left; background-image:url('../images/menu/botoblanc1.gif'); height:21px; width:106px; text-decoration:none;}
#bot-estades span { position:relative; top:5px; }
#bot-estades a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }
#bot-entorn { float:left; background-image:url('../images/menu/botoblanc1.gif');height:21px; width:106px;text-decoration:none;  }
#bot-entorn span { position:relative; top:5px; }
#bot-entorn a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }
#bot-contacte { float:left; background-image:url('../images/menu/botoblanc1.gif');height:21px; width:106px; text-decoration:none; }
#bot-contacte span { position:relative; top:5px; }
#bot-contacte a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }
#bot-reserves { float:left; background-image:url('../images/menu/botoblanc1.gif'); height:21px; width:106px;text-decoration:none; }
#bot-reserves span { position:relative; top:5px; }
#bot-reserves a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }
#bot-ofertes { float:left; background-image:url('../images/menu/botoblanc1.gif');height:21px; width:106px; text-decoration:none; }
#bot-ofertes span { position:relative; top:5px; }
#bot-ofertes a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:21px; width:106px; text-decoration:none; }

#bot-galeria a { text-decoration:none; color:black; text-align:center;font-family:arial; font-weight:bold; font-size:9px;}
#bot-galeria a:hover { text-decoration:none; color:white; text-align:center;font-family:arial; font-weight:bold; font-size:9px;}
#bot-galeria { float:left; background-image:url('../images/menu/botoblanc1.gif');height:30px; width:106px; text-decoration:none; }
#bot-galeria span { position:relative; top:5px; }
#bot-galeria a:hover { float:left; background-image:url('../images/menu/botonegre1.gif');height:30px; width:106px; text-decoration:none; }


/* Brown box */
#cont-brown-box{ width:770px; height:400px; margin-top:0px; margin-bottom:0px; margin-left:auto;margin-right:auto; text-align:center; }

#brown-box-sup{float:left; width:770px; height:15px; margin-left:auto;margin-right:auto; text-align:center; background-image:url('../images/layout/quadre-superior.gif'); opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);}
#brown-box-left{ float:left; width:13px; height:317px; margin-left:auto;margin-right:auto; text-align:center; background-image:url('../images/layout/quadre-esquerra1.gif'); opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);}
#brown-box-middle{float:left; width:747px; height:317px; margin-left:auto;margin-right:auto; text-align:center; background-image:url('../images/layout/fons-brown.png');   }
#brown-box-right{float:right; width:10px; height:317px; margin-left:auto;margin-right:auto; text-align:center; background-image:url('../images/layout/quadre-dreta1.gif'); opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);}
#brown-box-inf{ float:left;width:770px; height:12px; margin-left:auto;margin-right:auto; text-align:center; background-image:url('../images/layout/quadre-inferior.gif'); opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);z-index:0;}


#into-brown-box-left{  float:left; width:365px; height:310px; margin-top:5px; }
#into-brown-box-right{float:right; width:365px; height:300px; margin-left:auto;margin-right:auto; margin-top:5px; margin-left:10px; overflow:auto; }   
#into-brown-box-right p { text-align:justify; font-family: arial; color:white; font-size:12px; margin-right:15px; }

#cont-image-gallery-small{ margin-top:5px; }
image-gallery-big { float:left; width:350px; height:180px; margin-left:auto;margin-right:auto; margin-bottom:10px; }
image-gallery-small1 {float:left; width:117px; height:117px; padding-top:5px; } 
image-gallery-small2 {float:left; width:117px; height:117px; padding-top:5px;} 
image-gallery-small3 {float:left; width:117px; height:117px; padding-top:5px; }