* { margin: 0; padding: 0; border: 0; }
html { height: 100%; overflow: auto; }
body { background-color: #000; }

/* flash */
body.f { height: 100%; position: relative; }
body.f #content * { display: none;}

body.f .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

/* text */
body.t { background: #333 url(bgt.gif) top center repeat-y; text-align: center; position: relative; }
* html body.t { background-image: none; }

body .left {float:left;}
body .right {float:right;}
body .clear {clear:both;}

#idiomas {position:fixed; z-index:100; top:10px; right:10px; width:65px; height:52px;font-family:Arial; font-size:10px; color:#e2e2e2; text-align:right;}

#facebook {position:fixed; z-index:100; top:60px; right:0; width:100px; height:50px; background: url(../img/5u84f48n.png) no-repeat;}
#facebook a{display:block;width:77px; height:50px;}
#facebook a strong{display:none;}

#tw {position:fixed; z-index:100; top:100px; right:0; width:100px; height:50px; background: url(../img/tw.png) no-repeat;}
#tw a{display:block;width:77px; height:50px;}
#tw a strong{display:none;}

/*
#fl {position:fixed; z-index:100; top:140px; right:0; width:100px; height:50px; background: url(../img/5u84f48n.png) no-repeat;}
#fl a{display:block;width:77px; height:50px;}
#fl a strong{display:none;}
*/

body #box {position:fixed; z-index:100; bottom:0; left:255px; width:755px; height:255px; background:url(../img/bg.png);}
body #fbBox {position:fixed; z-index:100; bottom:15px; left:550px; background-color:#edeff4;}
body #twitters {position:fixed; z-index:100; bottom:15px; left:265px;}

/*
body #twitters {position:fixed; z-index:100; bottom:15px; left:10px; width:246px; height:171px;background: url(../img/twitter.png) no-repeat; font-family:Arial; padding:0px 0 0 0; color:#509ad0; font-size:12px;font-weight:bold;}
body #twitters p{color:#509ad0; padding:50px 0 0 10px;}
body #twitters #twitter_div { width:220px; margin:5px 0 0 10px;}
body #twitters #twitter_div ul li{ display:block; list-style:none;}
*/
.superior {height:26px; background:url(../img/bgtop.png);}
.inferior {height:26px; background:url(../img/bgbottom.png); margin-bottom:15px;}
.logo {padding:5px;}
.logo img {padding-left:30px;}

/*menu superior*/
body .menutop { position: fixed; z-index:200; width:900px; height:121px; font-family:Impact, Arial; color:#fff; font-size:18px; background: url(../img/menutop.png) no-repeat;}
body .menutop.esp {background: url(../img/menutop_esp.png) no-repeat;}
body .menutop.eng {background: url(../img/menutop.png) no-repeat;}
body .menutop  h1 {display:block; width:179px; height:66px; background: url(../img/logo.png) no-repeat; margin:26px 0 0 45px; float:left;}
body .menutop  h1 a {display:block; width:180px; height:70px;}
body .menutop  h1 a strong{display:none;}

body .menutop h2{display:block; float:left; font-size:18px; font-weight:normal;}
body .menutop h2.qsom { padding:20px 15px 0 60px; }
body .menutop h2.qfem { padding:24px 15px 0 15px; }
body .menutop h2.resul{ padding:21px 15px 0 15px; }
body .menutop h2.vpe { padding:22px 15px 0 15px; }
body .menutop h2.cont { padding:21px 0 0 15px; }

a:link, a:visited { color:#fff; text-decoration:none; }
a:hover, a:active { color:#fbf7b4; text-decoration:none;}
a.active {color:#fff333;}
a.interior {margin:10px 0 0 20px; padding:5px; color:#ccc; font-weight:bold; background:#000;}

/*submenu*/
body .submenu { position: fixed; z-index:100; width: 101px; height:82px; font-family:Impact, Arial; color:#fff; 
font-size:14px; background: url(../img/submenu1.png) no-repeat; margin:130px 0 0 160px;}
body .submenu ul li { display:block; list-style:none; }
body .submenu ul li.emp { padding:8px 0 0 14px }
body .submenu ul li.equ { padding:6px 0 0 36px; }
body .submenu ul li.cont2{ padding:7px 0 0 26px; }
body .submenu ul li.sol { padding:18px 0 0 24px; }
body .submenu ul li.ser { padding:10px 0 0 20px }

body .submenu.qf {background: url(../img/submenu2.png) no-repeat; margin:130px 0 0 160px;}

/*intro*/
body .intro {margin:70px 0 0 290px; position: absolute; z-index:100; font-family:Arial; color:#d3d3d3; font-size:14px; width:677px;}
body .flintro {margin: 100px 0 0 260px; width:750px; height:200px;}

/*destacado home*/
body .destacado {position:absolute; z-index:200; font-family:Arial; color:#d3d3d3; font-size:18px; top:310px; left:295px; width:687px; }
body .destacado img{float:left;}
body .destacado p {font-weight:normal; line-height:20px; position:absolute; left:400px; top:21px;}
body .destacado p em{font-size:12px; font-style:normal; color:#9f9e9e;}

/*container*/
body .container {margin:70px 0 0 290px; position: absolute; z-index:100; font-family:Arial; color:#d3d3d3; font-size:18px; width:677px;}
body .container p {font-weight:normal; line-height:20px; background:url(../img/bg.png); padding:0 20px 0 25px; }
body .container ul{ padding:0 20px 0 25px; list-style: none;  background:url(../img/bg.png);}
body .container ul li{ background: url(../img/bullet.gif) 0 9px no-repeat; padding-left: 10px; padding-bottom: 5px}
body .container h2 {font-family:Arial; font-size:50px; color:#fff; margin-bottom:10px; margin-left:25px;}

body .container.resultats .portfoli {display:block; width: 480px; height:230px;}
body .container.resultats .portfoli img{padding:4px 0 0 20px; }