body
{
margin:0px; 
padding:0px; 
font-size: 76% ; 
font-weight: normal; 
height: 100%; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
color: white;
}
#img { border: 0px; }


#pantalla 	 {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	margin: 0px auto;
	vertical-align: middle;
	text-align: center;
	border: 0px;
	}
#separador {
	position: relative;
	width: 80%;
	height: 30px;
	margin: 0px auto;
	border: 0px;
	background-color: #ffffff;
	}
	
#container {
	position: relative;
	width:	992px;
	height: 625px;
	border: 1px solid black;
	margin: 0px auto;
	padding: 0px auto;
	background-color: #ffffff;
	}

#izquierda {
		position: relative;
		width:360px;
		height: 624px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		float: left;
		text-align: left;	
		}

#contentlefttop {
		position: relative;
		width: 360px;
		height: 130px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		background-color: #006699;
		text-align: left;
		}
#contentleftmiddle {
		position: relative;
		width: 360px;
		height: 200px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		background-color: #000000;
		text-align: left;
		}
#logo {
		position: absolute;
		top: 35px;
		left: 25px;
		float: left;
		width: 245px;
		height: 25px;
		margin : 0px;
		padding: 0px 0px 10px 0px;
		border: 0px;
		background-color: #006699;
		text-align: left;
		}

#contentleftbottom {
		position: relative;
		width: 360px;
		height: 295px;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border: 0px;
		background-color: #000000;		
		}
#soluciones {
		position: absolute;
		top: 25px;
		left: 18px;
		width: 300px;
		height: 80px;
		z-index: 1;
		margin: 0px;
		padding: 5px;
		background-color: black;
		}
#txt_soluciones {
		position:absolute;
		top: 0px;
		left: 0px;
		color: white;
		text-align: left;
		vertical-align: bottom;
		font-size: 1.3em; 
		}

#txt_direccion1 {
		position:absolute;
		top: 100px;
		left: 0px;
		color: #00ccff;
		text-align: left;
		vertical-align: bottom;
		font-size: 1.3em;
		}

#txt_telefono {
		position:absolute;
		top: 160px;
		left: 0px;
		color: #ffffff;
		font-size: 1.3em;
		text-align: left;
		vertical-align: bottom;
		}

#txt_direccion2 {
		position:absolute;
		top: 180px;
		left: 0px;
		color: #00ccff;
		font-size: 0.9em;
		text-align: left;
		vertical-align: bottom;
		font-weight: lighter; font-family: Arial Light, Helvetica Light, sans-serif, Swiss721 Lt; font-stretch: condensed;
		}

#derecha {
		position: relative;
		width: 630px;
		height: 628px;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		border: 0px solid red;
		float: left;
		}
.fondoblanco {
		background-color: #ffffff;
		}
.fondonegro {
		background-color: #000000;
		}

#contentrighttop {
		width: 630px;
		height: 130px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: #000000;	
		}
#lema {
		position: absolute;
		top: 70px;
		left: 30px;
		width: 430px;
		height: 40px;
		z-index: 1;
		margin: 0px;
		padding: 5px;
		background-color: black;
		text-align: left;
		}
		
#contenedor_menu{
		position: relative;
		width: 630px;
		height: 33px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		background-color: #006699;
		}
		
#menu {
		position: absolute;
		top: 8px;
		left: 34px;
		width: 594px;
		height: 15px;
		margin : 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		text-align: left;
		}
		
#contentrightmiddle {
		position: absolute;
		top: 162px;
		left: 0px;
		width: 630px;
		height: 438px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: black;	
		}
#explicacion {
		position: absolute;
		top: 5px;
		left: 68px;
		width: 300px;
		height: 110px;
		z-index: 1;
		margin: 0px;
		padding: 5px;
		border-left: 1px solid white;
		background-color: black;
		}
#txt_explicacion {
		position:absolute;
		top: 67px;
		left: 6px;
		height:40px;
		color: white;
		font-size: 0.9em;
		text-align: left;
		vertical-align: bottom;
		}

#contentrightmiddle1 {
		position: absolute;
		top: 162px;
		left: 0px;
		width: 610px;
		height: 422px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid yellow;
		overflow: auto;
		}
/* DONDE ESTAMOS/*/
#contenedor_dondeestamos {
		position: relative;
		top: 2px;
		left: 0px;
		width: 630px;
		height: 420px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid cyan;

		}
#mapa {
		position: relative;
		top: 10px;
		left: 2px;
		width: 630px;
		height: 330px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid green;
		}

#textomapa {
		position: relative;
		top: 12px;
		left: 12px;
		width: 610px;
		height: 100px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid green;
		color: #000000;
		text-align: left;
		}

		
/* SOLUCIONES/*/
#contenedor_soluciones {
		position: relative;
		top: 12px;
		left: 0px;
		width: 610px;
		height: 420px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid cyan;

		}
		
#reticula {
		position: relative;
		top: 1px;
		left: 2px;
		width: 610px;
		height: 420px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid green;

		}
#hilera1 {
		position: relative;
		top: 8px;
		left: 8px;
		width: 600px;
		height: 120px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid cyan;
		}
#recuadro1 {
		position: relative;
		top: 8px;
		left: 8px;
		width: 260px;
		height: 110px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid red;
		color: black;
		text-align: left;
		}

#recuadro2 {
		position: relative;
		top: 8px;
		left: 50px;
		width: 260px;
		height: 110px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid red;
		color: black;
		text-align: left;
		}
.titulares_soluciones {font-size: 1em;
						font-weight: bold;
						border-width: 0px 0px 1px 0px;
						border-bottom-style: dashed;
						border-bottom-color: silver;
						line-height:2.0em;
						
					}
.texto_soluciones{font-size: 0.9em;
		text-align: left;}		
		
/* esto es para la distribucion de "solucionesGRID"/*/

.grid { 
  display: table; 
  border-spacing: 4px; 
} 
.row { 
  display: table-row; 
  border: 2px solid cyan;
} 
.imagenesss { 
  display: table-cell; 
  width: 240px; 
  border: 8px solid red; 
  vertical-align: top; 
  text-align: left; 
} 
.imagenesss p { 
  font-size: 85%; 
  text-align: left;
  padding-top: 8px;
}
/* esto es para la distribucion de "solucionesGRID"/*/


.fotito {
		width: 65px;
		height: 40px;
		border: 2px solid orange;
		}


		

/* GALERIA OBRAS REALIZADS */



#contenedorprincipal{
		position: relative;
		top: 0px;
		left: 0px;
		right: 10px;
		bottom: 10px;
	    margin: 0px auto;
		padding: 0px 0px 0px 0px;
		height: 352px;
		width: 580px;
		border: 0px solid red;
		text-align: left;
		}

#texto_auxiliar { position: relative; width: 530px; height: 15px; top: 12px; left: 20px; }
.texto_auxiliar { text-align: left; font-size: 0.9em; color: #000000;  font-weight: bold; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}




#contenedorthumbs{
		position: absolute;
		top: 175px;
		left: 15px;
		right: 0px;
		bottom: 0px;
	    margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 80px;
		width: 600px;
		border: 1px solid #888888;
		background-color: #ffffff;		
		text-align: left;
		}
#contenedor_menu2{
		position: relative;
		top: 5px;
		left: 0px;
		width: 580px;
		height: 18px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid red;
 	    font-size: 0.9em;
		}

#menu2 {
		position: absolute;
		top: 1px;
		left: 25px;
		width: 550px;
		height: 15px;
		margin : 0px;
		padding: 0px 0px 0px 0px;
		border:0px solid red;
		text-align: left;
		color: #006699;
		
		}

#thumbs{
		position: relative;
		top: 5px;
		left: 10px;
		width: 580px;
		height: 50px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid red;
		}

#contentrightmiddlegaleria {
		position: absolute;
		top: 265px;
		left: 15px;
		width: 600px;
		height: 350px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #000000;
		background-color: #ffffff;	
		}

		/* PRODUCTOS */
#contentrightmiddle1 {
		position: absolute;
		top: 162px;
		left: 0px;
		width: 630px;
		height: 422px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid yellow;
		overflow: auto;
		}
#wrapper_txtproductos {
		position: relative;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	    margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 610px;
		}

#txt_productos{
		color: black;
		font-size: 0.9em;
		text-align: left;
		padding: 10px;
		}

.fondoblanco {
		background-color: #ffffff;
		}
.fondogris {
		background-color: #ebebeb;
		}


#contentrightbottom {
		position: absolute;
		width: 630px;
		height: 26px;
		top: 599px;
		left: 0px;
		bottom: 0px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		text-align: left;
		}
.bottomindex {
		background-color: black;
		}
#contentrightbottom2 {
		position: absolute;
		width: 630px;
		height: 1px;
		top: 596px;
		left: 0px;
		bottom: 0px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		text-align: left;
		background-color: black;	
		}

		
#fotoportada {
		position: absolute;
		top: 33px;
		left: 0px;
		width: 630px;
		height: 445px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}
		
/* DONDE ESTAMOS */
#contentrightmiddle2 {
		position: absolute;
		top: 162px;
		left: 0px;
		width: 630px;
		height: 422px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid yellow;
		overflow: none;
		}

		
		/* HISTORIA */
	

#fotoshistoria {
		position: relative;
		top: 0px;
		left: 0px;
		width: 630px;
		height: 250px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}


#foto1 {
		position: absolute;
		top: 0px;
		left: 0px;
		float: left;
		width: 315px;
		height: 250px;
		margin : 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}
#foto2{
		position: absolute;
		top: 0px;
		left: 315px;
		float: left;
		width: 315px;
		height: 250px;
		margin : 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}
#contenedor_historia {
		position: relative;
		top: 12px;
		left: 0px;
		width: 610px;
		height: 200px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid cyan;

		}

#reticula_historia {
		position: relative;
		top: 1px;
		left: 2px;
		width: 610px;
		height: 200px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid green;
		}

#fotosexposicion {
		position: relative;
		top: 0px;
		left: 0px;
		width: 630px;
		height: 300px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}
#foto3 {
		position: absolute;
		top: 0px;
		left: 0px;
		float: left;
		width: 614px;
		height: 300px;
		margin : 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}
		
#pie  {clear: both; font-size: 0.9em; color: #3e3e3e; font-weight: bold;}
	

.lema  {font-size: 1.275em; color: #ffffff; font-weight: lighter; font-family: Arial Light, Helvetica Light Extended, sans-serif, Swiss721 Lt; font-stretch: expanded;}
.lemab  {font-size: 1.52em; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica medium Extended, sans-serif, Swiss721;font-stretch: expanded;}
.soluciones  {font-size: 0.8em; color: #ffffff; font-weight: normal;}
.piedefoto  { font-size: 0.9em; color: #ffffff;  font-weight: bold;}
.form  {font-size: 0.8em; background: #ffffff; color: #494949;  font-weight: normal;}


.pie2  { font-size: 0.8em; color: #ffffff;  font-weight: bold; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
p {font-size: 0.8em; text-align: left; color: #000000; font-weight: normal;}

.menu_on {font-weight: bold; color: black; font-size: 1em;}
.menu_off {font-weight: bold; color: white; font-size: 0.7em;}
.menu2_on {font-weight: bold; color: black; font-size: 1em;}
.menu2_off {font-weight: normal; color: pink; font-size: 1em;}
a:link {color: white; text-decoration: none;}
a:visited {color: white; text-decoration: none;}
a:active {color: white; text-decoration: none;}
a:hover {color: silver; text-decoration: none;}

.menu_on:link {color: white; text-decoration: none;}
.menu_on:visited {color: white; text-decoration: none;}
.menu_on:active {color: white; text-decoration: none;}
.menu_on:hover {color: silver; text-decoration: none;}
.menu2_on:link {color: black; text-decoration: none; font-weight: bold;}
.menu2_on:visited {color: #006699; text-decoration: none; }
.menu2_on:active {color: black; text-decoration: none; font-weight: bold;}
.menu2_on:hover {color: black; text-decoration: none;font-weight: bold;}
.menu2_off:link {color: #006699; text-decoration: none;}
.menu2_off:visited {color: #006699; text-decoration: none;}
.menu2_off:active {color: #006699; text-decoration: none;}
.menu2_off:hover {color: #006699; text-decoration: none;}


	

.pie:link {color: #000000; font-size: 0.9em; text-decoration: none;}
.pie:visited {color: #000000; font-size: 0.9em; text-decoration: none;}
.pie:active {color: #000000; font-size: 0.9em; text-decoration: none;}
.pie:hover {color: #000000; font-size: 0.9em; text-decoration: none;}