.tarjetab1{
border:solid 1px #999999;
color:grey;
text-align: center;
float:left;
width:487px;
margin-left:10px;
height:300px;
background-image: url(paper.gif);

}
.tarjetab2{
border:solid 0px #000000;
float:left;
background-image: url(horizontal.gif);
width:510px;
}
.tarjetab3{
border:solid 0px green;
float:left;
padding-bottom:12px;
background-image: url(bottom.gif);
background-repeat:no-repeat;
background-position: bottom left;

}

.telefonotarjeta{
border-top:solid 2px #ccccff;
width:90%;
margin:auto;
margin-top:85px;
text-align:right;
}

.tarjetaheader{
border:solid 0px green;
background-image: url(top.gif);
height:12px;

}

.resumen{
border:solid 0px green;
text-align:justify;
height:216px;
float:left;
margin-left:18px;
width:500px;
}


.resumen  p{
text-indent:4em;
border:solid 0px  blue;
margin-top:0px;
margin-bottom:10px;
} 

.telefonotarjeta p{
border:solid 0px  green;
font-size:1.1em;
color:#336699;
letter-spacing:1pt;
padding:0px;
margin-top:9px;}

p{
border:solid 0px  green;
font-size:1em;
}

.servicios p{
text-indent:4em;
margin-top:0px;
margin-bottom:10px;
}





.formulario{
border:solid 0px green;
width:350px;
float:left;
margin-left:36px;
}

h2{color:#336699;
margin:0px;
margin-bottom:10px;
font-size:1.5em;
}

.tarjetab1 h1{
color:#333333;
margin:0px;
margin-top:95px;
font-size:1.5em;
}
.tarjetab1 h2{
font-size:1.1em;
color:#336699;
margin:0px;

}
.tarjetab1 h3{
font-size:0.8em;
margin:0px;}





body{
margin:0;
padding-top:0px;
background:#cccccc;
background-image: url(background.gif);
font-family:arial;
color:#333333;}

.header{
border:solid 0px  green;
margin:auto;
padding-left:0px;
width:1000px;
height:150px;
margin-bottom:20px;
background:#5079a5;
}

img{
border:solid 0px red;
}

.slideshow{
border:solid 0px #999999;
width:380px;
height:220px;
float:left;
overflow:hidden;}

.slideshow img { padding: 8px; border: 2px solid #ccc;  }


.telefonotarjeta  img {
border:solid 0px red; 
float:left;
margin-top:12px;}

.hoja{
border:solid 0px red;
width:1000px;
margin:auto;
background:#ffffff;
}
.contenedor{
border:solid 0px orange;
margin:auto;
width:900px;
height:1150px;
}

.servicios{
text-align:justify;
border:solid 0px green;
float:left;
margin:auto;
margin-top:30px;
margin-bottom:30px;
width:900px;
}

.servi1{
border:solid 0px blue;
float:left;
width:33%;
}

.servi2{
border:solid 0px red;
float:left;
width:33%;}

.servi3{
border:solid 0px orange;
float:left;
width:33%;}


.contacto{
border:solid 0px red;
float:left;
}

.contacto_contenido p{
text-indent:4em;
text-align:justify;
border:solid 0px red;
background:#6699cc;
color:white;
padding:10px 20px;;}

.formulario p {
text-indent:0em;
font-weight:bold;}

.piedepagina{

border:solid 0px green;
border-top:solid 1px #ccccff;
width:900px;
margin:auto;
font-size:0.7em;
text-align:center;
padding:15px 0;}

.piedepagina p{
margin:0px;}

ul {
margin-top:20px;
padding-left:0px;
}
li {
text-indent:0em;
margin-bottom:10px;
margin-left:25px;
}

