@charset "UTF-8";
/* CSS Document */

/*************** MAIN DIVS *****************/

	body{background:#fff; margin:0; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif;}
	#logo_area{width:100%; height:110px;background:#fcfcfc url(images/logoarea.gif) top left repeat-x;}
	#logo {width:960px; margin:0 auto; }
	#logo a{padding:10px 0 0 30px; display:block; width:160px;}
	#logo a img{border:none;}
	#container_area{width:100%; background:#e5e5e5 url(imgs/container.gif) top left repeat-x;}
	#container{width:960px; margin:0 auto; background:#e5e5e5 url(imgs/whitesq.gif) 0 50px no-repeat;}
	#footer_area{width:100%; background:#fff url(imgs/footer.gif) top left repeat-x;}
	#footer{width:960px; margin:0 auto; padding:32px 25px 0 50px;}
	#darkside{float:right; width:160px; margin:180px 10px 0 20px;}


/*************** HEADERS *****************/

	#header{background:#e5e5e5 url(imgs/header.gif) top left no-repeat; width:960px; height:330px;} /* (imgs/header.jpg) */
	
	.headerimg {margin:0 0 0 147px;padding:0; border:none;width:613px; height:329px;} /* float:right;margin:0; */
	
	#header2{background:#e5e5e5 url(imgs/header2.jpg) top left no-repeat; width:960px; height:250px;} /* serv */
	#header3{background:#e5e5e5 url(imgs/header3.jpg) top left no-repeat; width:960px; height:250px;} /* cont */
	#header4{background:#e5e5e5 url(imgs/header4.jpg) top left no-repeat; width:960px; height:250px;} /* tech */
	#header5{background:#e5e5e5 url(imgs/header5.jpg) top left no-repeat; width:960px; height:250px;} /* brand */
	#header6{background:#e5e5e5 url(imgs/header6.jpg) top left no-repeat; width:960px; height:250px;} /* centros */
	#headerlp{background:#e5e5e5 url(imgs/header_laspalmas.gif) top left no-repeat; width:960px; height:330px;} /* laspalmas */
	#headerll{background:#e5e5e5 url(imgs/header_lleida.gif) top left no-repeat; width:960px; height:330px;} /* lleida */
	#headermad{background:#e5e5e5 url(imgs/header_madrid.gif) top left no-repeat; width:960px; height:330px;} /* madrid */
	#headerbcn{background:#e5e5e5 url(imgs/header_barcelona.gif) top left no-repeat; width:960px; height:330px;} /* barcelona */
	#headermp{background:#e5e5e5 url(imgs/header_maspalomas.gif) top left no-repeat; width:960px; height:330px;} /* maspalomas */

	.imglleida, .imgbcn, .imgmadrid, .imgpalmas, .imgmaspalomas {margin:0 0 0 161px;padding:0; border:none;width:600px; height:329px;} /* float:right;margin:0; */

/*************** MAIN MENU *****************/

	#menu{border-top:1px solid #D1D0D0; margin:0 0 0 147px;}	
	#menu ul{list-style: none; position: relative; margin: 0; padding: 0; width:612px; height:55px;	background: url(imgs/container.gif) top left no-repeat;}
	#menu ul li { display: block;float: left;padding: 0;cursor: pointer;height: 55px;margin: 0;background-image:url(imgs/menu01.gif);background-repeat:no-repeat;}
	#menu ul li a{display:block;height:55px;text-indent:-9999px;outline:none;}
	#menu1 { width:154px;background-position:0px 0px;}
	#menu2 { width:116px;background-position:-154px 0px;}
	#menu3 { width:103px;background-position:-270px 0px;}
	#menu4 { width:96px;background-position:-373px 0px;}
	#menu5 { width:143px;background-position:-469px 0px;}
	
	#menu1.active, #menu1:hover { background-position: 0 bottom;}
	#menu2.active, #menu2:hover { background-position: -154px bottom;}
	#menu3.active, #menu3:hover { background-position: -270px bottom;}
	#menu4.active, #menu4:hover { background-position: -373px bottom;}
	#menu5.active, #menu5:hover { background-position: -469px bottom;}


/*************** CONTENT UND BLOCKS *****************/

	#content{width:770px; background:#e5e5e5 url(imgs/content.gif) top left no-repeat;}
	#content2{width:770px; background:#e5e5e5 url(imgs/lilcontent.gif) top left no-repeat;}
	#block1{width:335px; float:left; padding:5px 10px 0 147px;} /* 305px */
	#block2{width:250px; float:right; padding:5px 0 0 10px;} /* 280px */
	#blockx{width:585px; padding:5px 10px 0 147px;}
	.cells {float:left; width:47%;}

/*************** DROPDOWN *****************/

	ul.submenu {float:left; padding:10px 0 0 0;margin:0; list-style:none; background-image:url(imgs/ddup.gif);background-repeat:no-repeat;background-position:left top;margin:-25px 0 0 0;}
	ul.submenu li a {float:left;width:156px; height:18px;background:url(imgs/ddmid.gif) 0 0 no-repeat;clear:left;font-size:11px; text-decoration:none;color:#fff;padding:0 0 0 25px;}
	ul.submenu li a.endlist {background:url(imgs/dddown.gif) 0 0 no-repeat; height:38px;}
	ul.submenu li a.endlist:hover,
	ul.submenu li a.endlist:focus,
	ul.submenu li a.endlist:active {background:url(imgs/dddown.gif) 0 -42px no-repeat; }
	ul.submenu a:hover,
	ul.submenu a:focus,
	ul.submenu a:active {background:url(imgs/ddmid.gif) 0 -22px no-repeat;margin-right:1px;}

/*************** CONTENT AREA *****************/

	#content p, #content2 p, #footer p{ font-size:8px; color:#111;}
	#footer p{ padding-left:130px;}
	#footer img{float:left;}
	#block1 img, #blockx img{float:left;margin: 0 15px 3px 0;}
	
	#darkside a.search{text-indent:-9999px; display:block; width:154px; height:42px; outline:none; background:#e5e5e5 url(imgs/btnright.gif) 0 0 no-repeat;}
	#darkside a.search:hover{background-position: 0 -43px;}
	
	#block1 h2, #block2 h2, #blockx h2{text-indent:-9999px; padding:5px; }
	#blockx h2{margin-top:-5px;}
	#block1 h2.prof{background:#fff url(imgs/h2prof.gif) top left no-repeat;}
	#block2 h2.serv, #blockx h2.serv{background:#fff url(imgs/h2serv.gif) top left no-repeat;}
	#blockx h2.cont{background:#fff url(imgs/h2cont.gif) top left no-repeat;}
	#blockx h2.tec{background:#fff url(imgs/h2tec.gif) top left no-repeat;}
	#blockx h2.prof2{background:#fff url(imgs/h2prof2.gif) top left no-repeat;}
	#blockx h2.centr{background:#fff url(imgs/h2centr.gif) top left no-repeat;}
	
	#block1 h2.lp, #block1 h2.mp{background:#fff url(imgs/h2lp.gif) top left no-repeat;}
	#block2 h2.lpserv{background:#fff url(imgs/h2lpserv.gif) top left no-repeat;}
	#block1 h2.ll{background:#fff url(imgs/h2ll.gif) top left no-repeat;}
	#block2 h2.llserv{background:#fff url(imgs/h2llserv.gif) top left no-repeat;}
	#block1 h2.mad{background:#fff url(imgs/h2mad.gif) top left no-repeat;}
	#block2 h2.madserv{background:#fff url(imgs/h2madserv.gif) top left no-repeat;}
	#block1 h2.bcn{background:#fff url(imgs/h2bcn.gif) top left no-repeat;}
	#block2 h2.bcnserv{background:#fff url(imgs/h2bcnserv.gif) top left no-repeat;}
	#block2 h2.mpserv{background:#fff url(imgs/h2mpserv.gif) top left no-repeat;}

	#block2 ul {list-style:none;margin:0; padding:0;}
	#block2 li { background: transparent url(imgs/li.gif) top left no-repeat; border-bottom: 1px solid #c9c9c9; font-size:11px;}
	#block2 li a {padding:3px 6px; text-decoration:none; color:#4770CD; display:block;outline:none; font-size:11px;}
	#block2 li a:hover{text-decoration:none; background:#DEDCDC url(imgs/lidown.gif) top left no-repeat;}
	
	#blockx h3{font-size:12px; font-weight:bold; color:#547FE0; padding:15px 0 0 0;}
	#blockx h4, #block1 h4{font-size:9px; color:#000; margin:16px 0 -5px 0; text-transform:uppercase; letter-spacing:1px;}
	
	#moreact{float:left;z-index:1;position:relative; top:126px;left:192px;} /* top:121px; */
	#moreact a{text-indent:-9999px; outline:none; display:block; width:73px; height:35px; background:url(imgs/moreact2.gif) 0 0 no-repeat;}
	#moreact a:hover{background:url(imgs/moreact2.gif) 0 -35px no-repeat;}

	a.up:hover{color:#111; background:#fff;border:1px solid #c9c9c9; }
	a.up{padding:5px 10px;color:#111; border:1px solid #c9c9c9; background:#eee; text-decoration:none;}
	
	ul#items{list-style:none;margin:0; padding:0; }
	ul#items li a{padding:5px 0 0 0; text-decoration:none; font-size:11px; font-weight:bold; color:#547FE0; display:block;outline:none;}
	ul#items li a:hover{text-decoration:underline; }	
	ul#items p{ margin-top:5px;}
	
	ul#sequence {list-style:none;margin-left:30px; padding:0;}
	ul#sequence li { background: transparent url(imgs/li.gif) top left no-repeat; font-size:11px; padding: 2px 20px 10px 10px;}
	

/*************** INFO AREA *****************/

	#info{float:left;position:relative; top:180px; left:20px;z-index:1;width:136px;}
	#info h3{font-size:10px; font-weight:bold; color:#547fe0; margin:0; padding:0;}
	#info p{padding:5px 0;font-size:10px; margin:0;}
	#info a{text-decoration:none; color:#547fe0;}
	#info a:hover{text-decoration:underline;}	


/*************** FORMS *****************/

	form{padding:10px 0;}
	form label{ display:block;}
	form input, form textarea{width:86%;border:1px #c9c9c9 solid;color:#111;padding:4px 5px;font:12px Arial, Helvetica, sans-serif;background-color: #eee;}
	form input:hover, form textarea:hover{ background:#fff;}
	form input:focus, form textarea:focus{ color:#111;}
	form input.button{margin-right:8px;padding:5px 15px;font:12px Verdana, Arial, Helvetica, sans-serif;border:1px solid #c9c9c9;width:80px; }
	form input.button:hover{border:1px solid #c9c9c9; background:#fff;}
	* html form input,
	* html form textarea{border-color: #c9c9c9;color:#111;}

/*************** MECHS *****************/

	.clearfix { clear:both; height:0; font-size: 1px; line-height: 0px;}
	.shades { color:#b3b3b3;}
	#footer .shades{padding:0 5px 0 20px;}
	#nav ul{padding:0 7px;}