/*Hoja de estilos creada por Antonia Guerra el 11 Octubre 2006 - ¡Suerte!*/

body {
	font-family: Helvetica, arial, sans-serif;
	font-size: small;
	color: #B8B6B6;
	text-decoration: none;
	background-color: #000000;
	margin-top: 4%;
}
a{ text-decoration:none;}
div{ margin: 0px;}
.gap{ display: block;}
#contenedor{width: 980px; min-height: 550px/*Mozilla*/; height: 550px; padding: 0px; margin:auto;}
#aviso{float: left; background-color:#000; font-size: xx-small;}
#agradecer{ float: right;background-color:#000; font-size: xx-small;}
.centrar { padding: 0px 40px 20px 250px;}
#centrara{ padding-left: 20px;}
.rojo {color:#DF0317; font-weight: bold;}
.blanco { background-color: #fff; margin: 0px; padding: 0px;}
a.aviso:link { color:#666666;}
a.aviso:hover { color: #B8B6B6;}
a.aviso:visited { color:#666666;} 
#blancob{ padding-top: 7px;}
#foto {float: left; width: 10%; padding: 0 1em 0 1.5em;}
#flashestudio{ float:left; width: 88%; background-color: #ffffff; padding-top: 75px;}
#centrarestudio { float: right; padding-top: 0.5em;}
#abajo{ width: 939px; height: 30px; min-height: 30px;}
/*Intro*/
#wrapperintro { width: 120px; min-height: 254px; margin-left:auto; margin-right:auto; display:block; padding-top: 190px; padding-left: 92px;}
#cajaintro {width: 980px; min-height: 550px/*Mozilla*/; height: 550px; padding: 0px; background-image:url(../img/index.jpg); background-repeat: no-repeat; margin:auto;}

/* home*/
#container {
  /* make this a containing block! */
  position: relative; 
 }
.center {
  /* take element out of the normal page flow! */
  position: absolute;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
  width: 980px;   
  /* set left and right to the same value! */
  left: 0;
  right: 0;
  /* adding auto-margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;
}
#cajaindex {
    width: 980px;
	min-height: 550px;
	padding: 0px;
	background-image:url(../img/fondoindex.jpg);
	background-repeat: no-repeat;
	z-index:2;
	position: relative;
	
}
#contenidoindex{
	float: right;
	z-index:10;
	position: absolute;
	width: 60%;
   left: 363px;
   right: 0;
	top: 50px;	
}

#menuindex{
	float: left;
	z-index:10;
   position: absolute;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
   top: 59px;     
   width: 30%;   
    /* set left and right to the same value! */
  left: 0;
  right: 0;
  }

#cabeceraindex{
	width: 940px;
	min-height:59px;
	z-index:20;
	position: absolute;
	left: 0;
   right: 0;
	top: 0;

}
#omniindex{
	float: right;
	width: 940px;
	height: 20px;
	font-size: x-small;
	z-index:10;
	position: absolute;
	left: 0;
   right: 0;
	top: 238px;
}

#avisoindex{
	padding-left: 0px;
	padding-right:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#000;
	font-size: xx-small;
	z-index:10;
	position:absolute;
	left: 0;
   right: 0;
	width: 800px;
}
#agradecerindex{
	padding-left: 0px;
	padding-right:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#000;
	font-size: xx-small;
	z-index:10;
	position:absolute;
	right: 0;
	width: 220px;
	left: 767px;
}
/* Contacto y Omni */
#caja { width: 980px; padding: 0; margin: auto; background-color:#fff; min-height: 550px;}
#cabeceracontacto{ width: 100%; min-height:59px; margin:0px; z-index:20; position: absolute; left: 20px; right: 0; top: 0;}
#cabeceraomni{ width: 940px; min-height:59px; margin-left: 20px;}
#menucontacto{float: left; z-index:10; position: absolute; /* position the element vertically using top or bottom and define width as you like:*/ top: 56px; width: 30%; /* set left and right to the same value! */left: 20px; right: 0;}
#contenido{ float: right; width: 60%; padding-top: 20px; padding-bottom: 40px;}
#menu{ float: left; height: 120px; min-height: 120px; padding-left: 20px;}
#contenido{ float: right; width: 60%; padding-top: 10px; padding-bottom: 40px;}
#omni{ float: right; width: 940px; height: 20px; margin: 0px; font-size: x-small; padding-top: 30px;}


/* Trabajos */
#cajatrabajos { width: 940px; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom: 0px; margin: auto; background-color:#fff; min-height: 550px; height: 550px;}
#wrappertrabajos{ width: 100%; padding-top: 0px; padding-bottom: 0px;}
#cabecera{ width: 100%; min-height:59px; margin:0px;}
#menutrabajos{ float:left; width: 521px; background-color: #fff; padding: 0px;}
#contenidotrabajos { float: right; width: 394px; min-height: 469px; margin: 0;}
#omnitrabajos{ float: left; width: 521px; height: 20px; margin: 0px; font-size: x-small;}
#flashlocales{ float:left;width: 519px; height: 248px; min-height: 248px; background-image:url(../img/Localesizda_01.jpg); background-repeat:no-repeat;}
#flashviviendas{ float: left; width: 519px; height: 248px; min-height: 248px; background-image:url(../img/Viviendaizda_12.jpg); background-repeat:no-repeat;}
#flashindustrial{ float: left; width: 519px;height: 248px; background-image:url(../img/Indizda_1.jpg); background-repeat:no-repeat; min-height: 248px;}
#flashrustico{ float: left;	width: 519px;	height: 248px; background-image:url(../img/Rusticoizda_11.jpg); background-repeat:no-repeat; min-height: 248px;}
#flashrehabilitacion{ float: left; width: 519px;height: 248px; background-image:url(../img/Restaurizda_01.jpg); background-repeat:no-repeat; min-height: 248px;}
#thuns{width: 90%; margin: 0; padding-top: 33%; padding-left: 5px;}
#thunsrustico{float: right; width: 45%; margin: 0; padding-top: 30%; padding-left: 5%;}
.thumsnail { padding: 2px;}
/*Proyectos*/
#proyectos{ float:left; width: 100%; height: 258px; min-height: 258px; background-color: #ffffff; padding-top: 0px;}

/*Prensa y Concursos*/
#cajaprensa { width: 940px; height: 550px; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom: 0px; margin: auto; background-color:#fff; min-height: 550px;}
#menuconcursos{ float:left; width: 30%; background-color: #fff; padding: 0px;}
#contenidoprensa{ float: right; width: 40%; padding-top: 10px; background-color:#fff;}
#flashprensa{ float:left; width: 90%; height: 296px; min-height: 296px; background-color: #ffffff; padding-top: 20px;}

/*Videos*/
#video{ width: 50%; margin:auto; }

/*Mapa Web*/
#cajamapa { padding-top: 5em; padding-left: 4em; background-color:#fff;}
.texto{color: #B8B6B6; font-weight:normal;}
.textop{color: #B8B6B6; font-weight:normal; font-size: 0.8em; padding-left: 5px;}
.rojop {color:#DF0317; font-weight: bold; padding-left: 0.8em;}
a.texto:link { color:#666666;}
a.texto:hover { color: #B8B6B6;}
a.texto:visited { color:#666666;} 
a.textop:link { color:#666666;}
a.textop:hover { color: #B8B6B6;}
a.textop:visited { color:#666666;} 

/*TITULOS
*/
span#titulo { visibility: hidden; margin: 0px;}

h1{margin: 0px;padding: 0px;}

h1#t-titulotrabajos {
	background-image:url(../img/miguelez_01.gif);
	background-repeat:no-repeat;
	height: 50px;	
}

h1#t-titulo {
	background-image:url(../img/titulo1.gif);
	background-repeat:no-repeat;
	height: 59px;	
}

h1#t-tituloindex {
	background-image:url(../img/titulohome.gif);
	background-repeat:no-repeat;
	height: 59px;}
h1#t-titulointro {background-image:url(../img/Index_Demo_01.gif);background-repeat:no-repeat; height: 59px;}