/*------------------------------------------------------------------*/
/*             hoja de estilo para la site CarpasElPilar.com       */
/*                   realizadas por Agustin Garcia                  */
/*------------------------------------------------------------------*/

body {

 /* behavior:url("css/csshover.htc");   hack para hover en IE */
  padding: 0px; border: 0px;  margin: 0px;
  background: #FFFFFF repeat; /* blanco */

/* -------------------- tipografias --------------------- */
  font-family: Arial,Verdana;
  font-size: 1em;
  



/*---------------------------------------------*/
}


#container {

  position: absolute;
  padding: 0px; border: 0px;
/*  centra la pagina para 1024 * 768 con margen de seguridad (980 * 618 )  */
  height: 582px;    width: 968px;
  margin-top: -291px;  margin-left: -484px;
  top: 50%; left: 50%;
/*---------------------------------------------*/

  background-image: url("../imagenes/fondo.jpg");

   }


/* ------------  cabecera-----------------------*/

#header {

  position: absolute;
  padding: 0px; border: 0px;
  top:0px; left:0px; height: 97px;    width: 968px;
  /*background: #0000cc repeat;*/
  }

/* ------------------------------------------------- */



/* -------------------- menu --------------------- */
#menu {

  position: absolute;
  padding: 0px; border: 0px;
  top:114px; left:0px; height: 27px;    width: 968px;
  background: transparent;
  font: 80%  Arial, Helvetica, sans-serif;
}


#menu a {
  position: absolute;
  width: 192px; height: 23px; top: 2px;
  display: block;
 outline: none;
}

#menu1{
  background-image: url("../imagenes/empresa.gif");
  left: 4px;
}

#menu2{
  background-image: url("../imagenes/localizacin.gif");
  left: 196px;
}

#menu3{
  background-image: url("../imagenes/servicios.gif");
  left: 388px;
}

#menu4{
  background-image: url("../imagenes/carpas.gif");
  left: 580px;
}

#menu5{
  background-image: url("../imagenes/galeria.gif");
  left: 772px;
}


#menu a:hover {
  /*background-position: 0px -23px;*/
}


/* ------------------------------------------------- */



/* -------------------- Principal --------------------- */
#container_main {

  position: absolute;
  padding: 0px; border: 0px;
  top:141px; left:0px; height: 441px;    width: 968px;
  background: transparent;
/* background: #ffcc33;*/
}

#main {

  position: absolute;
  padding: 0px; border: 0px;
  width: 818px; 
  margin-left: -409px; 
  top: 12px; left: 50%;

 /* background: #ffffff repeat;
  background-image: url("../imagenes/fondomain.gif");*/
  background: transparent;
}

#main p{


}


/* ---------------------------menu galeria ---------------- */
#menugaleria {
	position: relative;
	left: 107px; top:50px;
	font: 80%  Arial, Helvetica, sans-serif;
}

#menugaleria ul, li {
	list-style-type: none;
}
 
#menugaleria ul { position: relative;
	margin: 0;
	padding: 0; left: 4px;
}
 
#menugaleria li {
	position:relative;
	width: 212px;
}
 
#menugaleria a {
	text-decoration: none;
	color: #3366CC;
        /*color: #FF0000;*/
/*	background: #F0F7FC;*/
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 1px;
}
 
 
#menugaleria a#primero {
	border-left: 1px solid #ACCFE8;
}
 
#menugaleria a:hover {
	background: #DBEBF6;  /*font-weight: bold;*/
	background-repeat: no-repeat;
}


#imagenmenugaleria{
background: #F0F7FC;
  position: absolute;
  left: 450px; top:50px;
_top:55px;
  height: 234px;    width: 312px;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 1px;

}







/* -----------------------------galeria -------------------*/
#galeria {
  position:relative;
  left: 19px;

}

#mapadiv {
  position:relative;
  left: 19px; top: 5px;
  height: 365px;    width: 778px;
  background: #ffffff repeat;
  border: solid ;
  border-width: 1px 1px 1px 1px;
}

#galeriaboda {
  position:relative;
  left: 19px;
 width: 400px;
 }

#galeriaboda a img{

	border: 2px solid #AFA68B;

}

#textogaleriaboda{
  position: absolute;
  left: 500px; top: 52px; _top: 52px;
  height: 288px;    width: 300px;
border: 2px solid #AFA68B;


}



/* ------------------------------------------------- */


#info_empresa {

  width: 818px; height: 400px;
  background: transparent;
}


#info_empresa p {
  font-family:  Arial, Verdana;
  font-weight: bold;
  color:  #663300;
  position: absolute;
/*  border: solid ;*/
  border-width: 3px 3px 3px 3px;
  width: 380px;
  text-align: justify;
  text-indent: 25px;
  line-height: 1.5em;
  font-size: small;
  padding: 10px;
 z-index: 2;
}

.fotoempresa{
  position: absolute;
  border:  solid #E0D3B0;
  border-width: 5px 5px 5px 5px;
  width: 400px;


}


/* ------------------------------------------------- */

#info {
	position: relative;
	left: 36px; top:50px;
	font: 80%  Arial, Helvetica, sans-serif;
}


#info2 {
  position: absolute;
  top: 50px;  left: 312px;
  width: 520px; height: 317px;
  display: block;
  text-align: center;
  border: 1px solid #3366CC;
  border-width: 1px 1px 1px 1px;
  overflow: auto;
}




.flecha img{
	border: none;
}

.fotoservicio{
  position: absolute;
}

.parrafoservicio{
  font-family:  Arial, Verdana;
  font-weight: bold;
  color:  #663300;
  position: absolute;
  width: 440px;
  text-align: justify;
  text-indent: 25px;
  line-height: 1.5em;
  font-size: small;
  padding: 10px;
}

#textogaleriaboda p  {
 position: relative;
  top: 10px; left: 20px;
  font-family:  Arial, Verdana;
  font-weight: bold;
  color:  #3366CC;
  width: 250px;
  text-align: justify;
  text-indent: 25px;
  line-height: 1.0em;
  font-size: small;
  padding: 10px;

}

a{
 outline: none;
}

#imagen_flash{

  position: absolute;
  padding: 0px; border: 0px;
  height: 420px;    width: 455px;
  top: 150px; left: 500px;
 z-index: 10;

}