/* CSS Document */

* {margin:0; padding:0;}

body {
	background-color:#0099FF;
}

#fondo {
	width:100%;
	height:510px;
	background-image: url(../img/foto_bg.jpg);
	background-repeat:no-repeat;
}
	
#centrado {
	width:900px;
	position:relative;
	margin:auto;
	top:-510px;
}

/*adentro de CENTRADO ------------------------------------------------------------------------*/

#encabezado {
	width:900px;
	height:117px;
	position:relative;
}

#botonera2 {width:360px; height:19px; position:absolute; left:531px; top:91px; padding:0;}
	#botonera2 a.home:link, #botonera2 a.home:visited {height:19px; width:60px; background:url(../img/bt-home.png) top left no-repeat; position:absolute;left:45px;}
	#botonera2 a.quienes:link, #botonera2 a.quienes:visited {height:19px; width:90px; background:url(../img/bt-quienes.png) top left no-repeat; position:absolute; left:108px;}
	#botonera2 a.contacto:link, #botonera2 a.contacto:visited {height:19px; width:90px; background:url(../img/bt-contacto.png) top left no-repeat; position:absolute; left:190px;}
	#botonera2 a.oficinas:link, #botonera2 a.oficinas:visited {height:19px; width:80px; background:url(../img/bt-oficinas.png) top left no-repeat; position:absolute; left:280px;}
	#botonera2 a.home:active, #botonera2 a.home:hover, #botonera2 a.quienes:active, #botonera2 a.quienes:hover, #botonera2 a.contacto:active, #botonera2 a.contacto:hover, #botonera2 a.oficinas:active, #botonera2 a.oficinas:hover {background-position:bottom left;}


#foto {
	width:882px;
	height:411px;
	background-color:#FFFFFF;
	border:9px solid #FFFFFF;
	position:relative;
	margin:auto;
	top:-9px;
}

#botonera1 {width:900px; height:40px; position:relative; margin:auto; top:-9px;}
	#botonera1 a.plantas:link, #botonera1 a.plantas:visited {height:40px; width:120px; background:url(../img/bt-plantas.png) top left no-repeat; position:absolute;}
	#botonera1 a.civ-ind:link, #botonera1 a.civ-ind:visited {height:40px; width:300px; background:url(../img/bt-civ-ind.png) top left no-repeat; position:absolute; left:120px;}
	#botonera1 a.rest:link, #botonera1 a.rest:visited {height:40px; width:232px; background:url(../img/bt-rest.png) top left no-repeat; position:absolute; left:420px;}
	#botonera1 a.edificio:link, #botonera1 a.edificio:visited {height:40px; width:133px; background:url(../img/bt-edificio.png) top left no-repeat; position:absolute; left:652px;}
	#botonera1 a.vivienda:link, #botonera1 a.vivienda:visited {height:40px; width:115px; background:url(../img/bt-vivienda.png) top left no-repeat; position:absolute; left:785px;}
	#botonera1 a.plantas:active, #botonera1 a.plantas:hover, #botonera1 a.civ-ind:active, #botonera1 a.civ-ind:hover, #botonera1 a.rest:active, #botonera1 a.rest:hover, #botonera1 a.edificio:active, #botonera1 a.edificio:hover, #botonera1 a.vivienda:active, #botonera1 a.vivienda:hover {background-position:bottom left;}

#contenido {
	width:900px;
	background-color:#FFFFFF;
	position:relative;
	top:-9px;
	z-index:20;
}

/* adentro de ENCABEZADO --------------------------------------------------------------------*/

#logo {
	width: 275px;
	height: 108px;
	background-image: url(../img/logo5.png);
	background-repeat: no-repeat;
	position: absolute;
}

/* adentro de CONTENIDO --------------------------------------------------------------------*/

.listado {width:900px; min-height:113px; position:relative; margin:0 auto 1px auto; background-color:#FFFFFF; border: medium; border-color: blue;}
	

#paginado {
	width:900px;
	height:35px;
}

#texto-detalle {
	width:700px;
	background-color:#FFFFFF;
	position:relative;
	padding:20px 70px 0px 100px;
	text-align: justify;
}

.register {width:440px;}
	.register a.enviar:link, .register a.enviar:visited, .register a.enviar:active {height:20px; width:91px; background:url(../img/bt-enviar.jpg) top left no-repeat; position:absolute;}
	.register a.enviar:hover {background-position:bottom left;}
	
/* adentro de LISTADO --------------------------------------------------------------------*/
	/*
.imagen { width:345px; height:93px; position:absolute; top:10px; left:10px;}
	.imagen a.part:link, .imagen a.part:visited, .imagen a.part:active {height:93px; width:345px; background:url(../img/plantas_de_tratamiento/cyanamid/cyanamid_ch.jpg) top left no-repeat; position:absolute;}
	.imagen a.part:hover {background-position:bottom left;}*/

.texto-listado {width:475px; min-height:93px; position:absolute; top:10px; left:415px;}
	
	
/* adentro de TEXTO-DETALLE --------------------------------------------------------------------*/

#fotos {
	height:44px;
	position:absolute;
	top:0;
	right:0;
}

#direccion {width:272px; height:100px; position:relative;}
	#direccion p {color:#336699;}
	#direccion a {color:#336699;}
	#direccion a:hover { font-weight:bold;}
	
#contacto {width:272px; height:20px; position:relative; top:-100px; left:373px;}
	#contacto p {color: #666666;}
	#contacto a {color: #666666;}
	#contacto a:hover { font-weight:bold;}
	
/* Estilos de TEXTOS --------------------------------------------------------------------*/

h1 {font-family: Arial, Verdana, sans-serif; font-size:20px; font-style:normal; font-weight: bold; color:#336699;}
h2 {font-family: Arial, Verdana, sans-serif; font-size:18px; font-style:normal; font-weight:normal; color:#336699;}
h3 {font-family: Arial, Verdana, sans-serif; font-size:16px; font-style:normal; font-weight:normal; color:#336699;}
h4 {font-family: Arial, Verdana, sans-serif; font-size:12px; font-style:normal; font-weight:lighter; color:#336699;}
h5 {font-family: Arial, Verdana, sans-serif; font-size:12px; font-style:normal; font-weight:lighter; color:#666666;}

p {font-family:Arial, Verdana, sans-serif; font-size:12px; font-style:normal; font-weight:lighter; color: #666666;}
strong {font-weight:bold}
.td {width:80px; height:30px; font-family: Arial, Verdana, sans-serif; font-size:12px; color: #999999; font-style:normal; font-weight:normal; text-align:left; text-decoration:none;}
input,textarea {width:300px; font-family: Arial, Verdana, sans-serif; font-size:12px;border-width: thin; border-style: groove; border-color:#CCCCCC; color: #999999;}

a{text-decoration:none;}
a:link, a:visited	{text-decoration:none;}
a:active, a:hover	{text-decoration: none;}

.gris-listado {color:#CCCCCC;}
.gris-oscuro {color:#666666}
.azul {color:#336699;}
.resaltado {font-family: Arial, Verdana, sans-serif; font-size:12px; font-style:normal; font-weight:bold; color:#999999;}
.form {font-family: Arial, Verdana, sans-serif; font-size:12px; font-style:normal; font-weight: bold; color:#666666;}

/* jp  */ 
.juan{
	background-color:#ccc;
	border:medium;
	
}
.detalleLink {position:relative; vertical-align:top; float:right; margin:30px 6px 0px 0px;}
a.detalleLink:link, a.detalleLink:visited	{text-decoration:none; font-size:10px;font-family:Helvetica, Arial, Verdana, sans-serif; color:#336699}
a.detalleLink:active, a.detalleLink:hover	{text-decoration:underline; font-size:10px;font-family:Helvetica, Arial, Verdana, sans-serif; color:#336699}

.tdBordeBottom {border-bottom:solid 1px #0099FF; margin:140px; }
.trListado{background-color:#FFF;}
.trListado:hover{ cursor: pointer; background-color:#E9E9E9;}

.contactoTr {height: 28px;vertical-align:middle;}
.contactoTrA {height: 80px; vertical-align:middle;}