/* CSS Document */

/* General*/
    BODY 	{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background:#fff url('../img/fondo.jpg') repeat-y center 0px;}					
	A,P,TD,DIV,FONT,BODY,SPAN,UL,LI,INPUT,TEXTAREA		{font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color:#716f6e;}
	p		{margin-top:0px}
	
	
/* //General*/

/* Imagenes*/
	.imagenes			{ border-width:0px}
/* //Imagenes*/


	.ventana 			{position: absolute; width: 100%; height: 100%; vertical-align: top; text-align: center; left: 0px; top: 0px; visibility: visible;}
	.pagina  			{margin:0px auto 20px auto; width:797px; padding:15px 15px 15px 15px; text-align:left; position:relative;}
	.cabecera			{width:100%;}
	.contenidos 		{width:747px; padding: 46px 24px 26px 26px; height:auto !important; height:150px; min-height:150px;}
	.pie				{width:763px; height:80px; padding:10px 11px 10px 23px; background:transparent url('../img/fondoPie.jpg') repeat-x;}
	.subpie				{margin:6px auto 0px auto; padding:2px 5px 2px 5px; background:#eee; text-align:center; color:#918f8e;}
	
	
/* cabecera */

	h1 	{display:none;}
	.logo			{float:left; width:198px; height:160px; font-size:1px; margin-right:9px;}
	.logo a img		{border:solid 0px #fff;}
	.imgCabecera	{float:left; width:590px; height:160px; font-size:1px;}
	
	.menu			{width:797px; background:transparent url('../img/menu.jpg') no-repeat; position:absolute; top:183px;}
	
	.menu ul li h2	{margin:0px; padding:0px; font-weight:normal; font-size:16px; line-height:21px; display:block;}	
	.menu ul					{float:right; margin:0px; padding:0px 8px 0px 0px; list-style-type:none; height:21px; display:inline;}
	.menu ul li					{float:left; margin:0px; padding:0px 0px 0px 23px; position:relative;}
	.menu ul li.liInicio		{padding:0px 0px 0px 7px;}
	.menu ul li h2 a			{color:#fff; font-size:16px; text-align:center; display:block; height:21px; text-indent:-9999px; background:transparent url('../img/menu.jpg') no-repeat;}
	.menu ul li h2 a:link		{color:#fff; font-size:16px;}
	.menu ul li h2 a:visited	{color:#fff; font-size:16px;}
	.menu ul li h2 a:hover		{color:#ffd572; font-size:16px;}
	
	.menu ul li h2 a.btnInicio			{width:45px; background-position:-16px 0px; margin-right:0px;}
	.menu ul li h2 a.btnEmpresa			{width:72px; background-position:-84px 0px; margin-right:1px;}
	.menu ul li h2 a.btnTrabajos		{width:170px; background-position:-180px 0px; margin-right:0px;}
	.menu ul li h2 a.btnFreeway			{width:199px; background-position:-373px 0px; margin-right:1px;}
	.menu ul li h2 a.btnProductos		{width:86px; background-position:-596px 0px; margin-right:0px;}	
	.menu ul li h2 a.btnContacto		{width:84px; background-position:-705px 0px;}
	
	.menu ul li h2 a.btnInicio:hover		{background-position:-16px -21px;}
	.menu ul li h2 a.btnEmpresa:hover		{background-position:-84px -21px;}
	.menu ul li h2 a.btnTrabajos:hover		{background-position:-180px -21px;}
	.menu ul li h2 a.btnFreeway:hover		{background-position:-373px -21px;}
	.menu ul li h2 a.btnProductos:hover		{background-position:-596px -21px;}
	.menu ul li h2 a.btnContacto:hover		{background-position:-705px -21px;}
	
		
	
	.menu ul li ul			{padding:0;margin:0;list-style:none; position:absolute;left:30px;top:21px; display:none;}	
	.menu ul li:hover>ul	{width:100%;display:block !important}
	.menu ul li.hover ul	{display:block;}
	.menu ul li ul li		{float:none;padding:0px;margin:0px;}
	.menu ul li ul li h3	{margin:0px; padding:0px; font-weight:normal; font-size:13px; line-height:21px;}
	.menu ul li ul li h3 a	{display:block;width:191px;color:#004d7b; padding-left:4px; font-size:13px;}
	.menu ul li ul li h3 a:hover {color:#000; text-decoration:underline;}	
	
	.menu ul li ul li h3 a.franja1			{background:transparent url('../img/menuCatalogo/franja1.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja2			{background:transparent url('../img/menuCatalogo/franja2.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja3			{background:transparent url('../img/menuCatalogo/franja3.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja4			{background:transparent url('../img/menuCatalogo/franja4.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja5			{background:transparent url('../img/menuCatalogo/franja5.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja6			{background:transparent url('../img/menuCatalogo/franja6.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja7			{background:transparent url('../img/menuCatalogo/franja7.jpg') no-repeat;}
	.menu ul li ul li h3 a.franja8			{background:transparent url('../img/menuCatalogo/franja8.jpg') no-repeat;}

/* contenidos */
	.zonaTitulo	{width:100%; margin-bottom:14px; height:auto !important; height:46px; min-height:46px;}

	.contenidos h2	{float:left; margin:0px 0px 0px 0px; padding:0px; font-size:34px; color:#004d7b; font-weight:normal;}
	.otrosEnlaces	{float:right; text-align:right; width:330px;}
	.otrosEnlaces2	{float:right; text-align:right; width:330px; padding-top:20px;}
	
	.enlaceProducto	{float:right; padding-right:5px; padding-top:2px;}
	.enlaceProducto	a:hover,
	.enlaceProducto	a.btnSelecc {text-decoration:underline;}
	.icono	{float:right;}
	
	.bienvenido .texto	{float:left; width:439px; margin-right:15px;}
	.bienvenido .derecha	{float:left; width:293px;}
	
	.bienvenido .destacado	{width:267px; border:solid 1px #716f6e; padding:12px; color:#004d7b; font-weight:bold; font-family:Arial; text-align:center; margin-bottom:12px;}
	.bienvenido .imagen	{width:267px; border:solid 1px #716f6e; padding:12px; text-align:center; margin-bottom:12px;}
	
	.bienvenido .imagen	a img{border:none;}
	
	.empresa			{width:747px;}
	.empresa .texto		{float:left; width:439px; margin-right:15px;}
	.empresa .imagen	{float:left; width:267px; border:solid 1px #716f6e; padding:12px; text-align:center; margin-bottom:12px;}
	.empresa .imagen a img	{border-width:0px;}
	
	.empresa .zonaDcha	{float:left; width:293px; text-align:center;}
	
	.zonaDcha .destacado	{width:267px; border:solid 1px #716f6e; padding:12px; margin-bottom:12px;}
	.zonaDcha .destacado a img	{border-width:0px;}
	
	.zonaDcha .destacado#destacadoTexto	{background-color:#004d7b; color:#fff;}
	
	
	
	.instalaciones .texto	{}
	.instalaciones .galeria	{margin-top:10px;}
	
	.fotoGaleria		{float:left; width:164px; border:solid 1px #716f6e; padding:8px; font-size:1px; margin-right:6px;}
	.fotoGaleriaDcha	{float:left; width:164px; border:solid 1px #716f6e; padding:8px; font-size:1px;}
	.fotoGaleria a img, .fotoGaleriaDcha a img		{border:none; }
	
	.contacto .texto		{float:left; width:439px; margin-right:15px;}
	.contacto .comentarios	{float:left; width:293px; }
	
	.zonaCampo	{margin-bottom:8px;}

/* home */

    .noticia	{height:auto !important; height:60px; min-height:60px; background:transparent url('../img/fondo_noticia.jpg') repeat-x; margin-bottom:0px; padding:12px;}
		.imagenNoticia	{float:left; width:127px; font-size:1px; margin-right:14px; padding:6px; border:solid 1px #716f6e;}
		.textoNoticia	{float:left; width:260px;}
		.textoNoticia h3 a {color:#004d7b; font-family:Arial, Helvetica, sans-serif;}
		.textoNoticia h3	{margin:0px 0px 8px 0px; padding:0px; font-weight:bold; font-size:14px;}
		.textoNoticia p	a	{font-size:11px; font-family:Arial, Helvetica, sans-serif;}
		.textoNoticia a:hover	{text-decoration:underline;}
		
	.verNoticias    {margin-bottom:15px;}
	.verNoticias a   {display:block; background:#dfe0e1 url('../img/noticias/flecha.jpg') no-repeat 370px 10px; text-align:right; font-size:11px; color:#58585A; font-family:Arial, Helvetica, sans-serif; line-height:27px; padding-right:10px;}
	.verNoticias a:hover   {text-decoration:underline;}
	
	.contenidos h2.tituloProductos	{margin-bottom:20px;}
	
	.listaProductos {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;}
	.listaProductos li  {float:left; margin:0px 4px 4px 0px; padding:0px; width:217px; height:107px;}	
	.listaProductos li a {display:block; width:104px; height:74px; padding-left:93px; padding-right:20px; padding-top:33px; background:transparent url('../img/home/productos.jpg') no-repeat; font-size:14px; color:#fff; vertical-align:middle;}	
	
	.listaProductos li.liPasarelas          {width:438px; height:130px; margin-right:0px;}
	
    .listaProductos li.liStock              {}
    .listaProductos li.liArbadillas         {margin-right:0px;}
    .listaProductos li.liBalaustres         {}
    .listaProductos li.liPilares            {margin-right:0px;}
    .listaProductos li.liPlanos             {}
    .listaProductos li.liAleros             {margin-right:0px;}
    .listaProductos li.liTerminaciones      {}
    .listaProductos li.liPiscinas           {margin-right:0px;}
    .listaProductos li.liChino              {}
    .listaProductos li.liMobiliario         {margin-right:0px;}
    .listaProductos li.liChimeneas          {}
    .listaProductos li.liPiedrasTratadas    {margin-right:0px;}
    
    
    .listaProductos li.liPasarelas a        {width:160px; height:107px; padding-left:230px; padding-right:48px; padding-top:23px; background:transparent url('../img/home/pasarelas_hormigon.jpg') no-repeat; font-size:23px; color:#004D7F;}
	.listaProductos li.liPasarelas a:hover    {background-position:0px -130px;}
	
	.listaProductos li.liPasarelas a span       {font-size:14px; color:#23B7E7; line-height:16px;}
	
	
	.listaProductos li.liStock               {font-size:16px; color:#23B7E7; padding-top:6px; height:101px;}
	
    .listaProductos li.liArbadillas a               {background-position:-221px 0px; padding-left:105px; width:92px;}
    .listaProductos li.liArbadillas a:hover         {background-position:-721px 0px;}
    
    .listaProductos li.liBalaustres a               {background-position:0px -110px; padding-top:47px; height:60px;}
    .listaProductos li.liBalaustres a:hover         {background-position:-500px -110px;}
    
    .listaProductos li.liPilares a                  {background-position:-221px -110px; padding-left:105px; width:92px;}
    .listaProductos li.liPilares a:hover            {background-position:-721px -110px;}
    
    .listaProductos li.liPlanos a                   {background-position:0px -221px;}
    .listaProductos li.liPlanos a:hover             {background-position:-500px -221px;}
    
    .listaProductos li.liAleros a                   {background-position:-221px -221px; padding-left:105px; width:92px;}
    .listaProductos li.liAleros a:hover             {background-position:-721px -221px;}
    
    .listaProductos li.liTerminaciones a            {background-position:0px -333px; padding-top:47px; height:60px;}
    .listaProductos li.liTerminaciones a:hover      {background-position:-500px -333px;}
    
    .listaProductos li.liPiscinas a                 {background-position:-221px -333px; padding-left:105px; width:92px;}
    .listaProductos li.liPiscinas a:hover           {background-position:-721px -333px;}
    
    .listaProductos li.liChino a                    {background-position:0px -444px;}
    .listaProductos li.liChino a:hover              {background-position:-500px -444px;}
    
    .listaProductos li.liMobiliario a               {background-position:-221px -444px; padding-left:105px; width:92px;}
    .listaProductos li.liMobiliario a:hover         {background-position:-721px -444px;}
    
    .listaProductos li.liChimeneas a                {background-position:0px -555px;}
    .listaProductos li.liChimeneas a:hover          {background-position:-500px -555px;}
    
    .listaProductos li.liPiedrasTratadas a          {background-position:-221px -555px; padding-left:105px; width:92px;}
    .listaProductos li.liPiedrasTratadas a:hover    {background-position:-721px -555px;}
	
    .listaProductos li a:hover   {background-color:#004D8B;}

/* piedras tratadas */
    .columna1   {float:left; width:170px; margin-right:30px; margin-bottom:20px;}
    .columna2   {float:left; width:130px; margin-right:30px; margin-bottom:20px;}
    .columna3   {float:left; width:150px; margin-bottom:20px;}
    
    .iconoLista {float:left; margin-right:10px;}
    .columna1 .enlaceProducto,
    .columna2 .enlaceProducto,
    .columna3 .enlaceProducto   {float:left;}
    
	
/* pie */

	.zonaDireccion	{float:left; position:relative;}
		.direccion		{padding-left:100px; font-size:11px; width:250px; margin-bottom:16px;}
		.zonaDireccion img  {position:absolute; left:7px; top:0px;}
	
	.subpie a		{font-size:12px; color:#918f8e;}
	.subpie a:hover	{color:#004d7b;}

/* formateo */

	.clear	{margin:0px; padding:0px; clear:both;}
	.izq	{float:left;}
	.dcha	{float:right;}

/* colores */

	.azul	{color:#004d7b;}
	.rojo	{color:#f00;}

/* estilos */

	.freeway		{color:#000; font-family:Arial, Helvetica, Sans-Serif;}	
	.freeway span	{font-size:14px; color:#000; font-style:italic; font-family:Arial, Helvetica, Sans-Serif;}	
	
	.lnkNoticia     {text-decoration:underline; color:#004d7b;}
	.lnkNoticia:hover     {color:#000;}
	
	.legal	{margin-top:20px; padding-top:10px; border-top:solid 1px #ddd;}
	.legal p,
	.legal p a	{font-size:12px;}
