/*Default*/

html
{
  margin: 0;
padding: 0;
}

a
{
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #6d9296;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

#preload
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua1p.jpg);
  background-image: url(../images/agua3p.jpg);
  background-image: url(../images/agua4p.jpg);
  background-image: url(../images/agua5p.jpg);
  background-image: url(../images/agua6p.jpg);
  background-image: url(../images/agua7p.jpg);
  background-image: url(../images/agua8p.jpg);
  background-image: url(../images/tapsia101.png);
  background-image: url(../images/tapsia102.png);
}

#preloadentrada
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua3.jpg);
}

#preloaddiseno
{
 
margin: 0;
padding: 0;  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua7.jpg);
}

#preloadcontenido
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua6.jpg);
}

#preloadmantenimiento
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua8.jpg);
}

#preloadproyecto
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua1.jpg);
}

#preloadpresupuesto
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua4.jpg)
}

#preloadportfolio
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua5.jpg);
}

#preloadcontacto
{
  margin: 0;
padding: 0;
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/agua1.jpg);
}




/*body---------------
-------------------------------------------------------------------------------------------------*/

body
{
margin: 0;
padding: 0;
font-family: arial,hevetica,"sans serif";
color: #2e2d2d;
background-color: #000;
background-image: url(../images/fad.png);
background-repeat: repeat-x;
font-size: small;
text-align: center;
margin: 0;
padding: 0;
line-height: 1.3;
}

/*Tapsia*/

h1
{
  margin: 0;
  padding: 0;
  display: none;
}

/*Menú superior*/

div#tituloymenu
{
  margin: 0 auto 0 auto;
  padding: 0;
  height: 110px;
  width: 1000px;
  background-image: url(../images/too5bl.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


div#tituloymenu ul
{
  margin: 20px 100px 0 0;
  padding: 3px 3px 0 0;
  list-style-type: none;
}

div#tituloymenu ul li
{
  display: inline;
  margin: 0;
  padding: 0;
}

div#tituloymenu ul li a
{
  display: block;
  float: right;
  margin: 0;
  padding: 3px;
  color: #92adb0;
font-weight: bold;
  font-variant: small-caps;
  font-size:90%;
}

div#tituloymenu ul li a:hover
{
  background-color: #333e4a;
  background-image: url(../images/fad2.png);
background-repeat: repeat-x
}

div#tituloymenu ul li a#ess
{
  background-color: #333e4a;
  background-image: url(../images/fad3.png);
background-repeat: repeat-x;
}

div#tituloymenu ul li a span
{
  font-size: 80%;
  margin: 0;
  padding: 0 0 0 2px;
}


/*Una caja ancha contiene todas las páginas en horizontal-------------------------*/

#container
{
  border: solid 1px #2e2d2d;
margin: 0;
padding: 0;
background-color: #000;
background-image: url(../images/base.png);
width: 100%;
height: 532px;
text-align: left;
position: relative;
}


/*Páginas------------------------------------------------------------------------------------------*/

div#pagina
{
  width: 800px;
  height: 532px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #fff;
}

div#entrada, div#contenido, div#tapsia, div#mantenimiento, div#presupuesto, div#contacto, div#portfolio, div#diseno
{
  width: 800px;
  height: 532px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-position: top;
  background-repeat: no-repeat;
  text-align: left;
}

div#entrada

{
background-image: url(../images/agua3.jpg);
}


div#diseno

{
background-image: url(../images/agua7.jpg);
}

div#contenido

{
background-image: url(../images/agua6.jpg);
}

div#mantenimiento

{
background-image: url(../images/agua8.jpg);
}

div#presupuesto

{
background-image: url(../images/agua1.jpg);
}

div#tapsia

{
background-image: url(../images/agua4.jpg);
}

div#portfolio

{
background-image: url(../images/agua5.jpg);
text-align: center;
}

div#contacto

{
background-image: url(../images/agua1.jpg);
}



/*Textos*/

h2
{
 margin: 0;
 padding: 0 10px 0 0;
 border: solid 1px #2e2d2d;
 width: 12em;
 color: #fff;
 background-color: #2e2d2d;
 background-image: url(../images/fad4.png);
background-repeat: repeat-y;
 font-size: 150%;
 font-family: "arial narrow", arial, helvetica, "sans serif";
 text-align: right;
}

a.seguir
{
  float: right;
  color: #333e4a;
  font-weight: bold;
  font-size: 120%;
  margin: 0;
  padding-right: 10px;
}

a.seguir:hover
{
  color: #6d9296;
}

div#texto
{
  background-color: #fff;
}

p
{
  margin: 0;
  padding: 10px 50px 0 120px;
}

p.uno
{
  margin: 0;
  padding: 80px 0 0 480px;
}

p.dos
{
  margin: 0 0 0 370px;
  padding: 10px 50px 0 0;
  background-color: #fff;
}


p.tres
{
  margin: 0;
  padding: 20px 40px 0 120px;
  font-size: 95%;
}


p.tresdos
{
  margin: 0;
  padding: 10px 50px 0 120px;
  font-size: 95%;
}


p.seis
{
  margin: 0;
  padding: 30px 50px 0 130px;
}

p.gracias
{
  margin: 0;
  padding: 100px 50px 0 230px;
}

div#pagina ul
{
  
margin: 0 50px 0 0;
padding: 35px 0 0 120px;
list-style-type: square;
list-style-position: outside;
background-color: #fff;
}


div#pagina ul li
{
  margin: 0;
  padding: 0 0 5px 0;
}

div#entrada ul
{
  margin: 0 0 0 500px;
  padding: 0;
  list-style-type: none;
  font-variant: small-caps;
  background-color: #fff;
}


div#presupuesto ul
{
  margin: 0;
  padding-top: 50px;
padding-left: 130px;
}

div#contenido ul
{
  margin: 0;
  padding-top: 30px;
  background-color: #fff;
}

div#portfolio ul
{
  margin: 0;
  padding-top: 50px;
  padding-left: 150px;
  list-style-type: none;
}

div#portfolio ul li
{
  display: inline;
  margin: 0;
  padding: 0;
}

div#portfolio ul li a
{
  display: block;
  float: left;
  margin: 0;
  padding: 10px;
  color: #6d9296;
  font-weight: bold;
  font-size:90%;
  border: 1px solid #fff;
}

div#portfolio ul li a:hover
{
  border-color: #000;
  background-color: #fff;
}

p img
{
vertical-align: text-bottom;
  margin: 0;
  padding: 0 0 0 2px;
}

p strong
{
  display: block;
  margin: 0;
  padding: 0 0 10px 0;
  color: #333e4a;
}

p strong img
{
  margin-left: 400px;
}

p a
{
  border-left: solid 3px #6d9296;
  padding-left: 3px;
}

p a:hover
{
  color: #000;
  border-color: #000;
}

p#validator a
{
  border: 0;
  color: #2e2d2d;
}

p#validator a:hover
{
  color: #6d9296;
}

/*formulario*/


form
{
  margin: 0;
  padding: 0 50px 0 50px;
  font-weight: bold;
}

textarea
{
  font-family: arial,hevetica,"sans serif";
color: #2e2d2d;
font-size: small;
}

/*TABLA DE COLORES*/

/*
 #333e4a
 #2e2d2d
 #6d9296
 #92adb0
*/