/*****************************************************************************************************************/
/* general */
/*****************************************************************************************************************/
	html {height:100%}
	body {background-color:#8c8282; height:100%}
	* {margin:0px; padding:0px}
	img {border:0px}
	table {border:0px; border-collapse:collapse; border-spacing:0px;}
	td {vertical-align:top; padding:0px}
	th {vertical-align:top; padding:0px}
	.divrel {position:relative; width:100%}
	ul {list-style-type:disc; margin-left:30px; padding-top:10px; list-style-position:inside; font:11px/15px Arial, Helvetica, Tahoma, sans-serif; color:#666}
	.clsulhorizontal {margin:0; padding:0; list-style-type:none; text-align:right}
	.clslihorizontal {display:inline; padding-bottom:0px}
/****************************************************************************************************************/
/* arquitectura pagina con pie fijo */
/*****************************************************************************************************************/
	#pagina {width:100%; margin:0 auto; min-height:100%; text-align:left}
	* html #pagina {height:100%}
	#contenido {position:relative; min-height:100%; width:100%}
	* html #contenido {height:100%}
	* html #pie {margin-top:-110px}
/*****************************************************************************************************************/
/* links y fuentes */
/*****************************************************************************************************************/
	p, h2, h1 {font:13px Arial, Helvetica, Tahoma, sans-serif; color:#666; margin:0px; padding:0px}
	h2, h1 {font-weight:bold}
	a {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#e93724; text-decoration:none}
	a:hover, a:active {color:#000; text-decoration:underline}
	.rojo {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#e93724}
	.gris {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#ccc}
	.aflua:link , .aflua:visited {font:9px/9px Arial, Helvetica, sans-serif; color:#ccc; text-decoration:none}
	.aflua:hover, .aflua:active {color:#fff; text-decoration:none}
	.aflua2:link , .aflua2:visited {font:9px/9px Arial, Helvetica, sans-serif; color:#ccc; text-decoration:none}
	.aflua2:hover, .aflua2:active {color:#000; text-decoration:none}
/****************************************************************************************************************/
/* pag inicio */
/*****************************************************************************************************************/
  #inicio {position:absolute; top:0px; left:0px; width:100%; height:650px; background:url(../img/inibg.jpg) repeat-x top}
  #flaini {position:relative; width:600px; margin:0 auto; height:480px}
  #lnkini  {position:absolute; top:530px; left:315px; width:60px}
  #lnkini a:link, #lnkini a:visited, #lnkini a:active {color:#fff}
  #lnkini a:hover {color:#e93724}
  #ini_aflua {position:absolute; top:600px; left:250px; width:27px; height:28px}
  #ini_txt_aflua {position:absolute; top:605px; left:280px; width:90px; height:30px}
  #ini_baleares {position:absolute; top:599px; left:370px; width:124px; height:28px}
/****************************************************************************************************************/
/* pag Maestra */
/*****************************************************************************************************************/
/* cabecera */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cabecera {position:relative; height:250px; width:100%}
		#divcab {position:relative; height:250px; width:960px; margin:0px auto}
		
	/* no reuti------------------------------------------------------------------------------------------------- */ 		
		
/* cuerpo */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cuerpo {position:relative; height:auto; width:100%}
		#divcuerpo {position:relative; height:auto; width:960px; margin:0px auto; padding:5px 0px 110px 0px}	
	/* no reuti------------------------------------------------------------------------------------------------- */ 
			
/* pie */
	/* reuti---------------------------------------------------------------------------------------------------- */	
		#pie {position:relative; height:110px; width:100%; margin:-110px auto}
		#divpie {position:relative; height:50px; width:960px; margin:0px auto; background:url(../img/pie.jpg) no-repeat top;}
	/* no reuti------------------------------------------------------------------------------------------------- */ 
		#mnuinf {position:absolute; top:15px; left:340px; width:600px}
		/* logos pie------------------------------------------------------------------------------------------------- */ 	
		#divaflua {position:absolute; top:60px; left:20px; width:80px; text-align:left}
		#divtxtaflua {position:absolute; top:67px; left:53px; width:90px}
		#divibaleares {position:absolute; top:60px; left:150px}
/*****************************************************************************************************************/
/* Pagina de empresa */
/*****************************************************************************************************************/
	/* Presentación ------------------------------------------------------------------------------------- */
	#tdimgder {width:277px}
	#tdtxt {width:683px}
	#intxt {position:absolute; left:400px; top:200px; width:245px; height:251px; background-image:url(../img/imgintxt.jpg); z-index:2}
	.txtcontgr {height:586px; background:url(../img/txtcontgr.jpg) no-repeat; padding-bottom:10px}
	.txtcontgr p {padding:10px 80px 0 30px; text-align:justify}
	#imgtopempresa {position:relative; margin-left:3px; width:269px; height:269px; background-image:url(../img/imgprestop.jpg)}
	#imgbottomempresa {position:relative; margin-left:3px; width:269px; height:269px; background-image:url(../img/empresa_02.jpg)}
	/* Exposición ------------------------------------------------------------------------------------- */
	.txtcontpq {height:144px; background:url(../img/txtcontpq.jpg) no-repeat; padding-bottom:10px}
	.txtcontpq p {padding:11px 320px 0px 160px; text-align:justify}
	#galeria {position:relative; left:154px; width:806px; height:806px}
	/* Fotos galeria ---------------------------------------------------------------------------------- */
	.row1 {position:absolute; top:0px; height:131px}
	.row2 {position:absolute; top:136px; height:131px}
	.row3 {position:absolute; top:267px; height:131px}
	.row4 {position:absolute; top:403px; height:131px}
	.row5 {position:absolute; top:539px; height:131px}
	.row6 {position:absolute; top:675px; height:131px}
	.col1 {left:0px; width:131px}
	.col2 {left:136px; width:131px}
	.col3 {left:267px; width:131px}
	.col4 {left:403px; width:131px}
	.col5 {left:539px; width:131px}
	.col6 {left:675px; width:131px}
/*****************************************************************************************************************/
/* Pagina de servicios */
/*****************************************************************************************************************/
	.divservicios {height:824px; background:url(../img/contservicios.jpg) no-repeat; padding-bottom:10px}
	.divservicios p, .divservicios h2 {padding:30px 70px 0 20px; text-align:justify}
	.divservicios ul {padding:10px 70px 0 0px}
	.divservicios ul li {padding-bottom:5px}
	
		#imgtopservicios {position:relative; margin-left:3px; width:269px; height:269px; background-image:url(../img/servicios_01.jpg)}
	#imgbottomservicios {position:relative; margin-left:3px; width:269px; height:269px; background-image:url(../img/servicios_02.jpg)}
	#imgbottomservicios2 {position:relative; margin-left:3px; width:269px; height:269px; background-image:url(../img/servicios_03.jpg)}
/*****************************************************************************************************************/
/* Pagina de montajes */
/*****************************************************************************************************************/
	.divmontajes {height:701px; background-image:url(../img/montajebg.jpg)}
	#montaje_up {position:relative; width:100%; height:30px; background:url(../img/pastilla_up.jpg) no-repeat}
	#montaje_mid {position:relative; width:100%; height:680px; _height:400px; background:url(../img/pastilla_mid.jpg) repeat-y}
	#montaje_down {position:relative; width:100%; height:30px; background:url(../img/pastilla_down.jpg) no-repeat}
	#montaje_mid p {padding:30px 274px 0 25px; text-align:justify}
	#montajes_img {position:relative; float:right; width:205px; height:720px; padding-right:30px; padding-top:50px}
/*****************************************************************************************************************/
/* Pagina de enlaces */
/*****************************************************************************************************************/
   .lnkcont {height:945px; background:url(../img/lnkcont.jpg) no-repeat; padding-bottom:10px}
   .lnkcont p {padding:10px 80px 0 30px; text-align:justify}
   .logo_pos {position:absolute}
   .divbottom {position:absolute; bottom:40px; left:0px; width:100%; height:auto}
/*****************************************************************************************************************/
/* Pagina de contacto */
/****************************************************************************************************************/
	#tdimgder p {padding-left:15px; color:#fff}
	#tdimgder ul {margin-left:0px; list-style-type:none; color:#fff}
	#tdimgder ul li ul {margin-left:30px; padding-top:0px}
	#tdimgder ul li a:link, #tdimgder ul li a:visited, #tdimgder ul li a:active {color:#fff}
	#tdimgder ul li a:hover {color:#000}
	.txtcont {height:586px; background:url(../img/txtcontgr.jpg) no-repeat}
	/* Google Map API ------------------------------------------------------------------ */
	iframe {width:100%; height:270px}
	.divmapa {position:absolute; left:15px; top:15px; width:653px; height:270px}
	#map {height:100%; width:100%}
	/* Formulario de contacto ---------------------------------------------------------- */ 
	#formulario {position:absolute; top:300px; left:15px; height:270px; width:653px}
	#titform {position:absolute; top:15px; left:15px}
	.txtcontacto {position:absolute; top:30px; left:15px; width:140px}
	.txtcontacto p {text-align:left}
	.etiqueta {position:absolute; top:30px; left:160px}
	.etiqform {width:470px; height:17px; background-color:#fff; font:bold 13px Arial, Helvetica, sans-serif; color:#09008c; padding-left:3px; border:solid 1px #666}
	.etiqformgr {width:470px; height:80px; background-color:#fff; font:bold 13px Arial, Helvetica, sans-serif; color:#09008c; padding-left:3px; overflow:auto; border:solid 1px #666}
	.btngen {position:absolute; bottom:10px; right:17px; width:50px; height:20px; border:solid 1px #666; cursor:hand; font:bold 13px Arial, Helvetica, sans-serif; color:#666}
    .divmsg {position:absolute; top:150px; left:400px; width:253px}