/* CSS Document */

* { margin: 0; padding: 0; }
body, p, a, input { background: #000000; color: #FFFFFF; font-family: Trebuchet MS, MS Serif, Serif; font-size: 14px; }

a { color: #4097a1; font-weight: bold; text-decoration: none; }
a:hover { color: #5eafb8; text-decoration: underline; }

#container { overflow: hidden; width: 960px; margin: 0 auto; }

#header { overflow: hidden; width: 960px; height: 142px; border-bottom: 1px solid #767575; }
#header h1, #header h2 { display: block; overflow: hidden; height: 1px; padding: 1px; }
#header a#logoLink { display: block; margin: 0 auto; width: 499px; }
#header a#logoLink img { border: none; }

#footer { border-top: 1px solid #767575; }
#footer p { padding: 10px; }

#header ul.langBar { list-style-type: none; float: right; margin: 110px 0 0 0; width: 90px; }
#header ul.langBar img { border: none; margin: 0 3px; }

#center p.sep { padding: 0 0 20px 0; margin: 20px; border-bottom: 1px solid #FFFFFF; }
#center p.sep img { border: 1px solid #FFFFFF;  }
/* intro */
#introCenter { width: 960px; height: 557px; overflow: hidden; background: URL('images/intro-body.jpg') no-repeat top right; }
#introCenter * { background: transparent; }
#introCenter p { margin: 10px 20px; width: 500px; }
#introCenter p.first { padding-top: 30px; }

#enterMenu { list-style-type: none; width: 350px; height: 34px; overflow: hidden; margin: 40px 0 20px 50px; }
#enterMenu li { float: left; }
#enterMenu li a { float: left; display: inline; width: 150px; height: 25px; background: #35464d URL('images/button.jpg') no-repeat; text-align: center; padding: 9px 0 0 0; color: #FFFFFF; }
#enterMenu li a.first { margin-right: 50px; }

#introCenter p.linkForo { width: 500px; text-align: right; margin: 35px 0 0 20px; }
#introCenter p.linkForo a { font-size: 14px; }

#introBanners { padding: 20px; }
#introBanners .banner { width: 468px; margin: 10px auto; text-align: center; }
#introBanners .banner img { border: 1px solid #FFFFFF; display: block; margin: 0 auto; }
#introBanners a { font-size: 10px; color: #FFFFFF; }
#rta { width: 124px; margin: 10px auto; }
/* main page */
#countrySelector { list-style-type: none; margin: 120px 0 0 80px; }
#countrySelector li a { display: block; width: 150px; height: 25px; background: #35464d URL('images/button.jpg') no-repeat; text-align: center; padding: 9px 0 0 0; color: #FFFFFF; }

#countrySelector li a.second { margin: 50px 0 0 50px; }
#countrySelector li a.third { margin: 50px 0 0 100px; }
#countrySelector li a.fourth { margin: 50px 0 0 150px; }

/* layout pages */
#main { width: 960px; overflow: hidden; }
#main h1 { margin: 20px; font-weight: normal; }
#main p { margin: 20px; width: 500px; }

#left { float: left; width: 190px; }
#left #menu { list-style-type: none; margin: 20px; }
#left #menu li { margin: 0 0 10px 0; }
#left #menu li a { display: block; width: 150px; height: 25px; background: #35464d URL('images/button.jpg') no-repeat; text-align: center; padding: 9px 0 0 0; color: #FFFFFF; }

div.bannerWrapper { border: 1px solid #FFFFFF; display: block; margin: 0 auto 10px; width: 150px; height: 125px; overflow: hidden;  }
#banner a img, a.bannerLink img { border: 1px solid #FFFFFF; display: block; margin: 0 auto 10px;  }

div.bannerWrapper2 { border: 2px solid #4097a1; margin: 20px; width: 468px; height: 60px; }

#center { float: left; width: 770px; }

/* model list */
#main h1 #modelDropDown { display: block; float: right; margin: 5px; font-size: 14px; }
#main h1.modelTitle { color: #4097a1; }
#main h1.modelTitle #modelDropDown { color: #FFFFFF; }
#main #modelList { overflow: hidden; margin: 0 0 0 10px; width: 600px; height: 1113px; }
#main #modelList.measured {  height: 832px; }
#main #modelList #modelAd { width: 115px; height: 170px; overflow: hidden; float: left; display: inline; margin: 0 20px 20px 0;  border: 2px solid #676767; }
#main #modelList #modelAd.margin { margin-left: 60px; }
#main #modelList #modelAd.last { margin-right: 0; }
#main #modelList #modelAd h2 { text-align: center; width: 115px; height: 18px; background: URL('images/barra-botones.gif'); padding: 2px 0 0 0; }
#main #modelList #modelAd h2 a { font-size: 12px; color: #FFFFFF; background: none;  }
#main #modelList #modelAd a img { border: none; border-top: 2px solid #676767; }
#main #modelList #news { overflow: hidden; margin-bottom: 10px; width: 600px; }
#main #sepBanner { clear: both; margin: 10px; }
#main #sepBanner div.bannerWrapper { width: 468px; height: 60px; margin: 0 auto; }

#main #recomended { float: right; width: 136px; overflow: hidden; border: 2px solid #777777; background: #272B2C; }
#main #recomended h2 { font-size: 14px; text-align: center;  padding: 3px 0; }
#main #recomended #modelAd { width: 115px; height: 170px; overflow: hidden; margin: 0 auto 20px;  border: 2px solid #676767; }
/*#main #recomended #modelAd.first { margin-bottom: 68px;  }*/
#main #recomended #modelAd h2 { text-align: center; width: 115px; height: 18px; padding: 0; background: URL('images/barra-botones.gif'); padding: 2px 0 0 0; }
#main #recomended #modelAd h2 a { font-size: 12px; background: none; color: #FFFFFF; padding: 2px 0 0 0; }
#main #recomended #modelAd h2 a:hover { background: #094953; color: #FFFFFF; }
#main #recomended #modelAd a img { border: none; border-top: 2px solid #676767; }

#main #pagination { overflow: hidden; clear: both; margin: 0 auto 10px; width: 503px; height: 63px; }
#main #pagination #prevPage { float: left; width: 120px; height: 33px; display: inline; margin: 0 100px 0 0; }
#main #pagination #prevPage a { display: block; width: 76px; height: 27px; margin: 0; padding: 6px 0 0 60px;  }
#main #pagination #prevPageEmpty { float: left; width: 120px; height: 33px; display: inline; margin: 0 100px 0 0;  }
#main #pagination #nextPage { float: left; width: 120px; height: 33px;  }
#main #pagination #nextPage a { display: block; width: 120px; height: 27px; margin: 0; padding: 6px 0 0 0;  }
#main #pagination #nextPageEmpty { float: left; width: 120px; height: 33px; }

#main #bottomBanners { margin: 0 10px; overflow: hidden; width: 600px; }
#main #bottomBanners img { border: 2px solid #FFFFFF; width: 468px; height: 60px; margin: 10px auto; display: block;}
#main #bottomBanners div.bannerWrapper { width: 468px; height: 60px; margin: 10px auto; }
/*#main #bottomBanners #bottomBannerLeft img { margin-right: 80px; }
#main #bottomBanners #bottomBannerLeft div.bannerWrapper { margin-right: 80px; }*/

/* model profile */
#modelData { margin: 0 20px 20px; overflow: hidden; }
#modelData #pictureTarget { border: 1px solid #FFFFFF; float: left; }
#modelData #rightPanel { float: right; overflow: hidden; width: 273px; }
#modelData .dataPanel { width: 273px; background: URL('images/panel-middle.jpg') repeat-y; margin: 0 0 20px 0; }
#modelData .dataPanel .dataPanelTop { width: 273px; height: 14px; background: URL('images/panel-top.jpg') no-repeat; }
#modelData .dataPanel .dataPanelBottom { width: 273px; height: 15px; background: URL('images/panel-bottom.jpg') no-repeat; }

#modelData .dataPanel dl { display: block; overflow: hidden; width: 253px; margin: 0 10px 10px; padding: 0 0 10px 0; border-bottom: 1px solid #FFFFFF; }
#modelData .dataPanel dl.last { border-bottom: none; }
#modelData .dataPanel dl dt { width: 75px; font-weight: bold; float: left; clear: left; }
#modelData .dataPanel dl dd { width: 178px; float: left; }

#main #modelData .dataPanel p { margin: 10px; width: 253px; background: transparent; }
#main #modelData .dataPanel p.note { padding-top: 10px; margin-bottom: 0; text-align: center; border-top: 1px solid #FFFFFF; color: #4097a1; font-weight: bold; }
#main #modelData .dataPanel ul { list-style-type: none; width: 253px; margin: 0 10px; overflow: hidden; }
#main #modelData .dataPanel ul li { float: left; padding: 0 6px; border-left: 1px solid #DDDDDD; margin: 2px 0; }

#gallery { clear: both; margin: 20px 0 20px 20px; overflow: hidden; }
#gallery a img { border: 1px solid #FFFFFF; margin: 0 2px 0 0; }

/* links */
p.link img { border: 2px solid #4097a1; }
div.linkWrapper { width: 472px; overflow: hidden; margin: 20px; text-align: center; }
div.linkWrapper p { margin: 0 !important; width: 472px !important; text-align: center; font-size: 11px !important; }
div.linkWrapper p a { text-align: center; font-size: 10px !important; font-family: "Verdana"; }
div.linkWrapper img { border: 2px solid #4097a1;  }

/* popin */
div#popInDiv { color: #FFFFFF; background: #000000; border: 2px solid #555555; padding: 2px; width: 120px; z-index: 1000; }
