/* ----------------------------------------------------------------------------------------- Etnitis Knowledge Services CSS File at http://www.etnitis.com FileName: base.css Project: EsTrenc apartamentos Version: 04.11.2007 Version: 28.12.2009 FileTask: layout for www.apartamentosstrenc.com For more information visit http://www.etnitis.com OR send me coments to info@etnitis.com This CSS file is copyright, all rights reserved Jose Luis Checa IMPORTANT: This file is not a template. You may not reproduce it elsewhere without the designer's written permission, but, feel free to study the CSS techniques. ----------------------------------------------------------------------------------------- */ body {behavior:url("csshover.htc");background:white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0px;padding:0px;text-align:justify;color:white;} #containerH {background:url(bg_home.jpg) no-repeat center;width:1000px;height:550px;margin:0px auto 0px auto;border: 1px solid white;position:absolute;top:50%;left:50%;margin-top:-275px;margin-left:-500px;} #containerP {background:url(bg_pages.jpg) no-repeat center;width:1000px;height:550px;margin:0px auto 0px auto;border: 1px solid white;position:absolute;top:50%;left:50%;margin-top:-275px;margin-left:-500px;} #top {width:960px;height:100px;margin-left:20px;margin-top:0;} #container {width:940px;height:430px;margin:0px auto 0px 10px;} #containerR {width:776px;height:430px;margin:0px auto 0px 30px;} #leftH {float:left;position:relative;width:600px;height:150px;left:0px;top:400px;} #rightH {float:right; position:relative;width:288px;height:110px;right:30px;top:460px;text-align:right;font-size:10px;pading:10px;} #centerH {float:left;margin-left:16px;top:400px;margin-right:0px;position:relative;height:1%;} #leftTop {float:left;position:relative;width:580px;height:80px;left:-50px;top:-10px;]top:0px;} #rightTop {float:left; position:relative;width:330px;height:80px;left:15px;text-align:left;font-size:10px;top:0px;} #adMenu {position:relative;width:280px;height:20px;text-align:left;font-size:20px;top:60px;} #leftC {float:left;position:relative;width:550px;height:430px;left:25px;top:0px;} #rightC {float:left; position:relative;width:350px;height:430px;left:55px;top:-15px;]top:-8px;font-size:10px;margin:0px;} #scroll {width:320px;]width:300px;height:290px;]height:305px;margin:0px auto 0px auto;background :url(bg_menu.gif);filter:alpha(opacity=60);-moz-opacity:0.6;overflow:scroll;overflow-x:hidden;padding:10px;} /*----------------------- Menu Home ---------------------------------*/ #menuH ul {margin:0;padding:0;height:150px;list-style:none;display:inline;overflow:hidden;} #menuH li {margin:0; padding:0;list-style:none;display:inline;} #menuH a {float:left;padding:139px 0 0 0;overflow:hidden;height:0px !important; height /**/:148px; /* for IE5/Win only */} #menuH a:hover {background-position:0% -150px;} #menuH a:active, #menuH a.selected {background-position:0% -150px;} #ca a {width: 80px;background: url(nav_ca.gif) top left no-repeat;} #es a {width: 80px;background: url(nav_es.gif) top left no-repeat;} #en a {width: 80px;background: url(nav_en.gif) top left no-repeat;} #de a {width: 80px;background: url(nav_de.gif) top left no-repeat;} #fr a {width: 80px;background: url(nav_fr.gif) top left no-repeat;} #it a {width: 80px;background: url(nav_it.gif) top left no-repeat;} /*----------------------- Menu Top ca ---------------------------------*/ #menuP ul {margin:0;padding:0;height:80px;list-style:none;display:inline;overflow:hidden;} #menuP li {margin:0;padding:0;list-style:none;display:inline;} #menuP a {float:left;padding:80px 0 0 0;overflow:hidden;height:0px !important; height /**/:80px; /* for IE5/Win only */} #menuP a:hover {background-position: 0 -80px;} #menuP a:active, #menuP a.selected {background-position: 0 -80px;} #h_ca a {width: 80px;background: url(nav_1ca.gif) top left no-repeat;} #a_ca a {width: 80px;background: url(nav_2ca.gif) top left no-repeat;} #e_ca a {width: 80px;background: url(nav_3ca.gif) top left no-repeat;} #r_ca a {width: 80px;background: url(nav_4ca.gif) top left no-repeat;} #s_ca a {width: 80px;background: url(nav_5ca.gif) top left no-repeat;} /*----------------------- Menu Top es ---------------------------------*/ #menuP ul {margin:0;padding:0;height:80px;list-style:none;display:inline;overflow:hidden;} #menuP li {margin:0;padding:0;list-style:none;display:inline;} #menuP a {float:left;padding:80px 0 0 0;overflow:hidden;height:0px !important; height /**/:80px; /* for IE5/Win only */} #menuP a:hover {background-position: 0 -80px;} #menuP a:active, #menuP a.selected {background-position: 0 -80px;} #h_es a {width: 80px;background: url(nav_1es.gif) top left no-repeat;} #a_es a {width: 80px;background: url(nav_2es.gif) top left no-repeat;} #e_es a {width: 80px;background: url(nav_3es.gif) top left no-repeat;} #r_es a {width: 80px;background: url(nav_4es.gif) top left no-repeat;} #s_es a {width: 80px;background: url(nav_5es.gif) top left no-repeat;} /*----------------------- Menu Top en ---------------------------------*/ #menuP ul {margin:0;padding:0;height:80px;list-style:none;display:inline;overflow:hidden;} #menuP li {margin:0;padding:0;list-style:none;display:inline;} #menuP a {float:left;padding:80px 0 0 0;overflow:hidden;height:0px !important; height /**/:80px; /* for IE5/Win only */} #menuP a:hover {background-position: 0 -80px;} #menuP a:active, #menuP a.selected {background-position: 0 -80px;} #h_en a {width: 80px;background: url(nav_1en.gif) top left no-repeat;} #a_en a {width: 80px;background: url(nav_2en.gif) top left no-repeat;} #e_en a {width: 80px;background: url(nav_3en.gif) top left no-repeat;} #r_en a {width: 80px;background: url(nav_4en.gif) top left no-repeat;} #s_en a {width: 80px;background: url(nav_5en.gif) top left no-repeat;} /*----------------------- Menu Top de ---------------------------------*/ #menuP ul {margin:0;padding:0;height:80px;list-style:none;display:inline;overflow:hidden;} #menuP li {margin:0;padding:0;list-style:none;display:inline;} #menuP a {float:left;padding:80px 0 0 0;overflow:hidden;height:0px !important; height /**/:80px; /* for IE5/Win only */} #menuP a:hover {background-position: 0 -80px;} #menuP a:active, #menuP a.selected {background-position: 0 -80px;} #h_de a {width: 80px;background: url(nav_1de.gif) top left no-repeat;} #a_de a {width: 80px;background: url(nav_2de.gif) top left no-repeat;} #e_de a {width: 80px;background: url(nav_3de.gif) top left no-repeat;} #r_de a {width: 80px;background: url(nav_4de.gif) top left no-repeat;} #s_de a {width: 80px;background: url(nav_5de.gif) top left no-repeat;} /*----------------------- Menu Top fr ---------------------------------*/ #menuP ul {margin:0;padding:0;height:80px;list-style:none;display:inline;overflow:hidden;} #menuP li {margin:0;padding:0;list-style:none;display:inline;} #menuP a {float:left;padding:80px 0 0 0;overflow:hidden;height:0px !important; height /**/:80px; /* for IE5/Win only */} #menuP a:hover {background-position: 0 -80px;} #menuP a:active, #menuP a.selected {background-position: 0 -80px;} #h_fr a {width: 80px;background: url(nav_1fr.gif) top left no-repeat;} #a_fr a {width: 80px;background: url(nav_2fr.gif) top left no-repeat;} #e_fr a {width: 80px;background: url(nav_3fr.gif) top left no-repeat;} #r_fr a {width: 80px;background: url(nav_4fr.gif) top left no-repeat;} #s_fr a {width: 80px;background: url(nav_5fr.gif) top left no-repeat;} /*----------------------- Menu Top it ---------------------------------*/ #menuP ul {margin:0;padding:0;height:80px;list-style:none;display:inline;overflow:hidden;} #menuP li {margin:0;padding:0;list-style:none;display:inline;} #menuP a {float:left;padding:80px 0 0 0;overflow:hidden;height:0px !important; height /**/:80px; /* for IE5/Win only */} #menuP a:hover {background-position: 0 -80px;} #menuP a:active, #menuP a.selected {background-position: 0 -80px;} #h_it a {width: 80px;background: url(nav_1it.gif) top left no-repeat;} #a_it a {width: 80px;background: url(nav_2it.gif) top left no-repeat;} #e_it a {width: 80px;background: url(nav_3it.gif) top left no-repeat;} #r_it a {width: 80px;background: url(nav_4it.gif) top left no-repeat;} #s_it a {width: 80px;background: url(nav_5it.gif) top left no-repeat;} /*----------------------- extras ------------------------------------*/ .description {display: none} .link {color:#E7791A;text-decoration:none;font-weight:bold;}